@charset "UTF-8";

@import url('//fonts.googleapis.com/css?family=Teko');



/* base
   ---------------------------------------------------------------------------------------------------- */
html { position: relative; font-family: Avenir, Verdana, Arial, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'YuGothic', 'Yu Gothic Medium', '游ゴシック Medium', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; -webkit-text-size-adjust: 100%; letter-spacing: 0.1em;}
body { position: relative; text-align: center; background-color: #ffffff; color: #000000; font-size: 15px; line-height: 1.53;}
input, select, textarea { font-size: 16px;}

a { color: #000000; text-decoration: none; -webkit-touch-callout: none; transition: all .3s cubic-bezier(.4, 0, .2, 1);}
a:hover { transition: all .3s cubic-bezier(.4, 0, .2, 1);}
::-moz-selection,
::selection { color: #fff; background: black;}
a img { vertical-align: top; background-color: rgba(255, 255, 255, .01);}

.noscript-text { padding: 1em;}
#spFlg { display: block; width: 0; height: 0; font-size: 0; line-height: 0;}

@media screen and (min-width: 768px) {
	body { font-size: 16px; line-height: 1.875;}
	#spFlg { display: none;}
}

.hidding{ display:none; }

/* module
   ---------------------------------------------------------------------------------------------------- */
.brpc { display: none;}
.brsp { display: block;}

a.link-txt { position: relative; display: inline-block; color: #123184;}
a.link-txt::after { position: absolute; bottom: .2em; left: 0; content: ''; width: 100%; height: 1px; background-color: #123184; opacity: 1; transition: all .3s cubic-bezier(.4, 0, .2, 1);}
a.link-txt:hover::after { opacity: 0;}
a.link-block { display: block; text-decoration: none;}
.tel a { text-decoration: none;}

img { max-width: 100%; height: auto; width/***/: auto;}
.image img,
figure img { width: 100%; height: auto;}
.js-bgimg { background-color: transparent; background-repeat: no-repeat; background-position: 50% 0; background-size: cover;}
.js-bgimg img { display: none;}
.js-bgwrap span { background-color: #123184;color: #fff;}

.skip { position: absolute; left: -9999px;}
.left { float: left;}
.right { float: right;}
.clear { clear: both;}
.cf::after { display: block; content: ''; clear: both;}
.txtr { text-align: right;}
.txtc { text-align: center;}

.en { font-family: 'Oswald', sans-serif; line-height: .8; letter-spacing: .03em;}
.prag { background-color: #123184;}

.sp01 { margin-top: .5em;}
.sp02 { margin-top: 1em;}
.sp03 { margin-top: 1.5em;}
.sp04 { margin-top: 2em;}
.sp05 { margin-top: 2.5em;}

@media screen and (min-width: 920px) {
	.brpc { display: block;}
	.brsp { display: none;}
}

/* link
   -------------------------------------------------- */
/* btn */
.works_btn-more .btn-more { text-align: center; margin-top: 3.1em;}
.btn-more a { text-align: center; display: block; border: 1px solid #000000; color: #000000;}
.btn-more a span { display: inline-block; padding-left: 48px; background-image: url(../img/sp/ico_ar_y_b.png), url(../img/sp/ico_ar_y_w.png); background-repeat: no-repeat; background-position: 0 40%; background-size: 38px auto; line-height: 36px;}
.btn-more a span.en { font-size: 146.7%;}
.btn-more a span.ja { font-size: 100%;}
.btn-more a:hover { background-color: #000000; color: #ffffff;}
.btn-more a:hover span { background-image: url(../img/sp/ico_ar_y_b.png);}

.btn-more.c2 a { border-color: #ffffff; color: #ffffff;}
.btn-more.c2 a span { background-image: url(../img/sp/ico_ar_y_w.png), url(../img/sp/ico_ar_y_b.png);}
.btn-more.c2 a:hover { background-color: #ffffff; color: #000000;}
.btn-more.c2 a:hover span { background-image: url(../img/sp/ico_ar_y_w.png);}

.btn-pdf a { text-align: center; display: block; border: 1px solid #000000; color: #000000;}
.btn-pdf a span { display: inline-block; padding-left: 35px; background: url(../img/ico_pdf.png) no-repeat 0 50%; background-size: auto 23px; line-height: 36px; font-weight: bold;}
.btn-pdf a span small { font-size: 80%; font-weight: normal;}
.btn-pdf a:hover { background-color: #000000; color: #ffffff;}

@media screen and (min-width: 768px) {
	.btn-more a { display: inline-block; padding: 0 40px;}
	.btn-more a span { padding-left: 93px; background-image: url(../img/pc/ico_ar_y_b.png), url(../img/pc/ico_ar_y_w.png); background-size: auto; line-height: 46px;}
	.btn-more a span.en { font-size: 200%;}
	.btn-more a span.ja { font-size: 125%;}
	.btn-more a:hover span { background-image: url(../img/pc/ico_ar_y_b.png);}
	
	.btn-more.c2 a span { background-image: url(../img/pc/ico_ar_y_w.png), url(../img/pc/ico_ar_y_b.png);}
	.btn-more.c2 a:hover span { background-image: url(../img/pc/ico_ar_y_w.png);}
	
	.btn-pdf a { display: inline-block; padding: 0 40px;}
}

/* link-tile */
.link-tile { font-size: 0;}
.link-tile li { display: inline-block; letter-spacing: normal; font-size: 15px; width: 50%; margin-top: 6px; padding-left: 6px; vertical-align: top;}
.link-tile li.last511 { width: 100%;}
.link-tile li.works { margin-bottom: 2em;}
.link-tile li a { display: block; position: relative; overflow: hidden; display: block; padding-top: 75.7%;}
.works_list_wrp .link-tile li a { display: block; position: relative; overflow: hidden; display: block; padding-top: 65%;}
.works_list_wrp p {
  margin-top: 0 !important;
  padding: 12px;
  line-height: 1.4;
  font-size: 90%;
}
.link-tile li.last511 a { padding-top: 37.58%;}
.link-tile li a img:hover { box-shadow: inset 0 0 0 2px #fff;}
.link-tile li a::after { z-index: 5; display: block; position: absolute; bottom: 2px; right: 2px; content: ''; width: 10px; height: 10px; background: url(../img/ico_btn.png) no-repeat 100% 100%; background-size: 100% auto;}
.link-tile li a::before { z-index: 3; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; width: 100%; height: 100%; transition: all .3s cubic-bezier(.4, 0, .2, 1);}
.link-tile li a img:hover::before { background: rgba(15, 15, 17, 0);}
.link-tile li a .ttl { z-index: 5; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-top: .8em;}
.link-tile li a .ttl::before { position: absolute; top: 0; left: 50%; content: ''; width: 16px; height: 2px; background-color: #123184; -webkit-transform: translateX(-50%); transform: translateX(-50%); transition: all .3s cubic-bezier(.4, 0, .2, 1);}
.link-tile li a img:hover .ttl::before { width: 100%;}
.link-tile li a .ttl span { white-space: nowrap;}
.link-tile li a .ttl .en { display: block; font-size: 7.55vw; line-height: .828; text-shadow: 1px 1px 2px rgba(0, 0, 0, .8);}
.link-tile li a .ttl .ja { display: inline-block; margin-top: .3em; padding: 0 .2em; font-weight: bold; background-color: #123184; color: #ffffff;}
.page-works .link-tile { margin-top: 75px;}

@media screen and (max-width: 375px) {
	.link-tile li a img:hover { box-shadow: inset 0 0 0 1px #123184;}
	.link-tile li a::after { bottom: 1px; right: 1px;}
}
@media screen and (min-width: 768px) {
	.link-tile li { font-size: 16px; width: 33.33%;}
	.link-tile li.last511 { width: 66.66%;}
	.link-tile li.works { width: 24.26392%}
	.link-tile li a .ttl { padding-top: 1.77vw;}
	.link-tile li a .ttl::before { width: 2.54vw;}
	.link-tile li a .ttl .en { font-size: 4.6vw;}
}
@media screen and (min-width: 920px) {
	.link-tile li a img:hover { box-shadow: inset 0 0 0 3px #fff;}
	.link-tile li a::after { bottom: 3px; right: 3px; width: 16px; height: 16px;}
	.link-tile li a .ttl::before { height: 3px;}
	.link-tile li a .ttl .ja { font-size: 112.5%;}

}
@media screen and (min-width: 1200px) {
	.link-tile li a .ttl { padding-top: 23px;}
	.link-tile li a .ttl::before { width: 33px; height: 4px;}
	.link-tile li a .ttl .en { font-size: 60px;}
}

/* list
   -------------------------------------------------- */
.dotlist > li { position: relative; padding-left: 1.2em; margin-top: .3em;}
.dotlist > li:first-child { margin-top: 0;}
.dotlist > li::before { position: absolute; top: .5em; left: 0; content: ''; width: 6px; height: 6px; border: 1px solid #123184; border-radius: 50%;}

.notelist > li { position: relative; padding-left: 1.2em; font-size: 93%;}
.notelist > li:first-child { margin-top: 0;}
.notelist > li::before { position: absolute; top: 0; left: 0; content: '・';}

.icolist > li { position: relative; padding-left: 1.2em; margin-top: .3em;}
.icolist > li:first-child { margin-top: 0;}
.icolist > li::before { position: absolute; top: .3em; left: 0; content: ''; width: 8px; height: 10px; background: url(../img/ico_title.png) no-repeat 100% 100%; background-size: 100% auto;}

.numlist > li { list-style: decimal outside; margin-top: .3em;}
.numlist > li:first-child { margin-top: 0;}

.linelist > li { margin-top: .3em; color: #000000;}

@media screen and (min-width: 768px) {
/*	.dotlist > li { margin-top: 0;}*/
	.dotlist > li::before { top: .7em;}
	
	.icolist > li { padding-left: 0;}
	.icolist > li::before { top: .5em;}
	
	.linelist > li { position: relative; margin-top: .1em; padding-left: 2em;}
	.linelist > li::before { position: absolute; top: .8em; left: 0; display: block; content: ''; width: 1.5em; height: 1px; background-color: #000000;}
}

/* title
   -------------------------------------------------- */
#titleArea { position: relative;}
#titleArea .inner { padding-top: 25.39vw; padding-bottom: 35px;}
#titleArea .title { position: relative; text-shadow: 1px 1px 2px rgba(0, 0, 0, .4);}
#titleArea .title .en { overflow: hidden; display: block; height: 24.739vw; font-size: 15.1vw; line-height: .82;}
#titleArea .title .ja { display: block; position: relative; margin-top: .2em; font-size: 113.3%; line-height: 1.1; color: #123184;}
#titleArea .mainvisual { z-index: -1; position: absolute; top: 0; right: 0; width: 100%; height: 40.49vw; background-position: 100% 0; background-size: auto 100%;}

.icottl { position: relative; margin-bottom: 1.6em; padding-left: 1.2em; font-size: 106.7%; line-height: 1.1; color: #123184;}
.icottl::before { position: absolute; top: .1em; left: 0; content: ''; width: 10px; height: 12px; background: url(../img/ico_title.png) no-repeat 100% 100%; background-size: 100% auto;}

@media screen and (min-width: 768px) {
	#titleArea .inner { padding-top: 165px; height: 430px;}
	#titleArea .title .en { height: 180px; font-size: 688%;}
	#titleArea .title .ja { margin-top: .4em; font-size: 150%;}
	
	.icottl { margin-bottom: 1.2em; padding-left: 1.3em; font-size: 112.5%; -webkit-transform: translateY(-.1em); transform: translateY(-.1em);}
	.icottl::before { width: 12px; height: 14px;}
}
@media screen and (min-width: 920px) {
	#titleArea .inner { height: 468px;}
	#titleArea .mainvisual { height: 408px;}
}

/* contentArea etc
   -------------------------------------------------- */
#contentArea .inner p { margin-top: 1.5em;}
#contentArea .inner h2 + p,
#contentArea .inner .top-lead p:first-child { margin-top: 0;}

.block-line { margin-top: 1.5em; padding-left: 1.46em; border-left: 1px solid #000000;}
.num-wrap { margin-top: 1.8em; padding-left: 2.5em; border-left: 1px solid #000000;}
.activity { margin-top: 1.8em; padding-left: 1.33em; border-left: 1px solid #123184;}
.activity .ttl { font-size: 106.7%; line-height: 1.1; color: #123184;}
.activity .dotlist { margin-top: 1.35em;}
.image-set { overflow: hidden; margin-top: 3em;}
.image-set ul { margin-left: -6px; letter-spacing: -.4em; font-size: 0;}
.image-set div + ul { margin-top: 6px;}
.image-set ul li { display: inline-block; letter-spacing: normal; width: 50%; padding-left: 6px;}

.mapwrap { position: relative; width: 100%; padding-top: 65.84%;}
.mapwrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.mapwrap #map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (min-width: 768px) {
	#contentArea .inner p { margin-top: 1.9em;}
	
	.block-line { margin-top: 1.3em; padding-left: 1.9em;}
	.num-wrap { margin-top: 2em;}
	.activity { margin-top: 3em;}
	.activity .ttl { font-size: 112.5%;}
	.image-set { z-index: -1; position: absolute; top: 0; right: 3.85vw; width: 52.93vw; margin-top: 0;}
	.with-imageset { min-height: 48vw;}
	.with-imageset.set-photo2 { min-height: 15.5vw;}
	
	.mapwrap { padding-top: 46.184%;}
}
@media screen and (min-width: 920px) {
	.num-wrap { padding-left: 3em;}
	.activity { margin-top: 5.8em; padding-left: 1.8em;}
	.image-set { width: 487px;}
	.with-imageset { min-height: 441px;}
	.with-imageset.set-photo2 { min-height: 158px;}
}
@media screen and (min-width: 1200px) {
	.image-set { right: 50px;}
}

/* contact-block */
#contentArea #contact-block { display: inline-block; margin-top: 3em; padding: 1.1em 4.68vw; border: 2px solid #123184;}
#contentArea #contact-block .ttls { font-size: 106.7%; color: #123184;}
#contentArea #contact-block p { margin-top: 1em;}

@media screen and (min-width: 768px) {
	#contentArea #contact-block { margin-top: 5.7em; padding: 1.25em 28px 1.2em; border-width: 4px;}
	#contentArea #contact-block .ttls { font-size: 112.5%;}
}

/* pageWrap
   ---------------------------------------------------------------------------------------------------- */
#pWrap {position: relative; padding-bottom: 137px;}
main { overflow: hidden; position: relative; z-index: 1;}
.inner { text-align: left; position: relative; width: 100%; margin-right: auto; margin-left: auto; padding-right: 5.2%; padding-left: 5.2%;}

#overlay { display: none; z-index: 500; position: fixed; top: 0; left: 0; width: 100%; height: 120%; background: #000; opacity: .8;}

@media screen and (min-width: 768px) {
	#pWrap { padding-bottom: 170px;}
	.inner { max-width: 1400px; padding-right: 3.85%; padding-left: 3.85%;}
	.inner.innerB { padding-right: 3.85%; padding-left: 11.574%;}
	.inner.innerC { padding-right: 11.574%; padding-left: 11.574%;}
	
	#contentArea .inner:first-child::before,
	#contentArea .inner.with-mainvisual2::before { position: absolute; top: .5em; left: 3.85vw; display: block; content: ''; width: 3.3vw; height: 3px; background-color: #000000;}
}
@media screen and (min-width: 1200px) {
	.inner { padding-right: 50px; padding-left: 50px;}
	.inner.innerB { padding-right: 50px; padding-left: 150px;}
	.inner.innerC { padding-right: 150px; padding-left: 150px;}
	
	#contentArea .inner:first-child::before,
	#contentArea .inner.with-mainvisual2::before { left: 50px; width: 40px;}
}

/* header
   -------------------------------------------------- */
#hdGlobal .header-inner {height: 90px;}
#topLogo {width: 162px; transition: all .3s cubic-bezier(.4, 0, .2, 1); -weblit-animation: show .5s cubic-bezier(.4, 0, .2, 1); animation: show .5s cubic-bezier(.4, 0, .2, 1);}
#hdBtn { z-index: 50; position: fixed; top: 2.21vw; right: 1.82vw; transition: all .3s cubic-bezier(.4, 0, .2, 1); -weblit-animation: show .5s cubic-bezier(.4, 0, .2, 1); animation: show .5s cubic-bezier(.4, 0, .2, 1);}
#hdBtn.active { z-index: 503;}
#hdBtn a { z-index: 3; position: relative; text-indent: -9999px; display: block; width: 38px; height: 44px; background: url('../img/bg_hd_menu.png') no-repeat 0 0; background-size: 100% auto;}
#hdBtn a::before,
#hdBtn a::after { position: absolute; left: 10px; display: block; content: ''; width: 17px; height: 2px; background-color: #123184;}
#hdBtn a::before { top: 12px;}
#hdBtn a::after { top: 20px;}
#hdBtn.active a::before,
#hdBtn.active a::after { width: 17px; top: 17px;}
#hdBtn.active a::before { -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#hdBtn.active a::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

#hdMenu { display: none; z-index: 500; overflow-y: auto; position: fixed; top: 0; right: 0; bottom: 0; width: 100%; background: #ffffff; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-animation: header_menu_hide .5s cubic-bezier(.4, 0, .2, 1); animation: header_menu_hide .5s cubic-bezier(.4, 0, .2, 1);}
#hdMenu.active { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-animation: header_menu_show .5s cubic-bezier(.4, 0, .2, 1); animation: header_menu_show .5s cubic-bezier(.4, 0, .2, 1);}
#hdMenu .nav-inner { text-align: left; display: inline-block; width: auto; padding: 71px 0 1em;}
#hdMenu .nav-inner .en { font-size: 146.7%; line-height: .9;}
#hdMenu .nav-inner .ja { letter-spacing: .1em;}
#hdMenu li a { position: relative; display: inline-block;}
#hdMenu li a::after { position: absolute; bottom: -.4em; left: 0; content: ''; width: 0; height: 3px; background-color: #dada03; transition: all .3s cubic-bezier(.4, 0, .2, 1);}
#hdMenu li span { display: block;}
#hdMenu li a:hover::after { width: 100%;}
#hdMenu li .ja { padding-top: .2em; font-weight: bold;}
#hdMenu .nav-main { position: relative; padding-bottom: 2.65em;}
#hdMenu .nav-main::after { position: absolute; bottom: 0; left: 0; display: block; content: ''; width: 30px; height: 3px; background-color: #000000;}
#hdMenu .nav-main li { margin-top: 1.65em;}
#hdMenu .nav-main li:first-child { margin-top: 0;}
#hdMenu .nav-main li .en { font-size: 233.3%; line-height: .62;}
#hdMenu .nav-main li .ja { color: #123184;}
#hdMenu .nav-sub { margin-top: 2.6em;}
#hdMenu .nav-sub li { padding-bottom: 1.38em;}
#hdMenu .nav-sub li .ja { font-size: 80%; line-height: 1.66;}
#hdMenu .nav-lang li { display: inline-block;}
#hdMenu .nav-lang li::before { display: inline-block; content: '/'; color: #000000; margin: 0 .6em; font-family: 'Teko', sans-serif; font-size: 100%;}
#hdMenu .nav-lang li:first-child::before { display: none;}
#overlaymenu { z-index: 300; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #ffffff; opacity: .6;}

#hdMenu li a.chinese{ color:#b0b0b0; }
#hdMenu li a.chinese::after{ content: none; }

@media only screen and (max-width: 375px) {
	#hdMenu li a::after { height: 2px;}
}
@media screen and (min-width: 768px) {
	#topLogo { top: 20px; left: 20px;}
	#hdBtn { top: 17px; right: 14px;}
	#hdBtn a:hover::before,
	#hdBtn a:hover::after { background-color: #fff;}
	#hdMenu { width: 738px;}
	#hdMenu .nav-inner { padding-top: 91px;}
	#hdMenu .nav-inner .en { font-size: 156.3%;}
	#hdMenu li a::after { bottom: 0;}
	#hdMenu li span { display: inline-block;}
	#hdMenu .nav-main { padding-bottom: 2.6em;}
	#hdMenu .nav-main::after { width: 40px;}
	#hdMenu .nav-main li .en { font-size: 312.5%; line-height: .62;}
	#hdMenu .nav-main li .ja { font-size: 150%; padding-left: .4em;}
	#hdMenu .nav-sub { margin-top: 2.65em;}
	#hdMenu .nav-sub li { padding-bottom: .7em;}
	#hdMenu .nav-sub li .ja { font-size: 87.5%;}
	#hdMenu .nav-lang { margin-top: .15em;}
	#hdMenu .nav-lang li { line-height: 1.1;}
}

/* footer
   -------------------------------------------------- */
#ftWrap { zoom: 1; position: absolute; left: 0; bottom: 0; width: 100%;}
.is-fixed-ft #ftWrap { position: fixed;}
#ftWrap .inner { padding: 13px 0 11px; background-color: #123184; color: #000;}

#ftWrap #totop { visibility: hidden; z-index: 30; position: fixed; top: 100%; right: 2.314%; width: 22px;}

#ftWrap .snsLinks { text-align: center;}
#ftWrap .snsLinks ul { letter-spacing: -.4em;}
#ftWrap .snsLinks li { text-align: left; display: inline-block; letter-spacing: normal; margin-left: 7px; vertical-align: top;}
#ftWrap .snsLinks li:first-child { margin-left: 0;}
#ftWrap .snsLinks li a { text-indent: -9999px; display: block; width: 30px; height: 30px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto;}
#ftWrap .snsLinks li.tw a { background-image: url(../img/ico_sns_tw.png), url(../img/ico_sns_tw_ov.png);}
#ftWrap .snsLinks li.fb a { background-image: url(../img/ico_sns_fb.png), url(../img/ico_sns_fb_ov.png);}
#ftWrap .snsLinks li.li a { background-image: url(../img/ico_sns_li.png), url(../img/ico_sns_li_ov.png);}
#ftWrap .snsLinks li.tw a:hover { background-image: url(../img/ico_sns_tw_ov.png);}
#ftWrap .snsLinks li.fb a:hover { background-image: url(../img/ico_sns_fb_ov.png);}
#ftWrap .snsLinks li.li a:hover { background-image: url(../img/ico_sns_li_ov.png);}

#ftWrap .copyright { text-align: center; margin-top: .7em;}

@media screen and (min-width: 768px) {
	#ftWrap .inner { max-width: 100%; padding: 0;}
	
	#ftWrap #totop { visibility: visible; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: 'Teko', sans-serif;}
	#ftWrap #totop a { display: inline-block; width: 22px; padding: 10px .2em 44px 0; background-color: #123184; background-image: url(../img/pc/ico_totop.png), url(../img/pc/ico_totop_ov.png); background-repeat: no-repeat; background-position: 50% 95%; font-size: 125%; line-height: 1; letter-spacing: .2em; writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; -webkit-transform: translateY(0); transform: translateY(0);}
	#ftWrap #totop a:hover { background-color: #123184; background-image: url(../img/pc/ico_totop_ov.png); color: #ffffff;}
	
	#ftWrap .snsLinks { text-align: right; position: absolute; top: 10px; right: 20px;}
	#ftWrap .snsLinks li { margin-left: 6px;}
	#ftWrap .snsLinks li a { width: 28px; height: 28px;}
	
	#ftWrap .copyright { margin-top: 0; font-size: 125%; line-height: 48px;}
}
@media screen and (min-width: 920px) {
	#ftWrap .snsLinks li.li { display: none;}
}
@media screen and (min-width: 1200px) {
	#ftWrap #totop { right: 30px;}
}

/* loading-animation
   ---------------------------------------------------------------------------------------------------- */
#lLoading { z-index: 9999; display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #ffffff;}
#lLoading .loading-inner { text-align: center; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 16px;}
/*
.loading-animation,
.loading-animation:before,
.loading-animation:after { display: inline-block; width: 15px; height: 15px; background-color: #fff; border-radius: 50%; transform-origin: center center;}
.loading-animation { position: relative; background-color: rgba(255, 255, 255, 1); opacity: 1; -webkit-animation: loading_anime 1s infinite linear; animation: loading_anime 1s infinite linear;}
.loading-animation:before,
.loading-animation:after { position: absolute; top: 0; content: ''; opacity: .25;}
.loading-animation:before { left: 30px; -webkit-animation: loading_anime_before 1s infinite linear; animation: loading_anime_before 1s infinite linear;}
.loading-animation:after { left: -30px; -webkit-animation: loading_anime_after 1s infinite linear; animation: loading_anime_after 1s infinite linear;}
*/
.loading-animation{
	display: block;
	position: relative;
	/*width: 121px; height: 146px;*/
 
    overflow: hidden;
}
.loading-animation{ width: 48px; height: 56px; }
.loading-animation:before,
.loading-animation span:after { position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 100%; }
.loading-animation:before{ background:url('../img/sp/loading_sp01.png') no-repeat bottom center; background-size: cover; }
.loading-animation span:after{ background:url('../img/sp/loading_sp02.png') no-repeat bottom center; background-size: cover; -webkit-animation: loading_anime_image 1s infinite linear ; animation: loading_anime_image 1s infinite linear ; }
.loading-animation span{ position: absolute; bottom: 0; left: 0; -webkit-animation: loading_anime_image_mask 1s infinite linear ; animation: loading_anime_image_mask 1s infinite linear ; width: 100%; height: 100%; overflow: hidden; }

.loading-text-animation{
	display: block;
	position: relative;

    height: 17px;
    overflow: hidden;
}
.loading-text-animation{ width: 52px; margin-top: 7px; margin-left: -2px;}
.loading-text-animation:before,
.loading-text-animation span:after { position: absolute; top: 0; content: 'LOADING'; font-family: 'Teko', sans-serif; line-height: 1.1; letter-spacing: .03em; left: 0px; font-size: 1.2rem; text-align: left; }
.loading-text-animation:before{ color:#fff; }
.loading-text-animation span:after{ color:#123184; -webkit-animation: loading_anime_text 1s infinite linear ; animation: loading_anime_text 1s infinite linear ; }	
.loading-text-animation span{ position: absolute; top: 0; left:0; overflow: hidden; width: 100%; -webkit-animation: loading_anime_text_mask 1s infinite linear ; animation: loading_anime_text_mask 1s infinite linear ; height: 17px; }

@media screen and (min-width: 768px) {
	.loading-animation:before{ background-image:url('../img/pc/loading_pc01.png'); }
	.loading-animation span:after{ background-image:url('../img/pc/loading_pc02.png'); }

	.loading-text-animation{ width: 48px; margin-left: 0px;}
	.loading-text-animation:before,
	.loading-text-animation span:after { font-size: inherit; left: 3px;}

}

/* slick
   ---------------------------------------------------------------------------------------------------- */
.slick-list,
.slick-slider,
.slick-track { position: relative; display: block;}
.slick-loading .slick-slide,
.slick-loading .slick-track { visibility: hidden;}
.slick-slider { box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list { overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus { outline: 0;}
.slick-list.dragging { cursor: pointer; cursor: hand;}
.slick-slider .slick-list,
.slick-slider .slick-track { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.slick-track { top: 0; left: 0;}
.slick-track::after,
.slick-track::before { display: table; content: '';}
.slick-track::after { clear: both;}
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline: 0;}
[dir=rtl] .slick-slide { float: right;}
.slick-slide img { display: block;}
.slick-slide.slick-loading img { display: none;}
.slick-slide.dragging img { pointer-events: none;}
.slick-initialized .slick-slide { display: block;}
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}

.slick-dots,
.slick-next,
.slick-prev { position: absolute; display: block; padding: 0;}
.slick-dots li button::before,
.slick-next::before,
.slick-prev::before { font-family: slick; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-loading .slick-list { background: url('../img/loading.gif') no-repeat center center;}
.slick-next,
.slick-prev { font-size: 0; line-height: 0; top: 50%; width: 20px; height: 20px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); cursor: pointer; color: transparent; border: none; outline: 0; background: 0 0;}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover { color: transparent; outline: 0; background: 0 0;}
.slick-next:focus::before,
.slick-next:hover::before,
.slick-prev:focus::before,
.slick-prev:hover::before { opacity: 1;}
.slick-next.slick-disabled::before,
.slick-prev.slick-disabled::before { opacity: .25;}
.slick-next::before,
.slick-prev::before { font-size: 20px; line-height: 1; opacity: .75; color: #fff;}
.slick-prev { left: -25px;}
[dir=rtl] .slick-prev { right: -25px; left: auto;}
.slick-prev::before { content: '←';}
.slick-next::before,
[dir=rtl] .slick-prev::before { content: '→';}
.slick-next { right: -25px;}
[dir=rtl] .slick-next { right: auto; left: -25px;}
[dir=rtl] .slick-next::before { content: '←';}
.slick-dotted.slick-slider { margin-bottom: 30px;}
.slick-dots { bottom: -25px; width: 100%; margin: 0; list-style: none; text-align: center;}
.slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: 0; background: 0 0;}
.slick-dots li button:focus,
.slick-dots li button:hover { outline: 0;}
.slick-dots li button:focus::before,
.slick-dots li button:hover::before { opacity: 1;}
.slick-dots li button::before { display: block; content: ''; width: 8px; height: 8px; border-radius: 100%; color: #fff;}
.slick-dots li.slick-active button::before { opacity: .75; color: #000;}

/* widget
   ---------------------------------------------------------------------------------------------------- */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{ max-width: 500px; width: 100% !important;}

/* keyframes
   ---------------------------------------------------------------------------------------------------- */
@-webkit-keyframes header_menu_show {
	0% { -webkit-transform: translateX(100%); transform: translateX(100%);}
	100% { -webkit-transform: translateX(0%); transform: translateX(0%);}
}
@keyframes header_menu_show {
	0% { -webkit-transform: translateX(100%); transform: translateX(100%);}
	100% { -webkit-transform: translateX(0%); transform: translateX(0%);}
}
@-webkit-keyframes header_menu_hide {
	0% { -webkit-transform: translateX(0%); transform: translateX(0%);}
	100% { -webkit-transform: translateX(100%); transform: translateX(100%);}
}
@keyframes header_menu_hide {
	0% { -webkit-transform: translateX(0%); transform: translateX(0%);}
	100% { -webkit-transform: translateX(100%); transform: translateX(100%);}
}

@-webkit-keyframes loading_anime {
	0% { opacity: 1;}
	33% { opacity: .25;}
	66% { opacity: .25;}
	100% { opacity: 1;}
}
@keyframes loading_anime {
	0% { opacity: 1;}
	33% { opacity: .25;}
	66% { opacity: .25;}
	100% { opacity: 1;}
}
@-webkit-keyframes loading_anime_before {
	0% { opacity: .25;}
	33% { opacity: 1;}
	66% { opacity: .25;}
}
@keyframes loading_anime_before {
	0% { opacity: .25;}
	33% { opacity: 1;}
	66% { opacity: .25;}
}
@-webkit-keyframes loading_anime_after {
	33% { opacity: .25;}
	66% { opacity: 1;}
	100% { opacity: .25;}
}
@keyframes loading_anime_after {
	33% { opacity: .25;}
	66% { opacity: 1;}
	100% { opacity: .25;}
}

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes spin {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}

@-webkit-keyframes fuwafuwa {
	0% { -webkit-transform: translateY(0); transform: translateY(0);}
	30% { -webkit-transform: translateY(-10px); transform: translateY(-10px);}
	100% { -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes fuwafuwa {
	0% { -webkit-transform: translateY(0); transform: translateY(0);}
	30% { -webkit-transform: translateY(-10px); transform: translateY(-10px);}
	100% { -webkit-transform: translateY(0); transform: translateY(0);}
}

@-webkit-keyframes fuwafuwa_bg {
	0% { background-position: 55% 95%;}
	30% { background-position: 55% 100%;}
	100% { background-position: 55% 95%;}
}
@keyframes fuwafuwa_bg {
	0% { background-position: 55% 95%;}
	30% { background-position: 55% 100%;}
	100% { background-position: 55% 95%;}
}

@-webkit-keyframes show {
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@keyframes show {
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-webkit-keyframes hide {
	0% { opacity: 1;}
	100% { opacity: 0;}
}
@keyframes hide {
	0% { opacity: 1;}
	100% { opacity: 0;}
}



@-webkit-keyframes rotate_state_current2next {
	0% { -webkit-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%);}
	100% { -webkit-transform: rotate(180deg) translateY(-50%); transform: rotate(180deg) translateY(-50%);}
}
@keyframes rotate_state_current2next {
	0% { -webkit-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%);}
	100% { -webkit-transform: rotate(180deg) translateY(-50%); transform: rotate(180deg) translateY(-50%);}
}
@-webkit-keyframes rotate_state_next2current {
	0% { -webkit-transform: rotate(-180deg) translateY(-50%); transform: rotate(-180deg) translateY(-50%);}
	100% { -webkit-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%);}
}
@keyframes rotate_state_next2current {
	0% { -webkit-transform: rotate(-180deg) translateY(-50%); transform: rotate(-180deg) translateY(-50%);}
	100% { -webkit-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%);}
}

@-webkit-keyframes rotate_state_current2prev {
	0% { -webkit-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%);}
	100% { -webkit-transform: rotate(-180deg) translateY(-50%); transform: rotate(-180deg) translateY(-50%);}
}
@keyframes rotate_state_current2prev {
	0% { -webkit-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%);}
	100% { -webkit-transform: rotate(-180deg) translateY(-50%); transform: rotate(-180deg) translateY(-50%);}
}
@-webkit-keyframes rotate_state_prev2current {
	0% { -webkit-transform: rotate(180deg) translateY(-50%); transform: rotate(180deg) translateY(-50%);}
	100% { -webkit-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%);}
}
@keyframes rotate_state_prev2current {
	0% { -webkit-transform: rotate(180deg) translateY(-50%); transform: rotate(180deg) translateY(-50%);}
	100% { -webkit-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%);}
}


@-webkit-keyframes rotate_scroll_current2next {
	0% { -webkit-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%);}
	100% { -webkit-transform: rotate(-180deg) translateY(-50%); transform: rotate(-180deg) translateY(-50%);}
}
@keyframes rotate_scroll_current2next {
	0% { -webkit-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%);}
	100% { -webkit-transform: rotate(-180deg) translateY(-50%); transform: rotate(-180deg) translateY(-50%);}
}
@-webkit-keyframes rotate_scroll_next2current {
	0% { -webkit-transform: rotate(180deg) translateY(-50%); transform: rotate(180deg) translateY(-50%);}
	100% { -webkit-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%);}
}
@keyframes rotate_scroll_next2current {
	0% { -webkit-transform: rotate(180deg) translateY(-50%); transform: rotate(180deg) translateY(-50%);}
	100% { -webkit-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%);}
}

@-webkit-keyframes rotate_scroll_current2prev {
	0% { -webkit-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%);}
	100% { -webkit-transform: rotate(180deg) translateY(-50%); transform: rotate(180deg) translateY(-50%);}
}
@keyframes rotate_scroll_current2prev {
	0% { -webkit-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%);}
	100% { -webkit-transform: rotate(180deg) translateY(-50%); transform: rotate(180deg) translateY(-50%);}
}
@-webkit-keyframes rotate_scroll_prev2current {
	0% { -webkit-transform: rotate(-180deg) translateY(-50%); transform: rotate(-180deg) translateY(-50%);}
	100% { -webkit-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%);}
}
@keyframes rotate_scroll_prev2current {
	0% { -webkit-transform: rotate(-180deg) translateY(-50%); transform: rotate(-180deg) translateY(-50%);}
	100% { -webkit-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%);}
}

@-webkit-keyframes loading_anime_image_mask{
	0%{ height: 0%; bottom:0%; }
	50%{ height: 100%; bottom:0%; }
	100%{ height: 100%; bottom:100%; }
}
@keyframes loading_anime_image_mask{
	0%{ height: 0%; bottom:0%; }
	50%{ height: 100%; bottom:0%; }
	100%{ height: 100%; bottom:100%; }
}
@-webkit-keyframes loading_anime_image{
	0%{ bottom:0%; }
	50%{ bottom:0%; }
	100%{ bottom:-100%; }
}
@keyframes loading_anime_image{
	0%{ bottom:0%; }
	50%{ bottom:0%; }
	100%{ bottom:-100%; }
}


@-webkit-keyframes loading_anime_text_mask{
	0%{ width: 0%; left:0%; }
	50%{ width: 100%; left:0%; }
	100%{ width: 100%; left:100%; }
}
@keyframes loading_anime_text_mask{
	0%{ width: 0%; left:0%; }
	50%{ width: 100%; left:0%; }
	100%{ width: 100%; left:100%; }
}

@-webkit-keyframes loading_anime_text{
	0%{ margin-left:0%; }
	50%{ margin-left:0%; }
	100%{ margin-left:-100%; }
}
@keyframes loading_anime_text{
	0%{ margin-left:0%; }
	50%{ margin-left:0%; }
	100%{ margin-left:-100%; }
}

#section5 {
	color: #fff;
}
#section5 .btn-more a {
	border: 1px solid #fff;
	color: #fff;
}
.bg2 {
	color: #fff;
}
#section2 .btn-more a span,#section4 .btn-more a span,#section5 .btn-more a span {
	background-image: url(../img/pc/ico_ar_y_w.png), url(../img/pc/ico_ar_y_b.png);
  }
  #section4 .btn-more a {
	border: 1px solid #fff;
	color: #fff;
  }
  .works_list_wrp .btn-more a {
	border: 1px solid #000;
	color: #000;
  }
 body .link-tile li a {
	padding-top: 0;
color: #fff;
  }
 body .slick-dots li button {
	color: #000;
  }
  .link-tile.slide {
	max-width: 95%;
	margin-right: auto;
	margin-left: auto;
  }
  #section2 {
	background-color: #123184;
	padding-top: 50px;
	padding-bottom: 50px;
	color: #fff;
  }
  #section2 .btn-more a {
	border: 1px solid #fff;
	color: #fff;
  }
  .slick-initialized .slick-slide {
	padding: 0;
  }
  .slick-dots li.slick-active button::before {
    opacity: 1;
    color: #fff;
  }





		 

  #section99,#section1{
	overflow:hidden;
	position:relative;
	padding-top: 150px;
	}

	
	@media (min-width:768px){
		#section99::before,#section1::before{
	background-size: 90px 100%;
	background-position: 0% 50%;   
	}  
	}
	 
	@media (min-width:1025px){
		#section99::before,#section1::before{ 
	bottom: -0.1vw;
	left: -0.1vw;
	right: -0.1vw;
	top: -0.1vw; 
	background-size: 100% 90px;
	background-position: 50% 0%;  
	background-image: url('data:image/svg+xml;charset=utf8, <svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100"><g fill="%23123184"><g opacity=".3"><path d="M1000 25v-9h-20l20 9zM1000 54V40l-50-24h-31l57 27 24 11zM1000 83V68l-2-1-52-24-57-27h-30l56 27 53 24 32 16zM977 86l-40-19-52-24-57-27h-30l57 27 52 24 40 19h30zM916 86l-39-19-53-24-56-27h-31l57 27 52 24 40 19h30zM856 86l-40-19-52-24-57-27h-30l56 27 53 24 39 19h31zM795 86l-40-19-52-24-57-27h-30l57 27 52 24 40 19h30zM734 86l-39-19-53-24-56-27h-31l57 27 52 24 40 19h30zM674 86l-40-19-52-24-57-27h-30l56 27 53 24 39 19h31zM613 86l-40-19-52-24-57-27h-30l57 27 52 24 40 19h30zM552 86l-39-19-53-24-56-27h-31l57 27 52 24 40 19h30zM492 86l-40-19-52-24-57-27h-30l56 27 53 24 39 19h31zM431 86l-40-19-52-24-57-27h-30l57 27 52 24 40 19h30zM370 86l-39-19-53-24-56-27h-31l57 27 52 24 40 19h30zM310 86l-40-19-52-24-57-27h-30l56 27 53 24 39 19h31zM249 86l-40-19-52-24-57-27H70l57 27 52 24 40 19h30zM188 86l-39-19-53-24-56-27H9h1l56 27 52 24 40 19h30zM128 86L88 67 36 43 0 26v14l5 3 53 24 39 19h31zM67 86L27 67 0 54v15l37 17h30z"/></g><path fill="none" d="M1002 67l-2-1V16H0v51h1002z"/><path d="M0 16V0h1000v16H0zM1000 38V23l-16-7h-31l47 22z"/><path d="M1000 66V52l-20-9-57-27h-30l57 27 50 23zM1000 86v-5l-28-14-53-24-57-27h-30l57 27 52 24 40 19h19zM828 43l-57-27h31l57 27 52 24 40 19h-31l-39-19-53-24zM768 43l-57-27h30l57 27 52 24 40 19h-30l-40-19-52-24zM707 43l-57-27h30l57 27 53 24 39 19h-30l-40-19-52-24zM646 43l-57-27h31l57 27 52 24 40 19h-31l-39-19-53-24zM586 43l-57-27h30l57 27 52 24 40 19h-30l-40-19-52-24zM525 43l-57-27h30l57 27 53 24 39 19h-30l-40-19-52-24zM464 43l-57-27h31l57 27 52 24 40 19h-31l-39-19-53-24zM403 43l-56-27h30l57 27 52 24 40 19h-30l-40-19-53-24zM343 43l-57-27h30l57 27 53 24 39 19h-30l-40-19-52-24zM282 43l-57-27h31l56 27 53 24 40 19h-31l-39-19-53-24zM221 43l-56-27h30l57 27 52 24 40 19h-30l-40-19-53-24zM161 43l-57-27h30l57 27 53 24 39 19h-30l-40-19-52-24zM100 43L43 16h31l56 27 53 24 40 19h-31l-39-19-53-24zM70 43l52 24 40 19h-30L92 67 39 43 0 24v-9h10l3 1v-1 1l57 27zM62 67l39 19H71L31 67 0 53V38l9 5 53 24zM40 86H10L0 81V67h1l39 19z"/><path fill="none" d="M0 16h1000v70H0z"/></g></svg>'); 
	}
	}
	@media (min-width:2100px){
		#section99::before,#section1::before{
	background-size: 100% calc(2vw + 90px);
	}
	}
	 


	.col-md-3.formTitle .label {
		display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 3px;
	}
	 


	 #section1 {
		background-color: #123184;
	 }


		body .control .status-nav span {
			border: 1px solid #fff;
			padding: .2em .2em 0 .5em;
		}
		 

		#section3 .inner{
			overflow:hidden;
			position:relative;
			}
			#section3 .inner::before{
			content:'';
			font-family:'shape divider from ShapeDividers.com';
			position: absolute;
			bottom: -1px;
			left: -1px;
			right: -1px;
			top: -1px;
			z-index: 3;
			pointer-events: none;
			background-repeat: no-repeat; 
			background-size: 100% 90px;
			background-position: 50% 0%;    
			background-position: 50% 0%;  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z" fill="%23123184"/><path d="M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z" opacity=".5" fill="%23123184"/><path d="M0 1.85c2.56-.83 7.68-.3 11.79-.42 4.1-.12 6.86-.61 9.58-.28 2.73.33 5.61 1.17 8.61 1 3-.19 4.73-.82 5.3-.84V.1H0z" opacity=".5" fill="%23123184"/></svg>'); 
			}
			
			@media (min-width:768px){
				#section3 .inner::before{
			background-size: 100% 90px;
			background-position: 50% 0%;   
			}  
			}
			 
			@media (min-width:1025px){
				#section3 .inner::before{ 
			bottom: -0.1vw;
			left: 980px;
			right: -0.1vw;
			top: -0.1vw; 
			background-size: 90px 100%;
			background-position: 0% 50%;  
			background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2.17 35.28" preserveAspectRatio="none"><path d="M.5 35.28C1.04 32.2.07 26 .5 19.13.9 12.26 1.06 5.4.38 0H0v35.28z" fill="%23123184"/><path d="M1 35.28c.8-3.17-.38-7.3-.55-10.04-.17-2.76 1.47-9.25 1.3-12.68C1.58 9.14.91 7.92.88 5.52.86 3.12 1.76 0 1.76 0H0v35.28z" opacity=".5" fill="%23123184"/><path d="M1.85 35.28c-.83-2.57-.3-7.68-.42-11.8-.12-4.1-.61-6.85-.28-9.57.33-2.73 1.17-5.61 1-8.61-.19-3-.82-4.73-.84-5.3H.1v35.28z" opacity=".5" fill="%23123184"/></svg>'); 
			}
			}
			
			body #section3 .inner {
				margin-left: 0;
				max-width: 1100px;
				padding-left: 0;
				padding-right: 120px;
				
			 }
			 body #section3 .inner .bg {
			 background-color: #123184;
			 padding-left: 200px;
			 }
			 #ftWrap .copyright {
				color: #fff;
			 }
			 #section5 .inner {
				padding-bottom: 60px;
			 }
			 #section6 .inner {
				padding-right: 0;
				padding-left: 0;
				font-size: 0;
			 }
			 #section6 .inner .d_w50 {
				display: inline-block;
				width: 49.9%;
				font-size: 16px;
				color: #000;
				vertical-align: top;
				padding: 50px 100px;
			 }
			 #section6 .inner .d_w50.blue {
			 background-color: #123184;
			 color: #fff;
			 }
			 #section6 .d_w50 .title .ja {
				color: #000;
				margin-top: 20px;
