@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; background-color: #ffffff; color: #333000; font-size: 15px; line-height: 1.53;}
input, select, textarea { font-size: 16px;}

a { color: #333000; 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; }


.inner {
	margin-right: auto;
	margin-left: auto;
	position: relative;
}


/* 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;}

.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 #333000; color: #333000;}
.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: #333000; 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: #333000;}
.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 #333000; color: #333000;}
.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: #333000; 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: #333000;}

@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: #333000;}
}

/* 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 #333000;}
.num-wrap { margin-top: 1.8em; padding-left: 2.5em; border-left: 1px solid #333000;}
.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;}

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


/* 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: #333000;}
#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: #333000; 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: #333;}

#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: #333;}

/* 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%; }
}



/* カスタムプロパティ設定部分 */
*, ::after, ::before {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgba(0,176,218,.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-content: attr(data-text);
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
  }
  :root {
	--red: #f6124e;
	--orange: #ff9000;
	--green: #00e596;
	--pink: #ff0190;
	--purple: #6a01ca;
	--yellow: #ffe75f;
	--blue: #097ba1;
	--gray100: #f1f1f0;
	--gray200: #dadad7;
	--gray300: #c3c3be;
	--gray400: #ababa5;
	--gray500: #999;
	--gray600: #7c7c74;
	--gray700: #64645d;
	--gray800: #4b4b46;
	--gray900: #333;
	--fontRegular: noto-sans,"Noto Sans JP",sans-serif;
	--fontDin: din-2014,sans-serif;
	--sizeRoot: 16px;
	--lineHeight: 1;
	--sizeH1: 3.4rem;
	--sizeH2: 3rem;
	--sizeH3: 2.6rem;
	--sizeH4: 2.2rem;
	--sizeH5: 1.8rem;
	--sizeH6: 1.3rem;
	--pageMaxWidth: 1280px;
	--modalHeight: calc(85vh - 4rem);
	--modalHeightNs: calc(85vh - 5.5rem);
	--modalHeightWithoutBar: calc(85vh - 1.5rem);
  }
  body {
  width: 100%;
  margin: 0;
  font-family: "Noto Sans JP",noto-sans,sans-serif;
  }
  .block {
	display: block;
  }
  .relative {
	position: relative;
  }
  .inline-block {
	display: inline-block;
  }
  .bg-clip-text {
	-webkit-background-clip: text;
	background-clip: text;
  }
  .bg-gradient-to-t {
	background-image: linear-gradient(to top,var(--tw-gradient-stops));
  }
  .text-transparent {
	color: transparent;
  }
  .gradation_area {
	--tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
  }
  .whitespace-pre-wrap {
	white-space: pre-wrap;
  }
  
  .bg-striped-gradient-light {
	--mys-striped-bg: repeating-linear-gradient(-30deg,rgba(0,255,255,0),hsla(0,0%,100%,0) 0.5rem,hsla(0,0%,100%,.08) 0,hsla(0,0%,100%,.08) 1rem);
  }
  .bg-striped-gradient-to-t {
	background-image: var(--mys-striped-bg),linear-gradient(to top,var(--tw-gradient-stops));
  }
  .bg-gradient-to-r {
	background-image: linear-gradient(to right,var(--tw-gradient-stops));
  }
  
  
  /* テキストに陰を付ける */
  .drop-shadow-text1 {
	font-family: 'Oswald', sans-serif;
	--tw-drop-shadow: drop-shadow(0.1em 0.1em 0px rgba(0,0,0,.3));
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .drop-shadow-text2 {
	font-family: 'Oswald', sans-serif;
	--tw-drop-shadow: drop-shadow(2px 2px 0px #333);
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .before_15em::before {
	-webkit-text-stroke-width: .15em;
	content: var(--tw-content);
  }
  .before_4px::before {
	-webkit-text-stroke-width: 4px;
	content: var(--tw-content);
  }
  .before_absolute::before {
	content: var(--tw-content);
	position: absolute;
	top: 0;
	left: 0;
  }
  .before_text-stroke-pink::before {
	-webkit-text-stroke-color: #333;
	content: var(--tw-content);
  }
  .before_data-text::before {
	--tw-content: attr(data-text);
	content: var(--tw-content);
  }
  .from-gradation-pink {
	--tw-gradient-from: #960f39;
	--tw-gradient-to: rgba(150,15,57,0);
	--tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
  }
  .before_text-stroke-white::before {
	-webkit-text-stroke-color: #fff;
	content: var(--tw-content);
  }
  .blur_15px {
	--tw-blur: blur(1.5px);
  }
  .blur {
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  
  /* ここまでカスタムプロパティ設定部分 */
  
  
    .from-pink {
	--tw-gradient-from: #79cbff;
	--tw-gradient-to: rgba(150,15,57,0);
  }
  .from-pink2 {
	--tw-gradient-from: #e32862;
  --tw-gradient-to: rgba(227,40,98,0);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
  }
  .from-yellow {
	font-family: 'Oswald', sans-serif;
	--tw-gradient-from: #fac13c;
	--tw-gradient-to: rgba(250,193,60,0);
  }
  .to-pink {
	--tw-gradient-to: #c6e9ff;
  }
  .to-yellow {
	--tw-gradient-to: #f6e597;
  }
  .to-purple {
	--tw-gradient-to: #510098;
	font-family: 'Oswald', sans-serif;
  }
  .to-gradation-pink {
	--tw-gradient-to: #e32862;
  }

  .from-blue {
	--tw-gradient-from: #3daff5;
  --tw-gradient-to: rgba(227,40,98,0);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
  }
  .to-blue {
	--tw-gradient-to: #266bf0;
	font-family: 'Oswald', sans-serif;
  }
  


  




  
  
  /* 
  赤:
  
  よく使われる赤色: #ff0000
  よく使われる赤色を濃くした色: #cc0000
  青:
  
  よく使われる青色: #0000ff
  よく使われる青色を濃くした色: #000099
  緑:
  
  よく使われる緑色: #00ff00
  よく使われる緑色を濃くした色: #009900
  オレンジ:
  
  よく使われるオレンジ色: #ff9900
  よく使われるオレンジ色を濃くした色: #cc6600
  */










#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 #333;
	color: #333;
  }
 body .link-tile li a {
	padding-top: 0;
color: #fff;
  }
 body .slick-dots li button {
	color: #fff;
  }
  .link-tile.slide {
	max-width: 90%;
	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);
	}
	}
	 



	 


	 #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: #333;
				vertical-align: top;
				padding: 50px 100px;
			 }
			 #section6 .inner .d_w50.blue {
			 background-color: #123184;
			 color: #fff;
			 }
			 #section6 .d_w50 .title .ja {
				color: #333;
				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: #fff;
				font-size: 10px;
			}
			body .slick-dots li.slick-active button::before {
				opacity: 1;
				color: #fff;
			
			}

.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;
}
.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;
		max-width: 350px;
		width: 100%;
		text-align: left;
		}
		
		.menu.open {
		  display: block;
		  overflow-y: auto;
		  -webkit-overflow-scrolling: touch;
		left: 0;
		z-index: 99999;
		}
		
		.drawers {
			position: absolute;
			right: -10px;
			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;
		  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;
			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;
			}
			.attention_text_box {
				text-align: center;
				margin-top: 50px;
				font-size: 2em;
				letter-spacing: 0.15em;
			}
			.attention_text_box b {
				font-size: 1.2em;
				padding-right: 5px;
				color: #094d99;
				font-weight: 500;
			}
			.attention_text_box_second {
				transform: skewX(-15deg);
				background: linear-gradient(122.2deg,#3daff5 17.91%,#266bf0 58.53%,#0054d2 82.91%);
				color: #fff;
				font-weight: 900;
				margin-top: 20px;
				font-size: 1.2em;
			}


			@media (max-width:1500px){
				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;
			  }
			  .menu {
			  width: 80%;
			  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;
			  }
			  #section1 .bg-movie-wrapper::before {
				padding-top: 55%;
			  }
			  #section3 .inner::before {
				display: none;
			  }


			}
			@media (min-width:1500px){
			.ip_only {
				display: none !important;
			}
		}
		@media (max-width:1501px){
			.pc_only {
				display: none !important;
			}
		}



