/**
初期css
*/
html{scroll-behavior: smooth}
body{margin: 0; font-family: "Noto Sans JP", sans-serif; color: #333333; font-size: clamp(14px, 1.172vw, 16px); line-height: 2; background: #F7F7F7;}
@media only screen and (max-width: 640px) {
	body{line-height: 1.8;}
}

img{width: auto; max-width: 100%; height: auto; vertical-align: bottom;}
a{color: #333333; text-decoration: none; transition: 0.3s ease;}
a:hover{opacity: 0.7}
ul,li,ol{list-style: none;}
ul{margin: 0; padding: 0;}
sup{font-size: 50%; vertical-align: top;}
small{font-size: 70%;}

p > small{line-height: 1.4; display: block;}
figure,picture{position: relative;}
figure figcaption,
picture .cap{font-size: 10px; line-height: 1.2; font-weight: 500;
  position: absolute; bottom: 0; right: 0; padding: 2px 3px;
  color: #FFF; background: rgba(0,0,0,0.7);}
* > .cap{font-size: 11px; line-height: 1.2; font-weight: 500;
  position: absolute; bottom: 0; right: 0; padding: 3px 5px;
  color: #FFF; background: rgba(0,0,0,0.7);}
.black{background:none; color: #333333; position: static; text-align: right;}

.flex{display: flex; flex-wrap: wrap;}
.fadeIn{opacity: 0; transform: translateY(-40px); transition: 0.5s ease-in;}
.fadeIn.show{opacity: 1; transform: translateX(0);}
.inner{max-width: 1200px; width: 100%; margin: 0 auto; padding: 0 30px;}
.gene_title *{text-align: center; color: #7A6A56; font-size: 35px;}
@media only screen and (max-width: 640px) {
	.gene_title *{font-size: 20px;}
}

.bg-cream {background: #FFF3C3;}

main h2,
main h3,
main h4,
main h5,
main h6{font-weight: 500;}

#annotation_are{padding: 70px 0;}
@media only screen and (max-width: 640px) {
	#annotation_are{padding: 30px 0;}
}
#annotation_are .inner {max-width: 1320px;}
#annotation_are p{font-size: 11px; line-height: 1.7; padding-left: 13px; position: relative;}
#annotation_are p.asterisk::before{content: "※"; position: absolute; left: 0; top: 0;}
.anno{font-size: 11px; line-height: 1.7; margin: 10px 0;}

/* 表示・非表示 */
.pc_only{display: block;}
.pc_tab_only{display: block;}
.tab_only{display: none;}
.sp_tab_only{display: none;}
.sp_only{display: none;}
@media only screen and (max-width: 991px) {
  .pc_only{display: none;}
  .pc_tab_only{display: block;}
  .tab_only{display: block;}
  .sp_tab_only{display: block;}
  .sp_only{display: none;}
}
@media only screen and (max-width: 640px) {
  .pc_only{display: none;}
  .pc_tab_only{display: none;}
  .tab_only{display: none;}
  .sp_tab_only{display: block;}
  .sp_only{display: block;}
}

/**
header
*/
header{position:fixed;top:50px;left:30px;z-index:10; transition: all .8s;}
header.appear { opacity: 1; pointer-events: all;}
header.disappear { opacity: 0; pointer-events: none;}
.zdo_drawer_menu *{margin:0;padding:0;outline:none;border:none;font:inherit;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;text-decoration:none;list-style:none}
.zdo_drawer_menu a{font-size:20px;font-weight:500;color:#fff;text-decoration:none}
.zdo_drawer_menu a:visited{color:#fff}
.zdo_drawer_menu .zdo_drawer_bg{width:100%;height:100%;position:fixed;z-index:999;background:none;display:none;top:100px;left:0}
.zdo_drawer_menu .menu_btn{cursor:pointer;position:fixed;top:30px;right:30px;display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:center}
.zdo_drawer_menu p{margin-right:20px;font-weight:500}
.zdo_drawer_menu .zdo_drawer_button{display:block;background:none;border:none;padding:0;width:43px;height:43px;letter-spacing:.1em;z-index:1001;text-align:center;outline:none;cursor:pointer}
.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_menu_text{display:none}
.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_close{display:block}
.zdo_drawer_nav_wrapper a::before{content:"▶";display:inline-block;vertical-align:text-bottom;padding-right:5px;font-size:14px}
.zdo_drawer_nav_wrapper a.open::before{vertical-align:middle;transform: rotate(90deg);}
.zdo_drawer_menu .zdo_drawer_bar{display:block;height:3px;margin:10px 0;transition:all .2s;transform-origin:0 0;border-radius:5px}
.zdo_drawer_menu .zdo_drawer_text{text-align:center;font-size:10px}
.zdo_drawer_menu .zdo_drawer_close{letter-spacing:.08em;display:none}
.zdo_drawer_menu .zdo_drawer_menu_text{display:block}
.zdo_drawer_menu .zdo_drawer_nav_wrapper{width:400px;height:calc(100vh - 100px);padding:50px;border-top-left-radius:50px;transition:all .2s;transform:translate(400px);position:fixed;top:100px;right:0;z-index:1000;background-color:rgb(0 0 0 / 80%);}
.zdo_drawer_menu .zdo_drawer_nav_wrapper.open{transform:translate(0)}
.zdo_drawer_menu .zdo_drawer_nav_wrapper .dropmenu li+li{margin-top:30px}
.zdo_drawer_menu.left .zdo_drawer_button{right:auto;left:32px}
.zdo_drawer_menu.left .zdo_drawer_nav_wrapper{transform:translate(-312px);right:auto;left:0}
.zdo_drawer_menu.left .zdo_drawer_nav_wrapper.open{transform:translate(0)}
.zdo_drawer_menu .zdo_drawer_nav{padding:112px 24px}
.zdo_drawer_menu .zdo_drawer_nav li{font-size:16px;margin-bottom:15px}
.zdo_drawer_menu .zdo_drawer_button{color:#333}
.zdo_drawer_menu .zdo_drawer_button .zdo_drawer_bar{background-color:#333}
.zdo_drawer_button.active span:nth-child(1){-webkit-transform:translateY(27px) translateX(-1px) rotate(-45deg);transform:translateY(27px) translateX(-1px) rotate(-45deg)}
.zdo_drawer_button.active span:nth-child(2){opacity:0}
.zdo_drawer_button.active span:nth-child(3){-webkit-transform:translateY(-29px) rotate(45deg);transform:translateY(-29px) translateX(0px) rotate(45deg)}
.zdo_drawer_menu .zdo_drawer_nav_wrapper .dropmenu .toggle{cursor:pointer}
.zdo_drawer_menu .zdo_drawer_nav_wrapper .dropmenu .toggle+ul{display:none;padding-left:15px}
.zdo_drawer_menu .zdo_drawer_nav_wrapper .dropmenu .toggle+ul li+li{margin-top:0}
@media only screen and (max-width: 1024px) {
header { top: 40px; left: 20px;}
.header_logo img { height: 24px;display: block;}
}


/* footer
---------------------------------------------------- */
footer{width:100%;padding:40px 20px 50px;background-color:#23479c;position:relative}
footer .sp {display: none;}
footer .contents {display: flex;flex-flow: row wrap;width: 100%;max-width: 1200px;margin:0 auto;}
footer .contents > img{width:209px}
footer a img:hover{opacity:.7}
footer .inner{width: calc(100% - 209px);text-align:right}
footer ul{text-align:right;margin-bottom:15px}
footer ul li{display:inline-block;margin-left:30px;font-size:12px}
footer ul li a{color:#FFF!important}
footer ul li a:hover{opacity:.7}
footer p{font-size:10px;color:#FFF}
footer .sns_menu li { margin-left: 15px;}
footer .sns_menu img {width: 25px;}
@media only screen and (max-width: 1024px) {
  footer{padding:40px 0 50px}
  footer .sp {display: block}
  footer .contents {flex-flow: column;width: 94%;margin: 0 auto;}
  footer img{display:block;margin:0 auto 20px;width:150px}
  footer .inner{width: 100%;padding: 0;text-align:center}
  footer ul{text-align:left;margin-bottom:25px}
  footer ul li{display:block;margin:0 5% 10px;width:90%;padding-bottom:5px;font-size:14px;position:relative}
  footer ul li::before,footer ul li::after{position:absolute;content:"";background-color:#FFF}
  footer ul li::before{width:100%;height:1px;left:0;bottom:0}
  footer ul li::after{width:15px;height:1px;right:-1%;bottom:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
  footer ul.ft_menu>li:nth-child(2) { padding-bottom: 0;}
  footer ul.ft_menu>li:nth-child(2)::before,footer ul.ft_menu>li:nth-child(2)::after {display: none;}
  footer ul.ft_menu>li:nth-child(2) .child { margin-bottom: 0;}
  footer p{font-size:10px}
  footer .sns_menu { display: flex; flex-flow: row wrap; justify-content: flex-end;}
  footer .sns_menu li { width: inherit; margin-left: 0;}
  footer .sns_menu li::before, footer .sns_menu li::after { display: none;}
}


/**
 main
*/
.sec-mv {position: relative; min-height: 154vw; background: #f5cf04 url(img/img_mv.png) no-repeat center; background-size: cover;}
.sec-mv__sticky {position: relative; min-height: 100vw;}
.sec-mv__logo {/* position: sticky; */ position: absolute; z-index: 9; max-width: 600px; margin: auto; inset: 0; padding-top: 50vh;}
.sec-mv__read {max-width: 930px; width: 100%; margin: -110px auto 0; /* padding: 120px 60px 60px; */ padding: 60px; border: 14px solid #23479C; border-radius: 40px; background: #ffffff; box-shadow: 30px 30px 0px 0px rgba(0, 0, 0, 0.16);}
.sec-mv__read p {font-size: clamp(13px, 1.719vw, 30px); font-weight: bold; text-align: center; line-height: 1.8; letter-spacing: 0.1em;}
@media only screen and (max-width: 1280px) {
  .sec-mv{min-height:165vw}
  .sec-mv__logo{padding-top:40vh}
}
@media only screen and (max-width: 1024px) {
  .sec-mv{min-height:200vw;background-size:contain;padding:100px 0}
  .sec-mv__logo{width:calc(100% - 30px);padding-top:24vh}
  .sec-mv__logo h1{max-width:470px;margin:auto}
  .sec-mv__read{width:calc(100% - 30px);/* padding:120px 0 30px; */ padding: 30px 0; border:7px solid #23479C;box-shadow:15px 15px 0 0 rgba(0,0,0,0.16)}
}
@media only screen and (max-width: 991px) {
  .sec-mv{min-height:165vw;background-size:contain}
  .sec-mv__logo{padding-top:15vh}
}
@media only screen and (max-width: 767px) {
  .sec-mv {background: #f5cf04 url(img/img_mv_sp.png) no-repeat center; background-size: cover;}
  .sec-mv__logo{width:calc(100% - 100px);padding-top:12vh}
}
@media only screen and (max-width: 640px) {
  .sec-mv{min-height:165vw;background-size:contain;background-position:50% 30%;padding:100px 0}
  .sec-mv__logo{position:relative;padding-top:10vh}
}
@media only screen and (max-width: 500px) {
  .sec-mv{padding:50px 0 100px}
  .sec-mv__logo{padding-top:15vh}
  .sec-mv__read{margin: -10px auto 0;}
}
@media only screen and (max-width: 374px){
  .sec-mv__read p{font-size: 12px;}
}

.sec-jobtype{position:relative;margin-top:-135px;padding-bottom: 40px;z-index:1}
.sec-jobtype::after{content:"";display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;height:100%;background:url(../common/img/bg_cream.svg) no-repeat bottom center;background-size:contain;z-index:-1}
.sec-jobtype > h2{display:flex;justify-content:center;margin-bottom:40px}
.sec-jobtype__tabPanel {display: none;}
.sec-jobtype__tabPanel.active {display: block;}
.sec-jobtype__tablist{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;max-width:1000px;margin:0 auto;padding:50px 0 75px;}
.sec-jobtype__tablist > li{width:calc(100% / 3 - 33.33333px);margin-right:50px}
.sec-jobtype__tablist > li:nth-child(3n){margin-right:0}
.sec-jobtype__tablist > li:nth-child(n+4){margin-top:50px}
.sec-jobtype__tablist .tabsLink{display:flex;flex-flow:column;align-items:center;}
.sec-jobtype__tablist .tabsLink .bg img{width:100%}
.sec-jobtype__tablist .tabsLink .jobname{width:100%;max-width:220px;margin-top:-40px;padding:10px 0;background:#F5CF00;border-radius:109px;font-size:clamp(14px, 1.992vw, 37px);font-weight:900;text-align:center;line-height:1}
.sec-jobtype__tablist .tabsLink .jobname.long{max-width:290px}
.sec-jobtype__tablist .tabsLink .txt{margin-top:15px;font-size:clamp(10px, 1.172vw, 20px);font-weight:900;text-align:center;line-height:1.6}
.sec-jobtype__tabsDetail{padding-top:30px;background:#606060}
.sec-jobtype__tabsDetailBox{position: relative; display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-end;max-width:1170px;margin:auto}
.sec-jobtype__tabsDetailBox::before {content: ""; position: absolute; top: -90px; width: 0; height: 0; border-style: solid; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 60px solid #606060; border-top: 0;}
#sec-jobtype__tab-1 .sec-jobtype__tabsDetailBox::before,
#sec-jobtype__tab-4 .sec-jobtype__tabsDetailBox::before,
#sec-jobtype__tab-7 .sec-jobtype__tabsDetailBox::before {left: 18.5%;}
#sec-jobtype__tab-2 .sec-jobtype__tabsDetailBox::before,
#sec-jobtype__tab-5 .sec-jobtype__tabsDetailBox::before,
#sec-jobtype__tab-8 .sec-jobtype__tabsDetailBox::before {left: 50%; transform: translateX(-50%);}
#sec-jobtype__tab-3 .sec-jobtype__tabsDetailBox::before,
#sec-jobtype__tab-6 .sec-jobtype__tabsDetailBox::before,
#sec-jobtype__tab-9 .sec-jobtype__tabsDetailBox::before {right:18.5%;}
.tabsDetail_img{width:45%}
.tabsDetail_img img{width:100%}
.tabsDetail_txt{width:55%;padding-left:60px}
.tabsDetail_txt .jobs{padding-left:25px;border-left:5px solid #fff}
.tabsDetail_txt .jobs h3,.tabsDetail_txt .jobs p{color:#fff;font-weight:900}
.tabsDetail_txt .jobs h3{font-size:clamp(24px, 2.422vw, 37px);line-height:1.6}
.tabsDetail_txt .jobs p{font-size:clamp(16px, 1.406vw, 20px)}
.tabsDetail_txt .fukidashi{margin:15px 0 75px;padding:30px;background:#fff;border:9px solid #23479C;border-radius:26px;box-shadow:30px 30px 0 0 rgba(0,0,0,0.16)}
.tabsDetail_txt .fukidashi .detail{font-size:clamp(14px, 1.563vw, 18px);font-weight:900}
.tabsDetail_txt .fukidashi .recommend{margin-top:30px;font-weight:900;color:#23479C}
.tabsDetail_txt .fukidashi .recommend .title{display:flex;justify-content:flex-start;align-items:center;font-size:clamp(16px, 1.406vw, 20px)}
.tabsDetail_txt .fukidashi .recommend .title::after{content:"";border-top:3px solid;width:calc(100% - 10em - 0px)}
.tabsDetail_txt .fukidashi .recommend ul li{list-style-type:disc;list-style-position:inside;font-size:clamp(14px, 1.563vw, 18px);padding-left:26px;text-indent:-24px}
@media only screen and (max-width: 1280px) {
  .tabsDetail_img{width:40%}
  .tabsDetail_txt{width: 60%;padding:0 60px}
}
@media only screen and (max-width: 1024px) {
  .sec-jobtype{padding-top:40px;background:#fff3c3}
  .sec-jobtype > h2{max-width:250px;margin:0 auto 30px}
  .sec-jobtype__tabs{order:2;display:flex;flex-flow:column}
  .sec-jobtype__tablist{order:1;padding:30px 15px}
  .sec-jobtype__tablist{flex-flow:row;justify-content: space-between;}
  .sec-jobtype__tablist > li{width:calc(100% / 3 - 5px);margin-right:0}
  .sec-jobtype__tablist > li:last-child{margin-right:0}
  .sec-jobtype__tablist .tabsLink .jobname{margin-top:-30px;padding:5px 0;}
  .sec-jobtype__tabsDetailBox{flex-flow:column;align-items:center}
  .tabsDetail_txt{width:calc(100% - 30px);padding:0 30px}
  .sec-jobtype__tabsDetail{padding-top:15px}
  .tabsDetail_txt .jobs{padding-left:15px}
  .tabsDetail_txt .fukidashi{margin:15px 0 50px;padding:15px;box-shadow:15px 15px 0 0 rgba(0,0,0,0.16)}
  .tabsDetail_txt .fukidashi .recommend{margin-top:15px}
  .tabsDetail_txt .fukidashi .recommend ul li{padding-left:24px;text-indent:-21px}
  .sec-jobtype__tabsDetailBox::before {top: -40px; border-bottom: 30px solid #606060;}
  #sec-jobtype__tab-1 .sec-jobtype__tabsDetailBox::before,
  #sec-jobtype__tab-4 .sec-jobtype__tabsDetailBox::before,
  #sec-jobtype__tab-7 .sec-jobtype__tabsDetailBox::before {left: 15%;}
  #sec-jobtype__tab-3 .sec-jobtype__tabsDetailBox::before,
  #sec-jobtype__tab-6 .sec-jobtype__tabsDetailBox::before,
  #sec-jobtype__tab-9 .sec-jobtype__tabsDetailBox::before {right: 15%;}
}
@media only screen and (max-width: 640px) {
  .sec-jobtype{margin-top:0}
  .tabsDetail_txt{padding:0}
}

.sec-column{position:relative;}
.sec-column > h2{max-width:300px;margin:auto;padding:15px 0 10px;background:#393939;border-top-left-radius:40px;border-top-right-radius:40px;font-size:clamp(20px, 1.719vw, 24px);font-weight:900;color:#fff;text-align:center}
.sec-column__list{padding:70px 30px 100px;background:#393939}
.sec-column__list .flex{display:flex;flex-wrap:wrap}
.news_wrap{width:80%;margin:auto;justify-content:space-between}
.sec-column__list .news_box{width:calc(100% / 3 - 12.5px)}
.sec-column__list .news_box a{display:block}
.sec-column__list .news_box .thumbnail_box{aspect-ratio:153 / 94;border-radius:15px;overflow:hidden}
.sec-column__list .news_box .thumbnail_box img{width:100%;height:100%;object-fit:cover}
.sec-column__list .news_box h2{margin-top:10px;font-weight:700;font-size:clamp(14px, 1.172vw, 16px);color:#fff}
.sec-column__list .news_box .newsList_tag{justify-content:flex-start;align-items:center;margin-top:15px}
.sec-column__list .news_box .news_tag{display:flex;justify-content:center;align-items:center;width:80px;height:25px;background:#838383;border-radius:10px;font-size:clamp(11px, 0.938vw, 13px);font-weight:700;color:#fff}
.news_day{margin-left:15px;font-size:clamp(11px, 0.938vw, 13px);font-weight:700;color:#969696}
.sec-column__list .columnLinkBtn{position:absolute;bottom:0;right:0;display:flex;justify-content:flex-start;align-items:center;width:230px;height:50px;padding-left:25px;background:#fff;border-top-left-radius:20px;font-size:clamp(14px, 1.172vw, 15px);font-weight:900}
.sec-column__list .columnLinkBtn span{position:absolute;top:50%;right:15px;transform:translateY(-50%);display:inline-block;width:6px;height:12px}
.sec-column__list .columnLinkBtn span::before,.sec-column__list .columnLinkBtn span::after{content:"";position:absolute;top:calc(50% - 1px);right:0;width:8.4px;height:2px;border-radius:9999px;background-color:#000;transform-origin:calc(100% - 1px) 50%}
.sec-column__list .columnLinkBtn span::before{transform:rotate(51.35deg)}
.sec-column__list .columnLinkBtn span::after{transform:rotate(-51.35deg)}
@media only screen and (max-width: 640px) {
  .sec-column > h2{max-width:250px;padding:10px 0 5px;}
  .sec-column__list{padding:30px 15px 80px}
  .sec-column__list .flex{width:100%;overflow-x:scroll;flex-wrap:nowrap}
  .sec-column__list .news_box{width:200px;margin-right:20px}
  .sec-column__list .news_box a{width:200px}
  .sec-column__list .news_box .newsList_tag{margin-top:7px}
  .sec-column__list .news_box .news_tag{width:60px;height:23px;}
  .news_day{margin-left:10px;}
  .sec-column__list .columnLinkBtn{width:190px;height:40px;}
}

.sec-recruit__tabPanel {display: none;}
.sec-recruit__tabPanel.active {display: block;}
.sec-recruit{padding:100px 0 140px}
.sec-recruit__box{max-width:1020px;margin:auto;padding:50px 25px;background:#fff;border:9px solid #23479C;border-radius:26px;box-shadow:30px 30px 0 0 rgba(0,0,0,0.16)}
.sec-recruit__box h2{display:flex;justify-content:center}
.sec-recruit__tabs{margin-top:50px}
.sec-recruit__tabList{display:flex;flex-flow:row wrap}
.sec-recruit__tabList li{display:block;margin-bottom:10px;margin-right:10px;padding:8px 30px 10px;background:#DEDEDE;border-radius:100px;font-size:clamp(14px, 1.563vw, 18px);font-weight:900;color:#333333;cursor: pointer}
.sec-recruit__tabList li.active{background:#23479C;color:#fff}
.sec-recruit__detailBox{padding:40px 20px;border-bottom:2px solid #23479C}
.sec-recruit__detailBox h3{position:relative;display:flex;justify-content:center;align-items:center; margin: 0 0 20px;}
.sec-recruit__detailBox h3 span{padding:0 30px 3px;background:#23479C;border-radius:100px;font-size:clamp(18px, 1.734vw, 24px);font-weight:900;color:#fff;z-index:1}
.sec-recruit__detailBox h3::before{content:"";position:absolute;inset:0;margin:auto;width:100%;height:3px;background:#23479C;z-index:0}
.sec-recruit__detail{margin-top:25px}
.sec-recruit__detailList{border-collapse:collapse;width:100%}
.sec-recruit__detailList tr{padding:20px 0;border-bottom:1px solid #C7C7C7}
.sec-recruit__detailList tr:last-child{border-bottom:none}
.sec-recruit__detailList tr td{padding:15px 0}
.sec-recruit__detailList tr td:nth-of-type(1){width: 170px;padding-right:50px;font-size:clamp(16px, 1.406vw, 18px);font-weight:700;color:#23479C; padding: 20px;}
.sec-recruit__detailList tr td:nth-of-type(2){width: calc(100% - 170px); font-size:clamp(14px, 1.172vw, 16px);font-weight:700; padding: 20px;}
@media only screen and (max-width: 1024px) {
  .sec-recruit__box{width:calc(100% - 30px)}
  .sec-recruit__box h2{max-width:170px;margin:auto}
  .sec-recruit__tabList li{padding:3px 20px 5px;}
}
@media only screen and (max-width: 640px) {
  .sec-recruit{padding:50px 0 70px}
  .sec-recruit__box{padding:30px 20px;box-shadow:15px 15px 0 0 rgba(0,0,0,0.16)}
  .sec-recruit__tabs{margin-top:30px}
  .sec-recruit__tabList li{padding:3px 10px 5px;}
  .sec-recruit__detailBox{padding:20px 0}
  .sec-recruit__detail{margin-top:0}
  .sec-recruit__detailList tr{display:flex;flex-flow:column;align-items:flex-start}
  .sec-recruit__detailList tr{padding:0}
  .sec-recruit__detailList tr td:nth-of-type(1){display: block; width: 100%; padding: 10px;}
  .sec-recruit__detailList tr td:nth-of-type(2){display: block; width: 100%; padding: 10px;}
}

.sec-step{position:relative;padding:100px 0 120px}
.sec-step::after{content:"";display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;height:100%;background:url(../common/img/bg_cream02.svg) no-repeat bottom center;background-size:contain;z-index:-1}
.sec-step > h2{display:flex;justify-content:center}
.sec-step__list{max-width:1020px;margin:60px auto 0;padding: 0}
.sec-step__list > li{padding:40px 40px 35px;background:#fff;border:9px solid #23479C;border-radius:30px;box-shadow:20px 20px 0 0 rgba(0,0,0,0.16)}
.sec-step__list > li+li{position:relative;margin-top:100px}
.sec-step__list > li+li::before{content:"";display:block;position:absolute;top:-68px;left:50%;transform:translateX(-50%);width:45px;height:39px;background:url(../common/img/icn_step_triangle.svg) no-repeat center;background-size:cover}
.sec-step__list > li dl{display:flex;flex-flow:row wrap;align-items:flex-start}
.sec-step__list > li dl dt{display:flex;justify-content:center;align-items:center;height:170px;padding-right:30px;border-right:4px solid #23479C}
.sec-step__list > li dl dd{padding-left:50px}
.sec-step__list > li dl dd h3{font-size:clamp(24px, 2.188vw, 32px);font-weight:900;color:#23479C}
.sec-step__list > li dl dd p{margin-top:25px;font-size:16px;font-weight:700;line-height:2}
@media only screen and (max-width: 1024px) {
  .sec-step > h2{width:230px;margin:auto}
  .sec-step__list{padding:0 30px}
  .sec-step__list > li dl{flex-flow:column;align-items:center}
  .sec-step__list > li dl dt{width:120px;height:inherit;padding-right:0;padding-bottom:30px;border-right:none;border-bottom:4px solid #23479C}
  .sec-step__list > li dl dt img{max-width:80px;margin:auto}
  .sec-step__list > li dl dd{padding-top:20px;padding-left:0;width:100%}
  .sec-step__list > li dl dd h3{text-align:center}
}
@media only screen and (max-width: 640px) {
  .sec-step{padding:50px 0 60px}
  .sec-step__list{margin:40px auto 0;padding:0 15px}
  .sec-step__list > li{padding:20px 20px 15px;box-shadow:15px 15px 0 0 rgba(0,0,0,0.16)}
  .sec-step__list > li dl dt{width:100px;padding-bottom:15px}
  .sec-step__list > li dl dd p{margin-top:15px; font-size: 14px;}
}

.art-banner__list{display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start;max-width:1060px;margin:auto}
.art-banner__list li.mynabi{width:248px;margin-right:25px}
.art-banner__list li.airwork{width:599px;}
.art-banner__list li:nth-child(4n){margin-right:0}
@media only screen and (max-width: 1024px) {
  .art-banner__list{flex-flow:column; align-items: center; width:calc(100% - 30px)}
  .art-banner__list li.mynabi{width: 100%;max-width:350px;margin-right:0;margin-bottom: 25px;}
}
@media only screen and (max-width: 640px) {
  .art-banner__list li.mynabi{max-width:300px;}
  .art-banner__list li.airwork{width:100%; max-width: 599px;}
}

.art-entry{padding-bottom:220px}
.art-entry__linkBtn{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:720px;height:140px;margin:70px auto 0;font-size:clamp(24px, 2.344vw, 36px);font-weight:900;background:#23479C;border-radius:90px;color:#fff;box-shadow:20px 20px 0 0 rgba(0,0,0,0.16)}
.art-entry__linkBtn svg{position:absolute;top:50%;right:60px;transform:translateY(-50%);width:25px;height:31px;fill:#fff}
@media only screen and (max-width: 1024px) {
  .art-entry{padding-bottom:100px}
  .art-entry__linkBtn{width:calc(100% - 30px);height:80px;margin:50px auto 0;box-shadow:15px 15px 0 0 rgba(0,0,0,0.16)}
  .art-entry__linkBtn svg{width:20px;}
}
@media only screen and (max-width: 640px) {
  .art-entry__linkBtn svg{right:25px}
}