margin-bottom: 20px;
			 }
			 #section6 .d_w50.blue .title .ja {
				color: #fff;
			 }
			 .map iframe {
				width: 100%;
				box-shadow: 0 0 10px rgba(0,0,0,.3);
			 }
			 .title .en {
				text-shadow: 0 1px 0 #bbb, 0 2px 0 #b0b0b0, 0 3px 0 #aaa, 0 4px 0 #a0a0a0, 0 5px 0 #888, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
			 }
			 .title .en.s_none {
				text-shadow: none;
			 }
			.link-area {
				background-color: #123184;
				color: #fff;
				letter-spacing: 1px;
				padding-top: 7px;
				padding-bottom: 7px;
			}
			.s_box {
				box-shadow: 0 0 10px rgba(0,0,0,.3);
				max-width: 93%;
				margin-right: auto;
				margin-left: auto;
			}
			.works_list_wrp p.link-box {
				font-size: 1.1em;
				color: #555;
			}
			.works_list_wrp p.link-name {
				text-align: right;
				color: #555;
			}
			#section99 .inner.works_list_wrp {
				padding-right: 0;
padding-left: 0;
			}
			.border_box {
				border: 2px solid #fff;
padding: 20px;
			}
			body #section5 .bg {
				padding-right: 20px;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
			}
			.border_box {
				padding: 60px;
			}
			.link-tile li a .ttl .en {
				line-height: 1.1;
				margin-bottom: 15px;
				text-shadow: 0 1px 0 #bbb, 0 2px 0 #b0b0b0, 0 3px 0 #aaa, 0 4px 0 #a0a0a0, 0 5px 0 #888, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
			}
			body .slick-dots li button::before {
				opacity: .5;
				color: #000;
				font-size: 10px;
			}
			body .slick-dots li.slick-active button::before {
				opacity: 1;
				color: #000;
			
			}

