@charset "utf-8";

body,input,select,textarea{font-family:'nserif',serif;color:#333;font-size: 16px;line-height: 1.75;letter-spacing: .04em;}
	@media (max-width:991px)	{body,input,select,textarea{font-size: 14px;line-height: 1.5;}}

body a,body a:hover,body a:active,body a:focus{text-decoration:none;color:#082d47;outline:none;}

p + p,p + ul,p + ol,ul + p,ol + p{margin-top:10px;}

/* main,slider,page-h2 */
#main-image{position: relative;padding-left: 300px;}

.slider{position:relative;overflow: hidden;background:#fff;padding-bottom:55%;display:block;height: 0;}
    @media only screen and (max-width:575px)    {.slider{}}
.yany-ligpage .slider{padding-bottom:49%;}
.slider img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:inherit;max-height:inherit;width:100%;height:100%;margin:auto;font-family: 'object-fit: cover;';object-fit: cover;}

.bg-cover{position:relative;overflow: hidden;width: 100%;display: flex;}
    @media only screen and (max-width:575px)    {.slider{}}

.bg-cover img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:inherit;max-height:inherit;width:100%;height:100%;margin:auto;font-family: 'object-fit: cover;';object-fit: cover;}

/* section */
section{padding: 75px 0;}
	@media (max-width:991px)	{section{padding: 45px 0;}}
section {position: relative;}

.section-inner{padding: 35px 30px;}
	@media (max-width : 991px) {.section-inner{padding:50px 15px 10px;}}

.section-inner h3{font-size: 24px;margin-bottom: 30px;}
	@media (max-width : 991px) {.section-inner h3{font-size: 18px;line-height: 1.25;margin-bottom: 15px;}}

.section-inner h3 span{line-height:2;}

.anchor-point{margin-top: -20px;padding-top: 20px;}
	@media (max-width:991px)	{.anchor-point{margin-top: -70px;padding-top: 70px;}}
@media (min-width: 1400px){
	.container {max-width: 1360px;}}

#wrapper{width:100%;display: table;table-layout: fixed;background: #fff;}
	@media (max-width : 991px) {#wrapper{margin: 0 auto;display: block;}}

#wrapper #header{display: table-cell;vertical-align: top;}
#wrapper article{position: relative; margin-left: 230px;}
	@media (max-width : 991px) {#wrapper #header,#wrapper article{display: block;}
#wrapper article{position: relative; margin-left: 0px;}}

#wrapper #header{width: 230px;background-color: #e6fcfe; background: url("../images/common/header-bg.jpg") no-repeat top;height: 100vh;position: fixed;}
	@media (max-width : 991px) {#wrapper #header{width: 100%;border-bottom: 1px solid #ddd;height: 72px;background: linear-gradient(-135deg, #082f4c, #0b131e);;position:fixed;z-index: 999;}}
#wrapper article{}
	@media (max-width : 991px) {#wrapper article{padding-top: 72px;}}

/* header */
#header{}
.navbar-brand{margin:0;padding: 0;display: block;}
.navbar-brand a{ margin-left: auto; margin-right: auto;}
@media (max-width : 991px) {.navbar-brand{width:240px;border: none;}}
@media (min-width : 992px) {.navbar-brand{margin-bottom: 20px; margin-top: 5px;}}

@media (max-width : 991px) {#slider-bg{margin:10px 5px 40px 5px;}}

/* navigation */
.navbar{padding: 0;margin: 0;}
.navbar-collapse{display: block;padding: 0;margin: 0;/*background:#fff;*/}
	@media (max-width : 991px) {.navbar-collapse{}}


.navbar-container{padding: 0;margin: 0;width: 100%;}
	@media (max-width : 991px) {.navbar-container{overflow-y: scroll; background:#0b1827; height: 100vh!important}}


.nav{display: block;padding: 0;margin: 0;}

.nav-item{position: relative;/* background:linear-gradient(180deg, #081d2d 0%,#092438 100%)*/} 


.nav-item.dropdown:after{display: none;}

.nav-item:hover{ background:#04365a;}

.navbar-toggler,.navbar-info{padding:0;margin:0;line-height:1;border:none;text-align:center;width:50px;height:50px;color:#fff;position:fixed;top:0px;overflow:hidden;z-index:9998;}

.navbar-toggler small,.navbar-info small{display:block;font-size:10px;line-height:1;color:#011b3e;text-align:center;position:relative;font-family:'swis721-mdcn',sans-serif; font-weight: bold}

.navbar-toggler	{top: 10px;bottom: 10px;right:10px;border-radius:0;background:#fff;}
.navbar-toggler small:before{display: block;content:"\f0c9";font-family: 'Font Awesome\ 5 Pro';font-size: 16px;margin-bottom: 4px;	}

.navbar-info	{top: 10px;bottom: 10px;right: 61px;background:#fff;}
.navbar-info small:before{display: block;content:"\f1ad";font-family: 'Font Awesome\ 5 Pro';font-size: 16px;margin-bottom: 4px;	}



#infoblock{position: fixed;top: 72px;left: 0;right: 0;background: #fff;}
	@media (max-width:991px) {#infoblock{}}

	#set-info{
	    width: 100%;
	    display: block;
	    font-size: 12px;
	}
	#set-info .set-address{
	    width: 100%;
	    display: block;
	    text-align: center;
	    padding: 5px 0;
	    border-left:none;
	}
	#set-info .set-contact{
	    width: 100%;
	    display: block;
	    text-align: center;
	    padding: 5px 0 5px 0;
	    border-left:none;
	    margin-top: 10px;
	}

	#set-info .set-contact .set-contact-tit{
	    display: block;
	    color: #0168b7;
	    font-weight: bold;
	    margin-top: 12px;
	    margin-bottom: 5px;
	    line-height: 1;
	    text-align: center;
	}
	#infoblock .well{padding: 9px;background: #fff;margin: 10px;border: 1px solid #ddd;}

	.well-default{
	    padding: 5px;
	    line-height: 1.25;
	    border:1px solid #ccc;
	    text-align: left;
	    display: block;
	    width: 100%;
	}

	.well hr{margin: 9px 0;}


.nav-link,a.nav-link:hover,a.nav-link:active,a.nav-link:focus,
.active .nav-link,.active a.nav-link:hover,.active a.nav-link:active,.active a.nav-link:focus
	{color:#fff;font-size:16px;line-height:17px;font-weight:normal;padding:20px 20px 20px 20px;position: relative;letter-spacing:normal;text-align: center;}

a.nav-link:hover,a.nav-link:active,a.nav-link:focus,
.active .nav-link,.active a.nav-link:hover,.active a.nav-link:active,.active a.nav-link:focus{}

@media (min-width:992px) {.nav-sns{width: 50%; display: inline-block;}}

.nav-stacked > li + li{margin-top: 0;}


.dropdown-menu{display: block;position: static;min-width: 1px;border:none;float: none;box-shadow:none;padding: 15px 0;}
	@media (max-width : 991px) {.dropdown-menu{position: relative;float: none;border:none;box-shadow:none;}}

a.dropdown-item,a.dropdown-item:hover,a.dropdown-item:active,a.dropdown-item:focus{position: relative;font-size: 14px;padding: 0 9px 0 41px;color:#666;background:#fff;cursor:default;}

a.dropdown-item:hover,a.dropdown-item:active,a.dropdown-item:focus{background:#eee;cursor: pointer;}

a.dropdown-item:before	{content: "\f101";font-family: 'Font Awesome\ 5 Pro';display: block;position: absolute;top: 50%;left: 25px;bottom: 50%;margin: -12px 0;font-size: 10px;color:#d11725;width: 15px;line-height: 23px;}


#company-info{padding: 9px;font-size: 12px;line-height: 20px;border-bottom: 1px solid #ddd;}

#header .bn{padding: 20px 0;}
#header .bn a:hover{opacity:.75;}

	@media (max-width : 991px) {#company-info,#header .bn{display: none;}}



.info-box{display: table;width: 100%;table-layout: fixed;margin-bottom: 10px;}
.company-name,.company-map{display: table-cell;vertical-align: middle; color:#990000; font-weight:bold;}

.company-map{width: 42px;}
.btn-map,.btn-map:hover,.btn-map:active,.btn-map:focus{background: #735b2d;color:#fff;width: 42px;line-height: 15px;font-size: 11px;text-align: center;padding: 0 4px;border-radius:2px;}
.btn-map:hover,.btn-map:active,.btn-map:focus{opacity:.75;}

#company-info .phone-large{font-size: 21px;}

#company-info p span{display: inline-block;width: 0.5em;text-align: center;text-indent: -0.25em;}

.btn-service,a.btn-service:hover,a.btn-service:active,a.btn-service:focus{background:#081a28 !important;color:#fff !important;border: 1px solid #081a28 !important;position: relative;font-size: 16px;line-height: 20px;padding:10px 15px;max-width:250px;margin: 0 auto;}


.btn-service:before,.btn-service:after{content: "";width: 6px;height: 6px;position: absolute;top: 50%;bottom: 50%;}

.btn-service:before	{background: #fff;left: -1px;margin: -3px 0;display: block;}
.btn-service:after	{border-width:6px;border-style: solid;border-color:transparent transparent transparent #fff;left: 5px;margin: -6px 0;display: block;}


.btn-02{ color:#000; background:#fff; padding:15px 40px 15px 15px; font-weight:bold;transition:.6s;position: relative; max-width:360px; border-radius:0px; border: 1px solid #000; min-width: 300px;}
a.btn-02:hover,a.btn-02:active,a.btn-02:focus{ color:#fff; background:#000; padding:15px 40px 15px 15px;transition:.6s; border-radius:0px;border: 1px solid #000;}
.btn-02:after{font-family:'Font Awesome\ 5 Pro';margin-left:1.5em;color:#000;content:"\f061"; position: absolute;transition:.6s;right: 15px;	}
.btn-02:hover:after{font-family:'Font Awesome\ 5 Pro';margin-left:2.2em;color:#fff;content:"\f061"; position: absolute;transition:.6s;right: 10px;}



.btn-more,a.btn-more:hover,a.btn-more:active,a.btn-more:focus{background:#033689 !important;color:#fff !important;border: 1px solid #033689 !important;position: relative;min-width: 150px;}

.btn-more:before	{content: "";width: 6px;height: 6px;background: #fff;position: absolute;top: 50%;left: -1px;bottom: 50%;margin: -3px 0;display: block;}
.btn-more:after		{content: "";width: 6px;height: 6px;border-width:6px;border-style: solid;border-color:transparent transparent transparent #fff;position: absolute;top: 50%;left: 5px;bottom: 50%;margin: -6px 0;display: block;}


[class*="phone-"]{white-space:nowrap;line-height: 1;font-size:27px;line-height:1;}
[class*="phone-"] i[class*="fa-"]{font-size: 0.8em;margin-right: 0.25em;}


.phone-xlarge{font-size: 60px;}
.phone-large{font-size: 48px;}
.phone-medium{font-size: 24px;}
.phone-small{font-size: 21px;}


[class*="phone-"] small{font-size: .5em;line-height: 1;vertical-align: baseline;font-weight: normal;}
.phone-medium small{line-height: 24px;margin-right: 1em;}


/* article */
#header-article{display: table;width: 100%;table-layout: fixed;}
	@media (max-width : 991px) {#header-article{display: block;}}
	@media (max-width : 991px) {#header-article{display: none;}}


#header-article .description,#header-article .btn-area{display: table-cell;vertical-align: middle;}
	@media (max-width : 991px) {#header-article .description,#header-article .btn-area{display: block;}}

#header-article .description{padding:0 15px;font-size: 12px;line-height: 40px;}

#header-article .btn-area{width: 30%;}
	@media (max-width : 991px) {#header-article .btn-area{width: 100%;}}

.btn-header{background: #f5e4ca;color:#4b4243;padding:0 15px;font-size: 12px;line-height: 40px;display: block;}


.btn,.btn-sm{border-radius:0;}

.navbar{margin-bottom:0;border-radius:0;border:none;min-height:1px;}


/* ---- #footer ---- */

#footer{line-height: 2;padding: 90px 15px 30px;background: #fff;display: none;}
	@media (max-width:991px)	{#footer{padding: 30px 0 15px;}}

.footer-brand{margin-bottom: 10px;}
	@media (max-width:991px)	{.footer-brand{margin-bottom: 10px;}}

.footer-description{margin: 30px 0 20px;text-align: center;}
.footer-description small{margin-right: 1em;}
	@media (max-width:991px)	{.footer-description small{margin-right: 0;display: block;}}

.distri-list .f-line{padding: 0 15px;}

@media (max-width:991px)	{.distri-list{padding: 0!important;}}

/* ---- #fnav ---- */
#fnav .container{ padding-left:30px;}
#fnav{padding: 30px 0; background:#3B4043; color:#fff;margin-left: 230px;}
#copyright{margin-left: 230px;}

.yany-ligpage #fnav{margin-left: 0px;}
.yany-ligpage #copyright{margin-left: 0px;}

	@media (max-width:991px)	{#fnav{display: block;padding: 15px 0;margin-left: 0px;}#copyright{margin-left: 0px;}}

	@media (max-width:991px)	{#fnav .container{padding-left: 5px;}}
#fnav p{ font-size:14px;}

#fnav a{ color:#fff;}

#fnav h4{ color:#fff; font-size:20px; font-weight:normal;position:relative; margin-bottom:35px; }

	@media (max-width:991px)	{#fnav h4{margin-bottom:20px; }}
#fnav h4 span{ border-radius:4px; border:2px solid #fff; padding:10px; display: block; font-size:16px; transition:.6s;}
#fnav h4 span:hover{ border-radius:4px; border:2px solid #4fad23; background:#4fad23; transition:.6s;}
/*#fnav h4:before{ position:absolute; content:""; background:#fff; width:1px; height:170px; left:0; margin-left:-10px;}*/

#fnav h5{ color:#fff; font-size:18px; font-weight:600;position:relative; margin-bottom:15px; margin-left: 10px;}
#fnav h5 span{ border-radius:4px; border:2px solid #fff; padding:10px; display: block; font-size:16px; transition:.6s;}
#fnav h5 span:hover{ border-radius:4px; border:2px solid #4fad23; background:#4fad23; transition:.6s; color:#fff;}

.f-icon{ text-align:right;}
@media (max-width:991px)	{.f-icon{ text-align:center;}}
.f-icon a{ color: #fff !important; transition:.6s;}
.f-icon a:hover{ color: #4fad23 !important; transition:.6s; opacity:1;}

.fnav-menu{list-style: none;align-items:center;margin-left:20px;;line-height:1;}

.fnav-menu .fnav-link,.fnav-menu .fnav-link:hover,.fnav-menu .fnav-link:active,.fnav-menu .fnav-link:focus{font-size:13px;white-space:nowrap;line-height:1;color:#fff;}

.fnav-menu .fnav-item + .fnav-item{margin-left:1px;}

.fnav-menu li{ width:100%;display: inline-block; line-height:1.8; position:relative; color:#fff;}
.fnav-menu24p li{ width:24%;display: inline-block; line-height:1.8; position:relative; color:#fff;}
@media only screen and (max-width:991px)	{.fnav-menu24p li{ width:49%;display: inline-block; line-height:1.8; position:relative; color:#fff;}}
@media only screen and (max-width:991px)	{.f-link{ padding:0 20px;}}

.fnav-link{font-size: 13px;}
.fnav-item a{font-size: 13px;}
.fnav-item a:hover{ opacity:0.8;}
.fnav-btn{ }
@media only screen and (min-width:992px)	{.fnav-btn{display:none}}
	@media only screen and (max-width:991px)	{.fnav-btn{position:fixed;left:0;right:0;bottom:0;z-index:999;padding:0px;background:#fff;border-top:1px solid #ddd;}}

.fnav-btn ul{display:table;width:100%;table-layout:fixed;margin:0;}
	@media only screen and (max-width:991px)	{.fnav-btn ul{background:#fff;}}


.fnav-btn .fnav-item{display:table-cell;vertical-align:middle;padding:0 1px;text-align:center;height:auto;}
	@media only screen and (max-width:991px)	{.fnav-btn .fnav-item{padding: 1px;}}


.fnav-btn .fnav-link,.fnav-btn .fnav-link:hover,.fnav-btn .fnav-link:active,.fnav-btn .fnav-link:focus{display:block;background:#008ec3;color:#fff;font-size:16px;line-height:20px;
		padding:20px 15px;position:relative;text-decoration:none;margin:0;}
	@media only screen and (max-width:991px)	{.fnav-btn .fnav-link,.fnav-btn .fnav-link:hover,.fnav-btn .fnav-link:active,.fnav-btn .fnav-link:focus{display:block;font-size:10px;line-height:10px;padding:3px 2px;position:relative;text-decoration:none;margin:0;}}

.fnav-link:hover,.fnav-btn .fnav-link:active,.fnav-btn .fnav-link:focus{opacity:.75;}
	@media only screen and (max-width:991px)	{.fnav-link:hover,.fnav-btn .fnav-link:active,.fnav-btn .fnav-link:focus{opacity:1;}}

.f-line{ border-left:1px solid #fff;}


.fnav-btn{display:table;width:100%;table-layout:fixed;margin:0;padding:1px;background:#fff;border-top:1px solid #ddd;position:fixed;left:0;right:0;bottom:0;z-index:999;}
.fnav-btn .fnav-link:before{font-family: 'Font Awesome\ 5 Pro';width: 1em;text-align: center;font-weight: bold;font-size:16px;line-height: 1;margin-right: 0.5em;}
	@media only screen and (max-width:991px)	{.fnav-btn .fnav-link:before{width: 1em;display:block;text-align: center;font-weight: bold;font-size:16px;line-height: 1;margin: 2px auto 1px;}}

.fnav-link.home,.fnav-link.home:hover,.fnav-link.home:active,.fnav-link.home:focus{background: #eb8845;}
.fnav-link.mail,.fnav-link.mail:hover,.fnav-link.mail:active,.fnav-link.mail:focus{background:#000;}
.fnav-link.tel,.fnav-link.tel:hover,.fnav-link.tel:active,.fnav-link.tel:focus{background: #000;}
.fnav-link.ptop,.fnav-link.ptop:hover,.fnav-link.ptop:active,.fnav-link.ptop:focus{background:#033689;}

	@media only screen and (min-width:992px)	{
		.fnav-btn{display: none;}}
	@media only screen and (max-width:991px)	{
		.fnav-link.home,.fnav-link.home:hover,.fnav-link.home:active,.fnav-link.home:focus,
		.fnav-link.mail,.fnav-link.mail:hover,.fnav-link.mail:active,.fnav-link.mail:focus,
		.fnav-link.tel,.fnav-link.tel:hover,.fnav-link.tel:active,.fnav-link.tel:focus,
		.fnav-link.ptop,.fnav-link.ptop:hover,.fnav-link.ptop:active,.fnav-link.ptop:focus{background:#092942;}
	}

.fnav-link.home:before	{content: "\f015";}
.fnav-link.map:before	{content: "\f041";}
.fnav-link.mail:before	{content: "\f0e0";}
.fnav-link.tel:before	{content: "\f095";}
.fnav-link.ptop:before	{content: "\f077";}



#fnav a:hover,#fnav a:active,#fnav a:focus{color:#3381b7; transition:.6s;}
#fnav a{transition:.6s;}


#copyright{display:block;text-align:center;font-size:12px;line-height:52px;background: #3b4043;color: #fff; padding-bottom:10px;}
	@media (max-width:991px)	{#copyright{line-height:30px;}}



/* -------------------- footerここまで -------------------- */
.cap{text-align: center;font-size: 12px;line-height: 1.5;}


.disc{margin: 0;padding: 0;}
.disc li{margin-left: 1.5em;}


.bg-gray{background: #fbfbfb!important;}



/* -------------------- table -------------------- */
table{border-spacing:0;border-collapse:separate;width:100%;}

th,td{line-height:1.5;padding:14px;}
	@media (max-width:991px)	{th,td{padding:9px;}}

th{white-space:nowrap;}
td{}

/* common table 1 */

.common-tb{width: 100%;margin: 0 auto;border-top:1px solid #ddd;border-left:1px solid #ddd;margin-top:-1px;}

.common-tb th{background: #efefef;width: 30%;}
.common-tb td{background: #fff;}

.common-tb th,.common-tb td{border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
	@media (max-width:991px)	{.common-tb th,.common-tb td{display: block;width: auto !important;}}

.common-tb td a img{vertical-align: middle;}

.common-tb td hr{margin: 9px 0;}

.common-tb.prf th{width: 11em;}
.common-tb.frm th{width: 13em;}


/* common table 2 */

.common2-tb{width: 100%;margin: 0 auto;margin-top:-1px; margin-bottom: 15px;}

.common2-tb th{width: 30%;}
.common2-tb td{}

.common2-tb th,.common2-tb td{border-bottom:1px solid #ddd;}
	@media (max-width:991px)	{.common2-tb th,.common2-tb td{display: block;width: auto !important;}}

.common2-tb td a img{vertical-align: middle;}

.common2-tb td hr{margin: 9px 0;}

.common2-tb.prf th{width: 11em;}
.common2-tb.frm th{width: 13em;}


/* common table 3 */

.common3-tb{width: 100%;margin: 0 auto;border-top:1px solid #ddd;border-left:1px solid #ddd;margin-top:-1px;}

.common3-tb th{background: #efefef;}
.common3-tb td{background: #fff;}

.common3-tb th,.common3-tb td{border-right:1px solid #ddd;border-bottom:1px solid #ddd;}

.common3-tb td a img{vertical-align: middle;}

.common3-tb td hr{margin: 9px 0;}

.common3-tb.prf th{width: 11em;}
.common3-tb.frm th{width: 13em;}
@media (max-width:991px)	{.common3-tb{font-size: 12px;}.common3-tb td,.common3-tb th{padding:9px 5px}}
/* agc-tb */
.agc-tb			{border-top: 1px solid #d2d2d2;background: #fff;width: 100%;}
.agc-tb th		{border-bottom: 1px solid #d2d2d2;width: auto;text-align: center; background: #092e4b; color: #fff;}
.agc-tb td		{border-bottom: 1px solid #d2d2d2;width: auto;}
.agc-tb a{text-decoration: underline;}
.agc-tb th:first-child{width:180px;}



/* margin / padding */

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb90{margin-bottom:90px !important;}

.clr{clear:both;}


.navbar-collapse{padding:0;}
br.dn{display:none;}


#pagetop {position:fixed; bottom:10px; right:10px;width:37px;height:37px;cursor:pointer;background:url(../images/common/pagetop.png) no-repeat;}
	@media only screen and (max-width:767px)	{#pagetop{display: none;}}

@media print{body{background-image:none;}.container{width:1080px !important;}#pagetop{display:none;}}

.img-responsive{max-width: 100%; height: auto;}