@charset "utf-8";

body,input,select,textarea{font-family:'swis721','nsans','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;color:#000;font-size: 16px;line-height: 1.875;}
	@media only screen and (max-width:767px)	{body,input,select,textarea{font-size: 14px;line-height: 1.5;}}

body{min-width:100%;background: #fff;}

::selection {background:#0e6eb8;color:#fff;}
::-moz-selection {background:#0e6eb8;color:#fff;}

body a,body a:hover{text-decoration:none;color:#0e6eb8;}
body a:hover,body a:active,body a:focus{opacity:.75;}
body a,body a:hover,body a:active,body a:focus{outline:0;}

/* header */
#hd-cnt{display: flex;justify-content:space-between;align-items:center;flex:1 1 435px;max-width: 435px;}
	@media only screen and (max-width:991px)	{#hd-cnt{display: none;}}

.hd-tel{color:#fff;flex:1 1 200px;max-width: 200px;text-align: right;}


.hd-mail{flex:1 1 210px;max-width: 210px;}


/* navigation */

/* footer */

/* access */
#gmaps-ful{margin-top: -60px;}
	@media only screen and (max-width:767px)	{#gmaps-ful{}}

#gmaps-ful iframe{width: 100%;height: 500px;}
	@media only screen and (max-width:767px)	{#gmaps-ful iframe{height: 300px;}}

.line-frame{border: 1px solid #ddd;padding: 1px;}

/* index */
[id*="idx"]{}
#idx1{background: url(../images/bg-idx1.png) center top /cover no-repeat;position: relative;padding: 135px 0 255px;}
	@media only screen and (max-width:1199px)	{#idx1{padding: 105px 0 255px;}}
	@media only screen and (max-width:991px)	{#idx1{padding: 120px 0 75px;}}
	@media only screen and (max-width:767px)	{#idx1{padding: 90px 0 30px;}}
	@media only screen and (max-width:575px)	{#idx1{padding: 30px 0;}}

#idx1 .container{background: url(../images/aboutus.png) 435px top /559px no-repeat;}
	@media only screen and (max-width:1199px)	{#idx1 .container{background-position: 330px top;background-size:500px;}}
	@media only screen and (max-width:991px)	{#idx1 .container{background-position: 330px top;background-size:385px;}}
	@media only screen and (max-width:767px)	{#idx1 .container{background-position: 300px top;background-size:320px;}}


#idx1 h2{font-size: 27px;line-height: 32px;margin-bottom: 45px;padding-left: 40px;position: relative;padding-top: 30px;}
	@media only screen and (max-width:1199px)	{#idx1 h2{font-size: 24px;padding-top: 15px;}}
	@media only screen and (max-width:991px)	{#idx1 h2{padding-top: 0;}}
	@media only screen and (max-width:767px)	{#idx1 h2{font-size: 21px;margin-bottom: 15px;padding-top: 0;}}
	@media only screen and (max-width:575px)	{#idx1 h2{line-height: 35px;}}

#idx1 h2:before{content: "";width: 32px;height: 32px;display: block;background: url(../images/cmn/tit-cube.png) center center /contain no-repeat;position: absolute;bottom: 0;left: 0;}

#idx1 h2 small{display: block;font-size: 18px;line-height: 1;margin-top: 20px;}
	@media only screen and (max-width:767px)	{#idx1 h2 small{display: block;font-size: 12px;line-height: 1;margin-top: 10px;}}


#idx2{background: url(../images/bg-idx2.png) center center /cover no-repeat;position: relative;padding: 180px 0 105px;}
	@media only screen and (max-width:991px)	{#idx2{padding: 75px 0;}}
	@media only screen and (max-width:767px)	{#idx2{padding: 30px 0;}}

.bg-intermission{margin: -225px 34% -75px 0;height: 300px;background: url(../images/bg-intermission.jpg) right center /cover no-repeat;position: relative;z-index: 2;}
	@media only screen and (max-width:1199px)	{.bg-intermission{margin: -225px 24% -75px 0;}}
	@media only screen and (max-width:991px)	{.bg-intermission{margin: 0;}}
	@media only screen and (max-width:767px)	{.bg-intermission{height: 200px;}}
	@media only screen and (max-width:575px)	{.bg-intermission{height: 100px;}}


#idx2 h2{margin-bottom: 30px;}
	@media only screen and (max-width:767px)	{#idx2 h2{margin-bottom: 15px;}}



#idx3{position: relative;padding: 75px 0;background: url(../images/bg-idx3.png) center center /cover no-repeat;}
	@media only screen and (max-width:1199px)	{#idx3{padding: 60px 0;}}
	@media only screen and (max-width:767px)	{#idx3{padding: 30px 0;}}

.white-box{}

.white-box-bd,.white-box-hd,.white-box-ft{background: rgba(255,255,255,.75);}


.white-box-hd,.white-box-ft{margin:0 36px;padding-bottom: 36px;position: relative;}
	@media only screen and (max-width:1199px)	{.white-box-hd,.white-box-ft{margin:0 26px;padding-bottom: 26px;}}
	@media only screen and (max-width:767px)	{.white-box-hd,.white-box-ft{margin:0 16px;padding-bottom: 16px;}}



.white-box-hd:before,.white-box-hd:after,.white-box-ft:before,.white-box-ft:after{content: "";position: absolute;border: 18px solid rgba(255,255,255,.75);}
	@media only screen and (max-width:1199px)	{.white-box-hd:before,.white-box-hd:after,.white-box-ft:before,.white-box-ft:after{border-width:13px;}}
	@media only screen and (max-width:767px)	{.white-box-hd:before,.white-box-hd:after,.white-box-ft:before,.white-box-ft:after{border-width:8px;}}


.white-box-hd:before	{border-top-color: transparent;border-left-color: transparent;top: 0;left: -36px;}
.white-box-hd:after		{border-top-color: transparent;border-right-color: transparent;top: 0;right: -36px;}
.white-box-ft:before	{border-left-color: transparent;border-bottom-color: transparent;bottom: 0;left: -36px;}
.white-box-ft:after		{border-right-color: transparent;border-bottom-color: transparent;bottom: 0;right: -36px;}

	@media only screen and (max-width:1199px)	{.white-box-hd:before,.white-box-ft:before{left: -26px;}}
	@media only screen and (max-width:1199px)	{.white-box-hd:after,.white-box-ft:after{right: -26px;}}
	@media only screen and (max-width:767px)	{.white-box-hd:before,.white-box-ft:before{left: -16px;}}
	@media only screen and (max-width:767px)	{.white-box-hd:after,.white-box-ft:after{right: -16px;}}


.white-box-bd{padding: 24px 60px;}
	@media only screen and (max-width:1199px)	{.white-box-bd{padding: 16px 40px;}}
	@media only screen and (max-width:767px)	{.white-box-bd{padding: 8px 20px;}}
	@media only screen and (max-width:575px)	{.white-box-bd{padding: 8px 15px;}}


.white-box-bd-inner{display: table;width: 100%;}
	@media only screen and (max-width:575px)	{.white-box-bd-inner{display:block;}}


.white-box-bd-inner h2,.white-box-bd-text{display: table-cell;vertical-align: top;}
	@media only screen and (max-width:575px)	{.white-box-bd-inner h2,.white-box-bd-text{display:block;}}


.white-box-bd-inner h2{width: 150px;}
	@media only screen and (max-width:575px)	{.white-box-bd-inner h2{width: 90px;margin: 0 auto 15px;}}

.white-box-bd-inner h3{font-size: 28px;line-height: 1.5;margin-bottom: 15px;}
	@media only screen and (max-width:1199px)	{.white-box-bd-inner h3{font-size: 24px;}}
	@media only screen and (max-width:767px)	{.white-box-bd-inner h3{font-size: 18px;}}
	@media only screen and (max-width:575px)	{.white-box-bd-inner h3{text-align: center;}}

.white-box-bd-inner h3 strong{color:#014099;}

.white-box-bd-text{padding-left: 30px;}
	@media only screen and (max-width:575px)	{.white-box-bd-text{padding-left: 0;}}


.tel-consult{display: flex;align-items:center;}
	@media only screen and (max-width:575px)	{.tel-consult{display: block;width: 100%;}}

.tel-consult h4{font-weight: normal;width: 9em;}
	@media only screen and (max-width:575px)	{.tel-consult h4{width: 100%;margin-bottom: 10px;}}

	@media only screen and (max-width:575px)	{.tel-consult p{text-align: center;display: block;}}

.tel-consult a,.tel-consult a:hover,.tel-consult a:active,.tel-consult a:focus{color:#333;}


#cns1{background: url(../images/consulting-bg.png) center center /cover no-repeat #0e6eb8;color:#fff;}
#cns1 .check li:before{color:#dbd61d;}
#cns1 .tit-level1:after{background: #fff;}

.section-box{background-position: center center;background-size:cover;background-repeat: no-repeat;padding: 30px;border: 10px solid #fff;box-shadow:0 0 12px rgba(0,0,0,.125);}
	@media only screen and (max-width:767px)	{.section-box{width: 100%;padding: 15px;border: 5px solid #fff;}}

.mlm1{background-image: url(../images/mail-magazine01.jpg);}

.ftr1{background-image: url(../images/features01.jpg);}
.ftr2{background-image: url(../images/features02.jpg);}
.ftr3{background-image: url(../images/features03.jpg);}


.tracing-paper{padding: 25px;background: rgba(255,255,255,.9);}
	@media only screen and (max-width:767px)	{.tracing-paper{padding: 10px;}}


.balloon-box{background: #f60;color:#fff;padding: 5px 10px;text-align: center;border-radius:10px;position: relative;font-weight: bold;width: 20em;margin: 0 auto 30px;text-align: center;}
	@media only screen and (max-width:767px)	{.balloon-box{font-size: 16px;padding: 5px;}}
	@media only screen and (max-width:575px)	{.balloon-box{font-size: 15px;width: 100%;}}

.balloon-box:after{content: "";border-width: 10px;border-style: solid;border-color: #f60 transparent transparent transparent;position: absolute;top: 100%;left: 50%;right: 50%;margin:0 -10px;}


.mlm-features{display: flex;margin:-2px -1px 0;flex-wrap: wrap;}

.mlmf-col{padding:0 1px;margin-top: 2px;width: 14.2857142857%;max-width: 14.2857142857%;display: flex;}
	@media only screen and (max-width:991px)	{.mlmf-col{width: 20%;max-width: 20%;}}
	@media only screen and (max-width:575px)	{.mlmf-col{width: 50%;max-width: 50%;}}

.mlmf-col .alert{padding: 4px;}


.consequence{text-align: center;font-weight: bold;font-size: 1.5em;}

.consequence:after{content: "";display: block;background: url(../images/consequence.png) center center /contain no-repeat;padding-bottom: 60px;margin-top: 5px;}
	@media only screen and (max-width:767px)	{.consequence:after{padding-bottom: 30px;}}


.consequence-box{background:url(../images/bg-footer.png) 75% center /contain no-repeat #12274b;color:#fff;margin: 30px 0;padding: 30px;display: flex;justify-content: center;font-size: 21px;}
	@media only screen and (max-width:767px)	{.consequence-box{margin: 15px 0;padding: 15px;font-size: 16px;}}

.pos-relative{position: relative;}

.btn-regist,a.btn-regist:hover,a.btn-regist:active,a.btn-regist:focus{background: transparent;color:#fff;opacity:1;position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;justify-content:center;align-items:center;}

.btn-regist:before,a.btn-regist:hover:before,a.btn-regist:active:before,a.btn-regist:focus:before{content: "";border: 1px solid #fff;position: absolute;top: 8px;left: 8px;right: 8px;bottom: 8px;}

.btn-regist:after,a.btn-regist:hover:after,a.btn-regist:active:after,a.btn-regist:focus:after	{content: "";display: block;width: 0;height: 0;position: absolute;border-width: 7px;border-style: solid;border-color:transparent #dbd61d #dbd61d transparent;right: 20px;bottom: 20px;}

@media only screen and (max-width:991px)	{
	#cns2 .row [class*="col-"]:nth-of-type(1){order:2;}
	#cns2 .row [class*="col-"]:nth-of-type(2){order:1;}

	#cns4 .row [class*="col-"]:nth-of-type(1){order:2;}
	#cns4 .row [class*="col-"]:nth-of-type(2){order:1;}
}


/*  */
.catalogue-img{position: relative;}
.catalogue-img a[rel="lightbox"]:after{content: "\f002";font-family: 'Font Awesome\ 5 Pro';position: absolute;background: #0e6eb8;width: 30px;height: 30px;right: 0;bottom: 0;color:#fff;text-align: center;line-height: 30px;}

/*@media only screen and (max-width:575px)	{
	#estate3 .container .row [class*="col-"]:nth-of-type(1){order:2;}
	#estate3 .container .row [class*="col-"]:nth-of-type(2){order:1;}

	#estate5 .container .row [class*="col-"]:nth-of-type(1){order:2;}
	#estate5 .container .row [class*="col-"]:nth-of-type(2){order:1;}
}*/

#rcr1{background: url(../images/recruit-bg.jpg) center center /cover no-repeat;color:#fff;padding: 180px 0;}
	@media only screen and (max-width:767px)	{#rcr1{padding: 90px 0;}}

#rcr1 h3{color:#fff;}
#rcr1 h3:after{background: #fff;}

.requirements-list{font-size: 20px;line-height: 1.75;list-style: none;font-weight: bold;}
	@media only screen and (max-width:767px)	{.requirements-list{font-size: 16px;}}

.requirements-list li{padding-left: 2em;}
.requirements-list li:before{content: "\f2b5";font-family: 'Font Awesome\ 5 Pro';display: inline-block;width: 2em;margin-left: -2em;}

.freedial{}
.freedial img{vertical-align: middle;margin-right: 0.125em;width: 63px;height: 36px;margin-top: -6px;}
	@media only screen and (max-width:767px)	{.freedial img{width: 49px;height: 28px;margin-top: -6px;}}




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

/* company,office,profile */
.signature			{text-align:right;font-weight:bold;line-height:1;font-size:18px;margin-top: 30px;}
	@media only screen and (max-width:767px)	{.signature{font-size:16px;margin-top: 20px;}}

.signature small	{font-size: 14px;margin-bottom: 10px;font-weight: bold;}
	@media only screen and (max-width:767px)	{.signature small{font-size:12px;}}

.cnt-hour{font-size: 21px;line-height: 1;text-align: center;font-weight: bold;margin-bottom: 30px;}
	@media only screen and (max-width:767px)	{.cnt-hour{font-size: 15px;margin-bottom: 10px;}}
	@media only screen and (max-width:575px)	{.cnt-hour{line-height: 1.5;}}

.cnt-hour strong{color:#ffe400;}

.cnt-contact{display: flex;justify-content:center;align-items:flex-end;}
	@media only screen and (max-width:575px)	{.cnt-contact{display: block;text-align: center;}}

.cnt-contact div{padding:0 5px;height: 25px;}
	@media only screen and (max-width:575px)	{.cnt-contact div + div{margin-top: 5px;}}

.cnt-contact div img{vertical-align: top;}

div.btn{cursor:default !important;}

div.btn h3{font-size: 21px;line-height: 1;margin-bottom: 10px;}
	@media (max-width:767px)	{div.btn h3{font-size: 16px;margin-bottom: 5px;}}

div.btn p{font-size: 21px;line-height: 1;margin-bottom: 10px;}
	@media (max-width:767px)	{div.btn p{font-size: 14px;margin-bottom: 5px;}}

/* main */
.bg-blue{background: url(../images/bg-idx1.png) center center /cover no-repeat;}

.letter-blue{color:#0e6eb8;}

.bg-blue > .container > p.kome{color:#ff0;}
.bg-blue > .container > p.kome:before{color:#ff0;}

.bg-ivory{background:#fcfbf3;}
.bg-canary{background:#fffdee;}

.bg-pink{background: #fedfdd;}

.bg-white{background:#fff;box-shadow:0 0 12px rgba(0,0,0,.1);}

.bg-gray{background: #f6f6f6;}

.anchor-point .bg-gray{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.anchor-point:last-child .bg-gray:last-child{border-bottom: none;}

.anchor-point .shadow-box{margin-top: 30px;}
	@media only screen and (max-width:767px)	{.anchor-point .shadow-box{margin-top: 15px;}}

.bg-gray .well{background:#fff;}

.bg-green{background: #0e6eb8;color:#fff;}
.bg-green .box{border: 1px solid #fff;color:#333;}

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

.bg-orange{background: #fc0;}

.bg-first{background:#fffcf6;}

.bg-sky{background:#f90;}
.bg-cherry{background:#f7b7c5;}

.bg-applegreen{background:#f90;color:#fff;}

.marker-green	{background:linear-gradient(transparent 60%, #6fc 0%);}
.marker-blue	{background:linear-gradient(transparent 60%, #6ff 0%);}
.marker-orange	{background:linear-gradient(transparent 60%, #fc3 0%);}
.marker-pink	{background:linear-gradient(transparent 60%, #fcc 0%);}

.marker{background:linear-gradient(transparent 50%, #fc3 0%);font-family: 'swis721-r','nsans-b',sans-serif;}

.h2-access			{background-image: url(../images/h2-access.jpg);}
.h2-company			{background-image: url(../images/h2-company.jpg);}
.h2-contact			{background-image: url(../images/h2-contact.jpg);}
.h2-consulting		{background-image: url(../images/h2-consulting.jpg);}
.h2-features		{background-image: url(../images/h2-features.jpg);}
.h2-mail-magazine	{background-image: url(../images/h2-mail-magazine.jpg);}
.h2-mm-regist		{background-image: url(../images/h2-mm-regist.jpg);}
.h2-privacy			{background-image: url(../images/h2-privacy.jpg);}