.section4wrap {
	animation: bgiLoop 100s linear infinite;
background-repeat: repeat !important;
}
@keyframes bgiLoop {
    0% { background-position: 0 0;}
  100% { background-position: -2000px 2000px;}
}
#section7 .title {
	text-align: center;
	margin-bottom: 60px;
}
#section7 .title .inner {
	padding-right: 0;
	padding-left: 0;
}
.list {
	font-size: 0;
	padding-left: 0;
}
.list li {
	font-size: 16px;
	display: inline-block;
	width: 33.27%;
	text-align: center;
	padding-right: 30px;
	padding-left: 30px;
	vertical-align: top;
	margin-bottom: 50px;
}
.list li img {
	display: block;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
}
body #section7 .title .en {
	height: 120px;
}
body #section7 .inner {
	padding-right: 5vw;
	padding-left: 5vw;
}


#hdWrap{
	overflow: hidden;
	position: relative;
	background-color: #fff;
	padding-bottom: 80px;
	padding-top: 10px;
	}
	#hdWrap::before{
	content:'';
	font-family:'shape divider from ShapeDividers.com';
	position: absolute;
	bottom: -1px;
	left: -1px;
	right: -1px;
	top: -1px;
	z-index: 3;
	pointer-events: none;
	background-repeat: no-repeat; 
	background-size: 100% 90px;
	background-position: 50% 100%;    
	background-image: url('data:image/svg+xml;charset=utf8, <svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100"><g fill="%23123184"><g opacity=".3"><path d="M1000 75v10h-20l20-10zM1000 46v15l-50 24h-31l57-27 24-12zM1000 18v14l-2 1-52 25-57 27h-30l56-27 53-25 32-15zM977 14l-40 19-52 25-57 27h-30l57-27 52-25 40-19h30zM916 14l-39 19-53 25-56 27h-31l57-27 52-25 40-19h30zM856 14l-40 19-52 25-57 27h-30l56-27 53-25 39-19h31zM795 14l-40 19-52 25-57 27h-30l57-27 52-25 40-19h30zM734 14l-39 19-53 25-56 27h-31l57-27 52-25 40-19h30zM674 14l-40 19-52 25-57 27h-30l56-27 53-25 39-19h31zM613 14l-40 19-52 25-57 27h-30l57-27 52-25 40-19h30zM552 14l-39 19-53 25-56 27h-31l57-27 52-25 40-19h30zM492 14l-40 19-52 25-57 27h-30l56-27 53-25 39-19h31zM431 14l-40 19-52 25-57 27h-30l57-27 52-25 40-19h30zM370 14l-39 19-53 25-56 27h-31l57-27 52-25 40-19h30zM310 14l-40 19-52 25-57 27h-30l56-27 53-25 39-19h31zM249 14l-40 19-52 25-57 27H70l57-27 52-25 40-19h30zM188 14l-39 19-53 25-56 27H9l1-1 56-26 52-25 40-19h30zM128 14L88 33 36 58 0 74V60l5-2 53-25 39-19h31zM67 14L27 33 0 46V32l37-18h30z"/></g><path fill="none" d="M1002 33l-2 1v51H0V33h1002z"/><path d="M0 85v15h1000V85H0zM1000 63v14l-16 8h-31l47-22z"/><path d="M1000 34v14l-20 10-57 27h-30l57-27 50-24zM1000 14v6l-28 13-53 25-57 27h-30l57-27 52-25 40-19h19zM828 58l-57 27h31l57-27 52-25 40-19h-31l-39 19-53 25zM768 58l-57 27h30l57-27 52-25 40-19h-30l-40 19-52 25zM707 58l-57 27h30l57-27 53-25 39-19h-30l-40 19-52 25zM646 58l-57 27h31l57-27 52-25 40-19h-31l-39 19-53 25zM586 58l-57 27h30l57-27 52-25 40-19h-30l-40 19-52 25zM525 58l-57 27h30l57-27 53-25 39-19h-30l-40 19-52 25zM464 58l-57 27h31l57-27 52-25 40-19h-31l-39 19-53 25zM403 58l-56 27h30l57-27 52-25 40-19h-30l-40 19-53 25zM343 58l-57 27h30l57-27 53-25 39-19h-30l-40 19-52 25zM282 58l-57 27h31l56-27 53-25 40-19h-31l-39 19-53 25zM221 58l-56 27h30l57-27 52-25 40-19h-30l-40 19-53 25zM161 58l-57 27h30l57-27 53-25 39-19h-30l-40 19-52 25zM100 58L43 85h31l56-27 53-25 40-19h-31l-39 19-53 25zM70 58l52-25 40-19h-30L92 33 39 58 0 76v10l10-1h3v1-1l57-27zM62 33l39-19H71L31 33 0 48v14l9-4 53-25zM40 14H10L0 19v14h1l39-19z"/><path fill="none" d="M0 14h1000v70H0z"/></g></svg>'); 
	}
	
	@media (min-width:768px){
		#hdWrap::before{
	background-size: 100% 90px;
	background-position: 50% 100%;   
	}  
	}
	 
	@media (min-width:1025px){
		#hdWrap::before{ 
	bottom: -0.1vw;
	left: -0.1vw;
	right: -0.1vw;
	top: -0.1vw; 
	background-size: 100% 90px;
	background-position: 50% 100%;  
	}
	}
	@media (min-width:2100px){
		#hdWrap::before{
	background-size: 100% calc(2vw + 90px);
	}
	}
	.menu a i {
		margin-right: 5px;
		}
		
		
		.menu a {
		  text-decoration: none;
		  color: #fff;
		}
		
		.menu ul {
		list-style: none;
		font-size: 16px;
		margin: 0;
		padding: 0;
		color: #fff;
		}
		
		.menu {
		  -webkit-transition: ease .5s;
		  transition: ease .5s;
		  z-index: 100;
		position: absolute;
		top: 0;
		left: -400px;
		height: 100vh;
		padding: 4em 5em 3em;
		background-color: rgba(18, 49, 132,.9);
		z-index: 20;
		position: fixed;
		max-width: 400px;
		}
		
		.menu ul li {
			padding: 1em 0em;
		border-bottom: 1px solid #fff;
		text-align: left;
		}
		
		.menu.open {
		  display: block;
		  overflow-y: auto;
		  -webkit-overflow-scrolling: touch;
		left: 0;
		z-index: 99999;
		}
		
		.drawers {
			position: absolute;
			right: 5px;
			top: 15px;
			overflow: hidden;
		}
		
		.drawer {
		  display: flex;
		  align-items: center;
		  justify-content: space-between;
		  flex-direction: row;
		  position: relative;
		  height: 70px;
		  padding: 0 1em;
		}
		
		/* タブレット以下のサイズで表示 */
		
		@media (max-width: 768px) {
		  .drawers {
			display: block;
		  }
		  .drawer {
			height: 60px;
		  }
		}
		
		.navbar_toggle {
		  z-index: 999;
		cursor: pointer;
		}
		
		.navbar_toggle_icon {
		  position: relative;
		  display: block;
		  height: 2px;
		  width: 30px;
		  background: #fff;
		  -webkit-transition: ease .5s;
		  transition: ease .5s;
		  margin-right: auto;
margin-left: auto;
		}
		
		.navbar_toggle_icon:nth-child(1) {
		  top: 0;
		}
		
		.navbar_toggle_icon:nth-child(2) {
		  margin: 8px auto;
		}
		
		.navbar_toggle_icon:nth-child(3) {
		  top: 0;
		}
		
		/*ハンバーガーメニューの開閉*/
		.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
		  top: 10px;
		  -webkit-transform: rotate(45deg);
		  transform: rotate(45deg);
		}
		
		.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
		  -webkit-transform: translateY(-50%);
		  transform: translateY(-50%);
		  opacity: 0;
		}
		
		.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
		  top: -10px;
		  -webkit-transform: rotate(-45deg);
		  transform: rotate(-45deg);
		}
		
		.navbar_toggle {
			margin: 0 0 0 auto;
			color: #fff;
			padding: 13px 10px 1px;
			border-radius: 5px;
		}
		.navbar_toggle_text {
			font-size: .8em;
			display: block;
			margin-top: 3px;
		}

		.description {
			margin-top: 50px;
			margin-bottom: 50px;
			max-width: 500px;
			margin-right: auto;
			margin-left: auto;
			}


			@media (max-width:1300px){
				body #section99 {
					padding-top: 50px;
					padding-bottom: 30px;

				}
				body #section1 {
					padding-top: 0;
				}
				body #section1 .bg-movie {
					max-width: 100%;
				}
				body #section1 .movie-btn {
					bottom: 35%;
				}
				body #section1 .bg-movie-wrapper {
					max-height: 100%;
				}
				html body section#section99 .title .en,html body section#section2 .title .en {
					height: auto;
					margin-bottom: 20px;
				  }
			body #section3 .inner {
				margin-left: 0;
				max-width: 1100px;
				padding-left: 0;
				padding-right: 0;
				margin-top: 50px;
			}
			body #section3 .inner .bg {
				background-color: #123184;
				padding-left: 15px;
				padding-right: 15px;
			  }
			  body .control .title .en {
				height: auto;
				line-height: 1.2em;
				text-align: center;
				margin-bottom: 20px;
			  }
			  body .title .ja {
				text-align: center;
			  }
			  .border_box {
				background-color: #123184;
			  }
			  .border_box {
				padding: 40px 20px;
			  }
			  body #section5 .bg {
				padding-right: 0;
				padding-left: 0;
				padding-top: 0;
				padding-bottom: 0;
			  }
			  body #section5 .title .en {
				height: auto;
				margin-bottom: 20px;
				text-align: center;
			  }
			  body .control .image {
				text-align: center;
				margin: 2.7em 0 0;
			  }
			  body #section6 .inner .d_w50 {
				width: 100%;
				padding-right: 20px;
				padding-left: 20px;
			  }
			  body #section6 .title .en {
				height: auto;
				margin-bottom: 20px;
			  }
			  body #section6 .inner .d_w50.white_p {
				background-color: #fff;
			  }
			  #section6 .inner {
				padding-bottom: 0;
			  }
			  .iso-area {
				background-color: #123184;
				color: #fff;
				padding-top: 10px;
				padding-bottom: 10px;
			  }
			  body #pWrap {
				padding-bottom: 46px;
			  }
			  body #section5 .inner {
				padding-right: 10px;
				padding-left: 10px;				
			  }
			  body #section2 {
				padding-top: 0;
				padding-bottom: 50px;
			  }
