/*============================================================

  Common

============================================================*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700');

/*------------------  add/ --------------------------*/

.maximg {width: 100%;}

#gl_nav li a {transition: 0.5s;}
#gl_nav li a:hover,#gl_nav li a.current
{opacity: 1.0 !important;
	color: #005EC4 !important; background: #FFF;}

h8.product_h8 {
	color:#002C6E;
	font-weight:bold;
	font-size:18px;
}

img.max {width: 100%}

p.product_p {
	font-size:14px;
	line-height:180%;
	font-weight:normal;
}

body .container {
    letter-spacing: 0.01em !important;
}

.table1 { line-height: 120%;vertical-align: top;}
.table1 td, .table1 th { padding: 0.3em}
.table1 td.caption {font-weight: bold; font-size: 10px;}

.th_paleblue {background: #F4F5F9 !important;}
.th_grayishblue {background: #E9EBF3 !important; font-weight: bold !important;}

.th_paleyellow {background: #FFF9E7}
.th_palered {background: #fbf5f5}
.th_paleglay {background: #F4F4F4}


.detail_dl2 {margin:1em 0 0 0 !important;}
.detail_dl2 dt.margin30 {margin-top:30px !important;}

.title_h6 { margin-top: 60px !important;}
.title_h6:first-child { margin-top: 0 !important;}

.detail_dl3 dt, .detail_dl4 dt,.detail_dl5 dt {
	color:#194C80;
	font-weight:bold;
	display: list-item; list-style-position:inside;
	margin-top:1em;
}
.detail_dl3 dd,.detail_dl4 dd,.detail_dl5 dd  { line-height:180%; font-weight:normal;}
.detail_dl3 dt {list-style-type: desc;}
.detail_dl4 dt {list-style-type: decimal; }
.detail_dl5 dt {color: #333;list-style-type: decimal;}



ul.ul1 { margin: 0; padding: 0; list-style-position: inside;}

/* ページ内リンク位置調整 */
#pro_feature,#pro_test,#pro_howto,#pro_notice,#pro_colmun,#pro_usepoint {
   margin-top:-100px;
  padding-top:100px;
}

/* 動画 レスポンシブ */
.video{
  position:relative;
  width:100%;
padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/* 表 レスポンシブ */
.tbl_border2 {border:1px solid #CCC;width:100%;margin:5px 0;}
.tbl_border2 th {border:1px solid #CCC;padding:0.2em; background: #F2F2F2; font-weight:400;}
.tbl_border2 td {border:1px solid #CCC;padding:0.2em;}

.tbl_border3 {border:1px solid #CCC;width:100%;margin-top:2em; font-size: 12px}
.tbl_border3 th {border-top:1px solid #CCC;padding:0.5em}
.tbl_border3 td {border-top:1px solid #CCC;padding:0.5em;}
.tbl_border3 th:last-child {border-bottom:1px solid #CCC;}
.tbl_border3 td:last-child {border-bottom:1px solid #CCC;}


/* 商品画像スライダー============ */
div.slider {
    width:100%;
    display:block;
    margin:auto;
}

/*メインスライダー*/
ul.prop_photo li {
    display:block;
    width:100%;
	padding-bottom: 6px;
}

ul.prop_photo li img{
    display:block;
    width:100%;
	height:auto;
}


/*サムネイル*/
ul.prop_thum li a {
    display:block;
	text-align: left;
}

ul.prop_thum li a img{
    display:block;
    width:100%;
    height:auto;
	border: 1px solid #CCC;
}

div.controlWrap {
    width:100%;
    display:block;
    position:relative;
    margin:0 auto;
}

@media (max-width: 991px) {
div.controlWrap {margin-bottom:2em;}
}

/*商品説明 内容量*/
.pro_capa {
	width: 100%; 
	margin-top: 2em;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC; 
	font-size: 12px;
}

.pro_capa td { padding:0.2em 0.5em;}

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

/*------------------  /add --------------------------*/

body {
	background:#FFF;
	line-height:200%;
    font-size: 14px;
	color:#1B120D;
	font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
body .container {letter-spacing: 0.1em;}

@media (max-width: 991px) { body { font-size: 13px; line-height: 22px; }}



/* text-select-color */
::selection {
    background: #898ADC;
    color: #fff;
}
//Firefox
::-moz-selection {
    background: #898ADC;
    color: #fff;
}


/*------------------  useful --------------------------*/

.bold { font-weight:bold;}
.center {text-align:center;}
.t_left {text-align:left !important;}
.t_right {text-align:right !important;}
.clear {clear:both;}
.f_left {float:left;}
.f_right {float:right;}
.f_left_sp {float:left;}
.f_right_sp {float:right;}

@media (max-width: 991px) {
.f_left_sp {float:none;margin-bottom:15px;}
.f_right_sp {float:none;margin-bottom:15px;}
}

.b_red { background:#F6C2C2;}
.b_orange { background:#FFE5CB;}
.b_blue { background:#194C80;}
.b_green { background:#B2DCB2;}
.blue {color:#0089E9;}
.glay {color:#CCC;}
.red {color:#FE0000;}
.green {color:#4CB02B;}
.blue_l {color:#0758AE;}
.purple {color:#B263B2;}
.glay_bdr { border:1px solid #999; background:#FFF;}


/* txt,caption */
.font45 {font-size:45px !important;}
.font32 {font-size:32px !important;}
.font28 {font-size:28px !important;}
.font22 {font-size:22px !important;}
.font20 {font-size:20px !important;}
.font18 {font-size:18px !important;}
.font16 {font-size:16px !important;}
.font14 {font-size:14px !important;}
.font12 {font-size:12px !important;}
.font10 {font-size:10px !important;}
.note {font-size:68%;line-height:150%;}

.var_center {text-align:center;}
	@media only screen and (max-width : 991px){
	.var_center {text-align:left;}
	}


/*------------------  margin --------------------------*/

.mtb10 {margin:10px 0;}
.mtb20 {margin:20px 0;}
.mtb30 {margin:30px 0;}
.mtb40 {margin:40px 0;}

t10 { margin-top:10px;}
.mb10 { margin-bottom:10px !important;}
.mt15 { margin-top:15px !important;}
.mb15 { margin-bottom:15px !important;}
.mt20 { margin-top:20px !important;}
.mb20 { margin-bottom:20px;}
.mt30 { margin-top:30px !important;}
.mb30 { margin-bottom:30px !important;}
.mt40 { margin-top:40px !important;}
.mb40 { margin-bottom:40px !important;}
.mt50 { margin-top:50px !important;}
.mb50 { margin-bottom:50px !important;}
.mt60 { margin-top:60px !important;}
.mb60 { margin-bottom:60px !important;}
.mt70 { margin-top:70px !important;}
.mb70 { margin-bottom:70px !important;}
.mt80 { margin-top:80px !important;}
.mb80 { margin-bottom:80px !important;}
.mt90 { margin-top:90px !important;}
.mb90 { margin-bottom:90px !important;}

@media (max-width: 991px) {
.mb_s30 { margin-bottom:30px;}
.mb_s45 { margin-bottom:45px !important;}
}


/***************************************************************************
pc/sp
****************************************************************************/

.sp {
    display: none !important;
}

@media only screen and (max-width: 767px) {
.pc {
    display: none !important;
}
.sp {
    display: block !important;
}
}


/*============================================================

  Grid /////  HTML USE == div class="row row-****"

============================================================*/

/*-----------  colmun centering tate_yoko_naka ------------------*/

.row-center {
/*text-align:center;*/
letter-spacing:-0.4em;
}
.row-center > [class*='col-'] {
display:inline-block;
letter-spacing:0;
vertical-align:top;
float:none !important;
}

/* tate_yoko centering  "row-center va-middle"  */
.row-center.va-middle > [class*='col-'] {
vertical-align:middle;
}

/* tate_bottom "row-center va-bottom"  */
.row-center.va-bottom > [class*='col-'] {
vertical-align:bottom;
}


/*-------------- mobile　yoko100% ---------------------*/

@media only screen and (max-width : 480px) {
.row-mobile-0 {
    margin-left:-15px;
    margin-right:-15px;
}
	.row-mobile-0 > [class*='col-'] {
        padding-right:0px;
        padding-left:0px;
    }

/* all object re-setting 'padding' (without 'img') */
.row-mobile-0 *:not(img) {
        padding-right:15px;
        padding-left:15px;
    }
}

/*------------------  gutter --------------------------*/

.row-0 {  margin-left:0;   margin-right:0;}
	.row-0 > [class*='col-'] {
        padding-right:0px;
        padding-left:0px;
    }

.row-5 { margin-left:-2.5px; margin-right:-2.5px;}
	.row-5 > [class*='col-'] {
        padding-right:2.5px;
        padding-left:2.5px;
    }

.row-10 { margin-left:-5px; margin-right:-5px;}
	.row-10 > [class*='col-'] {
        padding-right:5px;
        padding-left:5px;
    }

.row-20 {  margin-left:-10px; margin-right:-10px;
}
	.row-20 > [class*='col-'] {
        padding-right:10px;
        padding-left:10px;
    }


.row-30 {  margin-left:-15px;  margin-right:-15px;}
	.row-30 > [class*='col-'] {
        padding-right:15px;
        padding-left:15px;
    }

.row-40 {  margin-left:-20px;  margin-right:-20px;}
	.row-40 > [class*='col-'] {
        padding-right:20px;
        padding-left:20px;
    }



/*------------------  cullum height --------------------------*/

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 768px) {
	.row-eq-height p img {width: 100%;}
}

/*============================================================

  TABLET // navbar collapse

============================================================*/

/* navbar collapse for iPad (bootstrap) */

    .navbar-header {
        float: none;

    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		background: #fff;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }

		/* nav hight Extension */
		.navbar-fixed-top .navbar-collapse,
		.navbar-fixed-bottom .navbar-collapse {
		    max-height: 500px!important;
		}
		/* /nav hight Extension */





/** header
===========================================*/

/* header */
#head {
	width: 100%;
	height:60px;
	z-index: 999999;
	position:fixed;
	top:0;
}
#head.v_top {
	width: 100%;
	height:0;
	z-index: 999999;
	position:absolute;
	top:0;
}

#head .h_logo {width:auto; max-width:336px;margin:18px 0 0 25px;float:left;}
#head.v_top .h_logo {margin:40px 0 0 25px;}
#head #n_right {width:900px;float:right;margin:0 60px 0 0;}
#head #n_right ul#nav_box { text-align:center;}

/* €transition */
#head {
	transition: all 0.4s ease;
   	-webkit-transition: all 0.4s ease;
   	-moz-transition: all 0.4s ease;
}

.logo_sp {width:270px;margin:15px 0 0 15px;float:left;}
.link_b_sp,.link_c_sp,.link_d_sp {margin:0;padding:0;font-size:14px;font-weight:bold;}
/* .link_b_sp,.link_c_sp,.link_d_sp p {line-height: 0;} */
.link_b_sp,.link_c_sp,.link_d_sp p {margin:0;padding:0;}
.link_b_sp {padding:24px 10px;float:right;background:#99CCCC;display: block;}
.link_c_sp {padding:24px 10px;float:right;background:#1B120D;display: block;}
.link_d_sp {padding:24px 10px;float:right;background:#898ADC;display: block;}
.link_b_sp,.link_c_sp,.link_d_sp {text-align: center;}
.link_b_sp a {color:#1B120D;}
.link_c_sp a, .link_d_sp a {color:#FFF;}


@media print, screen and (max-width: 768px) {
.link_b_sp,.link_c_sp,.link_d_sp {width: 60px;font-size:8px;}
.link_d_sp {padding:10px 4px;}
.link_b_sp {padding:10px 4px;}
.link_c_sp {padding:10px 4px;}

/*アイコン設定*/
.navbar-header i {
    color:#FFF;
    font-size: 16px;
    text-align: center;
		margin-bottom: 5px;
    /* line-height: 30px;   */
}
}


/** globalNAV
===========================================*/

#head ul#nav_box { position: relative; 	width:auto; text-align:center; margin:0; }
#head ul#nav_box { list-style: none; position: absolute;}

/* NAV base */
ul#nav_box   { float:right; }
ul#nav_box li {
    margin:0 0 0 10px;
	padding-top:25px;
    float: left;
    font-size: 13px;
	font-weight:bold;
    line-height: 1.4;
    display: block;
}
.v_top ul#nav_box li {
    padding-top:40px;
}

/* NAV japanese */
ul#nav_box li a {
    padding: 0 3px 10px;
    display: block;
    position: relative;
    color: #222;
    letter-spacing: 0.08em;
    line-height: 0.8;
	text-decoration:none;
}
.v_top ul#nav_box li a {
    color: #FFF;
}

ul#nav_box li a:hover {color: #222;}
.v_top ul#nav_box li a:hover {color: #FFF;}


/* NAV rollover PC */
	.cmn-t-underline {
	  position: relative;
	  margin-top:0;
	}
	.cmn-t-underline:after {
	  position: absolute;
	  left:0;
	  bottom: 43px;
	  width: 0%;
	  height: 4px;
	  background-color: #0051A3;
	  content: "";
	  transition: width 0.2s;
	}
	.v_top .cmn-t-underline:after {
	  bottom: 57px;
	  background-color: #FFF;
	}
	.cmn-t-underline:hover:after { width: 100%;}


/* NAV CULLENT */
	.cmn-t-current {
	  position: relative;
	  border-top:2px solid #1A4C82;
	  padding-top:23px !important;
   	}
	ul#nav_box li.cmn-t-current a {color: #222; padding: 0 3px 8px; /* use boder -2px*/}
	ul#nav_box li.cmn-t-current a:hover {color: #222;}

	.v_top .cmn-t-current {border-top:2px solid #FFF;padding-top:38px !important;}
	.v_top ul#nav_box li.cmn-t-current a {color: #FFF;}
	.v_top ul#nav_box li.cmn-t-current a:hover {color: #FFF;}



    ul#nav_box li.nav_koei {margin-left:40px;}





ul#h_inquiry {margin:0;padding:0;position:absolute;top:5px;right:80px;}
ul#h_inquiry li {margin:0;padding:0;list-style: none;font-size:12px;letter-spacing:0;}
ul#h_inquiry li.link_b a {width:170px;border:3px solid #0089E9;display: block;color:#0089E9;font-weight:bold;line-height:100%;border-radius:30px;text-align:center;}


ul#h_inquiry li a {padding:14px 15px; transition: 0.8s;}
ul#h_inquiry li a:hover {text-decoration:none;opacity: 0.6;transition: 0.2s;}
.v_top ul#h_inquiry li a {padding:18px 15px;}

@media print, screen and (max-width:1310px) {
#head .h_logo {width:170px;margin:25px 0 0 20px;}
#head.v_top .h_logo {width:170px;margin:40px 0 0 20px;}
#head #n_right {width:785px;margin:0 20px 0 0;}
ul#nav_box li {font-size:12px;}
ul#h_inquiry li {font-size:12px;letter-spacing:0em;}
ul#h_inquiry li.link_b a {width:140px;}
ul#h_inquiry li.link_b span {display:block;}
ul#h_inquiry li.link_c {margin-left:5px;}
}


/** footer
===========================================*/

#footer {font-size:14px;border-top:1px solid #E1E7E9;text-align:center;}
#footer .copyright {padding:20px 0;font-family: 'Montserrat';}



@media print, screen and (max-width:991px) {
#footer .container {width:100%;margin:0 !important;padding:0;}
#footer .row {  margin-left:0; margin-right:0;}
	#footer .row > [class*='col-'] {
        padding-right:0px;
        padding-left:0px;
}
}




 /** navbar
===========================================*/

#s_nav {
	border: none;
	background:none;
	line-height:normal;
}
#s_nav.head_sp {background:none;}
.scroll_l1 {display:block;}
.scroll_l2 {display:none;}

.navbar-header {margin:0;padding:0; height: 50px; }
.navbar-toggle {
	margin:0;
	padding:19px 20px 19px 20px;
	float:right;
	background:#0089E9;
	border-radius:0;
	border:none;
}
.navbar-toggle:hover,.navbar-toggle:active,.navbar-toggle:focus {background:#0089E9 !important;}
.icon-bar {
	margin:0 auto;
	background:#FFF !important;
	width: 30px !important;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 5px !important;
}
#patern01 {	clear: both !important;}
ul.navbar-nav {width:100%;margin:0;padding:15px 0;}

ul.navbar-nav li {height:40px;margin:0;padding:0;font-size:16px;font-weight:bold;text-align:right;}
ul.navbar-nav li a {height:40px;color:#333 !important;}
/*
ul.navbar-nav li {height:30px;margin:0;padding:0;font-size:14px;font-weight:bold;}
ul.navbar-nav li a {height:40px;}
*/


ul.navbar-nav li a:hover,#header ul.navbar-nav li a:active {
	/*border-bottom:1px solid #E5E5E5;*/
	background:#1B120D;color:#666 !important;
}


.navbar-nav > li > a { /*line-height:12px;*/ line-height:10px;}

ul.navbar-nav li.item_list {height:auto;display:flex;flex-wrap:wrap;margin:10px 0 10px 15px;}
ul.navbar-nav li.item_list span {width:100%;display:block;margin-bottom:5px;}
ul.navbar-nav li.item_list a {width:auto;height:auto;line-height:14px;font-size:14px;background:#EEE;margin:0 5px 5px 0;}


.icon-menu {
    color: #FFF;
    font-size: 16px !important;
    margin: 0;
    padding: 5px 0 0 0;
	line-height: 100%;
	display: block;
	letter-spacing:0.05em;
}





 /** nav
===========================================*/

#gl_nav_top {background:#DCDFE8;margin-bottom:15px;padding-bottom:30px;}
#gl_nav_top dl {margin:-84px 0 0 0;padding:0;
	width:auto; float:left; position:relative; overflow:hidden;}
#gl_nav_top dt {
	margin:0;padding:15px 0;
	background:#002C6E;
	color:#FFF;
	text-align:center;font-weight:bold;
	border-right:1px solid #406790;
	line-height:130%;letter-spacing:0em;
}
#gl_nav_top dt span {
	font-size:10px;color:#E8D608;font-family: 'Roboto Condensed',
	sans-serif;font-weight:normal;letter-spacing:0.1em;}

#gl_nav_top dd {margin:0;padding:0;border-right:1px solid #E8EBF1;}
#gl_nav_top dd img {width: 100%;}
#gl_nav_top a {
	position: absolute;
	width:100%; height:100%;
	top:0;left:0;z-index:1000;
	text-indent:200%;
	white-space:nowrap;
	font-size:0;
	opacity:0;
	transition: 0.35s;
}
#gl_nav_top a:hover {
	opacity:0.2;
	background: #fff;
}


#gl_nav_top dl:hover {
/*	opacity: 0.8;*/
	text-decoration:none;
}

#gl_nav_top dl.border_non dt,
#gl_nav_top dl.border_non dd
{border:none;}

@media print, screen and (max-width:1200px) {
#gl_nav_top dt {font-size:12px;}
#gl_nav_top dl {width:16.66%;}
}
@media print, screen and (max-width:991px) {
#gl_nav_top {padding-bottom:0;}
#gl_nav_top dl {width:33.33%;margin:-30px 0 30px 0;}
#gl_nav_top dl.border_non dt {border-right:1px solid #406790;}
#gl_nav_top dl.border_non dd {border-right:1px solid #E8EBF1;}
}
@media print, screen and (max-width:640px) {
#gl_nav_top dt {height:60px;letter-spacing:-0.05em;}
#gl_nav_top dt.sp_font {font-size:10px;line-height:16px;letter-spacing:-0.15em;}
}

#gl_nav {width:100%;margin:0;padding:0;z-index: 999;position:fixed;top:60px;background:#02153F url(../img/title_top.jpg) no-repeat center top;}
#gl_nav ul {margin:0;padding:0;border-right:1px solid #314165;list-style:none;display:flex;text-align:center;letter-spacing:0em;}
#gl_nav li {width:16.66%;margin:0;padding:0;border-left:1px solid #314165;font-weight:700;}
#gl_nav li a {width:100%;color:#FFF;padding:10px 0;display:block;}
#gl_nav li a:hover {opacity: 0.8;text-decoration:none;transition: opacity 0.35s;}

@media print, screen and (max-width:1200px) {
#gl_nav li {font-size:12px;}
}


 /** top
===========================================*/

.t_sub {font-size:14px;margin-top:-10px;margin-bottom:30px;font-weight: 600;text-align: center;letter-spacing:7px;font-family: 'Montserrat';}
.t_sub span {
        background: #0089E9; /* fallback for old browsers */
        background: -webkit-linear-gradient(left, #0089E9, #38C3D7);
        background: linear-gradient(to left, #0089E9, #38C3D7);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}
.t_sub span.f {
        background: #0089E9; /* fallback for old browsers */
        background: -webkit-linear-gradient(right, #FFFFFF, #3FC3DA);
        background: linear-gradient(to right, #FFFFFF, #3FC3DA);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}
@media print, screen and (max-width: 768px) {
.t_sub {}
}

@media print, screen and (min-width:992px) {
.pc_del {display:none;}
}
@media print, screen and (max-width:991px) {
.sp_del {display:none;}
}



 /** inquiry
===========================================*/
.inquiry {margin:0;padding:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.inquiry dt {width:30%;margin:0;padding:20px 0;border-bottom:1px solid #B6B6B6;float:left;font-size:16px;font-weight:500;line-height:130%;}
.inquiry dd {width:70%;margin:0;padding:20px 0;border-bottom:1px solid #B6B6B6;float:left;font-weight:400;line-height:180%;}

.inquiry dt span {color:#FFF;background:#EC881D;font-size:12px;font-weight:400;}

.inquiry select {padding:5px 2%;border:1px solid #333;margin-bottom:12px;cursor:pointer;}
.inquiry input[type="text"] {width:96%;padding:5px 2%;border:1px solid #333;line-height:200%;margin-bottom:7px;}
.inquiry textarea {width:96%;height:200px;padding:5px 2%;border:1px solid #333;line-height:200%;margin-bottom:7px;}

.input_radio{ display: none;}
.input_radio + label{
  padding-left: 30px;
  position:relative;
  margin-right: 30px;
  cursor:pointer;
}
.input_radio + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 19px;
  height: 19px;
  background: #FFF;
  border: 1px solid #333;
}
.input_radio:checked + label{
  color: #194C80;
}
.input_radio:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 13px;
  height: 13px;
  background: #194C80;
}

.to_back {width:45%;margin:50px auto 0 auto;font-size:15px;letter-spacing:0em;font-weight:500;text-align:center;}
.to_back a {padding:18px 25px;display:block;background:#000 url(../img/allow2.png) no-repeat 96% center;color:#FFF;}
.to_back a:hover {opacity: 0.6;transition: 0.2s;text-decoration:none;}

.to_submit { position: relative;
	width:45%;margin:50px auto 0 auto;font-size:15px;letter-spacing:0em;font-weight:500;text-align:center;}
.to_submit a {padding:18px 25px;display:block;background:#005EC4;color:#FFF;}
.to_submit a:hover {opacity: 0.6;transition: 0.2s;text-decoration:none;}


@media print, screen and (max-width:1200px) {
.to_back {width:45%;}
.to_submit {width:45%;}
}

@media print, screen and (max-width:768px) {
.inquiry {padding-top:20px;border-top:1px solid #B6B6B6;}
.inquiry dt {width:100%;margin:0;padding:20px 0 0 0;float:none;border-bottom:none;}
.inquiry dd {width:100%;margin:0 0 20px 0;padding-bottom:40px;float:none;line-height:130%;}

.to_back {width:100%;margin: 0 auto 20px auto;}
.to_submit {width:100%;margin: 0 auto;}

.input_radio + label{ width:92%;padding-left:8%;display:block;}
}




/* ボタン ====================== */
/* 共通 */
a.btn {
  position:relative;
  display:block;
  width:160px;
}


/* 見出し ====================== */
.st_icon {
  position: relative;
  text-align:center;
  margin-top:10px;
}

/*文字設定*/
.st_icon h3 {
  font-size:36px;
  font-weight:500;
  margin:0; padding:60px 0 20px 0;
  color:#292929;
  letter-spacing:0.1em;
  text-align: center;
}

@media print, screen and (max-width:768px) {
    .st_icon h3 {font-size:30px;}
}

/* 各ページ要素 ====================== */

#title {width:100%;height:238px;margin-top:108px;background:#02153F url(../img/title_bottom.jpg) no-repeat center top;}
#title dl {margin:60px 0 0 0;padding:0;color:#FFF;}
#title dt {font-size:73px;margin:0;padding:0;font-family:'Teko', sans-serif;letter-spacing:0.05em;font-weight:500;line-height:100%;}
#title dd {font-size:22px;margin:0;padding:0;line-height:100%;}
#title dd span {color:#E8D608;}

#pan_nav {text-align:right;color:#666666;font-size:11px;margin:15px 0;}
#pan_nav a {color:#666666;}

ul.inner_link {border:1px solid #DDD;margin:0 0 30px 0;padding:25px;display:flex;justify-content: space-around;list-style:none;}
ul.inner_link li {font-weight:bold;line-height:130%;}
ul.inner_link li a {color:#1F1F1F;padding-left:17px;background:url(../img/allow3.png) no-repeat left center;display:block;}




.tworow { padding-bottom:2em;}

.title_pro span {
	/*padding:1em;padding:18px 0 18px 15px;
	border-left:4px solid #1A4C82;*/
	display:block;
}
.title_pro_a span {
	padding:7px 0 7px 15px;
	border-left:4px solid #1A4C82;
	display:block;
}
.title_pro_a span b {
	font-size:16px;
	vertical-align:text-top;
}

.subtitle {
	padding:0.02em 0.5em;
	background: #08275D;
	color: white;
	display:block;
}



.title_h5 {margin:0 0 30px 0;padding:20px 15px;background:#002C6E;color:#FFF;font-size:20px;font-weight:bold;line-height:100%;}
.title_h6 {margin:0 0 15px 0;padding:12px;color:#002C6E;border:2px solid #002C6E;font-size:18px;font-weight:bold;line-height:100%;}

.detail_dl1 {margin:0 0 30px 0;padding:0;}

.detail_dl1 dt{
	margin:1em 0;
	padding:0;
	color:#194C80;
	font-weight:bold;
	font-size:16px;}

.detail_dl1 dd{
	margin:0;padding:0;
	font-size:14px;
	/*line-height:180%;*/line-height:180%;
	font-weight:normal;
}

.detail_dl2 {margin:0 0 30px 0;padding:0;}
.detail_dl2 dt {margin:0 0 15px 0;padding:0.5em 1em;border:1px solid #EEE;border-left:2px solid #ACB3D1;background:#F4F5F9; font-size: 15px;}
.detail_dl2 dd {margin:0 0 30px 0;padding:0;line-height:180%;font-weight:normal;}

.detail_ul1 {margin:0;padding:0;list-style:none;}
.detail_ul1 li {margin:0;padding:0;font-size:12px;border:1px solid #DDDDDD;}
.detail_ul1 li img {margin-right:10px;float:left;}
.detail_ul1 li strong {font-size:14px;color:#194C7F;}
.detail_ul1 li a {margin:0;padding:15px;width:100%;color:#666;display:block;}
.detail_ul1 li:hover {opacity: 0.6;transition: 0.2s;}

.detail_ul2 {margin:0;padding:0;list-style:none;}
.detail_ul2 li {margin:0 0 5px 0;padding:0;font-size:14px;border:1px solid #DDDDDD;font-weight:bold;line-height:150%;}
.detail_ul2 li a {margin:0;padding:25px 30px 25px 40px;width:100%;color:#1F1F1F;display:block;}
.detail_ul2 li a:before {position: absolute; content: "";width:10px;height:20px;margin-left:-20px;background:url(../img/allow3.png) no-repeat left center;transform:rotate(0deg);}
.detail_ul2 li.to_listback a:before {position: absolute; content: "";width:10px;height:20px;margin-left:-20px;background:url(../img/allow3.png) no-repeat left center;transform:rotate(90deg);}
.detail_ul2 li:hover {opacity: 0.6;transition: 0.2s;}

.link_detail {
	width:100%;
	background:#005EC4;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	padding:15px;
	display:block;
	text-align:center;
	transition: 0.2s;}

.link_detail:hover {
	color:#FFF;
	text-decoration:none;
	opacity: 0.6;
}

.arrow {
    display: inline-block;
		position: absolute;
	  top: 50%;
	  right:20px;
	  margin-top: 1px;/*「アイコンフォント一文字の半分」のネガティブマージン*/
		width: 20px;
    height: 1px;
    background: #fff;
    transition: all .3s;
}
.arrow::after{
  display: block;
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  width: 6px;
  height: 1px;
  margin-top: -2px;
  background: #fff;
	transform: rotate(45deg);
	transition: all .3s;
}
/*
a.to_btn:hover > .arrow {background: #fff;}
a.to_btn:hover > .arrow::after {background: #fff;}
*/



.to_white {text-align:center;font-size:16px;color:#FFF;border:2px solid #FFF;display:block;padding:15px 0;letter-spacing: 0.2em;}
.to_white:hover {color:#FFF;text-decoration:none;opacity: 0.6;transition: 0.2s;}

.img_border {border:1px solid #DDD;}
.img_border_p,.img_border_p2 {border-bottom:1px solid #DDD;border-right:1px solid #DDD;border-left:1px solid #DDD;border-top:1px solid #DDD;}

.img_border_p2 img {width: 50%;}

.tbl_border {border:1px solid #CCC;width:100%;margin:5px 0;}
.tbl_border th {border:1px solid #CCC;padding:10px 15px;}
.tbl_border td {border:1px solid #CCC;padding:10px 15px;}
.f_border {border-top:1px solid #EEE;}

@media (max-width: 991px) {
#title {margin-top:50px;height:200px;}
#title dt {font-size:55px;}
#title dd {font-size:16px;}
#pan_nav {display:none;}
.title_h4,.title_h4_a,.title_h4_2 {font-size:20px;margin:0 0 15px 0;}
.title_h4 span,.title_h4_a span,.title_h4_2 span {padding:10px 0 10px 15px;}
}

@media print, screen and (max-width:991px) {
.img_border_p2 img {width: 100%;}
}

@media print, screen and (max-width:768px) {
.tworow { padding-bottom:1em;}
.tbl_border th,.tbl_border td {padding:10px 9px;}
}


 /** page_link
===========================================*/
#brake1,#brake2,#other,#gear1,#gear2,#gear3,#point1,#point2,#point3 {
   margin-top:-100px;
  padding-top:100px;
}
#column1,#column2,#column3,#column4,#column5 {
   margin-top:-150px;
  padding-top:150px;
}



 /** float_bnr
===========================================*/
#float_bnr {width:120px;position:fixed;top:60px;right:0;z-index: 9999;}
#float_bnr p {margin:0;}

.top_txt {left:7px;top:250px;position:absolute;}

@media print, screen and (max-width:768px) {
#float_bnr {display:none;}
.top_txt {display:none;}
}

@media (max-width: 991px) {
#float_bnr {display:none;}
}



 /** SPREAD
===========================================*/
.spread{overflow: hidden;}
.spread p,.spread ul,.spread h2,.spread h3,.spread div{transition: .8s;}

/* モーション */
.spread-mv{
	opacity: 0;
	transform: translate(0,60px);
	-webkit-transform: translate(0,60px);
}
.spread-mv-af{
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}



 /** ACCORDION
===========================================*/
.acd-check{
    display: none;
}
.acd-label{
    display: block;
    position: relative;
}
.acd-label:after{
    box-sizing: border-box;
    content: '\f107';
    display: block;
    color:#0089E9;
    font-family: "Font Awesome 5 Free";
    height: 52px;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0px;
}
.acd-content{
    display: block;
    height: 0;
    opacity: 0;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label:after{
    content: '\f106';
}
.acd-check:checked + .acd-label + .acd-content{
    height: 60px;
    opacity: 1;
    padding: 10px 20px 20px 20px;
    visibility: visible;
}