@charset "utf-8";
:root { --primary: #FF8822; --primary2: #F2F1ED; }
/* ------------------------------------------------------------ common */
body { min-width: 1300px; margin: 0 auto; font-size: 15px; line-height: 150%; font-family: 'Noto-Sans-JP-Medium';}
.inner { width: 1200px; margin: 0 auto; padding: 0 50px; box-sizing: content-box;}
.sp { display: none; }

.main-ttl { padding: 0 0 30px; }
.main-ttl .ja-ttl { font-size: 35px; font-family: 'Noto-Sans-JP-Bold'; line-height: 150%; }
.main-ttl .en-ttl {display: block;padding: 0 0 10px;font-size: 53px;font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 600;font-style: normal;line-height: 120%;}
.main-ttl .sub {padding: 32px 0 0;font-size: 15px;line-height: 210%;}

.btn {width: 370px;padding: 15px 10px;}
.btn-circle {background: #fff;border-radius: 100px;filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.1));}
.circle-arrw {transition: all .5s;position: relative;display: inline-block;width: 45px;height: 45px;margin-right: 5px;background: #FF8822;border-radius: 100%;vertical-align: middle;border: 1px solid #FF8822;}
.circle-arrw:before {transform: rotate(45deg);position: absolute;content: "";left: 14px;top: 16px;width: 13px;height: 13px;border-top: 1px solid #fff;border-right: 1px solid #fff;}
.viewmore {display: block;font-size: 16px;text-align: center;}
a:hover .circle-arrw {transition: all .5s;background: #fff;}
a:hover .circle-arrw:before {border-color: #FF8822;}
.footer_btn.recruit-btn { transition: all .5s; position: relative; display: block; width: 151px; padding: 14px 19px 15px 49px; border-radius: 100px; background: #FF8822; color: #fff !important; text-align: left; font-size: 13px; filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.1)); }
.footer_btn.recruit-btn img { display: block; position: absolute; left: 17px; width: 20px; height: auto; top: 50%; transform: translateY(-50%); opacity: 1;transition: 0.5s;}
.footer_btn.recruit-btn img.icn_b{opacity: 0;}
.footer_btn.recruit-btn:hover img.icn_a{opacity: 0;transition: 0.5s;}
.footer_btn.recruit-btn:hover img.icn_b{opacity: 1;transition: 0.5s;} 
.recruit-btn {transition: all .5s;position: relative;display: block;width: 151px;padding: 19px 10px 21px;border-radius: 100px;background: #FF8822;   color: #fff !important; text-align: center; font-size: 18px; filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.1)); }
.recruit-btn .arrow { position: absolute; left: 20px; top: 50%; width: 8px; height: 8px; transform: rotate(45deg) translate(0, -50%);border-top: 1px solid #fff; border-right: 1px solid #fff;transition: 0.5s;}
.recruit-btn:hover {transition: all .5s; background: #fff; color: #FF8822 !important;}
.recruit-btn:hover .arrow { border-top: 1px solid #FF8822; border-right: 1px solid #FF8822; transition: 0.5s;} 

/* ------------------------------------------------------------ header */
header { transition: all .5s; z-index: 100; position: fixed; left: 0; right: 0; top: 0; }
.header-box { display: flex; align-items: center; justify-content: space-between; width: 1200px; height: 90px; margin: 0 auto; background: #fff; border-radius: 0 0 20px 20px;padding: 0 23px; filter: drop-shadow(5px 5px 3px rgba(0, 0, 0, 0.1)); }
header h1 {  width: 135px;position: relative; z-index: 2;}
header h1 a { display: block; font-size: 13px; color: #FF8822 !important; text-align: center; font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 500; font-style: normal; }
header h1 img { display: block; padding: 0 0 10px; width: 100%; height: auto; }

.header { display: flex; align-items: center; width: calc(100% - 135px); justify-content: end; }
.h-nav { display: flex; align-items: center; justify-content: center; margin: 0 50px; position: relative;z-index: 2; width: calc(100% - 151px);}
.h-nav li { font-size: 13px; margin: 0 15px; }
.h-nav li:nth-of-type(4){ margin-right: 0; }
.h-nav li a{ padding: 0 15px; display: block; position: relative; z-index: 2;}
header .snsbar{ display: none;}
.header .list_box_2{position: absolute; left: 0px; top: 0px; z-index: 1;width: 100%; }
.header .link_box{display: none; position: absolute; background: #fff; z-index: 10; width: 1200px; height: 265px; left: 50%; transform: translateX(-50%); padding: 110px 50px 38px; border-radius: 0 0 20px 20px;}
.header .link_box ul{display: flex;}
header .h-nav ul{padding: 10px 0 0; display: none;}
.header .link_box ul li{width: 200px; height: auto;}
.header .link_box ul li:not(:last-child){margin: 0 2% 0 0;}
.header .link_box ul li a{padding: 0px; text-align: left; font-size: 13px; line-height: 130%; z-index: 0;display: inline-block; position: relative;}
.header .link_box ul li a.img{width: 100%; height: 88px; overflow: hidden; border-radius: 15px; display: block;}
.header .link_box ul li a.img img{width: 100%; height: 100%; object-fit: cover;}
.header .link_box ul li a.viewmore {padding: 12px 20px 0 0;}
.header .link_box ul li a.viewmore .circle-arrw{width: 19px; height: 19px;position: absolute; right: -10px;}
.header .link_box ul li a.viewmore .circle-arrw::before { width: 7px; height: 7px;left: 4px; top: 5px;}
.header .link_box ul li a:after{display: none;}
.h-nav li a:after { position: absolute; transform: rotate(45deg); content: ""; right: 0; top: 2px; width: 8px; height: 8px; border-right: 1px solid #FF8822; border-bottom: 1px solid #FF8822; }
.h-nav li.none_arrow a:after{display: none;}
.h-process { width: 151px; border-radius: 100px; background: #FF8822; text-align: left; position: relative; z-index: 2;}
.h-process a { display: block; padding: 14px 19px 15px 49px; height: auto; font-size: 13px; color: #fff; position: relative; line-height: 146%; z-index: 2;}
.h-process img { display: block; position: absolute; left: 17px; width: 20px; height: auto; top: 50%; transform: translateY(-50%);}

/* scroll */
header.scroll-nav .header-box { transition: all .5s; height: 60px; }
header.scroll-nav h1 { transition: all .5s;  width: 115px;}
header.scroll-nav .h-process a { transition: all .5s; height: auto; padding: 11px 19px 12px 49px;}
header.scroll-nav .h-process img { width: 18px; }
header.scroll-nav .h-process img { transition: all .5s; width: 20px; height: auto;}
/* ------------------------------------------------------------ process */
.process {padding: 280px 0 110px;background: #F2F1ED url(../images/common/bg_process.jpg) center top/100% no-repeat;}
.process .mai-box {padding: 55px 50px 90px;background: #fff;border-radius: 20px;text-align: center;filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.1));}
.process h2 {padding: 0 0 40px;font-size: 34px;font-family: 'Noto-Sans-JP-Bold';line-height: 130%;}
.process h3 {padding: 0 0 25px;font-size: 26px;}
.process p {padding: 0 0 45px;font-size: 16px;line-height: 170%;font-family: 'Noto-Sans-JP-Regular';}
.process .recruit-btn {width: 360px;margin: 0 auto;padding: 27px 10px 30px;}

/* ------------------------------------------------------------ footer */
footer {padding: 80px 0 50px;}
.link-list {display: flex;align-items: flex-start;justify-content: space-between;}
.logos {width: 250px;}
.logos .logo {width: 200px;}
.logos .logo img {width: 100%;height: auto;}
.logos .adress {padding: 15px 0 30px;font-size: 12px;}
.logos .snsbar {display: flex;align-items: center;}
.logos .snsbar a {margin: 0 15px 0 0;}
.f-nav {display: flex;align-items: flex-start;flex-wrap: wrap;width: 855px;}
.f-nav li {width: 235px;margin: 0 45px 0 0;}
.f-nav li:nth-of-type(3n) {margin-right: 0;}
.f-nav p {display: flex;align-items: flex-end;height: 50px;padding: 0 0 10px;border-bottom: 2px solid #707070;font-size: 16px;line-height: 150%;}
.f-nav p a{ line-height: 150%;}
.f-nav ol {padding: 25px 0 0;}
.f-nav ol li {position: relative;margin: 0 0 20px;padding-left: 25px;font-size: 15px;font-family: 'Noto-Sans-JP-Regular';line-height: 150%;}
.f-nav ol li:after {position: absolute;content: "";left: 0;top: 50%;translate: 0 -50%;width: 15px;height: 2px;border-top: 2px solid #FF8822;}
.f-bottom {display: flex;align-items: flex-start;justify-content: space-between;padding: 140px 0 0;}
.f-bottom .left {width: 480px;}
.f-bottom .left p {font-size: 53px;line-height: 150%;font-family: 'Noto-Sans-JP-Bold';}
.f-bottom .left .copy {display: block;padding: 10px 0 0;font-size: 12px;}
.f-bottom .right {margin-right: 50px;}
/* ------------------------------------------------------------ mobile ------------------------------------------------------------ */
@media only screen and (max-width: 768px) {
	/* ------------------------------------------------------------ common */
	body { min-width: 100%; }
	body.stop{position: fixed;}
	.inner {width: 90%; padding: 0; }
	.sp { display: block; }
	.pc { display: none; }
	.btn { width: 100%; padding: 9px 10px; }
	.viewmore { font-size: 14px; }
	.circle-arrw {width: 32px; height: 32px; } 
	.circle-arrw::before { left: 9px; top: 10px; width: 10px; height: 10px;}
	.main-ttl {padding: 0 0 15px; }
	.main-ttl .ja-ttl { font-size: 25px; }
	.main-ttl .en-ttl { padding: 0 0 10px; font-size: 45px;}
	.main-ttl .sub { padding: 15px 0 0; font-size: 13px; line-height: 190%;}
	
	/* ------------------------------------------------------------ header */
	header {width: 95%; margin: 0 auto;}
	header h1, header.scroll-nav h1 {width: 100px;}
	header h1 a, header.scroll-nav h1 a { font-size: 11px; }
	header h1 img { padding: 0 0 5px;}
	header .header-box, 
	header.scroll-nav .header-box { width: 100%; height: 60px; filter: none; padding: 0 14px;}
	
	
	.header { width: 100%; transition: all .5s; display: none; position: fixed; z-index: 110; left: 0; top: 0; bottom: 0; right: 0; padding: 30px 0% 20%; background: #fff; overflow-y: scroll;}
	
	header .h-nav { width: 100%; display: block;  margin: 0 0 30px;}
	header .h-nav li { font-size: 16px; margin: 0; padding: 0;border-bottom: 1px solid #D9D9D9; width: 100%; height: auto;}
	header .h-nav li:first-child{border-top: 1px solid #D9D9D9; }
	header .h-nav li a::after {display: none;}
	.h-process { width: 100%; border-radius: 10px; }
	.h-process a {padding: 15px 10px;  height: auto;}
	.h-process img { margin: 0 10px 0 0; }
	header.scroll-nav .h-process a {font-size: 11px; padding: 10px 10px 10px 24px;}
	header .header h1{text-align: center; padding: 0 0 35px; width: 170px; height: auto; margin: 0 auto;}
	header .header .h-process{border-radius: 1000px; width: 60%; margin: 0 auto;}
	header .header .h-process a{font-size: 14px; text-align: center;}
	header .header .h-process img { width: 20px !important; }
	header.scroll-nav .h-process img {width: 16px;}
	header .header_box_sp{display: flex; align-items: center;}
	header .header_box_sp .h-process{margin: 0 15px 0 0 ;border-radius: 100px;}
	header .header_box_sp a{display: block; margin: 0 ;padding: 10px 10px 10px 24px;font-size: 11px; text-align: right;}
	header .header_box_sp a img { left: 7px; width: 16px;}
	
	header .h-nav p{width: auto; padding: 16px 5%; position: relative;}
	header .h-nav p .toggle{ cursor: pointer; position: absolute; transform: translateY(-50%) rotate(45deg); right: 5%; top: 50%; width: 12px; height: 12px; border-right: 1px solid #FF8822; border-bottom: 1px solid #FF8822; transition: 0.5s; }

	header .h-nav p .toggle.open {position: absolute; transform: translateY(-50%) rotate(-135deg); transition: 0.5s;}
	header .h-nav p a{display: inline-block; width: calc(100% - 20px); padding: 0px; line-height: 160%; font-size: 16px;}
	
	header .h-nav li.none_arrow p:after{display: none;}
	
	header .snsbar{ display: flex; align-items: center; justify-content: center; padding: 35px 0 0;}
	header .snsbar a{display: block;}
	header .snsbar a:not(:last-child){margin: 0 13px 0 0;}

	header .h-nav ul li{position: relative; padding: 0 20px; width: auto; border-bottom: none; margin: 0 5% 20px;}
	header .h-nav ul li:first-child{border-top: none; }
	header .h-nav ul li:before{content: ""; display: block; width: 14px; height: 1px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); background: #FF8822;}
	header .h-nav ul li a{font-size: 14px; line-height: 143%; padding: 0px;}
	header .h-nav ul li a:after{display: none;}
	
	.burger-btn { z-index: 140; position: relative; width: 30px; height: 18px;}
	.burger-btn span { transition: all .5s; position: absolute; display: block; left: 0; height: 1px; width: 100%; background: #FF8822;}
	.burger-btn span:first-of-type { top: 0px;}
	.burger-btn span:nth-child(2) { top: 50%; transform: translateY(-50%);}
	.burger-btn span:last-of-type { bottom: 0px;}
	.header.active { transition: all .5s; display: block;}
	.burger-btn.active span {transition: all .5s;}
	.burger-btn.active span:first-of-type {top: 50%; transform: translateY(-50%) rotate(45deg);} 
	.burger-btn.active span:nth-child(2) {opacity: 0;}
	.burger-btn.active span:last-of-type {top: 50%; transform: translateY(-50%) rotate(-45deg);}
	/* ------------------------------------------------------------ process */
	.process { padding: 60px 0;}
	.process .mai-box { padding: 30px 5%; border-radius: 10px;}
	.process h2 { padding: 0 0 15px; font-size: 22px;}
	.process h3 { padding: 0 0 15px; font-size: 16px;  line-height: 150%;}
	.process p { padding: 0px 0px 25px 0px;  font-size: 13px;}
	.process .recruit-btn { width: 80%; padding: 17px 10px 19px; font-size: 14px;}
	/* ------------------------------------------------------------ footer */
	footer { padding: 60px 0 100px;}
	.logos { width: 100%;}
	.logos .logo { width: 150px;  margin: 0 auto;}
	.logos .adress { padding: 15px 0 20px;  text-align: center;}
	.logos .snsbar {justify-content: center;}
	.logos .snsbar img { width: auto;  height: 25px;}
	.link-list {  display: block;}
	.f-nav {  display: block;  width: 100%;  padding: 30px 0 0;}
	.f-nav li {border-top: 1px solid #707070; width: 100%; margin: 0;padding: 18px 0;}
	.f-nav li:last-child{border-bottom: 1px solid #707070; }
	.f-nav p { display: block; height: auto; padding: 0; font-size: 14px; border-bottom: none; position: relative;}
	.f-nav li.triangle p:before{content: ""; display: block; width: 14px ;height: 14px; border-right: 1px solid #FF8822; border-bottom: 1px solid #FF8822; right: 5%; transform: translateY(-50%) rotateZ(45deg); top: 40%; position: absolute; transition: 0.2s;}
	.f-nav li.triangle.open p:before{ transform: translateY(-50%) rotateZ(-135deg); top: 60%; transition:0.2s;}
	.f-nav ol {display: none; padding: 30px 0 12px; }
	.f-nav ol li:last-child,
	.f-nav ol li { font-size: 13px;border-top: none; border-bottom: none; padding: 0 0 0 25px; }
	.f-bottom {  display: block;  padding: 50px 0 0;}
	.f-bottom .left {  width: 100%;  padding: 0 0 30px;}
	.f-bottom .left p {  font-size: 28px;}
	.f-bottom .left .copy {  font-size: 10px;}
	.recruit-btn {  padding: 14px 10px 16px; font-size: 15px;}
}
/* ------------------------------------------------------------ animation */
@keyframes fadeInUp {
	0% { opacity: 0; transform: translateY(20px);}
	to { opacity: 1; transform: translateY(0);}
}
.fadeInUp[style*="visible"] {opacity: 1;transform: translateY(0);}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;opacity: 0;transform: translateY(20px);}
.animated {-webkit-animation-duration: 1s;-webkit-animation-fill-mode: both;animation-duration: 1s;animation-fill-mode: both;}
@media (prefers-brownuced-motion) {
	.animated { -webkit-animation: unset !important; -webkit-transition: none !important; animation: unset !important;  transition: none !important}
}
/* ------------------------------------------------------------ blobal */
#wrapper {overflow-x: hidden;}
.page-sub p {line-height: 200%;}
.df {display: flex;justify-content: space-between;}
.fnt-neue {font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 600;}
.img-obj {width: 100%;height: 100%;object-fit: cover;}
.img_shadow {position: relative;z-index: 0;}
.img_shadow:before {content: "";position: absolute;z-index: -1;background: var(--primary);width: 100%; height: 100%;}
@media only screen and (min-width: 769px) {
	.df-pc { display: flex; justify-content: space-between;}
	.sp { display: none;}
}
@media only screen and (max-width: 768px) {
	.pc { display: none;}
	.page-sub p { line-height: 210%; font-size: 14px; font-family: 'Noto-Sans-JP-Regular';}
	.df-sp { display: flex; justify-content: space-between;}
	.img_shadow::before{ width: 100%;}
}
/* -------------------------------------
Bread
------------------------------------- */
#bread {width: 100%;line-height: 1.3;}
#bread li {font-family: 'Noto-Sans-JP-Regular';font-size: 12px;letter-spacing: 0.1em;display: inline;}
#bread li + li:before {padding: 0 10px 0 8px;content: "/";}
#bread li a {color: #000;text-decoration: none;vertical-align: baseline;}
#bread li a:hover {text-decoration: underline;}
@media only screen and (max-width: 768px) {
	#bread {overflow-x: auto; padding-bottom: 10px;}
	#bread ul { display: flex; width: max-content;}
	#bread li { font-size: 10px;}
}
/* -------------------------------------
KV
------------------------------------- */
.kv {background: #f2f1ed url("../images/common/kv_bg.jpg") no-repeat center;padding-top: 117px;box-sizing: border-box;height: 539px;margin-bottom: 154px;}
.kv-img {margin-right: -250px;width: calc(100% - 225px);}
.kv-img p {border-radius: 30px;overflow: hidden;height: 444px;width: 100%;}
.kv-img:before {border-radius: 30px;top: 10px;left: 10px;}
.kv h2 {font-family: 'Noto-Sans-JP-Bold';font-size: 42px;line-height: 61px;min-width: 465px;padding-bottom: 94px;}
.kv .df-pc {margin-top: 30px;align-items: center;}
@media only screen and (max-width: 768px) {
	.kv { background: none; position: relative;  z-index: 0; padding-top: 80px; height: auto;  margin-bottom: 40px;}
	.kv:before { content: ""; position: absolute;  z-index: -1; top: 0; left: 0; width: 100%; height: 297px;  background: url("../images/common/kv_bg_sp.jpg") no-repeat center / cover;}
	.kv-img p { height: 45.5vw; border-radius: 15px 0 0 15px;}
	.kv-img:before { border-radius: 15px 0 0 15px;}
	.kv h2 { font-size: 23px; line-height: 34px; width: 100%; min-width: inherit; padding-bottom: 54px;}
	.kv .df-pc { margin-top: 48px;}
	.kv-img { margin-right: -10%;  width: 110%;}
}
/* -------------------------------------
ENTRY
------------------------------------- */
.ttl { font-size: 40px; margin-bottom: 20px; line-height: 160%;font-family: 'Noto-Sans-JP-Bold';}
.ttl span { display: block; font-size: 67px; margin-bottom: 30px; }
.tll-sub { text-align: center; position: relative; font-size: 42px; padding-bottom: 27px; margin-bottom: 60px; }
.tll-sub:before { content: ""; position: absolute; bottom: 0; left: 50%; height: 2px; width: 80px; background: var(--primary); transform: translateX(-50%); }
@media only screen and (max-width: 768px) {
	.tll-sub { font-size: 20px; padding-bottom: 17px; margin-bottom: 20px; }
	.tll-sub:before { width: 40px; }
	.ttl { font-size: 25px; margin-bottom: 22px; }
	.ttl span { font-size: 36px; margin-bottom: 10px;}
}
.content{min-height: 400px;}
.content p {font-family: 'Noto-Sans-JP-Regular';font-size: 16px;}
.tac{text-align: center;}
@media only screen and (max-width: 768px) {
	.content p {  font-size: 14px;}
}
.entry-global {background: var(--primary2);padding: 104px 20px 102px;}
.entry-global h3 { font-size: 40px; line-height: 1; align-items: flex-end; }
.entry-global h3 span {text-transform: uppercase;font-size: 53px;display: block;margin-right: 15px;margin-bottom: 0;line-height: 38px;}
.entry-global .entry-txt {width: calc(100% - 430px);box-sizing: border-box;padding-right: 50px;}
.entry-global .recruit-btn {width: 100%;max-width: 580px;margin: 50px auto 0;position: relative;font-size: 26px;font-family: 'Noto-Sans-JP-Bold';padding: 45px 20px;}
.entry-global .recruit-btn .circle-arrw {border: 1px solid #fff;background: #fff;width: 40px;height: 40px;position: absolute;left: 32px;top: 50%;transform: translateY(-50%);}
.entry-global .recruit-btn .circle-arrw:before {border-top: 1px solid var(--primary);border-right: 1px solid var(--primary);width: 10px;height: 10px;left: 12px;top: 13px;}
.entry-global .recruit-btn:hover .circle-arrw { border: 1px solid var(--primary); background: var(--primary); }
.entry-global .recruit-btn:hover .circle-arrw:before { border-top: 1px solid #fff; border-right: 1px solid #fff; }
@media only screen and (max-width: 768px) {
	.entry-global { padding: 57px 0 68px; }
	.entry-global h3 { font-size: 25px; margin-bottom: 35px; text-align: center; }
	.entry-global h3 span {font-size: 36px; margin: 0 0 10px 0; }
	.entry-global .entry-txt { width: 100%;  padding-right: 0; font-size: 15px;}
	.entry-global .recruit-btn { max-width: 265px; margin: 30px auto 0; font-size: 19px;  padding: 25px 20px;}
	.entry-global .recruit-btn .circle-arrw { width: 28px; height: 28px; left: 20px;}
	.entry-global .recruit-btn .circle-arrw:before { width: 8px; height: 8px; left: 8px;  top: 10px;}
}
/* -------------------------------------
BANNER
------------------------------------- */
.list-bnr {text-align: center;color: #fff;font-size: 18px;line-height: 26px;position: relative;z-index: 0;padding: 0 20px 105px;}
.list-bnr:before {content: "";position: absolute;z-index: -1;left: 0;bottom: 0;background: var(--primary);width: 100%;height: calc(100% - 53px);}
.list-bnr ul {margin: 0 auto;max-width: 1468px;}
.list-bnr a {color: #fff;display: block;transition: ease 0.3s;}

.list-bnr a .list-img{ background: #fff; border-radius: 14px;}
.list-bnr a .list-img img{transition: ease 0.3s;}
.list-bnr a:hover img{opacity: 0.7;opacity: 0.7;}

.list-bnr .list-img img {border-radius: 14px;width: 100%; height: auto;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);}
.list-bnr .list-link {justify-content: center;align-items: center;margin-top: 16px;height: 52px;}
.list-bnr .list-link p {line-height: 26px;}
.list-bnr .list-link .circle-arrw {border: 1px solid #fff;background: #fff;width: 30px;height: 30px;margin-right: 10px;}
.list-bnr .list-link .circle-arrw:before {border-top: 1px solid var(--primary);border-right: 1px solid var(--primary);width: 8px;height: 8px;left: 8px;top: 10px;}
@media only screen and (min-width: 769px) {
	.list-bnr li {  width: calc((100% - 60px) / 4);}
}
@media only screen and (max-width: 768px) {
	.list-bnr {  padding-top: 33px;  padding-bottom: 10px;
	.list-bnr:before {  height: 100%;}
	.list-bnr li {  margin-bottom: 40px;}
	.list-bnr p {  font-size: 18px;  font-family: 'Noto-Sans-JP-Medium';}
}
/* -------------------------------------BOX
------------------------------------- */
.box-global {max-width: 1100px;width: 100%;}
.box-global:before {width: calc(100% - 113px);left: 61px;top: 10px;border-radius: 22px;}
.box-global .box {background: #fff;width: calc(100% - 11px);border-radius: 22px;box-sizing: border-box;}
@media only screen and (max-width: 768px) {
	.box-global:before { width: 100%; left: 7px; top: 7px; border-radius: 22px;}
	.box-global .box { width: 100%;}
}

/*=============================================
 * .toggle
 *=============================================*/

.toggle .toggle-link {
	cursor: pointer;
	position: relative;
}
.toggle .toggle-main {
	display: none;
}
.toggle.active .toggle-main {
	display: block;
}