body #section6 .inner {
				padding-bottom: 0;
			  }
			  body .description {
				margin-bottom: 20px;
			  }
			  #ftWrap .inner {
				padding: 13px 0 20px;
			  }
			  body .menu {
			  width: 75%;
			  padding-right: 30px;
			  padding-left: 30px;
			  }
			  .menu ul li {
				width: 100%;
			  }
			  .menu .center {
				margin-bottom: 30px;
			  }
			  body .link-tile li a .ttl .en {
				font-size: 3em;
			  }
			  .border_box .text a {
				color: #fff;
			  }
			  .link-tile li a .ttl .ja {
				font-size: 18px;
				padding: 5px 10px;
			  }
			  .slick-slide img {
				margin-right: auto;
margin-left: auto;
object-fit: cover;
height: 100vh;
			  }
			  #section1 .bg-movie-wrapper::before {
				padding-top: 55%;
			  }
			  #section3 .inner::before {
				display: none;
			  }


			}
@media (min-width:767px){
.ip_only {
	display: none !important;
}
		}
@media (max-width:766px){
.pc_only {
	display: none !important;
}
}
@media (min-width:1300px){
	.ip_only_1500 {
		display: none !important;
	}
			}
	@media (max-width:1299px){
	.pc_only_1500 {
		display: none !important;
	}
	}


