@charset "utf-8";

body,input,select,textarea{font-family:'roboto','nsans','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;}

b,strong{font-weight: bold;}

a,a:hover,a:active,a:focus{outline:0;text-decoration:none;}
a:hover,a:active,a:focus{opacity:1;}

.text-link,.text-link:hover,.text-link:active,.text-link:focus{text-decoration: underline;}
.text-link:hover,.text-link:active,.text-link:focus{text-decoration: none;}


html{overflow-y:scroll;}

h2,h3						{font-weight: bold;}
h2 small,h3 small			{font-weight: bold;}
h4,h5,h6					{font-weight: bold;}
h4 small,h5 small,h6 small	{line-height:inherit;color:inherit;}

.ellipsis{display: block;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}

.anti-alias{transform:rotate(.028deg);}


#header,.navbar-header,#wrapper,#article,.outer,footer,.navbar-nav{width: 100%;max-width: 2000px;margin: 0 auto;}

/* #wrapper */
#wrapper{overflow:hidden;position:relative;}

#wrapper.index{padding-top: 720px;}
	@media only screen and (max-width:1199px)	{#wrapper.index{padding-top: 600px;}}
	@media only screen and (max-width:991px)	{#wrapper.index{padding:50px 0 40px}}


/* #header */
#header{line-height: 1;position: fixed;top:0;left:0;right:0;z-index: 9999;padding: 20px 0;background: rgba(0,0,0,.5);}
	@media only screen and (max-width:991px)	{#header{height:50px;padding: 0;}}

.index #header{position: absolute;top:720px;}
	@media only screen and (max-width:1199px)	{.index #header{top: 600px;}}
	@media only screen and (max-width:991px)	{.index #header{position: fixed;top: 0;}}

#header.fixed{position: fixed;top: 0;}


#header > .container-fluid{padding:0 30px;}
	@media only screen and (max-width:991px)	{#header > .container-fluid{padding:0 15px;}}

.navbar-header{display: flex;justify-content:space-between;align-items:center;height: 70px;}
	@media only screen and (max-width:991px)	{.navbar-header{padding: 0;height: 50px;}}

.navbar-brand{}
	@media screen and (max-width:991px)	{.navbar-brand{}}
	@media screen and (max-width:575px)	{.navbar-brand{}}

.navbar-brand a,.navbar-brand a:hover,.navbar-brand a:active,.navbar-brand a:focus	{display: block;color:inherit;}
	@media only screen and (max-width:991px)	{.navbar-brand a,.navbar-brand a:hover,.navbar-brand a:active,.navbar-brand a:focus{}}

.navbar-brand a img{vertical-align: top;width: auto;}
	@media only screen and (max-width:1599px)	{.navbar-brand a img{height: 45px;}}
	@media only screen and (max-width:991px)	{.navbar-brand a img{height: 30px;}}

.navbar-brand a small{font-size: 12px;line-height: 1;margin-bottom: 15px;display: block;}
	@media only screen and (max-width:991px)	{.navbar-brand a small{display: none;}}

/* navigation */
.navbar-toggler			{text-align:center;width:50px;height:50px;color:#FFF;position:fixed;top:0;right:0;overflow:hidden;z-index:9998;}

.navbar-toggler-icon,.navbar-toggler-icon:before,.navbar-toggler-icon:after{display:block;width:14px;height:2px;background:#FFF;}
.navbar-toggler-icon:before,.navbar-toggler-icon:after{content:"";position:absolute;left:0;right:0;}
.navbar-toggler-icon{margin:10px auto;position:relative;}

button[aria-expanded="false"] .navbar-toggler-icon,button[aria-expanded="false"] .navbar-toggler-icon:before,button[aria-expanded="false"] .navbar-toggler-icon:after,
button[aria-expanded="true"] .navbar-toggler-icon,button[aria-expanded="true"] .navbar-toggler-icon:before,button[aria-expanded="true"] .navbar-toggler-icon:after	{transition:.6s;}

button[aria-expanded="false"] .navbar-toggler-icon:before{top:-5px;transform:rotate(0deg);}
button[aria-expanded="false"] .navbar-toggler-icon:after{bottom:-5px;transform:rotate(0deg);}

button[aria-expanded="true"] .navbar-toggler-icon:before{top:0;transform:rotate(45deg);}
button[aria-expanded="true"] .navbar-toggler-icon:after{bottom:0;transform:rotate(-45deg);}

button[aria-expanded="true"] .navbar-toggler-icon	{background:transparent;}

.navbar-toggler small{display:block;font-size:10px;line-height:10px;color:#FFF;text-align:center;position:relative;font-family:'roboto-cn',sans-serif;}

.navbar-expand-lg > .container{padding: 0;}
	@media only screen and (max-width:991px)	{.navbar-expand-lg > .container{max-width:100%;}}

.navbar-expand-lg .navbar-collapse{}
	@media only screen and (max-width:991px)	{.navbar-expand-lg .navbar-collapse{margin-top: 0;padding:0;position: fixed;top: 50px;left: 0;right: 0;z-index: 999;border: none;}}

.navbar-container{}
	@media only screen and (max-width:991px)	{.navbar-container{-webkit-overflow-scrolling:touch;overflow-y:scroll;background: rgba(0,0,0,.9);}}

.navbar-container.container{position: static;padding:0;}
	@media only screen and (max-width:991px)	{.navbar-container.container{width:100%;max-width:100%;position: relative;display: block;}}

.navbar-expand-lg .navbar-nav{display: flex;justify-content:center;padding: 10px 0;}
	@media only screen and (max-width:991px)	{.navbar-expand-lg .navbar-nav{border: none;border-top: 1px solid rgba(255,255,255,.33);display: block;justify-content:space-between;padding: 0;background: rgba(0,0,0,.9);}}

.navbar-expand-lg .navbar-nav .nav-item{display: flex;align-items:flex-end;align-items:flex-end;}
	@media only screen and (max-width:991px)	{.navbar-expand-lg .navbar-nav .nav-item{padding: 0;border-bottom:1px solid rgba(255,255,255,.33);display: block;flex:1 1 100%;max-width:100%;padding-left: 0;margin-left: 0;height: auto;}}

.navbar-expand-lg .navbar-nav .nav-item + .nav-item{margin-left: 1.5em;}
	@media only screen and (max-width:1199px)	{.navbar-expand-lg .navbar-nav .nav-item + .nav-item{margin-left: 1em;}}
	@media only screen and (max-width:991px)	{.navbar-expand-lg .navbar-nav .nav-item + .nav-item{margin-left: 0;}}

.navbar-expand-lg .navbar-nav .nav-link{white-space: nowrap;padding:10px 0;text-align: center;position:relative;display: block;}
	@media only screen and (max-width:991px)	{.navbar-expand-lg .navbar-nav .nav-link{width: 100%;padding:10px 15px;color:#279AC4;font-size:14px;line-height:26px;margin: 0;display: block;height: auto;border: none;text-align: left;text-shadow:none;height: auto;}}

.navbar-expand-lg .navbar-nav .nav-link small{font-size:11px;line-height:1;margin-top:6px;display: block;letter-spacing:0;text-indent:0;font-family: 'nsans',sans-serif;}
	@media only screen and (max-width:991px)	{.navbar-expand-lg .navbar-nav .nav-link small{font-size: 12px;line-height:26px;position:absolute;right:15px;top:50%;bottom:50%;margin:-13px 0;}}

.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-link:active,
.navbar-expand-lg .navbar-nav .nav-link:focus,
.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link,
.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:active,
.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:focus{background:transparent;color:#212121;opacity:1;}
	@media only screen and (max-width:991px)	{.navbar-expand-lg .navbar-nav .nav-link:hover,.navbar-expand-lg .navbar-nav .nav-link:active,.navbar-expand-lg .navbar-nav .nav-link:focus,.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link,.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:hover,.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:active,.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:focus{background: rgba(0,0,0,.5);color:#FFF;}}

.navbar-expand-lg .navbar-nav .nav-link:hover small,
.navbar-expand-lg .navbar-nav .nav-link:active small,
.navbar-expand-lg .navbar-nav .nav-link:focus small,
.navbar-expand-lg .navbar-nav .active .nav-link small{}
	@media only screen and (max-width:991px)	{.navbar-expand-lg .navbar-nav .nav-link:hover small,.navbar-expand-lg .navbar-nav .nav-link:active small,.navbar-expand-lg .navbar-nav .nav-link:focus small,.navbar-expand-lg .navbar-nav .active .nav-link small{}}

.navbar-expand-lg .navbar-nav .nav-link:after{content: "";position: absolute;left: 50%;right: 50%;bottom: 0;border-bottom: 2px solid transparent;transition:.3s;}
	@media only screen and (max-width:991px)	{.navbar-expand-lg .navbar-nav .nav-link:after{display: none;}}

.navbar-expand-lg .navbar-nav .nav-link:hover:after,
.navbar-expand-lg .navbar-nav .nav-link:active:after,
.navbar-expand-lg .navbar-nav .nav-link:focus:after,
.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:after,
.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:hover:after,
.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:active:after,
.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:focus:after{left: 0;right: 0;transition:.3s;border-color: #279AC4;display: none;}
	@media only screen and (max-width:991px)	{
		.navbar-expand-lg .navbar-nav .nav-link:hover:after,
		.navbar-expand-lg .navbar-nav .nav-link:active:after,
		.navbar-expand-lg .navbar-nav .nav-link:focus:after,
		.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:after,
		.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:hover:after,
		.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:active:after,
		.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:focus:after{display: none;}
	}

.dropdown{}
	@media only screen and (max-width:991px)	{.dropdown{}}

.dropdown-menu{padding:10px 0;border:none;background-color: rgba(0,0,0,.9);border-radius:0;min-width:100%;}
	@media only screen and (max-width:991px)	{.dropdown-menu{margin:0;padding:0;border:none;border-top:1px solid rgba(255,255,255,.33);;}}

.dropdown-item{font-size:14px;line-height:20px;padding:5px 15px;color:#FFF;}
	@media only screen and (max-width:991px)	{.dropdown-item{font-size:12px;line-height:16px;padding:7px 15px;}}

.dropdown-item:before{}
	@media only screen and (max-width:991px)	{.dropdown-item:before{display:inline-block;width:1em;content:"\f105";font-family:'Font Awesome\ 5 Pro';color:#FFF;}}

.dropdown-item:hover,.dropdown-item:active,.dropdown-item:focus,.dropdown-item.active{background:#E60012;color:#FFF;opacity:1;}
	@media only screen and (max-width:991px)	{.dropdown-item:hover,.dropdown-item:active,.dropdown-item:focus,.dropdown-item.active{}}

.dropdown-item:hover:before,.dropdown-item:active:before,.dropdown-item:focus:before,.dropdown-item.active:before{color:#FFF}
	@media only screen and (max-width:991px)	{.dropdown-item:hover:before,.dropdown-item:active:before,.dropdown-item:focus:before,.dropdown-item.active:before{}}


/* .outer .column */
.outer{background: #FFF;}


.index .outer{padding-top: 90px;}
	@media only screen and (max-width:991px)	{.index .outer{padding-top: 0;}}


.column-outer,.column{display:flex;justify-content:center;width:100%;}
	@media only screen and (max-width:991px)	{.column-outer,.column{display: block;}}
	@media only screen and (max-width:767px)	{.column-outer,.column{}}

.side-column,.main-column{}
	@media only screen and (max-width:767px)	{.side-column,.main-column{display: block;width: auto;padding: 0;}}

.side-column{flex:1 1 285px;max-width: 285px;}
	@media only screen and (max-width:1199px)	{.side-column	{flex:1 1 270px;max-width: 270px;}}
	@media only screen and (max-width:991px)	{.side-column	{flex:1 1 100%;max-width: 100%;}}

.column-outer > .side-column	{display: none;}
.column-outer > .side-column	{display: none;}

.column-outer{}
	@media only screen and (max-width:767px)	{.column-outer{}}

.column{padding: 60px 0;}
	@media only screen and (max-width:767px)	{.column{padding: 30px 0;}}

.column > .side-column{padding-right:45px;display: none;}
	@media only screen and (max-width:1199px)	{.column > .side-column{padding-right:30px;}}
	@media only screen and (max-width:991px)	{.column > .side-column{padding-right: 0;}}
	@media only screen and (max-width:767px)	{.column > .side-column{margin-bottom: 30px;}}

.column > .side-column + .side-column{padding-left:45px;}
	@media only screen and (max-width:1199px)	{.column > .side-column + .side-column{padding-left:30px;}}
	@media only screen and (max-width:991px)	{.column > .side-column + .side-column{margin: 60px 0;padding-left:0;display: none;}}
	@media only screen and (max-width:767px)	{.column > .side-column + .side-column{margin-bottom: 30px;}}

.column > .main-column{flex:1 1 765px;max-width: 765px;}
	@media only screen and (max-width:1199px)	{.column > .main-column{flex:1 1 670px;max-width: 670px;}}
	@media only screen and (max-width:991px)	{.column > .main-column{flex:1 1 100%;max-width: 100%;}}

.side-column .container,.column > .main-column.container{padding: 0;}
	@media only screen and (max-width:991px)	{.side-column.container, .column > .main-column.container{padding:0 15px;}}


/* page-title */
.page-title{position: relative;}

.page-bg{position:absolute;top:0;left:0;right:0;bottom:0;display:block;background: #000;}

.page-bg.page-white{}

.page-bg > 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;opacity:.5;}

.page-bg.page-white > img{opacity:.75;}


.page-title h2{z-index: 1;font-size: 60px;line-height: 1;position: relative;text-align: center;color:#FFF;padding: 200px 0 90px;letter-spacing:.2em;text-indent:.2em;font-weight: bold;text-shadow:0 0 5px #212121;font-family: 'cinzel','nserif',serif;}
    @media only screen and (max-width:767px)    {.page-title h2{font-size: 30px;padding: 45px 0;}}

.page-title h2:first-letter{color:#E60012;}


.page-title h2 small{display: block;font-size: 18px;line-height: .75;margin-top: 30px;letter-spacing:0;text-indent:0;color:#FFF;font-weight: normal;}
    @media only screen and (max-width:767px)    {.page-title h2 small{font-size: 16px;margin-top: 15px;}}






/* article */
#article{padding: 0;}


article{padding: 75px 0;}
	@media only screen and (max-width:1199px)	{article{padding: 60px 0;}}
	@media only screen and (max-width:991px)	{article{padding: 45px 0;}}
	@media only screen and (max-width:767px)	{article{padding: 30px 0;}}

article .container,article .container-fluid{z-index: 9;}

article[class*="sec-"] > .container-fluid{width: 100%;max-width: 1660px;margin: 0 auto;padding:0 30px;}
	@media only screen and (max-width:991px)	{article[class*="sec-"] > .container-fluid{padding:0 15px;}}




article + article{}

.column article{padding: 0;}
	@media only screen and (max-width:767px)	{#column article{padding: 0;}}

.column article + article{border-top:none;}
	@media only screen and (max-width:767px)	{#column article + article{}}

section{}

section + section{margin-top: 45px;}
	@media only screen and (max-width:767px)	{section + section{margin-top: 30px;}}

section.sec-lg + .sec-lg{margin-top: 60px;}
	@media only screen and (max-width:767px)	{.sec-lg + .sec-lg-lg{margin-top: 45px;}}


.ap{width: 100%;margin-top: -110px;padding-top: 110px;}
	@media only screen and (max-width:991px)	{.ap{margin-top: -50px;padding-top: 50px;}}


.box-ap{margin-top: -240px;padding-top: 240px;width: 100%;margin-bottom: 45px;}
	@media only screen and (max-width:991px)	{.box-ap{margin-top: -135px;padding-top: 135px;}}

.sec-ap{margin-top: -125px;padding-top: 125px;width: 100%;}
	@media only screen and (max-width:991px)	{.sec-ap{margin-top: -135px;padding-top: 135px;}}

.sec-ap article{margin-top: 75px;}
	@media only screen and (max-width:991px)	{.sec-ap article{margin-top: 45px;}}



/* over-image-text */
.over-image-text{padding: 45px 0;}
	@media only screen and (max-width:991px)	{.over-image-text{padding: 0;}
	}

.over-image-text-lg{padding: 90px 0;}
	@media only screen and (max-width:991px)	{.over-image-text-lg{padding: 0;}
	}

.over-image-text-xl{padding: 135px 0;}
	@media only screen and (max-width:991px)	{.over-image-text-xl{padding: 0;}
	}


/* over-text-image */
.over-text-image{padding: 45px 0;}
	@media only screen and (max-width:991px)	{.over-text-image{padding: 0;}
	}

.over-text-image-lg{padding: 90px 0;}
	@media only screen and (max-width:991px)	{.over-text-image-lg{padding: 0;}
	}

.over-text-image-xl{padding: 135px 0;}
	@media only screen and (max-width:991px)	{.over-text-image-xl{padding: 0;}
	}


.img-left,.img-right{position: absolute;top: 0;bottom: 0;display: flex;}

.img-left{left: -460px;right: 30px;}
.img-right{left: 30px;right: -460px;}
	@media only screen and (max-width:1899px)	{
		.img-left{left: -410px;}
		.img-right{right: -410px;}
	}
	@media only screen and (max-width:1799px)	{
		.img-left{left: -360px;}
		.img-right{right: -360px;}
	}
	@media only screen and (max-width:1699px)	{
		.img-left{left: -310px;}
		.img-right{right: -310px;}
	}
	@media only screen and (max-width:1599px)	{
		.img-left{left: -260px;}
		.img-right{right: -260px;}
	}
	@media only screen and (max-width:1499px)	{
		.img-left{left: -210px;}
		.img-right{right: -210px;}
	}
	@media only screen and (max-width:1399px)	{
		.img-left{left: -160px;}
		.img-right{right: -160px;}
	}
	@media only screen and (max-width:1299px)	{
		.img-left{left: -110px;}
		.img-right{right: -110px;}
	}
	@media only screen and (max-width:1199px)	{
		.img-left{left: -60px;}
		.img-right{right: -60px;}
	}
	@media only screen and (max-width:991px)	{
		.img-left,.img-right{position: static;display: block;margin:0 -40px;}
		.img-left .bg-cover,.img-right .bg-cover{height: 300px;}
	}
	@media only screen and (max-width:767px)	{
		.img-left,.img-right{margin:0 -15px;}
		.img-left .bg-cover,.img-right .bg-cover{height: 150px;}
	}



/* .box */
.box,.box-sm,.box-xs,.box-large{background:#FFF;display:block;width: 100%;position: relative;box-shadow:0 0 12px rgba(0,0,0,.075);color:inherit;}
a.box:hover,a.box:focus,a.box:active{opacity:.75;}

.box-lg{padding: 45px;}
	@media only screen and (max-width:1199px)	{.box-lg{padding:30px;}}
	@media only screen and (max-width:767px)	{.box-lg{padding:15px;}}

.box{padding:30px;}
	@media only screen and (max-width:767px)	{.box{padding:15px;}}

.box-sm{padding:20px;}
	@media only screen and (max-width:767px)	{.box-sm{padding:15px;}}

.box-xs{padding:15px;}
	@media only screen and (max-width:767px)	{.box-xs{padding:10px;}}


.tit-box{text-align:center;background: #142C4B;color:#FFF;line-height: 20px;font-weight: bold;align-items:center;}
	@media only screen and (max-width:767px)	{.tit-box{}}
	@media only screen and (max-width:575px)	{.tit-box{line-height: 1.25;}}

.tit-box a,.tit-box a:hover,.tit-box a:active,.tit-box a:focus{color:inherit;}

.tit-box-yellow		{background: #dcae03;color:#FFF;}
.tit-box-orange		{background: #ff5400;color:#FFF;}
.tit-box-pink		{background: #f9c;color:#FFF;}
.tit-box-green		{background: #093;color:#FFF;}
.tit-box-cyan		{background: #4DBFCB;color:#FFF;}
.tit-box-lightblue	{background: #5DBCDF;color:#FFF;}
.tit-box-gray		{background: #999;color:#FFF;}

.tit-box small{text-align:center;font-size:14px;display: block;margin-top: 10px;font-weight: bold;letter-spacing:.1em;text-indent:.1em;}
	@media only screen and (max-width:767px)	{.tit-box small{font-size:12px;margin-bottom: 5px;}}

.tit-box-sub{font-weight:bold;border-left:4px solid #279AC4;line-height:1.25;font-size:16px;margin:20px 0 10px;padding-left:8px;}
	@media only screen and (max-width:767px)	{.tit-box-sub{font-size:16px;margin:20px 0 10px;padding-left:8px;}}

.box .tit-box{margin:-29px -29px 30px;padding: 24px 29px;font-size:21px;}
	@media only screen and (max-width:767px)	{.box .tit-box{margin:-14px -14px 15px;padding:14px;font-size:16px;}}

.box .tit-box-over{margin:-30px -30px 29px;padding:15px 5px;}
	@media only screen and (max-width:767px)	{.box .tit-box-over{margin:-15px -15px 14px;padding:15px 5px;}}

.box-sm .tit-box{margin:-19px -19px 20px;padding:14px 19px;font-size: 16px;}
	@media only screen and (max-width:767px)	{.box-sm .tit-box{margin:-14px -14px 15px;padding:14px;font-size: 15px;}}

.box-sm .tit-box-over{margin:-20px -20px 19px;padding:15px 5px;}
	@media only screen and (max-width:767px)	{.box-sm .tit-box-over{margin:-10px -10px 9px;padding:10px 5px;}}

.box-xs .tit-box{margin:-14px -14px 15px;padding:14px;font-size: 16px;}
	@media only screen and (max-width:767px)	{.box-xs .tit-box{margin:-9px -9px 10px;padding:9px;}}

.box-xs .tit-box-over{margin:-15px -15px 15px;padding:15px 5px;}
	@media only screen and (max-width:767px)	{.box-xs .tit-box-over{margin:-5px -5px 5px;padding:5px 5px;}}



.box-bottom-set{position: relative;padding-bottom: 63px;}

.box-bottom{position: absolute;left: 1px;right: 1px;bottom: 1px;}


.box + .box,.box-sm + .box-sm{margin-top:30px;}
	@media only screen and (max-width:767px)	{.box + .box{margin-top:10px;}}

.box-img img{width: 100%;height: auto;}
.box-img-over img{width: 100%;height: auto;}

.box .box-img{margin:-29px -29px 29px;}
	@media only screen and (max-width:767px)	{.box .box-img{margin:-14px -14px 14px;}}

.box .box-img-end{margin:29px -29px -29px;}
	@media only screen and (max-width:767px)	{.box .box-img-end{margin:14px -14px -14px;}}

.box .box-img-only{margin:-29px;}
	@media only screen and (max-width:767px)	{.box .box-img-only{margin:-14px;}}


.box .box-img-over{margin:-25px -25px 25px;}
	@media only screen and (max-width:767px)	{.box .box-img-over{margin:-15px -15px 15px;}}

.box .box-img-over:last-child{margin:-25px;}
	@media only screen and (max-width:767px)	{.box .box-img-over:last-child{margin:-15px;}}

.box-sm .box-img{margin:-18px -18px 18px;}
	@media only screen and (max-width:767px)	{.box-sm .box-img{margin:-13px -13px 13px;}}

.box-sm .box-img-end{margin:-18px;}
	@media only screen and (max-width:767px)	{.box-sm .box-img-end{margin:-13px;}}

.box-xs .box-img{margin:-15px -15px 15px;}
	@media only screen and (max-width:767px)	{.box-xs .box-img{margin:-9px -9px 9px;}}

.box-xs .box-img-end{margin:13px -13px -13px;}
	@media only screen and (max-width:767px)	{.box-xs .box-img-end{margin:-8px -8px -8px;}}

.box hr,.box-sm hr,.box-xs hr{margin:14px 0;}
	@media only screen and (max-width:767px)	{.box hr,.box-sm hr,.box-xs hr{margin:14px 0;}}



.box-reverse{background: #f6f6f6;}

.box .box-reverse{margin:29px -29px;padding: 29px;}
	@media only screen and (max-width:1199px)	{.box .box-reverse{margin:24px -24px;padding: 24px;}}
	@media only screen and (max-width:767px)	{.box .box-reverse{margin:14px -14px;padding: 14px;}}

.box .box-reverse:last-child{margin: 29px -29px -29px;}
	@media only screen and (max-width:1199px)	{.box .box-reverse:last-child{margin:24px -24px -24px;}}
	@media only screen and (max-width:767px)	{.box .box-reverse:last-child{margin:14px -14px -14px;}}

.box-sm .box-reverse{margin:19px -19px;padding: 19px;}
	@media only screen and (max-width:767px)	{.box-sm .box-reverse:last-child{margin:14px -14px;padding: 14px;}}

.box-sm .box-reverse:last-child{margin:19px -19px -19px;}
	@media only screen and (max-width:767px)	{.box-sm .box-reverse:last-child{margin:14px -14px -14px;}}

.box-xs .box-reverse{margin:14px -14px;padding: 14px;}
	@media only screen and (max-width:767px)	{.box-xs .box-reverse{margin:9px -9px;padding: 9px;}}

.box-xs .box-reverse:last-child{margin:14px -14px -14px;}
	@media only screen and (max-width:767px)	{.box-xs .box-reverse:last-child{margin:9px -9px -9px;}}


.box.btnset{padding-bottom: 130px;}
	@media only screen and (max-width:1199px)	{.box.btnset{padding-bottom: 120px;}}
	@media only screen and (max-width:767px)	{.box.btnset{padding-bottom: 80px;}}

.box-sm.btnset{padding-bottom: 100px;}
	@media only screen and (max-width:767px)	{.box-sm.btnset{padding-bottom: 80px;}}

.box-xs.btnset{padding-bottom: 90px;}
	@media only screen and (max-width:767px)	{.box-xs.btnset{padding-bottom: 60px;}}

.box-btnarea{background: #f6f6f6;position: absolute;left: 1px;right: 1px;bottom: 1px;}

.box .box-btnarea{padding: 29px 25%;}
	@media only screen and (max-width:1199px)	{.box .box-btnarea{padding: 24px 25%;}}
	@media only screen and (max-width:767px)	{.box .box-btnarea{padding: 14px 25%;}}
	@media only screen and (max-width:575px)	{.box .box-btnarea{padding: 14px;}}

.box-sm .box-btnarea{padding: 19px 25%;}
	@media only screen and (max-width:767px)	{.box-sm .box-btnarea{padding: 14px 25%;}}
	@media only screen and (max-width:575px)	{.box-sm .box-btnarea{padding: 14px;}}

.box-xs .box-btnarea{padding: 14px 25%;}
	@media only screen and (max-width:767px)	{.box-xs .box-btnarea{padding: 9px 25%;}}
	@media only screen and (max-width:575px)	{.box-xs .box-btnarea{padding: 9px;}}


/* faq */
.box-qa{position: relative;word-wrap: break-word;background: #FFF;box-shadow: 0 0 12px rgba(0,0,0,.075);}
	@media only screen and (max-width:767px)	{.box-qa{}}

.box-qa dt{padding: 1px;}

.box-qa dt a,.box-qa dt a:hover,.box-qa dt a:active,.box-qa dt a:focus,.box-qa dt span{background: #d5ecf3;display: block;position: relative;overflow: hidden;font-size: 18px;line-height: 1.25;padding:24px 89px;color:#333;opacity:1;}
	@media only screen and (max-width:767px)	{.box-qa dt a,.box-qa dt a:hover,.box-qa dt a:active,.box-qa dt a:focus,.box-qa dt span{font-size: 15px;line-height: 1.25;padding:9px 44px;}}

.box-qa dt a:before,.box-qa dt span:before{content: "Q";font-weight: bold;position: absolute;top: 0;left: 0;bottom: 0;opacity: .25;font-size: 90px;line-height: 32px;color:#1c6db5;}
	@media only screen and (max-width:767px)	{.box-qa dt a:before,.box-qa dt span:before{font-size: 48px;line-height: 16px;}}

.box-qa dt a:after{font-family: 'Font Awesome\ 5 Pro';position: absolute;top: 50%;right: 24px;bottom: 50%;line-height: 24px;margin: -12px 0;color:#279AC4;}


.box-qa dt a[aria-expanded="false"]:after{content: "\f078";}
.box-qa dt a[aria-expanded="true"]:after{content: "\f077";}


.box-qa dd .owner-answer{padding:30px;}
	@media only screen and (max-width:767px)	{.box-qa dd .owner-answer{padding:14px}}



.box-qa + .box-qa{margin-top: 30px;}
	@media only screen and (max-width:767px)	{.box-qa + .box-qa{margin-top: 10px;}}


/* catalogue */
#category-nav{padding: 45px 0;}
	@media only screen and (max-width:991px)	{#category-nav{padding: 30px 0;}}
	@media only screen and (max-width:767px)	{#category-nav{padding: 15px 0;}}

#back{padding:30px 0 45px;}
	@media only screen and (max-width:991px)	{#back{padding: 15px 0 30px;}}
	@media only screen and (max-width:767px)	{#back{padding:15px 0;}}



.paging									{text-align:center;margin:60px 0 0;display:flex;justify-content:center;}
.paging .paging-text,.paging .current	{margin:0 1px;color:#fff;text-decoration:none;text-align:center;padding:0;width:36px;line-height:34px;display:block;font-size:18px;border:1px solid #ddd;}
.paging .paging-text					{background:#fff;color:#999;cursor:pointer;}
.paging .paging-text:hover				{background:#fff;color:#001B7E;border:1px solid #001B7E;opacity:1;}

.paging .current						{background:#001B7E;color:#fff;border:1px solid #001B7E;}

	@media screen and (max-width:991px)	{
		.paging									{margin:30px 0 0;}
		.paging .paging-text,.paging .current	{width:30px;line-height:28px;font-size:16px;}
	}

	@media screen and (max-width:767px)	{
		.paging									{margin:15px 0 0;}
		.paging .paging-text,.paging .current	{width:24px;line-height:22px;font-size:14px;}
	}



/* ofi commons */
.bg-cover{display: block;overflow: hidden;position: relative;width: 100%;}

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

.bg-all{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}


.bg-contain{display: block;overflow: hidden;position: relative;width: 100%;}

.bg-contain > img,.bg-contain a > img {
	max-width: inherit;max-height: inherit;
	width: 100%;height: 100%;
	object-fit: contain;font-family: 'object-fit: contain';
	position: absolute;
	top: 0;left: 0;right: 0;bottom: 0;
}





.bg-xl-5by1{padding-bottom: 20%;}.bg-xl-4by1{padding-bottom: 25%;}.bg-xl-3by1{padding-bottom: 33.3333333333%;}.bg-xl-2by1{padding-bottom: 50%;}.bg-xl-3by2{padding-bottom: 66.6666666666%;}.bg-xl-4by3{padding-bottom: 75%;}.bg-xl-5by4{padding-bottom: 80%;}.bg-xl-1by1{padding-bottom: 100%;}.bg-xl-4by5{padding-bottom: 120%;}.bg-xl-3by4{padding-bottom: 133.3333333333%;}.bg-xl-2by3{padding-bottom: 150%;}.bg-xl-3by5{padding-bottom: 166.6666666666%;}.bg-xl-1by2{padding-bottom: 200%;}

	@media only screen and (max-width:1199px){.bg-lg-5by1{padding-bottom: 20%;}.bg-lg-4by1{padding-bottom: 25%;}.bg-lg-3by1{padding-bottom: 33.3333333333%;}.bg-lg-2by1{padding-bottom: 50%;}.bg-lg-3by2{padding-bottom: 66.6666666666%;}.bg-lg-4by3{padding-bottom: 75%;}.bg-lg-5by4{padding-bottom: 80%;}.bg-lg-1by1{padding-bottom: 100%;}.bg-lg-4by5{padding-bottom: 120%;}.bg-lg-3by4{padding-bottom: 133.3333333333%;}.bg-lg-2by3{padding-bottom: 150%;}.bg-lg-3by5{padding-bottom: 166.6666666666%;}.bg-lg-1by2{padding-bottom: 200%;}}
	@media only screen and (max-width:991px){.bg-md-5by1{padding-bottom: 20%;}.bg-md-4by1{padding-bottom: 25%;}.bg-md-3by1{padding-bottom: 33.3333333333%;}.bg-md-2by1{padding-bottom: 50%;}.bg-md-3by2{padding-bottom: 66.6666666666%;}.bg-md-4by3{padding-bottom: 75%;}.bg-md-5by4{padding-bottom: 80%;}.bg-md-1by1{padding-bottom: 100%;}.bg-md-4by5{padding-bottom: 120%;}.bg-md-3by4{padding-bottom: 133.3333333333%;}.bg-md-2by3{padding-bottom: 150%;}.bg-md-3by5{padding-bottom: 166.6666666666%;}.bg-md-1by2{padding-bottom: 200%;}}
	@media only screen and (max-width:767px){.bg-sm-5by1{padding-bottom: 20%;}.bg-sm-4by1{padding-bottom: 25%;}.bg-sm-3by1{padding-bottom: 33.3333333333%;}.bg-sm-2by1{padding-bottom: 50%;}.bg-sm-3by2{padding-bottom: 66.6666666666%;}.bg-sm-4by3{padding-bottom: 75%;}.bg-sm-5by4{padding-bottom: 80%;}.bg-sm-1by1{padding-bottom: 100%;}.bg-sm-4by5{padding-bottom: 120%;}.bg-sm-3by4{padding-bottom: 133.3333333333%;}.bg-sm-2by3{padding-bottom: 150%;}.bg-sm-3by5{padding-bottom: 166.6666666666%;}.bg-sm-1by2{padding-bottom: 200%;}}
	@media only screen and (max-width:575px){.bg-5by1{padding-bottom: 20%;}.bg-4by1{padding-bottom: 25%;}.bg-3by1{padding-bottom: 33.3333333333%;}.bg-2by1{padding-bottom: 50%;}.bg-3by2{padding-bottom: 66.6666666666%;}.bg-4by3{padding-bottom: 75%;}.bg-5by4{padding-bottom: 80%;}.bg-1by1{padding-bottom: 100%;}.bg-4by5{padding-bottom: 120%;}.bg-3by4{padding-bottom: 133.3333333333%;}.bg-2by3{padding-bottom: 150%;}.bg-3by5{padding-bottom: 166.6666666666%;}.bg-1by2{padding-bottom: 200%;}}

.bg-xl-60{padding-bottom: 60px;}.bg-xl-120{padding-bottom: 120px;}.bg-xl-180{padding-bottom: 180px;}.bg-xl-240{padding-bottom: 240px;}.bg-xl-300{padding-bottom: 300px;}.bg-xl-360{padding-bottom: 360px;}.bg-xl-420{padding-bottom: 420px;}.bg-xl-480{padding-bottom: 480px;}.bg-xl-540{padding-bottom: 540px;}.bg-xl-600{padding-bottom: 600px;}

	@media only screen and (max-width:1199px){.bg-lg-60{padding-bottom: 60px;}.bg-lg-120{padding-bottom: 120px;}.bg-lg-180{padding-bottom: 180px;}.bg-lg-240{padding-bottom: 240px;}.bg-lg-300{padding-bottom: 300px;}.bg-lg-360{padding-bottom: 360px;}.bg-lg-420{padding-bottom: 420px;}.bg-lg-480{padding-bottom: 480px;}.bg-lg-540{padding-bottom: 540px;}.bg-lg-600{padding-bottom: 600px;}}
	@media only screen and (max-width:991px){.bg-md-60{padding-bottom: 60px;}.bg-md-120{padding-bottom: 120px;}.bg-md-180{padding-bottom: 180px;}.bg-md-240{padding-bottom: 240px;}.bg-md-300{padding-bottom: 300px;}.bg-md-360{padding-bottom: 360px;}.bg-md-420{padding-bottom: 420px;}.bg-md-480{padding-bottom: 480px;}.bg-md-540{padding-bottom: 540px;}.bg-md-600{padding-bottom: 600px;}}
	@media only screen and (max-width:767px){.bg-sm-60{padding-bottom: 60px;}.bg-sm-120{padding-bottom: 120px;}.bg-sm-180{padding-bottom: 180px;}.bg-sm-240{padding-bottom: 240px;}.bg-sm-300{padding-bottom: 300px;}.bg-sm-360{padding-bottom: 360px;}.bg-sm-420{padding-bottom: 420px;}.bg-sm-480{padding-bottom: 480px;}.bg-sm-540{padding-bottom: 540px;}.bg-sm-600{padding-bottom: 600px;}}
	@media only screen and (max-width:575px){.bg-60{padding-bottom: 60px;}.bg-120{padding-bottom: 120px;}.bg-180{padding-bottom: 180px;}.bg-240{padding-bottom: 240px;}.bg-300{padding-bottom: 300px;}.bg-360{padding-bottom: 360px;}.bg-420{padding-bottom: 420px;}.bg-480{padding-bottom: 480px;}.bg-540{padding-bottom: 540px;}.bg-600{padding-bottom: 600px;}}



.t-l-xl img{object-fit: cover;object-position:left top;font-family: 'object-fit: cover;object-position:left top;';}
.t-c-xl img{object-fit: cover;object-position:center top;font-family: 'object-fit: cover;object-position:center top;';}
.t-r-xl img{object-fit: cover;object-position:right top;font-family: 'object-fit: cover;object-position:right top;';}

.c-l-xl img{object-fit: cover;object-position:left center;font-family: 'object-fit: cover;object-position:left center;';}
.c-r-xl img{object-fit: cover;object-position:right center;font-family: 'object-fit: cover;object-position:right center;';}

.b-l-xl img{object-fit: cover;object-position:left bottom;font-family: 'object-fit: cover;object-position:left bottom;';}
.b-c-xl img{object-fit: cover;object-position:center bottom;font-family: 'object-fit: cover;object-position:center bottom;';}
.b-r-xl img{object-fit: cover;object-position:right bottom;font-family: 'object-fit: cover;object-position:right bottom;';}
	@media only screen and (max-width:1199px){
		.t-l-lg img{object-fit: cover;object-position:left top;font-family: 'object-fit: cover;object-position:left top;';}
		.t-c-lg img{object-fit: cover;object-position:center top;font-family: 'object-fit: cover;object-position:center top;';}
		.t-r-lg img{object-fit: cover;object-position:right top;font-family: 'object-fit: cover;object-position:right top;';}

		.c-l-lg img{object-fit: cover;object-position:left center;font-family: 'object-fit: cover;object-position:left center;';}
		.c-r-lg img{object-fit: cover;object-position:right center;font-family: 'object-fit: cover;object-position:right center;';}

		.b-l-lg img{object-fit: cover;object-position:left bottom;font-family: 'object-fit: cover;object-position:left bottom;';}
		.b-c-lg img{object-fit: cover;object-position:center bottom;font-family: 'object-fit: cover;object-position:center bottom;';}
		.b-r-lg img{object-fit: cover;object-position:right bottom;font-family: 'object-fit: cover;object-position:right bottom;';}
	}
	@media only screen and (max-width:991px){
		.t-l-md img{object-fit: cover;object-position:left top;font-family: 'object-fit: cover;object-position:left top;';}
		.t-c-md img{object-fit: cover;object-position:center top;font-family: 'object-fit: cover;object-position:center top;';}
		.t-r-md img{object-fit: cover;object-position:right top;font-family: 'object-fit: cover;object-position:right top;';}

		.c-l-md img{object-fit: cover;object-position:left center;font-family: 'object-fit: cover;object-position:left center;';}
		.c-r-md img{object-fit: cover;object-position:right center;font-family: 'object-fit: cover;object-position:right center;';}

		.b-l-md img{object-fit: cover;object-position:left bottom;font-family: 'object-fit: cover;object-position:left bottom;';}
		.b-c-md img{object-fit: cover;object-position:center bottom;font-family: 'object-fit: cover;object-position:center bottom;';}
		.b-r-md img{object-fit: cover;object-position:right bottom;font-family: 'object-fit: cover;object-position:right bottom;';}
	}
	@media only screen and (max-width:767px){
		.t-l-sm img{object-fit: cover;object-position:left top;font-family: 'object-fit: cover;object-position:left top;';}
		.t-c-sm img{object-fit: cover;object-position:center top;font-family: 'object-fit: cover;object-position:center top;';}
		.t-r-sm img{object-fit: cover;object-position:right top;font-family: 'object-fit: cover;object-position:right top;';}

		.c-l-sm img{object-fit: cover;object-position:left center;font-family: 'object-fit: cover;object-position:left center;';}
		.c-r-sm img{object-fit: cover;object-position:right center;font-family: 'object-fit: cover;object-position:right center;';}

		.b-l-sm img{object-fit: cover;object-position:left bottom;font-family: 'object-fit: cover;object-position:left bottom;';}
		.b-c-sm img{object-fit: cover;object-position:center bottom;font-family: 'object-fit: cover;object-position:center bottom;';}
		.b-r-sm img{object-fit: cover;object-position:right bottom;font-family: 'object-fit: cover;object-position:right bottom;';}
	}
	@media only screen and (max-width:575px){
		.t-l img{object-fit: cover;object-position:left top;font-family: 'object-fit: cover;object-position:left top;';}
		.t-c img{object-fit: cover;object-position:center top;font-family: 'object-fit: cover;object-position:center top;';}
		.t-r img{object-fit: cover;object-position:right top;font-family: 'object-fit: cover;object-position:right top;';}

		.c-l img{object-fit: cover;object-position:left center;font-family: 'object-fit: cover;object-position:left center;';}
		.c-r img{object-fit: cover;object-position:right center;font-family: 'object-fit: cover;object-position:right center;';}

		.b-l img{object-fit: cover;object-position:left bottom;font-family: 'object-fit: cover;object-position:left bottom;';}
		.b-c img{object-fit: cover;object-position:center bottom;font-family: 'object-fit: cover;object-position:center bottom;';}
		.b-r img{object-fit: cover;object-position:right bottom;font-family: 'object-fit: cover;object-position:right bottom;';}
	}





/* frame */
.line-frame		{border: 1px solid #ddd;padding: 1px;background: #FFF;}
.line-frame > img,.line-frame a > img{width: 100%;height: auto;}

.phtfrm		{background:#FFF;padding:10px;border-radius: 6px;}

.mirror-frame{position: relative;}
.mirror-frame:after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 10px solid rgba(255,255,255,.5);}
	@media only screen and (max-width:767px)	{.mirror-frame:after{border: 5px solid rgba(255,255,255,.5);}}

.mirror-frame img{width: 100%;height: auto;}


.img-overlap{display:inline-block;position:relative;}
.img-overlap img{width:100%;height:auto;box-shadow:0 0 10px rgba(0,0,0,.25);background:#FFF;padding:7px;border-radius:2px;z-index:3;position:relative;display:inline-block;}

.img-overlap:before,.img-overlap:after{content:"";box-shadow:0 0 10px rgba(0,0,0,.25);background:#FFF;padding:5px;position:absolute;top:0;left:0;right:0;bottom:0;padding-bottom:33.3333333333%;width:100%;}
.img-overlap:before{transform:rotate(4deg);z-index:2;}
.img-overlap:after{transform:rotate(2deg);z-index:1;}


.img-overlap-long{display:inline-block;position:relative;}
.img-overlap-long img{width:100%;height:auto;box-shadow:0 0 10px rgba(0,0,0,.25);background:#FFF;padding:7px;border-radius:2px;z-index:3;position:relative;display:inline-block;}

.img-overlap-long:before,.img-overlap-long:after{content:"";box-shadow:0 0 10px rgba(0,0,0,.25);background:#FFF;padding:5px;position:absolute;top:0;left:0;right:0;bottom:0;padding-bottom:33.3333333333%;width:100%;}
.img-overlap-long:before{transform:rotate(2deg);z-index:2;}
.img-overlap-long:after{transform:rotate(1deg);z-index:1;}

.img-overlap-wrap{margin:30px 0;}


.img-polaroid{background: #FFF;box-shadow:0 0 10px rgba(0,0,0,.1);width: 100%;padding: 20px;}
	@media screen and (max-width:767px)	{.img-polaroid{padding: 10px;}}

.img-polaroid-rd{background: #FFF;box-shadow:0 0 10px rgba(0,0,0,.1);width: 100%;padding: 10px;border-radius:30px;}
	@media screen and (max-width:767px)	{.img-polaroid-rd{padding: 5px;}}


.img-polaroid p{text-align: center;line-height: 18px;font-size: 14px;padding: 5px 0;}
	@media screen and (max-width:767px)	{.img-polaroid p{font-size: 12px;}}


.img-polaroid img{width:100%;height:auto;}
.img-polaroid-rd img{width:100%;height:auto;position:relative;display:inline-block;border-radius:22px;}

.with-pin,.with-tape{position: relative;}
.with-pin:before,.with-tape:before{content: "";display: block;position: absolute;left: 50%;right: 50%;z-index: 1;}
.with-pin:before{background: url(../images/pin.png) center center /contain no-repeat;width: 40px;height: 50px;margin:0 -20px;top: -30px;}
	@media screen and (max-width:767px)	{.with-pin:before{width: 20px;height: 25px;margin:0 -10px;top: -15px;}}


.with-tape{}
.with-tape:before{background: url(../images/tape.png) center center /contain no-repeat;width: 100px;height: 31px;margin:0 -50px;top: -13px;}
	@media screen and (max-width:767px)	{.with-tape:before{width: 60px;height: 24px;margin:0 -30px;top: -10px;}}




/* phone,fax */
[class*="phone-"]		{line-height:1;font-weight: bold;font-family: 'rajdhani',sans-serif;}
[class*="phone-"][class*="ico-"]:before	{}
[class*="phone-"].telno:before,[class*="phone-"].faxno:before	{font-size:.75em;}
.phone-footer small		{font-weight:bold;}

.phone-slash{display:inline-block;width:1.5em;text-align:center;}
	@media only screen and (max-width:991px)	{.phone-slash{display:block;height:5px;color:transparent;}}

.phone-lg{font-size:45px;}
	@media only screen and (max-width:991px)	{.phone-lg{font-size:39px;}}
	@media only screen and (max-width:767px)	{.phone-lg{font-size:30px;}}

.phone-lg-serif{font-size:45px;font-family: 'playfair',serif;}
	@media only screen and (max-width:991px)	{.phone-lg-serif{font-size:39px;}}
	@media only screen and (max-width:767px)	{.phone-lg-serif{font-size:30px;}}


.phone-md{font-size:30px;}
	@media only screen and (max-width:1199px)	{.phone-md{font-size:24px;}}
	@media only screen and (max-width:991px)	{.phone-md{font-size:33px;}}
	@media only screen and (max-width:767px)	{.phone-md{font-size:24px;}}

.phone-sm{font-size:18px;}


.telno:before,.faxno:before{display: inline-block;text-align:left !important;margin-right: 0.33em;}
.telno:before{content: "TEL.";}
.faxno:before{content: "FAX.";}
.tel-faxno:before{content: "TEL / FAX.";display: inline-block;}




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

.circle{margin:0;padding:0;list-style:none;}
.circle > li{padding-left:2em;display: flex;flex-flow:row wrap;}
.circle > li:before{content:"\f111";font-family:'Font Awesome\ 5 Pro';display:inline-block;width:2em;margin-left:-2em;color:#99cad0;font-weight: bold;font-size: 10px;line-height: 32px;}
	@media only screen and (max-width:767px)	{.circle > li:before{line-height: 24px;}}

.circle-inner{padding-left: 2em;}

.circle-layer{margin: 0;padding: 0;list-style: none;}
.circle-layer > li{padding-left:2em;display: flex;flex-flow:row wrap;}
.circle-layer > li:before{content:"\f00c";font-family:'Font Awesome\ 5 Pro';display:inline-block;width:2em;margin-left:-2em;color:#99cad0;font-weight: bold;line-height: 32px;}

h3.circle{font-size: 18px;line-height: 2;padding-left: 2em;display: flex;flex-flow:row wrap;align-items:center;}
h3.circle:before{content:"\f111";font-family:'Font Awesome\ 5 Pro';display:inline-block;width:2em;margin-left:-2em;color:#99cad0;font-weight: bold;font-size: 10px;line-height: 36px;}



.minus{margin:0;padding:0;list-style:none;}
.minus > li{display:inline-block;}
.minus > li:before{content:"-";display:inline-block;width:1em;color:#333;font-weight: bold;}

.minus > li + li{margin-left: 1em;}


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

.decimal-bold{margin:0;padding:0;font-weight: bold;}
.decimal-bold li{margin-left:1.5em;}
.decimal-bold li span{font-weight: normal;display: block;}
.decimal-bold li + li{margin-top: 5px;}


.roma-l{list-style: upper-roman;}
.roma-l li{margin-left:1.5em;}


ul.check{margin:0;padding:0;list-style:none;}
ul.check li{padding-left:2em;}
ul.check li:before{content:"\f00c";font-family:'Font Awesome\ 5 Pro';display:inline-block;width:2em;margin-left:-2em;color:#279AC4;font-weight:bold;}

p.check,div.check{padding-left:2em;}
p.check:before,div.check:before{content:"\f14a";font-family:'Font Awesome\ 5 Pro';display:inline-block;width:2em;margin-left:-2em;color:#279AC4;font-weight:bold;}




.check-large{margin:0;padding:0;list-style:none;}
.check-large li{padding-left:1.5em;font-size: 21px;font-weight: bold;}
	@media only screen and (max-width:1199px)	{.check-large li{font-size: 16px;}}
	@media only screen and (max-width:767px)	{.check-large li{font-size: 14px;}}


.check-large li:before{content:"\f00c";font-family:'Font Awesome\ 5 Pro';display:inline-block;width:1.5em;margin-left:-1.5em;color:#333;font-weight:bold;}
.check-large li + li{}


.checklist{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;}
.checklist li{line-height:1;display:inline-block;font-weight:bold;background:#FFF;margin:2px;}
.checklist li:before{content:"\f00c";font-family:'Font Awesome\ 5 Pro';display:inline-block;width:1.5em;color:#0d81c3;font-weight:bold;text-align:left;}



li .kome{display: block;}





.policy-administrator{display: flex;justify-content:flex-end;margin-top: 15px;border-top: 1px solid #ddd;padding-top: 15px;}


.policy-administrator dl{display: table;}
.policy-administrator dt,.policy-administrator dd{display: table-cell;vertical-align: top;}

.policy-administrator dt{width: 5em;}





/* #footer */
footer{}

#contact{padding: 75px 0;background: #1D3D66;color:#FFF;border-top: 1px solid rgba(255,255,255,.66);}
	@media only screen and (max-width:1199px)	{#contact{padding: 60px 0;}}
	@media only screen and (max-width:991px)	{#contact{padding: 45px 0;}}
	@media only screen and (max-width:767px)	{#contact{padding: 30px 0;}}

#contact h3{font-family: 'rajdhani','nsans',sans-serif;text-align: center;font-size: 42px;line-height: .75;letter-spacing:.2em;text-indent:.2em;padding-bottom: 30px;position: relative;margin-bottom: 30px;}
	@media only screen and (max-width:767px)	{#contact h3{font-size: 30px;margin-bottom: 20px;padding-bottom: 20px;}}

#contact h3 small{display: block;letter-spacing:0;text-indent:0;font-size: 15px;line-height: 1;margin-top: 15px;}
	@media only screen and (max-width:767px)	{#contact h3 small{font-size: 12px;margin-top: 10px;}}

#contact h3:before,#contact h3:after{content: "";display: block;background: #FFF;position: absolute;left: 50%;right: 50%;}

#contact h3:before{width: 90px;margin:0 -45px;height: 1px;bottom: 0;}

#contact h3:after{width: 7px;height: 7px;border-radius:50%;bottom: -3px;margin-left: 42px;}




#footer{padding: 75px 0;position: relative;font-size: 12px;line-height: 1.5;background: #15335A;color:#FFF;}
	@media only screen and (max-width:1199px)	{#footer{padding: 60px 0;}}
	@media only screen and (max-width:991px)	{#footer{padding: 45px 0;}}
	@media only screen and (max-width:767px)	{#footer{padding: 30px 0;}}

#footer p > span,#footer p > a{color:#FFF !important;}

.footer-brand{}
	@media only screen and (max-width:575px)	{.footer-brand{text-align: center;margin-bottom: 10px;}}

.footer-brand img{vertical-align: top;width: auto;height: 36px;}
	@media only screen and (max-width:1199px)	{.footer-brand img{height: 30px;}}
	@media only screen and (max-width:991px)	{.footer-brand img{}}



.add{display: flex;flex-flow: row wrap;line-height: 1;}
	@media only screen and (max-width:575px)	{.add{justify-content:center;}}

.add a,.add a:hover,.add a:active,.add a:focus,.add span[data-action="call"]{color:#212121 !important;}
.add a:hover,.add a:active,.add a:focus{opacity:1;}

.add + .add{margin-top: 10px;}


.add p + p{margin: 0;}

.add-name{flex:1 1 100%;max-width: 100%;}

.add-name:before{content: "【";}
.add-name:after{content: "】";}


.add-pzip{}
.add-pzip:before{content: "〒";}
	@media only screen and (max-width:991px)	{.add-pzip{text-align: center;}}


.add-add{margin-left: 1em;}
	@media only screen and (max-width:991px)	{.add-add{margin-left: 0;margin-top: 5px;}}
	@media only screen and (max-width:575px)	{.add-add{text-align: center;}}

.add-building{margin-left: 1em;}
	@media only screen and (max-width:575px)	{.add-building{flex:1 1 100%;max-width: 100%;padding-top: 5px;}}


.add-map{margin-left: 1em;}


.add-tel,.add-fax{}

.add-tel{border-radius: 4px;background: rgba(255,255,255,.9);display: flex;justify-content:space-between;font-size: 21px;align-items:center;padding: 15px;font-weight: bold;line-height: 1;margin-bottom: 10px;}
	@media only screen and (max-width:767px)	{.add-tel{font-size: 18px;padding: 10px;}}

.add-tel h3{font-size: 16px;font-weight: bold;}
	@media only screen and (max-width:767px)	{.add-tel h3{font-size: 14px;}}

.add-tel .ico-tel{color:#279AC4;}



.add-fax{}
	@media only screen and (max-width:575px)	{.add-fax{text-align: center;}}

.add-tel-fax{}
	@media only screen and (max-width:575px)	{.add-tel-fax{text-align: center;}}


.add-tel:before,.add-fax:before{display: inline-block;width: 2.5em;}
	@media only screen and (max-width:575px)	{.add-tel:before,.add-fax:before{}}


.add-tel + .add-fax{margin-left: 1em;}
	@media only screen and (max-width:575px)	{.add-telno + .add-faxno{}}

.add-tel + .add-fax:before{content: "/ FAX.";width: 3em;margin-left: .33em;}
	@media only screen and (max-width:991px)	{.add-tel + .add-fax:before{content: "FAX.";margin-left: 0;width: 2.5em;}}
	@media only screen and (max-width:575px)	{.add-tel + .add-fax:before{content: "/ FAX.";width: 3em;margin-left: .25em;}}



.fadd{display: flex;flex-flow: row wrap;}
	@media only screen and (max-width:575px)	{.fadd{justify-content:center;}}

.fadd a,.fadd a:hover,.fadd a:active,.fadd a:focus,.fadd span[data-action="call"]{color:inherit !important;}
.fadd a:hover,.fadd a:active,.fadd a:focus{opacity:1;}

.fadd-ico{display: flex;flex-flow: row wrap;line-height: 1;}
	@media only screen and (max-width:767px)	{.fadd-ico{justify-content:center;}}
	@media only screen and (max-width:575px)	{.fadd-ico{margin-top: 15px;}}

.fadd-ico a,.fadd-icoa:hover,.fadd-ico a:active,.fadd a:focus,.fadd-ico span[data-action="call"]{color:inherit !important;font-size: 21px;}
.fadd-ico a:hover,.fadd-ico a:active,.fadd-ico a:focus{opacity:1;}
	@media only screen and (max-width:767px)	{
		.fadd-ico a,.fadd-icoa:hover,.fadd-ico a:active,.fadd a:focus,.fadd-ico span[data-action="call"]{font-size: 24px;}
		.fadd-ico a:hover,.fadd-ico a:active,.fadd-ico a:focus{opacity:1;}
	}

.fadd-ico a + a{margin-left: 15px;}
	@media only screen and (max-width:767px)	{.fadd-ico a + a{margin-left: 0;margin-top: 10px;}}
	@media only screen and (max-width:575px)	{.fadd-ico a + a{margin-left: 10px;margin-top: 0;}}

.fadd + .fadd{}


.fadd p + p{margin: 0;}

.fadd-name{flex:1 1 100%;max-width: 100%;}
	@media only screen and (max-width:575px)	{.fadd-name{text-align: center;}}

.fadd-name:before{content: "";}
.fadd-name:after{content: "";}


.fadd-pzip{}
.fadd-pzip:before{content: "〒";}
	@media only screen and (max-width:991px)	{.fadd-pzip{text-align: center;}}


.fadd-add{}
	@media only screen and (max-width:575px)	{.fadd-add{text-align: center;}}

.fadd-building{margin-left: 1em;}
	@media only screen and (max-width:767px)	{.fadd-building{}}
	@media only screen and (max-width:575px)	{.fadd-building{text-align: center;flex:1 1 100%;max-width: 100%;margin-left: 0;}}


.fadd-map{margin-left: 1em;}


.fadd-tel,.fadd-fax{}

.fadd-tel{}
	@media only screen and (max-width:767px)	{.fadd-tel{}}

.fadd-tel .ico-tel{color:#279AC4;}


#footer .shoshin{font-size: 16px;}

.fadd-fax{}
	@media only screen and (max-width:767px)	{.fadd-fax{}}
	@media only screen and (max-width:575px)	{.fadd-fax{}}

.fadd-tel-fax{}
	@media only screen and (max-width:575px)	{.fadd-tel-fax{text-align: center;}}


.fadd-tel:before,.fadd-fax:before{display: inline-block;}
	@media only screen and (max-width:575px)	{.fadd-tel:before,.fadd-fax:before{}}


.fadd-tel + .fadd-fax{}
	@media only screen and (max-width:575px)	{.fadd-tel + .fadd-fax{}}

.fadd-tel + .fadd-fax:before{content: "FAX.";margin:0 .33em 0 1em;}
	@media only screen and (max-width:767px)	{.fadd-tel + .fadd-fax:before{}}
	@media only screen and (max-width:575px)	{.fadd-tel + .fadd-fax:before{}}

#footer hr{margin: 10px 0;}

#copyright{display:block;font-size:12px;text-align: center;padding: 0;}
	@media only screen and (max-width:991px)	{#copyright{}}
	@media only screen and (max-width:767px)	{#copyright{font-size: 10px;}}


small#copyright{line-height: 1;display: block;margin-top: 45px;}
footer#copyright{line-height:30px;background: #15335A;color:#FFF;}

#copyright:before{content: "\f1f9";font-family: 'Font Awesome\ 5 Pro';width: 1.5em;display: inline-block;font-weight: normal;font-weight: 100;}


#pagetop{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAuZJREFUeNrMmT1oU1EUx08ecTJpt0AlaByiIkKCTn5QP5oxWbU4FI2Cq6jo1qFrLZ2fHxUsqLhni4PFL4JOEbHtIAmmDplM6hJD4v/U80LEJL335b7kHfi3UM4758d9t++ec27Atm1yaVPQDHQGOgLFob3QJPQT+gVtQl+hN9Ar6IebREFN/z3QJSgLnYWsPn6Ton3idwNqQWvQCvQC+q2a1FL0C0BXoQ1oFTqv8Wx3rnPQU4mTlbhGIOPyungFYmTGOM5jiRsfFpJf7UfoFHljHPcTNOsW8ib0HJogby0MPYNu6ULyA8uqe8aAcZ4l6LYq5EXoPo3HFiX/QMhD0KMRrmCvFeX8h/tBssMT2SPjtLBwBHpBXvHwv1jXTsp3+R9IPknmyV82L1wdyFmDH2pTdsD5fjqQWfKnZR1ILgKmjez4cJiSySRZlmUKkrmmuAq64KJY6AmYyWQoFApRJBKhfD5PrVZr2LDMNcM/TpsE3KkeYjFKpVKmVnSaoxw1Cdgpc8yBHuMIB00BVqtVyuVy1Gg0TILut6SCNgZYqVRMg05Ybkqx3VbQ8IqG+amaLmA6ne4L6JhB0LolnZ0WIP8eBGgYtMbe37wANAhaZs8vKp6JREIbcBBoNBpVhfzMkG9VPAuFwk4yXcBeoMVikcrlsuqjawHbtvns/q5SjTuvaJjjLhgMUrPZVHVvQ1HOugW9U3mC4YY9jzUASbi2nN37wKel2sPuepL765LPAEvSj3cgeXi04DPIBWeo1f2x4g7tvU8APwjPf91iWzq0+pgB69K5tvsNB9ah690OI7a25F/fbczyEro7Jsh7kl9pYMWzoDsjXNG25FvUmaqRTLkuQ9seA25LnqVB3dgg49n2cT66PQLkuCckD7mFZNuU2cw1gx/8ksTjuBsqfa3SsU1/Z+Y8356DXsvfdMy5fZiTOCuqMXSvSPgEWBXxPU5K+nbnHickPVNN9ppzj8PlYJ5c3uP8EWAA+aQV3PDztPgAAAAASUVORK5CYII=) center center /contain no-repeat;
	background: url(../images/cmn/pagetop.png) center center /contain no-repeat;
	width:103px;height: 103px;position: fixed;right: 20px;bottom: 20px;cursor:default;z-index: 999;opacity:0;transition:.2s;}
	@media only screen and (max-width:991px)	{#pagetop{display: none;}}

#pagetop.is-active{opacity:1;transition:.6s;cursor:pointer;}


#pagetop:hover {
    animation: rotates 0.7s linear infinite;
}

@keyframes rotates {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}


/* #fnav */
#fnav{color:#FFF;display: flex;justify-content:center;align-items:center;}
	@media only screen and (max-width:991px)	{#fnav{padding: 0;margin-top: 0;}}


.fnav-btn{position:fixed;left:0;right:0;bottom:0;z-index:999;display:none;}
	@media only screen and (max-width:991px)	{.fnav-btn{display:table;width:100%;table-layout:fixed;margin:0;padding:1px;background:#FFF;border-top:1px solid #ddd;}}

.fnav-menu{list-style:none;font-size: 14px;line-height: 1;flex:1 1 50%;max-width: 500%;}
	@media only screen and (max-width:991px)	{.fnav-menu{display:none;}}

.fnav-menu + .fnav-menu{}
	@media only screen and (max-width:991px)	{.fnav-menu + .fnav-menu{}}

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

.fnav-item + .fnav-item{}
	@media only screen and (max-width:991px)	{.fnav-item + .fnav-item{margin: 0;border-left: none;}}

.fnav-link,.fnav-link:hover,.fnav-link:active,.fnav-link:focus{opacity:1;white-space:nowrap;color:#FFF;font-size: 12px;line-height: 1.5;}
	@media only screen and (max-width:991px)	{.fnav-link,.fnav-link:hover,.fnav-link:active,.fnav-link:focus{display:block;background:#000;color:#FFF;font-size:10px;line-height:10px;
		padding:3px 2px;position:relative;text-decoration:none;margin: 0;}}

.fnav-link:hover,.fnav-link:active,.fnav-link:focus{opacity:1;background: transparent;color:#FFF;text-decoration: underline;}
	@media only screen and (max-width:991px)	{.fnav-link:hover,.fnav-link:active,.fnav-link:focus{background:#000;color:#FFF;opacity:.75;text-decoration: none;}}

.fnav-item:before{content: "-";font-family: 'Font Awesome\ 5 Pro';width: 1em;display: inline-block;color:#FFF;}
	@media only screen and (max-width:991px)	{.fnav-item:before{display: none;}}


.fnav-link:before{}
	@media only screen and (max-width:991px)	{.fnav-link:before{font-family: 'Font Awesome\ 5 Pro';font-size:16px;line-height: 1;margin: 2px auto 1px !important;width: 1em;display:block;text-align: center;font-weight: bold;color:#FFF;text-align: center;}}




.fnav-item > strong			{display: inline-block;vertical-align: middle;font-weight: normal;}
.fnav-item > strong > a		{color:#279AC4;}
.fnav-item > strong > a:hover,.fnav-item > strong > a:active,.fnav-item > strong > a:focus	{color:#FFF;opacity:1;}
.fnav-item > span			{display: block;padding-left: 2em;}
.fnav-item > span + span	{margin:0 .5em 0 -.5em;}
.fnav-item > span > a		{color:#FFF;display:block;vertical-align:middle;}
.fnav-item > span > a:hover,.fnav-item > span > a:active,.fnav-item > span > a:focus	{color:#FFF;opacity:1;text-decoration:underline;}

.fnav-item > span a:before,.fnav-item > span a:after{display:inline-block;vertical-align: middle;width: 1em;}
.fnav-item > span a:before	{content:"・";}
.fnav-item > span a:after	{content:"";}



/* margin / padding */
.mt-xxl-{margin-top:-75px !important;}
	@media only screen and (max-width:767px)	{.mt-xxl-{margin-top:-45px !important;}}

.mt-xl-{margin-top:-60px !important;}
	@media only screen and (max-width:767px)	{.mt-xl-{margin-top:-30px !important;}}

.mt-lg-{margin-top:-45px !important;}
	@media only screen and (max-width:767px)	{.mt-lg-{margin-top:-20px !important;}}

.mt-md-{margin-top:-30px !important;}
	@media only screen and (max-width:767px)	{.mt-md-{margin-top:-15px !important;}}

.mt-sm-{margin-top:-20px !important;}
	@media only screen and (max-width:767px)	{.mt-sm-{margin-top:-10px !important;}}

.mt-xs-{margin-top:-10px !important;}
	@media only screen and (max-width:767px)	{.mt-xs-{margin-top:-5px !important;}}

.mt0{margin-top:0 !important;}

.mt-xxl{margin-top:75px !important;}
	@media only screen and (max-width:767px)	{.mt-xxl{margin-top:60px !important;}}

.mt-xl{margin-top:60px !important;}
	@media only screen and (max-width:767px)	{.mt-xl{margin-top:45px !important;}}

.mt-lg{margin-top:45px !important;}
	@media only screen and (max-width:767px)	{.mt-lg{margin-top:30px !important;}}

.mt-md{margin-top:30px !important;}
	@media only screen and (max-width:767px)	{.mt-md{margin-top:15px !important;}}

.mt-sm{margin-top:20px !important;}
	@media only screen and (max-width:767px)	{.mt-sm{margin-top:10px !important;}}

.mt-xs{margin-top:10px !important;}
	@media only screen and (max-width:767px)	{.mt-xs{margin-top:5px !important;}}

.mb-xxl-{margin-bottom:-75px !important;}
	@media only screen and (max-width:767px)	{.mb-xxl-{margin-bottom:-45px !important;}}

.mb-xl-{margin-bottom:-60px !important;}
	@media only screen and (max-width:767px)	{.mb-xl-{margin-bottom:-30px !important;}}

.mb-lg-{margin-bottom:-45px !important;}
	@media only screen and (max-width:767px)	{.mb-lg-{margin-bottom:-20px !important;}}

.mb-md-{margin-bottom:-30px !important;}
	@media only screen and (max-width:767px)	{.mb-md-{margin-bottom:-15px !important;}}

.mb-sm-{margin-bottom:-20px !important;}
	@media only screen and (max-width:767px)	{.mb-sm-{margin-bottom:-10px !important;}}

.mb-xs-{margin-bottom:-10px !important;}
	@media only screen and (max-width:767px)	{.mb-xs-{margin-bottom:-5px !important;}}

.mb0{margin-bottom:0 !important;}

.mb-xxl{margin-bottom:75px !important;}
	@media only screen and (max-width:767px)	{.mb-xxl{margin-bottom:45px !important;}}

.mb-xl{margin-bottom:60px !important;}
	@media only screen and (max-width:767px)	{.mb-xl{margin-bottom:30px !important;}}

.mb-lg{margin-bottom:45px !important;}
	@media only screen and (max-width:767px)	{.mb-lg{margin-bottom:20px !important;}}

.mb-md{margin-bottom:30px !important;}
	@media only screen and (max-width:767px)	{.mb-md{margin-bottom:15px !important;}}

.mb-sm{margin-bottom:20px !important;}
	@media only screen and (max-width:767px)	{.mb-sm{margin-bottom:10px !important;}}

.mb-xs{margin-bottom:10px !important;}
	@media only screen and (max-width:767px)	{.mb-xs{margin-bottom:5px !important;}}

.mb-xxs{margin-bottom:5px !important;}
	@media only screen and (max-width:767px)	{.mb-xs{margin-bottom:5px !important;}}


hr{margin:30px 0;border-top: 1px solid #ddd;}
	@media only screen and (max-width:767px)	{hr{margin:15px 0;}}


.hr-xxl{margin: 75px 0;}
	@media only screen and (max-width:767px)	{.hr-xxl{margin: 45px 0;}}

.hr-xl{margin: 60px 0;}
	@media only screen and (max-width:767px)	{.hr-xl{margin: 30px 0;}}

.hr-lg{margin: 45px 0;}
	@media only screen and (max-width:767px)	{.hr-lg{margin: 20px 0;}}

.hr-sm{margin: 20px 0;}
	@media only screen and (max-width:767px)	{.hr-sm{margin: 10px 0;}}

.hr-xs{margin: 10px 0;}
	@media only screen and (max-width:767px)	{.hr-xs{margin: 5px 0;}}

.hr-xxs{margin: 5px 0;}
	@media only screen and (max-width:767px)	{.hr-xxs{margin: 5px 0;}}



.text-lg{font-size: 18px;}
	@media only screen and (max-width:767px)	{.text-lg{font-size: 15px;}}







/* font-face */
@font-face{font-weight:normal;font-style:normal;font-family:'roboto';src:url('../webfonts/roboto-light.woff') format('woff');}
@font-face{font-weight:bold;font-style:normal;font-family:'roboto';src:url('../webfonts/roboto-medium.woff') format('woff');}

@font-face{font-weight:normal;font-style:normal;font-family:'roboto-b';src:url('../webfonts/roboto-bold.woff') format('woff');}
@font-face{font-weight:bold;font-style:normal;font-family:'roboto-b';src:url('../webfonts/roboto-black.woff') format('woff');}

@font-face{font-weight:normal;font-style:normal;font-family:'roboto-cn';src:url('../webfonts/roboto-cn-light.woff') format('woff');}
@font-face{font-weight:bold;font-style:normal;font-family:'roboto-cn';src:url('../webfonts/roboto-cn-regular.woff') format('woff');}

@font-face{font-weight:normal;font-style:normal;font-family:'roboto-cn-b';src:url('../webfonts/roboto-cn-bold.woff') format('woff');}
@font-face{font-weight:bold;font-style:normal;font-family:'roboto-cn-b';src:url('../webfonts/roboto-cn-bold.woff') format('woff');}

@font-face{font-weight:normal;font-style:normal;font-family:'nsans';src:url('../webfonts/nsjp-light.woff') format('woff');}
@font-face{font-weight:bold;font-style:normal;font-family:'nsans';src:url('../webfonts/nsjp-medium.woff') format('woff');}

@font-face{font-weight:normal;font-style:normal;font-family:'nsans-b';src:url('../webfonts/nsjp-bold.woff') format('woff');}
@font-face{font-weight:bold;font-style:normal;font-family:'nsans-b';src:url('../webfonts/nsjp-bold.woff') format('woff');}

@font-face{font-weight:normal;font-style:normal;font-family:'nserif';src:url('../webfonts/nmjp-medium.woff') format('woff');}
@font-face{font-weight:bold;font-style:normal;font-family:'nserif';src:url('../webfonts/nmjp-bold.woff') format('woff');}

@font-face{font-weight:normal;font-style:normal;font-family:'cinzel';src:url('../webfonts/cinzel-bold.woff') format('woff');}
@font-face{font-weight:bold;font-style:normal;font-family:'cinzel';src:url('../webfonts/cinzel-bold.woff') format('woff');}

@font-face{font-weight:normal;font-style:normal;font-family:'rajdhani';src:url('../webfonts/rajdhani-sb.woff') format('woff');}
@font-face{font-weight:bold;font-style:normal;font-family:'rajdhani';src:url('../webfonts/rajdhani-sb.woff') format('woff');}

@font-face{font-weight:normal;font-style:normal;font-family:'pirataone';src:url('../webfonts/pirataone.woff') format('woff');}
@font-face{font-weight:bold;font-style:normal;font-family:'pirataone';src:url('../webfonts/pirataone.woff') format('woff');}

@font-face{font-weight:normal;font-style:normal;font-family:'playfair';src:url('../webfonts/playfair-sc-bold.woff') format('woff');}
@font-face{font-weight:bold;font-style:normal;font-family:'playfair';src:url('../webfonts/playfair-sc-bold.woff') format('woff');}




.garmar-tit h1{
	text-align: center;
	margin-bottom: 1rem;
}
.garmar-tit h1 .garmal01{width: 100% !important;}

@media only screen and (max-width:1199px)	{
	.garmar-tit h1 .garmal01{width: 100% !important;}}

@media only screen and (max-width:991px)	{
	.garmar-tit h1 .garmal01{width: 100% !important;}}


#garmal-header{ background-image: url(../images/mailmagazine/hdr_bg_sen.gif);}
@media only screen and (max-width:1199px)	{
	#garmal-header{}}
@media only screen and (max-width:991px)	{
	#garmal-header{}}

.garmar-h3{ text-align: left !important; margin-bottom: 2rem;}
.garmar-h3 img{ max-width: 100%;}
@media only screen and (max-width:1199px)	{
	.garmar-h3{ text-align: left !important; margin-bottom: 2rem;}
	.garmar-h3 img{ max-width: 100%;}}
@media only screen and (max-width:991px)	{
	.garmar-h3{ text-align: left !important; margin-bottom: 1rem;}
	.garmar-h3 img{ max-width: 100%;}}

.flex-01{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	  -webkit-box-pack: end;
	  -ms-flex-pack: end;
	  justify-content: flex-end;
      -ms-flex-wrap: nowrap;
  	  flex-wrap: nowrap;
}
.flex-01 input{
	padding: 0 2rem !important;
	margin-right: 1rem !important;
	font-weight: bold;
}
.flex-01 input:last-child{
	margin-right: 0 !important;
}
/*.flex-01 input:hover{
	background-color: #FFCC00 !important;
	border:2px solid #FFCC00;
	border-radius: 2px;
	color: #000 !important;
}*/
@media only screen and (max-width:768px)	{
	.flex-01 input{padding: 0 1rem !important;}
	.flex-01 input{margin-right: 0.5rem !important;}}

.tit-garmar{}
.tit-garmar h4{
	background-color: #1F1F1F !important;
	color: #FFCC00 !important;
	padding: 1rem;
	margin-bottom: 1rem;
}

.garmar-scroll{
	height: 200px;
    overflow-y: scroll;
    padding: 29px;
    background: #fff;
}

#garmar-footer{
	background-image: url(../images/mailmagazine/ftr_bg_sen.png);
	height: 20px;
}

.fs100-sp90{font-size: 100% !important;}
@media only screen and (max-width:768px)	{
	.fs100-sp90{font-size: 90% !important;}}


.pb1rem{padding-bottom: 1rem !important;}
.w100{width: 100% !important;}
.mw100{max-width: 100% !important;}
.f-white{color: #fff !important;}
.bg0{background-color: #000 !important;}
.tar{text-align: right !important;}

#garmar-footer-link{
	background-color: #1f1f1f;
}
#garmar-footer-link div{
	display:-webkit-box;
  	display:-ms-flexbox;
	  display:flex;
	  -webkit-box-pack: justify;
	  -ms-flex-pack: justify;
	  justify-content: space-between;
	  -webkit-box-align: start;
	  -ms-flex-align: start;
	  align-items: flex-start;
}
#garmar-footer-link .gf-left{
	padding: 20px 0;
}
#garmar-footer-link .gf-right{
	padding: 20px 0;
}

#garmar-footer-link div a{}
#garmar-footer-link div a img{
	max-width: 100%;
	display: block;
}
