@charset "UTF-8";

body,h1,h2,h3,h4,p,ul{margin: 0;
padding: 0;}

ul{display: block;
list-style: none;}

a{text-decoration: none;}*/

* {box-sizing: border-box;} 

body {font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
line-height: 1.8;
color: #444444;}

/*ヘッダー*/
.header-box {top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100px;
background-color: #ffffff;}

/* ヘッダー　オリンピックロゴと右の文字の部分 */
.top_page{display: flex;
border-bottom: solid 1px #1e43bd;
background-color: #033075;}

.top_menu{width: 1280px;
margin: 0 auto;}

.top_nav{display: flex;
float: right;}

.top_nav li{margin-right: 30px;
font-size: 15px;
font-weight: bold;}

.top_nav a{color: #fff;}

.top_nav a:hover{text-decoration: underline;
color: #666;}

/* ヘッダーロゴ */
.bottom_page{display: flex;}

.bottom_page img{width: 75px;
margin-left: 150px;}

/* ヘッダー　メニュー */
.global-nav{margin: 0px auto;}

.global-nav ul{width: 1200px;
display: flex;
margin-top: 20px;}

.global-nav  li{margin: 0px auto;
align-items: center;}

.global-nav  a{color: #000;
font-size: 20px;
font-weight: bold;}

.global-nav ul a:hover{color: blue;
text-decoration: underline;}


/* マップ */
.map_wrap{width: 100%;
background: rgb(247, 245, 245);
border-bottom: 1px solid rgb(235, 233, 233);}

.map_inner{width: 100%;
width: 1140px;
margin: 0px auto;}

.map_channer{width: 100%;
overflow: hidden;
padding-bottom: 3px;}

.map_list{display: flex;
float: right;
overflow: hidden;}

.map_list li{line-height: 32px;
padding-top: 4px;
background: url(./list.png)no-repeat left 8px;}

.map_list a{color: #333;
font-size: 15px;
margin-left: 20px;}

.map_list a:hover{color: #666;
text-decoration: underline;}

/* メイン画像 */
.sliderBox .bxslider img{width: 100%;}

/* 検索バー */
.search_box{width: 1280px;
height: 110px;
background-color: #f7faff;
border: 0.3px solid #ecf1f7;
margin: 0 auto;
text-align: center;}

.search{width: 800px;
height: 60px;
font-size: 20px;
border: 2px solid #3352a4;
margin-top: 20px;}

.hrline{width: 1280px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #fff;
margin-bottom: 10px;}

/* サービス画像 */
.service_box{overflow: hidden;
margin-top: 20px;
margin-bottom: 20px;}

.service_inner{width: 1280px;
margin: 0 auto;
display: flex;}

.service_title{width: 150px;
padding-top: 0px;}

.service_title h2{color: #333;
font-size: 24px;
font-weight: bold;
letter-spacing: -2px;}

.service_title p{margin-top: 10px;
color: #666;
font-size: 16px;}

.service{width: 800px;
height: 400px;
padding: 0 0px;
border: 1px solid #ddd;
background-color: #fff;}

.service_ti{font-size: 20px;
font-weight: bold;
padding: 10px;}

.service_list{width: 750px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;}

.service_icon{width: 120px;
height: 120px;
margin: 25px;}

.service_icon a{font-size: 13px;
color: #333;
text-align: center;
font-weight: bold;}

.service_icon a:hover{color: #666;
opacity:0.5;}

/*最新情報画面*/
.info_board{width: 300px;
height: 400px;
margin-left: 20px;
border: 1px solid #ddd;}

.info_title{display: flex;
padding: 10px;
font-size: 20px;
font-weight: bold;}

.info_btu {margin-top: 5px;
margin-left: 150px;}

.info_btu img{width: 25px;
height: 25px;
border: 1px solid #333;}

.info_list{font-size: 15px;}

.info_list a{color: #333;
margin-left: 10px;
padding-bottom: 10px;}

.info_list a:hover{color: #666;
text-decoration: underline;}

/* 顧客センター*/
.content_wrap{display: flex;
padding-top: 20px;
width: 1140px;
margin: 0px auto;}

.aside{height: 100%;
width: 230px;
display: block;
padding: 0 0 40px;
box-sizing: border-box;
margin: 0 30px 0 0;}

.aside h2{font-size: 24px;
padding: 0 0 10px;
border-bottom: 2px solid #000;
color: #000;
line-height: 1.3;}

.aside a{color: #333;}

.nav li{font-size: 16px;
padding: 12px 0 12px;
border-bottom: 1px solid #666;
color: #333;}

.nav a{color: #333;}

.nav a:hover{color: #666;
text-decoration: underline;}

.contents{width: 880px;
padding: 0px 0px 30px;}

.contents_title{border-bottom: 3px solid #333333;}

.content_assi{margin-top: 20px;
width: 880px;}

.content_assi h2{font-size: 20px;
font-weight: bold;
padding: 10px;}

.assi_box{width: 880px;
background: #999;
border-radius: 10px;
margin-bottom: 20px;}

.assi_box p{font-size: 16px;
color: #fff;
padding: 10px;
margin-left: 10px;}

.pic_box{width: 880px;
background-color: #f5f5f5;}

.pic_title{font-size: 20px;
font-weight: bold;
padding-left: 20px;
padding-top: 20px;}

.sub_title{font-size: 12px;
text-align: right;}

.guide_box{padding: 20px;}

.guide_box img{width: 800px;}

.guide_text{font-size: 25px;
font-weight: bold;
color: #033075;}

.sub_text{font-size: 15px;
margin-left: 10px;
margin-bottom: 10px;}

/* マッチサービス画像 */
.matchse_box{overflow: hidden;
margin-top: 20px;
margin-bottom: 20px;}
  
.matchse_inner{width: 1280px;
margin: 0 auto;
display: flex;}
  
.matchse_title{width: 150px;
padding-top: 0px;}
  
.matchse_title h2{color: #333;
font-size: 24px;
font-weight: bold;
letter-spacing: -2px;}
  
.matchse_title p{margin-top: 10px;
color: #666;
font-size: 16px;}

.match{width: 1130px;
height: 300px;
padding: 0 0px;
border: 1px solid #ddd;
background-color: #fff;}

.match_ti{font-size: 20px;
font-weight: bold;
padding: 10px;}

.match_list{padding: 10px;}

.match_list li{font-size: 20px;
font-weight: bold;
border-bottom: 2px solid #333;
margin-bottom: 15px;
margin-left: 20px;
list-style: circle;}

.match_list a{color: #000;}

.match_list a:hover{color: #666;
text-decoration: underline;}

/*login画面*/
.login_title{width: 1140px;
margin: 0px auto;
border-bottom: 2px solid #333;
padding-bottom: 10px;}

.login_title h1{margin-top: 20px;
line-height: 1.3;
font-size: 24px;}

.login_box{width: 1140px;
margin: 0px auto;
padding: 30px 20px 15px;}

.login_box-wrap{width: 420px;
margin: 35px auto 50px;}

.ID_box{padding: 0px 14px;
margin: 15px;}

.ID_box label{font-size: 18px;
font-weight: bold;
margin-right: 50px;}

.ID_box input{width: 200px;
height: 30px;
font-size: 14px;}

.pass_box{padding: 0px 14px;
margin: 15px}

.pass_box label{font-size: 18px;
font-weight: bold;
margin-right: 34px;}

.pass_box input{width: 200px;
height: 30px;
font-size: 14px;}

.login_btn{width: 420px;
height: 100px;
padding-top: 15px;
margin: 0 auto;}

.login_button{width: 420px;
height: 80px;
margin: 0 auto;
font-size: 20px;
font-weight: bold;
text-align: center;
box-sizing: border-box;
border-radius: 10px;
border: 1px solid #1e43bd;
background-color: #1e43bd;}

.login_button a{color: #fff;}

.other_box{width: 420px;
margin: 0 auto;}

.other_btn{display: flex;
margin: 10px;}

.other_btn li{margin: 0 auto;
font-size: 16px;
font-weight: bold;}

.other_btn a{color: #333;}

.other_btn a:hover{color: #666;
text-decoration: underline;}

.login_text{width: 1140px;
height: 200px;
margin-bottom: 10px;
padding: 25px 40px;
border-radius: 6px;
font-size: 13px;
text-align: left;
background: #f0f5f9;}

.login_text1{float: left;}

.login_text1 li{font-size: 15px;
font-weight: bold;
margin: 5px;}

.login_text2{float: right;}

.login_text2 h2{margin-bottom: 10px;}

.login_text2 p{font-size: 13px;
font-weight: bold;
margin: 5px;}

/*会員登録_box*/
.nlogin_title{width: 1140px;
margin: 0px auto;
border-bottom: 2px solid #333;
padding-bottom: 10px;}

.nlogin_title h1{margin-top: 20px;
line-height: 1.3;
font-size: 24px;}

.nlogin_box{width: 1140px;
margin: 0px auto;
padding-top: 20px;}

.nlogin_inner{display: flex;
width: 1140px;
height: 50px;
background-color: #eeeeee;
list-style-type: none;
border-radius: 10px;}

.first{background-color: #033075;
width: 285px;}

.nlogin_inner li{width: 285px;}

.num1{font-size: 24px;
color: #fff;
margin-left:  15px;
font-weight: bold;}
  
.txt1{font-size: 15px;
margin-left: 10px;
color: #fff;}


.num{font-size: 24px;
color: #000;
margin-left:  15px;
font-weight: bold;}

.txt{font-size: 15px;
margin-left: 10px;
color: #000;}

.member_wrap{width: 1140px;
margin: 0 auto;
display: flex;}

.person{width: 550px;}

.person h2{font-size: 20px;
margin-top: 20px;}

.person_box{border: 1px solid #888;
margin-top: 10px;
height: 200px;
margin-bottom: 20px;
border-radius: 10px;
display: flex;}

.person_btn{margin: 0 auto;
margin-top: 25px;}

.person_btn p{width: 100px;
margin: 0 auto;
background: #666;
border-radius: 3px;}

.person_btn a{font-size: 18px;
font-weight: bold;
color: #fff;
text-align: center;}

.person_btn a:hover{opacity:0.5;}

.corporate{width: 550px;
margin: 0 auto;}

.corporate h2{font-size: 20px;
margin-top: 20px;}

.corporate_btn{margin: 0 auto;
margin-top: 25px;}
  
.corporate_btn p{width: 130px;
margin: 0 auto;
background: #666;
border-radius: 3px;}

.corporate_btn a{font-size: 18px;
font-weight: bold;
color: #fff;
text-align: center;}

.corporate_btn a:hover{opacity:0.5;}

/*info画面*/
.infosearch_box{width: 880px;
height: 70px;
margin: 0 auto;
border: 1px solid rgb(232, 233, 238);
background: rgb(248, 248, 250);
text-align: center;}
  
.infosearch{width: 300px;
height: 30px;
font-size: 15px;
border: 1px solid #666;
text-align: center;
margin-top: 17px;}

.if_box p{font-size: 16px;
font-weight: bold;
margin-top: 10px;}

.table_list{border-top: 1px solid rgb(59, 59, 59);}

.table_list a{color: #000;
font-weight: bold;}

.table_list a:hover{color: #666;
text-decoration: underline;}

table{border-collapse: collapse;
width: 100%;
border-top: 2px solid #333;
margin-top: 10px;
margin-bottom: 20px;}

table th{text-align: center;
background-color: #f5f5f5;
border-bottom: 1px solid #333;
color: #333;}

table td{border:1px solid #666;
text-align: center;}

/*info1*/
.info_assi{margin-top: 15px;
margin-bottom: 10px;
font-size: 15px;
font-weight: bold;}

.info_bar{background: rgb(245, 245, 245);
border-top: 2px solid rgb(211, 211, 211);
border-bottom: 1px solid rgb(211, 211, 211);
padding: 7px 20px;
font-size: 13px;}

.date{float:right;
margin-top: -23px;}

.info_view{width: 880px;
background-color: #f5f5f5;}

.info_view img{margin-left: 40px;
margin-top: 15px;}

.info_view p {font-size: 17px;
margin-left: 40px;}

/*service-box*/
.service_wrap{width: 1140px;
margin: 0 auto;}

.service_wrap h2{margin-top: 20px;
margin-bottom: 10px;
border-bottom: 2px solid #333;}

.ser_inner{width: 1140px;
height: 800px;
margin: 0 auto;
display: flex;}

.service_con{width: 880px;
height: 50px;
background-color: #f5f5f5;
border-radius: 10px;
text-align: center;}

.sersearch{width: 300px;
height: 30px;
margin-top: 5px;
margin-bottom: 20px;}

.aside1{width: 200px;
margin-left: 40px;}

.service_sub{text-align: right;}

.ser_subti{margin-top: 10px;
margin-bottom: 10px;}

.ser_subti a{color: #000;
font-weight: bold;}

.ser_subti a:hover{text-decoration: underline;}

.ser_list{width: 880px;
border-top: 2px solid rgb(211, 211, 211);
flex-wrap: wrap;}

.in-bn{margin-bottom: 20px;
margin-top: 20px;
border-bottom: 1px solid #666;
text-align: left;}

.in-bn a{font-size: 18px;
color: #000;
font-weight: bold;}

.in-bn a:hover{text-decoration: underline;}

.con_sub{margin-top: 20px;
border-bottom: 1px solid rgb(211, 211, 211);}

.nav1 li{font-size: 12px;
margin-top: 5px;}

.nav1 a{color: #000;
font-size: 12px;
font-weight: bold;}

.nav1 a:hover{text-decoration: underline;}

/*補償金画面*/
.assi_wrap{width: 1140px;
margin: 0 auto;}

.assi_wrap h2{margin-top: 20px;
border-bottom: 2px solid #333;}

.assi_ti{border-bottom: 1px solid #666;
margin-bottom: 15px;}

.sear_box{width: 1140px;
background-color: #f5f5f5;
text-align: center;}

.assisearch{width: 400px;
height: 40px;
margin-top: 10px;
margin-bottom: 10px;}

.kate{width: 1140px;
margin-top: 20px;
border-bottom: 1px solid #666;}

.kate_list{margin-top: 15px;
margin-bottom: 20px;}

.kate_list li{margin-top: 5px;}

.kate_list a{font-size: 17px;
color: #000;
font-weight: bold;}

.kate_list a:hover{text-decoration: underline;}

/*intro画面*/
.intro_box{width: 880px;
margin: 0 auto;
margin-top: 20px;
background-color: #f5f5f5;}

.intro_box p{padding: 10px;}

.intro_box h3{text-align: center;
margin-bottom: 15px;}

.intro_box h4{margin-left: 10px;}

.intro_box img{width: 200px;
height: 200px;}

/*フッター*/
.top_element{border-top: 1px solid #bcc9dd;
border-bottom: 1px solid #bcc9dd;
height: 50px;
background-color: #dce2ec;}

.top_inner{width: 1280px;
margin: 0 auto;}

.footer_menu{overflow: hidden;
float: left;
display: flex;}

.footer_menu li {margin-top: 10px;}

.footer_menu a{color: #000;
font-size: 15px;
font-weight: bold;
margin-right: 15px;}

.footer_menu a:hover{text-decoration: underline;}

span{color: #1e43bd;}

.sns{float: right;
display: flex;}

.sns li {margin-right: 40px;
margin-top: 10px;}

.sns a{color: #333;
font-weight: bold;
font-size: 20px;}

.body_element{background-color: #ecf1f7;}

.body_inner{width: 1280px;
margin: 0 auto;
padding: 20px;
display: flex;}
  
.footer_logo img{width: 100px;
height: 100px;}

.footer_info {float: left;
line-height: 25px;
padding-top: 20px;}

.footer_info p{font-size: 15px;
color: #333;
align-items: center;}