body {
	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_Preview.jpg);
	background-position: center;
	background-size: cover;
	color: #fff;
}
section.se2 .inner {
	margin-top: -120px;
	background-color: #fff;
	padding: 70px 50px;
	color: #333;
	max-width: 1200px;
	padding-top: 100px;
	border-radius: 10px;
}
.inner {
	max-width: 1200px;
}
.right_text {
	font-size: 18px;
	max-width: 650px;
	margin-left: auto;
}



.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: #333;
	background-color: #fff;
	padding: 40px 10px;
	font-size: 18px;
	line-height: 1.5em;
	text-align: left;
	padding-left: 140px;
}
.nav {
	color: #1a1a1a;
	background-color: #fff;
	border-top: 2px groove #fbfaf6;
}
.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;
}
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;
}
.se3 .cv {
	background-color: #e94c01;
	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;
}
.se3 {
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #fff;
}
h2 {
	font-size: 55px;
	text-align: center;
	margin-bottom: 80px;
	position: relative;
	color: #094d99;
	margin-top: 30px;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}
.cv {
	background-color: #f7f8f9;
	position: relative;
	background-image: linear-gradient(122.2deg,#3daff5 17.91%,#266bf0 58.53%,#0054d2 82.91%);
}

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


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: -60px;
	font-size: 1.4em;
	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.4em;
margin-bottom: 15px;
line-height: 1.4em;
color: #094d99;
font-weight: 900;
}
.right_text p {
	line-height: 1.5em;
	margin-bottom: 20px;
}

.right_text .en {
	font-size: 2.2em;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 30px;
}
.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;
}
.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: #FFEFE1;
	padding-top: 100px;
	padding-bottom: 100px;
}


.se6 h2 .h3_box {
background-color: #FFEFE1;
}
.se8 h2 .h3_box {
	background-color: #FFEFE1;
}
.list_text {
	font-size: .9em;
	line-height: 1.4em;
}
h4 {
font-size: 1.4em;
margin-bottom: 15px;
}
.se7 {
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #FFEFE1;
}
.se2 {
	padding-bottom: 100px;
}
.se7 .inner {
	background-color: #fff;
	padding-top: 90px;
	padding-bottom: 90px;
	border-radius: 20px;
}
.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: 10px;
	font-weight: normal;
}
.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: #e94c01;
    color: rgba(255,255,255,1);
    border: 3px solid #e94c01;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.QBox .A.active::before {
    content: '';
    width: 0;
    height: 0;
    border: 1em solid transparent;
    border-bottom: 1em solid #e94c01;
    position: absolute;
    bottom: 100%;
    left: 10%;
}
.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: 16px !important;
	}
	.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 {
		background-color: #e94c01;
border-color: #e94c01;
	}
	.btn-success {
		background-color: #e94c01;
		border-color: #e94c01;
	}
	body .col-sm-offset-4 {
		width: 100%;
		max-width: 500px;
		margin-right: auto;
		margin-left: auto;
		display: block;
		float: none;
		margin-top: 30px;
	}
	.Text {
		font-size: 17px;
	}

	.label-danger {
		background-color: #F00029;
	  }
.col-md-3.formTitle {
	position: relative;
}
.col-md-3.formTitle .label {
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 20px;
}
.comit-thanks .row {
	margin-right: 0;
	margin-left: 0;
	padding-bottom: 35px;
	margin-bottom: 35px;
}
.form-control {
	border: 1px solid #ccc;
	border-radius: 0;
}
.label.label-normal {
	color: #e94c01;
	border: 1px solid #e94c01;
}
footer p {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #716345;
	color: #fff;
	margin-bottom: 0;
}
.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: 10px;
}
.se2 .list li {
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 0;
}
.se2 .list li .white {
	padding: 15px;
	border-radius: 10px;
}
.se2 .list li img {
	border: none;
	border-radius: 10px;
}
.l_text {
	font-size: 15px;
}
.company_box {
	padding: 30px;
	border-radius: 10px;
	color: #fff;
}
.company_box a {
	color: #fff;
	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;
}
.se3 .list li {
	padding-right: 10px;
	padding-left: 10px;
	width: 49%;
}
.se3 .cv.tel {
	color: #e94c01;
	background-color: #fff;
	border: 2px solid #e94c01;
}
.se6 h2 .h3_box {
	background-color: transparent;
	color: #fff;
	width: 100%;
}

.se6 .inner {
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: rgba(0, 0, 0, 0.5);
}
.se6 h2 {
	margin-bottom: 20px;
}

.company_text th {
	text-align: left;
	font-size: 1.6em;
	padding-top: 10px;
	padding-bottom: 10px;
  }
  .company_text td {
	text-align: left;
	font-size: 1.6em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
  }
  .company_text tr {
	border-bottom: 1px solid #fff;
  }
  .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: 45%;
	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;
width: 1200px;
color: #fff;
}

.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;
}

.top_area {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	background-color: rgba(0, 0, 0, 0.5);
}
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 {
	background-color: #FFEFE1;
	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.3em;
	padding-top: 70px;
	padding-bottom: 15px;
}
.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;
}
.pro_text {
padding-top: 25px;
font-size: 1.2em;
}
.r_box {
	max-width: 620px;
	margin-left: auto;
	padding: 35px;
	background-color: #fff;
	margin-top: 100px;
	margin-bottom: 100px;
	border-radius: 30px;
}
.l_box {
	max-width: 620px;
	margin-right: auto;
	padding: 35px;
	background-color: #fff;
	margin-top: 100px;
	margin-bottom: 100px;
	border-radius: 30px;
}
.merit .r_box {
	max-width: 700px;
	margin-top: 60px;
}
.merit .l_box {
	max-width: 700px;
	margin-top: 60px;
}
.back_img .delay-time04 {
	font-size: 18px;
	line-height: 2em;
}


