@charset "utf-8";

/** | Common | ***************************************************************************************** **/
*{margin:0;padding:0;list-style:none;}
table {border-collapse:collapse;border-spacing:0;border:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
em{font-style:normal;font-weight:bold;}
ol,ul {list-style:none;}
caption,th {text-align:left;}ƒ
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a img {border:none;outline:none;}
img {border:none;font-size:0;line-height:0;vertical-align:bottom;}
iframe{margin:0px;padding:0px;border:none;}
html{width:100%;height:100%;}
html.open-menu {overflow:hidden;}
html.mdl-open {overflow:hidden;}
body{width:100%;height:100%;text-align:center;letter-spacing:.05em;font-size:15px;line-height:1.8;color:#000;font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:none;opacity:0.8;transition:0.3s ease-in-out;}
.pc-inline {}
.sp-inline {display: none;}
.pc-block {}
.sp-block {display: none!important;}
.cmn-frm{position:relative;margin:auto;box-sizing:border-box;width:100%;max-width:1400px;}
#header{position:fixed;box-sizing:border-box;top:0;left:0;width:100%;height:90px;z-index:1000;transition: 0.3s ease-in-out;background:rgba(255,255,255,1);border-bottom:rgba(238,238,238,1) solid 1px;}
#header.touch-top{border-bottom:rgba(238,238,238,0) solid 1px;background:rgba(255,255,255,0);}
#header.header--bg{background:rgba(255,255,255,1);}
.hed-log{display: flex;align-items: center;gap:0 20px;position:absolute;top:18px;left:30px;}
.hed-log a.hed-log-crp{width:92px;aspect-ratio:92/53;background:url(/asset/images/mid-career/common/log_hed.png)no-repeat 0 0;background-size:92px 53px;font-size:0;line-height:0;}
.hed-log a.hed-log-rec {color: #000;font-size: 15px;display: block;line-height: 1;}
.hed-log-cnv{width:120px;height:40px;background: #0068B7;color:#fff;border-radius: 3px;line-height:40px;position: absolute;right:28px;top:25px;font-size: 13px;letter-spacing: 0;}
.hed-nav {position: absolute;right:200px;top:25px;}
.hed-nav-list {display: flex;justify-content: flex-end;align-items: center;gap:30px;height: 40px;}
.hed-nav-list li{display: inline-block;}
.hed-nav-list li a {display: block;color: #333;font-size: 14px;white-space: nowrap;letter-spacing: 0;font-weight: bold;}
.hed-nav-list li a.clo-gry {opacity: 0.5;}
#header.touch-top .hed-nav-list li a {color: #fff;}
#header.touch-top .hed-nav-list li a.clo-gry {opacity: 0.5;}
#header.touch-top .hed-log a.hed-log-crp{background:url(/asset/images/mid-career/common/log_hed_w.png)no-repeat 0 0;background-size:92px 53px;}

#header.touch-top .hed-log a.hed-log-rec{color: #fff;}
.hed-log-cnv{transition:0.3s ease-in-out;width:120px;height:40px;background:#0068B7;color:#fff;border-radius:3px;line-height:40px;position:absolute;right:30px;top:25px;font-size:13px;letter-spacing:0;font-weight: bold;}
.hed-log-cnv{width:120px;height:40px;background:#0091FF;color:#fff;border-radius:3px;line-height:40px;position:absolute;right:30px;top:25px;font-size:13px;letter-spacing:0;}
.scroll-btn-wrap {position: absolute;top: calc(100vh - 180px);left: 0;right: 0;margin: auto;width: 128px;height: 128px;}
.scroll-btn {display: flex;width: 100%;height: 100%;position: relative;align-items: center;justify-content: center;}
.scroll-btn-arr {position: relative;display: block;width: 96px;height: 96px;border-radius: 50%;border: 1px solid #fff;}
.scroll-btn-arr::before {content: "";position: absolute;background: url(/asset/images/mid-career/common/icon-arrow.svg) no-repeat;background-size: contain;width: 44px;height: 10px;top: 52%;left: 50%;transform: translate(-50%, -50%) rotate(90deg);}
.scroll-btn-item {position: absolute;top: 0;left: 0;background: url(/asset/images/mid-career/common/mv-circle.svg) no-repeat;background-size: cover;width: 128px;height: 128px;animation: scroll-btn-anim 10s linear infinite;}
@keyframes scroll-btn-anim {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(360deg)
  }
}
#header.und-header .hed-log a.hed-log-crp {background:url(/asset/images/mid-career/common/log_hed.png)no-repeat 0 0;background-size:92px 53px}
#header.und-header .hed-log a.hed-log-rec {color: #000;}
#header.und-header .hed-nav-list li a {color: #333;}
.hed-pd {position:fixed;top:0;left:0;z-index:9001;width:100%;display:flex;height:0;overflow:hidden;}
.hed-pd.open{height:100vh;}
.hed-pd-bg {width:0;height:100%;background:#fff;position:relative;}
.hed-pd.open .hed-pd-bg {width:auto;flex:1;}
.hed-pd-bg img{opacity:0;transition:opacity 0.55s ease-in-out;position:absolute;transform:translate(-50%, -50%);top:50%;left:50%;width:100%;height:100%;object-fit:cover;}
.hed-pd.open .hed-pd-bg img{opacity:1;}
.hed-pd-nav {width:80%;max-width:560px;background:#fff;overflow:auto;height:100%;z-index:1001;display:flex;flex-direction:column;justify-content:center;}
.hed-pd-list {padding:50px;text-align:left;display:block;width:100%;max-width:400px;margin:auto;box-sizing:border-box;}
.hed-pd-list li a {display:block;padding:15px 0 15px 30px;position:relative;font-size:20px;font-weight:bold;}
.hed-pd-list li a::before {content:" ";display:block;position:absolute;top:calc(50% - 1px);left:15px;width:12px;height:2px;background:#2280FF;}
.hed-pd-list li a::after {content:" ";display:block;position:absolute;top:calc(50% - 4px);left:19px;width:6px;height:6px;border-top:2px solid #2280FF;border-right:2px solid #2280FF;transform:rotate(45deg);}
.hed-btn {position:fixed;width:60px;height:60px;right:30px;top:15px;z-index:9002;cursor:pointer;display: none;}
.hed-btn::before {content:" ";display:block;width:36px;height:2px;position:absolute;top:20px;left:12px;background:#000;transition:all 0.3s ease-in-out;}
.hed-btn::after {content:" ";display:block;width:36px;height:2px;position:absolute;bottom:20px;left:12px;background:#000;transition:all 0.3s ease-in-out;}
.hed-btn-ico {display:block;width:36px;height:2px;position:absolute;top:calc(50% - 1px);left:12px;background:#000;transition:all 0.3s ease-in-out;}
#header.touch-top + .hed-btn::before{background:#fff;}
#header.touch-top + .hed-btn::after{background:#fff;}
#header.touch-top + .hed-btn .hed-btn-ico {background:#fff;}
.hed-btn.open::before{background:#000 !important;}
.hed-btn.open::after{background:#000 !important;}
.hed-btn.open .hed-btn-ico {background:#000 !important;}
.hed-btn.open::before{top:29px;transform:rotate(30deg);}
.hed-btn.open::after{bottom:29px;transform:rotate(-30deg);}
.hed-btn.open .hed-btn-ico{width:0;left:50%;}

@media screen and (min-width:768px) and (max-width:1200px) {
    .hed-log {top: clamp(18px, 1.5vw, 25px);}
    .hed-log a.hed-log-crp.#header.und-header .hed-log a.hed-log-crp{width:clamp(62px, 7.38vw, 85px);aspect-ratio:92/53;background-size:clamp(62px, 7.38vw, 85px) clamp(36px, 4.28vw, 49px);}
    .hed-log a.hed-log-rec {font-size: clamp(12px, 1.54vw, 15px);}
    #header.header-white .hed-log a.hed-log-crp{background-size:clamp(62px, 7.38vw, 85px) clamp(36px, 4.28vw, 49px);}
    .hed-nav {right:clamp(145px, 17.26vw, 185px);}
    .hed-nav-list {gap:clamp(10px, 1.19vw, 30px);}
    .hed-nav-list li a {font-size: clamp(10px, 1.19vw, 14px);}
    .hed-log-cnv {width: clamp(100px, 11.9vw, 120px);font-size: clamp(10px, 1.19vw, 13px);}
}
#footer{overflow:hidden;}
.footer-btm{border-top:1px #ddd solid;display:flex;justify-content: center;padding: 120px 0;}
.footer-logo{padding:0 80px;border-right:1px #ddd solid;}
.footer-logo img{margin:0;display:block;width:80%;max-width:268px;}
.footer-link{padding:0 80px;text-align: left;flex-direction: column;justify-content: center;display: flex;}
.footer-link-list{margin:auto;text-align:left;font-weight:bold;margin:0;padding: 0 0 30px;}
.footer-link li{font-size:15px;}
.footer-link li i{display:inline-block;width:20px;height:20px;background: #000;border-radius:50px;position: relative;vertical-align: middle;margin: 0 0 0 5px;}
.footer-link li i::after {content:" ";display:block;position:absolute;top:calc(50% - 4px);right:6px;width:6px;height:6px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);}
.footer-link li i::before {content:" ";display:block;position:absolute;top:calc(50% - 1px);right:6px;width:9px;height:2px;background:#fff;}
.footer-link-copy{font-size:12px;}

@media screen and (max-width:767px) {
    .pc-inline {display: none;}
    .sp-inline {display: inline!important;}
    .pc-block {display: none!important;}
    .sp-block {display: block!important;}


    #header {height: 70px;background: #fff;position: fixed;border-bottom: rgba(238,238,238,1) solid 1px;}
    #header.touch-top {border-bottom: rgba(238,238,238,0) solid 1px;}
    .hed-log {gap: 0 6px;top: 13px;left: 10px;}
    .hed-log a.hed-log-crp {width: 76px;height: 44px;background: url(/asset/images/mid-career/common/log_hed.png)no-repeat 0 0;background-size: 76px 44px;}
    #header.touch-top .hed-log a.hed-log-crp {width: 76px;height: 44px;background: url(/asset/images/mid-career/common/log_hed_w.png)no-repeat 0 0;background-size: 76px 44px;}
    #header.und-header .hed-log a.hed-log-crp {width: 76px;height: 44px;background: url(/asset/images/mid-career/common/log_hed.png)no-repeat 0 0;background-size: 76px 44px;}
    .hed-log a.hed-log-rec {font-size: 12px;letter-spacing: 0;}
    #header .hed-log-cnv {width: 105px;height: 40px;right: 70px;top: 15px;font-size: 12px;}
    .hed-nav {display: none;}
    .hed-pd{position: fixed;}
    .hed-pd-bg{display:none;}
    .hed-pd-nav{width:100%;display:block;max-width:none;height:100svh;}
    .hed-pd-list{padding:80px 0;max-width:360px;}
    .hed-pd-list li:first-child {border-top: 1px solid #DDDDDD;}
    .hed-pd-list li {border-bottom: 1px solid #DDDDDD;}
    .hed-pd-list li a{padding:25px 0 25px 50px;font-size:15px;}
    .hed-btn {right:5px;top:5px;position: fixed;display: block;}
    #footer {}
    .footer-btm{display:block;padding: 20% 0 7%;}
    
    .footer-logo {padding: 0 10%;border-right: none;margin: auto;max-width: 268px;width: 60%;}
    .footer-logo img {width: 100%;height: auto;max-width: 100%;}
    .footer-link {padding: 10% 10% 0;}
    .footer-link-list {padding: 0 0 20px;}
    .footer-link li {text-align: center;}
    .footer-link-copy {text-align: center;}
}
/** | Top | ***************************************************************************************** **/
.content-top{position:relative;z-index:1;}
.content-top.inview::after{content:"";width:100%;height:100%;top:0;right:0;transition:width 0.4s ease-in-out;display:block;background:#fff;position:absolute;z-index:3;}
.content-top.inview.view::after{width:0;}
.top-mai{position:relative;z-index:1;height:100svh;min-height:100svh;transition:background 0.8s ease-in-out;overflow:hidden;}
.top-panel-tit{position: absolute;top: 50%;left: 0;right: 0;display: inline-block;margin: auto;color: #fff;font-size: 80px;font-size: clamp(35px, 5.4vw, 70px);letter-spacing: 0.1em;z-index: 10;font-weight: 700;font-style: normal;text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);}
.top-panel-tit-txt {display: block;position: absolute;top: 0;left: 0;right: 0;transform: translateY(-50%);opacity: 0;line-height: 1.4;animation-name:top-panel-tit-anim;animation-fill-mode:both;animation-duration:10s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;}
.top-panel-tit-txt.top-panel-tit02 {animation-delay: 5s;}
@keyframes top-panel-tit-anim{
    0%{opacity: 0;}
    5%{opacity: 1;}
    30%{opacity: 1;}
    50%{opacity: 0;}
    100%{opacity: 0;}
}
.top-mai-item-pc{display:block;}
.top-mai-item-sp{display:none;}
.top-bg{position:absolute;top:0;bottom:0;left:0;width:100%;box-sizing:border-box;}
.top-bg-mov{top:0;width:100%;height:100svh;position:absolute;box-sizing:border-box;min-height:100svh;}
.top-bg-mov video {position:absolute;transform:translate(-50%, -50%);top:50%;left:50%;width:100%;height:100%;object-fit:cover;transition:opacity 0.3s ease-in-out;}
.top-mnf-tit{display:block;font-size:65px;font-family: "Shippori Mincho", serif;font-weight: 800;font-style: normal;line-height:1;text-align: center;color: #000;}
.top-mnf-hed{padding:100px 0;text-align: center;}
.top-mnf-tit{display:block;font-size:65px;font-family: "Shippori Mincho", serif;font-weight: 800;font-style: normal;line-height:1;text-align: center;color: #000;}
.top-mnf-tit .top-mnf-tit-img {max-width: 600px;margin: auto;}
.top-mnf-tit .top-mnf-tit-img img {display: block;width: 100%;height: auto;}
.top-mnf-cnt{padding:0 0 100px;text-align: center;}
.top-mnf-cnt img{width:100%;height:auto;aspect-ratio:48 / 520;}
.top-mnf-txt{display: block;padding: 0 20px;}
.top-mnf-txt.top-mnf-txt-sp{display: none;}
.top-mnf-txt li{font-size:0;line-height:1;max-width:100%;position: relative;}
.top-mnf-txt-word{position: absolute;top:0;left:0;height:0;width:100%;overflow:hidden;}
.top-mnf-txt li.view .top-mnf-txt-word{animation-name:top-mnf-txt-word-act;animation-fill-mode:forwards;animation-duration:1.8s;animation-timing-function:ease-out;animation-delay:400ms;}
.top-mnf-txt li {
    width: auto;
    text-align: left;
    display: table;
    margin: auto;
}
.top-mnf-txt-scale {
font-size: 20px;
text-align: left;
letter-spacing: 0.15em;
line-height: 48px;
opacity: 0.1;
font-family:"Noto Serif JP", serif;
font-weight: 300;
white-space: nowrap;
text-align: left;
}
.top-mnf-txt-word {
position: absolute;
top: 0;
left: 0;
height: auto;
width: 0;
overflow: hidden;
font-size: 20px;
text-align: left;
letter-spacing: 0.15em;
line-height: 48px;
font-family:"Noto Serif JP", serif;
font-weight: 300;
white-space: nowrap;
}
/*.top-mnf-txt li:nth-child(1),
.top-mnf-txt li:nth-child(5) {margin-bottom: 42px;}*/
.top-mnf-txt li.view.cmn-ani-del100 .top-mnf-txt-word{animation-delay:100ms;}
.top-mnf-txt li.view.cmn-ani-del200 .top-mnf-txt-word{animation-delay:200ms;}
.top-mnf-txt li.view.cmn-ani-del300 .top-mnf-txt-word{animation-delay:300ms;}
.top-mnf-txt li.view.cmn-ani-del400 .top-mnf-txt-word{animation-delay:400ms;}
.top-mnf-txt li.view.cmn-ani-del500 .top-mnf-txt-word{animation-delay:500ms;}
.top-mnf-txt li.view.cmn-ani-del600 .top-mnf-txt-word{animation-delay:600ms;}
.top-mnf-txt li.view.cmn-ani-del700 .top-mnf-txt-word{animation-delay:700ms;}
.top-mnf-txt li.view.cmn-ani-del800 .top-mnf-txt-word{animation-delay:800ms;}
.top-mnf-txt li.view.cmn-ani-del900 .top-mnf-txt-word{animation-delay:900ms;}
.top-mnf-txt li.view.cmn-ani-del1000 .top-mnf-txt-word{animation-delay:1000ms;}
.top-mnf-txt li.view.cmn-ani-del1100 .top-mnf-txt-word{animation-delay:1100ms;}
.top-mnf-txt li.view.cmn-ani-del1200 .top-mnf-txt-word{animation-delay:1200ms;}
.top-mnf-txt li.view.cmn-ani-del1300 .top-mnf-txt-word{animation-delay:1300ms;}
.top-mnf-txt li.view.cmn-ani-del1400 .top-mnf-txt-word{animation-delay:1400ms;}
.top-mnf-txt li.view.cmn-ani-del1500 .top-mnf-txt-word{animation-delay:1500ms;}
.top-mnf-txt li.view.cmn-ani-del1600 .top-mnf-txt-word{animation-delay:1600ms;}
.top-mnf-txt li.view.cmn-ani-del1700 .top-mnf-txt-word{animation-delay:1700ms;}
.top-mnf-txt li.view.cmn-ani-del1800 .top-mnf-txt-word{animation-delay:1800ms;}
@keyframes top-mnf-txt-word-act{
from {width:0;}
to {width:100%;}
}
.top-phi{background-size:cover;padding:160px 0 150px;}
.top-phi-tit{font-family:"Noto Serif JP", serif;font-weight: 500;font-style: normal;color:#000;position: relative;margin:0 0 50px;font-size:35px;}
.top-phi-tit b {font-weight: 500;}
.top-phi-cnt{width:100%;max-width:850px;margin:auto;}
.top-phi-mov{position:relative;aspect-ratio:1920 / 1080;}
.top-phi-thu{width:100%;height:auto;position:absolute;top:0;left:50%;transform:translate(-50%,0);font-size:0;line-height:0;cursor:pointer;}
.top-phi-thu video{width:100%;height:auto;}
.top-phi-thu::before{content:" ";position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0);transition:background 0.3s ease-in-out;}
.top-phi-thu img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15%;z-index:2;opacity:0;transition:opacity 0.3s ease-in-out;}
.top-phi-thu:hover::before{background:rgba(0,0,0,0.8);}
.top-phi-thu img{opacity:1;}
.top-phi-sub{font-weight:bold;padding:0 0 30px;font-size:28px;}

.top-con{background: #F5F5F5;padding: 200px 0 200px;}
.top-con-inn {max-width: 1255px;margin: auto;box-sizing: border-box;padding: 0 20px;}
.top-con-box-wrap {}
.top-con-box {display: flex;background: #fff;}
.top-con-box.top-con-box--rev {flex-direction: row-reverse;}
.top-con-box + .top-con-box {margin-top: 80px;}
.top-con-box-img {width: 57.61%;position: relative;z-index: 0;overflow: hidden;}
.top-con-box-img img {object-fit: cover;width: 100%;height: 100%;}
.top-con-box-txt-area {width: 42.39%;box-sizing: border-box;padding: 50px 50px 100px;position: relative;}

.top-con-box-tit {text-align: left;}
.top-con-box-tit-jp {font-size: 30px;letter-spacing: 0.08em;display: block;font-family:"Noto Serif JP", serif;}
.top-con-box-tit-en {font-size: 13px;color: #2280FF;display: block;font-family: "optima-nova-lt-pro", sans-serif;font-weight: 400;font-style: normal;}
.coming-soon .top-con-box-txt-area {background: #eee;}
.coming-soon .top-con-box-tit-jp,.coming-soon .top-con-box-tit-en,.coming-soon .top-con-box-btn-txt{color: #000;opacity: 0.5;}

.top-con-box-txt {font-size: 16px;line-height: 2;text-align: left;margin-top: 50px;font-family: "Noto Sans JP", sans-serif;font-weight: 400;}
.top-con-box-btn {display: flex;justify-content: end;align-items: center;position: absolute;bottom: 50px;right: 50px;}
.top-con-box-btn-txt {font-size: 16px;display: inline-block;line-height: 30px;}
.top-con-box-btn-arr {width: 30px;height: 30px;display: inline-block;border-radius: 50%;background: #2280FF;position: relative;overflow: hidden;z-index: 0;line-height: 1;margin-left: 20px;}
.top-con-box-btn-arr::before {content: "";display: block;position: absolute;top: 50%;left: 50%;width: 8px;height: 2px;background: #fff;transform: translate(-50% , -50%);}
.top-con-box-btn-arr::after {content: "";display: block;position: absolute;top: 50%;left: calc(50% + 2px);transform: translate(-50% , -50%) rotate(45deg);width: 5px;height: 5px;border-top: 2px solid #fff;border-right: 2px solid #fff;}

.top-mes {padding: 100px 0 150px;}
.top-mes-inn {max-width: 1255px;margin: auto;padding: 0 20px;box-sizing: border-box;}
.top-mes-box-img-wrap {position: relative;}
.top-mes-box {margin-top: 50px;}
.top-mes-box-img {width: 100%;}
.top-mes-box-img img{width: 100%;height: auto;}
.top-mes-box-tit {font-size: 32px;line-height: 1.8;font-family: "Noto Sans JP", sans-serif;font-weight: 700;position: absolute;top: 50%;left: 0;display: block;width: 100%;text-align: center;transform: translateY(-50%);color: #fff;}
.top-mes-box-txt {font-size: 18px;text-align: center;line-height: 2;margin-top: 70px;font-family: "Noto Sans JP", sans-serif;font-weight: 400;}
.top-cnv{background: #000;}
.top-cnv-btn{position: relative;display: flex;align-items: center;justify-content: center;width: 100%;height: 500px;background: url(/asset/images/mid-career/common/top-cnv-bg.jpg) no-repeat center;background-size: cover;}
.top-cnv-btn::before {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,91,183,0.8);}
.top-cnv-btn-txt {position: relative;display: block;font-size: 60px;font-family: "Oswald", sans-serif;font-optical-sizing: auto;font-weight: 400;color: #fff;letter-spacing: 0.1em;}

.top-abt {padding: 150px 0 150px;}
.top-abt-inn {max-width: 1300px;margin: auto;box-sizing: border-box;padding: 0 30px;}
.cmn-sec-tit {}
.cmn-sec-tit-jp {font-size: 32px;text-align: center;display: block;line-height: 1;font-family:"Noto Serif JP", serif;font-weight: 500;font-style: normal;}
.cmn-sec-tit-en {text-align: center;line-height: 1;color: #2280FF;margin-top: 15px;font-size: 14px;color: #2280FF;display: block;font-family: "optima-nova-lt-pro", sans-serif;font-weight: 400;}
.top-abt-list {display: flex;gap:0 30px;margin: 40px 0 0;}
.top-abt-list li {width: calc(25% - 90px / 4);}
.top-abt-list li a{display: block;}
.top-abt-list-img {position: relative;overflow: hidden;z-index: 0;border-radius: 10px;}
.top-abt-list-img img{display: block;width: 100%;height: auto;}
.top-abt-list-txt {text-align: center;font-size: 18px;line-height: 1.6;font-family:"Noto Serif JP", serif;margin-top: 15px;}

#intro{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9999;transition:opacity 0.6s ease-in-out;display:flex;flex-direction:column;justify-content:center;}
.itr-log{margin:auto;width:80%;max-width:475px;height:auto;display:block;}
.itr-log img{width:100%;height:auto;}
#intro.inview{opacity:0;}
#intro.inview .itr-log img{animation-name:cmn-ani-log-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;}
@keyframes cmn-ani-log-act{
from {transform:translate(0,0);opacity:1;}
to {transform:translate(0,-50px);opacity:0;}
}
.fix-btn {
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 10;
}
.fix-btn a {
    display: block;
    width: 271px;
    height: 57px;
}
.fix-btn img {
    display: block;
    width: 100%;
    height: auto;
}
.fix-btn-clo {
    position: absolute;
    top: 0;
    right: 0;
    width: 23px;
    height: 23px;
    transform: translate(50% , -50%);
}

@media screen and (max-width:767px) {
.top-panel-tit {font-size:clamp(25px, 7.5vw, 50px);}
.scroll-btn-wrap {position: absolute;top: calc(100svh - 20px);left: 0;right: 0;margin: auto;width: 68px;height: 68px;transform: translateY(-100%);}
.scroll-btn {width: 100%;height: 100%;}
.scroll-btn-arr {position: relative;display: block;width: 50px;height: 50px;border-radius: 50%;border: 1px solid #fff;}
.scroll-btn-arr::before {content: "";
position: absolute;
background: url(/asset/images/mid-career/common/icon-arrow.svg) no-repeat;
background-size: contain;
width: 25px;
height: 6px;
top: 52%;
left: 50%;
transform: translate(-50%, -50%) rotate(90deg);}
.scroll-btn-item {
position: absolute;
top: 0;
left: 0;
background: url(/asset/images/mid-career/common/mv-circle.svg) no-repeat;
background-size: cover;
width: 68px;
height: 68px;}
    
.top-phi {padding: 20% 0 20%;}
.top-phi-tit {font-size: 24px;margin: 0 0 7%;}

.top-mnf-cnt {padding: 0 0 20%;text-align: center;}
.top-mnf-hed {padding: 10% 0;}
.top-mnf-tit .top-mnf-tit-img {width: 78%;}
.top-mnf-txt.top-mnf-txt-sp{display: block;}
.top-mnf-txt.top-mnf-txt-pc{display: none;}
.top-mnf-txt li.view .top-mnf-txt-word{animation-duration:1s;animation-delay:400ms;}
.top-mnf-txt-scale {
font-size: 16px;
letter-spacing: 0.1em;
line-height: 32px;
white-space: nowrap;
}
.top-mnf-txt-word {
font-size: 16px;
letter-spacing: 0.1em;
line-height: 32px;
white-space: nowrap;
}

.top-con-inn {padding:0 15px}
.top-con {padding: 20% 0 20%;}
.top-con-box {display: block;}
.top-con-box + .top-con-box {margin-top: 10%;}
.top-con-box-img {width: 100%;}
.top-con-box-txt-area {width: 100%;padding:20px 30px 80px;}
.top-con-box-tit-jp {font-size: 22px;}
.top-con-box-tit-en {font-size: 12px;}
.top-con-box-txt {margin-top: 7%;font-size: 14px;}
.top-con-box-btn {bottom: 20px;right: 20px;}
.top-con-box-btn-txt {font-size: 14px;}

.top-mes {padding: 20% 0 25%;}
.top-mes-box-img {width: auto;margin-left: calc(((100vw - 100%) / 2) * -1);margin-right: calc(((100vw - 100%) / 2) * -1);}
.top-mes-box-tit {position: relative;transform: translateY(0);text-align: left;top: auto;
left: auto;color: #333;font-size: 20px;line-height: 1.8;margin-top: 10%;}
.top-mes-box-txt {margin-top: 10%;text-align: left;font-size: 16px;}

.top-cnv-btn {height: 50vw;}
.top-cnv-btn-txt {font-size: 40px;}
    
.cmn-sec-tit {}
.cmn-sec-tit-jp {font-size: 24px;}
.cmn-sec-tit-en {margin-top: 15px;font-size: 12px;}

.top-abt {padding: 20% 0 20%;}
.top-abt-list {display: flex;gap:42px 30px;margin: 40px 0 0;flex-wrap: wrap;}
.top-abt-list li {width: calc(50% - 36px / 2);}
.top-abt-list li a{display: block;}
.top-abt-list-img {position: relative;overflow: hidden;z-index: 0;border-radius: 10px;}
.top-abt-list-img img{display: block;width: 100%;height: auto;}
.top-abt-list-txt {text-align: center;font-size: 14px;line-height: 1.6;margin-top: 15px;}
}


/** | Animation | ***************************************************************************************** **/
.cmn-ani-fad{opacity:0;}
.cmn-ani-fad.view{animation-name:cmn-ani-fad-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;}
.cmn-ani-fad-mai{opacity:0;}
.cmn-ani-fad-mai.view{animation-name:cmn-ani-fad-act;animation-fill-mode:forwards;animation-duration:0.8s;animation-timing-function:ease-out;}
.cmn-ani-up{transform:translate(0,50px);opacity:0;}
.cmn-ani-up.view{animation-name:cmn-ani-up-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;}
.cmn-ani-down{transform:translate(0,-50px);opacity:0;}
.cmn-ani-down.view{animation-name:cmn-ani-down-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;}
.cmn-ani-sli-l{transform:translate(50px,0);opacity:0;}
.cmn-ani-sli-l.view{animation-name:cmn-ani-sli-l-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;}
.cmn-ani-sli-l-h2{transform:translate(80px,0);opacity:0;}
.cmn-ani-sli-l-h2.view{animation-name:cmn-ani-sli-l-act;animation-fill-mode:forwards;animation-duration:0.5s;animation-timing-function:ease-out;}
.cmn-ani-sli-r{transform:translate(-50px,0);opacity:0;}
.cmn-ani-sli-r.view{animation-name:cmn-ani-sli-r-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;}
.cmn-ani-pop{transform:scale3d(0.1,0.1,1);}
.cmn-ani-pop.view{animation-name:cmn-ani-pop-act;animation-duration:0.6s;animation-timing-function:cubic-bezier(.47,1.64,.41,.8);animation-fill-mode:forwards;}
@keyframes cmn-ani-fad-act{
from {opacity:0;}
to {opacity:1;}
}
@keyframes cmn-ani-up-act{
from {transform:translate(0,50px);opacity:0;}
to {transform:translate(0,0);opacity:1;}
}
@keyframes cmn-ani-down-act{
from {transform:translate(0,-50px);opacity:0;}
to {transform:translate(0,0);opacity:1;}
}
@keyframes cmn-ani-sli-l-act{
from {transform:translate(50px,0);opacity:0;}
to {transform:translate(0,0);opacity:1;}
}
@keyframes cmn-ani-sli-l-h2-act{
from {transform:translate(80px,0);opacity:0;}
to {transform:translate(0,0);opacity:1;}
}
@keyframes cmn-ani-sli-r-act{
from {transform:translate(-50px,0);opacity:0;}
to {transform:translate(0,0);opacity:1;}
}
@keyframes cmn-ani-pop-act{
0% {transform:scale3d(0.1,0.1,1);}
100%{transform:scale3d(1,1,1);}
}
.cmn-ani-del100{animation-delay:100ms;}
.cmn-ani-del200{animation-delay:200ms;}
.cmn-ani-del300{animation-delay:300ms;}
.cmn-ani-del400{animation-delay:400ms;}
.cmn-ani-del500{animation-delay:500ms;}
.cmn-ani-del600{animation-delay:600ms;}
.cmn-ani-del700{animation-delay:700ms;}
.cmn-ani-del800{animation-delay:800ms;}
.cmn-ani-del900{animation-delay:900ms;}
.cmn-ani-del1000{animation-delay:1000ms;}
.cmn-ani-del1100{animation-delay:1100ms;}
.cmn-ani-del1200{animation-delay:1200ms;}
.cmn-ani-del1300{animation-delay:1300ms;}
.cmn-ani-del1400{animation-delay:1400ms;}
.cmn-ani-del1500{animation-delay:1500ms;}
.cmn-ani-del1600{animation-delay:1600ms;}
.cmn-ani-del1700{animation-delay:1700ms;}
.cmn-ani-del1800{animation-delay:1800ms;}
.cmn-ani-del1900{animation-delay:1900ms;}
.cmn-ani-del2000{animation-delay:2000ms;}
.cmn-ani-del2100{animation-delay:2100ms;}
.cmn-ani-del2200{animation-delay:2200ms;}
.cmn-ani-del2300{animation-delay:2300ms;}
.cmn-ani-del2400{animation-delay:2400ms;}
.cmn-ani-del2500{animation-delay:2500ms;}
.cmn-ani-del2600{animation-delay:2600ms;}
.cmn-ani-del2700{animation-delay:2700ms;}
.cmn-ani-del2800{animation-delay:2800ms;}
.cmn-ani-del2900{animation-delay:2900ms;}
.cmn-ani-del3000{animation-delay:3000ms;}
.cmn-ani-rise{white-space:nowrap;display: inline-block;visibility: hidden;position: relative;overflow: hidden;line-height: 1;}
.cmn-ani-rise.view{visibility: visible;}
.cmn-ani-rise-scale{visibility: hidden;}
.cmn-ani-rise-word{transform:translate(0,110%);position: absolute;top:0;left:0;}
.cmn-ani-rise.view .cmn-ani-rise-word{animation-name:cmn-ani-rise-word-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;}
.cmn-ani-rise.view.cmn-ani-del200 .cmn-ani-rise-word{animation-delay:200ms;}
.cmn-ani-rise.view.cmn-ani-del300 .cmn-ani-rise-word{animation-delay:300ms;}
.cmn-ani-rise.view.cmn-ani-del400 .cmn-ani-rise-word{animation-delay:400ms;}
.cmn-ani-rise.view.cmn-ani-del500 .cmn-ani-rise-word{animation-delay:500ms;}
.cmn-ani-rise.view.cmn-ani-del600 .cmn-ani-rise-word{animation-delay:600ms;}
.cmn-ani-rise.view.cmn-ani-del700 .cmn-ani-rise-word{animation-delay:700ms;}
.cmn-ani-rise.view.cmn-ani-del800 .cmn-ani-rise-word{animation-delay:800ms;}
@keyframes cmn-ani-rise-word-act{
from {transform:translate(0,110%);}
to {transform:translate(0,0);}
}
.cmn-ani-mrk{white-space:nowrap;display: inline-block;visibility: hidden;position: relative;overflow: hidden;line-height: 1;}
.cmn-ani-mrk.view{visibility: visible;}
.cmn-ani-mrk-scale{visibility: hidden;}
.cmn-ani-mrk-word{position:absolute;top:0;left:0;width:0;overflow: hidden;}
.cmn-ani-mrk-word.view{animation-name:cmn-ani-mrk-word-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;}
.cmn-ani-mrk-word::after{content:" ";display: block;width:100%;height:100%;background:#000;position: absolute;top: 0;right: 0;}
.cmn-ani-mrk-word.view::after{animation-name:cmn-ani-mrk-word-act-aft;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;}
.cmn-ani-mrk-word.cmn-ani-del200.view::after{animation-delay:calc(200ms + 300ms);}
.cmn-ani-mrk-word.cmn-ani-del300.view::after{animation-delay:calc(300ms + 300ms);}
.cmn-ani-mrk-word.cmn-ani-del400.view::after{animation-delay:calc(400ms + 300ms);}
.cmn-ani-mrk-word.cmn-ani-del400.view::after{animation-delay:calc(500ms + 300ms);}
.cmn-ani-mrk-word.cmn-ani-del600.view::after{animation-delay:calc(600ms + 300ms);}
.cmn-ani-mrk-word.cmn-ani-del700.view::after{animation-delay:calc(700ms + 300ms);}
.cmn-ani-mrk-word.cmn-ani-del800.view::after{animation-delay:calc(800ms + 300ms);}
@keyframes cmn-ani-mrk-word-act{
from {width:0;}
to {width:100%;}
}
@keyframes cmn-ani-mrk-word-act-aft{
from {width:100%;}
to {width:0;}
}

/** | Modal | ***************************************************************************************** **/
.cmn-mdl{animation-fill-mode:both;transition:opacity 0.8s cubic-bezier(0.2,1,0.2,1);opacity:0;z-index:-1000;position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;overflow:auto;}
.cmn-mdl-cls{position:fixed;top:30px;right:30px;width:30px;height:30px;border-radius:50px;line-height:30px;text-indent:10px;font-size:14px;font-size:0;}
.cmn-mdl-cls::before {content:" ";display:block;height:2px;width:30px;position:absolute;top:14px;left:0;background:#fff;transform:rotate(45deg);}
.cmn-mdl-cls::after {content:" ";display:block;height:2px;width:30px;position:absolute;bottom:14px;left:0;background:#fff;transform:rotate(-45deg);}
.cmn-mdl.view{z-index:9999;opacity:1;}
.cmn-mdl-cls-bg{position:absolute;top:0;left:0;bottom:0;right:0;}
.cmn-mdl-yt{width:90%;aspect-ratio:1920 / 1080;max-width:1200px;margin:auto;position:relative;z-index:1000;}
.cmn-mdl-yt video{width:100%;height:auto;}
#movie01{background:rgba(0,0,0,0.8);display:flex;flex-direction:column;justify-content:center;}

/** | under | ***************************************************************************************** **/

.und-mai {aspect-ratio: unset;padding-top: 90px;height: auto;min-height: 0;}
.und-mai-inn {display: flex;}
.und-mai-txt-area {width: 35%;min-width: 500px;height: 350px;background: #0068B7;}
.und-mai-txt-area-inn {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.und-mai-tit {font-family:"Noto Serif JP", serif;font-weight: 500;font-style: normal;font-size: 35px;color: #fff;}
.und-mai-tit small {display: block;font-size: 14px;margin-top: 15px;font-family: "optima-nova-lt-pro", sans-serif;font-weight: 300;}
.und-mai-img-area {width: 65%;height: 350px;}
.und-mai.und-mai-choice .und-mai-img-area {background: url(/asset/images/mid-career/choice/und-mai-img.jpg) no-repeat center;background-size: cover;}
.und-mai.und-mai-voices .und-mai-img-area {background: url(/asset/images/mid-career/voices/und-mai-img.jpg) no-repeat center;background-size: cover;}
.und-mai.und-mai-interview .und-mai-img-area {background: url(/asset/images/mid-career/interview/und-mai-img.jpg) no-repeat center;background-size: cover;}

@media screen and (max-width:767px) {
    .und-mai {aspect-ratio: unset;padding-top: 70px;}
    .und-mai-inn {display: flex;}
    .und-mai-txt-area {width: 50%;min-width: 0;height: 33.33vw;}
    .und-mai-txt-area-inn {}
    .und-mai-tit {font-size: 4.66vw;font-size: clamp(20px, 4.66vw, 35px);line-height: 1.3;}
    .und-mai-tit small {font-size: 14px;font-size: clamp(10px, 2.6vw, 24px);margin: 10px 0 0;}
    .und-mai-img-area {width: 50%;height: 33.33vw;}
    .und-mai.und-mai-choice .und-mai-img-area {background: url(/asset/images/mid-career/choice/und-mai-img-sp.jpg) no-repeat center;background-size: cover;}
    .und-mai.und-mai-voices .und-mai-img-area {background: url(/asset/images/mid-career/voices/und-mai-img-sp.jpg) no-repeat center;background-size: cover;}
    .und-mai.und-mai-interview .und-mai-img-area {background: url(/asset/images/mid-career/interview/und-mai-img-sp.jpg) no-repeat center;background-size: cover;}
    
}

/*  voices  */
.voi-con {background: #F8F8F8;padding: 80px 0 200px;}
.voi-con-inn {max-width: 1240px;margin: auto;box-sizing: border-box;padding: 0 20px;}
.voi-con-hed {padding: 0 0 70px;}
.voi-con-hed-tit {font-size: 28px;text-align: center;font-weight: 500;font-family:"Noto Serif JP", serif;}
.voi-con-hed-list {display: flex;justify-content: center;gap:14px;margin-top: 50px;}
.voi-con-hed-list li {border: 1px solid #DDD;line-height: 40px;font-size: 16px;text-align: center;width: 110px;border-radius: 25px;color: #000;background: #fff;cursor: pointer;transition: 0.3s ease-in-out;}
.voi-con-hed-list li.is-active {color: #fff;background: #000;border: 1px solid #000;}
.voi-con-hed-list li.voi-con-hed-blu:hover {background: #0072E3;color: #fff;}
.voi-con-hed-list li.voi-con-hed-gre:hover {background: #0B9F12;color: #fff;}
.voi-con-hed-list li.is-active.voi-con-hed-blu {background: #0072E3;color: #fff;border: 1px solid #ddd;}
.voi-con-hed-list li.is-active.voi-con-hed-gre {background: #0B9F12;color: #fff;border: 1px solid #ddd;}

.voi-con-box {}
.voi-con-box-list {display: flex;flex-wrap: wrap;gap:40px;}
.voi-con-box-list li {width: calc(50% - 40px / 2);background: #fff;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);box-sizing: border-box;padding: 40px 50px 0;min-height: 330px;display: flex;flex-direction: column;align-content: space-between;display: none;visibility: hidden;}
.voi-con-box-list li.is-show {display: flex;visibility: visible;}

.voi-con-box-list-txt {text-align: left;font-size: 14px;line-height: 2;padding-bottom: 20px;}
.voi-con-box-bot {display: flex;align-items: center;margin: auto auto 0;width: 100%;max-width: 360px;}
.voi-con-box-bot-img {width: 130px;}
.voi-con-box-bot-img img{display: block;width: 100%;height: auto;}

.voi-con-box-bot-txt {padding-left: 40px;text-align: left;}
.voi-con-box-list-txt-mark{background: url(/asset/images/mid-career/voices/voi-con-box-list-txt-mark-bg.jpg) repeat-x bottom;
background-size: 15px 15px;}
.voi-con-box-bot-pos {font-size: 18px;}
.voi-con-box-bot-plf {font-size: 16px;}
.voi-con-box-bot-plf dl {display: flex;width: 140px;}
.voi-con-box-bot-plf dl dt {width: 50%;color: #fff;text-align: center;line-height: 32px;font-size: 14px;font-family: "Noto Sans JP", sans-serif;font-weight: 400;}
.voi-con-box-bot-plf dl dd {width: 50%;text-align: center;line-height: 32px;font-size: 14px;font-family: "Noto Sans JP", sans-serif;font-weight: 400;}
.voi-con-box-bot-plf-blu {border:1px solid #0072E3;}
.voi-con-box-bot-plf-blu dt{background: #0072E3;}
.voi-con-box-bot-plf-blu dd{color: #0072E3;}
.voi-con-box-bot-plf-gre {border:1px solid #0B9F12;}
.voi-con-box-bot-plf-gre dt{background: #0B9F12;}
.voi-con-box-bot-plf-gre dd{color: #0B9F12;}

@media screen and (max-width:767px) {
    
    .voi-con-hed-list {justify-content: unset;flex-wrap: wrap;gap: 20px 8px;}
    .voi-con-hed-list li {width: calc(33.33% - 16px / 3);box-sizing: border-box;font-size: 14px;}
    
    .voi-con-hed-tit {font-size: 18px;}
    
    .voi-con {padding: 15% 0 20%;}
    .voi-con-hed {padding: 0 0 10%;}
    
    .voi-con-box-list {display: block;gap:0px;}
    .voi-con-box-list li {width: 100%;min-height: 0;padding: 7% 7% 0;margin-bottom: 7%;}
}

/*  interview  */
.int-con {padding: 80px 0 100px;}
.int-con-inn {max-width: 1200px;margin: auto;box-sizing: border-box;padding: 0 20px;}
.int-con-hed {padding: 0 0 100px;}
.int-con-hed-list {display: flex;justify-content: center;gap:30px;}
.int-con-hed-list li{width: 450px;}
.int-con-hed-list a{display: block;width: 100%;position: relative;}
.int-con-hed-list a span {position: absolute;display: block;text-align: center;top: calc(50% + 10px);left: 0;transform: translateY(-50%);width: 100%;font-family: "Noto Sans JP", sans-serif;font-weight: 700;font-size: 24px;color: #333;}
.int-con-hed-list img{display: block;width: 100%;height: auto;}
.int-con-box-wrap {}
.int-con-box {display: flex;gap:0 60px;padding: 100px 0 100px;}
.int-con-box.int-con-box-rev {flex-direction: row-reverse;}
.int-con-box-sub {width: 22.45%;}
.int-con-box-plf-img {}
.int-con-box-plf-img img{display: block;width: 100%;height: auto;}
.int-con-box-pos {font-size: 18px;text-align: left;margin-top: 15px;}
.int-con-box-plf {font-size: 16px;text-align: left;}
.int-con-box-main {width: calc(77.55% - 60px);}
.int-con-box-main-tit {font-size: 24px;font-weight: 500;font-family:"Noto Serif JP", serif;text-align: left;margin-bottom: 25px;}
.int-con-box-main-img {margin-bottom: 40px;}
.int-con-box-main-img img{display: block;width: 100%;height: auto;}
.int-con-box-main-txt {text-align: left;padding: 0 0 100px;font-size: 15px;line-height: 2;}
@media screen and (max-width:767px) {
.int-con {padding: 15% 0 0;}
.int-con-hed {padding: 0;}
.int-con-hed-list {gap: 10px;}
.int-con-hed-list li {width: calc(50% - 5px);}
.int-con-hed-list a span {top: 50%;text-align: right;width: 78%;font-size: 18px;font-size: 4.5vw;}
.int-con-box {display: block;padding: 20% 0 5%;}
.int-con-box + .int-con-box {padding: 20% 0 25%;}
.int-con-box-sub {width: 100%;display: flex;align-items: center;margin-bottom: 10%;}
.int-con-box-plf-img {width: 25%;}
.int-con-box-sub-txt {width: 75%;box-sizing: border-box;padding-left: 20px;}
.int-con-box-pos {font-size: 15px;margin-top: 0;}
.int-con-box-plf {font-size: 15px;}
.int-con-box-main {width: 100%;}
    
.int-con-box-main-tit {font-size: 17px;margin-bottom: 7%;}
.int-con-box-main-txt {padding: 0 0 15%;font-size: 14px;}
.int-con-box-main-txt.int-con-box-main-txt-last {padding: 0;}
.int-con-box-main-img {margin-bottom: 7%;}



}
/*  choice  */
.cho-con {padding: 80px 0 150px;}
.cho-con-inn {max-width: 1240px;margin: auto;box-sizing: border-box;padding: 0 20px;}

.cho-con-tit {text-align: center;font-family:"Noto Serif JP", serif;font-weight: bold;font-size: 22px;}
.cho-con-dec-area {}
.cho-con-dec-tit {text-align: center;padding: 100px 0 30px;}
.cho-con-dec-tit b {font-family:"Noto Serif JP", serif;font-weight: 500;color: #333;font-size: 35px;display: block;line-height: 1;}
.cho-con-dec-tit small {font-family: "Noto Sans JP", sans-serif;color: #333;font-size: 14px;font-weight: 500;display: block;line-height: 1;margin-top: 10px;}
.cho-con-dec-box {border-radius: 10px;position: relative;padding: 6.6% 4.2% 6.6% 4.2%;display: flex;align-items: flex-start;}
.cho-con-dec-box + .cho-con-dec-box {margin-top: 20px;}
.cho-con-dec-box-tit {writing-mode: vertical-rl;line-height: 1;letter-spacing: 0.1em;font-family: "Noto Sans JP", sans-serif;font-weight: bold;font-size: 28px;}
.cho-con-dec-chart-wrap{width: calc(100% - 80px);margin-left: auto;}
.cho-con-dec-chart {display: flex;gap:0 30px;align-items: center;}
.cho-con-dec-chart + .cho-con-dec-chart {margin-top: 50px;}
.cho-con-dec-chart dt{font-size: 16px;font-weight: bold;text-align: right;line-height: 1.5;font-family: "Noto Sans JP", sans-serif;width: 31%;}
.cho-con-dec-chart dd{width: calc(69% - 30px);}
.cho-con-dec-chart-bg {width: 100%;position: relative;z-index: 0;overflow: hidden;}
.cho-con-dec-chart-num {color: #fff;font-family:"Oswald", sans-serif;font-weight: 700;display: block;font-size: 27px;text-align: right;line-height: 38px;box-sizing: border-box;padding-right: 20px;transform: translateX(-100%);}
.cho-con-dec-chart-num-txt {opacity: 0;}
.cho-con-dec-chart dd.view .cho-con-dec-chart-num {animation-name:cho-con-dec-chart-num-anim;animation-fill-mode:both;animation-duration:0.5s;animation-timing-function:ease-out;}
@keyframes cho-con-dec-chart-num-anim{
from {transform: translateX(-100%);}
to {transform: translateX(0%);}
}
.cho-con-dec-chart dd.view .cho-con-dec-chart-num-txt{animation-name:cho-con-dec-chart-num-txt-anim;animation-fill-mode:both;animation-duration:0.3s;animation-timing-function:ease-out;animation-delay:500ms;}
@keyframes cho-con-dec-chart-num-txt-anim{
from {opacity: 0;}
to {opacity: 1;}
}

.cho-con-dec-chart-num small{color: #fff;font-family:"Oswald", sans-serif;font-weight: 700;font-size: 17px;display: inline-block;}
.cho-con-dec-chart01 .cho-con-dec-chart-num {width: 65.2%;}
.cho-con-dec-chart02 .cho-con-dec-chart-num {width: 60.9%;}
.cho-con-dec-chart03 .cho-con-dec-chart-num {width: 56.5%;}
.cho-con-dec-chart04 .cho-con-dec-chart-num {width: 43.5%;}
.cho-con-dec-chart05 .cho-con-dec-chart-num {width: 43.5%;}
.cho-con-dec-chart06 .cho-con-dec-chart-num {width: 61.3%;}
.cho-con-dec-chart07 .cho-con-dec-chart-num {width: 54.8%;}
.cho-con-dec-chart08 .cho-con-dec-chart-num {width: 45.2%;}
.cho-con-dec-chart09 .cho-con-dec-chart-num {width: 38.7%;}
.cho-con-dec-chart10 .cho-con-dec-chart-num {width: 25.8%;}

.cho-con-dec-box.cho-con-dec-box01 {background: #EFF6FD;}
.cho-con-dec-box01 .cho-con-dec-box-tit {color: #0071E3;}
.cho-con-dec-box01 .cho-con-dec-chart dt {color: #0071E3;}
.cho-con-dec-box01 .cho-con-dec-chart-bg {background: rgba(0,114,227,0.1);}
.cho-con-dec-box01 .cho-con-dec-chart-num {background: #0072E3;}
.cho-con-dec-box.cho-con-dec-box02 {background: #EDFDF4;} 
.cho-con-dec-box02 .cho-con-dec-box-tit {color: #0B9F12;}
.cho-con-dec-box02 .cho-con-dec-chart dt {color: #0B9F12;}
.cho-con-dec-box02 .cho-con-dec-chart-bg {background: rgba(11,159,18,0.1);}
.cho-con-dec-box02 .cho-con-dec-chart-num {background: #0B9F12;}

.cho-con-cha-area {}
.cho-con-cha-tit {text-align: center;padding: 100px 0 40px;}
.cho-con-cha-tit b {font-family:"Noto Serif JP", serif;font-weight: 500;color: #333;font-size: 35px;display: block;line-height: 1;}
.cho-con-cha-tit small {font-family: "Noto Sans JP", sans-serif;color: #333;font-size: 20px;font-weight: 500;display: block;line-height: 1;margin-bottom: 20px;}
.cho-con-cha-box {border-radius: 10px;position: relative;padding: 6.6% 8.4% 6.6% 5%;display: flex;align-items: flex-start;}
.cho-con-cha-box + .cho-con-cha-box {margin-top: 20px;}
.cho-con-cha-box-tit {writing-mode: vertical-rl;line-height: 1;letter-spacing: 0.1em;font-family: "Noto Sans JP", sans-serif;font-weight: bold;font-size: 28px;}
.cho-con-cha-chart {display: flex;margin-left: 50px;max-width: 900px;width: calc(100% - 80px);margin-left: auto;position: relative;z-index: 0;overflow: hidden;}
.cho-con-cha-chart dt{padding: 30px 20px;box-sizing: border-box;transform: translateX(-100%);}
.cho-con-cha-chart dt small{color: #fff;font-family: "Noto Sans JP", sans-serif;font-size: 20px;display: block;text-align: center;font-weight: bold;line-height: 1;margin-bottom: 20px;}
.cho-con-cha-chart dt b{color: #fff;display: block;text-align: center;font-family:"Oswald", sans-serif;font-weight: bold;font-size: 55px;line-height: 1;}
.cho-con-cha-chart dt b span{color: #fff;display: inline-block;font-family:"Oswald", sans-serif;font-weight: bold;font-size: 40px;}

.cho-con-cha-chart01 dt {width: 60.9%;}
.cho-con-cha-chart02 dt {width: 61.2%;}

.cho-con-cha-box01.cho-con-cha-box {background: #EFF6FD;}
.cho-con-cha-box01 .cho-con-cha-box-tit {color: #0072E3;}
.cho-con-cha-box01 .cho-con-cha-chart {background: rgba(0,114,227,0.1);}
.cho-con-cha-box01 .cho-con-cha-chart dt {background: #0071E3;}
.cho-con-cha-box02.cho-con-cha-box {background: #EDFDF4;}
.cho-con-cha-box02 .cho-con-cha-box-tit {color: #0B9F12;}
.cho-con-cha-box02 .cho-con-cha-chart {background: rgba(11,159,18,0.1);}
.cho-con-cha-box02 .cho-con-cha-chart dt {background: #0B9F12;}

.cho-con-cha-chart.view dt {animation-name:cho-con-cha-chart-num-anim;animation-fill-mode:both;animation-duration:0.5s;animation-timing-function:ease-out;}
@keyframes cho-con-cha-chart-num-anim{
from {transform: translateX(-100%);}
to {transform: translateX(0%);}
}
.cho-con-cha-chart.view dt .cho-con-cha-chart-num-txt{animation-name:cho-con-cha-chart-num-txt-anim;animation-fill-mode:both;animation-duration:0.3s;animation-timing-function:ease-out;animation-delay:500ms;}
@keyframes cho-con-cha-chart-num-txt-anim{
from {opacity: 0;}
to {opacity: 1;}
}


@media screen and (max-width:767px) {
.cho-con{padding: 10% 0 25%;}
.cho-con-inn {padding:0 10px;}
.cho-con-tit {font-size: 18px;}
.cho-con-dec-tit {padding: 15% 0 7%;}
.cho-con-dec-tit b {font-size: 24px;}
.cho-con-cha-tit {padding: 15% 0 7%;}
.cho-con-cha-tit small{font-size: 16px;margin-bottom: 10px;}
.cho-con-cha-tit b {font-size: 24px;}
.cho-con-dec-box {display: block;padding: 10% 4.2% 6.6% 4.2%;}
.cho-con-dec-box-tit {writing-mode: unset;font-size: 20px;margin-bottom: 10%;text-align: center;}
.cho-con-dec-chart-wrap{width: 100%;margin-left: auto;}
.cho-con-dec-chart {display: block;}
.cho-con-dec-chart + .cho-con-dec-chart {margin-top: 50px;}
.cho-con-dec-chart dt{font-size: 14px;text-align: left;line-height: 1.5;width: 100%;margin-bottom: 3%;}
.cho-con-dec-chart dt br {display: none;}
.cho-con-dec-chart dd{width: 100%;}
.cho-con-dec-chart + .cho-con-dec-chart {margin-top: 10%;}

.cho-con-dec-chart-num {font-size: 22px;padding-right: 10px;}
.cho-con-dec-chart-num small {font-size: 14px;}
    
.cho-con-cha-box {display: block;padding: 10% 4.2% 6.6% 4.2%;}
.cho-con-cha-box-tit {writing-mode: unset;font-size: 20px;margin-bottom: 10%;text-align: center;}
.cho-con-cha-chart {width: 100%;}
.cho-con-cha-chart dt {padding: 20px 15px;}
.cho-con-cha-chart dt small {font-size: 14px;margin-bottom: 10px;}
.cho-con-cha-chart dt b {font-size: 36px;}
.cho-con-cha-chart dt b span {font-size: 24px;}
    
}