@charset "UTF-8";
* { padding: 0; margin: 0; box-sizing: border-box; line-height: 1; }

button, option, select, textarea, input[type="button"], input[type="submit"], input[type="number"], input[type="email"], input[type="tel"], input[type="text"], input[type="select"], input[type="option"], input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border: none; outline: 0; margin: 0; background: #fff; background-color: white; background-color: white; }

body.fixed { width: 100%; height: 100%; position: fixed; }

li { list-style: none; }

img { vertical-align: top; }

.pc_br { display: inline-block; }
@media only screen and (max-width: 992px) { .pc_br { display: none; } }

.sp_br { display: none; }
@media only screen and (max-width: 992px) { .sp_br { display: inline-block; } }

@media only screen and (max-width: 992px) { .pc_obj { display: none; } }

.sp_obj { display: none; }
@media only screen and (max-width: 992px) { .sp_obj { display: block; } }

a { text-decoration: none; }
a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; }
@media only screen and (max-width: 992px) { a[href*="tel:"] { pointer-events: auto; cursor: pointer; } }

.animation { opacity: 0; transform: translateY(5%); transition: opacity 1s ease, transform 1s ease; }
.animation.active { opacity: 1; transform: translateY(0); }

.highlight { text-decoration: underline; /* 下線 */ text-decoration-thickness: 0.5em; /* 線の太さ */ text-decoration-color: #FFE200; /* 線の色 */ text-underline-offset: -0.2em; /* 線の位置。テキストに重なるようにやや上部にする */ text-decoration-skip-ink: none; /* 下線と文字列が重なる部分でも下線が省略されない（線が途切れない） */ }

.highlight.con { text-decoration-color: #BBBDDF; }

body { width: 100vw; height: 100%; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; color: #231815; }
body.fixed { overflow: hidden; position: fixed; width: 100%; }

header { position: fixed; z-index: 100; width: 100%; height: 100px; display: flex; justify-content: space-between; align-items: center; top: 0; transition: background .5s; }
@media only screen and (max-width: 992px) { header { height: calc((100 / 650) * 100 * 1vw); } }
header.bw { background-color: #FFF; }
header h1 { display: flex; align-items: center; margin-left: 35px; }
@media only screen and (max-width: 992px) { header h1 { margin-left: calc((29 / 650) * 100 * 1vw); } }
header h1 a { margin-right: 36px; display: flex; align-items: center; }
@media only screen and (max-width: 992px) { header h1 a { margin-right: calc((24 / 650) * 100 * 1vw); } }
header h1 a::after { content: ""; display: block; width: 1px; height: 56px; background-color: #9FA0A0; margin-left: 36px; }
@media only screen and (max-width: 992px) { header h1 a::after { margin-left: calc((30 / 650) * 100 * 1vw); width: calc((1 / 650) * 100 * 1vw); height: calc((74 / 650) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { header h1 a img { width: calc((323 / 650) * 100 * 1vw); height: auto; } }
@media only screen and (max-width: 992px) { header h1 .title { width: calc((112 / 650) * 100 * 1vw); height: auto; } }
header nav { position: relative; width: fit-content; height: 100px; }
@media only screen and (max-width: 992px) { header nav { height: calc((100 / 650) * 100 * 1vw); } }
header nav #hamburger { position: fixed; z-index: 50; right: 0; top: 0; width: 100px; height: 100px; background-color: #004098; }
@media only screen and (max-width: 992px) { header nav #hamburger { width: calc((100 / 650) * 100 * 1vw); height: calc((100 / 650) * 100 * 1vw); cursor: pointer; text-align: center; } }
header nav #hamburger span { display: block; position: absolute; width: 34px; height: 3px; left: 33px; background: #FFF; transition: 0.3s ease-in-out; }
@media only screen and (max-width: 992px) { header nav #hamburger span { width: calc((35.7 / 650) * 100 * 1vw); height: calc((3.3 / 650) * 100 * 1vw); left: calc((32.1 / 650) * 100 * 1vw); } }
header nav #hamburger span:nth-child(1) { top: 37px; }
@media only screen and (max-width: 992px) { header nav #hamburger span:nth-child(1) { top: calc((34.1 / 650) * 100 * 1vw); } }
header nav #hamburger span:nth-child(2) { top: 48px; }
@media only screen and (max-width: 992px) { header nav #hamburger span:nth-child(2) { top: calc((48 / 650) * 100 * 1vw); } }
header nav #hamburger span:nth-child(3) { top: 60px; }
@media only screen and (max-width: 992px) { header nav #hamburger span:nth-child(3) { top: calc((61.9 / 650) * 100 * 1vw); } }
header nav #hamburger.active span:nth-child(1) { top: 37px; transform: rotate(-35.8deg); }
@media only screen and (max-width: 992px) { header nav #hamburger.active span:nth-child(1) { top: calc((34.1 / 650) * 100 * 1vw); } }
header nav #hamburger.active span:nth-child(2), header nav #hamburger.active span:nth-child(3) { top: 37px; transform: rotate(35.8deg); }
@media only screen and (max-width: 992px) { header nav #hamburger.active span:nth-child(2), header nav #hamburger.active span:nth-child(3) { top: calc((34.1 / 650) * 100 * 1vw); } }
header nav .inner_nav { position: absolute; top: 0; right: 0; transform: translateX(100%); transition: all 0.6s; width: 700px; height: 100vh; background-color: #004098; padding: 49px 69px 39px 69px; overflow: scroll; }
@media only screen and (max-width: 992px) { header nav .inner_nav { width: 100vw; padding: calc((30 / 650) * 100 * 1vw) calc((20 / 650) * 100 * 1vw) calc((92 / 650) * 100 * 1vw) calc((76 / 650) * 100 * 1vw); } }
header nav .inner_nav ol:nth-of-type(1) { margin-bottom: 31px; }
@media only screen and (max-width: 992px) { header nav .inner_nav ol:nth-of-type(1) { margin-bottom: calc((57 / 650) * 100 * 1vw); padding-left: calc((16 / 650) * 100 * 1vw); } }
header nav .inner_nav ol:nth-of-type(1) li a { font-size: 21px; line-height: 70px; font-weight: 700; letter-spacing: 0.13em; color: #FFF; }
@media only screen and (max-width: 992px) { header nav .inner_nav ol:nth-of-type(1) li a { font-size: calc((28 / 650) * 100 * 1vw); line-height: calc((94 / 650) * 100 * 1vw); } }
header nav .inner_nav ol:nth-of-type(1) li a::after { content: ""; display: inline-block; margin-left: 33px; width: 9px; height: 15px; background-image: url("images/nav_arrow.svg"); background-repeat: no-repeat; background-size: cover; transition: transform .3s; }
@media only screen and (max-width: 992px) { header nav .inner_nav ol:nth-of-type(1) li a::after { width: calc((11 / 650) * 100 * 1vw); height: calc((19 / 650) * 100 * 1vw); margin-left: calc((50 / 650) * 100 * 1vw); } }
header nav .inner_nav ol:nth-of-type(1) li:hover a::after { transform: translateX(10px); }
header nav .inner_nav ol:nth-of-type(2) { display: flex; justify-content: space-between; width: 562px; margin: 0 auto; }
@media only screen and (max-width: 992px) { header nav .inner_nav ol:nth-of-type(2) { display: block; width: calc((343 / 650) * 100 * 1vw); margin: 0; } }
header nav .inner_nav ol:nth-of-type(2) li { flex-basis: 266px; height: 71px; display: flex; justify-content: center; background-color: #FFF; border-radius: 10px; text-align: center; position: relative; transition: opacity .3s; }
@media only screen and (max-width: 992px) { header nav .inner_nav ol:nth-of-type(2) li { height: calc((91.6 / 650) * 100 * 1vw); border-radius: calc((12.9 / 650) * 100 * 1vw); } }
header nav .inner_nav ol:nth-of-type(2) li a { font-size: 18px; line-height: 29px; font-weight: 900; letter-spacing: 0.12em; color: #004098; display: flex; align-items: center; height: 100%; }
@media only screen and (max-width: 992px) { header nav .inner_nav ol:nth-of-type(2) li a { font-size: calc((23 / 650) * 100 * 1vw); line-height: calc((33 / 650) * 100 * 1vw); } }
header nav .inner_nav ol:nth-of-type(2) li a::before { content: ""; display: block; }
header nav .inner_nav ol:nth-of-type(2) li a::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: transparent; }
@media only screen and (max-width: 992px) { header nav .inner_nav ol:nth-of-type(2) li:nth-child(1) { margin-bottom: calc((31 / 650) * 100 * 1vw); } }
header nav .inner_nav ol:nth-of-type(2) li:nth-child(1) a::before { background-image: url("images/nav_icon_mail.svg"); width: 53px; height: 47px; margin-right: 13px; }
@media only screen and (max-width: 992px) { header nav .inner_nav ol:nth-of-type(2) li:nth-child(1) a::before { width: calc((68.38 / 650) * 100 * 1vw); height: calc((60.64 / 650) * 100 * 1vw); margin-right: calc((18 / 650) * 100 * 1vw); } }
header nav .inner_nav ol:nth-of-type(2) li:nth-child(2) a::before { background-image: url("images/nav_icon_pc.svg"); width: 53px; height: 51px; margin-right: 18px; }
@media only screen and (max-width: 992px) { header nav .inner_nav ol:nth-of-type(2) li:nth-child(2) a::before { width: calc((68.41 / 650) * 100 * 1vw); height: calc((65.83 / 650) * 100 * 1vw); margin-right: calc((24 / 650) * 100 * 1vw); } }
header nav .inner_nav ol:nth-of-type(2) li:hover { opacity: 0.8; }
header nav.active .inner_nav { transform: translateX(0); }

main { /*margin-top: 100px;*/ background-image: url("images/main_bk.png"); overflow: hidden; }
@media only screen and (max-width: 992px) { main { width: 100%; overflow: hidden; background-size: calc((73 / 650) * 100 * 1vw) 　calc(11.2307692308vw); } }

/*============================
#hero
============================*/
#hero { margin-bottom: 283px; }
@media only screen and (max-width: 992px) { #hero { margin-bottom: calc((271 / 650) * 100 * 1vw); } }
#hero .inner_hero { width: 100%; margin: 0 auto; height: calc((844 / 1400) * 100 * 1vw); background-image: url("images/hero_pc.svg"); background-repeat: no-repeat; background-size: cover; position: relative; }
@media only screen and (max-width: 992px) { #hero .inner_hero { max-width: inherit; max-height: inherit; width: 100%; height: calc((1145 / 650) * 100 * 1vw); background-image: url("images/hero_sp.svg"); } }
#hero .inner_hero h1 { width: 100%; height: 100%; position: absolute; top: 0; }
#hero .inner_hero h1 img { display: block; width: calc((354 / 1400) * 100 * 1%); height: auto; position: absolute; top: calc((164 / 844) * 100 * 1%); left: calc((80 / 1400) * 100 * 1%); }
@media only screen and (max-width: 992px) { #hero .inner_hero h1 img { width: calc((343.9 / 650) * 100 * 1vw); top: calc((137 / 650) * 100 * 1vw); left: calc((41 / 650) * 100 * 1vw); } }
#hero .inner_hero ul { width: 100%; height: 100%; }
#hero .inner_hero ul li { background-repeat: no-repeat; background-size: cover; position: absolute; filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.4)); animation: fuwafuwa1 3s ease-in-out infinite alternate; transition: 1.5s ease-in-out; }
@media only screen and (max-width: 992px) { #hero .inner_hero ul li { filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.4)); } }
#hero .inner_hero ul li picture { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
#hero .inner_hero ul li:nth-child(1) { width: calc((226 / 1400) * 100 * 1%); height: calc((249 / 844) * 100 * 1%); background-image: url("images/hero_product_balloon1.svg"); top: calc((114 / 844) * 100 * 1%); left: calc((500 / 1400) * 100 * 1%); }
@media only screen and (max-width: 992px) { #hero .inner_hero ul li:nth-child(1) { width: calc((201.6 / 650) * 100 * 1vw); height: calc((222.7 / 650) * 100 * 1vw); top: calc((310.4 / 650) * 100 * 1vw); left: calc((17.6 / 650) * 100 * 1vw); } }
#hero .inner_hero ul li:nth-child(1) img { width: calc((112 / 226) * 100 * 1%); height: auto; transform: translate(0px, -9px); }
@media only screen and (max-width: 992px) { #hero .inner_hero ul li:nth-child(1) img { width: calc((100.9 / 650) * 100 * 1vw); transform: translate(0px, calc((-5 / 650) * 100 * 1vw)); } }
#hero .inner_hero ul li:nth-child(2) { width: calc((226 / 1400) * 100 * 1%); height: calc((249 / 844) * 100 * 1%); background-image: url("images/hero_product_balloon2.svg"); top: calc((311 / 844) * 100 * 1%); right: calc((12 / 1400) * 100 * 1%); animation-delay: 0.5s; }
@media only screen and (max-width: 992px) { #hero .inner_hero ul li:nth-child(2) { width: calc((201.7 / 650) * 100 * 1vw); height: calc((210.2 / 650) * 100 * 1vw); background-image: url("images/hero_product_balloon2_sp.svg"); top: calc((169.5 / 650) * 100 * 1vw); left: calc((421.8 / 650) * 100 * 1vw); } }
#hero .inner_hero ul li:nth-child(2) img { width: calc((106 / 226) * 100 * 1%); height: auto; transform: translate(0px, 13px); }
@media only screen and (max-width: 992px) { #hero .inner_hero ul li:nth-child(2) img { width: calc((94.1 / 650) * 100 * 1vw); transform: translate(0px, calc((-5 / 650) * 100 * 1vw)); } }
#hero .inner_hero ul li:nth-child(3) { width: calc((242 / 1400) * 100 * 1%); height: calc((226 / 844) * 100 * 1%); background-image: url("images/hero_product_balloon3.svg"); top: calc((583 / 844) * 100 * 1%); right: calc((206 / 1400) * 100 * 1%); animation-delay: 1s; }
@media only screen and (max-width: 992px) { #hero .inner_hero ul li:nth-child(3) { width: calc((212.7 / 650) * 100 * 1vw); height: calc((201.4 / 650) * 100 * 1vw); background-image: url("images/hero_product_balloon3_sp.svg"); top: calc((890.8 / 650) * 100 * 1vw); right: calc((117.3 / 650) * 100 * 1vw); } }
#hero .inner_hero ul li:nth-child(3) img { width: calc((163 / 226) * 100 * 1%); height: auto; transform: translate(-9px, 6px); }
@media only screen and (max-width: 992px) { #hero .inner_hero ul li:nth-child(3) img { width: calc((146.9 / 650) * 100 * 1vw); transform: translate(calc((-3 / 650) * 100 * 1vw), calc((6 / 650) * 100 * 1vw)); } }
#hero .inner_hero ul li:nth-child(4) { width: calc((226 / 1400) * 100 * 1%); height: calc((249 / 844) * 100 * 1%); background-image: url("images/hero_product_balloon1.svg"); top: calc((335 / 844) * 100 * 1%); left: calc((54 / 1400) * 100 * 1%); animation-delay: 1.5s; }
@media only screen and (max-width: 992px) { #hero .inner_hero ul li:nth-child(4) { width: calc((201.6 / 650) * 100 * 1vw); height: calc((222.5 / 650) * 100 * 1vw); top: calc((672.7 / 650) * 100 * 1vw); left: calc((17.6 / 650) * 100 * 1vw); } }
#hero .inner_hero ul li:nth-child(4) img { width: calc((93 / 226) * 100 * 1%); height: auto; transform: translate(-1px, -12px); }
@media only screen and (max-width: 992px) { #hero .inner_hero ul li:nth-child(4) img { width: calc((82.4 / 650) * 100 * 1vw); transform: translate(calc((-1 / 650) * 100 * 1vw), calc((-12 / 650) * 100 * 1vw)); } }
#hero .inner_hero .hero_str { display: flex; justify-content: center; align-items: center; width: 893px; height: 255px; background-color: #FFF; border-radius: 27px; margin: 0 auto; position: relative; top: -26px; }
@media only screen and (max-width: 992px) { #hero .inner_hero .hero_str { width: calc((550 / 650) * 100 * 1vw); height: calc((258 / 650) * 100 * 1vw); border-radius: calc((33 / 650) * 100 * 1vw); top: calc((-31 / 650) * 100 * 1vw); } }
#hero .inner_hero .hero_str p { font-weight: 700; font-size: 30px; line-height: 50px; letter-spacing: 0.08em; text-align: center; color: #004098; }
@media only screen and (max-width: 992px) { #hero .inner_hero .hero_str p { font-size: calc((25 / 650) * 100 * 1vw); line-height: calc((45 / 650) * 100 * 1vw); } }
#hero .inner_hero .hero_str p span { font-size: 36px; font-weight: 900; }
@media only screen and (max-width: 992px) { #hero .inner_hero .hero_str p span { font-size: calc((30 / 650) * 100 * 1vw); } }

@keyframes fuwafuwa1 { 0% { transform: translate(0, 0); }
  50% { transform: translate(0, -7px); }
  100% { transform: translate(0, 0); } }
/*============================
#tiktok
============================*/
#tiktok { margin-bottom: 78px; }
@media only screen and (max-width: 992px) { #tiktok { margin-bottom: calc((40 / 650) * 100 * 1vw); } }
#tiktok .inner_tiktok { position: relative; width: 900px; margin: 0 auto; }
@media only screen and (max-width: 992px) { #tiktok .inner_tiktok { width: calc((535 / 650) * 100 * 1vw); } }
#tiktok .inner_tiktok .tiktok_shadow { position: absolute; top: 15px; left: 15px; width: 893px; height: 143px; background-image: url("images/shadow_dot.png"); background-size: 18px 18px; background-position: 3px 3px; border-radius: 20px; z-index: 0; }
@media only screen and (max-width: 992px) { #tiktok .inner_tiktok .tiktok_shadow { width: calc((529 / 650) * 100 * 1vw); height: calc((143 / 650) * 100 * 1vw); top: calc((15 / 650) * 100 * 1vw); left: calc((15 / 650) * 100 * 1vw); border-radius: calc((21 / 650) * 100 * 1vw); background-size: calc((20 / 650) * 100 * 1vw) calc((20 / 650) * 100 * 1vw); background-position: calc((-3 / 650) * 100 * 1vw) 0; } }
#tiktok .inner_tiktok a { width: 900px; height: 150px; margin: 0 auto; background-color: #FFF; border: #004098 solid 6px; border-radius: 20px; display: flex; justify-content: center; align-items: center; position: relative; font-weight: 900; font-size: 29px; line-height: 1; letter-spacing: 0.11em; color: #004098; text-align: center; background-image: url("images/TikTok_rogo.svg"), url("images/TikTok_qr.png"); background-repeat: no-repeat,no-repeat; background-position: left 41px center,right 24px center; background-size: 70px 100px,115px 115px; transition: background-color 0.3s; z-index: 1; }
@media only screen and (max-width: 992px) { #tiktok .inner_tiktok a { font-size: calc((26.8 / 650) * 100 * 1vw); line-height: 1.5; letter-spacing: 0.07em; width: calc((535 / 650) * 100 * 1vw); height: calc((150 / 650) * 100 * 1vw); border: #004098 solid calc((6 / 650) * 100 * 1vw); border-radius: calc((21 / 650) * 100 * 1vw); padding: 0; background: none; background-color: #FFF; background-image: url("images/TikTok_rogo.svg"); background-repeat: no-repeat; background-position: left calc((40 / 650) * 100 * 1vw) center; background-size: calc((70 / 650) * 100 * 1vw) calc((100 / 650) * 100 * 1vw); text-align: left; justify-content: flex-start; padding-left: calc((147 / 650) * 100 * 1vw); } }
#tiktok .inner_tiktok a::before { content: ""; display: block; width: 43px; height: 17px; background-image: url("images/faq_arrow.svg"); background-repeat: no-repeat; background-size: contain; position: absolute; top: 52%; right: 182px; transform: rotate(90deg) translateY(50%); }
@media only screen and (max-width: 992px) { #tiktok .inner_tiktok a::before { width: calc((43 / 650) * 100 * 1vw); height: calc((17 / 650) * 100 * 1vw); right: calc((30 / 650) * 100 * 1vw); } }
#tiktok .inner_tiktok a:hover { background-color: #CAE9FA; }

/*============================
#manufacturing
============================*/
#manufacturing .inner_manufacturing { width: 1100px; margin: 0 auto 95px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing { width: calc((594 / 650) * 100 * 1vw); margin: 0 auto calc((94 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step { background: linear-gradient(to right, #004098 50%, #FFE200 50%); padding: 18px; border-radius: 40px; position: relative; margin-bottom: 134px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step { padding: calc((14 / 650) * 100 * 1vw); border-radius: calc((42.4 / 650) * 100 * 1vw); margin-bottom: calc((184.9 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step h2 { width: fit-content; position: absolute; top: 77px; left: 50%; transform: translateX(-50%); }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step h2 { top: calc((38 / 650) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step h2 img { width: calc((462.3 / 650) * 100 * 1vw); height: auto; } }
#manufacturing .inner_manufacturing .wrap_step ol { display: flex; flex-direction: column; align-items: center; background-color: #FFF; padding: 264px 18px 18px 18px; border-radius: 22px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol { padding: calc((222 / 650) * 100 * 1vw) 0 0 0; border-radius: calc((28.4 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li.step1 { display: flex; align-items: center; }
#manufacturing .inner_manufacturing .wrap_step ol li.step1 .step1_h4 { order: 2; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li.step1 .step1_h4 { position: absolute; top: 0; left: 50%; transform: translateX(-50%); } }
#manufacturing .inner_manufacturing .wrap_step ol li.step1 .step1_h4 img { margin: 87px 17px 0; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li.step1 .step1_h4 img { width: calc((71 / 650) * 100 * 1vw); height: calc((122 / 650) * 100 * 1vw); margin: 0; margin-top: calc((257 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li.step1 .material { display: flex; flex-direction: column; align-items: center; }
#manufacturing .inner_manufacturing .wrap_step ol li.step1 .material h4 { font-weight: 900; font-size: 40px; letter-spacing: 0.05em; width: fit-content; color: #004098; position: relative; z-index: 2; margin-bottom: 24px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li.step1 .material h4 { font-size: calc((29 / 650) * 100 * 1vw); margin-bottom: calc((9 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li.step1 .material h4::after { content: ""; width: 100%; height: 14px; position: absolute; bottom: -7px; left: 0; z-index: -1; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li.step1 .material h4::after { height: calc((10 / 650) * 100 * 1vw); bottom: 0; } }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li.step1 .material > img { width: calc((271 / 650) * 100 * 1vw); height: auto; } }
#manufacturing .inner_manufacturing .wrap_step ol li.step1 .material:nth-of-type(1) { order: 1; }
#manufacturing .inner_manufacturing .wrap_step ol li.step1 .material:nth-of-type(1) h4::after { background-color: #BBBDDF; }
#manufacturing .inner_manufacturing .wrap_step ol li.step1 .material:nth-of-type(2) { order: 3; }
#manufacturing .inner_manufacturing .wrap_step ol li.step1 .material:nth-of-type(2) h4::after { background-color: #FFE200; }
#manufacturing .inner_manufacturing .wrap_step ol li { position: relative; z-index: 2; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li > img { width: calc((298 / 650) * 100 * 1vw); height: calc((298 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li .fukidashi { position: absolute; }
#manufacturing .inner_manufacturing .wrap_step ol li .landscape { position: absolute; }
#manufacturing .inner_manufacturing .wrap_step ol li .character { position: absolute; }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(1) { margin-bottom: 85px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(1) { margin-bottom: calc((246.4 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(1)::after { content: url("images/manufacturing_step1_line.svg"); display: block; width: 403px; height: auto; position: absolute; z-index: -1; top: 296px; left: 50%; transform: translateX(-50%); clip-path: inset(0 0 100% 0); transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1); transition-property: clip-path; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(1)::after { content: url("images/manufacturing_step1_line_sp.svg"); width: calc((266 / 650) * 100 * 1vw); top: calc((275 / 650) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(1) .step1_img img { width: calc((271 / 650) * 100 * 1vw); height: calc((271 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(1) .character { top: 132px; right: -44px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(1) .character { width: calc((101 / 650) * 100 * 1vw); height: auto; top: calc((262.6 / 650) * 100 * 1vw); right: calc((38.6 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(2) { margin-bottom: 55px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(2) { margin-bottom: calc((115.5 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(2)::after { content: url("images/manufacturing_line2.svg"); display: block; width: 30px; height: auto; position: absolute; z-index: -1; top: 307px; left: 50%; transform: translateX(-50%); clip-path: inset(0 0 100% 0); transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1); transition-property: clip-path; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(2)::after { content: url("images/manufacturing_line2_sp.svg"); width: calc((30 / 650) * 100 * 1vw); top: calc((275.2 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(2) .fukidashi { top: 91px; left: 288px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(2) .fukidashi { width: calc((190 / 650) * 100 * 1vw); height: auto; top: 0; left: calc((214.5 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(2) .landscape { top: -10px; left: -307px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(2) .landscape { width: calc((212.4 / 650) * 100 * 1vw); height: auto; top: calc((-96 / 650) * 100 * 1vw); left: calc((-107.6 / 650) * 100 * 1vw); z-index: -1; } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(2) .character { top: 216px; left: -102px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(2) .character { width: calc((106 / 650) * 100 * 1vw); height: auto; top: calc((131.7 / 650) * 100 * 1vw); left: calc((-83.4 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(3) { margin-bottom: 55px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(3) { margin-bottom: calc((115.5 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(3)::after { content: url("images/manufacturing_line2.svg"); display: block; width: 30px; height: auto; position: absolute; z-index: -1; top: 307px; left: 50%; transform: translateX(-50%); clip-path: inset(0 0 100% 0); transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1); transition-property: clip-path; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(3)::after { content: url("images/manufacturing_line2_sp.svg"); width: calc((30 / 650) * 100 * 1vw); top: calc((275.2 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(3) .fukidashi { top: 60px; left: -206px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(3) .fukidashi { width: calc((221 / 650) * 100 * 1vw); height: auto; top: calc((-90 / 650) * 100 * 1vw); left: calc((-109 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(3) .landscape { top: -4px; left: 340px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(3) .landscape { width: calc((212.4 / 650) * 100 * 1vw); height: auto; top: calc((-96 / 650) * 100 * 1vw); left: calc((199.5 / 650) * 100 * 1vw); z-index: -1; } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(3) .character { top: 225px; left: 501px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(3) .character { width: calc((127 / 650) * 100 * 1vw); height: auto; top: calc((89.3 / 650) * 100 * 1vw); left: calc((253 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(4) { margin-bottom: 55px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(4) { margin-bottom: calc((115.5 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(4)::after { content: url("images/manufacturing_line2.svg"); display: block; width: 30px; height: auto; position: absolute; z-index: -1; top: 307px; left: 50%; transform: translateX(-50%); clip-path: inset(0 0 100% 0); transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1); transition-property: clip-path; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(4)::after { content: url("images/manufacturing_line2_sp.svg"); width: calc((30 / 650) * 100 * 1vw); top: calc((275.2 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(4) .fukidashi { top: 111px; left: 278px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(4) .fukidashi { width: calc((184 / 650) * 100 * 1vw); height: auto; top: calc((-37.2 / 650) * 100 * 1vw); left: calc((216 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(4) .landscape { top: -26px; left: -308px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(4) .landscape { width: calc((212.4 / 650) * 100 * 1vw); height: auto; top: calc((-94.1 / 650) * 100 * 1vw); left: calc((-112.1 / 650) * 100 * 1vw); z-index: -1; } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(4) .character { top: 157px; left: -179px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(4) .character { width: calc((120 / 650) * 100 * 1vw); height: auto; top: calc((204.4 / 650) * 100 * 1vw); left: calc((-51.3 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(5) { margin-bottom: 55px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(5) { margin-bottom: calc((115.5 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(5)::after { content: url("images/manufacturing_line2.svg"); display: block; width: 30px; height: auto; position: absolute; z-index: -1; top: 307px; left: 50%; transform: translateX(-50%); clip-path: inset(0 0 100% 0); transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1); transition-property: clip-path; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(5)::after { content: url("images/manufacturing_line2_sp.svg"); width: calc((30 / 650) * 100 * 1vw); top: calc((275.2 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(5) .fukidashi { top: 8px; left: -191px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(5) .fukidashi { width: calc((201 / 650) * 100 * 1vw); height: auto; top: calc((2.9 / 650) * 100 * 1vw); left: calc((-108 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(5) .landscape51 { top: 22px; left: 340px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(5) .landscape51 { width: calc((212.4 / 650) * 100 * 1vw); height: auto; top: calc((-94.7 / 650) * 100 * 1vw); left: calc((194.8 / 650) * 100 * 1vw); z-index: -1; } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(5) .landscape52 { top: 216px; left: -307px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(5) .landscape52 { width: calc((212.4 / 650) * 100 * 1vw); height: auto; top: calc((262 / 650) * 100 * 1vw); left: calc((-110 / 650) * 100 * 1vw); z-index: -1; } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(5) .character { top: 203px; left: 363px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(5) .character { width: calc((134 / 650) * 100 * 1vw); height: auto; top: calc((100.9 / 650) * 100 * 1vw); left: calc((264 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(6) { margin-bottom: 56px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(6) { margin-bottom: calc((60 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(6)::after { content: url("images/manufacturing_line2.svg"); display: block; width: 30px; height: auto; position: absolute; z-index: -1; top: 307px; left: 50%; transform: translateX(-50%); clip-path: inset(0 0 100% 0); transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1); transition-property: clip-path; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(6)::after { content: url("images/manufacturing_line2_sp.svg"); width: calc((30 / 650) * 100 * 1vw); top: calc((275.2 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(6) .fukidashi { top: 91px; left: 291px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(6) .fukidashi { width: calc((220 / 650) * 100 * 1vw); height: auto; top: calc((-90.6 / 650) * 100 * 1vw); left: calc((181.8 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(6) .character { top: 96px; left: -183px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(6) .character { width: calc((84 / 650) * 100 * 1vw); height: auto; top: calc((34.1 / 650) * 100 * 1vw); left: calc((-94.9 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(7)::after { content: url("images/manufacturing_line3.svg"); display: block; width: 203px; height: auto; position: absolute; z-index: -1; top: 21px; left: 50%; transform: translateX(-50%); clip-path: inset(0 0 100% 0); transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1); transition-property: clip-path; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(7)::after { content: url("images/manufacturing_line3_sp.svg"); width: calc((222 / 650) * 100 * 1vw); top: calc((24 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li:nth-child(7) p { font-weight: 700; font-size: 25px; letter-spacing: 0.08em; display: flex; justify-content: center; align-items: center; width: 425px; height: 50px; background-color: #004098; border-radius: 25px; color: #FFF; margin-bottom: 34px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_step ol li:nth-child(7) p { font-size: calc((25 / 650) * 100 * 1vw); width: calc((425 / 650) * 100 * 1vw); height: calc((48 / 650) * 100 * 1vw); border-radius: calc((24 / 650) * 100 * 1vw); margin-bottom: calc((65 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_step ol li.is-animated::after { clip-path: inset(0); }
#manufacturing .inner_manufacturing .wrap_processing { display: flex; width: 870px; margin: 0 auto; position: relative; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_processing { z-index: 2; width: calc((555 / 650) * 100 * 1vw); justify-content: space-between; } }
#manufacturing .inner_manufacturing .wrap_processing h5 { order: 2; margin: 87px -82px 0 -70px; z-index: 2; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_processing h5 { position: absolute; top: calc((80.5 / 650) * 100 * 1vw); left: 50%; transform: translateX(-50%); margin: 0; } }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_processing h5 img { width: calc((107 / 650) * 100 * 1vw); height: auto; } }
#manufacturing .inner_manufacturing .wrap_processing .wrap_processing1 { order: 1; display: flex; flex-direction: column; align-items: center; position: relative; flex: 0 0 429px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_processing .wrap_processing1 { flex: 0 0 calc((270 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_processing .wrap_processing1::after { content: url("images/manufacturing_line4.svg"); display: block; width: 9px; height: auto; position: absolute; top: 334px; left: 50%; transform: translateX(-50%); clip-path: inset(0 0 100% 0); transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1); transition-property: clip-path; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_processing .wrap_processing1::after { content: url("images/manufacturing_line4_sp.svg"); width: calc((9 / 650) * 100 * 1vw); top: calc((275 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_processing .wrap_processing1.is-animated::after { clip-path: inset(0); }
#manufacturing .inner_manufacturing .wrap_processing .wrap_processing1 .fukidashi { position: absolute; top: -10px; left: -42px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_processing .wrap_processing1 .fukidashi { width: calc((206 / 650) * 100 * 1vw); height: auto; top: calc((-136.4 / 650) * 100 * 1vw); left: calc((8.4 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_processing .wrap_processing1 .landscape { margin-bottom: 117px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_processing .wrap_processing1 .landscape { width: calc((270.7 / 650) * 100 * 1vw); height: auto; margin-bottom: calc((72.3 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_processing .wrap_processing1 .product { margin-bottom: 37px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_processing .wrap_processing1 .product { width: calc((252 / 650) * 100 * 1vw); height: auto; margin-bottom: calc((17 / 650) * 100 * 1vw); position: relative; left: calc((-15 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_processing .wrap_processing1 p { font-weight: 900; font-size: 27px; line-height: 40px; letter-spacing: 0.1em; text-align: center; color: #004098; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_processing .wrap_processing1 p { font-size: calc((23 / 650) * 100 * 1vw); line-height: calc((36 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_processing .wrap_processing2 { order: 3; display: flex; flex-direction: column; align-items: center; position: relative; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_processing .wrap_processing2 { flex: 0 0 calc((270 / 650) * 100 * 1vw); left: calc((5 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_processing .wrap_processing2::after { content: url("images/manufacturing_line5.svg"); display: block; width: 9px; height: auto; position: absolute; top: 334px; left: 50%; transform: translateX(-50%); clip-path: inset(0 0 100% 0); transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1); transition-property: clip-path; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_processing .wrap_processing2::after { content: url("images/manufacturing_line5_sp.svg"); width: calc((9 / 650) * 100 * 1vw); top: calc((275 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_processing .wrap_processing2.is-animated::after { clip-path: inset(0); }
#manufacturing .inner_manufacturing .wrap_processing .wrap_processing2 .fukidashi { position: absolute; top: -25px; left: 290px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_processing .wrap_processing2 .fukidashi { width: calc((220 / 650) * 100 * 1vw); height: auto; top: calc((-136.4 / 650) * 100 * 1vw); left: calc((48 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_processing .wrap_processing2 .landscape { margin-bottom: 85px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_processing .wrap_processing2 .landscape { width: calc((270.7 / 650) * 100 * 1vw); height: auto; margin-bottom: calc((59.3 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_processing .wrap_processing2 .product { margin-bottom: 4px; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_processing .wrap_processing2 .product { width: calc((287 / 650) * 100 * 1vw); height: auto; margin-bottom: calc((5 / 650) * 100 * 1vw); } }
#manufacturing .inner_manufacturing .wrap_processing .wrap_processing2 p { font-weight: 900; font-size: 27px; line-height: 40px; letter-spacing: 0.1em; text-align: center; color: #004098; }
@media only screen and (max-width: 992px) { #manufacturing .inner_manufacturing .wrap_processing .wrap_processing2 p { font-size: calc((23 / 650) * 100 * 1vw); line-height: calc((36 / 650) * 100 * 1vw); } }

@keyframes img-wrap { 100% { transform: translateX(100%); } }
/*============================
#power-generation
============================*/
#power-generation .inner_power-generation { width: 1100px; margin: 0 auto; }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation { width: calc((594 / 650) * 100 * 1vw); } }
#power-generation .inner_power-generation .wrap_contents { background: linear-gradient(to right, #FFE200 50%, #004098 50%); padding: 18px; border-radius: 40px; position: relative; margin-bottom: 134px; }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents { padding: calc((14 / 650) * 100 * 1vw); border-radius: calc((42.4 / 650) * 100 * 1vw); margin-bottom: calc((60 / 650) * 100 * 1vw); } }
#power-generation .inner_power-generation .wrap_contents .contents_inner { background-color: #FFF; border-radius: 22px; padding-top: 59px; padding-bottom: 100px; }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner { border-radius: calc((28.4 / 650) * 100 * 1vw); padding-top: calc((47 / 650) * 100 * 1vw); padding-bottom: calc((57 / 650) * 100 * 1vw); } }
#power-generation .inner_power-generation .wrap_contents .contents_inner h2 { width: fit-content; margin: 0 auto 62px; position: relative; }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner h2 { margin: 0 auto calc((47 / 650) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner h2 picture img { width: calc((374 / 650) * 100 * 1vw); height: auto; } }
#power-generation .inner_power-generation .wrap_contents .contents_inner h2 .thunder { position: absolute; top: 19px; left: -9px; }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner h2 .thunder { width: calc((77.9 / 650) * 100 * 1vw); height: auto; top: calc((12.1 / 650) * 100 * 1vw); left: calc((-3.4 / 650) * 100 * 1vw); } }
#power-generation .inner_power-generation .wrap_contents .contents_inner h2 .steam1 { position: absolute; top: -22px; left: 408px; }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner h2 .steam1 { width: calc((88.2 / 650) * 100 * 1vw); height: auto; top: calc((-23.3 / 650) * 100 * 1vw); left: calc((302 / 650) * 100 * 1vw); } }
#power-generation .inner_power-generation .wrap_contents .contents_inner p { font-weight: 700; font-size: 25px; line-height: 45px; letter-spacing: 0.07em; text-align: center; color: #004098; margin-bottom: 58px; }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner p { font-size: calc((25 / 650) * 100 * 1vw); line-height: calc((51 / 650) * 100 * 1vw); } }
#power-generation .inner_power-generation .wrap_contents .contents_inner p span { font-size: 1.2em; }
#power-generation .inner_power-generation .wrap_contents .contents_inner p:nth-of-type(1) { line-height: 1em; margin-bottom: 37px; }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner p:nth-of-type(1) { line-height: calc((51 / 650) * 100 * 1vw); margin-bottom: calc((13 / 650) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner p + p { margin-bottom: calc((33 / 650) * 100 * 1vw); } }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure { position: relative; width: fit-content; margin: 0 auto 71px; }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure { margin: 0 auto calc((74 / 650) * 100 * 1vw); } }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .figure { display: block; height: auto; }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .figure { width: calc((558 / 650) * 100 * 1vw); height: auto; } }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam1, #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam2, #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .thunder { position: absolute; }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam1:nth-of-type(1) { top: 144px; left: 365px; transform: scale(0.75); }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam1:nth-of-type(1) { top: calc((153.9 / 650) * 100 * 1vw); left: calc((230 / 650) * 100 * 1vw); ttransform: scale(1); width: calc((35.7 / 650) * 100 * 1vw); height: auto; } }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam1:nth-of-type(2) { top: 0; left: 567px; }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam1:nth-of-type(2) { top: 0; left: calc((367.2 / 650) * 100 * 1vw); width: calc((46.7 / 650) * 100 * 1vw); height: auto; } }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam1:nth-of-type(3) { top: 31px; left: 723px; transform: rotate(-72deg); }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam1:nth-of-type(3) { top: calc((49.4 / 650) * 100 * 1vw); left: calc((471.8 / 650) * 100 * 1vw); width: calc((43.5 / 650) * 100 * 1vw); height: auto; } }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam1:nth-of-type(4) { top: 185px; left: 723px; transform: rotate(-72deg); }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam1:nth-of-type(4) { top: calc((307.5 / 650) * 100 * 1vw); left: calc((471.8 / 650) * 100 * 1vw); width: calc((43.5 / 650) * 100 * 1vw); height: auto; } }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam1:nth-of-type(5) { top: 336px; left: 723px; transform: rotate(-72deg); }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam1:nth-of-type(5) { top: calc((500.9 / 650) * 100 * 1vw); left: calc((471.8 / 650) * 100 * 1vw); width: calc((43.5 / 650) * 100 * 1vw); height: auto; } }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam1:nth-of-type(6) { top: 485px; left: 696px; transform: rotate(-72deg); }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam1:nth-of-type(6) { display: none; } }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam1:nth-of-type(7) { top: 573px; left: 625px; transform: rotate(-72deg); }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam1:nth-of-type(7) { top: calc((703.6 / 650) * 100 * 1vw); left: calc((263.7 / 650) * 100 * 1vw); width: calc((43.5 / 650) * 100 * 1vw); height: auto; } }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam1:nth-of-type(8) { top: 665px; left: 873px; transform: rotate(-72deg); }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam1:nth-of-type(8) { top: calc((765.9 / 650) * 100 * 1vw); left: calc((471.8 / 650) * 100 * 1vw); width: calc((43.5 / 650) * 100 * 1vw); height: auto; } }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam2:nth-of-type(9) { top: 178px; left: 395px; transform: rotate(66deg); }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam2:nth-of-type(9) { top: calc((175.4 / 650) * 100 * 1vw); left: calc((252 / 650) * 100 * 1vw); width: calc((23.6 / 650) * 100 * 1vw); height: auto; } }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam2:nth-of-type(10) { top: 142px; left: 487px; }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam2:nth-of-type(10) { top: calc((115.9 / 650) * 100 * 1vw); left: calc((358.9 / 650) * 100 * 1vw); width: calc((22 / 650) * 100 * 1vw); height: auto; } }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam2:nth-of-type(11) { top: 53px; left: 506px; }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam2:nth-of-type(11) { top: calc((45.5 / 650) * 100 * 1vw); left: calc((359.6 / 650) * 100 * 1vw); width: calc((22 / 650) * 100 * 1vw); height: auto; } }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam2:nth-of-type(12) { top: 115px; left: 721px; }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam2:nth-of-type(12) { top: calc((100.6 / 650) * 100 * 1vw); left: calc((464.6 / 650) * 100 * 1vw); width: calc((22 / 650) * 100 * 1vw); height: auto; } }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam2:nth-of-type(13) { top: 420px; left: 721px; }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam2:nth-of-type(13) { top: calc((430.7 / 650) * 100 * 1vw); left: calc((453.9 / 650) * 100 * 1vw); width: calc((22 / 650) * 100 * 1vw); height: auto; } }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam2:nth-of-type(14) { top: 607px; left: 686px; }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam2:nth-of-type(14) { top: calc((739.4 / 650) * 100 * 1vw); left: calc((452.3 / 650) * 100 * 1vw); width: calc((22 / 650) * 100 * 1vw); height: auto; } }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam2:nth-of-type(15) { display: none; }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .steam2:nth-of-type(15) { display: block; top: calc((700.1 / 650) * 100 * 1vw); left: calc((230.9 / 650) * 100 * 1vw); width: calc((22 / 650) * 100 * 1vw); height: auto; } }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .thunder:nth-of-type(16) { top: 573px; left: 217px; }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_figure .thunder:nth-of-type(16) { top: calc((669.6 / 650) * 100 * 1vw); left: calc((27.5 / 650) * 100 * 1vw); width: calc((45.8  / 650) * 100 * 1vw); height: auto; } }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_img { display: flex; width: 898px; margin: 0 auto; justify-content: space-between; }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_img { width: calc((473 / 650) * 100 * 1vw); flex-wrap: wrap; justify-content: center; gap: calc((33.4 / 650) * 100 * 1vw) calc((26.1 / 650) * 100 * 1vw); } }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_img dl { display: flex; flex-direction: column-reverse; align-items: center; }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_img dl { flex-shrink: 1; flex-basis: calc((223 / 650) * 100 * 1vw); } }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_img dl dt { font-weight: 700; font-size: 24px; letter-spacing: 0.05em; color: #004098; }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_img dl dt { font-size: calc((22 / 650) * 100 * 1vw); } }
#power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_img dl dd { margin-bottom: 22px; }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_img dl dd { margin-bottom: calc((13 / 650) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { #power-generation .inner_power-generation .wrap_contents .contents_inner .wrap_img dl dd img { height: auto; } }

/*============================
#interview
============================*/
#interview { background-image: url("images/interview_bk2.png"), url("images/interview_bk2.png"), url("images/interview_bk1.png"); background-position: top 1305px left -84px,top 1774px right -111px,top left; background-size: 476px 2240px,476px 2240px,29px 29px; background-repeat: no-repeat,no-repeat,repeat; padding-top: 99px; padding-bottom: 127px; }
@media only screen and (max-width: 992px) { #interview { padding-top: calc((62 / 650) * 100 * 1vw); padding-bottom: calc((170 / 650) * 100 * 1vw); background-position: top calc((23.9 / 650) * 100 * 1vw) left calc((-85.4 / 650) * 100 * 1vw), top calc((2521 / 650) * 100 * 1vw) right calc((-84.7 / 650) * 100 * 1vw), top left; background-size: calc((476 / 650) * 100 * 1vw) calc((2240 / 650) * 100 * 1vw), calc((476 / 650) * 100 * 1vw) calc((2240 / 650) * 100 * 1vw), calc((29 / 650) * 100 * 1vw) calc((29 / 650) * 100 * 1vw); } }
#interview .inner_interview h2 { width: fit-content; margin: 0 auto 46px; }
@media only screen and (max-width: 992px) { #interview .inner_interview h2 { margin: 0 auto calc((31 / 650) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { #interview .inner_interview h2 img { width: calc((364 / 650) * 100 * 1vw); height: auto; } }
#interview .inner_interview ul.accordion__list { position: relative; }
#interview .inner_interview ul.accordion__list li.accordion__item { width: 912px; margin: 0 auto; border: #004098 solid 6px; border-radius: 20px; position: relative; z-index: 2; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item { width: calc((564 / 650) * 100 * 1vw); border: #004098 solid calc((6 / 650) * 100 * 1vw); border-radius: calc((27 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.accordion__item::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 20px; left: 20px; background-image: url("images/shadow_dot.png"); border-radius: 20px; background-size: 20px 20px; z-index: -1; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item::before { top: calc((19 / 650) * 100 * 1vw); left: calc((19 / 650) * 100 * 1vw); border-radius: calc((27 / 650) * 100 * 1vw); background-size: calc((20 / 650) * 100 * 1vw) calc((20 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.accordion__item dl { display: flex; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item dl { flex-direction: column; } }
#interview .inner_interview ul.accordion__list li.accordion__item dl dt img { border-radius: 14px 0 0 14px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item dl dt img { width: 100%; height: auto; border-radius: calc((21 / 650) * 100 * 1vw) calc((21 / 650) * 100 * 1vw) 0 0; } }
#interview .inner_interview ul.accordion__list li.accordion__item dl div { flex-grow: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #004098; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item dl div { flex-direction: row; height: calc((95 / 650) * 100 * 1vw); border-radius: 0 0 calc((20 / 650) * 100 * 1vw) calc((20 / 650) * 100 * 1vw); overflow: hidden; } }
#interview .inner_interview ul.accordion__list li.accordion__item dl div dd:nth-of-type(1) { font-weight: 500; font-size: 24px; line-height: 33px; letter-spacing: 0.06em; margin-bottom: 22px; text-align: center; color: #FFF; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item dl div dd:nth-of-type(1) { font-size: calc((20 / 650) * 100 * 1vw); line-height: 1em; margin-bottom: 0; margin-right: 0.5em; } }
#interview .inner_interview ul.accordion__list li.accordion__item dl div dd:nth-of-type(1) ruby[data-ruby] { position: relative; }
#interview .inner_interview ul.accordion__list li.accordion__item dl div dd:nth-of-type(1) ruby[data-ruby]::before { content: attr(data-ruby); position: absolute; line-height: 100%; text-align: center; left: -3em; right: -3em; transform-origin: bottom center; transform: scale(0.416); bottom: 90%; }
#interview .inner_interview ul.accordion__list li.accordion__item dl div dd:nth-of-type(1) ruby[data-ruby] rt { display: none; }
#interview .inner_interview ul.accordion__list li.accordion__item dl div dd:nth-of-type(2) { font-weight: 700; font-size: 32px; letter-spacing: 0.06em; margin-bottom: 24px; color: #FFF; display: flex; align-items: flex-end; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item dl div dd:nth-of-type(2) { font-size: calc((29.6 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.accordion__item dl div dd:nth-of-type(2) img { margin-right: 11px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item dl div dd:nth-of-type(2) img { width: calc((87 / 650) * 100 * 1vw); height: auto; } }
#interview .inner_interview ul.accordion__list li.accordion__item dl div dd:nth-of-type(3) { font-weight: 500; font-size: 16px; letter-spacing: 0.06em; color: #FFE200; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item dl div dd:nth-of-type(3) { font-size: calc((18 / 650) * 100 * 1vw); margin-left: 1em; } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__head { position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); cursor: pointer; z-index: 2; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__head { bottom: calc((-75 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__head p { font-weight: 700; font-size: 16px; letter-spacing: 0.06em; color: #004098; display: flex; width: 338px; height: 100px; align-items: center; justify-content: center; border: #004098 solid 8px; border-radius: 50px; background-color: #FFF; text-align: center; transition: all 0.5s; background-image: url("images/interview_arrow_down.svg"); background-repeat: no-repeat; background-size: 14px 9px; background-position: center bottom 10px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__head p { font-size: calc((16 / 650) * 100 * 1vw); width: calc((338 / 650) * 100 * 1vw); height: calc((100 / 650) * 100 * 1vw); border-radius: calc((50 / 650) * 100 * 1vw); background-size: calc((13.4 / 650) * 100 * 1vw) calc((8.1 / 650) * 100 * 1vw); background-position: center bottom calc((12.7 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__head p:hover { background-position: center bottom 5px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__head p:hover { background-position: center bottom calc((5 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body { background-color: #FFF; border-radius: 0 0 20px 20px; overflow: hidden; display: none; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body { border-radius: 0 0 calc((21 / 650) * 100 * 1vw) calc((21 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body ul { width: 698px; margin: 0 auto; display: flex; justify-content: space-between; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body ul { width: calc((444 / 650) * 100 * 1vw); gap: calc((16 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body ul li { flex: 0 0 336px; position: relative; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body ul li { flex: 0 0 calc((214 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body ul li img { border-radius: 30px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body ul li img { border-radius: calc((19 / 650) * 100 * 1vw); width: 100%; height: auto; } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body ul li h3 { font-weight: 700; font-size: 27px; line-height: 46px; letter-spacing: 0.08em; margin-bottom: 8px; margin-top: 7px; color: #004098; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body ul li h3 { font-size: calc((31 / 650) * 100 * 1vw); line-height: calc((48 / 650) * 100 * 1vw); letter-spacing: 0.06em; margin-bottom: calc((9 / 650) * 100 * 1vw); margin-top: calc((30 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body ul li p { font-weight: 500; font-size: 19px; line-height: 34px; letter-spacing: 0.03em; color: #004098; padding-right: 1em; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body ul li p { font-size: calc((21 / 650) * 100 * 1vw); line-height: calc((40 / 650) * 100 * 1vw); padding-right: 0; margin-bottom: calc((32 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body ul li picture.holiday img { position: absolute; }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body ul li img.holiday { border-radius: 0; position: absolute; }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body ul + ul { margin-top: 25px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body ul + ul { display: block; width: calc((444 / 650) * 100 * 1vw); margin-top: 0; margin-bottom: calc((134 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body ul + ul li { width: 100%; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body ul + ul li picture:nth-of-type(1) img { width: 100%; } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule { width: 700px; margin: 71px auto 0; border: #004098 solid 2px; border-radius: 20px; background-color: #FFF; padding: 33px 19px 20px; position: relative; margin-bottom: 48px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule { width: calc((448 / 650) * 100 * 1vw); margin: 0 auto; border: #004098 solid calc((3 / 650) * 100 * 1vw); border-radius: calc((20 / 650) * 100 * 1vw); padding: calc((36 / 650) * 100 * 1vw) calc((25 / 650) * 100 * 1vw) calc((23 / 650) * 100 * 1vw) calc((47 / 650) * 100 * 1vw); margin-bottom: calc((62 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule h3 { font-weight: 900; font-size: 29px; line-height: 35px; letter-spacing: 0.13em; color: #004098; background: linear-gradient(transparent 70%, #FFE200 0%); text-align: center; width: fit-content; margin: 0 auto 32px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule h3 { font-size: calc((27 / 650) * 100 * 1vw); line-height: calc((32 / 650) * 100 * 1vw); letter-spacing: 0.07em; margin: 0 auto 32px; } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule .daily_schedule_content { display: flex; padding-left: 31px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule .daily_schedule_content { display: block; padding-left: 0; } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule .daily_schedule_content div dl { display: flex; align-items: center; height: 43px; padding-left: 59px; background-repeat: no-repeat; background-position: left top; position: relative; margin-bottom: 27px; background-size: contain; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule .daily_schedule_content div dl { height: calc((46.7 / 650) * 100 * 1vw); padding-left: calc((64 / 650) * 100 * 1vw); margin-bottom: calc((30 / 650) * 100 * 1vw); flex-direction: row; align-items: center; } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule .daily_schedule_content div dl:not(:nth-last-of-type(1))::after { content: ""; display: block; width: 43px; height: 27px; background-image: url("images/interview_daily_schedule_clock_interval.svg"); background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; bottom: -27px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule .daily_schedule_content div dl:not(:nth-last-of-type(1))::after { width: calc((47 / 650) * 100 * 1vw); height: calc((30 / 650) * 100 * 1vw); bottom: calc((-30 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule .daily_schedule_content div dl dt { margin-right: 12px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule .daily_schedule_content div dl dt { margin-right: calc((13 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule .daily_schedule_content div dl dt img { border-radius: 0; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule .daily_schedule_content div dl dt img { width: calc((64.7 / 650) * 100 * 1vw); height: auto; } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule .daily_schedule_content div dl dd { font-weight: 900; font-size: 22px; letter-spacing: 0.09em; color: #004098; position: relative; flex-grow: 1; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule .daily_schedule_content div dl dd { font-size: calc((23.7 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule .daily_schedule_content div dl dd ruby[data-ruby] { position: relative; }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule .daily_schedule_content div dl dd ruby[data-ruby]::before { content: attr(data-ruby); position: absolute; line-height: 100%; text-align: center; left: -3em; right: -3em; transform-origin: bottom center; transform: scale(0.416); bottom: 90%; }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule .daily_schedule_content div dl dd ruby[data-ruby] rt { display: none; }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule .daily_schedule_content div dl dd span { font-size: 17px; position: absolute; left: 0; bottom: -20px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule .daily_schedule_content div dl dd span { font-size: calc((17 / 650) * 100 * 1vw); bottom: 0; position: relative; } }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule .daily_schedule_content div:nth-of-type(1) dl:nth-last-of-type(1)::after { content: ""; display: block; background-image: url("images/interview_daily_schedule_clock_interval.svg"); background-repeat: no-repeat; background-size: cover; position: absolute; width: calc((47 / 650) * 100 * 1vw); height: calc((30 / 650) * 100 * 1vw); bottom: calc((-30 / 650) * 100 * 1vw); left: 0; } }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule .daily_schedule_content div:nth-of-type(2) dl:nth-last-of-type(1) { margin-bottom: 0; } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule > picture img { position: absolute; }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule p { font-weight: 400; font-size: 16px; letter-spacing: 0.12em; color: #004098; text-align: right; margin-top: 4px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_daily_schedule p { font-size: calc((15.2 / 650) * 100 * 1vw); margin-top: 0; } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_interview_message { background-color: #FFE200; padding: 16px 49px 16px 31px; border-radius: 20px; width: 700px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; position: relative; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_interview_message { flex-direction: column; width: calc((445 / 650) * 100 * 1vw); padding: calc((175 / 650) * 100 * 1vw) calc((49 / 650) * 100 * 1vw) calc((39 / 650) * 100 * 1vw); border-radius: calc((20 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_interview_message img { flex: 0 0 188px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_interview_message img { width: calc((159.8 / 650) * 100 * 1vw); height: auto; position: absolute; left: 50%; transform: translateX(-50%); top: calc((-25.7 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_interview_message div { flex: 0 0 398px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_interview_message div { flex-basis: auto; } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_interview_message div h3 { font-weight: 900; font-size: 30px; line-height: 1em; letter-spacing: 0.07em; margin-bottom: 12px; color: #004098; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_interview_message div h3 { font-size: calc((27 / 650) * 100 * 1vw); margin-bottom: calc((17 / 650) * 100 * 1vw); text-align: center; } }
#interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_interview_message div p { font-weight: 500; font-size: 19px; line-height: 43px; letter-spacing: 0.03em; color: #004098; display: inline; border-bottom: #000000 dashed 1px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item .accordion__body .wrap_interview_message div p { font-size: calc((21 / 650) * 100 * 1vw); line-height: calc((48 / 650) * 100 * 1vw); border-bottom: #000000 dashed calc((2 / 650) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item.active { margin-bottom: calc((113 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.accordion__item.active dl dt img { border-radius: 14px 0 0 0; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item.active dl dt img { border-radius: calc((21 / 650) * 100 * 1vw) calc((21 / 650) * 100 * 1vw) 0 0; } }
#interview .inner_interview ul.accordion__list li.accordion__item.active .accordion__head p { width: 100px; height: 100px; border-radius: 50%; background-color: #004098; color: #FFF; background-image: url("images/interview_arrow_up.svg"); background-repeat: no-repeat; background-size: 14px 9px; background-position: center bottom 10px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item.active .accordion__head p { width: calc((129 / 650) * 100 * 1vw); height: calc((129 / 650) * 100 * 1vw); background-size: calc((17.3 / 650) * 100 * 1vw) calc((10.4 / 650) * 100 * 1vw); background-position: center bottom calc((24.6 / 650) * 100 * 1vw); font-size: calc((20.6 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.accordion__item.active .accordion__head p:hover { background-position: center bottom 15px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.accordion__item.active .accordion__head p:hover { background-position: center bottom calc((20 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.accordion__item.active .accordion__body { display: block; padding-top: 80px; padding-bottom: 80px; }
#interview .inner_interview ul.accordion__list li.interview1 { margin-bottom: 77px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.interview1 { margin-bottom: calc((148 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.interview1 .accordion__body ul li picture.holiday img { top: 50px; left: 191px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.interview1 .accordion__body ul li picture.holiday img { width: calc((210/ 650) * 100 * 1vw); height: auto; top: calc((16.3 / 650) * 100 * 1vw); left: calc((-12.7 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.interview1 .accordion__body ul li img.holiday { top: 19px; left: 173px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.interview1 .accordion__body ul li img.holiday { width: calc((238.7 / 650) * 100 * 1vw); height: auto; top: calc((136.3 / 650) * 100 * 1vw); left: calc((213.7 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.interview1 .wrap_daily_schedule .daily_schedule_content { padding-left: 50px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.interview1 .wrap_daily_schedule .daily_schedule_content { padding-left: 0; } }
#interview .inner_interview ul.accordion__list li.interview1 .wrap_daily_schedule .daily_schedule_content div { height: 183px; overflow: hidden; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.interview1 .wrap_daily_schedule .daily_schedule_content div { height: auto; } }
#interview .inner_interview ul.accordion__list li.interview1 .wrap_daily_schedule .daily_schedule_content div:nth-of-type(1) { border-right: #004098 solid 1px; margin-right: 32px; flex-basis: 254px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.interview1 .wrap_daily_schedule .daily_schedule_content div:nth-of-type(1) { border-right: none; margin-right: 0; } }
#interview .inner_interview ul.accordion__list li.interview1 .wrap_daily_schedule .daily_schedule_content div:nth-of-type(1) dl:nth-of-type(1) { background-image: url("images/interview_daily_schedule_clock0645_icon.svg"); }
#interview .inner_interview ul.accordion__list li.interview1 .wrap_daily_schedule .daily_schedule_content div:nth-of-type(1) dl:nth-of-type(2) { background-image: url("images/interview_daily_schedule_clock0700_icon.svg"); }
#interview .inner_interview ul.accordion__list li.interview1 .wrap_daily_schedule .daily_schedule_content div:nth-of-type(1) dl:nth-of-type(3) { background-image: url("images/interview_daily_schedule_clock1100_icon.svg"); }
#interview .inner_interview ul.accordion__list li.interview1 .wrap_daily_schedule .daily_schedule_content div:nth-of-type(2) { flex-basis: 254px; }
#interview .inner_interview ul.accordion__list li.interview1 .wrap_daily_schedule .daily_schedule_content div:nth-of-type(2) dl:nth-of-type(1) { background-image: url("images/interview_daily_schedule_clock1130_icon.svg"); }
#interview .inner_interview ul.accordion__list li.interview1 .wrap_daily_schedule .daily_schedule_content div:nth-of-type(2) dl:nth-of-type(2) { background-image: url("images/interview_daily_schedule_clock1450_icon.svg"); }
#interview .inner_interview ul.accordion__list li.interview1 .wrap_daily_schedule .daily_schedule_content div:nth-of-type(2) dl:nth-of-type(3) { background-image: url("images/interview_daily_schedule_clock1500_icon.svg"); }
#interview .inner_interview ul.accordion__list li.interview1 .wrap_daily_schedule > picture img { top: 27px; right: 33px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.interview1 .wrap_daily_schedule > picture img { width: calc((106 / 650) * 100 * 1vw); height: auto; top: calc((199 / 650) * 100 * 1vw); right: calc((16.7 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.interview2 .accordion__body ul li picture.holiday img { top: 96px; left: 193px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.interview2 .accordion__body ul li picture.holiday img { width: calc((188/ 650) * 100 * 1vw); height: auto; top: calc((12.9 / 650) * 100 * 1vw); left: calc((12 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.interview2 .accordion__body ul li img.holiday { top: 20px; left: 202px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.interview2 .accordion__body ul li img.holiday { width: calc((240.3 / 650) * 100 * 1vw); height: auto; top: calc((136.9 / 650) * 100 * 1vw); left: calc((214.5 / 650) * 100 * 1vw); } }
#interview .inner_interview ul.accordion__list li.interview2 .wrap_daily_schedule .daily_schedule_content { padding-left: 50px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.interview2 .wrap_daily_schedule .daily_schedule_content { padding-left: 0; } }
#interview .inner_interview ul.accordion__list li.interview2 .wrap_daily_schedule .daily_schedule_content div { height: 253px; overflow: hidden; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.interview2 .wrap_daily_schedule .daily_schedule_content div { height: auto; } }
#interview .inner_interview ul.accordion__list li.interview2 .wrap_daily_schedule .daily_schedule_content div:nth-of-type(1) { border-right: #004098 solid 1px; margin-right: 32px; flex-basis: 254px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.interview2 .wrap_daily_schedule .daily_schedule_content div:nth-of-type(1) { border-right: none; margin-right: 0; } }
#interview .inner_interview ul.accordion__list li.interview2 .wrap_daily_schedule .daily_schedule_content div:nth-of-type(1) dl:nth-of-type(1) { background-image: url("images/interview_daily_schedule_clock2245_icon.svg"); }
#interview .inner_interview ul.accordion__list li.interview2 .wrap_daily_schedule .daily_schedule_content div:nth-of-type(1) dl:nth-of-type(2) { background-image: url("images/interview_daily_schedule_clock2330_icon.svg"); }
#interview .inner_interview ul.accordion__list li.interview2 .wrap_daily_schedule .daily_schedule_content div:nth-of-type(1) dl:nth-of-type(3) { background-image: url("images/interview_daily_schedule_clock0200_icon.svg"); }
#interview .inner_interview ul.accordion__list li.interview2 .wrap_daily_schedule .daily_schedule_content div:nth-of-type(1) dl:nth-of-type(4) { background-image: url("images/interview_daily_schedule_clock0300_icon.svg"); }
#interview .inner_interview ul.accordion__list li.interview2 .wrap_daily_schedule .daily_schedule_content div:nth-of-type(2) { flex-basis: 290px; }
#interview .inner_interview ul.accordion__list li.interview2 .wrap_daily_schedule .daily_schedule_content div:nth-of-type(2) dl:nth-of-type(1) { background-image: url("images/interview_daily_schedule_clock0400_icon.svg"); }
#interview .inner_interview ul.accordion__list li.interview2 .wrap_daily_schedule .daily_schedule_content div:nth-of-type(2) dl:nth-of-type(2) { background-image: url("images/interview_daily_schedule_clock0650_icon.svg"); }
#interview .inner_interview ul.accordion__list li.interview2 .wrap_daily_schedule .daily_schedule_content div:nth-of-type(2) dl:nth-of-type(3) { background-image: url("images/interview_daily_schedule_clock0700_icon.svg"); }
#interview .inner_interview ul.accordion__list li.interview2 .wrap_daily_schedule > picture img { top: 78px; right: 16px; }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.interview2 .wrap_daily_schedule > picture img { width: calc((113 / 650) * 100 * 1vw); height: auto; top: calc((99.6 / 650) * 100 * 1vw); right: calc((25.2 / 650) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { #interview .inner_interview ul.accordion__list li.interview2.active { margin-bottom: 0; } }

/*============================
#favorite-point
============================*/
#favorite-point { padding: 106px 0 73px; background-image: url("images/favorite-point_bk.png"); background-size: 131px 131px; }
@media only screen and (max-width: 992px) { #favorite-point { padding: calc((74 / 650) * 100 * 1vw) 0 calc((42 / 650) * 100 * 1vw); background-size: calc((86 / 650) * 100 * 1vw) calc((86 / 650) * 100 * 1vw); } }
#favorite-point .inner_favorite-point { max-width: 1164px; width: calc((1164 / 1400) * 100 * 1vw); margin: 0 auto; }
@media only screen and (max-width: 992px) { #favorite-point .inner_favorite-point { max-width: inherit; width: calc((634 / 650) * 100 * 1vw); height: auto; } }
#favorite-point .inner_favorite-point h2 { margin: 0 auto 43px; width: fit-content; }
@media only screen and (max-width: 992px) { #favorite-point .inner_favorite-point h2 { margin: 0 auto calc((26 / 650) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { #favorite-point .inner_favorite-point h2 picture img { width: calc((475 / 650) * 100 * 1vw); height: auto; } }
#favorite-point .inner_favorite-point picture { margin: 0 auto; }
#favorite-point .inner_favorite-point picture img { width: 100%; height: auto; }

/*============================
#data
============================*/
#data { padding: 82px 0 120px; background-image: url("images/data_bk.png"); }
@media only screen and (max-width: 992px) { #data { padding: calc((63 / 650) * 100 * 1vw) 0 calc((84 / 650) * 100 * 1vw); background-size: calc((230 / 650) * 100 * 1vw) calc((230 / 650) * 100 * 1vw); } }
#data .inner_data { max-width: 1134px; width: calc((1134 / 1400) * 100 * 1vw); margin: 0 auto; }
@media only screen and (max-width: 992px) { #data .inner_data { max-width: inherit; width: calc((533 / 650) * 100 * 1vw); } }
#data .inner_data h2 { margin: 0 auto 45px; width: fit-content; }
@media only screen and (max-width: 992px) { #data .inner_data h2 { margin: 0 auto calc((35 / 650) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { #data .inner_data h2 img { width: calc((457 / 650) * 100 * 1vw); height: auto; } }
#data .inner_data ul { display: flex; justify-content: space-between; width: 100%; position: relative; z-index: 2; gap: 18px; }
@media only screen and (max-width: 992px) { #data .inner_data ul { flex-wrap: wrap; gap: calc((20 / 650) * 100 * 1vw) calc((17 / 650) * 100 * 1vw); } }
#data .inner_data ul div { flex: 0 1 270px; }
@media only screen and (max-width: 992px) { #data .inner_data ul div { flex: 0 1 calc((258 / 650) * 100 * 1vw); } }
#data .inner_data ul div li { height: 408px; background-color: #FFF; border: #004098 solid 6px; border-radius: 30px; display: flex; justify-content: center; align-items: center; position: relative; }
@media only screen and (max-width: 992px) { #data .inner_data ul div li { border: #004098 solid calc((6 / 650) * 100 * 1vw); border-radius: calc((29 / 650) * 100 * 1vw); height: auto; padding: calc((30 / 650) * 100 * 1vw) 0; } }
#data .inner_data ul div li img { flex: 0 1 219px; width: calc((219 / 264) * 100 * 1%); }
@media only screen and (max-width: 992px) { #data .inner_data ul div li img { flex: 0 1 calc((209 / 650) * 100 * 1vw); height: auto; } }
#data .inner_data ul div li::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 14px; left: 14px; background-image: url("images/shadow_dot.png"); border-radius: 30px; background-size: 20px 20px; z-index: -1; }
@media only screen and (max-width: 992px) { #data .inner_data ul div li::before { top: calc((13 / 650) * 100 * 1vw); left: calc((13 / 650) * 100 * 1vw); border-radius: calc((29 / 650) * 100 * 1vw); background-size: calc((20 / 650)* 100* 1vw) calc((20 / 650)* 100* 1vw); } }

/*============================
#benefit
============================*/
#benefit { padding: 78px 0 78px; background-image: url("images/benefit_bk.png"); }
@media only screen and (max-width: 992px) { #benefit { padding: calc((64 / 650) * 100 * 1vw) 0 calc((63 / 650) * 100 * 1vw); background-size: calc((528 / 650) * 100 * 1vw) calc((392 / 650) * 100 * 1vw) れ; } }
#benefit .inner_benefit { width: 906px; margin: 0 auto; }
@media only screen and (max-width: 992px) { #benefit .inner_benefit { width: calc((533 / 650) * 100 * 1vw); } }
#benefit .inner_benefit h2 { margin: 0 auto 45px; width: fit-content; }
@media only screen and (max-width: 992px) { #benefit .inner_benefit h2 { margin: 0 auto calc((35 / 650) * 100 * 1vw); } }
#benefit .inner_benefit h2 img { height: auto; }
@media only screen and (max-width: 992px) { #benefit .inner_benefit h2 img { width: calc((282 / 650) * 100 * 1vw); height: auto; } }
#benefit .inner_benefit ul { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; position: relative; z-index: 2; gap: 36px 18px; }
@media only screen and (max-width: 992px) { #benefit .inner_benefit ul { display: block; } }
#benefit .inner_benefit ul li { flex: 1 0 290px; background-color: #FFF; border: #004098 solid 6px; border-radius: 30px; display: flex; justify-content: center; align-items: center; position: relative; padding: 228px 0 51px; font-weight: 900; background-repeat: no-repeat; background-position: center top 72px; background-size: 181px 132px; }
@media only screen and (max-width: 992px) { #benefit .inner_benefit ul li { border: #004098 solid calc((6 / 650) * 100 * 1vw); border-radius: calc((29 / 650) * 100 * 1vw); padding: 0; background-position: left calc((55 / 650) * 100 * 1vw) center; background-size: calc((160 / 650) * 100 * 1vw) calc((116.6 / 650) * 100 * 1vw); height: calc((222 / 650) * 100 * 1vw); padding-left: calc((174 / 650) * 100 * 1vw); } }
#benefit .inner_benefit ul li p { font-size: 25px; line-height: 36px; letter-spacing: 0.12em; text-align: center; color: #004098; }
@media only screen and (max-width: 992px) { #benefit .inner_benefit ul li p { font-size: calc((24 / 650) * 100 * 1vw); line-height: calc((34 / 650) * 100 * 1vw); letter-spacing: 0.08em; } }
#benefit .inner_benefit ul li::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 14px; left: 14px; background-image: url("images/shadow_dot.png"); border-radius: 30px; background-size: 20px 20px; z-index: -1; }
@media only screen and (max-width: 992px) { #benefit .inner_benefit ul li::after { top: calc((13 / 650) * 100 * 1vw); left: calc((13 / 650) * 100 * 1vw); } }
#benefit .inner_benefit ul li:nth-child(1) { background-image: url("images/benefit_img1.svg"); }
@media only screen and (max-width: 992px) { #benefit .inner_benefit ul li:nth-child(1) { height: calc((171 / 650) * 100 * 1vw); } }
#benefit .inner_benefit ul li:nth-child(2) { background-image: url("images/benefit_img2.svg"); }
@media only screen and (max-width: 992px) { #benefit .inner_benefit ul li:nth-child(2) { height: calc((171 / 650) * 100 * 1vw); } }
#benefit .inner_benefit ul li:nth-child(3) { background-image: url("images/benefit_img3.svg"); }
@media only screen and (max-width: 992px) { #benefit .inner_benefit ul li:nth-child(3) { height: calc((171 / 650) * 100 * 1vw); } }
#benefit .inner_benefit ul li.has_image { flex-direction: column; align-items: center; padding-top: 34px; padding-bottom: 30px; }
@media only screen and (max-width: 992px) { #benefit .inner_benefit ul li.has_image { height: auto; padding-top: calc((47 / 650) * 100 * 1vw); padding-bottom: calc((27 / 650) * 100 * 1vw); padding-left: 0; } }
#benefit .inner_benefit ul li.has_image img { margin-bottom: 29px; }
@media only screen and (max-width: 992px) { #benefit .inner_benefit ul li.has_image img { width: calc((427 / 650) * 100 * 1vw); height: auto; margin-bottom: calc((22 / 650) * 100 * 1vw); } }
#benefit .inner_benefit ul li.has_image p { line-height: 1em; }
@media only screen and (max-width: 992px) { #benefit .inner_benefit ul li:not(:nth-last-child(1)) { margin-bottom: calc((16 / 650) * 100 * 1vw); } }

/*============================
#faq
============================*/
#faq { padding: 73px 0 0; }
@media only screen and (max-width: 992px) { #faq { padding: calc((73 / 650) * 100 * 1vw) 0 0; } }
#faq .inner_faq { background-color: #009FE1; border-radius: 50px; max-width: 1200px; margin: 0 auto; padding-top: 86px; padding-bottom: 257px; }
@media only screen and (max-width: 992px) { #faq .inner_faq { max-width: inherit; width: calc((527 / 650) * 100 * 1vw); padding-top: calc((50 / 650) * 100 * 1vw); padding-bottom: calc((107 / 650) * 100 * 1vw); border-radius: calc((28 / 650) * 100 * 1vw); } }
#faq .inner_faq h2 { margin: 0 auto 54px; width: fit-content; }
@media only screen and (max-width: 992px) { #faq .inner_faq h2 { margin: 0 auto calc((38 / 650) * 100 * 1vw); } }
#faq .inner_faq h2 img { height: auto; }
@media only screen and (max-width: 992px) { #faq .inner_faq h2 img { width: calc((282 / 650) * 100 * 1vw); height: auto; } }
#faq .inner_faq .faq_accordion__list { width: 904px; margin: 0 auto; }
@media only screen and (max-width: 992px) { #faq .inner_faq .faq_accordion__list { width: calc((454 / 650) * 100 * 1vw); } }
#faq .inner_faq .faq_accordion__list .faq_accordion__item { margin-bottom: 50px; }
@media only screen and (max-width: 992px) { #faq .inner_faq .faq_accordion__list .faq_accordion__item { margin-bottom: calc((40 / 650) * 100 * 1vw); } }
#faq .inner_faq .faq_accordion__list .faq_accordion__item .faq_accordion__head { width: 100%; height: 94px; border: #004098 solid 4px; border-radius: 47px; background-color: #FFF; display: flex; position: relative; align-items: center; background-image: url("images/faq_Q.svg"); background-repeat: no-repeat; background-position: left 37px center; background-size: 35px 34px; filter: drop-shadow(4px 4px 0px #004098); }
@media only screen and (max-width: 992px) { #faq .inner_faq .faq_accordion__list .faq_accordion__item .faq_accordion__head { height: auto; border: #004098 solid calc((3 / 650) * 100 * 1vw); border-radius: calc((25.7 / 650) * 100 * 1vw); background-position: left calc((32.6 / 650) * 100 * 1vw) top calc((18 / 650) * 100 * 1vw); background-size: calc((28.9 / 650) * 100 * 1vw) calc((27.8 / 650) * 100 * 1vw); filter: drop-shadow(calc((3.2 / 650) * 100 * 1vw) calc((3.2 / 650) * 100 * 1vw) 0px #004098); padding: calc((15 / 650) * 100 * 1vw) 0; } }
#faq .inner_faq .faq_accordion__list .faq_accordion__item .faq_accordion__head::after { content: ""; display: block; width: 25px; height: 17px; background-image: url("images/faq_arrow.svg"); background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; right: 41px; transform: rotateX(180deg) translateY(50%); transition: 0.3s; }
@media only screen and (max-width: 992px) { #faq .inner_faq .faq_accordion__list .faq_accordion__item .faq_accordion__head::after { width: calc((19.7 / 650) * 100 * 1vw); height: calc((12.1 / 650) * 100 * 1vw); right: calc((34 / 650) * 100 * 1vw); top: calc((29 / 650) * 100 * 1vw); transform: rotateX(180deg) translateY(0); } }
#faq .inner_faq .faq_accordion__list .faq_accordion__item .faq_accordion__head p { font-weight: 900; font-size: 30px; letter-spacing: 0.05em; color: #004098; padding-left: 96px; }
@media only screen and (max-width: 992px) { #faq .inner_faq .faq_accordion__list .faq_accordion__item .faq_accordion__head p { font-size: calc((24 / 650) * 100 * 1vw); line-height: calc((37 / 650) * 100 * 1vw); padding-left: calc((71 / 650) * 100 * 1vw); } }
#faq .inner_faq .faq_accordion__list .faq_accordion__item .faq_accordion__body { overflow: hidden; display: none; }
#faq .inner_faq .faq_accordion__list .faq_accordion__item .faq_accordion__body p { font-weight: 700; font-size: 23px; line-height: 45px; letter-spacing: 0.03em; color: #FFF; padding: 29px 100px 0 103px; background-image: url("images/faq_A.svg"); background-repeat: no-repeat; background-position: 40px 29px; background-size: 36px 38px; }
@media only screen and (max-width: 992px) { #faq .inner_faq .faq_accordion__list .faq_accordion__item .faq_accordion__body p { font-size: calc((20 / 650) * 100 * 1vw); line-height: calc((36 / 650) * 100 * 1vw); padding: calc((14 / 650) * 100 * 1vw) calc((37 / 650) * 100 * 1vw) 0 calc((71 / 650) * 100 * 1vw); background-position: calc((28.5 / 650) * 100 * 1vw) calc((12.5 / 650) * 100 * 1vw); background-size: calc((29.5 / 650) * 100 * 1vw) calc((31.1 / 650) * 100 * 1vw); } }
#faq .inner_faq .faq_accordion__list .faq_accordion__item.active .faq_accordion__head::after { transform: rotateX(0) translateY(-50%); }
@media only screen and (max-width: 992px) { #faq .inner_faq .faq_accordion__list .faq_accordion__item.active .faq_accordion__head::after { transform: rotateX(0) translateY(0); } }

/*============================
#message
============================*/
#message { padding-top: 243px; padding-bottom: 208px; background-image: url("images/message_ill.svg"); background-repeat: repeat-x; background-position: center bottom -1px; background-size: 1400px 498px; border-bottom: #004098 solid 34px; }
@media only screen and (max-width: 992px) { #message { padding-top: calc((595 / 650) * 100 * 1vw); padding-bottom: calc((171 / 650) * 100 * 1vw); background-image: url("images/message_ill_sp.svg"); background-repeat: no-repeat; background-size: contain; background-position: center bottom; border-bottom: 0; } }
#message .inner_message { position: relative; z-index: 1; }
@media only screen and (max-width: 992px) { #message .inner_message { width: calc((460 / 650) * 100 * 1vw); margin: 0 auto; } }
#message .inner_message div .wrap_message1 { height: 400px; width: 2000px; background-color: #FFF; border: #004098 solid 6px; border-radius: 37px; display: flex; align-items: center; padding-left: 97px; position: absolute; top: -485px; left: calc(50% - 452px); display: flex; }
@media only screen and (max-width: 992px) { #message .inner_message div .wrap_message1 { flex-direction: column; height: auto; width: calc((460 / 650) * 100 * 1vw); border-radius: calc((38 / 650) * 100 * 1vw); padding-left: 97px; padding: calc((55 / 650) * 100 * 1vw) calc((52 / 650) * 100 * 1vw) 0 calc((80 / 650) * 100 * 1vw); top: calc((-698 / 650) * 100 * 1vw); left: 0; } }
#message .inner_message div .wrap_message1::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 14px; left: 14px; background-image: url("images/shadow_dot.png"); border-radius: 30px; background-size: 20px 20px; z-index: -1; }
@media only screen and (max-width: 992px) { #message .inner_message div .wrap_message1::after { top: calc((18 / 650) * 100 * 1vw); left: calc((18 / 650) * 100 * 1vw); border-radius: calc((38 / 650) * 100 * 1vw); background-size: calc((20 / 650) * 100 * 1vw) calc((20 / 650) * 100 * 1vw); } }
#message .inner_message div .wrap_message1 div { margin-right: 29px; }
#message .inner_message div .wrap_message1 div h2 { margin-bottom: 22px; }
@media only screen and (max-width: 992px) { #message .inner_message div .wrap_message1 div h2 { margin-bottom: calc((24 / 650) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { #message .inner_message div .wrap_message1 div h2 img { width: calc((341 / 650) * 100 * 1vw); height: auto; } }
#message .inner_message div .wrap_message1 div p { font-weight: 700; font-size: 23px; line-height: 45px; letter-spacing: 0.03em; color: #004098; width: 560px; }
@media only screen and (max-width: 992px) { #message .inner_message div .wrap_message1 div p { width: 100%; font-size: calc((20 / 650) * 100 * 1vw); line-height: calc((36 / 650) * 100 * 1vw); } }
@media only screen and (max-width: 992px) { #message .inner_message div .wrap_message1 div + picture img { width: calc((326 / 650) * 100 * 1vw); height: auto; position: relative; left: calc((-15 / 650) * 100 * 1vw); } }
#message .inner_message div + p { text-align: center; }
@media only screen and (max-width: 992px) { #message .inner_message div + p { margin-bottom: calc((20 / 650) * 100 * 1vw); } }
#message .inner_message div + p span { font-weight: 900; font-size: 35px; line-height: 66px; letter-spacing: 0.06em; color: #004098; }
@media only screen and (max-width: 992px) { #message .inner_message div + p span { font-size: calc((28.8 / 650) * 100 * 1vw); line-height: calc((51 / 650) * 100 * 1vw); } }

footer { background-color: #004098; color: #FFF; }
footer .inner_footer { display: flex; width: 1100px; height: 226px; align-items: center; margin: 0 auto; justify-content: space-between; }
@media only screen and (max-width: 992px) { footer .inner_footer { width: calc((524 / 650) * 100 * 1vw); height: auto; display: block; padding-top: calc((59 / 650) * 100 * 1vw); } }
footer .inner_footer .wrap_inq1 h5 { font-weight: 900; font-size: 35px; letter-spacing: 0.1em; margin-bottom: 39px; }
@media only screen and (max-width: 992px) { footer .inner_footer .wrap_inq1 h5 { font-size: calc((37 / 650) * 100 * 1vw); margin-bottom: calc((30 / 650) * 100 * 1vw); } }
footer .inner_footer .wrap_inq1 p { font-weight: 700; font-size: 21px; letter-spacing: 0.1em; margin-bottom: 9px; }
@media only screen and (max-width: 992px) { footer .inner_footer .wrap_inq1 p { font-size: calc((24 / 650) * 100 * 1vw); margin-bottom: calc((8 / 650) * 100 * 1vw); } }
footer .inner_footer .wrap_inq1 p + p { font-weight: 400; font-size: 17px; letter-spacing: 0.1em; margin-bottom: 11px; }
@media only screen and (max-width: 992px) { footer .inner_footer .wrap_inq1 p + p { font-size: calc((18 / 650) * 100 * 1vw); margin-bottom: calc((15 / 650) * 100 * 1vw); } }
footer .inner_footer .wrap_inq1 p + p a { font-weight: 700; font-size: 21px; letter-spacing: 0.1em; color: #FFF; }
@media only screen and (max-width: 992px) { footer .inner_footer .wrap_inq1 p + p a { font-size: calc((22 / 650) * 100 * 1vw); } }
footer .inner_footer .wrap_inq1 p + p a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; }
@media only screen and (max-width: 992px) { footer .inner_footer .wrap_inq1 p + p a[href*="tel:"] { pointer-events: auto; cursor: pointer; } }
footer .inner_footer .wrap_inq1 p + p + p { font-weight: 400; font-size: 17px; letter-spacing: 0.1em; }
@media only screen and (max-width: 992px) { footer .inner_footer .wrap_inq1 p + p + p { font-size: calc((20 / 650) * 100 * 1vw); margin-bottom: calc((34 / 650) * 100 * 1vw); } }
footer .inner_footer .wrap_inq2 { display: flex; gap: 22px; flex-basis: 544px; }
@media only screen and (max-width: 992px) { footer .inner_footer .wrap_inq2 { gap: calc((24 / 650) * 100 * 1vw); margin-bottom: calc((28 / 650) * 100 * 1vw); } }
footer .inner_footer .wrap_inq2 li { flex: 0 1 261px; height: 160px; border-radius: 20px; display: flex; flex-direction: column; align-items: center; position: relative; transition: opacity .3s; }
@media only screen and (max-width: 992px) { footer .inner_footer .wrap_inq2 li { flex: 0 1 calc((250 / 650) * 100 * 1vw); height: calc((203 / 650) * 100 * 1vw); justify-content: center; border-radius: calc((21.6 / 650) * 100 * 1vw); } }
footer .inner_footer .wrap_inq2 li:hover { opacity: 0.8; }
footer .inner_footer .wrap_inq2 li a { font-weight: 900; font-size: 20px; line-height: 26px; letter-spacing: 0.12em; text-align: center; display: flex; flex-direction: column; align-items: center; }
@media only screen and (max-width: 992px) { footer .inner_footer .wrap_inq2 li a { font-size: calc((24 / 650) * 100 * 1vw); line-height: calc((30 / 650) * 100 * 1vw); letter-spacing: 0.1em; position: relative; top: calc((11 / 650) * 100 * 1vw); } }
footer .inner_footer .wrap_inq2 li a::before { content: ""; display: block; background-repeat: no-repeat; background-size: contain; }
footer .inner_footer .wrap_inq2 li a::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: transparent; }
footer .inner_footer .wrap_inq2 li:nth-child(1) { background-color: #FFF; }
footer .inner_footer .wrap_inq2 li:nth-child(1) a { color: #004098; }
footer .inner_footer .wrap_inq2 li:nth-child(1) a::before { width: 53px; height: 47px; background-image: url("images/nav_icon_mail.svg"); margin: 30px 0 6px; }
@media only screen and (max-width: 992px) { footer .inner_footer .wrap_inq2 li:nth-child(1) a::before { width: calc((77 / 650) * 100 * 1vw); height: calc((68.2 / 650) * 100 * 1vw); margin: 0 0 calc((9 / 650) * 100 * 1vw); } }
footer .inner_footer .wrap_inq2 li:nth-child(2) { background-image: url("images/footer_link_bk.png"); }
footer .inner_footer .wrap_inq2 li:nth-child(2) a { color: #FFF; }
footer .inner_footer .wrap_inq2 li:nth-child(2) a::before { width: 53px; height: 51px; background-image: url("images/nav_icon_pc_w.svg"); margin: 25px 0 8px; }
@media only screen and (max-width: 992px) { footer .inner_footer .wrap_inq2 li:nth-child(2) a::before { width: calc((77 / 650) * 100 * 1vw); height: calc((68.2 / 650) * 100 * 1vw); margin: 0 0 calc((9 / 650) * 100 * 1vw); } }
footer .copyright { height: 44px; display: flex; justify-content: center; align-items: center; }
@media only screen and (max-width: 992px) { footer .copyright { height: calc((45 / 650) * 100 * 1vw); } }
footer .copyright p { font-weight: 300; font-size: 14px; letter-spacing: 0.1em; }
@media only screen and (max-width: 992px) { footer .copyright p { font-size: calc((15 / 650) * 100 * 1vw); } }

/*============================
#js-pagetop
============================*/
#js-pagetop { width: 84px; height: 84px; position: fixed; bottom: 50px; right: 50px; z-index: 9; display: none; cursor: pointer; background-image: url("images/pagetop.svg"); background-repeat: no-repeat; background-size: contain; transition: opacity .3s; }
#js-pagetop:hover { opacity: 0.9; }
@media only screen and (max-width: 992px) { #js-pagetop { width: calc((84 / 650) * 100 * 1vw); height: calc((84 / 650) * 100 * 1vw); bottom: calc((26 / 650) * 100 * 1vw); right: calc((26 / 650) * 100 * 1vw); } }