* {
	font-family: Noto Sans JP;
}
.smalltext {
	display: block;
	margin-top: 15px;
	font-size: 20px;
}
.cv .inner {
	padding-top: 130px;
	padding-bottom: 100px;
}
.cv .inner h2 {
	color: #333;
	margin-bottom: 50px;
}
.cv_box {
	background-image: linear-gradient(122.2deg,#3daff5 17.91%,#266bf0 58.53%,#0054d2 82.91%);
	color: #fff;
	padding-top: 20px;
	padding-bottom: 45px;
	margin-bottom: 0;
}
.cv_box h2 {
	color: #fff;
	font-weight: 700;
	font-size: 30px;
	width: fit-content;
margin-right: auto;
margin-left: auto;
margin-bottom: 50px;
}
.cv_link a {
	background-color: #f15f2c;
	color: #fff;
	border-radius: 10px;
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
	text-align: center;
	font-size: 1.7em;
	min-height: 96px;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 600px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	font-weight: 500;
	position: relative;
	padding-bottom: 6px;
}
.cv_link a span {
	width: 100%;
	height: 100%;
	min-height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #fff;
	border-radius: 10px;
}
.cv_link a span u {
color: #edf380;
}
.cv_link a:hover {
	text-decoration: none;
}



.cv_link a::before {
	content: "";
	background-image: url(../img/agreement.svg);
	width: 35px;
	height: 35px;
	background-size: contain;
	background-position: center;
	position: absolute;
	left: 40px;
	top: 0;
bottom: 0;
margin: auto;
}

.cv_box h2::before {
	content: "";
	width: 2px;
	height: 110%;
	background-color: #fff;
	position: absolute;
	bottom: -1vh;
	left: -2vw;
	transform: rotate(-24deg);
}
.cv_box h2::after {
	content: "";
	width: 2px;
	height: 110%;
	background-color: #fff;
	position: absolute;
	bottom: -1vh;
	right: -2vw;
	transform: rotate(24deg);
}

.border {
background-color: #fff;
color: #094d99;
margin-right: 10px;
padding-right: 5px;
padding-left: 10px;
padding-bottom: 2px;
}

.border f {
background: -webkit-linear-gradient(left, #13C581 , #00A1EE);
background: -o-linear-gradient(right, #00A1EE, #13C581);
background: -moz-linear-gradient(right, #00A1EE, #13C581);
background: linear-gradient(90deg, #25b2f6, #3969e0);
-webkit-background-clip: text;
color: transparent;
}




.cv_area a {
display: block;
max-width: 500px;
margin-right: auto;
margin-left: auto;
color: #fff;
text-align: center;
background-color: #FE5BAC;
padding-top: 10px;
padding-bottom: 10px;
font-size: 19px;
line-height: 2em;
border-radius: 30px;
font-weight: normal;
}
.cv_button {
	width: 100%;
	display: inline-block;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 0;
	border-radius: 50px;
}
.cv_area {
	max-width: 770px;
	margin-right: auto;
	margin-left: auto;
	font-size: 0;
}

.h_area {
	color: #094d99;
	font-weight: bold;
	font-size: 2.5em;
	margin: auto;
	line-height: 1.8em;
}
.h_area .cv_area {
	margin-top: 50px;
}

body header {
	position: relative;
	min-height: 700px;
	margin-top: 90px;
	background-color: #c6e9ff;
	color: #094d99;
}
.r_box h2,.l_box h2 {
	text-align: left;
	margin-bottom: 30px;
	margin-top: 0;
}
.top_center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	margin: auto;
	max-width: 1200px;
	width: 100%;
	padding-top: 70px;
}
.cv_list {
	max-width: 850px;
	margin-right: auto;
	margin-left: auto;
}
.cv_list ul {
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cv_list ul li {
	list-style: none;
	width: 33.33333%;
}
.cv_white {
	background-color: #fff;
	color: #333;
	text-align: center;
	border-radius: 10px;
	padding: 5px;
	font-size: 1.5em;
	line-height: 1.5em;
	max-width: 265px;
	font-weight: 500;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	min-height: 75px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cv_white span {
	font-family: 'Oswald', sans-serif;
	font-size: 1.8em;
	padding-right: 4px;
	padding-left: 4px;
	vertical-align: -5%;
	font-weight: 500;
	background: linear-gradient(90deg, #25b2f6, #3969e0);
	-webkit-background-clip: text;
color: transparent;
}
section.gradation_area {
	padding-top: 30px;
	padding-bottom: 50px;
}
section.gradation_area h2 {
	margin-bottom: 70px;
}


.flow_box {

}
.flow_box ul {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.flow_box ul li {
list-style: none;
width: 28%;
background-color: #fff;
padding: 30px;
position: relative;
border-radius: 15px;
}
.flow_box ul li::before {
	content: "";
	background-image: url(../img/right.svg);
	top: 0;
	bottom: 0;
	width: 40px;
	height: 40px;
	position: absolute;
	background-size: contain;
	margin: auto;
	right: -3.4vw;
}
.flow_box ul li:last-child::before {
	display: none;
}
.cv_box {
	position: relative;
}

.cv_box::before {
	content: "";
	background-image: url(../img/aria05.png);
	background-size: contain;
	max-width: 320px;
	width: 100%;
	position: absolute;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 14vw;
	background-position: bottom;
	z-index: 2;
	transform: scale(-1, 1);
}
.cv_box .inner {
	padding-left: 100px;
}
.before_none::before {
	display: none;
}
.before_none .inner {
	padding-left: 0;
}





.flow_number {
	font-family: 'Oswald', sans-serif;
	letter-spacing: -0.03em;
	position: absolute;
	font-size: 40px;
	top: 0;
	left: 0;
	background-image: linear-gradient(122.2deg,#3daff5 17.91%,#266bf0 58.53%,#0054d2 82.91%);
	color: #fff;
	width: 65px;
	height: 65px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 15px 0 15px 0;
}


.flow_text {
	font-size: 15px;
}
.flow_title {
	min-height: 60px;
	font-weight: 600;
	font-size: 1.3em;
	margin-bottom: 10px;
	color: #094d99;
}

.flow_img {
	max-width: 210px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	--tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
	--tw-gradient-to: #c6e9ff;
	--tw-gradient-from: #79cbff;
	background-image: linear-gradient(to top,var(--tw-gradient-stops));
	background-image: none;
	border-radius: 100%;
	min-height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.flow_img img {
	max-width: 100%;
	width: 100%;
}








.big .small {
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	padding-left: 5px;
	font-size: .55em;
}
.big {
background: linear-gradient(90deg, #25b2f6, #3969e0);
-webkit-background-clip: text;
color: transparent;
}


@keyframes anime{
0% {
	transform: scale(.95);
	opacity: 1;
  }
  90% {
	opacity: .1;
  }
  100% {
	transform: scale(1.2, 1.5);
	opacity: 0;
  }
}
.merit .inner {
	max-width: 1500px;
}
.tv .inner {
	padding-top: 100px;
	padding-bottom: 100px;
}
.tv {
	display: none;
}



.question h2 {
	margin-bottom: 50px;
  }
.question {
	padding-top: 50px;
	padding-bottom: 50px;
}
.q {
	font-size: 19px;
	color: #333;
	font-weight: bold;
	vertical-align: middle;
	width: 100%;
	background-color: #fff;
	padding-left: 55px;
	line-height: 1.3;
	padding-right: 0;
	background-image: url(../img/q.png);
	background-repeat: no-repeat;
	background-position: center left;
	min-height: 45px;
	display: flex;
align-items: center;
}
.a {
	font-size: 16px;
	background-image: url(../img/a.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 55px;
	padding-right: 0;
	margin-top: 0;
	text-align: left;
	background-color: #fff;
	padding-top: 10px;
	min-height: 75px;
	padding-bottom: 0;
	margin-top: 10px;
	border-top: 1px solid #dadada;
	color: #333;
}
.text_area h2 span.on {
	color: #fff;
}
table th {
	color: #094d99;
}
.commit_area {
	padding-top: 90px;
}
.commit_area .text_area h2 span.on {
	color: #333;
}
.commit_area .text_area {
	padding-top: 50px;
}
.commit_area .text_area h2 {
	margin-bottom: 40px;
}
.commit_area .label-box {
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
}


.qa {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	font-size: 0;
	box-shadow: 6px 6px 6px #92929233;
	max-width: 1100px;
	border-radius: 5px;
	overflow: hidden;
	padding: 30px 40px 25px;
	background-color: #fff;
}
b.back {
	background: #ddf3ff;
	color: #094d99;
}
.h_area b.en {
	font-size: 1.8em;
}

.back_img {
	background-size: 450px;
	background-repeat: no-repeat;
	min-height: 400px;
}
.back_img.right_img {
	background-position: 5% center;
}
.back_img.left_img {
	background-position: 95% center;
}
.cv_button a i {
	margin-right: 5px;
}
.white h2 {
	margin-bottom: 20px;
}
.en {
	font-family: 'Noto Sans JP', sans-serif, Arial, Hiragino Sans, Hiragino Kaku Gothic ProN, BIZ UDPGothic, Meiryo, sans-serif;
	font-weight: 700;
  }

  /* 動画を囲うdiv */
.video {
	position: relative;
	width:100%; /* 横幅は100%で固定 */
	height:0; /* 高さは0にしておく(padding-topで高さを指定するため) */
	padding-top: 56.25%; /* 高さを指定(16:9) */
  }
  
  /* YouTube埋め込み用のiframe */
  .video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }
.cv_button.white_cv a {
	border: 1px solid #094d99;
	color: #094d99;
	background-color: #fff;
}
footer {
	background-color: #fff;
	padding-top: 50px;
	padding-bottom: 20px;
	position: relative;
	background-image: linear-gradient(122.2deg,#3daff5 17.91%,#266bf0 58.53%,#0054d2 82.91%);
}
div.list {
	width: 45%;
	vertical-align: top;
	display: inline-block;
}
div.list ul .h_li {
	color: #fff;
}

div.list ul li {
	width: 100%;
	padding: 0;
	margin: 0 0 5px;
	text-align: left;
}
div.list ul {
	padding: 0;
}
div.list ul .h_li {
	font-size: 20px;
	padding-left: 0;
	letter-spacing: -.5px;
	font-weight: 700;
}
div.list ul a {
	text-decoration: underline;
	font-size: 14px;
	color: #fff;
}

.h2_white {
	background-color: #fff;
	border: 2px solid #094d99;
	padding-top: 20px;
padding-bottom: 20px;
}
.fadeUp {
	animation-name:fadeUpAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	opacity: 0;
	}
	@keyframes fadeUpAnime{
	  from {
		opacity: 0;
	  transform: translateY(100px);
	  }
	
	  to {
		opacity: 1;
	  transform: translateY(0);
	  }
	}
.delay-time01{
animation-delay: 0.2s;
opacity: 0;
}
.delay-time02{
animation-delay: 0.4s;
opacity: 0;
}
.delay-time03{
animation-delay: 0.6s;
opacity: 0;
}
.delay-time04{
animation-delay: 0.8s;
opacity: 0;
}
.delay-time05{
animation-delay: 1s;
opacity: 0;
}
.delay-time06{
animation-delay: 1.2s;
opacity: 0;
}
.delay-time07{
animation-delay: 1.4s;
opacity: 0;
}
	.delay-time08{
	animation-delay: 1.6s;
	opacity: 0;
	}
	.delay-time09{
	animation-delay: 1.8s;
	opacity: 0;
	}
	.delay-time10{
	animation-delay: 2s;
	opacity: 0;
	}
	.delay-time11{
	animation-delay: 2.2s;
	opacity: 0;
	}
	.delay-time12{
	animation-delay: 2.4s;
	opacity: 0;
	}
	.delay-time13{
	animation-delay: 2.6s;
	opacity: 0;
	}
	.delay-time14{
	animation-delay: 2.8s;
	opacity: 0;
	}
	.delay-time15{
	animation-delay: 3s;
	opacity: 0;
	}
	footer .inner {
		max-width: 1280px;
		padding: 0 48px 0;
	}


.news {
	position: relative;
	padding: 50px 0 100px 0;
	margin: 0;
	background: #094d99;
	color: #fff;
  }

.news h2 {
color: #fff;
}
.news_text a {
	color: #0a58ca;
	text-decoration-line: underline;
}
.news_text {
	max-width: 540px;
	width: 100%;
	color: #333;
}

.news .news-area {
	background: #fff;
	padding: 40px;
	box-shadow: 10px 10px 0 rgba(0,0,0,0.5);
	width: 70%;
	margin: 0 auto;
	border-radius: 10px;
	height: 320px;
overflow-y: scroll;
}
.news article {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #333;
}
.news article time {
	padding: 0 2em 0 0;
	color: #666;
	font-size: 16px;
	min-width: 100px;
}
.news article .nesw_text {
	font-size: 16px;
	margin-bottom: 0;
}
.list-news li {
	list-style: none;
}

.title {
	display: flex;
	overflow: hidden;
	margin-bottom: -5px;
  }
  .title .small {
	font-size: 20px;
  }


.title span {
	display: block;
	transform: translate(0, 105%);
	transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
	font-family: 'Noto Sans JP', sans-serif, Arial, Hiragino Sans, Hiragino Kaku Gothic ProN, BIZ UDPGothic, Meiryo, sans-serif;
	font-size: 1.6em;
	font-size: 800;

  }
  .title.-visible span {
	transform: translate(0, 0);
}
.title span:nth-child(1) {
	font-size: 1.6em;
  }
  .title span:nth-child(2) {
	transition-delay: 0.06s;
	font-size: 1.6em;
  }
  .title span:nth-child(3) {
	transition-delay: 0.12s;
	font-size: 1.6em;  
}
  .title span:nth-child(4) {
	transition-delay: 0.18s;
	font-size: 1.6em;  
}
  .title span:nth-child(5) {
	transition-delay: 0.24s;
	font-size: 1.6em;  
}
  .title span:nth-child(6) {
	transition-delay: 0.30s;
  }
  .title span:nth-child(7) {
	transition-delay: 0.36s;
  }
  .title span:nth-child(8) {
	transition-delay: 0.42s;
  }
  .title span:nth-child(9) {
	transition-delay: 0.48s;
	font-size: 1.6em;  
}
  .title span:nth-child(10) {
	transition-delay: 0.54s;
	font-size: 1.6em;  
}
  .title span:nth-child(11) {
	transition-delay: 0.6s;
	font-size: 1.6em;  
}
  .title span:nth-child(12) {
	transition-delay: 0.66s;
	font-size: 1.6em;  
}
  .title span:nth-child(13) {
	transition-delay: 0.72s;
	font-size: 1.6em;  
}
  .title span:nth-child(14) {
	transition-delay: 0.78s;
  }

  table {
	background-color: #fff;
	max-width: 800px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
  }
  table th,table td {
	padding: 15px;
border: 1px solid #094d99;
  }



  .info {
	padding-top: 40px;
padding-bottom: 100px;
  }
  .info h2 {
	margin-bottom: 40px;
  }


  .f_top_logo {
	max-width: 100%;
	color: #333;
	font-weight: bold;
	background-color: #fff;
	position: relative;
	padding: 0 10px;

  }


  .white .r_box,.white .l_box {
	max-width: 600px;
	padding: 25px;
	background-color: #fff;
	border-radius: 30px;
  }

  .news-area::-webkit-scrollbar {
	width: 10px;
	height: 10px;
  }
   
  .news-area::-webkit-scrollbar-thumb {
	background: #094d99;
	border-radius: 5px;
  }
  .news-area::-webkit-scrollbar-track {
	background: #ffe6ea;
	border-radius: 5px;
  }
.f_bottom_logo {
	max-width: 250px;
	position: absolute;
	right: 400px;
	bottom: 0;
	width: 100%;
}

.flow_bottom_text {
	text-align: center;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 3em;
	margin-top: 70px;
	padding-bottom: 30px;
}
.flow_bottom_text span {
background: -webkit-linear-gradient(left, #13C581 , #00A1EE);
background: -o-linear-gradient(right, #00A1EE, #13C581);
background: -moz-linear-gradient(right, #00A1EE, #13C581);
background: linear-gradient(90deg, #25b2f6, #3969e0);
  background-clip: border-box;
-webkit-background-clip: text;
color: transparent;
}
.flow_bottom_text a {
	color: #094d99;
	text-decoration: underline;
}
.flow_bottom_text f {
	background-color: #fff;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 1.5em;
}
.question .inner {
	text-align: center;
}
.q {
	text-align: left;
}
.voice_img_border {
	margin-right: auto;
margin-left: auto;
	width: 100px;
	height: 100px;
	--tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
--tw-gradient-to: #c6e9ff;
--tw-gradient-from: #79cbff;
background-image: linear-gradient(to top,var(--tw-gradient-stops));
border-radius: 100%;
position: relative;
}
.voice_eva {
	color: #f15f2c;
	font-family: 'Oswald', sans-serif;
	display: flex;
align-items: center;
justify-content: center;
}
.voice_eva span {
	font-family: 'Oswald', sans-serif;
}

.voice_title {
	color: #f15f2c;
	display: flex;
	align-items: center;
font-size: 1.5em;
font-weight: 700;
}


.voice_img img {
	max-width: 100px;
	border-bottom-left-radius: 9999px;
	border-bottom-right-radius: 9999px;
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	bottom: 0;
}

.voice_img_area {
	max-width: 104px;
	height: 104px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 100%;
	padding: 2px;
	background-color: #25b2f6;
}

.voice_day {
letter-spacing: 0.05em;
padding-right: 20px;
}
.voice_eva span {
	font-size: 1em;
	padding-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.voice_eva span img {
	max-width: 30px;
}

.voice_box {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	margin-top: 20px;
	padding: 24px 30px 26px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 6px 6px 6px #92929233;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
	min-height: 170px;
}
.voice_text {
	letter-spacing: 0.08em;
	font-size: 17px;
}

.voice_img {
	width: 100%;
	text-align: center;
	max-width: 180px;
	padding-right: 20px;
	padding-top: 0;
	display: flex;
	align-items: center;
}


.merit {
	padding-top: 10px;
	padding-bottom: 0;
}
#h_l_area.list li {
	width: 30%;
}


.h_area .list img {
	border: none;
	box-shadow: none;
	filter: drop-shadow(0px 1px 0px #094d99);
	margin-bottom: 0;
	margin-bottom: 0;
}
.h_area .list {
	max-width: 650px;
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.h_area .list li {
	padding-right: 0;
padding-left: 0;
vertical-align: middle;
margin-bottom: 0;
}
.header_img {
	position: absolute;
	max-width: 525px;
	right: 0;
	bottom: 0;
	margin: auto;
}



.a.active {
	display: block;
	transition : all 0.5s ease 0s;
}
.gray {
	background-color: #f7f8f9;
	padding-top: 30px;
	padding-bottom: 100px;
	background-image: url(../img/aria08.png);
	background-repeat: no-repeat;
	background-size: 400px;
	background-position: 100% 95%;
}

.gray h2 {
	margin-bottom: 50px;
}
.scroll_review .list {
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none; /* IE, Edge 対応 */
}

.cv .inner.pt0.pb0 {
	padding-top: 40px;
	padding-bottom: 40px;
  }

.scroll_review .list li {
	width: 380px;
	background-color: #fff;
	border-radius: 24px;
	white-space: break-spaces;
	margin: 0px 20px 0px;
}
.scroll_review .list li .review_text {
	text-align: left;
}
.gray .inner {
	max-width: 1280px;
}
.scroll_review h3 {
	margin-bottom: 0;
}
.merit .r-box {

}


.icon1 {
	background-image: url(../img/icon1.png);
	background-size: 640px;
	min-height: 640px;
	padding-top: 10px;
	margin-top: 50px;
}
.icon2 {
	background-image: url(../img/icon2.png);
	background-size: 640px;
	min-height: 640px;
	padding-top: 10px;
	margin-top: 50px;
}
.icon3 {
	background-image: url(../img/icon3.png);
}
.icon4 {
	background-image: url(../img/aria_img01.png);
	background-size: 640px;
	min-height: 640px;
	padding-top: 10px;
	margin-top: 50px;
}
.icon5 {
	background-image: url(../img/icon5.png);
	background-size: 450px;
}
.icon6 {
	background-image: url(../img/icon6.png);
	background-size: 450px;
}
.icon7 {
	background-image: url(../img/icon7.png);
	background-size: 450px;
}
.icon8 {
	background-image: url(../img/icon8.png);
	margin-top: 70px;
	margin-bottom: 70px;
background-size: 450px;
}
.icon9 {
	background-image: url(../img/icon9.png);
	margin-top: 70px;
	margin-bottom: 70px;
	background-size: 370px;
}
.icon10 {
	background-image: url(../img/icon10.png);
	margin-top: 70px;
	margin-bottom: 70px;
	background-size: 370px;
}
.cv_img {
	max-width: 400px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	position: absolute;
	right: 25px;
	bottom: -115px;
}
table {
	margin-top: 30px;
	margin-bottom: 30px;
}
.white .l_box,.white .r_box {
	margin-top: 30px;
	margin-bottom: 30px;
}
.small {
	font-size: 20px;
	display: block;
	padding-left: 20px;
	font-family: 'Oswald', sans-serif;
}
.copyright {
	animation: bound 3s ease infinite;
	font-weight: bold;
	max-width: 360px;
	margin-right: auto;
	margin-left: auto;
	font-size: 20px;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
  }
.copyright::before {
	transform: rotate(-25deg);
  }
  .copyright::before, .copyright::after {
	position: relative;
	display: inline-block;
	content: "";
	background: #333;
	width: 3px;
	height: 1em;
	margin: 0 1em;
	  margin-top: 0px;
	margin-top: -10px;
	vertical-align: middle;
  }
  .copyright::after {
	transform: rotate(25deg);
  }
  body .copyright span::before {
	left: 18px;
	bottom: 5px;
  }
  .copyright span::after {
	transform: rotate(50deg);
	right: -85px;
	bottom: -5px;
  }
.copyright span::before {
	transform: rotate(-50deg);
	left: -85px;
	bottom: -5px;
  }
.copyright span::before, .copyright span::after {
	position: absolute;
	display: inline-block;
	content: "";
	background: #333;
	width: 3px;
	height: .7em;
	margin: 0 1em;
	  margin-top: 0px;
	margin-top: 0;
	vertical-align: middle;
  }
  body .copyright span::after {
	right: 18px;
	bottom: 5px;
  }
  @keyframes bound{
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    10% {
      -webkit-transform: translateY(-0.6em);
      transform: translateY(-0.6em);
    }
    15% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    19% {
      -webkit-transform: translateY(-0.2em);
      transform: translateY(-0.2em);
    }
    23% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    27% {
      -webkit-transform: translateY(-0.1em);
      transform: translateY(-0.1em);
    }
    30% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    }
	.white .l_box .delay-time03,.white .r_box .delay-time03 {
		font-size: 18px;
	}
	.white_box h3 {
		font-size: 40px;
		font-weight: 600;
		line-height: 1.5em;
		letter-spacing: 0.07em;
	}
	.h_area {
		max-width: 700px;
		margin-left: 0;
	}

.percent {
	font-size: 20px;
	display: flex;
	align-items: baseline;
	margin-bottom: 0;
	position: relative;
	z-index: 2;
	justify-content: center;
}
.small_text {
	font-size: 18px;
	font-weight: normal;
}
.big {
	font-size: 3.5em;
	z-index: 2;
	font-family: 'Oswald', sans-serif;
}
.percenttext {
width: 100%;
max-width: 250px;
padding-left: 10px;
z-index: 2;
font-family: 'Oswald', sans-serif;
}
.white_border {
	max-width: 370px;
	height: 10px;
	background-color: #fff;
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
}
.on {
	font-family: 'Oswald', sans-serif;
}

.merit_text {
color: #333;
line-height: 2em;
font-size: 17px;
}
.flex_box {

}

.white_box {

}
.merit_box_text h3 {
	letter-spacing: 0.1em;
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 20px;
}
.merit_box_text_text {
	font-size: 17px;
	letter-spacing: 0.08em;
	line-height: 2em;
}
.merit_box {
	display: flex;
	margin-bottom: 120px;
	justify-content: space-around;
	align-items: center;
}
.merit_box:nth-child(odd) {
	flex-direction:row-reverse
}
.white h2 {
	margin-bottom: 80px;
	margin-top: 0;
}

.merit_box_text {
width: 50%;
position: relative;
}
.merit_box_img {
	width: 50%;
	padding-left: 70px;
}
.merit_box:nth-child(odd) .merit_box_img  {
	padding-left: 0;
	padding-right: 70px;
}


.merit_box_img img {
	border-radius: 999px;
	border-bottom: 5px solid #2fa5e2;
}


.point {
	color: #2fa5e2;
	font-weight: 600;
	font-size: 25px;
	position: absolute;
	margin-bottom: 0;
	padding-right: 15px;
	padding-left: 15px;
	border: 2px solid;
	border-radius: 5px;
	background-color: #fff;
	top: -30px;
	left: 10px;
	line-height: 1.7em;
	font-family: 'Oswald', sans-serif;
font-weight: 400;
}
.point::before {
	content: "";
	position: absolute;
	bottom: -.9vh;
	right: 0;
	left: 0;
	width: 13px;
	height: 13px;
	margin: auto;
	background-color: #fff;
	transform: rotate(-45deg);
	border-left: 2px solid #2fa5e2;
	border-bottom: 2px solid #2fa5e2;
}

.white {
	padding-top: 50px;
	padding-bottom: 10px;
}

.question {
	position: relative;
}

.question::before {
	content: "";
	background-image: url(../img/aria02.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
	width: 400px;
	height: 100%;
	position: absolute;
	bottom: 0;
	top: 0;
	margin: auto;
	left: 1vw;
}
h2 span.on {
	display: block;
	font-size: 20px;
	line-height: 2em;
	font-weight: 400;
	letter-spacing: 0.25em;
	color: #2a323c;
}
.attention {
	font-size: .8em;
}
.map {
	margin-bottom: -8px;
}
.text_area {
	padding-top: 0;
	padding-bottom: 100px;
	background-color: #fff;
	font-size: 18px;
}
.aria_back {
	margin-top: 150px;
	position: relative;
  }

  .aria_back::before {
	content: "";
	background-image: url(../img/aria06.png);
	background-size: contain;
	right: -7%;
	top: -60px;
	bottom: 0;
	margin: auto;
	width: 280px;
	height: 280px;
	position: absolute;
  }
  .risk {
	background-color: #fdffe8;
	padding: 20px 30px;
	margin-top: 40px;
	color: #333;
	background-image: url(../img/aria04.png);
	background-size: 150px;
	background-repeat: no-repeat;
	background-position: 100% 95%;
	max-width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
  }
  .risk li {
	list-style: none;
	font-size: 20px;
	padding: 15px 130px 15px 70px;
	background-image: url(../img/482956.png);
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: left center;
  }
  .risk h3 {
	color: #333;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
  }
  #page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 0px;
	z-index: 1000;
	display: block;
	margin-bottom: 0;
  }
  #page-top {
	cursor: pointer !important;
  }
  #page-top img {
	cursor: pointer !important;
  }
.en.back_blue {
	background-color: #094d99;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 0;
}
.risk.promise {
	background-color: #fdffe8;
}
.risk.promise li {
	background-image: url(../img/check.png);
	background-size: 30px;
	font-size: 20px;
	padding-left: 50px;
line-height: 1.5em;
  }

  .risk.promise {
	background-image: url(../img/aria09.png);
  }
  .text_area .inner {
	max-width: 1000px;
  }
  .aria_back img {
	max-width: 700px;
	width: 100%;
	z-index: 999;
	position: relative;
  }
  .risk.promise h3 {
	color: #333;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
  }
.global {
	position: absolute;
	max-width: 500px;
	width: 100%;
	top: 20px;
	right: 0;
}
.gnavi__wrap {
	: 1200px;
    margin: 0 auto;
}
.gnavi__lists {
    display: flex;
	margin-bottom: 0;
	font-family: Montserrat,sans-serif;
}
.gnavi__lists * {
	font-family: Montserrat,sans-serif;
}


.gnavi__list {
    width: 33.33333%;
    background-color: #fff;
    position: relative;
    transition: all .3s;
	list-style: none;
	height: 60px;
}
.gnavi__list:hover {
list-style: none;
}
.gnavi__list:hover::before {
    background-color: #fff;
}
.gnavi__list a {
    display: flex;
	justify-content: left;
	align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0.05em;
    font-weight: 600;
    transition: all .3s;
	padding-left: 10px;
}
.gnavi__list:hover a {
    color: #333;
}
.dropdown__lists a:hover {
    opacity: .5;
}
.dropdown__lists {
    display: none;/*デフォルトでは非表示の状態にしておく*/
    width: 260px;
    position: absolute;
    top: 60px;
    left: 0;
	z-index:999;
	padding-left: 0;
}
.gnavi__list:hover .dropdown__lists {
    display: block;/*Gナビメニューにホバーしたら表示*/
}
.dropdown__list {
	height: 60px;
	transition: all .3s;
	position: relative;
	background-color: #fff;
	list-style: none;
}
.dropdown__list:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
}
.dropdown__list a {
	display: flex;
	justify-content: left;
	align-items: center;
	text-decoration: none;
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: normal;
}
.dropdown__list a::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #333;
    border-left: 2px solid #333;
    transform: rotate(135deg);
    position: absolute;
    right: 15px;
    top: calc(50% - 5px);
}
.dropdown__lists {
    visibility: hidden;/*デフォルトでは非表示の状態にしておく*/
    opacity: 0;/*不透明度0*/
    transition: all .3s;/*表示の変化を0.3秒に指定*/
    width: 260px;
    position: absolute;
    top: 60px;
    left: 0;
}
.gnavi__list:hover .dropdown__lists {
    visibility: visible;/*Gナビメニューにホバーしたら表示*/
    opacity: 1;/*不透明度1*/
}
.dropdown__lists {
    transform: scaleY(0);/*デフォルトでは非表示の状態にしておく*/
    transform-origin: center top;/*変形を適応する基準をtopとする*/
    transition: all .3s;/*表示の変化を0.3秒に指定*/
    width: 260px;
    position: absolute;
    top: 60px;
    left: 0;
}
.gnavi__list:hover .dropdown__lists {
    transform: scaleY(1);/*Gナビメニューにホバーしたら表示*/
}
.f_top_area {
	max-width: 1370px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	height: 90px;

}
.f_top_logo {
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 9999;
}

.commit {
	width: 90px;
	background-color: #f15f2c;
	display: flex;
	justify-content: center;
	align-items: center;
}
.commit a {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.f_top_right {
	width: 50%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.menu_list {
	width: calc(100% - 90px);
}
.menu_list ul {
	margin-bottom: 0;
	display: flex;
	justify-content: space-evenly;
	min-height: 90px;
	gap: 10px;
}
.menu_list ul li {
	margin-bottom: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
}





.info {

}
.news h2 {
	margin-bottom: 35px;
}
.red_button {
	display: block;
	position: absolute;
	width: 0;
	bottom: 0;
	left: -185px;
	z-index: 9999;
}
.red_aria {
	display: block;
	position: absolute;
	width: 0;
	right: -10px;
	top: -200px;
}
/* 回転するアニメーション */
@keyframes fuwafuwa {
	0%, 100% {
	  transform: translateY(0);
	}
	50% {
	  transform: translateY(-10px);
	}
  }
  
  /* このクラスをつけると回転を無限に繰り返します */
  .anime-fuwafuwa {
	animation: 3s fuwafuwa infinite;
  }
.news ul.list li {
	width: 49.6%;
}
.center {
	text-align: center;
	font-size: 18px;
	margin-bottom: 50px;
}
.twitter a {
	display: block;
	background-color: #1d9bf0;
	color: #fff;
	text-align: left;
	border-radius: 10px;
	font-size: 18px;
	padding: 10px 10px 10px 80px;
	max-width: 300px;
	margin-left: auto;
	border: 2px solid #fff;
	background-image: url(../img/Twitter.png);
	background-size: 35px;
	background-repeat: no-repeat;
	background-position: 25px center;
}
.instagram a {
	display: block;
	background-color: #fff;
	color: #333;
	text-align: left;
	border-radius: 10px;
	font-size: 18px;
	padding: 10px 10px 10px 80px;
	max-width: 300px;
	margin-right: auto;
	background-image: url(../img/insta_icon.png);
	background-size: 35px;
	background-repeat: no-repeat;
	background-position: 25px center;

	}
	.instagram .in_border {
		border-radius: 10px;
		padding: 2px;
		background: linear-gradient(87.1deg, #FFD522 -10.92%, #F1000B 48.02%, #B900B3 106.81%);
		max-width: 300px;
		margin-right: auto;
	}


	.instagram .in_border span {
		display: inline-block;
		background: linear-gradient(90deg, #4158D0, #C850C0 30%, #FFCC70);
		background: -webkit-linear-gradient(0deg, #4158D0, #C850C0 30%, #FFCC70);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	  }
.privacy .text_area,.commit .text_area,.confirmation .text_area {
	margin-top: 100px;
	margin-bottom: 100px;
	padding: 30px;
	border-radius: 10px;
}
.privacy h2,.commit h2 {
	font-size: 2em;
}
.risk.aria03 {
	background-image: url(../img/aria03.png);
	margin-top: 0;
	max-width: 900px;
	margin-bottom: 70px;	margin-top: 0;
}
.risk.aria03 p {
	padding-right: 130px;
	font-size: 17px;
}
.commit h2 {
	margin-bottom: 45px;
}

.form-inner label {
	width: 20%;
	margin-right: 26px;
	padding-top: 16px;
	border-radius: 10px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #094d99;
	display: inline-block;
	text-align: left;
	vertical-align: top;
  }

  .form-inner input,.form-inner select,.form-inner textarea {
	width: 100%;
	padding: 5px 32px 5px;
	border: none;
	border-radius: 5px;
	outline: none;
	background-color: #fff;
	font-size: 24px;
	font-size: 2rem;
	font-weight: bold;
	-webkit-transition: .2s;
	transition: .2s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	border: 1px solid #ccc;
	color: #333;
  }
  .form-inner textarea {
	font-size: .9em;
  }


  .form-inner input[type="file"] {
	border: none !important;
}
.form-inner .input_box {
	width: 75%;
	display: inline-block;
}



 .commit form {
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
  }
  .form-inner {
	margin-bottom: 40px;
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
  }
  .form_small {
	font-weight: normal;
	font-size: 0.7em;
	line-height: 3em;
  }

  .form-inner input.in_tb {
  vertical-align: text-bottom;
}
.small-label {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 40px;
	display: block;
	color: #094d99;
	border-bottom: 1px solid #094d99;
	margin-top: 70px;
	padding-bottom: 5px;
}
.selfie {
	max-width: 200px;
	width: 100%;
}
.selfie_text {
	font-size: 0.8em;
	background: #eee;
	margin: 0 0 30px 15px;
	line-height: 2em;
	display: inline-block;
	max-width: 575px;
	padding: 10px;
	width: 100%;
}
input.submit {
	background-color: #FE5BAC;
	color: #fff;
	margin-right: auto;
	margin-left: auto;
	display: block;
	max-width: 500px;
	width: 100%;
	margin-top: 40px;
	border-radius: 50px;
	border: none;
	padding: 10px;
}
.confirmation h2 {
	margin-bottom: 20px;
}


.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;
	display: block;
	}
	
	.menu {
	  -webkit-transition: ease .5s;
	  transition: ease .5s;
	  z-index: 100;
	position: absolute;
	top: 0;
	left: -400px;
	height: 100vh;
	padding: 4em 1em 1em;
	background-color: rgba(15, 31, 77, 0.95);
	z-index: 20;
	position: fixed;
	max-width: 300px;
	}
	
	.menu ul li {
	padding: 1em 1em;
	max-width: 350px;
	width: 260px;
	background-color: transparent;
	}
	
	.menu.open {
	  display: block;
	  overflow-y: auto;
	  -webkit-overflow-scrolling: touch;
	left: 0;
	z-index: 99999;
	}
	
	.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: #333;
	  -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;
	}


@media screen and (max-width: 1500px) {
	.h_area {
		position: relative;
		transform: none;
		top: 0;
		right: 0;
		max-width: 100%;
		left: 0;
		font-size: 20px;
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 0;
	}
	.small {
	padding-left: 0;
	font-size: 15px;
	margin-top: 20px;
	text-align: center;
	}


	.percenttext {
		padding-left: 0;
	}
	.f_top_area img {
		max-width: 250px;
		display: block;
		width: 100%;
	}
	.big {
		font-size: 3em;
	}
	.percenttext {
		max-width: 220px;
	}
	body .percent {
		margin-bottom: 20px;
		padding-right: 0;
		padding-left: 0;
		margin-right: auto;
		margin-left: auto;
		max-width: 330px;
		max-width: 380px;
	margin-right: auto;
	margin-left: auto;
	flex-wrap: wrap;
	margin-left: auto;
flex-wrap: wrap;
max-width: 100%;
justify-content: right;
margin-right: 0;
margin-top: 15px;
	}
	.percenttext {
		width: 100%;
	}
	.percenttext,.big {
		text-align: right;
		width: 100%;
	}
	body .percent:nth-child(n+2) {
	margin-top: 40px;
	}
	body .white_border {
		width: 50%;
		left: auto;
		z-index: -1;
	}



	.cv_area {
		position: relative;
		max-width: 440px;
	}

	.white_border {
		bottom: 0;
		width: 90%;
	}


.h_area .list {
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	z-index: 3;
	position: relative;
}
.copyright {
	margin-bottom: 15px;
  }
.copyright span {
	position: relative;
  }
  body .copyright::before {
	bottom: 2px;
  }
  .copyright::before {
	transform: rotate(-20deg);
	margin: 0;
	left: -13px;
  }
  .copyright::before, .copyright::after {
	height: .7em;
	margin: 0;
	right: -13px;
  }
  body .copyright::after {
	bottom: 2px;
  }
  .copyright::before, .copyright::after {
	height: .7em;
	margin: 0;
	right: -13px;
  }
  body .copyright span::before {
	left: -22px;
	bottom: 3px;
  }
  .copyright span::before {
	left: -23px;
	bottom: 0px;
	margin: 0;
  }
  .copyright span::before, .copyright span::after {
	height: .4em;
  }
  body .copyright span::after {
	right: -22px;
	bottom: 3px;
  }
  .copyright span::after {
	right: -23px;
	bottom: 0px;
	margin: 0;
  }
.cv .inner {
	padding-top: 90px;
	padding-bottom: 30px;
	max-width: 550px;
}
.cv_img {
	right: 0;
	bottom: -75px;
	max-width: 220px;
	width: 50%;
}
.cv_button {
	padding-right: 0;
	padding-left: 0;
	max-width: 300px;
	z-index: 999;
	position: relative;
	width: 70%;
}
.copyright {
	font-size: 15px;
}
.cv_area a {
	font-size: 15px;
	border-radius: 30px;
}

.r_box h2, .l_box h2 {
	font-size: 1.8em;
}
h2 {
	font-size: 1.8em;

}
.white .inner {
	padding-top: 30px;
	padding-bottom: 10px;
	background-color: #fff;
}


.scroll_review .list li {
	margin: 0px 10px 0px;
	width: 320px;
}
.gray {
	padding-left: 0;
	padding-bottom: 270px;
	background-size: 260px;
	padding-top: 20px;
	background-position: 100% 98%;
}
.gray h2 {
	margin-bottom: 15px;
}
.question h2 {
	margin-bottom: 30px;
}
.question::before {
	width: 100%;
	max-width: 70%;
}
section.question {
	padding-bottom: 32vh;
}


.qa {
	max-width: 100%;
	padding-right: 15px;
padding-left: 15px;
}
.risk li {
	font-size: 16px;
	padding: 15px 0px 15px 45px;
	background-size: 40px;
}
.risk h3 {
	font-size: 1em;
}
.risk {
	padding-bottom: 120px;
	background-size: 120px;
	padding-right: 15px;
padding-left: 15px;
}
.news .news-area {
	width: 100%;
}
.news ul.list li {
	width: 100%;
  }
  .news {
	padding: 50px 0 10px 0;
  }
  footer .inner {
	padding: 0;
  }
  div.list {
	width: 49%;
	vertical-align: top;
	display: inline-block;
	padding-right: 15px;
	padding-left: 15px;
  }
  footer {
	padding-bottom: 100px;
  }
  .f_bottom_logo {
	max-width: 200px;
	right: 100%;
	width: 100%;
	left: 0;
  }
  .merit .l_box {
	padding-right: 0;
	padding-left: 0;
	background-color: transparent;
  }
  .merit .r_box {
	padding-right: 0;
	padding-left: 0;
	background-color: transparent;
}
.back_img.right_img {
	background-position: center bottom !important;
	padding-bottom: 0;
	background-size: contain;
	margin-top: 0;
	margin-bottom: 0;
	background-image: none;
}
  .back_img.left_img {
	background-position: center bottom !important;
	padding-bottom: 0;
	background-size: contain;
	margin-top: 0;
	margin-bottom: 0;
	background-image: none;
  }
  .aria_back::before {
	right: -5%;
	top: -60px;
	width: 170px;
height: 170px;
  }

  .aria_back {
	margin-top: 100px;
  }
 body .white .l_box .delay-time02,body .white .r_box .delay-time02 {
	padding-right: 0;
	font-size: 40px;
	font-weight: 600;
	padding-top: 0;
  }
.white .inner.mb100 .l_box .delay-time02,.white .inner.mb100 .r_box .delay-time02 {
	padding-right: 0;
	padding-left: 0;
	padding-top: 0;
  }
  .white .l_box, .white .r_box {
	background-size: 80px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 0;
	padding-top: 0;
	margin-right: auto;
margin-left: auto;
  }
.number1 {
	background-image: none;
}
.number2 {
	background-image: none;
}
.number3 {
	background-image: none;
}
.number1 .delay-time02 {
	background-image: url(../img/number01.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center left;
}
.number2 .delay-time02 {
	background-image: url(../img/number02.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center left;
}
.number3 .delay-time02 {
	background-image: url(../img/number03.png);
	background-repeat: no-repeat;
	background-size: contain;
background-position: center left;
}


  .red_button {
	bottom: 5px;
	left: -115px;
  }
.merit .icon1 {
	margin-top: 0;
	padding-bottom: 0;
	background-image: none;
}
.merit .r_box,.merit .l_box {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-right: auto;
margin-left: auto;
}
.back_img .delay-time04 {
	font-size: 18px;
}

.risk.aria03 p {
	padding-right: 0;
	font-size: 17px;
  }
  .risk.aria03 {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 130px;
	background-position: bottom right;
  }
  .form-inner .input_box {
	width: 100%;
  }
  .form-inner label {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  font-size: .95em;
  }
  .form-inner input, .form-inner select, .form-inner textarea {
	padding: 5px 10px 5px;
  }
.w150,.w100 {
	width: 80px !important;
	text-align: center;
}
.privacy .text_area, .commit .text_area, .confirmation .text_area {
	padding-right: 20px;
	padding-left: 20px;
}
.selfie {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
.selfie_text {
	margin-left: 0;
	margin-top: 20px;
}
.form-inner input, .form-inner select, .form-inner textarea {
	font-size: 1.5rem;
}
#page-top {
	bottom: 0;
}
.red_aria {
	right: -10px;
	top: -160px;
}
body .mb100 {
	margin-bottom: 0;
  }
  .privacy h2, .commit h2 {
	font-size: 1.5em;
	margin-bottom: 10px;
	margin-top: 10px;
  }
.commit .text_area {
	margin-top: 50px;
}
.submit {
	padding-top: 10px;
	padding-bottom: 10px;
}
.white .l_box .delay-time03, .white .r_box .delay-time03 {
	font-size: 16px;
	line-height: 1.8em;
  }
  .back_img .delay-time04 {
	font-size: 16px;
	line-height: 1.8em;
  }
  .white .inner.mb100 {
	padding-bottom: 10px;
  }
.en.back_blue {
	margin-bottom: 30px;
	padding-bottom: 0;
	font-size: 1.5em;
}
body {
	overflow-y: hidden;
}
.text_area {
	font-size: 16px;
	line-height: 1.8em;
	padding-bottom: 50px;
}
.risk.promise li {
	font-size: 15px;
}

.f_top_logo {
	padding: 0;
}
body .tableArea {
	max-width: 100%;
}
.news ul.list li {
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding-right: 0;
padding-left: 0;
}
.instagram a,.twitter a {
	margin-right: auto;
	margin-left: auto;
}
.instagram .in_border {
	margin-right: auto;
	margin-left: auto;
}

.white {
	padding-top: 0;
	padding-bottom: 0;
  }

.r_box.number3 {
	padding-bottom: 0;
	margin-bottom: 0;
}
.ip_img {
	margin-top: 10px;
	margin-bottom: 0;
}

.commit_area .text_area h2 {
	font-size: 2em;
	margin-bottom: 30px;
}



}



header{ top:0; z-index:2; }
.tableArea{
	max-width:80%;/* 最大80%の領域内で要素をおさめる */
	margin:57px auto 0;
	overflow:auto;/*枠からはみ出たらスクロールさせる、はみ出なかった場合は何もしない*/
}
.tableArea table{
	color:#0080ff;
	border-collapse:collapse;/*隣接するセルのボーダーを共有する*/
}
.tableArea table th,
.tableArea table td{
	padding:20px;
	border:1px solid #0080ff;
	white-space:nowrap;/*文字を折り返さない*/
}
.scroll-hint-text{ margin-top:0; }

.ip_img {
	text-align: center;
	max-width: 100%;
width: 100%;

}
.ip_img img {
max-width: 400px;
width: 100%;
}




@media (min-width: 1000px) and (max-width: 1500px) {

	.white .l_box .delay-time03, .white .r_box .delay-time03 {
		font-size: 18px;
	}
	h2 {
		font-size: 2.5em;
	  }
	  .white .r_box, .white .l_box {
		max-width: 800px;
	  }
	  .scroll_review {
		max-width: 1000px;
		margin-right: auto;
		margin-left: auto;
	}
	.qa {
		max-width: 100%;
		padding: 0 10px;
	}
	.text_area {
		font-size: 18px;
	}
	.en.back_blue {
		font-size: 2.3em;
	}
	.risk li {
		font-size: 20px;
	}
	.r_box h2, .l_box h2 {
		font-size: 2.3em;
	  }
 }


 .reflection{
	display:inline-block;
	position:relative;
	overflow:hidden;
	border-radius: 100%;
	}
	.reflection:after {
	content:"";
	height:100%;
	width:30px;
	position:absolute;
	top:-180px;
	left:0;
	background-color: #fff;
	opacity:0;
	-webkit-transform: rotate(45deg);
	-webkit-animation: reflection 3s ease-in-out infinite;
	}
	 
	@keyframes reflection {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	90% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
	}


	@media (max-width: 900px) {
section .inner {
	padding-right: 15px;
	padding-left: 15px;
}
.a {
	font-size: 14px;
}
.menu_list {
	display: none;
}
.f_top_area {
	height: 60px;
}
.f_top_right {
justify-content: right;
}
.commit {
	max-width: 60px;
}
.f_top_area .commit img {
	max-width: 40px;
}
h2 {
	font-size: 2.5em;
  }
  .voice_text {
	letter-spacing: 0.08em;
	font-size: 14px;
  }
  .voice_box {
	padding: 24px 15px 26px;
  }
  .voice_img_area {
	max-width: 64px;
	height: 64px;
	margin-left: 0;
  }
  .voice_img_border {
	width: 60px;
	height: 60px;
  }
  .voice_img img {
	max-width: 100%;
  }
  .voice_img {
	width: 100%;
	max-width: 80px;
	padding-right: 5px;
  }
  .voice_day {
	padding-right: 5px;
  }
  .voice_title {
	margin-bottom: 15px;
	font-size: 16px;
  }
  .voice_eva span img {
	max-width: 18px;
  }
  #voice {
	padding-top: 25px;
	background-position: 95% 100%;
	padding-bottom: 33vh;
	background-size: 60%;
  }
  .en.back_blue {
	padding-top: 10px;
	padding-bottom: 10px;
  }
  .flow_box ul {
	display: block;
  }
  .flow_box ul li {
	width: 100%;
	margin-bottom: 50px;
  }
  .flow_box ul li::before {
	display: none;
  }
  .flow_bottom_text {
	font-size: 1.5em;
font-weight: 700;
line-height: 1.8em;
  }
  .flow_bottom_text f {
	background-color: #fff;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 1.3em;
	line-height: 1.8em;
  }
  body header {
	margin-top: 60px;
	min-height: 0;
  }
  .merit_box {
	display: block;
	margin-bottom: 80px;
  }
  .merit_box_img {
	width: 100%;
	padding-left: 0;
	text-align: center;
  }
  .merit_box:nth-child(2n+1) .merit_box_img {
	padding-left: 0;
	padding-right: 0;
  }
  .merit_box_text {
	width: 100%;
  }
  .point::before {
	bottom: -.95vh;
  }
  .point {
	font-size: 20px;
	top: -4.5vh;
	left: 0;
  }
  .merit_box_text h3 {
	font-size: 28px;
	margin-bottom: 10px;
  }
  .merit_box_text_text {
	font-size: 16px;
	margin-bottom: 25px;
  }
  .commit_area .risk.aria03 p {
	font-size: 14px;
}
.border {
	display: block;
	width: fit-content;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;	
}
body .cv_box .inner {
	padding-left: 15px;
padding-right: 15px;
  }
  .cv_box h2 {
	margin-top: 10px;
	font-size: 20px;
	margin-bottom: 25px;
  }
  .cv_box h2::before {
	height: 50%;
	bottom: 0;
	left: -4vw;
  }
  .cv_box h2::after {
	height: 50%;
	bottom: 0;
	right: -4vw;
  }
  .cv_list ul {
	flex-wrap: wrap;
	margin-bottom: 15px;
  }

.cv_list ul li {
	width: 48%;
	margin-bottom: 10px;
}
.cv_white {
	width: 100%;
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
	font-size: 1.2em;
}
.cv_link a {
	font-size: 1.2em;
	min-height: 80px;
}
.cv_link a span {
	min-height: 75px;
	padding-left: 15px;
}
.cv_link a {
	font-size: 1.2em;
	min-height: 80px;
}
.cv_link a::before {
	width: 25px;
	height: 25px;
	left: 15px;
}
.cv_box::before {
	display: none;
}
.top_center {
	position: relative;
	top: 0;
	left: 0;
	transform: none;
	-webkit- transform: none;
	padding-right: 15px;
padding-left: 15px;
padding-top: 7vh;
padding-bottom: 2vh;
}
.big * {
	line-height: 1em !important;
}
.title {
	font-weight: 900;
	text-align: center;
justify-content: center;
}
.header_img {
	display: none;
}
#h_p_area {
	position: relative;
}

#h_p_area::before {
	content: "";
	position: absolute;
	max-width: 220px;
	width: 80%;
	margin-right: 0;
	margin-left: 0;
	left: -40px;
	background-image: url(../img/aria_ip.png);
	height: 100%;
	background-position: center 10%;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 3;
}






#h_p_area {
	padding-top: 15px;
}
.percenttext {
	font-size: 1.1em;
	font-weight: 600;
	letter-spacing: 0.02em;
	font-family: "Noto Sans JP",noto-sans,sans-serif;
}


.attention_text_box {
	text-align: center;
	margin-top: 50px;
	font-size: 1.2em;
	letter-spacing: 0.15em;
}
.attention_text_box b {
	font-size: 1.2em;
	padding-right: 5px;
}
.attention_text_box_second {
	margin-top: 20px;
	font-size: 1.3em;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.3em;
	transform: skewX(-13deg);
}



	}