@charset "utf-8";
@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Poppins:wght@200;700&display=swap";
html{box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}
*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}
:after,:before{text-decoration:inherit;vertical-align:inherit}
*{padding:0;margin:0}
audio:not([controls]){display:none;height:0}
hr{overflow:visible}
article,aside,details,figcaption,figure,picture,footer,header,main,menu,nav,section,summary{display:block}
summary{display:list-item}
small{font-size:80%}
[hidden],template{display:none}
abbr[title]{border-bottom:1px dotted;text-decoration:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
code,kbd,pre,samp{font-family:monospace,monospace}
b,strong{font-weight:bolder}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
input{border-radius:0}
[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}
[disabled]{cursor:default}
[type=number]{width:auto}
[type=search]{-webkit-appearance:textfield}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{overflow:auto;resize:vertical}
button,input,optgroup,select,textarea{font:inherit}
optgroup{font-weight:700}
button{overflow:visible}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
button,select{text-transform:none}
button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}
select{-moz-appearance:none;-webkit-appearance:none}
select::-ms-expand{display:none}
select::-ms-value{color:currentColor}
legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
img{width:auto;max-width:100%;height:auto;border-style:none;vertical-align:middle}
i{vertical-align:middle}
progress{vertical-align:baseline}
svg:not(:root){overflow:hidden}
audio,canvas,progress,video{display:inline-block}
@media screen {
[hidden~=screen]{display:inherit}
[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}
}
[aria-busy=true]{cursor:progress}
[aria-controls]{cursor:pointer}
[aria-disabled]{cursor:default}
::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}
::selection{background-color:#b3d4fc;color:#000;text-shadow:none}
ul,ol{list-style:none}
i{font-style:normal}
a{color:#000;text-decoration:none}
@media screen and (min-width: 768px) {
a{transition:opacity .2s ease-out,background .2s ease-out}
a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity:.6}
}
:focus{outline:none}
html{font-size:62.5%}
body{-webkit-text-size-adjust:100%;touch-action:manipulation;background:#FEFCF4;font-family:'Noto Sans JP',YuGothic,"Yu Gothic medium","Hiragino Sans",Meiryo,"sans-serif";font-size:1.4rem;line-height:1.4;font-feature-settings:"palt";color:#000}
#container{position:relative;width:100%;overflow:hidden}
i,time,.faq dt::before,.faq dd::before{font-family:'Poppins',sans-serif;line-height:1}
#loading{z-index:100000;position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;background:#FFF url(img/common/loading.svg) center center no-repeat}
#header{position:absolute;top:0;left:0;display:flex;justify-content:space-between;width:100%;padding:24px 40px;z-index:1000}
#logo{display:flex}
#logo img{height:80px}
#logo a{pointer-events:auto}
#logo span{margin-left:12px}
#nav{position:fixed;top:0;left:100%;display:block;width:100%;height:100vh;padding:30px 7.2vw;background:#FFF;opacity:0;overflow:auto;z-index:50;transition:.4s ease-in-out}
#nav > ul > li{position:relative;padding:16px 0;border-bottom:1px solid #D4D4D4}
#nav > ul > li > a{display:block;font-weight:700}
.plus{display:none;position:absolute;top:4px;right:-4px;width:40px;height:40px}
.plus::before,.plus::after{content:'';position:absolute;top:20px;left:14px;width:12px;height:3px;background:#222;transition:.2s ease-out}
.plus::after{transform:rotate(90deg)}
.taglabel{position: relative;width: 40%;left: 50%;top: -50%;height: 3.4rem;margin-left: 30px;margin-bottom: -5px;margin-top: -28px;padding: 0.8rem 1rem 1rem 2rem;color: #fff;background: #fa4141;}
.taglabel:before{position: absolute;top: 0;left: -15px;content: '';border-width: 1.7rem 1.5rem 1.7rem 0;border-style: solid;border-color: transparent #fa4141 transparent transparent;}
.taglabel:after{position: absolute;top: calc(50% - 7px);left: -3px;width: 14px;height: 14px;content: '';border-radius: 50%;background: #fff;}
.navbox{width:100%}
.navbox ul{width:100%;margin:16px 0 -16px}
.navbox li{padding:16px 0 16px 16px;border-top:1px solid #D4D4D4}
.navbox li a{display:block;padding-left:24px;background:url(img/common/arr.svg) left center no-repeat;background-size:12px auto;font-size:1.4rem;font-weight:500}
.navbox li a span{display:block;margin-top:6px;font-size:1.3rem;letter-spacing:0;white-space:nowrap}
#open{position:fixed;top:40px;right:40px;display:flex;flex-direction:column;justify-content:center;width:40px;text-align:center;cursor:pointer;font-size:1.4rem;font-weight:700;z-index:1000}
#open div{position:relative;display:block;width:34px;height:24px;margin:0 auto 8px}
#open span{position:absolute;left:0;display:block;width:34px;height:3px;transition:.2s ease-in-out}
#open span:nth-child(1){top:0;background:#FEE22E}
#open span:nth-child(2){top:9px;background:#1AA56C}
#open span:nth-child(3){top:18px;background:#7A67E3}
.nav-open #open span:nth-child(1){top:9px;transform:rotate(-45deg)}
.nav-open #open span:nth-child(2){width:0}
.nav-open #open span:nth-child(3){top:9px;transform:rotate(45deg)}
.nav-open #nav{pointer-events:auto;left:0;opacity:1}
#nav .navbox-open .plus::before{transform:rotate(90deg);opacity:0}
#nav .navbox-open .plus::after{transform:rotate(180deg)}
#tel{position:fixed;top:112px;right:40px;z-index:1000;pointer-events:auto}
#tel i{display:block;margin-top:8px;text-align:center;font-size:1.4rem;font-weight:700}
#head-instagram { position: fixed; top: 200px; z-index: 1000; right: 30px; text-align: center; }
#head-instagram i{display:block;margin-top:8px;text-align:center;font-size:1rem;font-weight:700}

body.home #logo{flex-direction:column;width:32%;margin:16px 32px;pointer-events:none}
body.home #logo img{height:auto;max-height:initial}
body.home #logo a{pointer-events:none}
body.home #logo span{width:68%;margin:30px 0 0}
@media screen and (min-width: 1025px) {
#nav > ul{display:flex;flex-wrap:wrap;margin:24px}
#nav > ul > li{width:calc(100% / 3 - 48px);margin:8px 24px}
}
#footer{position:relative;border-top:1px solid #CBCBCB}
#floating{position:fixed;bottom:0;right:70px;z-index:500}
#floating ul{display:flex}
#floating li a{display:block;width:196px;padding:16px 24px;background:#FE7653 url(img/common/arr_white.svg) right 16px center no-repeat;font-weight:700;color:#FFF}
#floating li:last-child a{background-color:#16A166}
#pagetop{position:absolute;right:12px;top:-48px}
#pagetop a{display:block;transform:rotate(90deg);border-bottom:3px solid #222;font-size:1.8rem;font-weight:700}
#info{display:flex;flex-wrap:wrap;align-items:center;max-width:calc(1500px + 8vw);margin:0 auto;padding:40px 4vw;z-index: 2;}
#info p{width:100%;margin-bottom:32px}
#info dl{display:inline-block;margin-right:40px;vertical-align:middle;font-size:1.2rem;white-space:nowrap}
#info dt{margin-bottom:8px;font-size:1.3rem;font-weight:700}
#info ul{flex:1}
#info li{display:inline-block;padding:8px 16px;font-size:1.3rem}
#copy{position:relative;display:flex;justify-content:space-between;align-items:flex-end;padding:72px;background:url(/img/common/footer_rrvzgf.jpg) center no-repeat;background-size:cover;z-index: 2;}
#copy #flogo{max-width:422px}
#copy #flogo span{display:block;width:68%;margin-top:16px}
address{font-weight:700;font-style:normal;color:#FFF}
article{position:relative;padding:96px 20px}
article header{position:relative;max-width:1200px;margin:0 auto;padding-bottom:4.8vh;text-align:center}
article header h1,article header h2{font-size:4.2rem;font-weight:700}
article header i{display:inline-block;margin:0 auto 32px;padding-bottom:8px;border-bottom:3px solid #222;font-size:1.4rem;font-weight:700}
article header p{margin-top:32px;font-size:1.8rem;line-height:1.8}
section{position:relative;max-width:1200px;margin:0 auto}
section + section{margin-top:96px}
section h3{margin-bottom:32px;font-size:2.6rem}
section h4{margin-bottom:24px;font-size:2.4rem}
section h5{margin-bottom:16px;font-size:2rem}
section p,section dd,section table{line-height:1.8;word-break:break-all}
section p:not(:last-child){margin-bottom:24px}
figure{position:relative}
figure + p{margin-top:10px}
figcaption{display:block;margin-top:4px;font-size:1.1rem}
picture{position:relative}
.full-img{width:100%}
.full{max-width:initial;padding:48px 0 96px}
.narrow{max-width:800px!important;margin-left:auto;margin-right:auto}
.wide{max-width:1500px!important;margin-left:auto;margin-right:auto;z-index: 2;}
.center{text-align:center}
.right{text-align:right}
.fs12{font-size:1.2rem}
.fs16{font-size:1.6rem}
.fs18{font-size:1.8rem}
.fs20{font-size:2rem}
.fs22{font-size:2.2rem}
.fs26{font-size:2.6rem!important}
.fs30{font-size:3rem!important}
.fs40{font-size:4rem!important}
.regular{font-weight:400!important}
.medium{font-weight:500!important}
.bold{font-weight:700!important}
.color-orange{color:#FE714E!important}
.color-vermilion{color:#FD473A!important}
.color-pink{color:#FE3663!important}
.color-green{color:#035F38!important}
.color-lightgreen{color:#4FC191!important}
.color-blue{color:#3746BA!important}
.color-lightblue{color:#72BAF0!important}
.color-purple{color:#A87EE2!important}
.sp{display:none}
.fit{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;font-family:'object-fit: cover; object-position: center;'}
.fadeInUp{animation-name:fadeInUp}
@keyframes fadeInUp {
from{opacity:0;transform:translate3d(0,40px,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
.animated{opacity:0;animation-duration:.7s;animation-delay:.2s;animation-fill-mode:both}
#toploading{z-index:100000;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;margin:auto;background:#FFF;pointer-events:none;transition:.6s cubic-bezier(.215,.61,.355,1)}
#toploading::after{content:'';position:absolute;bottom:24px;right:24px;width:38px;height:38px;background:url(img/common/loading.svg) center no-repeat;z-index:1;transition:.6s cubic-bezier(.215,.61,.355,1)}
#toploading .logo{opacity:0;position:relative;transform:scale(1.1);width:50%;text-align:center;transition:.6s cubic-bezier(.215,.61,.355,1);z-index:1}
#toploading .logo span{display:block;transform:scale(1);text-align:center;transition:.6s cubic-bezier(.215,.61,.355,1)}
#toploading .copy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
#toploading .copy span{display:block;transform:scale(1);font-size:3vw;font-weight:500;letter-spacing:.1em;white-space:nowrap;transition:.6s cubic-bezier(.215,.61,.355,1)}
#toploading .copy::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#FFF;transition:.6s cubic-bezier(.215,.61,.355,1)}
body.start #toploading{opacity:0;transition-delay:3.6s}
body.start #toploading::after{opacity:0}
body.start #toploading .logo{opacity:1;transform:scale(1)}
body.start #toploading .logo span{opacity:0;transform:scale(0.5);transition-delay:1s}
body.start #toploading .copy::after{left:100%;transition-delay:1.6s}
body.start #toploading .copy span{opacity:0;transform:scale(0.5);transition-delay:3s}
#mv{position:relative;width:100%;height:100vh;padding:0;overflow:hidden}
#mvbg{position:absolute;top:50%;left:50%;transform:translate(-50%,-32%);width:138%}
#mvbg img{position:relative;width:100%;max-width:initial;transform:rotate(0deg);transition:transform 1s}
#mainslide .swiper-slide{height:100vh}
#mainslide .person{position:absolute;bottom:0;left:50%;transform:translate(-50%,40px);width:24%;max-width:400px;min-width:240px;z-index:10;opacity:0;transition:.6s cubic-bezier(.215,.61,.355,1)}
#mainslide .mainlink{opacity:0;position:absolute;bottom:10%;left:80%;z-index:10;transition:1s cubic-bezier(.215,.61,.355,1) 2s}
#mainslide .mainlink a,#mainslide .prev a,#mainslide .next a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:109px;height:109px;text-align:center;background:#FFF;border:solid 5px #A87EE2;border-radius:50%;font-size:1.4rem;font-weight:700;color:#A87EE2}
#mainslide .mainlink a{width:180px;height:180px;font-size:2.8rem}
#mainslide .mainlink a img{width:40px;margin-bottom:8px}
#mainslide .prev,#mainslide .next{opacity:0;position:absolute;top:calc(50% - 54px);z-index:100;transition:.6s cubic-bezier(.215,.61,.355,1)}
#mainslide .prev img,#mainslide .next img{margin-bottom:8px}
#mainslide .prev{left:14%}
#mainslide .prev img{transform:scaleX(-1)}
#mainslide .next{right:14%}
#mainslide a.circle_blue{border-color:#3746BA!important;color:#3746BA!important}
#mainslide a.circle_green{border-color:#15A067!important;color:#15A067!important}
#mainslide .icon{position:absolute;display:block;pointer-events:none}
.slide-language .mainlink a{font-size:3.3rem}
.slide-language .mainlink .icon{bottom:80%;left:50%;transform:translateX(-50%);width:75px}
.slide-language .prev .icon{top:60%;right:70%;transform:scaleX(-1);width:75px}
.slide-language .next .icon{bottom:90%;right:-20%;transform:scaleX(-1);width:100px}
.slide-volunteer .mainlink .icon{bottom:80%;left:10%;transform:scaleX(-1);width:120px}
.slide-volunteer .prev .icon{top:60%;right:70%;transform:scaleX(-1);width:60px}
.slide-volunteer .next .icon{bottom:70%;right:-10%;width:75px}
.slide-internship .mainlink .icon{bottom:80%;left:50%;transform:translateX(-50%);width:100px}
.slide-internship .prev .icon{top:60%;right:70%;transform:scaleX(-1);width:120px}
.slide-internship .next .icon{bottom:70%;right:30%;width:60px}
#mainslide .swiper-slide-active .person,#mainslide .swiper-slide-duplicate-active .person{transform:translate(-50%,0);opacity:1;transition-delay:.8s}
#mainslide .swiper-slide-active .mainlink,#mainslide .swiper-slide-active .prev,#mainslide .swiper-slide-active .next,#mainslide .swiper-slide-duplicate-active .mainlink,#mainslide .swiper-slide-duplicate-active .prev,#mainslide .swiper-slide-duplicate-active .next{opacity:1;transition-delay:1.4s}
#mvnav{position:absolute;top:24px;right:120px;z-index:1100}
#mvnav.nav-open{z-index:10}
#mvnav li{margin-bottom:16px}
#mvnav li a{display:inline-block;padding:2px 6px;background:#FFF;font-size:2.6rem;font-weight:500;letter-spacing:.1em;line-height:1}
#scroll{position:absolute;right:0;bottom:32px;z-index:10}
#scroll i{display:block;transform:rotate(90deg) translate(-50%,0);font-size:1rem;font-weight:700}
#scroll span{position:relative;display:flex;justify-content:center}
#scroll span::after{opacity:0;content:'';position:relative;display:block;width:13px;height:18px;background:url(img/top/scroll.svg) center no-repeat;animation:scroll 2s 1s infinite cubic-bezier(0.67,0.15,0.35,0.72)}
@keyframes scroll {
0%{opacity:0;transform:translateY(-10px)}
60%{opacity:1;transform:translateY(10px)}
90%{opacity:1;transform:translateY(10px)}
100%{opacity:0;transform:translateY(10px)}
}
#campaign{position:absolute;bottom:16px;left:4vw;width:340px;padding:10px;background:#FFF;z-index:1}
#campaign i{position:absolute;bottom:100%;left:0;display:block;font-size:3.1rem;font-weight:700;color:#FFF}
.swiper-pagination{position:relative;bottom:0}
.swiper-pagination-bullet{width:4px;height:4px;margin:16px 4px 0!important}
.swiper-pagination-bullet-active{background:#222}
#menu{position:fixed;top:48px;left:32px;display:none;z-index:500}
#menu.on{display:block}
#menu li{margin-bottom:16px}
#menu li a{display:block;font-size:1.1rem;font-weight:700;opacity:.25}
#menu li a i{display:inline-block;margin-right:12px;padding:0 2px 4px;border-bottom:3px solid #222}
#menu li.active a{opacity:1}
.section{padding:0;border-top:1px solid #CBCBCB}
#footer.section{border-top:none}
.char{position:absolute;bottom:4vh;left:70px;font-size:19.4rem;font-weight:700;color:rgba(31,31,31,.04);white-space:nowrap;pointer-events:none;z-index:-1}
.char.right{left:auto;right:70px}
.deco{position:absolute;pointer-events:none;z-index:-1}
.deco img{max-width:initial}
.deco.right-bottom{bottom:-24px;right:-24px;z-index:1}
.deco.right-top{bottom:calc(100% - 48px);right:-24px;z-index:1}
.deco.left-bottom{bottom:-24px;left:-24px;z-index:1}
.deco.left-top{top:-24px;left:-24px;z-index:1}
#about{background:url(/img/top/bg1_z2jsag.png) right bottom no-repeat;background-size:28%}
#about .deco01{top:10%;right:20%}
#about .deco02{bottom:20%;left:20%}
#support{background:url(/img/top/bg2_ypovwm.png) left bottom no-repeat;background-size:28%}
#support .deco01{top:10%;left:20%;width:120px}
#support .deco02{bottom:20%;left:calc(50% + 440px)}
#style .deco01{top:10%;left:calc(50% + 440px)}
#style .deco02{bottom:4%;left:2%}
.tab li{display:block;padding:8px 24px;text-align:center;background:url(img/common/tab.svg) right 16px center no-repeat;border-bottom:1px solid #C7C6C0;font-size:2rem;font-weight:700;color:#C7C6C0;cursor:pointer}
.tab li.on{background-image:url(img/common/tab_on.svg);border-bottom:2px solid #43B183;color:#43B183}
.tab.lightblue li.on{background-image:url(img/common/tab_on_lightblue.svg);border-bottom-color:#72BAF0;color:#72BAF0}
.tab.vermilion li.on{background-image:none;border-bottom-color:#FD473A;color:#FD473A}
.tab.blue li.on{background-image:url(img/common/tab_on_blue.svg);border-bottom-color:#3746BA;color:#3746BA}
.tabcontent:not(:first-of-type){display:none}
.style{display:flex;flex-wrap:wrap}
.style img{filter:opacity(80%)}
.style li{position:relative;width:calc(100% / 3);background-color:#000}
.style li div{position:absolute;bottom:20px;left:20px;color:#fff}
.style li div span{display:block;font-size:1.6vw;font-weight:700}
.stylelabel {padding: 0.8rem;background: #FE714E;color: white;font-size: 1.4vw;position: absolute;bottom: 20px;left:65%;width: 35%;height: auto;}
.stylelabel::before{position: absolute;content:'';top:100%;left:0;border:none; border-bottom: solid 15px transparent;border-right: solid 20px rgb(149, 158, 155);}
.swiper-slide figure img{width:100%}
.swiper-slide .text{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 16px);height:calc(100% - 16px);padding:8px;text-align:center;z-index:1;font-size:1.0vw;}
.swiper-slide .text h4{margin-bottom:4px;font-size:1.6vw}
#country .swiper-slide a{display:block;color:#FFF}
#sns{padding:48px 0}
#sns h3{margin:48px 0 16px;font-size:1.6rem}
#sns .swiper-container{margin-right:calc(50% - 50vw)}
#youtube figure{padding-top:calc(200 / 280 * 100%);background:#D3D3D3}
#instagram figure{padding-top:100%;background:#D3D3D3}
#country{width:calc(100% + 40px);margin:0 -20px}
#title{position:relative;height:100vh}
#title figure{height:100%}
#title h1{position:absolute;top:50%;left:10%;font-size:5.2rem;font-weight:700;color:#FFF}
.ul + *,.ol + *{margin-top:32px}
.ul > li{position:relative;padding:4px 0 4px 12px}
.ul > li::before{content:'';position:absolute;top:calc(0.5em + 5px);left:0;width:4px;height:4px;background:#000;border-radius:50%}
.ol{list-style:none;counter-reset:section;margin-bottom:32px}
.ol > li{position:relative;padding:4px 0 4px 16px;line-height:1.8}
.ol > li:before{content:counter(section) '. ';counter-increment:section;position:absolute;top:8px;left:0}
.table{width:calc(100% + 40px);border-collapse:separate;border-spacing:20px;margin:0 -20px}
.table th,.table td{padding:16px}
.table th{padding-right:24px;text-align:left;vertical-align:top;white-space:nowrap;border-bottom:2px solid #222}
.table td{padding-right:24px;border-bottom:2px solid #D1D1D1}
.table dt{clear:left;float:left;font-weight:700}
.table dd{padding-left:120px}
.table dd:not(:last-of-type){margin-bottom:24px}
.row{position:relative;display:flex;flex-wrap:wrap;margin:-24px}
.row + *{margin-top:24px}
.row > *{position:relative;flex:1;margin:24px}
.reverse{flex-direction:row-reverse}
.jc-center{justify-content:center}
.jc-center > *{flex:none}
.as-center{align-self:center}
.w32{flex:none;width:calc(32% - 48px)}
.w42{flex:none;width:calc(42% - 48px)}
.w50{flex:none;width:calc(50% - 48px)}
.w58{flex:none;width:calc(58% - 48px)}
.w68{flex:none;width:calc(68% - 48px)}
.btn + .btn{margin-top:16px}
.btn a{display:inline-block;width:100%;max-width:340px;margin:0 auto;padding:8px 48px 8px 24px;background:url(img/common/arr.svg) right 20px center no-repeat;font-weight:700;border:2px solid #222;border-radius:40px}
.btn a.lightblue{background-image:url(img/common/arr_lightblue.svg);border-color:#72BAF0;color:#72BAF0}
.btn a.blue{background-image:url(img/common/arr_blue.svg);border-color:#3746BA;color:#3746BA}
.btn a.vermilion{background-image:url(img/common/arr_vermilion.svg);border-color:#FD473A;color:#FD473A}
.btn a.pink{background-image:url(img/common/arr_pink.svg);border-color:#FE3663;color:#FE3663}
.btn a.green{background-image:url(img/common/arr_green.svg);border-color:#4FC191;color:#4FC191}
.btn a.purple{background-image:url(img/common/arr_purple.svg);border-color:#A87EE2;color:#A87EE2}
.btn a.orange{background-image:url(img/common/arr_orange.svg);border-color:#FE714E;color:#FE714E}
.btn a.min{max-width:240px;background-size:20px auto}
.more{margin-top:40px;text-align:center}
.more a{display:block;max-width:378px;margin:0 auto;padding:24px;background:url(img/common/arr.svg) right center no-repeat;border-bottom:3px solid #222;font-size:1.8rem;font-weight:700;letter-spacing:.1em}
.marker{background:linear-gradient(transparent 88%,#FFF28E 88%)}
.check{flex:none}
.check li{padding:0 0 24px 24px;background:url(img/common/checked.svg) left 4px no-repeat;font-size:1.8rem}
.box{position:relative;padding:48px;border:2px solid #ECEAE3}
.whitebox{margin:30px 0;padding:32px;background:#FFF}
.heading{padding:240px 0}
.heading .char{left:0;width:100%;text-align:center}
.underline{text-decoration:underline}
.row header{text-align:left;padding-bottom:0}
.row header i{margin-bottom:16px}
.row header h3{font-size:2.2rem}
.history th,.history td{padding:0 32px 24px}
.history th{padding-right:32px;text-align:right;vertical-align:top;font-weight:700;white-space:nowrap}
.history th i{display:inline-block;vertical-align:baseline;font-size:2rem}
.history th[scope="row"]{background:url(img/company/line.svg) 50% top repeat-y}
.history th[scope="row"] span{display:block;padding:4px 0;background:#FEFCF4}
.history th[scope="row"] i{font-size:2.4rem}
.about-deco01{top:10%;left:calc(50% - 600px);width:120px}
.about-deco02{bottom:10%;right:calc(50% - 600px)}
.about-deco03{top:10%;left:calc(50% - 560px)}
.serviceanchor{display:flex;flex-wrap:wrap;margin:-24px}
.serviceanchor li{position:relative;display:flex;width:calc(25% - 48px);margin:24px;padding-top:calc(25% - 48px);border:3px solid #222}
.serviceanchor li a{position:absolute;top:0;left:0;display:flex;width:100%;height:100%}
.serviceanchor li .title{position:relative;height:136px;white-space:nowrap}
.serviceanchor li .title i{font-size:15rem;font-weight:200;opacity:.21}
.serviceanchor li .title span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.6rem;font-weight:700;letter-spacing:.1em}
.serviceanchor li .deco{z-index:1}
.serviceanchor .service01 .deco{top:40%;left:48%}
.serviceanchor .service01 .deco img{width:140px}
.serviceanchor .service02 .deco{top:-8%;left:-16%}
.serviceanchor .service03 .deco{top:36%;left:-16%}
.serviceanchor .service03 .deco img{width:90px}
.serviceanchor .service04 .deco{top:50%;left:56%}
.serviceanchor .service04 .deco img{width:100px}
.serviceanchor .service05 .deco{top:50%;left:4%}
.serviceanchor .service05 .deco img{width:200px}
.serviceanchor .service06 .deco{top:-8%;left:-8%}
.serviceanchor .service06 .deco img{width:160px}
.serviceanchor .service07 .deco{top:-28%;left:-24%}
.serviceanchor .service08 .deco{top:58%;left:24%}
.serviceanchor .service08 .deco img{width:160px}
.serviceanchor .service09 .deco{top:-16%;left:-16%}
.serviceanchor .service09 .deco img{width:100px}
.serviceanchor .service10 .deco{top:40%;left:48%}
.serviceanchor .service10 .deco img{width:120px}
.serviceanchor .service11 .deco{top:-8%;left:40%}
.serviceanchor .service11 .deco img{width:140px}
.serviceanchor .service12 .deco{top:54%;left:32%}
.serviceanchor .service12 .deco img{width:160px}
.service01,.service01 .box,.service01 .point dd{border-color:#6EBE94!important}
.service01 .title,.service01 .point dt,.service01 h4{color:#6EBE94}
.service01 .morebox::before,.service01 .ul > li::before{background-color:#6EBE94}
.service02,.service02 .box,.service02 .point dd{border-color:#EE7958!important}
.service02 .title,.service02 .point dt,.service02 h4{color:#EE7958}
.service02 .morebox::before{background-color:#EE7958}
.service02 a{justify-content:flex-end;align-items:flex-end}
.service03,.service03 .box,.service03 .point dd{border-color:#80B9EB!important}
.service03 .title,.service03 .point dt,.service03 h4,.service03 h5{color:#80B9EB}
.service03 .morebox::before{background-color:#80B9EB}
.service03 a{justify-content:flex-end}
.service04,.service04 .box,.service04 .point dd{border-color:#A083DC!important}
.service04 .title,.service04 .point dt,.service04 h4{color:#A083DC}
.service04 .morebox::before{background-color:#A083DC}
.service05,.service05 .box,.service05 .point dd{border-color:#EB4B66!important}
.service05 .title,.service05 .point dt,.service05 h4{color:#EB4B66}
.service05 .morebox::before{background-color:#EB4B66}
.service05 a{justify-content:center}
.service06,.service06 .box,.service06 .point dd{border-color:#354AB3!important}
.service06 .title,.service06 .point dt,.service06 h4{color:#354AB3}
.service06 .morebox::before{background-color:#354AB3}
.service06 a{justify-content:flex-end;align-items:flex-end}
.service07,.service07 .box,.service07 .point dd{border-color:#EFD714!important}
.service07 .title,.service07 .point dt,.service07 h4{color:#EFD714}
.service07 .morebox::before{background-color:#EFD714}
.service07 a{justify-content:flex-end;align-items:flex-end}
.service08,.service08 .box,.service08 .point dd{border-color:#81BF39!important}
.service08 .title,.service08 .point dt,.service08 h4{color:#81BF39}
.service08 .morebox::before{background-color:#81BF39}
.service09,.service09 .box,.service09 .point dd{border-color:#A87EE2!important}
.service09 .title,.service09 .point dt,.service09 h4{color:#A87EE2}
.service09 .morebox::before{background-color:#A87EE2}
.service09 a{justify-content:center;align-items:flex-end}
.service10,.service10 .box,.service10 .point dd{border-color:#72BAF0!important}
.service10 .title,.service10 .point dt,.service10 h4{color:#72BAF0}
.service10 .morebox::before{background-color:#72BAF0}
.service11,.service11 .box,.service11 .point dd{border-color:#FE3663!important}
.service11 .title,.service11 .point dt,.service11 h4{color:#FE3663}
.service11 .morebox::before{background-color:#FE3663}
.service11 a{justify-content:center;align-items:flex-end}
.service12,.service12 .box,.service12 .point dd{border-color:#3746BA!important}
.service12 .title,.service12 .point dt,.service12 h4{color:#3746BA}
.service12 .morebox::before{background-color:#3746BA}
.service{position:relative;margin-top:120px}
.service .deco{top:-24px;z-index:1}
.service.service01 .deco{left:70%}
.service.service02 .deco{left:10%}
.service.service03 .deco{left:20%}
.service.service04 .deco{left:80%}
.service.service05 .deco{left:10%}
.service.service06 .deco{left:70%}
.service.service07 .deco{left:-8%}
.service.service08 .deco{left:10%}
.service.service09 .deco{left:70%}
.service.service10 .deco{left:20%}
.service.service11 .deco{left:70%}
.service.service12 .deco{left:10%}
.service .title{width:100%;text-align:center}
.service .title i{font-size:4rem;font-weight:200}
.service .title span{display:block}
.service figure + h5{margin-top:16px}
.service .btn{clear:both;padding:16px 0 0 100px}
.point dt{float:left;font-size:2.6rem;font-weight:700}
.point dd{clear:right;float:right;width:calc(100% - 100px);padding:8px 0;border-bottom:1px solid #222;font-size:1.8rem}
.morebtn{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);cursor:pointer}
.morebox{display:none;position:relative;margin:40px 0 -48px;padding:40px 0}
.morebox::before{content:'';position:absolute;top:0;left:-48px;width:calc(100% + 96px);height:100%;background:#CCC;z-index:-1;opacity:.04}
.step > li{position:relative;display:flex;align-items:center;min-height:234px;margin-left:84px;padding:32px 96px;border:2px solid #ECEAE3;font-size:1.6rem}
.step > li:not(:first-child){margin-top:104px}
.step > li:not(:first-child)::before{content:'';position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:25px;height:42px;background:url(img/about/arr1.svg) center no-repeat}
.step > li:nth-child(3)::before{background-image:url(img/about/arr2.svg)}
.step > li:nth-child(4)::before{background-image:url(img/about/arr3.svg)}
.step > li:nth-child(4){border-color:#FE3663}
.step > li strong{font-size:1.8rem}
.step h3{position:absolute;top:50%;left:-84px;transform:translateY(-50%);margin:0}
.step ul li{padding:6px 0}
.step ul li strong span{color:#D1D1D1}
.step .deco{position:absolute;bottom:-24px;right:-24px;z-index:1}
#news figure{padding-top:calc(180 / 360 * 100%);background:#D3D3D3}
#news .meta{display:flex;flex-wrap:wrap;justify-content:space-between;margin:8px 0}
.cat span{display:inline-block;padding:1px 4px;border:1px solid #FE714E;font-size:1rem;color:#FE714E}
#news .meta time{font-size:1.2rem;font-weight:200;color:#FE714E}
#news h4{font-size:1.6rem;font-weight:500}
.swiper-button-prev,.swiper-button-next{width:29px;height:20px}
.swiper-button-next:after,.swiper-button-prev:after{width:29px;height:20px;background:url(img/common/next.svg) center no-repeat;text-indent:-9999px;overflow:hidden;cursor:pointer}
.swiper-button-prev{left:-30px}
.swiper-button-next{right:-30px}
.swiper-button-prev:after{transform:scaleX(-1)}
#service{max-width:initial}
#service .swiper-slide{height:auto;border:2px solid #000}
#service .swiper-slide h4{margin:24px 16px;text-align:center;font-size:2.2rem}
#service .swiper-slide h4 + p{margin:0 16px 24px;text-align:center}
#service .swiper-slide ul{display:flex;flex-wrap:wrap;justify-content:center;margin:0 16px 16px;text-align:center}
#service .swiper-slide li{width:calc(50% - 24px);margin:8px}
#service .swiper-slide li p{font-weight:700}
#service .swiper-slide figure{margin:0 16px;text-align:center}
#service .service01 li{padding:4px;text-align:center;background:#4FC191;color:#FFF}
#service .service02 li{color:#FE714E}
#service .service03 li{color:#72BAF0}
#service .service05 li{width:calc(100% - 16px);display:flex;align-items:center;color:#FE3663}
#service .service05 li > *,#service .service11 li > *{flex:1}
#service .service11 li{width:calc(100% - 16px);display:flex;align-items:center}
#service .service11 li h5{font-size:1.6rem;color:#FE3663}
#service .service11 li p{text-align-last:left;font-weight:400}
#service .swiper-button-next:after,#service .swiper-button-prev:after{background-image:url(img/common/arr.svg);background-size:29px auto}
#service .swiper-button-prev{left:10%}
#service .swiper-button-next{right:10%}
.canada-deco01{bottom:10%;left:calc(50% - 600px)}
.countryname{position:relative;padding:40px 0 56px}
.countryname .char{top:40px;left:0;font-size:10rem}
.countryname .deco{bottom:48px}
.countryinfo > :not(:first-child){margin-left:24px;padding-left:24px;border-left:2px solid #F2F2F2}
.countryinfo h4{font-size:2rem}
.countryinfo .btn a{display:block;max-width:initial}
.climate{display:flex;align-items:center}
.climate .circle{display:flex;flex-direction:column;justify-content:center;align-items:center;width:148px;height:148px;margin:0 8px;background:#EEE;border-radius:50%;font-size:2rem;font-weight:700}
.climate .circle span{font-size:2.4rem;letter-spacing:.1em}
.climate.vermilion .circle{background:#FFF8F7}
.climate.vermilion span{color:#FD473A}
.climate dl{margin:8px;white-space:nowrap}
.climate dd{margin:8px 0;padding-bottom:4px;text-align:right;border-bottom:1px solid #EB5645}
.climate dd i{font-size:2rem;font-weight:700}
.infobox .box{margin-bottom:40px}
.infobox h3{padding-left:16px;border-left:4px solid #FD473A;font-size:2rem}
.infobox th{text-align:left;font-weight:400}
.infobox td{text-align:right}
.infobox p,.infobox ul{padding-left:20px;font-size:1.8rem}
.infobox .row > *{flex:none;align-self:flex-start}
.explist li{flex:none;width:calc(50% - 48px)}
.explist li a{display:flex;justify-content:space-between;align-items:flex-start}
.explist li a figure{width:32%;padding-top:32%}
.explist li a > div{width:64%}
.explist li h4{font-size:1.8rem}
.explist li p{font-size:1.4rem}
.explist li time{display:block;text-align:right;font-weight:200;color:#FD473A}
.faq dt,.faq dd{position:relative;padding:32px 32px 32px 88px}
.faq dt{background:url(img/common/plus.svg) right center no-repeat;font-size:2rem;font-weight:700;cursor:pointer}
.faq dt.on{background-image:url(img/common/minus.svg)}
.faq dd{display:none;padding-top:8px}
.faq dt::before,.faq dd::before{position:absolute;top:.5em;left:30px;font-size:2.4rem;font-weight:700}
.faq dt::before{content:'Q';left:0;display:flex;justify-content:center;align-items:center;width:76px;height:76px;background:#222;border-radius:50%;color:#FFF}
.faq dd::before{content:'A'}
.itemlist{justify-content:center}
.itemlist li{flex:none;width:calc(100% / 3 - 48px)}
.itemlist li figcaption{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;margin:0;padding:16px;text-align:center;font-size:3.2rem;font-weight:700;color:#FFF}
.itemlist li figcaption span{font-size:2.4rem}
.itemlist li p{text-align:center}
.challenge .box{padding:20px!important}
.challenge ul{margin:-8px}
.challenge li{flex:none;width:calc(50% - 16px);margin:8px;text-align:center}
.challenge li figure{min-height:84px}
.challenge li p{min-height:75px;background:url(img/style/checked01.svg) center no-repeat}
.challenge .box:nth-child(2) li p{background-image:url(img/style/checked02.svg)}
.challenge .box:nth-child(3) li p{background-image:url(img/style/checked03.svg)}
.worholi{width:calc(100% - 8px);border-collapse:separate;border-spacing:4px 0}
.worholi th,.worholi td{padding:24px;text-align:center}
.worholi th[scope="col"]{font-size:2.4rem;font-weight:700;color:#FFF}
.worholi th[scope="col"]:nth-child(2){background:#3746BA;border:2px solid #3746BA}
.worholi th[scope="col"]:nth-child(3){background:#FE3663;border:2px solid #FE3663}
.worholi th[scope="row"]{background:#FFF;font-size:2.4rem;white-space:nowrap}
.worholi td{width:40%;background-color:#FFF;background-position:center;background-repeat:no-repeat}
.worholi td:nth-child(2){background-image:url(img/style/triangle.svg);border-left:2px solid #3746BA;border-right:2px solid #3746BA;font-size:1.6rem}
.worholi td:nth-child(3){background-image:url(img/style/circle.svg);border-left:2px solid #FE3663;border-right:2px solid #FE3663;font-size:1.8rem;font-weight:700}
.worholi tr:last-of-type td:nth-child(2){border-bottom:2px solid #3746BA}
.worholi tr:last-of-type td:nth-child(3){border-bottom:2px solid #FE3663}
.necessary{display:flex;justify-content:center}
.necessary li{display:flex;flex-direction:column;justify-content:center;align-items:center;width:96px;height:96px;margin:1%;background:#F7F8FC;border-radius:50%;font-size:1.2rem}
.necessary li strong{font-size:1.5rem;font-weight:700;color:#3746BA}
.method > li{display:flex;align-items:center}
.method > li:not(:first-child){margin-top:32px;padding-top:32px;border-top:2px solid #6EBE94}
.method > li h4{font-size:2rem;color:#222}
.method > li .title{width:20%}
.method > li .text{flex:1}
.method > li .text .row{margin:0 -10px}
.method > li .text .row > *{flex:none;width:calc(100% / 3 - 20px);margin:10px}
.method > li li{display:flex;justify-content:center;align-items:center;padding:24px;text-align:center;background:#FFF;border:2px solid #6EBE94}
.service06 .method > li:not(:first-child),.service06 .method > li li{border-color:#6671C7}
.service09 .method > li:not(:first-child),.service09 .method > li li{border-color:#A87EE2}
.price > *{text-align:center;background:#FFF;border:2px solid #D1D1D1}
.price > :nth-child(2){border-color:#FE3663}
.price > :nth-child(2) h3{background:#FE3663;color:#FFF}
.price h3{margin-bottom:0;padding:24px 8px;background:#D1D1D1}
.price p{padding:24px 8px}
.program{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:24px}
.program li{margin:8px;padding:4px 24px;text-align:center;background:#FFF;border:3px solid #222;border-radius:40px;font-weight:700;white-space:nowrap;cursor:pointer}
.program li.on{color:#FFF!important}
.programcontents{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.programcontent:not(:first-child){display:none}
.programcontent .swiper-wrapper{transition-timing-function:linear}
.detailsbtn{position:absolute;bottom: -120px;left:50%;transform:translateX(-50%);z-index:10}
.detailsbtn a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;text-align:center;background:#FFF;border:3px solid #222;border-radius:50%;font-size:1.8rem;font-weight:700}
.detailsbtn a img{width:20px;margin-bottom:4px}
.program li.vermilion,.detailsbtn a.vermilion{border-color:#FE714E;color:#FE714E}
.program li.yellow,.detailsbtn a.yellow{border-color:#EFD714;color:#EFD714}
.program li.purple,.detailsbtn a.purple{border-color:#A87EE2;color:#A87EE2}
.program li.green,.detailsbtn a.green{border-color:#4FC191;color:#4FC191}
.program li.blue,.detailsbtn a.blue{border-color:#3746BA;color:#3746BA}
.program li.black,.detailsbtn a.black{border-color:#000;color:#000}
.program li.vermilion.on{background-color:#FE714E}
.program li.yellow.on{background-color:#EFD714}
.program li.purple.on{background-color:#A87EE2}
.program li.green.on{background-color:#4FC191}
.program li.blue.on{background-color:#3746BA}
.program li.black.on{background-color:#000}
.type{position:relative;display:flex;align-items:center;margin-bottom:40px}
.type .num{width:20%;margin-right:24px}
.type .text{flex:1;padding-right:120px}
.typelist{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.typelist dt{margin:16px 0;padding-left:16px;border-left:4px solid #FE714E;font-size:2rem;font-weight:700}
.typelist dd{width:calc(100% - 112px);margin:16px 0}
.typelist dd:last-of-type{width:100%}
.features h3{display:flex;justify-content:center;align-items:center;min-height:72px}
.features p{margin-top:24px}
@media screen and (max-width: 1024px) {
body{font-size:1.4rem}
#header{padding:24px}
#logo{width:80%}
#logo img{max-height:48px}
#nav{padding-right:80px}
.plus{display:block}
.navbox{display:none}
#open{top:16px;right:16px}
#tel{top:80px;right:16px}
#head-instagram{top:160px;right:10px}
body.home #logo{width:80%;max-width:394px;margin:0}
body.home #logo span{margin:16px 0 0}
#footer{padding:0}
#floating{right:0;width:100%}
#floating li{flex:1}
#floating li a{width:100%;padding:16px;font-size:1.2rem}
#info{display:block;padding:64px 20px;text-align:center;}
#info dl{margin:0 12px 24px}
#info li{display:inline-block;padding:8px 16px;font-size:1.3rem}
#copy{display:block;padding:72px 20px;}
address{display:block;margin-top:24px;text-align:center;font-size:1rem}
article{padding:48px 20px}
article header{padding-bottom:32px}
article header h1,article header h2{font-size:2rem}
section + section{margin-top:40px}
section h3{font-size:2rem}
section h4{font-size:1.6rem}
section h5{font-size:1.6rem}
section p,section dl,section table{line-height:1.8}
.row:not(.sphalf){display:block;margin:0}
.row:not(.sphalf) > *{width:auto!important;margin:0 0 32px}
.row + .row{margin-top:16px}
.sphalf{flex-wrap:wrap;margin:-12px!important}
.sphalf > *{flex:none;width:calc(50% - 24px)!important;margin:12px!important}
.btn a{padding:12px 32px;font-size:1.6rem}
.fs16{font-size:1.4rem}
.fs18{font-size:1.6rem}
.fs20{font-size:1.8rem}
.fs22{font-size:2rem}
.fs26{font-size:1.6rem!important}
.fs30{font-size:2rem!important}
.fs40{font-size:3rem!important}
.sp{display:block}
.pc{display:none}
#toploading .logo{width:80%}
#toploading .copy span{font-size:6.5vw}
#mv{height:auto}
#mvbg{width:320%}
#mainslide .mainlink{left:60%}
#mainslide .mainlink a,#mainslide .prev a,#mainslide .next a{width:64px;height:64px;font-size:1rem}
#mainslide .mainlink a{width:120px;height:120px;font-size:2.2rem}
#mainslide .mainlink a img{width:32px}
#mainslide .prev img,#mainslide .next img{width:20px}
#mainslide .prev{left:4%}
#mainslide .next{right:4%}
#mainslide .prev .icon,#mainslide .next .icon{display:none}
#mvnav{display:none}
#scroll{right:auto;left:10%;bottom:auto;top:90vh}
#campaign{position:relative;bottom:0;left:0;width:480px;max-width:100%;margin:40px auto 0}
#campaign i{margin-left:16px;font-size:2rem;color:#222}
#menu{display:none!important}
.section{height:auto!important;padding:48px 20px}
.fp-tableCell{height:auto!important}
.char{font-size:16vw}
.deco{display:none}
#about,#support{background:none}
#merit figure{max-width:240px;margin:0 auto}
.tab li{margin-bottom:8px!important;font-size:1.6rem}
.style li{width:calc(100% / 2)}
.style li div{bottom:10px;left:10px;font-size:1rem}
.style li div span{font-size:3.2vw}
.swiper-slide .text{font-size:1rem}
.swiper-slide .text h4{font-size:3.2vw}
#title{height:60vh}
#title h1{font-size:3.2rem}
.table th,.table td{display:block;padding:16px 0}
.table th{padding-bottom:0;border-bottom:none}
.btn a{padding:8px 32px 8px 16px;background-position:right 12px center;background-size:16px auto}
.check li{font-size:1.6rem}
.box{padding:32px 20px}
.whitebox{padding:32px 20px}
.more{min-width:initial}
.heading{padding:160px 20px 80px}
.row header{text-align:center}
.history th,.history td{padding:0 4px 24px}
.history th i{font-size:1.6rem}
.history th[scope="row"] i{font-size:1.8rem}
.serviceanchor{display:flex;flex-wrap:wrap;margin:-12px}
.serviceanchor li{width:calc(50% - 24px);margin:12px;padding-top:calc(50% - 24px)}
.serviceanchor li .title{position:relative;width:100%;height:96px}
.serviceanchor li .title i{font-size:8rem}
.serviceanchor li .title span{font-size:2rem}
.serviceanchor li .deco{display:block}
.serviceanchor .service01 .deco img{width:120%}
.serviceanchor .service02 .deco img{width:120%}
.serviceanchor .service03 .deco img{width:50%}
.serviceanchor .service04 .deco img{width:100%}
.serviceanchor .service05 .deco img{width:80%}
.serviceanchor .service06 .deco img{width:70%}
.serviceanchor .service07 .deco img{width:70%}
.serviceanchor .service08 .deco img{width:100%}
.serviceanchor .service09 .deco img{width:50%}
.serviceanchor .service10 .deco img{width:130%}
.serviceanchor .service11 .deco img{width:100%}
.serviceanchor .service12 .deco img{width:120%}
.service{margin-top:96px}
.service .btn{padding:16px 0 0}
.point dt{float:none;font-size:2.2rem}
.point dd{float:none;width:auto;font-size:1.6rem}
.morebtn{width:80px}
.morebox{margin:32px 0 -32px;padding:32px 0}
.morebox::before{left:-20px;width:calc(100% + 40px)}
.step > li{display:block;margin-left:0;padding:32px 20px}
.step h3{position:relative;top:0;left:0;transform:translateX(0);width:100px;margin:0 auto 24px}
.step ul li strong{display:block;margin-bottom:4px}
.swiper-button-prev{left:-10px}
.swiper-button-next{right:-10px}
#service .swiper-button-prev{left:10px}
#service .swiper-button-next{right:10px}
.countryname{padding:40px 0 24px}
.countryname .char{font-size:8rem}
.countryinfo > :not(:first-child){margin:24px 0 0;padding:24px 0 0;border-left:none;border-top:2px solid #F2F2F2}
.countryinfo h4{font-size:1.8rem}
.climate{flex-wrap:wrap;justify-content:center}
.climate .circle{width:calc(50% - 16px);height:120px;font-size:1.6rem}
.climate .circle span{font-size:2rem}
.infobox .box{margin-bottom:24px}
.infobox h3{font-size:1.8rem}
.infobox p,.infobox ul{font-size:1.4rem}
.faq dt,.faq dd{padding:16px 24px 16px 48px}
.faq dt{font-size:1.6rem}
.faq dt::before,.faq dd::before{left:10px;font-size:2.4rem}
.faq dt::before{left:0;width:40px;height:40px}
.itemlist li figcaption{font-size:4vw}
.itemlist li figcaption span{font-size:3.2vw}
.worholi{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px}
.worholi th,.worholi td{padding:8px 4px}
.worholi th[scope="col"]{font-size:1.2rem}
.worholi th[scope="row"]{font-size:1rem}
.worholi td{width:45%;text-align:left;font-size:1rem!important}
.method > li{display:block}
.method > li .title{width:auto;text-align:center;margin-bottom:24px}
.method > li li{padding:16px;margin-bottom:16px!important}
.detailsbtn{bottom:-95px}
.detailsbtn a{width:88px;height:88px;font-size:1.6rem}
.detailsbtn a img{width:16px}
.type{display:block;margin-bottom:40px}
.type .num{width:40%;margin:0 auto 24px;text-align:center}
.type .text{padding-right:0}
.typelist dt{margin:8px 0;font-size:1.6rem}
.typelist dd{width:calc(100% - 88px);margin:8px 0}
}
@media print {
body{width:980px;height:auto}
.animated{opacity:1}
}
.country_link{display:flex;flex-wrap:wrap}
.country_link > a{width:25%;position:relative}
.country_link > a::before{content:"";height:0;width:100%;padding-top:calc(250 / 480 * 100%);display:block}
.country_link > a img{position:absolute;top:0;left:0;object-fit:contain}
.country_link > a .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#FFF;text-align:center;width:100%;padding:0 10px;font-size:1.0vw}
.country_link > a .text h4{margin-bottom:4px;font-size:2.0vw}
@media screen and (max-width: 768px) {
.country_link > a{width:calc(100% / 3)}
#country .swiper-wrapper {flex-wrap: wrap;}
#country .swiper-slide {width: 50%;}
}
@media screen and (max-width: 580px) {
.country_link > a{width:50%}
}

/*���䤤��?��ط�*/
.thanks_body{width:980px;margin:100px auto;clear:both}
.thanks_title{color:#199cdc;display:inline-block;font-size:20px;font-weight:700;margin:16px 0}
.form-finish{margin:16px auto;width:800px}
.form-finish > .form-table >div >div:nth-child(2){width:533px}
.form-table{display:table;border-color:#CCC;border-style:solid;border-width:0 0 1px 1px}
.form-table >div{display:table-row}
.form-table >div >div{display:table-cell;border-color:#CCC;border-style:solid;border-width:1px 1px 0 0;padding:16px}
.form-table >div >div:nth-child(1){background:#FAF7F6;vertical-align:top;width:200px}
.form-table >div >div:nth-child(2){width:758px}
.form-table >div >div:nth-child(1) >span{float:left;font-weight:700}
.form-table >div >div:nth-child(1) >img{float:right;width:40px}
.form-table >div >div:nth-child(2) img{width:40px;margin:0 8px 4px;vertical-align:middle}
.form-table input[type="text"]{border:1px solid #333;padding:4px;margin:0 0 4px;background-color: #fff;}
.form-table input[type="checkbox"]{margin:0 8px 0 0;vertical-align:middle}
.form-table textarea{border:1px solid #333;padding:4px;margin:0 0 4px;font-size:14px;resize:none;width:748px;height:300px;background-color: #fff;}
.form-table textarea.small{height:60px;background-color: #fff;}
.form-table select{    
    writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: fieldtext;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    background-color: field;
    cursor: default;
    margin: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
    border-radius: 0px;}
.form-table select:not(:interval-list-box){overflow: visible !important;}
.form-table a,.form-privacy a{color:#00F;text-decoration:underline}
.form-table a:HOVER,.form-privacy a:HOVER{color:red}
.form-button,.form-button-send{text-align:center;margin:16px 0}
.form-button >input[type="submit"],.form-button >input[type="button"],.form-button-send >input[type="submit"],.form-button-send >input[type="button"]{background:url(/images/form_button.png);border:none;width:347px;height:66px;cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px}
.form-button-en,.form-button-send-en{text-align:center;margin:16px 0}
.form-button-en >input[type="submit"],.form-button-send-en >input[type="submit"],.form-button-send-en >input[type="button"]{background:#F05A24;border:none;width:347px;height:66px;cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;color:#FFF;font-size:20px;font-weight:700}
.form-button-send-en >input[type="submit"]{margin:0 0 0 80px}
.form-button-send >input[type="submit"],.form-button-send >input[type="button"]{background:url(/images/form_button_send.png);height:92px;border-radius:14px;-moz-border-radius:14px;-webkit-border-radius:14px;-o-border-radius:14px;-ms-border-radius:14px}
.form-button-send >input[type="submit"]{background:url(/images/form_button_send.png);margin:0 0 0 80px}
.form-button-send >input[type="button"]{background:url(/images/form_button_back.png)}
.form-button >a{border-radius:14px;-moz-border-radius:14px;-webkit-border-radius:14px;-o-border-radius:14px;-ms-border-radius:14px;display:inline-block}
.form-button >a >img{display:block;border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px;-o-border-radius:16px;-ms-border-radius:16px}
.form-button >a:HOVER{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;box-shadow:0 0 4px 1px #f15a24,0 0 4px 1px #f15a24 inset;-moz-box-shadow:0 0 4px 1px #f15a24,0 0 4px 1px #f15a24 inset;-webkit-box-shadow:0 0 4px 1px #f15a24,0 0 4px 1px #f15a24 inset;-o-box-shadow:0 0 4px 1px #f15a24,0 0 4px 1px #f15a24 inset;-ms-box-shadow:0 0 4px 1px #f15a24,0 0 4px 1px #f15a24 inset}
.form-button >input[type="submit"]:HOVER,.form-button >input[type="button"]:HOVER,.form-button-send >input[type="submit"]:HOVER,.form-button-send >input[type="button"]:HOVER,.form-button-en >input[type="submit"]:HOVER,.form-button-send-en >input[type="submit"]:HOVER,.form-button-send-en >input[type="button"]:HOVER{box-shadow:0 0 4px 1px #f15a24,0 0 4px 1px #f15a24 inset;-moz-box-shadow:0 0 4px 1px #f15a24,0 0 4px 1px #f15a24 inset;-webkit-box-shadow:0 0 4px 1px #f15a24,0 0 4px 1px #f15a24 inset;-o-box-shadow:0 0 4px 1px #f15a24,0 0 4px 1px #f15a24 inset;-ms-box-shadow:0 0 4px 1px #f15a24,0 0 4px 1px #f15a24 inset;filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.form-step{text-align:center}
.form-step >img{margin:16px 0 16px 16px;vertical-align:middle;width:64px}
.form-step >span{font-size:20px;font-weight:700;margin:16px;vertical-align:middle}
.form-step >span.form-step-en{font-size:14px}
.form-step-half{filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5}
.form-table{display:table;border-color:#CCC;border-style:solid;border-width:0 0 1px 1px}
.form-table >div{display:table-row}
.form-table >div >div{display:table-cell;border-color:#CCC;border-style:solid;border-width:1px 1px 0 0;padding:16px}
.form-table >div >div:nth-child(1){background:#FAF7F6;vertical-align:top;width:200px}
.form-table >div >div:nth-child(2){width:758px}
.form-table >div >div:nth-child(1) >span{float:left;font-weight:700}
.form-table >div >div:nth-child(1) >img{float:right;width:40px}
.form-table >div >div:nth-child(2) img{width:40px;margin:0 8px 4px;vertical-align:middle}
.form-table input[type="text"]{border:1px solid #333;padding:4px;margin:0 0 4px}
.form-table input[type="checkbox"]{margin:0 8px 0 0;vertical-align:middle}
.form-table textarea{border:1px solid #333;padding:4px;margin:0 0 4px;font-size:14px;resize:none;width:748px;height:300px}
.form-table textarea.small{height:60px}
.form-table a,.form-privacy a{color:#00F;text-decoration:underline}
.form-table a:HOVER,.form-privacy a:HOVER{color:red}
.form-subtable{display:table}
.form-subtable >div{display:table-row}
.form-subtable >div >div{display:table-cell;padding:0 32px 0 0;text-align:center}
.date{text-align:right;width:50px}
.zip{width:96px}
.address{width:580px}
.form-privacy{text-align:center}
.form-privacy >p{font-size:20px;font-weight:700;margin:32px 0 16px}
.form-privacy >div{border:1px solid #ccc;height:200px;margin:auto;overflow-y:auto;padding:16px;text-align:left;width:768px}
.form-privacy-title{border-color:#333;border-style:solid;border-width:0 0 6px;margin:8px 0;font-size:20px;font-weight:700}
.form-privacy-subtitle{font-weight:700;color:#1375A5;margin:16px 0}
.form-privacy-company{text-align:right}
.form-button-send{text-align:center;margin:16px 0}
.form-button >input[type="submit"],.form-button >input[type="button"],.form-button-send >input[type="submit"],.form-button-send >input[type="button"]{background:url(/images/form_button.png);border:none;width:347px;height:66px;cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px}
.form-button-en,.form-button-send-en{text-align:center;margin:16px 0}
.form-button-en >input[type="submit"],.form-button-send-en >input[type="submit"],.form-button-send-en >input[type="button"]{background:#F05A24;border:none;width:347px;height:66px;cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;color:#FFF;font-size:20px;font-weight:700}
.form-button-send-en >input[type="submit"]{margin:0 0 0 80px}
.form-button-send >input[type="submit"],.form-button-send >input[type="button"]{background:url(/images/form_button_send.png);height:92px;border-radius:14px;-moz-border-radius:14px;-webkit-border-radius:14px;-o-border-radius:14px;-ms-border-radius:14px;text-indent:-9999px;}
.form-button-send >input[type="submit"]{background:url(/images/form_button_send.png);margin:0 0 0 80px;text-indent:-9999px;}
.form-button-send >input[type="button"]{background:url(/images/form_button_back.png);text-indent:-9999px;}
.form-button >a{border-radius:14px;-moz-border-radius:14px;-webkit-border-radius:14px;-o-border-radius:14px;-ms-border-radius:14px;display:inline-block}
.form-button >a >img{display:block;border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px;-o-border-radius:16px;-ms-border-radius:16px}
.form-button >a:HOVER{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;box-shadow:0 0 4px 1px #f15a24,0 0 4px 1px #f15a24 inset;-moz-box-shadow:0 0 4px 1px #f15a24,0 0 4px 1px #f15a24 inset;-webkit-box-shadow:0 0 4px 1px #f15a24,0 0 4px 1px #f15a24 inset;-o-box-shadow:0 0 4px 1px #f15a24,0 0 4px 1px #f15a24 inset;-ms-box-shadow:0 0 4px 1px #f15a24,0 0 4px 1px #f15a24 inset}
.form-button >input[type="submit"]:HOVER,.form-button >input[type="button"]:HOVER,.form-button-send >input[type="submit"]:HOVER,.form-button-send >input[type="button"]:HOVER,.form-button-en >input[type="submit"]:HOVER,.form-button-send-en >input[type="submit"]:HOVER,.form-button-send-en >input[type="button"]:HOVER{box-shadow:0 0 4px 1px #f15a24,0 0 4px 1px #f15a24 inset;-moz-box-shadow:0 0 4px 1px #f15a24,0 0 4px 1px #f15a24 inset;-webkit-box-shadow:0 0 4px 1px #f15a24,0 0 4px 1px #f15a24 inset;-o-box-shadow:0 0 4px 1px #f15a24,0 0 4px 1px #f15a24 inset;-ms-box-shadow:0 0 4px 1px #f15a24,0 0 4px 1px #f15a24 inset;filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.form-confirm {margin: 20px auto;border-collapse:collapse;}
.form-confirm tbody{border-color:#CCC;border-style:solid;border-width:0 0 1px 1px;}
.form-confirm th{border-color:#CCC;border-style:solid;border-width:1px;padding:16px;background:#FAF7F6;vertical-align:top;width:200px;font-weight:700;}
.form-confirm td{border-color:#CCC;border-style:solid;border-width:1px;padding:16px;width:758px;}
.counseling {margin-top: 15rem;}
.zip-btn{margin: 5px; background-color: #fff; padding:4px;border: 1px solid #333;}

/*about�ڡ���*/
.about_jibun {font-size: 1.6rem;}

/*�ܥ��ƥ����ڡ���*/
.volunteer_search{margin: 20px auto;}

.search_btn {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    position: relative;
    width: 280px;
    margin: auto;
    padding: 2rem 2rem;
    font-weight: bold;
    border-radius: 10px;
    color: #27acd9;
    border: 3px solid #27acd9;
    box-shadow: 5px 5px #27acd9;
    transition: 0.3s ease-in-out;
}
.search_btn:hover {
    box-shadow: none;
    transform: translate(5px, 5px);
    color: #27acd9;
}

.volunteer-area{margin-bottom:40px;}


/*2025 ���C*/
.sp-only { display: none; }
.top-about-msg { text-align: center; }
.top-about-msg .img { max-height: 40vh; }
.top-about-msg .msg { font-weight: bold; font-size: 2.5rem; letter-spacing: .2em; }
.top-about-msg .msg span { font-size: 1.125em; }

.t-orange { color: #FE714E; }
.t-navy { color: #3B4FC1; }
.t-green { color: #1DA870; }

@media screen and (max-width: 1024px) {
  .sp-only { display: initial; }
  .top-about-msg .msg { font-size: 2rem; }
  
}

.list-home-reason { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1rem; }
.list-home-reason li { background: #CCC; aspect-ratio: 4 / 3; margin: 3rem 0 1rem; }

.home-reason-catchcopy { text-align: center; text-decoration: underline; text-decoration-color: #FEE22E; margin-top: 1em;     text-underline-offset: 0.3em; text-decoration-thickness: .2em; line-height: 2; }

@media screen and (max-width: 1024px) {
  .list-home-reason { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  
}

.home-story { padding: 10vh 0; }

.home-story .subtitle { font-size: 2rem; margin-bottom: 1em; }
.home-story .story-tags { text-align: center; font-size: 1.8rem; font-weight: bold; }
.home-story .story-tags  a,
.home-story .story-tags  span  { display: inline-block; margin: 5px; padding: 0 1em; border: 2px solid; border-radius: 2em; background: #FFF; }

@media screen and (max-width: 1024px) {
  .home-story .subtitle { font-size: 1.5rem; }
  .home-story .story-tags { font-size: 1.5rem; }
}
.experience-slider { position: relative; }
.experience-slider .next ,
.experience-slider .prev { width: 60px; height: 60px; background: #222222; border-radius: 50%; position: absolute; top: 0; bottom: 0; margin: auto; z-index: 10;}
.experience-slider .next::before,
.experience-slider .prev::after { content: ''; width: 20px; height: 20px; display: block; position: absolute; border-top: 3px solid #FFF; border-left: 3px solid #FFF; inset: 0; margin: auto; }
.experience-slider .next { left: calc(50% + 300px - 30px + 5px); }
.experience-slider .prev { right: calc(50% + 300px - 30px + 5px);  }
.experience-slider .next::before { transform: translateX(-25%) rotate(135deg); }
.experience-slider .prev::after { transform: translateX(25%)  rotate(-45deg) ; }

.experience-slider .swiper-slide { width: 600px; }
.experience-slider .item { display: block; background: #FFF; padding: 4rem; border-radius: 40px; border: 1px solid #EEE1AE; width: 100%;box-sizing: border-box; }
.experience-slider .tag { font-size: 1.8rem; margin-bottom: .5em; }
.experience-slider .title { font-size: 2rem; margin-bottom: .5em; }
.experience-slider .thumbnail { width: 100%; position: relative; padding-bottom: 60%; background: #DDD; }
.experience-slider .thumbnail img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; margin: auto; }
.experience-slider .name { font-size: 1.5rem; margin: .5em 0;}
.experience-slider .name span { font-size: 1.8rem; font-weight: bold; }
.experience-slider .info { font-weight: bold; margin: .5em 0; } 
.experience-slider .excerpt { line-height: 1.6; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 8; font-weight: normal; font-size: 1.6rem; }

@media screen and (max-width: 1024px) {
  
  .experience-slider .swiper-slide { width: 60vw; }
  .experience-slider .item { padding: 2rem; border-radius: 30px; }
  .experience-slider .tag { font-size: 1.4rem;}
  .experience-slider .title { font-size: 1.6rem;}
  .experience-slider .name span { font-size: 1.6rem; }
  .experience-slider .info { font-size: 1.2rem; }
  .experience-slider .excerpt { font-size: 1.4rem; }
}

.home-article { padding: 10vh 0; max-width: 90%; margin: 0 auto; }
.home-article-posts { max-width: 800px; margin: 0 auto; }
.home-article-posts .item { display: flex; justify-content: space-between; margin-bottom: 2rem; }
.home-article-posts .item .img { width: 30%; border: 2px solid #222222; padding-bottom: 22.5%; position: relative; }
.home-article-posts .item .img img{ width: 100%; height: 100%; object-fit: cover;position: absolute; inset: 0; margin: auto; }
.home-article-posts .item .text { width: 65%; font-size: 2.8rem; font-weight: bold; }
.home-article-posts .item .text .tag { font-size: 2rem; }
.home-article-posts .item .text .tag span{ border-radius: 2em; padding: 0 1em; border: 2px solid; margin-right: 5px; background: #FFF;  }
.home-article-posts .item .text .tag span::before { content: '#'; color: #FE714E; }

@media screen and (max-width: 1024px) {
  .home-article-posts .item .text { font-size: 1.4rem;}
  .home-article-posts .item .text .tag { font-size: 1.2rem; margin-bottom: .5em; }
}


.top-free-session { background: #FEFADA; padding: 100px 0;  border-image: linear-gradient(0deg,#FEFADA 5px,#FEFADA 0) fill 0//0 100vw;}
.top-free-session .title-section { text-align: center; font-size:4.2rem; margin-bottom: 1em; letter-spacing: .2em; }
.top-free-session .subtitle { font-size: 2rem; text-align: center; margin: 0 auto 3em; }
.top-free-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; counter-reset: listnum; max-width: 90vw; margin: 0 auto; }
.top-free-flow li { background: #FFF; position: relative; counter-increment: listnum; border-radius: 10px;  padding: 3em 1em 1em; position: relative; font-size: 1.8rem; }
.top-free-flow li::before { content: 'STEP'counter(listnum); background: #1AA56C; color: #FFF; font-weight: bold; position: absolute; left: 0; right: 0; top: -1rem; margin: auto; padding: 0 1em; width: fit-content; font-size: 2.4rem; border-radius: 5px; }
.top-free-flow li + li::after { content: ''; width: 2rem; background: #1AA56C; display: block; height: 4rem; clip-path: polygon(0 0 , 100% 50%, 0 100%); position: absolute; right: 100%; top: 0; bottom: 0; margin: auto; }
.top-free-flow .title { color: #FE714E; font-size: 2.2rem;  margin: 0 0 .5em; text-align: center; }

@media screen and (max-width: 1200px) {
  .top-free-session .title-section { font-size: 3rem; }
}
@media screen and (max-width: 1024px) {
  .top-free-session .title-section { font-size: 2rem; }
  .top-free-session .subtitle { font-size: 1.6rem; }
  .top-free-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .top-free-flow .title  { font-size: 1.8rem; }
  .top-free-flow li::before { font-size: 1.8rem; }
  .top-free-flow li { font-size: 1.5rem; padding-top: 2em; }
}
@media screen and (max-width: 600px) {
  .top-free-session .title-section { font-size: 1.6rem; }
  .top-free-session .subtitle { font-size: 1.4rem; }
  .top-free-flow { grid-template-columns: 1fr; gap: 4rem; }
  .top-free-flow li + li::after { top: -4rem; bottom: auto; left: 0; right: 0; margin: auto; width: 4rem; height: 2rem; clip-path: polygon(0 0, 100% 0, 50% 100%); }
  .top-free-flow .title  { font-size: 1.6rem; }
}

.serviceanchor.-reason { justify-content: center; max-width: 860px; margin: 0 auto; }
.serviceanchor.-reason li { border-width: 2px; width: calc(33% - 48px); padding-top: 0; position: relative; aspect-ratio: 1 /1; }
.serviceanchor.-reason .deco img { width: 100%; }
.serviceanchor.-reason li .title span { font-size: 2.4rem; }

.serviceanchor.-reason .service01 .deco { top: 45%; width: 65%; }
.serviceanchor.-reason .service01 .title { margin-left: 1em; }
.serviceanchor.-reason .service02 .deco { width: 48%; top: -10%; }
.serviceanchor.-reason .service02 .title { text-align: center; margin: 0 auto; }

.serviceanchor.-reason .service03 .deco { width: 40%;}
.serviceanchor.-reason .service03 .title { width: fit-content; margin-top: 1em; margin-right: 1em; }

.serviceanchor.-reason .service04 a { align-items: flex-end; }
.serviceanchor.-reason .service04 .deco { width: 120%; top: -10%; left: -10%; }
.serviceanchor.-reason .service04 .title { text-align: center; height: auto; margin: 0 auto 1em; }
.serviceanchor.-reason .service05 .deco { width: 100%; }
.serviceanchor.-reason .service05 .title { text-align: center; }

@media screen and (max-width: 1024px) {
  .serviceanchor.-reason li { width: calc(50% - 24px); }
  .serviceanchor.-reason li .title span { font-size: 1.5rem; }
  
  .serviceanchor.-reason .service01 .title  { margin-left: .5em; }
}

.list-experience-simple { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4rem 5rem; }

.list-experience-simple .item { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 2rem; }
.list-experience-simple .img { aspect-ratio: 1/1; position: relative; background: #CCC; }
.list-experience-simple .img img { width: 100%; height: 100%; position: absolute; inset: 0; margin: auto; object-fit: cover; }
.list-experience-simple .title { font-size: 1.8rem; margin-bottom: .5em; }
.list-experience-simple .period { color: #FD473A; text-align: right; margin: 0; font-weight: 100; }

@media screen and (max-width: 1024px) {
  .list-experience-simple { grid-template-columns: 1fr; }
}
@media screen and (max-width: 768px) {
  .list-experience-simple .item {  grid-template-columns: 120px minmax(0, 1fr); }
  .list-experience-simple .title { font-size: 1.6rem; }
  .list-experience-simple .period { font-size: 1.4rem; }
}