body {
	background-color: #e4eeff;
	color: #1a1a1a;
	position: relative;
	min-height: 910px;
}
body .an {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	margin: auto;
	font-weight: bold;
font-size: 3.5em;
width: 100%;
}


.main_img img {
	width: 100%;
}
.main_img {
position: relative;
}
.cv_bb {
position: absolute;
max-width: 500px;
width: 100%;
bottom: 120px;
right: 50px;
font-size: 0;
}
.cv_bb div {
	width: 50%;
	font-size: 16px;
	display: inline-block;
	height: 200px;
	position: relative;
}
.cv_bb div a {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	margin: auto;
	width: 200px;
	height: 200px;
	border: 3px solid #fff;
	border-radius: 100%;
background-size: 190px;
color: transparent;
background-position: center;
background-repeat: no-repeat;
}
.cv_bb .cv2 a {
	background-color: #e94c01;
	background-image: url(../img/text_img1.png);
}
.cv_bb .cv1 a {
	background-color: #eb901a;
	background-image: url(../img/text_img1.png);
}
section.se1 {
	padding-bottom: 100px;
	padding-top: 100px;
	background-image: url(../img/AdobeStock_221885268.jpeg);
	background-position: center;
	background-size: cover;
	color: #fff;
	position: relative;
}
section.se1::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: rgba(0, 103, 192,.6);

}


section.se2 .inner {
	margin-top: 80px;
	background-color: #fff;
	padding: 70px 50px;
	color: #000;
	max-width: 1200px;
	padding-top: 100px;
	border-radius: 0;
}
.inner {
	max-width: 1200px;
}
.right_text {
	font-size: 18px;
	max-width: 700px;
	margin-left: auto;
	padding: 25px 35px;
	background-color: rgba(0, 0, 0, 0.5);
}



.fukidashi {
background-image: radial-gradient(rgb(57, 57, 57), rgb(0, 0, 0));
padding: 20px;
margin-bottom: 40px;
font-size: 1.5em;
font-weight: bold;
line-height: 1.7em;
}
.fukidashi .f_text {
max-width: 450px;
margin-right: auto;
margin-left: auto;
}
.se1 .list li {
padding-right: 10px;
padding-left: 10px;
}
.se1 .list li div {
	color: #000;
	background-color: #fff;
	padding: 40px 10px;
	font-size: 18px;
	line-height: 1.5em;
	text-align: left;
	padding-left: 140px;
}
.nav {
	color: #fff;
	background-color: rgb(0, 103, 192);
}
.nav .list {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
}
.nav .list li {
	margin-bottom: 0;
	font-weight: bold;
	width: 25%;
}
.nav .list li a {
padding-top: 10px;
padding-bottom: 10px;
display: block;
font-weight: normal;
color: #fff;
font-weight: 900;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
  }
.logo {
	max-width: 400px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	min-height: 40px;
	display: none;
}
.top_text p {
	max-width: 500px;
	margin-right: auto;
	margin-left: auto;
}
.top_text p img {
	width: 100%;

}


