@media screen and (min-width: 668px) {
/* PC */

#index_box_sp,#index_main_sp {display: none; }
.pc_no {display: none;}



/* base_contents */
body {line-height:1.6; background:#f5f5f5; font-feature-settings : "palt"; font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;}

@media screen and (orientation: landscape) {
body { background:#f5f5f5; min-width:1086px; line-height: 1.6;}
#body_pop { background:#f5f5f5; min-width:780px;  line-height: 1.6;}
}


header{width:100%; background:#ffffff; position: fixed; z-index: 230; }
#index_box { width:1100px; margin: 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap;  
padding:18px 0px 18px 0px;  }

.index_logo {width: 600px; padding:0px 0px 0px 0px; box-sizing: border-box;}

.index_nav {width: 500px; padding:15px 0px 0px 0px; box-sizing: border-box; }

#index_nav_btn { width: 100%;  margin: 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: center;
padding:0px 0px 0px 0px; text-align:center; }

#index_nav_btn li{width: 23%; box-sizing: border-box; }
#index_nav_btn a{display: block; font-size:15px; text-align:center;  padding: 8px 10px; text-decoration: none; color:#282828; }
#index_nav_btn a:hover { background:#e7ebf1; }



#bg-video {position: absolute; top:104px; right: 0; bottom: 0; min-width: 100%; height: 840px; width: auto; height: auto;
z-index: -100; background: #282828; background-size: cover;}
.mov_anime {position: relative; z-index: 2; display: flex; width: 100%;justify-content: center; align-items: center; text-align:center; margin: auto;}

#index_main {width: 100%; height: 840px; position:relative; overflow: hidden;	margin: 0px auto; }
#ani_t1 {position: absolute; display: none;}
#ani_t2 {position: absolute; display: none;}
#ani_t3 {position: absolute; display: none;}

.index_img {width: 380px;}
.index_img2 {width: 30%;}
.index_img3 {width: 100%;}
.index_img4 {width: 42px;}
.index_img5 {width: 40%;}


/* anime */
.move1{opacity: 0; padding:0px 0px 0px 50px; transition: all 0.8s 0.2s ease;}
.move1.active{opacity: 1; padding:0px 0px 0px 0px;}

.move2{opacity: 0; padding:0px 100px 0px 0px; transition: all 0.5s 0.4s ease;}
.move2.active{opacity: 1; padding:0px 0px 0px 0px;}


#nav1 { margin-top:10px; }
#nav2 { margin-top:-110px;  padding-top:110px; }


#index_title { width:1100px; margin: 200px auto 0px auto; padding:0px 0px 0px 0px; }
#index_title2 { width:1100px; margin: 100px auto 0px auto; padding:0px 0px 0px 0px; text-align:right;}

#index_box1 {width: 100%; height: 460px; margin: 0px auto; padding:0px 0px 0px 0px; background: #ffffff url(../imag/top1_p1.jpg) no-repeat top center; 	-webkit-background-size: cover;	-moz-background-size: cover;	-ms-background-size: cover;	background-size: cover;  display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;  }


#index_box1 h1 {width:100%; font-size:28px; font-weight: normal; color:#ffffff; margin:0px 0px 30px 0px; text-align:center;}
#index_box1 p {width:100%; font-size:16px; color:#ffffff; line-height:2.3; text-align:center; }



#index_box2 { width:1100px; margin: 70px auto 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: center; 
padding:10px 0px 10px 0px; text-align:center;}

#index_box2 h2 { width:100%; font-size:24px; font-weight: normal; margin:0px 0px 60px 0px; text-align:center; }

.index_box2_no1,.index_box2_no2,.index_box2_no3 {  width: 30%; margin: 0px 12px 20px 12px; box-sizing: border-box; background: #ffffff;
-webkit-box-shadow: 0 0 15px 0 #e7e7e7; -moz-box-shadow: 0 0 15px 0 #e7e7e7; box-shadow: 0 0 15px 0 #e7e7e7; }

.index_box2_title1 {width:100%; height: 100px; font-size:18px; font-weight: normal; padding:10px 0px 10px 0px; margin: 0px 0px 0px 0px; line-height: 1.7;  text-align:center; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
#index_box2 p {font-size:14px; margin:20px 25px 20px 25px; line-height:1.9; text-align:left; }

.index_box2_point1,.index_box2_point2,.index_box2_point3 {position: relative;}
.index_box2_point1:before {font-family: "Font Awesome 5 Free";margin: 0px 0px 0px 0px; font-size: 20px;
content: "01";
display: inline-block;
line-height: 44px;
position: absolute;padding: 0em;
color: #ffffff;
background: #f3c85c;
font-weight: normal; width: 44px;text-align: center;height: 44px;line-height: 44px;left: 0px;top: 0px;  font-family: Times New Roman, sans-serif;
-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

.index_box2_point2:before {font-family: "Font Awesome 5 Free";margin: 0px 0px 0px 0px; font-size: 20px;
content: "02";
display: inline-block;
line-height: 44px;
position: absolute;padding: 0em;
color: #ffffff;
background: #f3c85c;
font-weight: normal; width: 44px; text-align: center;height: 44px;line-height: 44px;left: 0px;top: 0px; font-family: Times New Roman, sans-serif;
-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

.index_box2_point3:before {font-family: "Font Awesome 5 Free";margin: 0px 0px 0px 0px; font-size: 20px;
content: "03";
display: inline-block;
line-height: 44px;
position: absolute;padding: 0em;
color: #ffffff;
background: #f3c85c;
font-weight: normal; width: 44px;text-align: center;height: 44px;line-height: 44px;left: 0px;top: 0px; font-family: Times New Roman, sans-serif;
-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}





#index_box3b,#index_box3f { width:1100px; margin: 70px auto 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: center; 
padding:10px 0px 10px 0px; text-align:center;}


.index_box3b_no1 {width: 44%; font-size: 24px; color:#ffffff; padding:28px 0px 28px 0px; margin:0px 30px 0px 0px;display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;
background: #142e56; /* Old browsers */
background: -moz-linear-gradient(left,  #142e56 0%, #406eaf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #142e56 0%,#406eaf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #142e56 0%,#406eaf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142e56', endColorstr='#406eaf',GradientType=1 ); /* IE6-9 */}
.index_box3b_no2 {width: 52%; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}

.index_box3b_no2 p {font-size:14px; margin:0px 0px 0px 0px; line-height:1.9; text-align:left; }


#index_box3c {width:1100px; margin: 30px auto 0px auto;}
#index_toti { width:90%; margin: 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: space-between;
padding:0px 0px 0px 0px; }

.index_toti_no1 {width: 31%; margin:0px 0px 0px 0px; box-sizing: border-box; background: #ffffff;
-webkit-box-shadow: 0 0 15px 0 #e7e7e7; -moz-box-shadow: 0 0 15px 0 #e7e7e7; box-shadow: 0 0 15px 0 #e7e7e7; }
.index_toti_no2 {width: 31%; margin:0px 0px 0px 0px; box-sizing: border-box; background: #ffffff;
-webkit-box-shadow: 0 0 15px 0 #e7e7e7; -moz-box-shadow: 0 0 15px 0 #e7e7e7; box-shadow: 0 0 15px 0 #e7e7e7; }
.index_toti_no3 {width: 31%; margin:0px 0px 0px 0px;box-sizing: border-box; background: #ffffff;
-webkit-box-shadow: 0 0 15px 0 #e7e7e7; -moz-box-shadow: 0 0 15px 0 #e7e7e7; box-shadow: 0 0 15px 0 #e7e7e7;  }
.index_toti_no4 {width: 100%; margin:30px 0px 40px 0px;  text-align:center; }
.index_toti_no5 {width: 31%; margin:0px 0px 0px 0px;box-sizing: border-box; background: #ffffff;
-webkit-box-shadow: 0 0 15px 0 #e7e7e7; -moz-box-shadow: 0 0 15px 0 #e7e7e7; box-shadow: 0 0 15px 0 #e7e7e7;  }
.index_toti_no6 {width: 31%; margin:0px 0px 0px 0px;box-sizing: border-box; background: #ffffff;
-webkit-box-shadow: 0 0 15px 0 #e7e7e7; -moz-box-shadow: 0 0 15px 0 #e7e7e7; box-shadow: 0 0 15px 0 #e7e7e7;  }
.index_toti_no7 {width: 31%; margin:0px 0px 0px 0px; box-sizing: border-box; background: #ffffff;
-webkit-box-shadow: 0 0 15px 0 #e7e7e7; -moz-box-shadow: 0 0 15px 0 #e7e7e7; box-shadow: 0 0 15px 0 #e7e7e7; }

.index_toti_no4 h2 {font-size:24px; margin:0px 0px 15px 0px; color:#142e56;}
.index_toti_line { border-bottom:dotted 3px #142e56;  padding:20px 0px 10px 0px; }

.index_toti_no4 p {font-size:16px; margin:0px 0px 0px 0px; line-height:2.3; }



#index_box3e { width:1100px; margin: 70px auto 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: center; 
padding:50px 0px 0px 0px; text-align:center;}


.index_box3e_no1 {width: 45%; font-size: 24px; color:#ffffff; padding:28px 0px 28px 0px; margin:0px 30px 0px 0px;display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;
background: #142e56; /* Old browsers */
background: -moz-linear-gradient(left,  #142e56 0%, #406eaf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #142e56 0%,#406eaf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #142e56 0%,#406eaf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142e56', endColorstr='#406eaf',GradientType=1 ); /* IE6-9 */}
.index_box3e_no2 {width: 52%; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}

.index_box3e_no2 p {font-size:14px; margin:0px 20px 0px 0px; line-height:1.9; text-align:left; }

#index_box3e_back {width: 1100px; height: 700px; margin: 0px auto; padding:0px 0px 0px 0px; background: #ffffff url(../imag/top3b_p1.jpg) no-repeat top center; 	-webkit-background-size: cover;	-moz-background-size: cover;	-ms-background-size: cover;	background-size: cover;  }



#index_box3e_list { width:96%; margin: 50px auto 30px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: center; 
padding:0px 0px 0px 0px; text-align:center;}


.index_box3e_no3 {  width: 18%; margin: 0px 8px 20px 8px; box-sizing: border-box; background: #ffffff;
-webkit-box-shadow: 0 0 10px 0 #e7e7e7; -moz-box-shadow: 0 0 10px 0 #e7e7e7; box-shadow: 0 0 10px 0 #e7e7e7; }
.index_box3e_no4 {  width: 47%; margin: 0px 8px 0px 8px; box-sizing: border-box; }



.index_box3e_title1 {width:100%; font-size:18px; font-weight: normal; padding:20px 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 1.7;  text-align:center; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
#index_box3e_list p {font-size:13px; margin:15px 25px 20px 25px; line-height:1.9; text-align:left; }

.index_box3e_point1 {margin: 0px 5px 0px 0px; font-size: 16px;display: inline-block;line-height: 26px;color: #ffffff;background: #f3c85c;
font-weight: normal; width: 26px;text-align: center; height: 26px; line-height: 26px;  font-family: Times New Roman, sans-serif;}



#index_box3f_list { width:70%; margin: 40px auto 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: space-between;
padding:0px 0px 0px 0px; }

.index_box3f_no1,.index_box3f_no2,.index_box3f_no3,.index_box3f_no4 {width: 48%; margin:0px 0px 20px 0px; box-sizing: border-box; background: #ffffff;
-webkit-box-shadow: 0 0 15px 0 #e7e7e7; -moz-box-shadow: 0 0 15px 0 #e7e7e7; box-shadow: 0 0 15px 0 #e7e7e7; }



#sub_box3f_list { width:100%; margin: 0px auto 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: space-between;
padding:0px 0px 0px 0px; }

.sub_box3f_no1,.sub_box3f_no2 {width: 49%; margin:0px 0px 0px 0px; box-sizing: border-box;  text-align:center; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}

.sub_box3f_no2 h2 {font-size:16px; margin:0px 0px 10px 0px; color:#142e56; }
.sub_box3f_no2 p {font-size:13px; margin:0px 0px 0px 0px; line-height:1.8; }


#index_box3g{ width:70%; margin: 40px auto 20px auto;
padding:20px 20px 20px 20px; text-align:left; border:solid 3px #b7b7b7; }

#index_box3g2,#index_box3g3 { width:70%; margin: 10px auto 20px auto;
padding:20px 20px 20px 20px; text-align:left; border:solid 3px #b7b7b7; }

#index_box3g h2,#index_box3g2 h2,#index_box3g3 h2 {font-size:20px; margin:0px 0px 10px 0px; color:#142e56;}
#index_box3g p,#index_box3g2 p ,#index_box3g3 p  {font-size:14px; margin:0px 0px 0px 0px; line-height:1.8; }



#index_box3h { width:1100px; margin: 70px auto 30px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: space-between;
padding:10px 0px 10px 0px; text-align:center;}

.index_box3h_no1,.index_box3h_no2 {width: 47%;}

#index_box3h h2 { font-size: 24px; color:#ffffff; padding:28px 0px 28px 0px; margin: 0px 0px 10px 0px;

background: #142e56; /* Old browsers */
background: -moz-linear-gradient(left,  #142e56 0%, #406eaf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #142e56 0%,#406eaf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #142e56 0%,#406eaf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142e56', endColorstr='#406eaf',GradientType=1 ); /* IE6-9 */}

#index_box3h p {font-size:14px; margin:0px 0px 0px 0px; line-height:1.9; text-align:left; }




#index_box4 { width:100%; margin: 70px auto 50px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: space-between;
padding:10px 0px 10px 0px; text-align:center;
background:linear-gradient(90deg,#142e56 0%,#142e56 50%,#3a63a0 50%,#3a63a0 100%);}

.index_box4_no1,.index_box4_no2 {width: 50%; padding:70px 0px 70px 0px; text-align:center; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}

#index_box4 h2 { font-size: 14px; color:#ffffff; padding:0px 0px 0px 0px; margin: 0px 0px 5px 0px;}
.index_box4_text1 {font-size:30px; color:#ffffff; margin:0px 0px 0px 0px; }
.index_box4_text2 {font-size:18px; color:#ffffff; margin:0px 0px 0px 0px; }
.index_box4_text2:before {content: '';display: inline-block; margin:0px 10px 0px 0px; width: 30px;height: 20px;background-image: url("../imag/top4_p1.png");background-size: contain;vertical-align: middle;}

	
.index_box4_no1	a[href^="tel:"] {pointer-events: none;}
.index_box4_no1	a {color:#ffffff;}

.index_box4_no2 a:link {color:#ffffff;text-decoration:none;}
.index_box4_no2 a:visited{color:#ffffff;text-decoration:none;}
.index_box4_no2 a:hover{color:#f3c85c;text-decoration:none;}
.index_box4_no2 a:active{color:#2c2c2c;}


footer {width:100%; margin: 0px auto; text-align:center; padding:30px 0px 180px 0px;}



 /* company */
.index_logo2 {width: 100%; background:#f5f5f5; padding:20px 0px 30px 0px;  text-align:center;}
#com_title { width:100%; margin: 10px auto 0px auto; padding:0px 0px 0px 0px; text-align:center;}
#com_box1 { width:720px; margin: 0px auto; background:#5b5b5b; color:#ffffff; }

#com_outline { font-size:15px; padding:28px 28px 28px 28px; display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; }

#com_outline li { padding:0px 0px 15px 0px; }
.com_no1 {width: 20%; margin:0px 0px 0px 0px; box-sizing: border-box;}
.com_no2 {width: 79%; margin:0px 0px 0px 0px; box-sizing: border-box;}
.com_no3 {width: 100%; margin:0px 0px 0px 0px; box-sizing: border-box;}

.map_img {width:100%; height:360px;}


}/* PC fin */






















@media screen and (max-width: 667px) {
/* SP */
#index_box,#index_main {display: none; }
.sp_no {display: none;}



body {background:#f5f5f5; font-size: 14px; line-height: 1.6; color: #282828;}
.index_img {width: 78%; margin: 5px 0px 5px 10px; }
.index_img2 {width: 80%; margin: 0px 0px 0px 10px; }
.index_img3 {width: 100%;}
.index_img4 {width: 42px;}
.index_img5 {width: 80%; margin: 0px 0px 0px 0px;  }



#bg-video {position: absolute; top:0px; right: 0; bottom: 0; min-width: 100%; height: 600px; width: auto; height: auto;
z-index: -100; background: #282828; background-size: cover;}

.mov_anime {position: relative; z-index: 2;}


#index_main_sp { width: 100%; height: 600px; text-align:right; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-end; justify-content: flex-end;}


/* nav_sp */
#index_nav_btn { width: 100%;  margin: 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: space-between;
padding:0px 0px 0px 0px; text-align:center; }

#nav_btn {width:100%; height: 60px; position: fixed; z-index: 230; background: #e1e1e1; bottom: 0;}

#nav_btn ul { width:100%;}
#nav_btn li { vertical-align: top;}
.nav_btn_img {text-align:left; width: 83%; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
.nav_btn_img2 {display: inline-block; text-align:center; width: 15%; background: #142e56; padding:5px 0px 10px 0px;}

#menu {display:none; width:100%;  position: fixed;  z-index: 220; margin: 0px 0px 60px 0px;  bottom: 0;}
#menu ul {text-align: center; }
#menu li {float:left; width:50%; font-size: 14px; border-bottom:solid 1px #d7d0c6; background-image: -webkit-gradient(linear, left top, left bottom, from(#214274), to(#142e56)); }
#menu li a  {display: block; color:#ffffff; text-decoration: none; height: 42px; line-height: 42px;}

.back1 { border-left:solid 1px #d7d0c6;  background-image: -webkit-gradient(linear, left top, left bottom, from(#214274), to(#142e56)); }
.back2 { background-image: -webkit-gradient(linear, left top, left bottom, from(#214274), to(#142e56)); }
.link1 { border-left:solid 1px #d7d0c6;  background: #c3dacb;}
.link2 { background: #c3dacb;}



#nav1 { margin-top:140px; }
#nav2 { margin-top:-110px;  padding-top:110px; }


#index_title { width:100%; margin: 230px auto 0px auto; padding:0px 0px 0px 0px; }
#index_title2 { width:100%; margin: 30px auto 0px auto; padding:0px 0px 0px 0px; text-align:right;}

#index_box1 {width: 100%;  margin: 0px auto; padding:0px 0px 0px 0px; background: #ffffff url(../imag/top1_p1.jpg) no-repeat top center; 	-webkit-background-size: cover;	-moz-background-size: cover;	-ms-background-size: cover;	background-size: cover;  display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;  }

#index_box1 h1 { font-size:24px; font-weight: normal; color:#ffffff; padding:30px 30px 10px 30px;  text-align:center;}
#index_box1 p {font-size:14px; color:#ffffff; line-height:2.0; text-align:left; padding:0px 30px 50px 30px; }


#index_box2 { width:100%; margin: 60px auto 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: center; 
padding:10px 0px 10px 0px; text-align:center;}

#index_box2 h2 { font-size:24px; font-weight: normal; margin:0px 0px 30px 0px; text-align:center; }

.index_box2_no1,.index_box2_no2,.index_box2_no3 {  width: 90%; margin: 0px 0px 40px 0px; box-sizing: border-box; background: #ffffff;
-webkit-box-shadow: 0 0 15px 0 #e7e7e7; -moz-box-shadow: 0 0 15px 0 #e7e7e7; box-shadow: 0 0 15px 0 #e7e7e7; }

.index_box2_title1 {width:100%; height: 100px; font-size:24px; font-weight: normal; padding:10px 0px 10px 0px; margin: 0px 0px 0px 0px; line-height: 1.7;  text-align:center; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
#index_box2 p {font-size:14px; margin:20px 25px 20px 25px; line-height:1.9; text-align:left; }

.index_box2_point1,.index_box2_point2,.index_box2_point3 {position: relative;}
.index_box2_point1:before {font-family: "Font Awesome 5 Free";margin: 0px 0px 0px 0px; font-size: 20px;
content: "01";
display: inline-block;
line-height: 44px;
position: absolute;padding: 0em;
color: #ffffff;
background: #f3c85c;
font-weight: normal; width: 44px;text-align: center;height: 44px;line-height: 44px;left: 0px;top: 0px;  font-family: Times New Roman, sans-serif;
-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

.index_box2_point2:before {font-family: "Font Awesome 5 Free";margin: 0px 0px 0px 0px; font-size: 20px;
content: "02";
display: inline-block;
line-height: 44px;
position: absolute;padding: 0em;
color: #ffffff;
background: #f3c85c;
font-weight: normal; width: 44px; text-align: center;height: 44px;line-height: 44px;left: 0px;top: 0px; font-family: Times New Roman, sans-serif;
-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

.index_box2_point3:before {font-family: "Font Awesome 5 Free";margin: 0px 0px 0px 0px; font-size: 20px;
content: "03";
display: inline-block;
line-height: 44px;
position: absolute;padding: 0em;
color: #ffffff;
background: #f3c85c;
font-weight: normal; width: 44px;text-align: center;height: 44px;line-height: 44px;left: 0px;top: 0px; font-family: Times New Roman, sans-serif;
-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}



#index_box3b,#index_box3f { width:100%; margin: 70px auto 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: center; 
padding:10px 0px 10px 0px; text-align:center;}


.index_box3b_no1 {width: 100%; font-size: 24px; color:#ffffff; padding:28px 0px 28px 0px; margin:0px 0px 0px 0px;display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;
background: #142e56; /* Old browsers */
background: -moz-linear-gradient(left,  #142e56 0%, #406eaf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #142e56 0%,#406eaf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #142e56 0%,#406eaf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142e56', endColorstr='#406eaf',GradientType=1 ); /* IE6-9 */}
.index_box3b_no2 {width: 100%; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}

.index_box3b_no2 p {font-size:14px; margin:20px 20px 0px 20px; line-height:1.9; text-align:left; }


#index_box3c {width:100%; margin: 0px auto 0px auto;}
#index_toti { width:100%; margin: 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: center; 
padding:0px 0px 0px 0px; }

.index_toti_no1 {width: 46%; margin:0px 10px 10px 0px; box-sizing: border-box; background: #ffffff;
-webkit-box-shadow: 0 0 15px 0 #e7e7e7; -moz-box-shadow: 0 0 5px 0 #e7e7e7; box-shadow: 0 0 5px 0 #e7e7e7; order:2;}
.index_toti_no2 {width: 46%; margin:0px 0px 10px 0px; box-sizing: border-box; background: #ffffff;
-webkit-box-shadow: 0 0 15px 0 #e7e7e7; -moz-box-shadow: 0 0 5px 0 #e7e7e7; box-shadow: 0 0 5px 0 #e7e7e7;  order:3;}
.index_toti_no3 {width: 46%; margin:0px 10px 10px 0px;box-sizing: border-box; background: #ffffff;
-webkit-box-shadow: 0 0 15px 0 #e7e7e7; -moz-box-shadow: 0 0 5px 0 #e7e7e7; box-shadow: 0 0 5px 0 #e7e7e7; order:4;}
.index_toti_no4 {width: 100%; margin:20px 0px 20px 0px;  text-align:center; order:1; }
.index_toti_no5 {width: 46%; margin:0px 0px 10px 0px;box-sizing: border-box; background: #ffffff;
-webkit-box-shadow: 0 0 15px 0 #e7e7e7; -moz-box-shadow: 0 0 5px 0 #e7e7e7; box-shadow: 0 0 5px 0 #e7e7e7;  order:5;}
.index_toti_no6 {width: 46%; margin:0px 10px 10px 0px;box-sizing: border-box; background: #ffffff;
-webkit-box-shadow: 0 0 15px 0 #e7e7e7; -moz-box-shadow: 0 0 5px 0 #e7e7e7; box-shadow: 0 0 5px 0 #e7e7e7;  order:6;}
.index_toti_no7 {width: 46%; margin:0px 0px 10px 0px; box-sizing: border-box; background: #ffffff;
-webkit-box-shadow: 0 0 15px 0 #e7e7e7; -moz-box-shadow: 0 0 5px 0 #e7e7e7; box-shadow: 0 0 5px 0 #e7e7e7; order:7;}

.index_toti_no4 h2 {font-size:22px; margin:0px 0px 15px 0px; color:#142e56;}
.index_toti_line {  padding:0px 0px 10px 0px; }

.index_toti_no4 p {font-size:14px; margin:0px 0px 0px 0px; line-height:2.0; }



#index_box3e { width:100%; margin: 70px auto 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: center; 
padding:50px 0px 0px 0px; text-align:center;}


.index_box3e_no1 {width: 90%; font-size: 20px; color:#ffffff; padding:28px 0px 28px 0px; margin:0px 0px 0px 0px;display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;
background: #142e56; /* Old browsers */
background: -moz-linear-gradient(left,  #142e56 0%, #406eaf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #142e56 0%,#406eaf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #142e56 0%,#406eaf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142e56', endColorstr='#406eaf',GradientType=1 ); /* IE6-9 */}
.index_box3e_no2 {width: 90%; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}

.index_box3e_no2 p {font-size:14px; margin:20px 0px 0px 0px; line-height:1.8; text-align:left; }

#index_box3e_back {width: 100%; margin: 0px auto; padding:0px 0px 0px 0px; background: #ffffff url(../imag/sp/top3b_p1.jpg) no-repeat top center; 	-webkit-background-size: cover;	-moz-background-size: cover;	-ms-background-size: cover;	background-size: cover;  }



#index_box3e_list { width:96%; margin: 30px auto 30px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: center; 
padding:0px 0px 0px 0px; text-align:center;}


.index_box3e_no3 {  width: 45%; margin: 0px 5px 20px 5px; box-sizing: border-box; background: #ffffff;
-webkit-box-shadow: 0 0 10px 0 #e7e7e7; -moz-box-shadow: 0 0 10px 0 #e7e7e7; box-shadow: 0 0 10px 0 #e7e7e7; }
.index_box3e_no4 {  width: 90%; margin: 0px 8px 10px 8px; box-sizing: border-box; }



.index_box3e_title1 {width:100%; font-size:18px; font-weight: normal; padding:20px 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 1.7;  text-align:center; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
#index_box3e_list p {font-size:13px; margin:15px 15px 20px 15px; line-height:1.8; text-align:left; }

.index_box3e_point1 {margin: 0px 5px 0px 0px; font-size: 16px;display: inline-block;line-height: 26px;color: #ffffff;background: #f3c85c;
font-weight: normal; width: 26px;text-align: center; height: 26px; line-height: 26px;  font-family: Times New Roman, sans-serif;}



#index_box3f_list { width:100%; margin: 30px auto 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: center; 
padding:0px 0px 0px 0px; }

.index_box3f_no1,.index_box3f_no2,.index_box3f_no3,.index_box3f_no4 {width: 90%; margin:0px 0px 20px 0px; box-sizing: border-box; background: #ffffff;
-webkit-box-shadow: 0 0 15px 0 #e7e7e7; -moz-box-shadow: 0 0 15px 0 #e7e7e7; box-shadow: 0 0 15px 0 #e7e7e7; }



#sub_box3f_list { width:100%; margin: 0px auto 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: space-between;
padding:0px 0px 0px 0px; }

.sub_box3f_no1,.sub_box3f_no2 {width: 49%; margin:0px 0px 0px 0px; box-sizing: border-box; text-align:center; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}

.sub_box3f_no2 h2 {font-size:14px; margin:10px 0px 5px 0px; color:#142e56; }
.sub_box3f_no2 p {font-size:12px; margin:0px 0px 0px 0px; line-height:1.7; }


#index_box3g{ width:70%; margin: 40px auto 20px auto;
padding:20px 20px 20px 20px; text-align:left; border:solid 3px #b7b7b7; }

#index_box3g2,#index_box3g3 { width:70%; margin: 10px auto 20px auto;
padding:20px 20px 20px 20px; text-align:left; border:solid 3px #b7b7b7; }

#index_box3g h2,#index_box3g2 h2,#index_box3g3 h2 {font-size:18px; margin:0px 0px 10px 0px; color:#142e56;}
#index_box3g p,#index_box3g2 p ,#index_box3g3 p  {font-size:13px; margin:0px 0px 0px 0px; line-height:1.8; }



#index_box3h { width:100%; margin: 70px auto 0px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: space-between;
padding:10px 0px 10px 0px; text-align:center;}

.index_box3h_no1,.index_box3h_no2 {width: 100%;}

#index_box3h h2 { font-size: 24px; color:#ffffff; padding:28px 0px 28px 0px; margin: 0px 0px 10px 0px;

background: #142e56; /* Old browsers */
background: -moz-linear-gradient(left,  #142e56 0%, #406eaf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #142e56 0%,#406eaf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #142e56 0%,#406eaf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142e56', endColorstr='#406eaf',GradientType=1 ); /* IE6-9 */}

#index_box3h p {font-size:14px; margin:0px 20px 20px 20px; line-height:1.9; text-align:left; }




#index_box4 { width:100%; margin: 70px auto 50px auto;
display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: space-between;
padding:0px 0px 10px 0px; text-align:center;
background:linear-gradient(180deg,#142e56 0%,#142e56 50%,#3a63a0 50%,#3a63a0 100%);}

.index_box4_no1,.index_box4_no2 {width: 100%; padding:50px 0px 50px 0px; text-align:center; display: flex; display: -ms-flexbox; display: -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}

#index_box4 h2 { font-size: 13px; line-height:1.2; color:#ffffff; padding:0px 0px 0px 0px; margin: 0px 0px 2px 0px;}
.index_box4_text1 {font-size:30px; color:#ffffff; margin:0px 0px 0px 0px; }
.index_box4_text2 {font-size:18px; color:#ffffff; margin:0px 0px 0px 0px; }
.index_box4_text2:before {content: '';display: inline-block; margin:0px 10px 0px 0px; width: 30px; height: 20px;background-image: url("../imag/top4_p1.png");background-size: contain;vertical-align: middle;}

.index_box4_no1 a:link,.index_box4_no2 a:link {color:#ffffff;text-decoration:none;}
.index_box4_no1 a:visited,.index_box4_no2 a:visited{color:#ffffff;text-decoration:none;}
.index_box4_no1 a:hover,.index_box4_no2 a:hover{color:#ffffff;text-decoration:none;}
.index_box4_no1 a:active,.index_box4_no2 a:active{color:#ffffff;}

footer {width:100%; margin: 0px auto; text-align:center; padding:30px 0px 180px 0px;}



 /* company */
.index_logo2 {display: none; }
#com_title { width:100%; margin: 30px auto 0px auto; padding:0px 0px 0px 0px; text-align:center;}
#com_box1 { width:90%; margin: 0px auto; background:#5b5b5b; color:#ffffff; }

#com_outline { font-size:15px; padding:28px 28px 28px 28px; display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex;
flex-wrap: wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; }

#com_outline li { }
.com_no1 {width: 100%; margin:0px 0px 5px 0px; padding:5px 0px 5px 10px;  background:#707070; }
.com_no2 {width: 100%; margin:0px 0px 20px 0px; padding:0px 0px 0px 10px; }
.com_no3 {width: 100%; margin:0px 0px 0px 0px; box-sizing: border-box;}

.map_img {width:100%; height:360px;}




}/* SP fin */