@charset "UTF-8";

.no_bt{
    pointer-events: none;
    opacity: 0.5;
}

.thanks{
    padding: 70px 0;
    background: #FFFCF4;
}
.thanks p{
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.1rem;
    line-height: 3.2rem;
    text-align: center;
}


@media (max-width: 751px) {
    .thanks p{
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

*{margin:0; padding:0;}
html{overflow: auto;}
body{
font-feature-settings: "palt";
font-size: 1.0em;
margin:0 auto;
color: #231815;
font-family: 'Noto Sans JP', sans-serif;
overflow: hidden;
}

/* 【ゴシック系初期フォント】font-family:'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, 'sans-serif' */
/* 【明朝系初期フォント】font-family:YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif' */


ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, figure {
margin: 0;
padding: 0;
font-weight: normal;
list-style: none;
}

/* テキストリンク */
a {text-decoration:none; color:#231815; outline: none; transition: all 0.5s ease;}
a:hover{opacity: 0.6;}
/* 本文 */
p{padding: 0; margin: 0; line-height: 180%; overflow-wrap:break-word; word-wrap:break-word;}
/* 画像 */
img {
vertical-align: top;
font-size: 0;
line-height: 0;
max-width: 100%;
height: auto;
border-style:none;
image-rendering: -webkit-optimize-contrast;
}


/* clear */
.cle:before, .cle:after {content: " "; display: table;}
.cle:after {clear: both;}
.cle {*zoom: 1;}

hr{
height: 1px;
background-color: #ea5e23;
border: none;
color: #ea5e23;
margin: 5px 0 10px 0;
}

/* -------------------------- */
/* --------flexbox 共通-------- */
/* -------------------------- */

/*自動隙間　横並び　行替え　左寄せ*/
.flex{
display: -moz-box;		/* Fx用 */
display: -webkit-box; 	/* Safari、スマホ用 */
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction:row;
flex-wrap:wrap;/*折り返しても*/
justify-content:space-between;
}