@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&family=Oswald:wght@300;400;500;600&display=swap');
/*
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Oswald', sans-serif;
*/
/*reset-----------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, th, td, figure{margin: 0; padding: 0;}
html{font-size: 62.5%; overflow-y: scroll;}
h1, h2, h3, h4, h5, h6{font-size: 100%; font-weight: normal;}
ol, ul{list-style:none;}
fieldset, img{border:0;}
table{border-collapse: collapse; border-spacing:0;}
caption, th{text-align: left;}
address, caption, cite, code, dfn, th, var,em,i{font-style: normal; font-weight: normal;}
img{border:none;}
/*-------------------------------------------------------------------*/

html{font-size: 62.5%;}

body {
min-width:1000px;
overflow:hidden;
background:#fff;
font-size: 1.8rem;
line-height:1.8;
color:#000;
letter-spacing: 0.05em;
-webkit-text-size-adjust: 100%;
font-family: 'Noto Sans JP', sans-serif;
-webkit-font-smoothing: antialiased;
}
body.fixed{width: 100%; height: 100%; position: fixed; overflow: visible;}

input, button, textarea, select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; font-family: 'Noto Sans JP', sans-serif;}
a,.btn{transition:all 0.3s ease-out 0s; color:#000; text-decoration: none;}
picture{display: block;}
img{vertical-align:bottom; width:100%; height: auto;}
em,i{font-style:normal;}
b,strong,em{font-weight: normal;}
body *{box-sizing: border-box;}

.mint{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-feature-settings: "palt";}
.phr{display: inline-block;}
.dpc{display:block;}
.dsp{display:none;}
.btn_acc{pointer-events: none;}
.body_acc{display:block;}
a.arrow{position: relative;}
a.arrow:before{display: inline-block; content: ""; width:0.9em; height: 0; padding-top:0.9em; background: url(../images/common/arrow3.svg) 0/contain no-repeat; margin-right: 0.3em;}
.iv{margin-top:10px; opacity: 0; transition:all 0.4s cubic-bezier(0.27, 0.05, 0.26, 0.82) 0.4s;}
.iv.show{margin-top :0; opacity: 1;}
.iv2{transform: translate(0,10px); opacity: 0; transition:all 0.4s ease-out 0s;}
.iv2.show{transform: translate(0,0); opacity: 1;}
.iv3{transform: translate(-10px,0); opacity: 0; transition:all 0.4s ease-out 0s;}
.iv3.show{transform: translate(0,0); opacity: 1;}
/*-------------------------------------------------------------------*/

.loading{background-color: #fff; position: fixed; top:0; bottom:0; left:0; right:0; z-index: 200;}

#wrapper{text-align: center;}

/*--------------------------*/
._header{}
._header h1{height: 0; padding-top: 100px; background: url(../images/header_logo.png) center/auto no-repeat; overflow: hidden;}
._header h2{background-color: #FFFF00; font-size: 5rem; font-weight: 600; line-height: 100px;}
/*--------------------------*/
._body{}
._btn{}
._btn a{display: inline-block; background-color: #F39800; border-radius: 2em; padding: 0 1em; font-size: 4.4rem; font-weight: 600; line-height: 2.2; color:#fff;}
._btn a:hover{background-color: #f8a921;}
/*--------------------------*/
.intro{margin-top: 40px;}
.intro p{font-size: 5rem; font-weight: 600; color:#F39800; padding-bottom: 1.2em; position: relative;}
.intro p::after{display: block; content: ""; width: 100%; height: 37px; background: url(../images/arrow.png) center/contain no-repeat; position: absolute; bottom:0.4em; left:0;}
.intro picture{width: 880px; margin: 110px auto 0;}
/*--------------------------*/
.features{margin-top: 100px;}
.features h3{height: 0; padding-top: 109px; background: url(../images/features_title.png) center/auto no-repeat; overflow: hidden; margin-bottom: -65px; position: relative; z-index: 2;}
.features .bg{background: url(../images/feature_bg.jpg) center; padding: 65px 0;}
.features ul{width: 966px; margin: 25px auto -20px;}
.features ul li{margin-bottom: 20px;}
/*--------------------------*/
.howto{margin-top: 100px;}
.howto h3{height: 0; padding-top: 68px; background: url(../images/howto_title.png) center/auto no-repeat; overflow: hidden;}
.howto ul{width: 966px; display: flex; justify-content: space-between; margin: 50px auto 0;}
.howto ul li{width: 307px;}
.howto ul li p{font-size: 2rem; font-weight: 600; text-align: left; line-height: 1.2; margin-top: 0.8em;}
/*--------------------------*/
.outline{margin-top: 120px;}
.outline p{font-size: 2.7rem; font-weight: 600; letter-spacing: 0; line-height: 1.4; margin-top: 1.2em;}
.outline p em{display: inline-block; font-size: 4rem; font-weight: 600; color:#F39800; margin: 0 0.1em;}
.outline .requirements{background-color: #05AE67; padding: 50px 0 40px; color:#fff; margin-top: 65px;}
.outline .requirements h3{padding-bottom: 0.2em; font-size: 4rem; font-weight: 600; position: relative;}
.outline .requirements h3::after{display: block; content: ""; width: 966px; height: 5px; background: url(../images/dotline.png) center/contain; position: absolute; bottom:0; left:50%; transform: translateX(-50%);}
.outline .requirements dl{display: flex; justify-content: space-between; align-items: flex-end; width: 966px; text-align: left; margin: 20px auto 0;}
.outline .requirements dl dt{width: 630px; font-size: 2.5rem; font-weight: 500; line-height: 1.4; letter-spacing: 0;}
/*--------------------------*/
._footer{padding: 1em 0;}
._footer h1{height: 0; padding-top: 66px; background: url(../images/footer_logo.png) center/auto no-repeat; overflow: hidden;}
._footer .copyright{display: block; font-size: 1.6rem; margin-top: 1em;}