@charset "utf-8";
@import url("module.css");
@import url("meanmenu.css");
body {
color:#6D6D6D;
font-size:0.9em;
line-height:1.75em;
letter-spacing:0.03em;
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
img{ max-width:100%; height:auto; }
@media only screen and (min-width:860px){
 .link_img:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";-moz-opacity:0.7;-khtml-opacity:0.7;}
}
/*header
-----------------------*/
.header{
background:#0685BD;
}
.header select,.adiv select{
padding:1px 5px;
color:#0685BD;
border-color:#0685BD;
background:#fff;
}
.header select{ font-size:0.8em; }
@media print, screen and (min-width:1025px){
	.header_con{
	max-width:1040px;
	margin:0px auto;
	padding:30px 20px 25px;
	}
	.logo{
	float:left;
	max-width:621.5px;
	}
	.header_r{
	float:right;
	color:#fff;
	margin-top:9px;
	text-align:right;
	}
	.header_r a{
	color:#fff;
	text-decoration:none;
	}
	.header_r ul,.header_r li,.header_r select{
	display:inline-block;
	}
	.header_r li{
	font-size:0.8em;
	position: relative;
	padding: 0 0 0 16px;
	margin:0 5px 0 0;
	vertical-align: middle;
	}
	.header_r li::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	left: 5px;
	box-sizing: border-box;
	width:5px;
	height:5px;
	border:5px solid transparent;
	border-left:5px solid #fff;
	}
	.main_menu{
	background:#fff;
	border-bottom:7px solid #0685BD;
	text-align:center;
	padding:28px 0 0;
	}
	.main_menu_list1{
	max-width:1000px;
	margin:0px auto;
	text-align:center;
	}
	.main_menu_list1 li{
	display:inline-block;
	position: relative;
	min-width:130px;
	}
	.main_menu_list1 li.home{
	min-width:auto;
	}
	.main_menu_list1 li a{
	display:block;
	text-decoration:none;
	border-bottom:7px solid #0685BD;
	margin-bottom:-7px;
	padding-bottom:13px;
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
	margin-right:10px;
	}
	.main_menu_list1 a.on{
	border-bottom:7px solid #fff;
	}
	.main_menu_list1 .home a:hover{
	border-bottom:7px solid #fff;
	}
	.mm{
	display:block;
	color:#0685BD;
	font-size:1.5em;
	line-height:0.95em;
	}
	.ms{
	display:block;
	color:#595757;
	font-size:0.7em;
	}
	.main_menu_list1 li ul{
	display:inline-block;
	max-width:150px;
	list-style: none;
	position:absolute;
	z-index:999;
	top:90%;
	left:0;
	right:0;
	bottom: 0;
	margin: auto;
	visibility: hidden;
	opacity: 0;
	transition: .5s;
	}
	.main_menu li ul li{
	width: 100%;
	background:rgba(6,133,189,0.9);
	padding:0;
	line-height:1.4em;
	}
	.main_menu_list1 li ul li a{
	display:block;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:0.85em;
	padding:5px;
	border-top: 1px solid rgba(6,133,189,0.3);
	visibility: hidden;
	opacity: 0;
	transition: .5s;
	border-bottom:none;
	margin:0;
	}
	.main_menu_list1  li ul li a:hover{background:#136CA8;}
	.main_menu_list1 li:hover ul{visibility: visible;opacity: 1;}
	.main_menu_list1 li:hover ul li a{visibility: visible;opacity: 1;}
	.pc-non{display:none !important;}
}
@media print, screen and (max-width:1024px){
	.sp-non,.main_menu_list1{display:none;}
	.header_con{
	position:relative;
	width:97%;
	height:50px;
	margin:0px auto;
	padding:14px 0 5px;
	}
	.logo{
	position: fixed;
	z-index:902;
	width:70%;max-width:200px;
	}
	.logo a{display:block;width:100%;} 
	.ms{
	display:inline-block;
	margin-left:10px;
	font-size:0.8em;
	color:#D8E8EF;
	}
}
@media print, screen and (max-width:780px){
	.header_con{width:94%;height:47px;padding:11px 0 5px;}
}
/*footer
-----------------------*/
.footer{
border-top:5px solid #0685BD;
background:#424242 url(../images/common/metal.png) 50% 50%;
background-size:cover;
color:#fff;
}
.footer a{
text-decoration:none;
}
.footer_con{
max-width:990px;
margin:0px auto;
padding-top:40px;
}
.add{
text-align:center;
padding:30px 0 25px;
font-size:0.9em;
line-height:1.5em;
}
.add h1{
max-width:330px;
margin:5px auto;
}
.add a{color:#fff;}
.block-txt{
display:inline-block;
margin:0 5px;
}
.block-txt2{
display:inline-block;
}
.copy{
background:#424242;
color:#fff;
text-align:center;
font-size:0.7em;
line-height:1.4em;
padding:10px;
}
@media print, screen and (min-width:1025px){
	.f_list ul{
	float:left;
	margin-right:43px;
	}
	.footer_con .f_list ul:last-child{
	margin-right:0;
	}
	.fm1,.fm1 a{color:#fff;}
	.fm2,.fm2 a{color:#efefef;}
	.fm1{
	font-weight:bold;
	margin-bottom:10px;
	font-size:0.98em;
	}
	.fm2{
	font-size:0.9em;
	line-height:1.6em;
	}

}
@media print, screen and (max-width:1024px){
	.footer_con{ padding-top:15px; }
	.f_list{ display:none;}
	.add{
	width:86%;margin:0px auto;
	padding:0px 0 15px;
	}
	.add h1{
	max-width:240px;
	margin:5px auto;
	}
}
/*page_top
-----------------------*/
.page_top a{
display:inline-block;
text-decoration:none;
}
@media print, screen and (min-width:1025px){
	.page_top{
	width:90%;
	max-width:950px;
	text-align:right;
	margin:80px auto 10px;
	}
	.page_top img{
	display:block;
	text-align:center;
	margin:10px auto;
	}
}
@media print, screen and (max-width:1024px){
	.page_top{
	width:100%;
	border-top:5px solid #EDEFEF;
	text-align:center;
	margin:80px auto 0;
	background:#fff;
	}
	.page_top a{
	width:90%;
	padding:5px 5%;
	}
	.page_top img{
	display:inline-block;
	margin:0 3px;
	}
}
/* ヒーローイメージ
-------------------------------- */
#hero{
border-bottom:2px solid #0685BD;
}
#animation_out{
width:100%;
max-width:1040px;
height:auto;
overflow: hidden;
margin:auto;
}
#animation_container{
width:100% !important;
max-width:1040px !important;
height: auto !important;
position:relative;
background-color:rgba(255, 255, 255, 1.00);
}
#canvas{
width:100% !important;
height: auto !important;
position: absolute;
background-color:rgba(255, 255, 255, 1.00);
}
#dom_overlay_container{
pointer-events:none;
overflow:hidden;
width:850px;
height:380px;
position:absolute;
left:0px;
top:0px;
display:none;
}
#_preload_div_{
width:100% !important;
height: auto !important;
text-align: center;
}
#_preload_div_ img{
max-width:1040px !important;
width:100% !important;
height: auto !important;
}
/* topics
-------------------------------- */
.topics{
width:90%;
max-width:880px;
margin:0 auto 85px;
}
.topics a{
text-decoration:none;
display:block;
margin:0px auto;
}
.topics h1{
color:#0685BD;
font-weight:bold;
line-height:1.4em;
font-size:1.063em;
}
.topics p{ color:#888888; line-height:1.5em;font-size:0.96em; }
@media print, screen and (min-width:781px){
	.topics li{
	float:left;
	width:30%;
	height:255px;
	padding:25px 0;
	margin-right:5%;
	background:#F7F7F7;
	}
	.topics li:last-child{ margin-right:0; }
	.topics h1{
	position: relative;
	padding: 0 0 0 16px;
	margin:15px auto 5px;
	}
	.topics h1::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	box-sizing: border-box;
	width:8px;
	height:8px;
	border:8px solid transparent;
	border-left:8px solid #0685BD;
	}
	.topics_img{ text-align:center; }
	.topics a{ width:85%; }
}
@media print, screen and (max-width:780px){
	.topics{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background:#F7F7F7;
	padding:10px 0;
	width:90%;
	max-width:620px;
	}
	.topics a{
	width:92%;
	border-bottom:1px solid #E5E5E5;
	padding:15px 0;
	position: relative;
	}
	.topics li:last-child a{border-bottom:none; }
	.topics_img{
	float:left;
	width:30%;
	margin-right:5%;
	}
	.topics_txt{
	float:left;
	width:40%;
	}
	.topics_txt::after{
	position: absolute;
	top:0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	box-sizing: border-box;
	width:7px;
	height:9px;
	border:9px solid transparent;
	border-left:9px solid #0685BD;
	}
	.topics h1{ margin:5px auto; }
}
@media print, screen and (max-width:680px){
	.topics_txt{ width:50%; }
}
@media print, screen and (max-width:580px){
	.topics_txt{ width:55%; }
	.topics{ margin:0 auto 35px; }
}
@media print, screen and (max-width:380px){
	.topics{ width:95%;}
	.topics h1{ font-size:1em; }
}
/* pickup
-------------------------------- */
.pickup{
max-width:880px;
background:#E3F7FF;
border:1px solid #A2E1F9;
font-weight:bold;
}
.pickup a{
display:inline-block;
margin:15px auto 0;
text-decoration:none;
font-size:0.8em;
line-height:1.4em;
border:1px solid #CEE9F2;
background:#fff;
color:#2F80BC;
padding:10px 35px 10px 15px;
position: relative;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.pickup a:hover{
background:#F5FDFF;
}
.pickup a::after{
position: absolute;
top:0;
bottom: 0;
right: 0;
margin: auto;
content: "";
vertical-align: middle;
box-sizing: border-box;
width:7px;
height:9px;
border:9px solid transparent;
border-left:9px solid #0685BD;
}
@media print, screen and (min-width:681px){
	.pickup{
	width:90%;
	padding:30px 0;
	text-align:center;
	font-size:1.2em;
	margin:0px auto 120px;
	}
}
@media print, screen and (max-width:680px){
	.pickup{
	width:80%;
	padding:30px 5%;
	font-size:1.1em;
	margin:0px auto 90px;
	}
}
/* top_menu
-------------------------------- */
.top_menu{
text-align:center;
width:90%;
max-width:1040px;
margin:5% auto 0;
background-color:#000;
}
.top_menu li{
float:left;
width:50%;
margin:0;
padding:0;
overflow: hidden;
background-position:50% 50%;
background-repeat: no-repeat;
background-size:cover;
}
.top_menu a{
display:block;
width:91%;
text-align:center;
padding:75px 5%;
overflow: hidden;
color:#fff;
text-decoration:none;
letter-spacing:0.2em;
background-color: rgba(0,0,0,0.5);
}
.tm_en{
display:inline-block;
font-size:2.4em;
line-height:0.95em;
padding:0 10px 5px;
margin-bottom:10px;
border-bottom:1px solid #878787;
}
.tm_jp{
display:block;
font-size:0.9em;
line-height:0.95em;
font-size:1.2em;
}
.top_menu a:hover{
color:#0685BD;
background-color: rgba(255,255,255,0.8);
}
.top_menu a:hover .tm_en{
border-bottom:1px solid #0685BD;
}
.tm1{ background-image:url("../images/top/top_menu1_bg.png"); }
.tm2{ background-image:url("../images/top/top_menu2_bg.png"); }
.tm3{ background-image:url("../images/top/top_menu3_bg.png"); }
.tm4{ background-image:url("../images/top/top_menu4_bg.png"); }
.tm5{ background-image:url("../images/top/top_menu6_bg.png"); }
.tm6{ background-image:url("../images/top/top_menu5_bg.png"); }
.top_movie{
width:90%;
max-width:800px;
}
@media print, screen and (min-width:781px){
	.top_movie{margin:60px auto 0;}
}
@media print, screen and (max-width:780px){
	.top_menu a{ padding:60px 5%; }
	.tm_en{ font-size:1.8em; }
	.tm_jp{ font-size:1em; }
	.top_movie{margin:10% auto 0;}
}
@media print, screen and (max-width:980px){
	.top_menu{
	width:100%;
	margin:0 auto;
	}
}
@media print, screen and (max-width:580px){
	.top_menu a{ padding:35px 5%;letter-spacing:0.1em; }
	.tm_en{ font-size:1.3em;padding:0 5px 5px;margin-bottom:10px; }
	.tm_jp{ font-size:0.85em; }
}
@media print, screen and (max-width:480px){
	.top_menu a{ padding:25px 5%; }
	.tm_en{
	font-size:1.1em;
	padding:0 10px 5px;
	margin-bottom:5px;
	}
	.tm_jp{ font-size:0.75em; }
}
/* top_banner
-------------------------------- */
.top_banner{
	margin:30px auto 0;
	text-align:center;
	max-width:1040px;
	width:90%;
}
/* info
-------------------------------- */
.info{
max-width:880px;
width:90%;
position:relative;
}
.info-ttl{
color:#0685BD;
font-weight:normal;
border-bottom:1px solid #0685BD;
padding-bottom:5px;
margin-bottom:10px;
}
.info_link{
text-align:right;
margin:10px auto;
position:absolute;
}
.info_link a{
display:inline-block;
position:relative;
text-decoration:none;
color:#6D6D6D;
}
.info_link a::before {
position: absolute;
content: '';
border-top: solid 1px #0685BD;
border-right: solid 1px #0685BD;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top:35%;
left:0;
margin-top: -3px;
}
.info_list{ width:98%; }
.info_list li a{ color:#6D6D6D; }
.info_list li a:hover{ color:#0685BD; }
.info_list li{
width:98%;
border-bottom:1px dotted #DDDDDD;
padding:10px 1%;
margin:5px auto;
}
.strong_txt,.strong_txt a{
font-weight:bold;
color:#0A84F2 !important;
}
.strong_txt a:hover{
color:#00AAFF !important;
}
@media print, screen and (min-width:781px){
	.info{ margin:100px auto 70px;padding-bottom:50px; }
	.info_list .date{
	float:left;
	width:10%;
	margin-right:5%;
	}
	.info_list .txt{
	float:left;
	width:85%;
	}
	.info_list{ margin:20px auto; }
	.info_link a{
	width:100px;
	padding-left:30px;
	}
	.info_link{
	bottom:0;
	right:0;
	}
	.info_link a::before {
	width:13px;
	height:13px;
	}
}
@media print, screen and (max-width:780px){
	.info{ margin:70px auto; }
	.info_list{ margin:10px auto; }
	.info_link{
	top:-10px;
	right:10px;
	}
	.info_link a{
	width:100px;
	padding-left:5px;
	font-size:0.85em;
	}
	.info_link a::before {
	width:10px;
	height:10px;
	}
}
@media print, screen and (min-width:581px){
	.info-ttl{
	font-size:1.5em;
	letter-spacing:0.1em;
	}
}
@media print, screen and (max-width:580px){
	.info-ttl{ font-size:1.5em; }
}
@media print, screen and (max-width:480px){
	.info-ttl{ font-size:1.2em; }
}
/* container
-------------------------------- */
.container{
margin:0 auto;
padding:0;
width:100%;
max-width:880px;
}
.container2{
margin:0 auto;
padding:0;
width:100%;
}
.minh{
min-height:500px;
}
.contents,.contents3,.contents5,.contents6{ width:98%; }
.contents7{ width:95%; }
.contents,.contents2,.contents3{
margin:0 auto 90px;
}
.contents4,.contents5,.contents6,.contents7{ margin:0 auto; }
@media print, screen and (max-width:920px){
	.contents,.contents3,.contents4,.contents5,.contents6{ width:90%; }
	.contents2{ width:95%; }
}
@media print, screen and (max-width:780px){
	.contents3,.contents6{ width:100%; }
}
@media print, screen and (max-width:400px){
	.contents7{ width:100%; }
}
/* page-ttl
-------------------------------- */
.page-ttl,.page-ttl-re,.page-ttl3,.page-ttl4{
text-align:center;
width:85%;
line-height:1.2em;
font-size:0.95em;
font-weight:normal;
letter-spacing:5px;
}
.page-ttl,.page-ttl-re{color:#727272;}
.page-ttl3,.page-ttl4{color:#fff;}
@media print, screen and (min-width:1025px){
	.page-ttl,.page-ttl-re,.page-ttl3{ margin:50px auto 60px; }
	.page-ttl4{ margin:50px auto 0; }
}
@media print, screen and (max-width:1024px){
	.page-ttl,.page-ttl3{ margin:40px auto 50px; }
	.page-ttl-re{ margin:40px auto 0; }
	.page-ttl4{ margin:40px auto 0; }
}
@media print, screen and (max-width:580px){
	.page-ttl,.page-ttl3{ margin:30px auto; }
	.page-ttl-re{ margin:30px auto 0; }
	.page-ttl4{ margin:30px auto 0; }
}
@media print, screen and (max-width:380px){
	.page-ttl,.page-ttl3{ margin:20px auto; }
	.page-ttl-re{ margin:20px auto 0; }
	.page-ttl4{ margin:20px auto 0; }
}
/* page-ttl2
-------------------------------- */
.page-ttl2{
line-height:1.4em;
width:100%;
margin:0 auto;
background-image:url("../images/product/product_bg.png");
background-position:50% 50%;
background-repeat: no-repeat;
background-size:cover;
}
.page-ttl2 h1{
width:85%;
max-width:880px;
line-height:1.2em;
font-size:0.95em;
font-weight:normal;
letter-spacing:5px;
color:#727272;
text-align:center;
margin:0 auto;
}
.page-ttl2 ul{
width:90%;
max-width:880px;
}
.page-ttl2 ul li a{
display:block;
width:90%;
text-decoration:none;
color:#447193;
position: relative;
vertical-align: middle;
border:1px solid #0685BD;
background-color: rgba(255,255,255,0.9);
}
.page-ttl2 ul li a:hover{
background-color:#0685BD;
color:#fff;
}
.page-ttl2 ul li a:hover:before{
background:#fff;
}
.page-ttl2 ul li a:hover:after{
border-color:#0685BD;
}
.page-ttl2 ul li a::before,
.page-ttl2 ul li a::after{
position: absolute;
top:0;
bottom:0;
right:6px;
margin: auto;
content: "";
vertical-align: middle;
}
.page-ttl2 ul li a::before{
width:20px;
height:20px;
-webkit-border-radius: 50%;
border-radius: 50%;
background:#0685BD;
}
.page-ttl2 ul li a::after{
right:13px;
width:6px;
height:6px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media print, screen and (min-width:921px){
	.page-ttl2 ul li{
	float:left;
	width:32%;
	margin-right:2%;
	margin-bottom:2%;
	}
	.page-ttl2 ul li:nth-child(3n){ margin-right:0; }
	.page-ttl2 ul li a{ padding:6% 4.8%; }
}
@media print, screen and (max-width:920px) and (min-width:621px){
	.page-ttl2 ul li a{ padding:5% 4.8%; }
	.page-ttl2 ul li{
	float:left;
	width:49%;
	margin-right:2%;
	margin-bottom:2%;
	}
	.page-ttl2 ul li:nth-child(2n){ margin-right:0; }
}
@media print, screen and (min-width:621px){
	.page-ttl2{padding:70px 0;}
	.page-ttl2 ul{ margin:50px auto 0; }
}
@media print, screen and (max-width:620px){
	.page-ttl2 ul li{
	width:100%;
	margin-bottom:2%;
	}
	.page-ttl2 ul li a{ padding:4% 4.8%; }
	.page-ttl2{padding:50px 0;}
	.page-ttl2 ul{ margin:30px auto 0; }
}
@media print, screen and (max-width:580px){
	.page-ttl2{padding:40px 0;}
}
@media print, screen and (max-width:380px){
	.page-ttl2{padding:30px 0 20px;}
}
/* sub-ttl
-------------------------------- */
.sub-ttl,.sub-ttl-2{
border-top:3px solid #0685BD;
font-weight:normal;
font-size:1.25em;
vertical-align:middle;
}
.sub-ttl{
border-bottom:1px solid #0685BD;
color:#0685BD;
}
.sub-ttl-2{
border-bottom:1px dotted #0685BD;
}
.sub-ttl-2 .stxt{
font-size:.8em;
}
@media print, screen and (min-width:921px){
	.sub-ttl,.sub-ttl-2{ padding:15px;margin:0px auto 20px; }
}
@media print, screen and (max-width:920px) and (min-width:481px){
	.sub-ttl,.sub-ttl-2{ padding:15px 5%;margin:0px auto 30px; }
}
@media print, screen and (max-width:480px){
	.sub-ttl,.sub-ttl-2{ padding:10px 5%;font-size:1.1em; }
}
.yel_box{
vertical-align:middle;
background:#FF9810;
color:#fff;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
text-shadow:2px 2px 5px #C97200;
font-size:0.8em;
line-height:1.4em;
padding:7px 10px;
position: relative;
}
@media print, screen and (min-width:375px){
	.yel_box{ display:inline-block;margin:-2px 0 0 20px; }
	.yel_box:before {
	content: "";
	position: absolute;
	top:25%;
	left:-15px;
	border:8px solid transparent;
	border-right:8px solid #FF9810;
	}
}
@media print, screen and (max-width:374px){
	.yel_box{ display:block;margin:5px 0 0 0;max-width:210px; }
	.yel_box:before {
	content: "";
	position: absolute;
	top:-15px;
	left:10%;
	border:8px solid transparent;
	border-bottom:8px solid #FF9810;
	}

}
/* sub-ttl2
-------------------------------- */
.sub-ttl2{
color:#444444;
font-size:1.4em;
line-height:1.6em;
margin:20px auto;
}
/* sub-ttl3
-------------------------------- */
.sub-ttl3{
border-left:10px solid #CDDCE0;
padding-left:15px;
font-size:1.24em;
margin:15px auto;
font-weight:normal;
}
/* sub-ttl4
-------------------------------- */
.sub-ttl4{
background:#95B0C1;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
color:#fff;
padding:8px 10px 5px;
font-weight:normal;
font-size:0.9em;
line-height:1.6em;
}
.sub-ttl4 span{
display:block;
font-size:1.2em;
text-indent: -1.2em;
margin-left: 1.2em;
vertical-align:middle;
}
.sub-ttl4 span::before{
color:#C3D6E0;
content: '●';
display: inline-block;
width: 1.2em;
text-indent: 0;
}
@media print, screen and (max-width:920px){
	.mt-15{ margin-top:-15px; }
}
.mt-20{ margin-top:-20px; }
/* sub-ttl5
-------------------------------- */
.sub-ttl5,.sub-ttl5-2{
font-size:1.4em;
line-height:1.5em;
margin:-20px auto 30px;
text-align:center;
}
.sub-ttl5{
color:#444444;
}
.sub-ttl5-2{
color:#fff;
}
@media print, screen and (max-width:580px){
	.sub-ttl5,.sub-ttl5-2{
	font-size:1.3em;
	margin:0 auto 30px;
	}
}
@media print, screen and (max-width:420px){
	.sub-ttl5,.sub-ttl5-2{
	font-size:1.2em;
	line-height:1.4em;
	}
}
/* sub-ttl6
-------------------------------- */
.sub-ttl6{
border-left:10px solid #CDDCE0;
padding-left:15px;
font-size:1.1em;
line-height:1.4em;
margin:40px auto 15px;
font-weight:normal;
}
/* sub-ttl7
-------------------------------- */
.sub-ttl7{
color:#444444;
font-size:1.16em;
line-height:1.7em;
margin:5px auto 15px;
}
/* sub-ttl8
-------------------------------- */
.sub-ttl8{
color:#444444;
font-size:1.16em;
line-height:1.7em;
margin:20px auto 10px;
}
/* sub-ttl9
-------------------------------- */
.sub-ttl9{
color:#444444;
font-size:1.16em;
line-height:1.7em;
margin:5px auto 15px;
}
@media print, screen and (max-width:680px){
	.sub-ttl9{ text-align:center; }
}
/* sub-ttl10
-------------------------------- */
.sub-ttl10,.sub-ttl10-2{
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
color:#fff;
padding:8px 10px 5px;
font-weight:normal;
font-size:0.9em;
line-height:1.6em;
}
.sub-ttl10{
background:#95B0C1;
}
.sub-ttl10-2{
background:#959dbc;
}
.sub-ttl10 .main,.sub-ttl10-2 .main{
display:inline-block;
font-size:1.2em;
text-indent: -1.2em;
margin-left: 1.2em;
vertical-align:middle;
}
.sub-ttl10 .main::before,.sub-ttl10-2 .main::before{
content: '●';
display: inline-block;
width: 1.2em;
text-indent: 0;
}
.sub-ttl10 .main::before{
color:#C3D6E0;
}
.sub-ttl10-2 .main::before{
color:#c8c3dd;
}
.sub-ttl10 .sub,.sub-ttl10-2 .sub{
display:inline-block;
font-size:0.9em;
vertical-align:middle;
margin:1px 1px 1px 10px;
}
.pur_link{
display:inline-block;
margin:10px auto;
color:#494172;
position: relative;
padding-right:20px;
text-decoration:underline;
}
.pur_link::before{
position: absolute;
top: 0;
bottom: 0;
right:0;
margin: auto;
content: "";
vertical-align: middle;
box-sizing: border-box;
width:6px;
height:6px;
border:6px solid transparent;
border-left:6px solid #494172;
}
.pur_link:hover{
color:#5b549e;
}
.pur_link2{
background-color:#6e78ba;
color:#fff;
text-decoration:none;
display:inline-block;
margin:auto;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
box-shadow:1px 5px 1px 0px rgba(46,21,107,.3);
text-shadow:1px 3px 1px rgba(35,19,127,.3);
position: relative;
}
.pur_link2::before{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
right:6px;
box-sizing: border-box;
width:8px;
height:8px;
border:8px solid transparent;
border-left:8px solid #fff;
}
.pur_link2:hover{
background-color:#7f8edd;
}
@media print, screen and (min-width:761px){
	.pur_link2{
	font-size:1.4em;
	padding:25px 50px 25px 25px;
	}
	.pur_link2 strong{font-size:1.3em;}
}
@media print, screen and (max-width:760px){
	.pur_link2{
	width:90%;
	-webkit-box-sizing: border-box;
box-sizing: border-box;
	font-size:1.2em;
	padding:15px 30px 15px 15px;
	}
	.pur_link2 strong{font-size:1.2em;}
}
/*pager
------------------------*/
.sub-ttl-txt{margin:0px auto 30px;}
@media print, screen and (min-width:920px){
	.sub-ttl-txt{ text-align:center;}
}
/*pager
------------------------*/
.pager{
margin:30px auto;
text-align:left;
}
.pager li{
display:inline-block;
}
.pager a,.pager span{
display:inline;
border:1px solid #AFAFAF;
padding:5px 8px;
margin:5px;
}
.pager a{
color:#AFAFAF;
background:#fff;
text-decoration:none;
}
.pager a:hover{
color:#fff;
background:#AFAFAF;
}
.pager span{
color:#fff;
background:#AFAFAF;
}
@media print, screen and (max-width:860px){
	.pager a,.pager span{margin:3px;}
}
@media print, screen and (max-width:420px){
	.pager a,.pager span{font-size:0.9em;padding:7px 8px;}
}
/*page-con
------------------------*/
.page-con-in{
width:90%;
padding:5% 5% 15%;
border:1px solid #EDEDED;
}
.page-con-ttl{
font-size:1.375em;
color:#0685BD;
margin:0 auto;
}
.page-con .date{
color:#0685BD;
font-size:0.750em;
}
.page-nav{
font-size:0.875em;
color:#0685BD;
margin:10px auto;
}
.page-nav a{
color:#0685BD;
text-decoration:none;
}
.page-nav a:hover{
color:#0BC0FF;
}
.new-box .new-box-ttl{
background:#0685BD;
color:#fff;
text-align:center;
padding:5px;
font-size:0.938em;
margin:0 auto 20px;
}
.new-box li{
font-size:0.9em;
line-height:1.4em;
margin:0px auto 15px;
border-bottom:1px dotted #DDDDDD;
padding-bottom:10px;
}
.new-box a {  color:#6D6D6D; }
.new-box .date{ 
color:#0685BD;
font-size:0.750em;
}
@media print, screen and (min-width:1316px){
	.page-con{ width:75%; }
	.new-box{ width:20%; }
}
@media print, screen and (max-width:1315px){
	.page-con{ width:65%; }
	.new-box{ width:30%; }
}
@media print, screen and (min-width:861px){
	.page-con{float:left;}
	.new-box{float:right;}
}
@media print, screen and (max-width:860px){
	.page-con{ width:100%; }
	.new-box{ width:100%;margin:40px auto; }
	.new-box ul{ width:97%;margin:30px auto; }
	.page-nav{text-align:center;}
}
/*cms-txt
------------------------*/
.cms-txt{
margin-top:40px;
}
.cms-txt blockquote{
background-color:#ddd;
padding:1em 1em 1em 3em;
position:relative;
}
.cms-txt blockquote:before{
content:"“";
font-size:600%;
line-height:1em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
left:0;
top:0;
}
.cms-txt h2{
font-weight:bold;
font-size:1.2em;
}
.cms-txt h3{
font-weight:bold;
font-size:1.1em;
}
.cms-txt ul,cms-txt ol{
border:none !important;
margin:0 !important;
padding:0 !important;
}
.cms-txt ul li,.cms-txt ul li{
list-style:disc;
display:list-item !important;
margin:3px 3px 3px 30px !important;
padding:0 !important;
border:none !important;
}
.cms-txt ol li,.cms-txt ol li{
list-style:decimal;
display:list-item !important;
margin:3px 3px 3px 30px !important;
padding:0 !important;
border:none !important;
}
/*blue_table
-----------------------*/
.blue_table{
margin:20px auto;
width:100%;
}
.blue_table th{
background:#0685BD;
border-bottom:1px dotted #fff;
padding:10px 20px;
color:#fff;
font-weight:normal;
width:150px;
}
.blue_table td{
background:#fff;
border-bottom:1px dotted #0685BD;
padding:10px 20px;
}
.blue_table a{
color:#0685BD;
}
.border-box{
border-bottom:1px dotted #0685BD;
padding-bottom:15px;
margin:10px auto 15px;
}
@media print, screen and (min-width:681px){
	.blue_table th.inq{width:220px;}
}
@media print, screen and (max-width:680px){
	.blue_table th,.blue_table td{ display:block;border:none;}
	.blue_table th{
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding:2px 5%;
	max-width:initial;
	width:90%;
	}
	.blue_table td{
	padding:15px;
	}
}
/*blue_table2
-----------------------*/
.blue_table2{
margin:10px auto;
width:100%;
color:#444444;
}
.blue_table2 th,.blue_table2 td{
border-bottom:1px solid #E6EDEF;
font-weight:normal;
vertical-align:top;
}
.blue_table2 thead th{
background:#FFFFFF;
padding:3px 10px;
}
.blue_table2 tbody th{
width:180px;
padding:10px 15px;
}
.blue_table2 td{
padding:5px 15px;
}
.blue_table2 li{
display:inline-block;
background:#fff;
border:1px solid #E4E9ED;
vertical-align: middle;
position: relative;
padding:0 10px 0 15px;
margin:5px 0;
}
.blue_table2 li::before{
position: absolute;
top: 0;
bottom: 0;
left: 3px;
margin: auto;
content: "";
vertical-align: middle;
width: 4px;
height: 4px;
border-top: 1px solid #0685BD;
border-right: 1px solid #0685BD;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.blue_table2 a{color:#444444;text-decoration:none;}
.blue_table2 a:hover{color:#0685BD;}
.blue_table2 tbody tr:nth-child(even){
background:#FFFFFF;
}
.blue_table2 tbody tr:nth-child(odd){
background:#EDF4F9;
}
@media print, screen and (max-width:780px){
	.blue_table2 thead th{
	display:block;
	padding:5px 5%;
	border:none;
	}
	.blue_table2 tbody th{
	display:block;
	padding:10px 5% 0;
	width:auto;
	border:none;
	}
	.blue_table2 td{
	display:block;
	padding:0 5% 15px;
	}
}
/*blue_table3
-----------------------*/
.blue_table3{
margin:10px auto;
width:862px;
line-height:1.5em;
}
.blue_table4{
margin:10px auto;
width:100%;
min-width:546px;
line-height:1.5em;
}
.blue_table3 thead th,.blue_table4 thead th{
border:1px solid #D3DFE2;
color:#fff;
font-weight:normal;
padding:5px;
font-size:0.9em;
text-align:center;
}
.blue_table3 thead th{ background:#0685BD; }
.blue_table4 thead th{ background:#95B0C1; }
.blue_table3 tbody th,.blue_table3 td,
.blue_table4 tbody th,.blue_table4 td{
border:1px solid #D3DFE2;
text-align:center;
}
.blue_table3 tbody th,.blue_table3 td{
padding:10px;
vertical-align:top;
}
.blue_table4 tbody th,.blue_table4 td{
padding:5px;
}
.blue_table3 tbody th,.blue_table4 tbody th{
color:#556D7C;
font-weight:normal;
background:#E6ECED;
}
.blue_table3 td,.blue_table4 td{
background:#fff;
}
.blue_table4 td.color1{ background: #F0FFFF; }
.blue_table4 td.color2{ background: #E9F4FF; }
@media print, screen and (max-width:940px){
	.blue_table3{ width:862px; }
}
/*submit_link
-----------------------*/
.submit_link{
display:inline-block;
border:none;
text-align:center;
position: relative;
padding: 15px 55px 15px 40px;
margin:10px 10px 10px auto;
background: #FF781D;
color: #fff;
font-size:1.1em;
}
.submit_link:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width:7px;
height: 7px;
margin: -4px 0 0 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
.submit_link:hover{
background: #FFA669;
}
/*his_table
-----------------------*/
.his_img{
float:right;
width:30%;
padding-left:4%;
background:#fff;
font-size:0.85em;
line-height:1.4em;
}
.his_box{
margin:35px auto 0px;
border-bottom:1px dotted #0685BD;
padding:0 5px 20px;
line-height:1.6em;
}
@media print, screen and (min-width:921px){
	.his_box .year{ width:175px; }
	.his_box .year,.his_box .txt{ display:table-cell; }
}
@media print, screen and (max-width:920px){
	.his_box .year{ color:#0685BD;margin-bottom:5px; }
}
@media print, screen and (max-width:680px){
	.his_img{
	width:40%;
	padding-left:5%;
	}
	.his_box{ margin:30px auto;padding:0 5px 15px; }
}
/*map
------------------------*/
.map  a{ color:#6D6D6D; }
.map  a:hover{ color:#0685BD; }
.map_txt p{ margin:0 auto 20px; }
#gmap1,#gmap3,#gmap4,#gmap5{
width:100%;
height:300px;
}
#gmap2{
width:100%;
height:450px;
}
.maru_ttl{
color:#0685BD;
text-indent: -1.2em;
margin-left: 1.2em;
font-weight:normal;
}
.maru_ttl:before {
color:#40B3DB;
content: '●';
display: inline-block;
width: 1.2em;
text-indent: 0;
}
.maru_ttl2{
color:#0685BD;
text-indent: -1.2em;
margin-left: 1.2em;
font-weight:normal;
}
.maru_ttl2:before {
content: '●';
display: inline-block;
width: 1.2em;
text-indent: 0;
}
.maru_ttl3{
color:#444444;
text-indent: -1.2em;
margin-left: 1.2em;
font-weight:normal;
font-size:1.2em;
margin-bottom:5px;
}
.maru_ttl3:before {
color:#CDDCE0;
content: '●';
display: inline-block;
width: 1.2em;
text-indent: 0;
}
.maru_ttl4{
display:block;
color:#444444;
text-indent: -1.2em;
margin-left: 1.2em;
font-weight:normal;
margin-bottom:5px;
}
.maru_ttl4:before {
color:#CDDCE0;
content: '●';
display: inline-block;
width: 1.2em;
text-indent: 0;
}
@media print, screen and (min-width:781px){
	.map{ margin:0px auto 80px; }
	.map_img{
	float:left;
	width:57%;
	margin-right:4%;
	border:1px solid #0685BD;
	box-shadow: 5px 5px #0685BD;
	}
	.map_txt{
	float:left;
	width:38%;
	}
	.map_ttl{
	color:#0685BD;
	font-size:1.3em;
	border-bottom:1px solid #0685BD;
	font-weight:normal;
	padding-top:5px;
	padding-bottom:10px;
	margin-bottom:15px;
	}
	.map_ttl a{ color:#0685BD; }
	.map_ttl a:hover{ color:#2EC6EF; }
}
@media print, screen and (max-width:780px){
	.map{ margin:0px auto 60px; }
	.map{ position:relative;padding-top:30px; }
	.map_ttl{
	position:absolute;
	top:0;
	left:0;
	right:0;
	text-align:center;
	color:#fff;
	background:#0685BD;
	padding:3px 10px;
	font-weight:normal;
	font-size:1.15em;
	}
	.map_ttl a{ color:#fff; }
	.map_txt p{ width:90%; }
	.map_txt h2{ width:90%;margin-left:7%; }
	.map_img{ margin:0px auto 30px; }
}
@media print, screen and (max-width:380px){
	.map_txt h2{ margin-left:10%; }
}
/*comp_img
------------------------*/
.comp_img{ line-height:1.4em;text-align:center;margin:30px auto 20px; }
@media print, screen and (min-width:681px){
	.comp_txt{ float:left;width:65%; }
	.comp_img{ float:right;width:30%; }
}
@media print, screen and (max-width:680px){
}
/*fr_l
------------------------*/
.fr_img1,.fr_img2,.fr_img3,.fr_img5,.fl_img6,.fr_img7,.fr_img8,.fl_img9,.fr_img10,.fl_img11,.fl_img12,.fr_img13,.fr_img14{text-align:center;}
.fl_txt4{ float:left; }
.fl_img10-2{font-size:0.9em;line-height:1.5em;}
.fr_img13-2{
float:left;
font-size:0.9em;
line-height:1.4em;
width:49%;
margin-right:2%;
text-align:left;
}
.fr_img13-2:nth-child(2n){margin-right:0;}
@media print, screen and (min-width:921px){
	.fl_txt1{ width:70%; }
	.fr_img1{ width:27%; margin:0 0 0 3%; }
	.fl_txt2{ width:65%; }
	.fr_img2{ width:32%; margin:0 0 0 3%; }
	.fl_txt3{ width:42%; }
	.fr_img3{ width:55%; margin:0 0 0 3%; }
	.fl_txt4{ width:28%; }
	.fl_img4{ width:18%; margin:0 0 0 1%; }
	.fl_img4-2{ width:52%; margin:0 0 0 1%; }
	.fl_txt5{ width:52%; }
	.fr_img5{ width:45%; margin:0 0 0 3%; }
	.fr_txt6{ width:52%; }
	.fl_img6{ width:45%; margin:0 3% 0 0; }
	.fl_txt7{ width:32%; }
	.fr_img7{ width:65%; margin:0 0 0 3%; }
	.fl_txt8{ width:52%; }
	.fr_img8{ width:45%; margin:0 0 0 3%; }
	.fr_txt9{ width:70%; }
	.fl_img9{ width:27%; margin:0 3% 0 0; }
	.fl_txt10{ width:52%;float:left; }
	.fr_img10{ width:45%; margin:0 0 0 3%;float:right; }
	.fl_img10-2{ width:300px;margin:20px auto 0;float:left; }
	.fr_txt11{ width:52%; }
	.fl_img11{ width:45%; margin:0 3% 0 0; }
	.fr_txt12{ width:57%; }
	.fl_img12{ width:40%; margin:0 3% 0 0; }
	.fl_txt13{ width:42%; }
	.fr_img13{ width:55%; margin:0 0 0 3%; }
	.fl_txt14{ width:79%; }
	.fr_img14{ width:18%; margin:0 0 0 3%; }
}
@media print, screen and (max-width:920px){
	.fl_txt1{ width:65%; }
	.fr_img1{ width:32%; margin:0 0 0 3%; }
	.fl_txt2{ width:55%; }
	.fr_img2{ width:42%; margin:0 0 0 3%; }
	.fl_txt3{ width:40%; }
	.fr_img3{ width:57%; margin:3% 0 0 3%; }
	.fl_txt4{ width:31%; }
	.fl_img4{ width:16%; margin:0 0 0 1%; }
	.fl_img4-2{ width:51%; margin:0 0 0 1%; }
	.fl_txt5{ width:40%; }
	.fr_img5{ width:57%; margin:3% 0 0 3%; }
	.fr_txt6{ width:57%; }
	.fl_img6{ width:40%; margin:0 3% 0 0; }
	.fl_txt7{ width:37%; }
	.fr_img7{ width:60%; margin:0 0 0 3%; }
	.fl_txt8{ width:49%; }
	.fr_img8{ width:48%; margin:0 0 0 3%; }
	.fr_txt9{ width:65%; }
	.fl_img9{ width:32%; margin:0 3% 0 0; }
	.fr_img10{ margin:30px auto 0;max-width:350px; }
	.fl_img10-2{ margin:5px auto;max-width:350px; }
	.fr_txt11{ width:47%; }
	.fl_img11{ width:50%; margin:0 3% 0 0; }
	.fr_txt12{ width:60%; }
	.fl_img12{ width:37%; margin:0 3% 0 0; }
	.fl_txt13{ width:40%; }
	.fr_img13{ width:57%; margin:0 0 0 3%; }
	.fl_txt14{ width:75%; }
	.fr_img14{ width:22%; margin:0 0 0 3%; }
}
@media print, screen and (min-width:861px){
	.fl_img6,.fl_img12,.fl_txt13{ float:left; }
	.fr_txt6,.fr_txt12,.fr_img13{ float:right; }
}
@media print, screen and (max-width:860px){
	.fr_txt6,.fr_txt12,.fl_txt13{ width:100%; }
	.fl_img6{ width:100%; margin:30px auto; }
	.fl_img12{ width:100%; margin:15px auto 0; }
	.fr_img13{ width:100%; max-width:500px; margin:15px auto 0; }
}
@media print, screen and (min-width:681px){
	.fl_txt1,.fl_txt2,.fl_txt3,.fl_txt14,.fl_img4-2,.fl_txt5,.fl_txt7,.fl_txt8,.fl_img9,.fl_img11{ float:left; }
	.fr_img1,.fr_img2,.fr_img3,.fr_img5,.fr_img7,.fr_img8,.fr_img14,.fr_txt9,.fr_txt11{ float:right; }
	.fl_img4{ float:left; text-align:right; }
}
@media print, screen and (max-width:680px){
	.fl_txt1,.fl_txt2,.fl_txt3,.fl_txt14,.fl_img4-2,.fl_txt5,.fl_txt7,.fl_txt8,.fr_txt9{ width:100%; }
	.fr_img1,.fr_img2,.fr_img3,.fr_img7,.fr_img5,.fr_img8,.fl_img9,.fr_img14{ width:100%; margin:30px auto; }
	.fl_txt4{ width:78%;margin-bottom:30px; }
	.fl_img4{ width:20%; margin:0 0 2% 2%;text-align:center;float:right; }
	.fl_img4-2{ clear:both;margin:30px auto; }
	.fr_txt11{width:100%;margin:10px auto 15px;}
	.fl_img11{width:100%;}
}
@media print, screen and (max-width:580px){
	.fl_txt4{ width:68%; }
	.fl_img4{ width:30%; }
}
@media print, screen and (max-width:480px){
	.fr_img1,.fr_img2,.fr_img3,.fr_img14{ margin:20px auto; }
	.fr_img5,.fr_img8{ margin:15px auto; }
	.fr_img10{ margin:15px auto 0; }
}
/*quality_box
------------------------*/
.quality_box{ width:100%; }
.quality_box h1{
font-weight:normal;
color:#0685BD;
line-height:1.4em;
}
.quality_box p{
font-size:0.95em;
line-height:1.7em;
}
@media print, screen and (min-width:781px){
	.quality_box{ display:table;margin:30px auto 80px; }
	.quality_box li{
	display:table-cell;
	vertical-align:top;
	border-left:1px solid #CDDCE0;
	padding:0 20px 20px;
	width:33.3%;
	}
	.quality_box li:last-child{
	border-right:1px solid #CDDCE0;
	}
	.quality_box h1{ margin:20px auto 10px;text-align:center; }
}
@media print, screen and (max-width:780px){
	.quality_box{ margin:30px auto 30px; }
	.quality_box li{ width:90%; padding:20px 5%; }
	.quality_box li:nth-child(1){ background:#F8F7F5; }
	.quality_box li:nth-child(2){ background:#F2F4F4; }
	.quality_box li:nth-child(3){ background:#EBF0F2; }
	.quality_box .img{
	float:left;
	margin-right:5%;
	position: relative;
	overflow: hidden;
	width:30%;
	height:100px;
	}
	.quality_box .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width:120%;
	max-width:120% !important;
	height: auto;
	}
	.quality_box .txt{
	float:right;
	width:65%;
	}
	.quality_box h1{ margin:2px auto 10px; }
	.w90{width:90%;margin:0 auto;}
}
@media print, screen and (max-width:580px){
	.quality_box .img{
	width:30%;
	height:100px;
	margin-right:5%;
	}
	.quality_box .img img {
	width:180%;
	max-width:180% !important;
	}
	.quality_box .txt{
	width:65%;
	}
}
/*rec_box
------------------------*/
.rec_box{ margin:20px auto 30px; }
.rec_box h1{
color:#546682;
text-indent: -1.2em;
margin-left: 1.2em;
font-weight:normal;
font-size:1.1em;
}
.rec_box h1:before {
color:#CDDCE0;
content: '●';
display: inline-block;
width: 1.2em;
text-indent: 0;
}
.rec_box li{ margin:20px auto; }
.rec_box .img{
float:left;
margin-right:3%;
width:30%;
}
.rec_box .txt{
float:right;
width:67%;
margin-top:10px;
}
.rec_box p{
margin:3px auto;
width:98%;
}
@media print, screen and (max-width:820px){
	.rec_box .img{
	overflow: hidden;
	width:30%;
	height:130px;
	margin-right:3%;
	position: relative;
	}
	.rec_box .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width:150%;
	max-width:150% !important;
	height: auto;
	}
	.rec_box .txt{ width:67%;margin:0 auto 10px; }
}
@media print, screen and (max-width:540px){
	.rec_box .img{margin-right:5%;height:100px;}
	.rec_box .img img {
	width:200%;
	max-width:200% !important;
	}
	.rec_box .txt{ width:65%; }
}
/*gray-box
------------------------*/
.gray-box{
background:#F7F9F9;
padding:30px;
margin:20px auto 60px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.gray-box h1{
color:#546682;
text-indent: -1.2em;
margin-left: 1.2em;
font-weight:normal;
}
.gray-box h1:before {
color:#CDDCE0;
content: '●';
display: inline-block;
width: 1.2em;
text-indent: 0;
}
/*vendor-list
------------------------*/
.vendor-list li{
list-style:disc;
margin:5px auto;
}
.vendor-list a{
color:#6D6D6D;
text-decoration:none;
}
.vendor-list a:hover{ color:#0685BD; }
@media print, screen and (min-width:821px){
	.vendor-list{
	float:left;
	width:27.33%;
	margin:0 3%;
	}
}
@media print, screen and (max-width:820px){
	.vendor-list{
	width:97%;
	margin:0 0 0 3%;
	}
}
@media print, screen and (max-width:580px){
	.vendor-list{
	width:92%;
	margin:0 0 0 8%;
	}
}
/*flow
------------------------*/
.flow{
background:#0685BD;
text-align:center;
padding:50px 10px;
color:#fff;
margin:0 auto 60px;
}
.flow h1{
font-size:1.5em;
font-weight:normal;
}
.scr_box img{
margin:30px auto;
display:block;
max-width:889px !important;
}
.scr_txt,.scr_txt2,.scr_txt3,.scr_txt4{
font-size:0.9em;
position: relative;
width:195px;
}
.scr_txt{ margin:10px auto 0;padding:0 20px 0 0; }
.scr_txt2,.scr_txt3,.scr_txt4{
color:#546C7F;
background:#E3F4FF;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding:0 30px 0 10px;
}
.scr_txt::after,.scr_txt2::after,.scr_txt3::after,.scr_txt4::after{
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
content: "";
vertical-align: middle;
box-sizing: border-box;
width:6px;
height:6px;
border:6px solid transparent;
}
.scr_txt::after{ border-left:6px solid #fff; }
.scr_txt2::after,.scr_txt3::after,.scr_txt4::after{ border-left:6px solid #546C7F; }
@media print, screen and (min-width:941px){
	.flow h1{ margin:0px auto 50px; }
	.scr_box{width:100%; margin:0 auto;}
	.scr_txt,.scr_txt3{display:none; }
}
@media print, screen and (max-width:940px){
	.flow h1{ margin:0px auto 30px; }
	.scr_box,.scr_box2{
	margin:0 auto;
	overflow: auto;
	overflow-x:auto;
	overflow-y:hidden;
	}
	.scr_box{ width:90%;}
	.scr_box::-webkit-scrollbar,.scr_box2::-webkit-scrollbar{
	width:5px;
	background:#F5F7F7;
	}
	.scr_box::-webkit-scrollbar:horizontal,.scr_box2::-webkit-scrollbar:horizontal{
	background: #F5F7F7;
	border-radius:10px;
	}
	.scr_box::-webkit-scrollbar-thumb,.scr_box2::-webkit-scrollbar-thumb{
	background: #00458F;
	border-radius:10px;
	}
	.scr_box::-webkit-scrollbar-thumb:horizontal,.scr_box2::-webkit-scrollbar-thumb:horizontal{
	background: #00458F;
	border-radius:10px;
	}
}
@media print, screen and (min-width:781px){
	.flow_sp{display:none;}
}
@media print, screen and (max-width:780px){
	.flow_pc{display:none;}
	.flow h1{ margin:0px auto 10px; }
	.flow_sp{
	max-width:250px;
	margin: 0 auto;
	}
	.accbox label {
	display: block;
	cursor :pointer;
	transition: all 0.5s;
	}
	.accbox label:hover{ background:#0685BD; }
	.accbox input { display: none; }
	.accbox .accshow {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
	}
	.cssacc:checked + .accshow {
	height: auto;
	opacity: 1;
	}
}
@media print, screen and (min-width:715px){
	.scr_txt4{display:none; }
}
@media print, screen and (min-width:607px){
	.scr_txt2{display:none; }
}
@media print, screen and (max-width:580px){
	.scr_box img{ margin:20px auto; }
}
@media print, screen and (max-width:480px){
	.flow{ padding:40px 10px; }
	.flow h1{ font-size:1.3em; }
}
/*pro_box
------------------------*/
.pro_box,.pro_box2{
float:left;
font-size:0.9em;
line-height:1.5em;
}
@media print, screen and (min-width:781px){
	.pro_box{
	width:22.25%;
	margin:10px 3% 10px 0.5%;
	}
	.pro_box:nth-child(4n){
	margin-right:0;
	}
	.w50{
	width:49%;
	float:left;
	margin-right:2%;
	}
	.w50:nth-child(2n){
	margin-right:0;
	}
	.pro_box2{
	width:47%;
	margin:10px 5% 10px 0.5%;
	}
	.pro_box2:nth-child(2n){
	margin-right:0;
	}
}
@media print, screen and (max-width:780px){
	.w50{ margin-top:40px; }
}
@media print, screen and (max-width:780px) and (min-width:681px){
	.pro_box,.pro_box2{
	width:30.8%;
	margin:10px 3% 10px 0.5%;
	}
	.pro_box:nth-child(3n),.pro_box2:nth-child(3n){
	margin-right:0;
	}
}
@media print, screen and (max-width:680px){
	.pro_box,.pro_box2{
	width:47%;
	margin:10px 5% 10px 0.5%;
	}
	.pro_box:nth-child(2n),.pro_box2:nth-child(2n){
	margin-right:0;
	}
}
@media print, screen and (max-width:480px){
	.pro_box,.pro_box2{
	margin:5px 5% 10px 0.5%;
	}
}
/*gray_bg
------------------------*/
.gray_bg{
background:#F0F1F2;
padding:50px 0;
}
.gray_bg3{
background:#F0F1F2;
padding:50px 0;
}
@media print, screen and (min-width:1025px){
	.gray_bg{ margin:60px auto;}
	.gray_bg3{ margin:60px auto 90px;}
	.gray_bg2{ background:#F0F1F2;padding:60px 0 10px;}
}
@media print, screen and (max-width:1024px){
	.gray_bg{ margin:40px auto 50px;}
	.gray_bg3{ margin:40px auto 120px;}
}
@media print, screen and (max-width:980px){
	.gray_bg3{ padding:50px 2%;}
}
@media print, screen and (max-width:620px){
	.gray_bg3{ padding:11% 2%;margin:0 auto 120px;}
}
/*skill_box
------------------------*/
.skill_box a,.skill_box2 a{
text-decoration:none;
display:block;
}
.skill_box h1,.skill_box2 h1{
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
text-align:center;
color:#fff;
font-weight:normal;
font-size:1.4em;
line-height:1.4em;
padding:6px 5px;
margin:10px auto 15px;
}
.skill_box h1{
background:#0685BD;
}
.skill_box2 h1{
background:#4d60b3;
}
.skill_box h1 span,.skill_box2 h1 span{
position: relative;
display: inline-block;
padding: 0 0 0 20px;
vertical-align: middle;
}
.skill_box h1 span::before,.skill_box2 h1 span::before{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
left:0;
width:10px;
height:10px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media print, screen and (min-width:781px){
	.skill_box{
	float:left;
	width:47.5%;
	margin-right:5%;
	text-align:center;
	}
	.skill_box:nth-child(2n){
	margin-right:0;
	}
	.skill_box2{
	width:47.5%;
	margin:20% auto 0;
	text-align:center;
	}
}
@media print, screen and (max-width:780px){
	.skill_box,.skill_box2{
	max-width:380px;
	margin:0 auto 40px;
	text-align:center;
	}
	.skill_box h1,.skill_box2 h1{font-size:1.2em; }
}
/*movie_box
------------------------*/
.movie_box,.movie_box2,.movie_box3{
background:#DBDCDC;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
padding:5%;
position: relative;
text-align:center;
margin-top:120px;
margin-bottom:40px;
line-height:0;
}
.youtube{
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
@media print, screen and (min-width:521px){
	.movie_box:before,.movie_box2:before,.movie_box3:before{
	content: "";
	position: absolute;
	top: 100%;
	border:30px solid transparent;
	border-top:30px solid #DBDCDC;
	}
	.movie_box:before {
	left:10%;
	}
	.movie_box2:before {
	left:45%;
	}
	.movie_box3:before {
	right:10%;
	}
}
@media print, screen and (max-width:520px){
	.movie_box,.movie_box2,.movie_box3{
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	margin-bottom:20px;
	margin-top:30px;
	}
}
/*movie_list
------------------------*/
.movie_list{
margin:20px auto;
text-align:center;
line-height:1.5em;
font-size:0.9em;
}
.movie_list li{ float:left; }
.movie_list a{
color:#6D6D6D;
text-decoration:none;
}
@media print, screen and (min-width:581px){
	.movie_list li{
	width:31%;
	margin:5px 2% 5px 1%;
	}
	.movie_list li:nth-child(3n){
	margin-right:0;
	}
}
@media print, screen and (max-width:580px){
	.movie_list li{
	width:46.5%;
	margin:5px 5% 5px 1%;
	}
	.movie_list li:nth-child(2n){
	margin-right:0;
	}
}
/*box3
------------------------*/
.box3{
text-align:center;
display:inline-block;
line-height:0;
}
.box3-2{
text-align:center;
float:left;
font-size:0.9em;
text-align:left;
line-height:1.4em;
}
.box3-3{
text-align:center;
float:left;
}
@media print, screen and (min-width:581px){
	.box3{
	width:31.2%;
	margin:10px 2% 10px 0;
	}
	.box3-2{
	width:32%;
	margin:10px 2% 15px 0;
	}
	.box3-3{
	width:37%;
	margin:10px 2% 10px 0;
	}
	.box3-3:nth-child(1){
	width:22%;
	margin:10px 2% 10px 0;
	}
	.box3:nth-child(3n),.box3-2:nth-child(3n),.box3-3:nth-child(3n){
	margin-right:0;
	}
}
@media print, screen and (max-width:580px){
	.box3{
	width:47.6%;
	margin:10px 3% 10px 0;
	}
	.box3-2{
	width:47.5%;
	margin:0 5% 15px 0;
	}
	.box3-3{
	width:59%;
	margin:10px 5% 10px 0;
	}
	.box3-3:nth-child(1){
	width:36%;
	margin:10px 5% 10px 0;
	}
	.box3:nth-child(2n),.box3-2:nth-child(2n),.box3-3:nth-child(2n){
	margin-right:0;
	}
	.fltxt{ width:100%; }
	.fltxt img{ display:inline-block;width:47.6%; }
	.fltxt p{ display:inline-block;width:49%;margin:10px 0 10px 3%;vertical-align:top;}
}
@media print, screen and (max-width:370px){
	.box3{
	width:47.6%;
	margin:10px 2% 10px 0;
	}
}
/*mills-box
------------------------*/
.mills-box{
border:3px solid #95B0C1;
padding:40px 40px 30px;
margin:30px auto;
}
.mills-ttl{
border-left:8px solid #95B0C1;
padding-left:12px;
margin:0 auto 15px;
}
.mills-list li{ line-height:1.5em; }
.mills-list li .img,.mills-list li .txt{ float:left; }
.mills-blue{
background:#E7EFF2;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding:30px;
font-size:0.9em;
line-height:1.6em;
margin:30px auto;
}
.mills-blue-ttl{
color:#20668C;
font-size:1.1em;
}
.top-border{
border-top:1px dotted #95B0C1;
margin-top:40px;
padding-top:40px;
}
@media print, screen and (min-width:821px){
	.mills-list li{
	float:left;
	width:48.5%;
	margin:15px 3% 15px 0;
	}
	.mills-list li:nth-child(2n){ margin-right:0; }
	.mills-list li .img{ width:40%; margin-right:5%; }
	.mills-list li .txt{ width:55%; }
	.mills-blue-in{
	float:left;
	width:48%;
	margin-right:4%;
	margin-bottom:15px;
	}
	.mills-blue-in:nth-child(2n){ margin-right:0;}
}
@media print, screen and (max-width:820px){
	.mills-list{ margin:20px auto 0; }
	.mills-list li{ margin:15px auto; }
	.mills-list li .img{ width:20%; margin-right:3%; }
	.mills-list li .txt{ width:77%; }
	.mills-blue-in{
	max-width:530px;
	margin:0 auto 20px;
	}
}
@media print, screen and (max-width:680px){
	.mills-box{ padding:30px 5% 10px; }
	.mills-blue{ padding:20px 5% 10px; }
}
@media print, screen and (max-width:520px){
	.mills-list li{ margin:20px auto; }
	.mills-list li .img{ width:30%; margin-right:3%; }
	.mills-list li .txt{ width:67%; }
}
/*blue_bg
------------------------*/
.blue_bg{
background:#77C6ED;
}
.blue_bg2{
background:#99D6FF;
}
@media print, screen and (min-width:1025px){
	.blue_bg,.blue_bg2{padding:40px 0 10px;}
}
@media print, screen and (max-width:1024px){
	.blue_bg,.blue_bg2{padding:10px 0 0;}
}
.blue_bg_box{
background:#fff;
padding:30px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
margin:60px auto 0;
}
.blue_bg_box h1{ color:#7DC125;font-size:1.1em;margin-bottom:5px; }

@media print, screen and (min-width:681px){
.map_sp{display:none;}
}
@media print, screen and (max-width:680px){
.map_pc{display:none;}
}
/*recruit_box
------------------------*/
.recruit_box{
border:1px solid #0685BD;
background:#fff;
width:98%;
overflow: hidden;
margin:auto;
}

@media print, screen and (min-width:1025px){
.recruit_out{padding:10px 0 60px;}
}
@media print, screen and (max-width:1024px){
.recruit_out{padding:65px 0 0;}
}
@media print, screen and (min-width:741px){
	.recruit_box .t1{ background-image:url(../images/recruit/ttl1bg.png); }
	.recruit_box .t2{ background-image:url(../images/recruit/ttl2bg.png); }
	.recruit_box .t3{ background-image:url(../images/recruit/ttl3bg.png); }
	.recruit_box .t4{ background-image:url(../images/recruit/ttl4bg.png); }
	.recruit_box .t5{ background-image:url(../images/recruit/ttl5bg.png); }
	.recruit_box .t7{ background-image:url(../images/recruit/ttl7bg.png); }
}
@media print, screen and (max-width:740px){
	.recruit_box .t1{ background-image:url(../images/recruit/ttl1bg_sp.png); }
	.recruit_box .t2{ background-image:url(../images/recruit/ttl2bg_sp.png); }
	.recruit_box .t3{ background-image:url(../images/recruit/ttl3bg_sp.png); }
	.recruit_box .t4{ background-image:url(../images/recruit/ttl4bg_sp.png); }
	.recruit_box .t5{ background-image:url(../images/recruit/ttl5bg_sp.png); }
	.recruit_box .t7{ background-image:url(../images/recruit/ttl7bg_sp.png); }
}
.recruit_ttl,.recruit_ttl2{
color:#fff;
line-height:1.4em;
background-color:#0685BD;
background-position:right center;
background-repeat: no-repeat;
}
@media print, screen and (min-width:741px){
	.recruit_ttl,.recruit_ttl2{
	font-size:1.8em;
	padding:15px;
	}
	.recruit_ttl{
	height:120px;
	}
	.recruit_txt{
	width:94%;
	margin:30px auto;
	}
}
@media print, screen and (max-width:740px){
	.recruit_ttl,.recruit_ttl2{
	background-size:cover;
	height:auto;
	min-height:50px;
	font-size:1.6em;
	padding:20px 5%;
	display: table;
	vertical-align: middle;
	width:90.8%;
	}
	.recruit_ttl2{
	padding:20px 5% 5px;
	}
	.recruit_ttl span{
	display:table-cell;
	vertical-align: middle;
	}
	.recruit_txt{
	width:90%;
	margin:20px auto 30px;
	}
}
.recruit_table{ width:100%; }
.recruit_table th,.recruit_table td{
vertical-align:top;
padding:5px;
border-bottom:1px dotted #D9E7ED;
}
.recruit_table th{ width:120px; }
.recruit_table td{ font-size:0.9em; }
@media print, screen and (max-width:740px){
	.recruit_table th,.recruit_table td{ display:block; }
	.recruit_table th{ width:auto;border:none;padding:10px 5px 0; }
	.recruit_table th.b{border-bottom:1px dotted #D9E7ED;padding:10px 5px; }
}

.recruit_table2{width:100%;}
.recruit_table2 a{color:#6D6D6D;}
.recruit_table2 th{
vertical-align:top;
text-align:center;
}
.recruit_table2 td{ vertical-align:top; }
.recruit_table2 th span{
display:block;
color:#B52522;
border:1px solid #B52522;
letter-spacing:0.3em;
}
.recruit_table2 tr:last-child th span{
background:#FCEDE7;
}
@media print, screen and (min-width:521px){
	.recruit_table2 th span{
	font-size:1.2em;
	padding:10px;
	width:200px;
	}
	.recruit_table2 th::after{
	content: url(../images/recruit/allow.png);
	display:block;
	margin:5px auto 0;
	}
	.recruit_table2 tr:last-child th::after{
	content:'';
	}
	.recruit_table2 th{padding:0 0 10px 0;}
	.recruit_table2 td{ padding:8px 10px 10px 20px; }
}
@media print, screen and (max-width:520px){
	.recruit_table2 th,.recruit_table2 td{ display:block; }
	.recruit_table2 th span{
	font-size:1.1em;
	padding:5px 5%;
	width:90%;
	}
	.recruit_table2 td{ padding:10px 2px 5px; }
	.recruit_table2 tr::after{
	content: url(../images/recruit/allow.png);
	display:block;
	margin:5px auto;
	text-align:center;
	}
	.recruit_table2 tr:last-child::after{
	content:'';
	}
}
.moku_img{ float:left; }
.moku_txt{ float:left; }
@media print, screen and (min-width:421px){
	.moku_img{ width:99px;margin:10px 50px 10px 10px; }
	.moku_txt{ width:170px;}
}
@media print, screen and (max-width:420px){
	.moku_img{
	width:25%;
	margin:10px 5% 10px 0;
	}
	.moku_txt{
	width:70%;
	}
}
.blue_box{
background:#D4EBF4;
color:#428BA8;
font-size:0.9em;
line-height:1.6em;
padding:20px;
margin:20px auto;
}
.blue_box2{
background:#3486D1;
border-left:8px solid #6EB1ED;
color:#fff;
padding:20px 30px;
margin:20px auto;
font-weight:bold;
font-size:1.1em;
}
.disc-list li{
list-style:disc;
margin:5px 0 5px 1em;
}
.no-list li{
list-style:decimal;
margin:2px 0 2px 1.4em;
}
.rinen{
font-weight:bold;
color:#205c90;
}
@media print, screen and (min-width:681px){
	.rinen{
	font-size:1.4em;
	line-height:1.7em;
	text-align:center;
	}
}
@media print, screen and (max-width:680px){
	.rinen{
	font-size:1.2em;
	line-height:1.6em;
	}
}
.imgbox2{
text-align:center;
margin:20px auto;
}
@media print, screen and (max-width:920px){
	.imgbox2 img{
	max-width:350px;
	}
}
@media print, screen and (min-width:621px){
	.imgbox2 img{
	float:left;
	display:block;
	width:49%;
	}
	.imgbox2 img:nth-child(1){
	margin-right:2%;
	}
}
@media print, screen and (max-width:620px){
	.imgbox2 img{
	width:100%;
	margin:5px auto;
	}
}

/* sub-ttl11
-------------------------------- */
.img_list,.img_list2{
margin:20px auto;
}
.img_list li,.img_list2 li{
float:left;
line-height:1.4em;
}
.img_list li img,.img_list2 li img{
display:block;
margin:auto;
}
.img_list li .ttl{
color:#1b78ce;
font-size:1.1em;
margin:10px auto 5px;
}
.img_list li p{
width:98%;
margin:auto;
}
.inline{display:inline-block;}
@media print, screen and (min-width:761px){
	.img_list li{
	width:31.333%;
	margin-right:3%;
	margin-bottom:3%;
	}
	.img_list2 li{
	width:32.666%;
	margin-right:1%;
	margin-bottom:1%;
	}
	.img_list li:nth-child(3n),.img_list2 li:nth-child(3n){
	margin-right:0;
	}
}
@media print, screen and (max-width:760px){
	.img_list li{
	width:47.5%;
	margin-right:5%;
	margin-bottom:5%;
	}
	.img_list2 li{
	width:49.25%;
	margin-right:1.5%;
	margin-bottom:1.5%;
	}
	.img_list li:nth-child(2n),.img_list2 li:nth-child(2n){
	margin-right:0;
	}
}
.inline_list{
margin:20px auto;
}
.inline_list li{
display:inline-block;
width:200px;
margin:3px;
}