.se3 .cv {
	color: #fff;
	display: block;
	font-size: 1.2em;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	max-width: 450px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: linear-gradient(to right, #4285f4, #01c353, #4285f4);
  background-clip: text;
  background-size: 200%;
  -webkit-animation: home-slider-text01 4s 3.5s cubic-bezier(0.165, 0.84, 0.44, 1) both, fade-in 4s 3.5s linear both;
  animation: home-slider-text01 4s 3.5s cubic-bezier(0.165, 0.84, 0.44, 1) both, fade-in 4s 3.5s linear both;
  -webkit-animation: home-slider-text02 0.8s 0.7s both, move-gradient 10s infinite;
  animation: home-slider-text02 0.8s 0.7s both, move-gradient 10s infinite;
  -webkit-animation: move-gradient 10s infinite;
  animation: move-gradient 10s infinite;
  color: #fff;
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: #fff;
  padding-right: 3px;
  padding-left: 3px;
  margin-right: auto;
  margin-left: auto;
  font-weight: 900;
}
.se3 {
	padding-top: 120px;
	padding-bottom: 30px;
	background-color: #e4eeff;
}
.se3 h2 .h3_box {
	background-color: #e4eeff;
}


h2 {
	font-weight: bold;
	font-size: 1.8em;
	text-align: center;
	margin-bottom: 80px;
	position: relative;
	margin-top: 30px;
}
h2::before {
	content: "";
	position: absolute;
	height: 1px;
	width: 100%;
	background-color: #000;
	top: 65%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	margin: auto;
	max-width: 900px;
}
.price_number {
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0em;
	line-height: 1.1em;
	font-size: 1.3em;
	color: #333;
}
.price_number s {
	font-family: 'Oswald', sans-serif;
}

.price_text .small {
	letter-spacing: 0.1em;
	font-weight: 700;
}
.price_text .big {
	letter-spacing: 0em;
}





.flex {
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	justify-content: space-between;
}
.price_box .flex {
	align-items: baseline;
	justify-content: center;
}
.price_setting {
	background-color: #ffa959;
	margin-top: 20px;
	color: #fff;
	font-weight: 700;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}


.price_text .big {
	font-size: 1em;
	font-weight: 700;
	line-height: 0;
}
.price_text {
	padding-left: 2px;
	font-family: 'Oswald', sans-serif;
}
.price_box {
	width: 48%;
}
.price table {
	margin-bottom: 60px;
}
.price table {
	width: 100%;
}
.price table th {
	width: 200px;
	text-align: center;
	color: #fff;
	background-color: #303030;
}
.price_box table td {
	width: 50%;
}
.price table {
	border-collapse: collapse;
	border: solid 2px #333;
  }
.price th,.price td {
	padding: 20px;
  }
.price .inner {
	padding-right: 0;
	padding-left: 0;
	max-width: 1000px;
}
.attention_list {
	font-weight: 500;
}
.price table th .big {
	display: block;
	margin-bottom: 5px;
	font-size: 1.5em;
	color: #b8ab82;
}
.price table th .small {
	display: block;
	font-size: 1em;
}
.price h3 {
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 30px;
}
.price_box_text {
	text-align: center;
}
.price .red {
	color: #fb3431;
	font-size: 1.5em;
	font-family: 'Oswald', sans-serif;
}
.price h4 {
	color: #fff;
	font-weight: 700;
	font-size: 1.2em;
	background-color: #ffa959;
	padding-bottom: 10px;
	margin-top: 0;
	margin-bottom: 0;
}
.price_box_text {
	text-align: center;
}

td .flex {
	align-items: baseline;
	justify-content: left;
}
.price_number .small {
	font-size: .7em;
	padding-left: 15px;
}





h2 .h3_box {
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	z-index: 99999;
	position: relative;
	width: auto;
	display: inline-block;
	padding-right: 15px;
	padding-left: 15px;
	color: #000;
}
.price {
	padding-bottom: 100px;
	padding-top: 100px;
	background-color: #fff;
}



.en {
	font-family: 'Oswald', sans-serif;
}
h3 b {
background: linear-gradient(90deg, rgba(254, 220, 64, 1), rgba(254, 184, 65, 1) 0%, rgba(247, 93, 139, 1) 90%);
background: -webkit-linear-gradient(90deg, rgba(254, 220, 64, 1), rgba(254, 184, 65, 1) 0%, rgba(247, 93, 139, 1) 90%);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.h3_box span.en {
	color: #e94c01;
	position: absolute;
	right: 0;
	left: 0;
	top: -80px;
	font-size: 1.8em;
	background: linear-gradient(90deg, rgba(254, 220, 64, 1), rgba(254, 184, 65, 1) 0%, rgba(247, 93, 139, 1) 90%);
	background: -webkit-linear-gradient(90deg, rgba(254, 220, 64, 1), rgba(254, 184, 65, 1) 0%, rgba(247, 93, 139, 1) 90%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding-top: 10px;
	width: auto;
display: block;
margin: auto;
}
.l_text {
	text-align: left;
}

h3 {
font-size: 1.3em;
margin-bottom: 15px;
line-height: 1.4em;
font-weight: 900;
}
.right_text p {
	line-height: 1.5em;
	margin-bottom: 20px;
	font-weight: 500;
}

.right_text .en {
	font-size: 2.8em;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 25px;
}
.se1 .inner {
	max-width: 1350px;
}
.se6 .list li {
	text-align: left;
	padding-right: 8px;
padding-left: 8px;
}
.list_img {
	max-width: 45%;
	float: left;
	padding-right: 15px;
}
.clear{
	clear:both;
}
.white {
padding: 25px;
background-color: #fff;
}
.se6 {
	background-color: #FFEFE1;
	padding-top: 0;
	padding-bottom: 0;
	background-image: url(../img/DSC00905.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.se8 {
	background-color: #e4eeff;
	padding-top: 100px;
	padding-bottom: 100px;
}


.se6 h2 .h3_box {
background-color: #e4eeff;
}
.se8 h2 .h3_box {
	background-color: #e4eeff;
}
.list_text {
	font-size: .9em;
	line-height: 1.4em;
}
h4 {
font-size: 1.4em;
margin-bottom: 15px;
}
.se7 {
	padding-bottom: 150px;
	padding-top: 150px;
	background-image: url(../img/AdobeStock_221885268.jpeg);
	background-position: center;
	background-size: cover;
	color: #fff;
	position: relative;
}
.se7::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: rgba(0, 103, 192,.6);
	background: linear-gradient(to right, rgba(3,230,206,0.90), rgba(3,115,230,0.90), rgba(3,230,206,0.90));
	background: linear-gradient(to right, rgba(3,115,230,0.90), rgba(3,230,206,0.90), rgba(3,115,230,0.90));
}


.se2 {
	padding-bottom: 100px;
}
.se7 .inner {
	background-color: #fff;
	padding-top: 120px;
	padding-bottom: 60px;
	border-radius: 0;
}
.right_text b {
	background: linear-gradient(90deg, rgba(254, 220, 64, 1), rgba(254, 184, 65, 1) 0%, rgba(247, 93, 139, 1) 90%);
	background: -webkit-linear-gradient(90deg, rgba(254, 220, 64, 1), rgba(254, 184, 65, 1) 0%, rgba(247, 93, 139, 1) 90%);
	  background-clip: border-box;
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.QBox {
    font-size: 1.5em;
}

.QBox .Q {
	font-size: .8em;
	font-weight: 700;
	position: relative;
	padding: .7em 1em;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	background-color: #fff;
	margin-bottom: 30px;
	border-radius: 0;
	font-weight: 600;
}
.QBox .Q o {
    display: inline-block;
    background: #e94c01;
    color: rgba(255,255,255,1);
    padding: .2em;
    margin-right: .3em;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    top: .2em;
    left: .2em;
}
.QBox .Q i {
	float: right;
	transition: all .3s ease-in-out 0s;
	background: -webkit-linear-gradient(90deg, rgba(254, 220, 64, 1), rgba(254, 184, 65, 1) 0%, rgba(247, 93, 139, 1) 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding-top: 3px;
	font-size: 1.7em;
}
.QBox .Q i.active {
    display: none;
}
.QBox .A.active {
    display: block;
    margin-bottom: 1.5em;
    -webkit-animation: fadeIn .4s ease-in-out 0s forwards;
    animation: fadeIn .4s ease-in-out 0s forwards;
}
.QBox .A {
    display: none;
    -webkit-opacity: 0;
    opacity: 0;
    position: relative;
    padding: .5em 1em;
    font-size: .9em;
	background: rgb(0, 103, 192);
    color: rgba(255,255,255,1);
    border: 3px solid rgb(0, 103, 192);
    -webkit-border-radius: 5px;
    border-radius: 0;
	font-weight: 500;
}
.QBox .A.active::before {
	content: '';
	width: 0;
	height: 0;
	border: .7em solid transparent;
	border-bottom: .9em solid rgb(0, 103, 192);
	position: absolute;
	bottom: 100%;
	left: 9%;
}
.QBox .A table td:nth-child(1) {
	width: 100px;
	text-align: left;
	max-width: 100px;
}
.QBox .A table td:nth-child(2) {
	width: calc(100% - 100px);
	padding-left: 25px;
}
.QBox .A table td img {
	max-width: 100px;
	border-radius: 100%;
	border: 2px solid #fff;
}


@media screen and (max-width: 750px) {
	.d-sp {
		display: block !important;
	}
	.Text {
		font-size: 14px !important;
		line-height: 1.8em;
	}
	.QBox .Q {
		font-size: 16px !important;
	}
	.button_area_title {
	font-size: 1.5em !important;
	}
	.button_area_waku {
	font-size: 1.7em !important;
	}
	.area-block__title > .num {
	font-size: 2rem !important;
	}
	.rate p.txt-img.m60 {
	margin-top: 2em !important;
	}
	body .global_menu.fixed3 {
		display: none !important;
	}
	}

	.btn-success:hover {
		border: none !important;
		font-weight: 900;
	}
	.btn-success {
		background: linear-gradient(to right, #4285f4, #01c353, #4285f4);
		animation: move-gradient 10s infinite;
		color: #fff;
		-webkit-background-clip: border-box;
		-webkit-text-fill-color: #fff;
		font-weight: 900;
		line-height: 2em;
		font-size: 1.2em;
		background-size: auto;
background-size: 200%;
		-webkit-animation: home-slider-text01 4s 3.5s cubic-bezier(0.165, 0.84, 0.44, 1) both, fade-in 4s 3.5s linear both;
animation: home-slider-text01 4s 3.5s cubic-bezier(0.165, 0.84, 0.44, 1) both, fade-in 4s 3.5s linear both;
-webkit-animation: home-slider-text02 0.8s 0.7s both, move-gradient 10s infinite;
animation: home-slider-text02 0.8s 0.7s both, move-gradient 10s infinite;
-webkit-animation: move-gradient 10s infinite;
animation: move-gradient 10s infinite;
	}
	.btn-success:active {
		border-color: none;
		font-weight: 900;
		background: linear-gradient(to right, #4285f4, #01c353, #4285f4);
		animation: move-gradient 10s infinite;
		color: #fff;
		-webkit-background-clip: border-box;
		-webkit-text-fill-color: #fff;
		font-weight: 900;
		line-height: 2em;
		font-size: 1.2em;
			}


	body .col-sm-offset-4 {
		width: 100%;
		max-width: 500px;
		margin-right: auto;
		margin-left: auto;
		display: block;
		float: none;
		margin-top: 0;
	}
	.btn-group-lg > .btn, .btn-lg {
		border-radius: 0;
	}
	.form-horizontal .form-group {
		margin-right: 0;
		margin-left: 0;
	}

	.Text {
		font-size: 17px;
	}

	.label-danger {
		background-color: #F00029;
	  }
	  .label {
		display: inline;
		padding: .3em .4em .1em;
		font-size: 85%;
		font-weight: 700;
		line-height: 1;
		color: #fff;
		text-align: center;
		white-space: nowrap;
		vertical-align: baseline;
		border-radius: 0;
	  }
	  .check-btns label {
		font-size: 18px;
		color: #000;
	  }


.col-md-3.formTitle {
	position: relative;
	font-size: 1.1em;
}
.col-md-3.formTitle .label {
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 24px;



	background: linear-gradient(to right, #4285f4, #01c353, #4285f4);
	background-size: auto;
  background-size: 200%;
  -webkit-animation: home-slider-text01 4s 3.5s cubic-bezier(0.165, 0.84, 0.44, 1) both, fade-in 4s 3.5s linear both;
  animation: home-slider-text01 4s 3.5s cubic-bezier(0.165, 0.84, 0.44, 1) both, fade-in 4s 3.5s linear both;
  -webkit-animation: home-slider-text02 0.8s 0.7s both, move-gradient 10s infinite;
  animation: home-slider-text02 0.8s 0.7s both, move-gradient 10s infinite;
  -webkit-animation: move-gradient 10s infinite;
  animation: move-gradient 10s infinite;
  font-weight: 900;
}
.comit-thanks .row {
	margin-right: 0;
	margin-left: 0;
	padding-bottom: 35px;
	margin-bottom: 35px;
	display: flex;
align-items: center;
}
.col-md-3.formTitle {
	font-weight: 900;
	color: #000;
}


.form-control {
	width: 100%;
	padding: 0 12px;
	font-size: 18px;
	font-weight: 400;
	line-height: 50px;
	letter-spacing: .1em;
	background: #f2f1f1;
	height: 50px;
	line-height: 50px;
}
.label.label-normal {
	color: #4285f4;
	border: 1px solid #4285f4;
	background: #fff !important;
	padding-top: .2em;
padding-bottom: .2em;
}
footer p {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: rgb(0, 103, 192);
	color: #fff;
	margin-bottom: 0;
	font-weight: 900;
}
.company_img {
	float: left;
	width: 330px;
	padding-right: 30px;
}
.se2 .list {
	background-image: url(../img/DSC00910.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 30px;
	border-radius: 0;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.se2 .list li {
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 0;
	width: 31%;
}
.se2 .list li .white {
	padding: 15px;
	border-radius: 0;
	height: 100%;
}
.se2 .list li img {
	border: none;
	border-radius: 0;
}
.l_text {
	font-size: 15px;
}
.company_box {
	padding: 30px;
	border-radius: 10px;
	color: #fff;
}
.company_box a {
	color: #000;
	text-decoration-line: underline;
}

.clear{
	clear:both;
}
.w800 {
	width: 100%;
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.Q #minus {
	display: none;
}
.Q.active #plus {
	display: none;
}
.Q.active #minus {
	display: block;
}
.se3 .list {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0;
	display: flex;
	justify-content: center;

}
.se3 .list li {
	width: 50%;
	box-sizing: border-box;
	padding-right: 0;
	padding-left: 0;
}
.se3 .cv.tel {
	color: #4285f4;
	border: 2px solid #4285f4;
	background: #fff !important;
	font-weight: 900;
	-webkit-text-fill-color: #4285f4;
}
.se6 h2 .h3_box {
	background-color: transparent;
	color: #000;
	width: 100%;
}
.se6 h2::before {
	display: none;
}
.se6 .inner {
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: rgba(255, 255, 255, 0.7);
}
.se6 h2 {
	margin-bottom: 20px;
}

.company_text th {
	text-align: left;
	font-size: 1.6em;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #000;
  }
  .company_text td {
	text-align: left;
	font-size: 1.6em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
	color: #000;
  }
  .company_text tr {
	border-bottom: 1px solid #000;
  }
  .company_text table {
	width: 100%;
  }
  .se6 h2.mt130 {
	margin-top: 130px;
	margin-bottom: 40px;

}
.regular_2.slider img {
	border: 2px solid #fff;
}
.se9 {
	margin-bottom: -9px;
}
.se9 iframe {
	max-width: 100%;}

.top_text {
	position: absolute;
	top: 47%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	margin: auto;
	font-weight: bold;
font-size: 5em;
line-height: 1.5em;
max-width: 1200px;
width: 100%;
color: #fff;
font-family: 'Noto Serif JP' , cursive,serif;
}

.top_text b {
background: linear-gradient(90deg, rgba(254, 220, 64, 1), rgba(254, 184, 65, 1) 0%, rgba(247, 93, 139, 1) 90%);
background: -webkit-linear-gradient(90deg, rgba(254, 220, 64, 1), rgba(254, 184, 65, 1) 0%, rgba(247, 93, 139, 1) 90%);
  background-clip: border-box;
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.main_img::before {
	content: "";
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
z-index: 2;
}

.top_area {
	position: absolute;
	width: 100%;
	height: calc(100vh - 50px);
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	z-index: 3;
}
body .slick-dots {
	bottom: -40px;
}
body .hyouStr {
	border-top: none;
}
html {
	overflow-x: hidden;
}
ul.slider {
	padding: 0;
}
.check-btn label {
	font-weight: normal;
}
.pro_career b,.pro_text b {
	background: linear-gradient(90deg, rgba(254, 220, 64, 1), rgba(254, 184, 65, 1) 0%, rgba(247, 93, 139, 1) 90%);
	background: -webkit-linear-gradient(90deg, rgba(254, 220, 64, 1), rgba(254, 184, 65, 1) 0%, rgba(247, 93, 139, 1) 90%);
	  background-clip: border-box;
	background-clip: border-box;
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.se4 .inner {
	background-color: rgba(255, 255, 255, 0.7);
	padding-top: 100px;
	padding-bottom: 100px;
}
.se4 {
	padding-top: 100px;
	padding-bottom: 100px;
	background-image: url(../img/DSC00905.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.pro_box div {
	display: inline-block;

	vertical-align: top;
	position: relative;
}
.pro_box div b {
	position: absolute;
	top: 0;
	font-size: 3em;
}

.pro_box .pro_career {
	width: 60%;
	font-size: 1.2em;
	padding-top: 90px;
	padding-bottom: 15px;
	font-weight: 600;
}
.pro_box .pro_img {
	width: 39.4%;
	box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
.se4 h2 .h3_box {
	background-color: transparent;
}
.se4 h2::before {
	display: none;
}
.pro_text {
padding-top: 25px;
font-size: 1.2em;
font-weight: 600;
}


@keyframes home-slider-text02 {
	0% {
	  transform: translateY(30px);
	  opacity: 0;
	}
	100% {
	  transform: translate3d(0,0,0);
	  opacity: 1;
	}
	}
	@keyframes move-gradient {
	0% {
	  background-position: 0;
	}
	100% {
	  background-position: -200% 0;
	}
	}
	.h3_box span.en {
		background: linear-gradient(to right, #4285f4, #01c353, #4285f4);
	background-clip: text;
	background-size: 200%;
	-webkit-animation: home-slider-text01 4s 3.5s cubic-bezier(0.165, 0.84, 0.44, 1) both, fade-in 4s 3.5s linear both;
	  animation: home-slider-text01 4s 3.5s cubic-bezier(0.165, 0.84, 0.44, 1) both, fade-in 4s 3.5s linear both;
	  -webkit-animation: home-slider-text02 0.8s 0.7s both, move-gradient 10s infinite;
	  animation: home-slider-text02 0.8s 0.7s both, move-gradient 10s infinite;
	-webkit-animation: move-gradient 10s infinite;
	animation: move-gradient 10s infinite;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	font-family: 'Oswald', sans-serif;
line-height: 1em;
padding-top: 0;
	}
	h3 b {
		background: linear-gradient(to right, #4285f4, #01c353, #4285f4);
		background-clip: text;
		background-size: 200%;
		-webkit-animation: home-slider-text01 4s 3.5s cubic-bezier(0.165, 0.84, 0.44, 1) both, fade-in 4s 3.5s linear both;
		  animation: home-slider-text01 4s 3.5s cubic-bezier(0.165, 0.84, 0.44, 1) both, fade-in 4s 3.5s linear both;
		  -webkit-animation: home-slider-text02 0.8s 0.7s both, move-gradient 10s infinite;
		  animation: home-slider-text02 0.8s 0.7s both, move-gradient 10s infinite;
		-webkit-animation: move-gradient 10s infinite;
		animation: move-gradient 10s infinite;
		-webkit-text-fill-color: transparent;
		-webkit-background-clip: text;
	}
	.right_text b {
		background: linear-gradient(to right, #4285f4, #01c353, #4285f4);
		background-clip: text;
		background-size: 200%;
		-webkit-animation: home-slider-text01 4s 3.5s cubic-bezier(0.165, 0.84, 0.44, 1) both, fade-in 4s 3.5s linear both;
		  animation: home-slider-text01 4s 3.5s cubic-bezier(0.165, 0.84, 0.44, 1) both, fade-in 4s 3.5s linear both;
		  -webkit-animation: home-slider-text02 0.8s 0.7s both, move-gradient 10s infinite;
		  animation: home-slider-text02 0.8s 0.7s both, move-gradient 10s infinite;
		-webkit-animation: move-gradient 10s infinite;
		animation: move-gradient 10s infinite;
		color: #fff;
		-webkit-background-clip: border-box;
		-webkit-text-fill-color: #fff;
		padding-right: 3px;
padding-left: 3px;
margin-right: 3px;
margin-left: 3px;
	}
	.pro_box div b {
		background: linear-gradient(to right, #4285f4, #01c353, #4285f4);
		background-clip: text;
		background-size: 200%;
		-webkit-animation: home-slider-text01 4s 3.5s cubic-bezier(0.165, 0.84, 0.44, 1) both, fade-in 4s 3.5s linear both;
		  animation: home-slider-text01 4s 3.5s cubic-bezier(0.165, 0.84, 0.44, 1) both, fade-in 4s 3.5s linear both;
		  -webkit-animation: home-slider-text02 0.8s 0.7s both, move-gradient 10s infinite;
		  animation: home-slider-text02 0.8s 0.7s both, move-gradient 10s infinite;
		-webkit-animation: move-gradient 10s infinite;
		animation: move-gradient 10s infinite;
		-webkit-text-fill-color: transparent;
		-webkit-background-clip: text;
		line-height: 1em;

	}

	* {
		font-family: BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
	}
	.right_text .en span.small {
		font-size: 75%;
		font-weight: 900;
		color: #fff;
	}
	.QBox .Q i {
		background-color: rgb(0, 103, 192);
		-webkit-text-fill-color: rgb(0, 103, 192);
	}
	.Q span {
		font-family: 'Oswald', sans-serif;
		font-size: 2em;
		color: rgb(0, 103, 192);
		font-weight: 900;
		position: absolute;
		top: 45%;
		bottom: 50%;
		margin: auto;
		line-height: 0;
	}
	.QBox .Q {
		display: flex;
		align-items: center;
	}
	.QBox .Q i {
		position: absolute;
		right: 2%;
	}
	.QBox .Q b {
		display: inline-block;
		padding-left: 40px;
	}
	@media screen and (min-width: 920px) {
	.col-md-9.formArea {
		padding-left: 50px;
	}


	}


	body .slick-dots {
		display: none;
	}



	.price table td {
		padding: 3.4rem 3rem;
		border-right: solid 1px #fff;
		border-bottom: solid 1px #fff;
		font-weight: 400;
		text-align: left;
		background: #fff;
		font-size: 17px;
		font-weight: 500;
	}

.price_box td {
	text-align: center;
}

	.price table th {
		background: #0e0e0e;
		color: #fff;
		text-align: center;
		font-weight: 600;
		padding: 12px;

	  }
	  .price table tr:nth-child(2n+1) td {
		background: #f6f4f2;
	  }
	  .red {
		color: #dc1e00;
	  }
	  .price_box_text dl {
		display: flex;
		align-items: center;
		justify-content: center;
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
		border-bottom: dashed 1px #ccc;
		padding-bottom: 20px;
		padding-top: 20px;
		margin-bottom: 0;
	  }
	  .price_box_text dt {
		max-width: 150px;
		width: 100%;
		text-align: left;
	  }
	  .price_box_text dd {
		max-width: 170px;
		width: 100%;
		text-align: right;
	  }


	  .instagram a {
		border-radius: 10px;
		height: 100%;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 5px;
	  }
	  .instagram a {
		position: relative;
		display: flex;
		background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
		overflow: hidden;
		text-align: center;
		font-weight: 700;
		color: #fff;
		font-size: 1.5em;
		text-decoration: none;
		padding-left: 30px;
		width: 100%;
		align-items: center;
	  }
	  .instagram a::before {
		content: '';
		position: absolute;
		top: 33px;
		left: -20px;
		width: 60px;
		height: 60px;
		background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
		background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
	  }
	  .sns_list {
		display: flex;
		max-width: 420px;
		margin-right: auto;
		margin-left: auto;
		align-items: stretch;
		margin-bottom: 50px;
		justify-content: space-between;
	  }
	  .line {
		width: 48%;
	  }
	  .instagram {
		width: 48%;
	  }
	  .instagram a img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 25px;
		width: 35px;
		margin: auto;
	  }
	  .se7 h2 {
		margin-bottom: 50px;
	  }


	  

.menu a i {
	margin-right: 5px;
	}
	
	
	.menu a {
	  text-decoration: none;
	  color: #fff;
	}
	
	.menu ul {
	list-style: none;
	font-size: 16px;
	margin: 0;
	padding: 0;
	color: #fff;
	}
	
	.menu {
	  -webkit-transition: ease .5s;
	  transition: ease .5s;
	  z-index: 100;
	position: absolute;
	top: 0;
	left: -400px;
	height: 100vh;
	padding: 4em 5em 3em;
	background-color: rgba(0, 103, 192,.9);
	z-index: 20;
	position: fixed;
	max-width: 400px;
	}
	
	.menu ul li {
	padding: 1em 1em;
	border-bottom: 1px solid #fff;
	}
	
	.menu.open {
	  display: block;
	  overflow-y: auto;
	  -webkit-overflow-scrolling: touch;
	left: 0;
	z-index: 99999;
	}
	
	.drawers {
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	}
	
	.drawer {
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  flex-direction: row;
	  position: relative;
	  height: 70px;
	  padding: 0 1em;
	}
	
	/* タブレット以下のサイズで表示 */
	
	@media (max-width: 768px) {
	
	
	
	
	
	
	  .drawers {
		display: block;
	  }
	  .drawer {
		height: 60px;
	  }
	}
	
	.navbar_toggle {
	  z-index: 999;
	cursor: pointer;
	}
	
	.navbar_toggle_icon {
	  position: relative;
	  display: block;
	  height: 2px;
	  width: 30px;
	  background: #fff;
	  -webkit-transition: ease .5s;
	  transition: ease .5s;
	}
	
	.navbar_toggle_icon:nth-child(1) {
	  top: 0;
	}
	
	.navbar_toggle_icon:nth-child(2) {
	  margin: 8px 0;
	}
	
	.navbar_toggle_icon:nth-child(3) {
	  top: 0;
	}
	
	/*ハンバーガーメニューの開閉*/
	.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
	  top: 10px;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
	
	.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%);
	  opacity: 0;
	}
	
	.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
	  top: -10px;
	  -webkit-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}
	
	.navbar_toggle {
	  margin: 0 0 0 auto;
	}




	.main_img {
		height: calc(100vh - 50px);
		overflow: hidden;
		}
		.slick-slider {
		  height: 100vh;
		}
		ul.slider {
			margin-bottom: 0;
		}
		.slider img {
			width: 100%;
			height: 100vh;
			object-fit: cover;
		}
		
		
		.se6 .slick-slider {
		  height: auto;
		}
		.se6 .slick-slider {
		  min-height: 600px;
		  height: auto;
		}
		.se6 .slider img {
			min-height: 600px;
			height: auto;
		}
		
		
		.se4 .slick-slider {
		  height: auto;
		}
		.se4 .slider img {
			width: auto;
		height: auto;
		object-fit: contain;
		min-height: 0;
		}
		.se4 .slider li {
			padding-right: 20px;
		padding-left: 20px;
		}
		.se4 ul.slider {
			padding-right: 20px;
		padding-left: 20px;
		}
		.pro_box .pro_career {
		padding-right: 10px;
		}
		body .slick-next {
		right: -35px;
		z-index: 2;
		width: 40px;
		height: 100px;
		background-color: black;
		border-radius: 10px;
		opacity: .8;
		}
		body .slick-prev {
		left: -35px;
		z-index: 2;
		width: 40px;
		height: 100px;
		background-color: black;
		border-radius: 10px;
		opacity: .8;
		}
		.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
		  color: transparent;
		  outline: none;
		  background-color: black;
		}
		body .slick-prev::before, body .slick-next::before {
			font-size: 25px;
		top: 3px;
		position: relative;
		}
		.pro_text a {
			color: rgb(0, 103, 192);
		}
		

		body .slick-prev:hover,body .slick-prev:focus,body .slick-next:hover,body .slick-next:focus {
			color: transparent;
			outline: none;
			background-color: black;
		}
	

@media (max-width:1300px){

	.main_img::before {
		height: 60vh;
		}
	.price {
		padding-bottom: 30px;
	}

body {
	overflow-x: hidden;
}
body .menu {
    width: 80%;
	padding-top: 30px;
}
.top_text {
	font-size: 2em;
	top: 50%;
}
.top_text p img {
	max-width: 90%;
}
.top_area {
	height: 60vh;
}
body .main_img {
	height: 60vh;
	overflow: hidden;
}
body .slick-slider {
	height: 100%;
}
body .slider img {
	width: 100%;
	object-fit: cover;
	height: auto;
}
body h2 .h3_box {
	z-index: 99;
	line-height: 1.3em;
}
body section.se2 .inner {
	margin-top: 0;
	padding: 70px 15px 0;
}
h2 {
	margin-bottom: 45px;
}
.h3_box span.en {
	top: -60px;
	font-size: 1.6em;
}
.se2 .list li {
	width: 100%;
    margin-bottom: 50px;
}
.se2 .list {
	display: block;
    margin-right: -15px;
    margin-left: -15px;
    padding: 40px 20px;
	margin-bottom: 0;
}
.se2 .list li .white {
	padding: 20px;
}
section.se1 {
	padding-bottom: 0;
	padding-top: 0;
}
.se1 .inner {
	padding-right: 0;
	padding-left: 0;
}
.right_text {
	padding: 25px 20px;
}
.right_text .en {
	font-size: 2.3em;
}
.l_text {
	font-size: 16px;
	line-height: 1.8em;
  }
  .right_text p {
	font-size: 16px;
	line-height: 1.8em;
  }
  .price .inner {
	padding-right: 15px;
	padding-left: 15px;
  }
  .price table th {
	max-width: 140px;
  }
  .price_box {
	width: 100%;
  }
  .price table td {
    padding: 2.4rem 2rem;
	width: 55%;
  }
  .price table td:first-child {
	width: 45%;
  }
  .price_number .small {
	font-size: .7em;
	padding-left: 0;
	display: block;
	margin-top: 10px;
  }
  .se3 .list li {
	width: 100%;
	margin-bottom: 30px;
  }
  .se3 .list {
	flex-wrap: wrap;
  }
  .se3 {
	padding-top: 80px;
  }
  .price_box_text {
	max-width: 90%;
    margin-bottom: 50px;
    margin-right: auto;
    margin-left: auto;
  }
  .price_box_text dl {
	padding-right: 15px;
	padding-left: 15px;
  }
  .se4 {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-right: 15px;
    padding-left: 15px;
  }
  body .se4 .slider li {
	padding-right: 0;
	padding-left: 0;
  }
  body .pro_box .pro_career {
	width: 100%;
	padding-top: 0;
	padding-right: 0;
	font-size: 16px;
  }
  body .pro_box div b {
	margin-bottom: 15px;
    position: relative;
    display: block;
    line-height: 1.2em;
	font-size: 2.5em;
  }

  body .se4 ul.slider {
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 0;
  }
  body .pro_text {
	padding-top: 25px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.8em;
  }
  .pro_box .pro_img {
	width: 100%;
	max-width: 250px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
body .slick-prev {
	left: -25px;
	width: 35px;
  height: 80px;
}
body .slick-prev::before, body .slick-next::before {
	font-size: 20px;
}
body .slick-next {
	right: -25px;
	width: 35px;
  height: 80px;
}
.se4 .inner {
	padding-bottom: 20px;
	padding-top: 75px;
}
body .slick-dots {
	bottom: -55px;
}
.company_box {
	padding: 10px 0;
	border-radius: 0;
}
.company_text th {
	font-size: 1.1em;
	width: 30%;
}
.company_text td {
	font-size: 1.1em;
	padding-left: 0;
	width: 70%;
}
.se6 h2.mt130 {
	margin-top: 100px;
}
.se6 .slider img {
	min-height: auto;
}
.se6 .slider li {
	padding: 10px;
}
.se6 .slick-slider {
	min-height: auto;
}
.se7 {
	padding-bottom: 100px;
	padding-top: 100px;
}
.se7 .inner {
	padding-top: 90px;
}
.instagram a {
	font-size: 1.5em;
	padding-left: 20px;
	font-weight: 600;
	border-radius: 5px;
}
.instagram a img {
	width: 30px;
}
.comit-thanks .row {
	display: block;
}
.col-md-3.formTitle {
	width: fit-content;
	display: flex;
	align-items: center;
	justify-content: left;
	padding-right: 15px;
    padding-left: 0;
	margin-bottom: 15px;

}
.col-md-3.formTitle .label {
	position: relative;
	right: 0;
	border-radius: 5px;
	margin-left: 15px;
}
.sns_list {
	margin-bottom: 60px;
}
.col-md-9.formArea {
	padding-right: 0;
	padding-left: 0;
}
.comit-thanks .row {
	padding-bottom: 30px;
	margin-bottom: 15px;
	display: block;
    align-items: center;
}
.se9 iframe {
	max-width: 100%;
	max-height: 300px;
}
.se7 {
	padding-top: 0;
	padding-bottom: 0;
}
.se8 {
	padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 20px;
    padding-top: 70px;
}
.se8 .inner {
	padding-right: 0;
	padding-left: 0;
}
.QBox .Q b {
	padding-left: 30px;
	padding-right: 15px;
}
.QBox .A table td img {
	max-width: 100%;
}
.QBox .A table td:nth-child(1) {
	width: 70px;
    display: flex;
    padding-top: 15px;
}
.QBox .A table td:nth-child(2) {
	width: calc(100% - 70px);
	padding-left: 15px;
}
.QBox .A {
	padding: .5em .5em;
}
}
@media screen and (min-width:768px) and ( max-width:1300px) {
	.col-md-3.formTitle {
		width: 30%;
		margin-bottom: 0;
	}
	.col-md-9.formArea {
		width: 70%;
	}
	.right_text {
		margin-right: auto;
	}
	.pro_box .pro_img {
		max-width: 350px;
		margin-top: 20px;
  margin-bottom: 20px;
	}
	.se3 .list li {
		width: 47%;
	}
	.se3 .list {
		justify-content: space-between;
		align-items: stretch;
	}
	.se3 .cv {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.se3 .cv i {
		margin-right: 5px;
		margin-top: 2px;
	}
	.price table td {
		width: 70%;
	}
	.se2 .list li .white {
		margin-right: auto;
		margin-left: auto;
	}
	.se2 .list {
		margin-right: 0;
		margin-left: 0;
	}
	.se2 .list li .white {
		padding: 30px;
		max-width: 500px;
	}
	.top_text {
		font-size: 3.5em;
	}
	.main_img .slider li {
		position: relative;
	  }
	  .main_img .slider img {
		position: absolute;
		top: 100px;
		right: 0;
		bottom: 0;
		left: 0;
		display: block;
		margin: auto;
	  }
	  .slick-list.draggable {
		height: 100%;
	  }
	  .right_text .en {
		font-size: 3em;
	  }
	  .price_box {
		width: 48%;
	  }
	  body .pro_box .pro_career {
		width: 55%;
		min-height: 378px;
	  }
	  .pro_box {
		position: relative;
		padding-right: 15px;
		padding-left: 15px;
	  }
	  .pro_box .pro_img {
	  max-width: 350px;
    margin-bottom: 20px;
    position: absolute;
    top: 0;
    right: 15px;
    margin-top: 0;
    width: 45%;
}
body .pro_text {
	padding-right: 15px;
	padding-left: 15px;
}
.QBox {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.form-control.w400 {
	width: 100% !important;
	max-width: 100% !important;
}
.se9 iframe {
    max-width: 100%;
    max-height: 500px;
}
.se4 .inner {
    max-width: 1000px;
}
.comit-thanks .row {
    padding-bottom: 30px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
  }
}


.thanks_aria .line {
	margin-top: 30px;
	text-align: center;
}
.thanks_aria .top_link a {
	background-color: #000;
	max-width: 232px;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
	margin-top: 25px;
	min-height: 72px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	font-size: 1.2em;
	border-radius: 5px;
	margin-bottom: 30px;
	position: relative;
	width: 100%;
}
.top_link {
	width: 48%;
}
.thanks_aria .flex {
	max-width: 600px;
	margin-right: auto;
	margin-left: auto;
}



.thanks_aria .top_link a::before {
	content: "";
	background-image: url(../img/right.svg);
	width: 25px;
	height: 25px;
	background-size: contain;
	position: absolute;
	right: 20px;
}


.thanks_title {
	font-size: 1.8em;
	font-weight: 700;
	margin-bottom: 15px;
}
.thanks_aria {
	background-color: #fff;
	padding-top: 60px;
  padding-bottom: 105px;
}
.subpage .top_area {
	height: 300px;
}
.subpage .slider img {
	height: 300px;
}
.subpage.main_img {
	height: 300px;
}
.subpage .top_area .top_text {
	font-size: 3em;
}
.thanks_title {
	text-align: center;
}
.thanks_text {
	text-align: center;
}


@media (max-width:1300px){
	.thanks_text {
		text-align: left;
	  }
	  .thanks_aria .flex {
		display: block;
	  }
	  .thanks_aria .line {
		margin-right: auto;
		margin-left: auto;
	  }
	  .top_link {
		margin-right: auto;
		margin-left: auto;
	  }
	  .thanks_aria .top_link a {
		min-height: 55px;
	  }
	  .top_area.subpage .top_text {
		font-size: 2em;
	  }
	  .subpage .top_area .top_text {
		font-size: 1.9em;
	  }
	  .subpage .top_area {
		height: 250px;
	}
	.slider img {
		height: 250px;
	}
	.subpage.main_img {
		height: 250px;
	}
	body .thanks_aria {
		padding-bottom: 40px;
	}
.cv_cta {
	width: 95%;
	margin: 2em auto;
	background-color: #fff;
	border-radius: 10px;
	color: #000;
	font-weight: bold;
	font-size: 1.5em;
	padding: 10px 0 2em;
	border: 3px solid #0087ff;
}
.cv_cta_text {
margin: 1em auto 2em;
padding: 0;
font-size: 5vw;
}
.se7.se7_cv {
  padding-bottom: 20px;
}
}






@media (min-width:1300px){
.cv_cta {
	width: 70%;
	margin: 2em auto;
	background-color: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	color: #000;
	font-weight: bold;
	font-size: 1.5em;
	padding: 10px 0;
	border: 3px solid #007cff;
}
}

.day {
	display: flex;
	margin-bottom: 20px;
}
.day select {
	margin-right: 20px;
	width: fit-content;
}

.cv_cta img {
	width: 120px;
	border-radius: 10px;
	border: 3px solid #fff;
}

.se7.se7_cv {
	padding-bottom: 0px;
	padding-top: 45px;
	background-image: none;
	background-size: cover;
	color: #fff;
	position: relative;
  }
  .se7.se7_cv .inner {
	  background-color: #fff;
	  padding-top: 75px;
	  padding-bottom: 1px;
	  border-radius: 0;
  }
  .se7.se7_cv::before {
	background: none;
  }
  .sns_list.sns_list_cv {
	justify-content: center;
}
.cv_cta_btn a {
	background-color: #fff;
	padding: 25px 65px;
	border-radius: 10px;
	position: relative;
	border: 3px solid #ff4800;
	color: #ff4800;
}
.cv_cta_btn a::before {
	border: 3px solid #fff;
}
.cv_cta_btn a::before {
	content: "";
	display: block;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	border: 3px solid #ff4800;
	border-radius: 4px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
  	z-index: 1;
	cursor: pointer;
	transition: 0.3s;
  
}
.cv_cta_btn a::after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
.cv_cta_btn a:after {
	content: "";
	width: 10px;
	height: 10px;
	border-top: 2px solid #ff4800;
	border-right: 2px solid #ff4800;
	transform: rotate(45deg);
	position: absolute;
	right: 30px;
	top: 0;
	bottom: 0;
	margin: auto;
}