a:hover{
  opacity: 0.8;
}
@font-face {
    font-family: 'EmojiOne';
    src: local('EmojiOne'), url("../fonts/EmojiOneColor.otf")format('opentype');
}

@font-face {
    font-family: 'Noto Serif JP Black';
    src: local('NotoSerifJP-Black'), url("../fonts/NotoSerifJP-Black.otf")format('opentype');
}

@font-face {
    font-family: 'Noto Serif JP';
    src: local('NotoSerifJP-Bold'), url("../fonts/NotoSerifJP-Bold.otf")format('opentype');
}

@font-face {
    font-family: 'Noto Serif JP SemiBold';
    src: local('NotoSerifJP-SemiBold'), url("../fonts/NotoSerifJP-SemiBold.otf")format('opentype');
}

html, body, h1, h2, h3, h4, h5, h6, p, dd {
    margin: 0;
    padding: 0;
    font-family: 'Noto Sans JP';
}

h2 {
    text-align: center;
    font-family: 'Noto Serif JP';
    color: #162f5e;
    font-size: 2.8em;
    margin: 1.2em 0;
    letter-spacing: -3px;
}

h2.white {
    margin: 0;
    padding-top: 1em;
    font-size: 3em;
    color: #fff;
}

@media screen and (max-width: 768px) {
    h2, h2.white {
        font-size: 1.6em;
    }

    h2.white {
        letter-spacing: -1.5px;
    }
}

ul {
    padding-left: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

button {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    cursor : pointer;
}

img {
    width: 100%;
}
img.checkbox {
    width: 20px;
}

.color-lightblue {
    color: #26abe3;
}
.color-yellow {
    color: #fcffc8;
}
.color-red {
    color: #f1574c;
}
.weight-bold {
    font-weight: bold;
}
.font-serif {
    font-family: 'Noto Serif JP';
    margin-right: 8px;
}

.pconly {
    display: block;
}
.sponly, .sponly_block {
    display: none;
}


/* 蜈ｱ騾嗹idth */
.about__wrapper, .achievements_content,.features__content, .apply__content, .worries__content, .cause__content, .leave__content, .treatment__content, .mechanism__content , .access__content, .qacontainer__content, .comparison__content {
    width: 90%;
    max-width: 1000px;
    margin: 2em auto 3em;
}

@media screen and (max-width: 768px) {
    .about__wrapper, .achievements_content,.features__content, .apply__content, .worries__content, .cause__content, .leave__content, .treatment__content, .comparison__content, .mechanism__content , .access__content, .qacontainer__content {
        max-width: 95%;
        margin: 2em auto .5em;
    }
}

/* header */
.header__wrapper {
    background-color: #162f5e;
}

.header__content {
    display: flex;
    justify-content: space-between;
    height: 80px;
    align-items: center;
    max-width: 1000px;
    margin: auto;
}

.header__logo {
    display: flex;
    align-items: center;
}

.header__right, .header__tel {
    display: flex;
    align-items: center;
}

.header__button {
    width: 280px;
}

.header__tel img {
    width: 24px;
    margin-right: 8px;
}

.header__tel a {
    color: #fff;
    font-family: 'Noto Serif JP';
    font-size: 2em;
    margin-right: 24px;
}

@media screen and (max-width: 768px) {
    /* header */
    .header__content {
        height: 56px;
        max-width: 95%;
        margin-right: 0;
    }

    .header__logo {
        width: 55%;
    }

    .header__right, .header__button {
        display: flex;
    }

    .header__right p {
        color: #fff;
        font-size: .7em;
        margin-top: 2px;
    }

    .header__tel, .header__button {
        flex-direction: column;
    }

    .header__tel, .header__button {
        width: 4.3em;
        border-left: #fff solid 1px;
        padding-top: 4px;
    }

    .header__tel img {
        width: 18px;
    }

    .header__button {
        justify-content: space-between;
        align-items: center;
    }

    .header__button img {
        width: 24px;
    }

}


/* mv */
.mv__content {
    position: relative;
    margin: auto;
}

.mv__button {
    position: absolute;
    bottom: 24px;
    left: 50vw;
    width: 28%;
}

@media screen and (max-width: 768px) {
    .mv__content {
        display: flex;
        justify-content: center;
    }

    .mv__button {
        position: static;
        width: 80%;
        margin-top: -8%;
    }
}

/* my繝｡繝�ぅ繧ｫ繝ｫ繧ｯ繝ｪ繝九ャ繧ｯ縺ｨ縺ｯ */
.about__content {
    display: flex;
    justify-content: space-around;
}

.about__carousel {
    width: 40%;
}

.about__text {
    width: 55%;
}

.about__text p {
    margin-bottom: 2em;
    line-height: 2em;
}

@media screen and (max-width: 768px) {
    .about__content {
        flex-direction: column;
    }

    .about__carousel, .about__text {
        width: 100%;
    }
}

/* 繧ｫ繝ｫ繝ｼ繧ｻ繝ｫ */
.carousel {
    width: 36%;
    position: relative;
}

.carousel__main {
    width: 95%;
    margin: auto;
}

.carousel__prev, .carousel__next {
    width: 36px;
    position: absolute;
    top: 30%;
    cursor: pointer;
}

.carousel__prev {
    left: 0;
}

.carousel__next {
    right: 0;
}

.carousel__pagenation {
    display: flex;
    justify-content: space-between;
    color: #ccc;
    width: 8em;
    margin: auto;
}

@media screen and (max-width: 768px) {
    .carousel {
        width: 100%;
        margin-bottom: 1em;
    }

    .carousel__prev, .carousel__next {
        width: 36px;
        position: absolute;
        top: 36%;
        cursor: pointer;
    }
}

/* 螳溽ｸｾ */
.achievements__wrapper {
    background-image: url(../images/pc_back_01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1em 0;
}

.achievements__list {
    display: flex;
    justify-content: space-around;
    font-family: 'Noto Serif JP';
    color: #162f5e;
    text-align: center;
}

.achievements__list dt {
    font-size: 1.2em;
    line-height: .3em;
    text-shadow: 0px 0px 10px #fff;
}

.achievements__list dd {
    font-size: 1.8em;
    text-shadow: 0px 0px 10px #fff;
    font-weight: bold;
    background: linear-gradient(transparent 70%, #fcffc8 30%);
    font-family: 'Noto Serif JP';
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin: auto;
}

.font-big {
    font-size: 1.8em;
}

.achievements__list > div {
    position: relative;
}

.achievements__list > div::before {
    position: absolute;
    content: '';
    display: block;
    background-image: url(../images/hiiragi_left.png);
    width: 38px;
    height: 90px;
    top: -6px;
    left: -45px;
    background-size: cover;
    background-repeat: no-repeat;
    filter: drop-shadow(0px 0px 6px #fff);
}

.achievements__list > div::after {
    position: absolute;
    content: '';
    display: block;
    background-image: url(../images/hiiragi_right.png);
    width: 38px;
    height: 90px;
    top: -6px;
    right: -45px;
    background-size: cover;
    background-repeat: no-repeat;
    filter: drop-shadow(0px 0px 6px #fff);
}

.achievements_content p {
    text-align: center;
    color: #162f5e;
}

@media screen and (max-width: 768px) {
    .achievements__wrapper {
        background-image: url(../images/sp_back_01.jpg);
    }

    .achievements__wrapper {
        background-position: 50% 50%;
    }

    .achievements__list {
        flex-direction: column;
    }

    .about__carousel, .about__text {
        width: 100%;
    }

    .achievements__list > div {
        margin: 3em auto 0;
        width: 20.5em;
    }

    .achievements__list > div:first-child {
        margin-top: 0;
    }

    .achievements__list > div::before {
        top: 0;
        left: 0;
        filter: drop-shadow(0px 0px 6px #fff);
    }

    .achievements__list > div::after {
        top: 0;
        right: 0;
        filter: drop-shadow(0px 0px 6px #fff);
    }

    .font-big {
        font-size: 2em;
    }
}
@media screen and (max-width: 500px){
  .achievements__wrapper{
    margin-top: -10%;
  }
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .achievements__wrapper {
    margin-top: -5%;
  }
  .mv__button {
    margin-top: -10%;
  }
}

/* 迚ｹ蠕ｴ */
.features__list {
    display: flex;
    justify-content: space-between;
}

.features__list li {
    width: 32%;
    box-shadow: 8px 6px 10px -1px #bbb;
}

.features__list li h3 {
    background-color: #162f5e;
    font-size: 1.2em;
    color: #fff;
    padding: .5em 1em;
    /* text-align: center; */
    display: flex;
    align-items: center;
}

.features__list--num {
    color: #fcffc8;
    font-family: 'Noto Serif JP';
    font-size: 1.3em;
    margin-right: 8px;
    display: block;
}

.features__list--item {
    padding: 1em;
    font-size: 1.1em;
    line-height: 1.8em;
}

.features__list--item p {
    margin-bottom: 1em;
}

@media screen and (max-width: 768px) {
    .features__list li h3, .features__list2 li h3, .features__list3 li h3 {
        background-color: #162f5e;
        font-size: 1.35em;
        color: #fff;
        padding: .5em 1em;
    }

    .features__list2 li h3 {
        justify-content: center;
    }

    .features__list, .features__list2, .features__list3 {
        position: relative;
        list-style-type: none;
        padding: 0 0 2em 0;
        margin: 0;
        overflow: hidden;
    }

    .features__list li, .features__list2 li, .features__list3 li {
        width: 96%;
        box-shadow: 1px 2px 11px -2px #bbb;
        margin: auto;
    }

    .features__item, .features__item2, .features__item3 {
        display: none;
        width: 96%;
        box-shadow: 1px 2px 11px -2px #bbb;
        margin: auto;
    }

    .features__item {
        min-height: 78vh;
    }

    .features__item2 {
        min-height: 68vh;
    }

    .features__item3 {
        min-height: 60vh;
    }

    .features__item.active, .features__item2.active, .features__item3.active {
        display: block;
    }

    .next-btn, .next-btn2, .next-btn3, .prev-btn, .prev-btn2, .prev-btn3 {
        position: absolute;
        width: 32px;
        top: 30%;
    }

    .next-btn, .next-btn2, .next-btn3 {
        right: 0;
    }
}

/* 莉翫☆縺千筏縺苓ｾｼ繧€ */
.apply {
    background-image: url(../images/pc_cta_back.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.apply h2 {
    padding-top: .5em;
}

.apply__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 3em;
    margin-bottom: 0;
}

.apply__tel {
    font-size: 3.5em;
    display: flex;
    align-items: center;
}

.apply__tel a {
    color: #fcffc8;
    font-family: 'Noto Serif JP';
}

.apply__tel > img {
    width: .8em;
    margin-right: 12px;
}

.apply__button {
    width: 53%;
}

.font-big-cta {
    font-size: 1.7em;
}

@media screen and (max-width: 768px) {
    .apply {
        background-image: url(../images/sp_cta_back.jpg);
    }

    .apply__content {
        flex-direction: column;
        margin-top: 1em;
        padding-bottom: 2em;
    }

    .apply__tel {
        font-size: 2.5em;
    }

    .apply__tel > img {
        width: .8em;
        margin-right: 4px;
    }

    .apply__button {
        width: 100%;
        margin-top: 1em;
    }
}

/* 縺頑か縺ｿ */
.worries {
    background-image: url(../images/pc_back_02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}

.worries > img {
    display: block;
    width: 38em;
    margin: .5em auto;
}

.worries__content {
    display: flex;
    font-size: 1.4em;
    line-height: 2.2em;
    padding-bottom: 2em;
    margin-top: 0;
}

.worries__content ul li img {
    width: 20px;
    margin-right: 8px;
}

.worries__list--left {
    margin-right: 32px;
}

@media screen and (max-width: 768px) {
    .worries {
        background-image: url(../images/sp_back_02.jpg);
    }

    .worries__content {
        flex-direction: column;
        font-size: 1.2em;
    }

    .worries__list--left {
        margin-right: 0;
    }

    .worries > img {
        display: block;
        width: 80%;
        margin: .5em auto;
    }
}

/* 縺��縺阪�蜴溷屏縲√Γ繧ｫ繝九ぜ繝� */
.cause__content, .cause__img {
    display: flex;
    justify-content: space-between;
    font-size: 1.2em;
}

.cause__img > img {
    width: 45%;
}

.cause__content--item {
    width: 45%;
}

.cause__content--item p {
    line-height: 1.8em;
    margin-bottom: 1em;
}

.cause__content--item h3 {
    color: #162f5e;
    text-align: center;
    font-size: 1.3em;
}

.cause__list {
    padding-left: 0;
    line-height: 2em;
    font-size: .9em;
}

.cause__list .color-lightblue {
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .cause__content {
        flex-direction: column;
        margin-top: 0;
    }

    .cause__content--item {
        width: 100%;
    }

    .cause__content--item h3 {
        font-size: 1.2em;
    }
}

/* 縺��縺阪ｒ謾ｾ鄂ｮ縺吶ｋ縺ｨ */
.leave {
    background-image: url(../images/pc_back_03.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.leave p {
    text-align: center;
    font-size: 1.1em;
    color: #fff;
    margin: .8em;
}

.leave__item {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 2.5em auto 0;
    padding-bottom: 3em;
}

.leave__item--left, .leave__item--right {
    width: 48%;
}

.leave__item--right {
    display: flex;
    flex-direction: column;
}

.leave__item--right .leave__card:first-child {
    padding-bottom: 2em;
    margin-bottom: 2em;
}

.leave__card {
    background-color: #fff;
    padding: 1em;
}

.leave__card--list {
    display: flex;
    justify-content: space-around;
}

.leave__card--list img {
    margin-right: 8px;
}

.leave__card--list li {
    display: flex;
    align-items: center;
}

.leave__card dt {
    color: #162f5e;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
}

.leave__card dd {
    line-height: 2em;
    font-size: 1.2em;
}

@media screen and (max-width: 768px) {
    .leave {
        background-image: url(../images/sp_back_03.jpg);
    }

    .leave__content {
        width: 95%;
        max-width: 95%;
        padding-bottom: 14em;
    }

    .leave p {
        text-align: left;
        margin: .5em;
    }

    .leave__item {
        flex-direction: column;
    }

    .leave__item--left, .leave__item--right {
        width: 100%;
    }

    .leave__item--left {
        padding-bottom: 2em;
    }

    .leave__item--left > .leave__card {
        padding-bottom: 1em;
    }

    .leave__item--right .leave__card:first-child {
        margin-bottom: 2em;
    }
}

/* MY繝｡繝�ぅ繧ｫ繝ｫ繧ｯ繝ｪ繝九ャ繧ｯ縺ｮ縺��縺肴ｲｻ逋ゅ€後リ繧､繝医Ξ繝ｼ繧ｺDUO縲� */
.treatment__content {
    display: flex;
    justify-content: space-between;
    font-size: 1.1em;
    line-height: 2em;
}

.treatment__img {
    width: 16%;
}

.treatment__item {
    width: 40%;
}

.treatment__text {
    width: 35%;
}

@media screen and (max-width: 768px) {
    .treatment__content {
        flex-direction: column;
    }

    .treatment__img, .treatment__item, .treatment__text {
        width: 100%;
    }

    .treatment__img {
        width: 35%;
        margin: auto;
    }

    .treatment__item {
        margin-bottom: 2em;
    }

    .treatment__text {
        margin-bottom: 2em;
    }

}

/* 蠕捺擂縺ｮ豐ｻ逋よｳ輔→縺ｮ豈碑ｼ� */
.comparison {
    background-color: #cce0f3;
    padding: .5em 0 1.5em;
}

.comparison ul li {
    background-color: #fff;
}

/* 豐ｻ逋ゅ�繝｡繧ｫ繝九ぜ繝� */
.mechanism__content {
    display: flex;
    justify-content: center;
}

.mechanism h2 {
    margin-bottom: 0px;
}

.mechanism__img {
    width: 16%;
    margin-right: 20px;
    margin-bottom: 1em;
}

.mechanism__text {
    font-size: 1.1em;
    line-height: 2em;
}

.mechanism__text p {
    margin: 1.6em;
}

/* 縺泌茜逕ｨ縺ｾ縺ｧ縺ｮ豬√ｌ */
.carousel5 {
    position: relative;
    width: 100%; /* 蠢�ｦ√↓蠢懊§縺ｦ隱ｿ謨ｴ */
    overflow: hidden;
    margin: auto;
}

.carousel5__list {
    display: flex;
    transition: transform 0.5s ease;
    padding: 0;
    margin: 0;
    list-style: none;
}

.carousel5__item {
    min-width: 30.333%;
    margin: 1em;
    box-sizing: border-box;}

.carousel5__img img {
    width: 100%;
}

.carousel5__button {
    width: 32px;
    position: absolute;
    top: 30%;
    transform: translateY(-50%);
    border: none;
    cursor: pointer;
}

.prev-btn3 {
    left: 0;
    z-index: 100;
}

.next-btn3 {
    right: 0;
    z-index: 100;
}



@media screen and (max-width: 768px) {
    .mechanism__content {
        align-items: center;
        flex-direction: column;
        margin-bottom: 2em;
    }

    .mechanism__img {
        width: 45%;
        margin-right: 0;
    }

    .mechanism__text p {
        margin: 0;
    }
}


/* access */
.access__content {
    display: flex;
    justify-content: space-between;
    /* max-width: 1200px; */
}

.access__content--left, .access__content--right {
    width: 45%;
}

.access__content--left h3 {
    color: #162f5e;
    font-size: 1.8em;
    margin-bottom: .8em;
}

.access__content--right {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.access__content--right dt {
    height: 1.6em;
    width: 4.8em;
    color: #fff;
    background-color: #162f5e;
    margin-right: 24px;
    font-size: 1.1em;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.access__content--right dd:last-child {
    width: 100%;
    margin-top: 0;
}

.access__table {
    font-size: 1.05em;
    text-align: center;
}

.access__table td {
    min-width: 2.2em;
}

.access__table tr td:first-child {
    width: 6.3em;
    margin-right: 1.2em;
}

.access__table tbody tr td:first-child {
    text-align: right;
}

@media screen and (max-width: 768px) {
    .access__content {
        flex-direction: column;
    }

    .access__content--left, .access__content--right {
        width: 100%;
    }

    .access__content--left {
        margin-bottom: 2em;
    }

    .access__content--left h3 {
        font-size: 1.3em;
    }

    .access__content--right dd {
        font-size: 1em;
        margin-bottom: 1.5em;
        width: 100%;
    }

    .access__content--right dt {
        margin-bottom: .5em;
    }

    .access__table {
        font-size: 1em;
    }

    .access__table td {
        min-width: 1.2em;
    }

    .access__table tbody tr td:first-child {
        letter-spacing: -1px;
        padding-right: 8px;
    }

    .table__font--size {
        font-size: 1em;
        padding: 4px;
    }
}

/* 繧｢繧ｯ繧ｻ繧ｹ縺ｮ繧ｫ繝ｫ繝ｼ繧ｻ繝ｫ */
.carousel2 {
    position: relative;
    overflow: hidden;
}

.carousel__main2 {
    width: 100%;
    margin: auto;
}

.carousel__pagenation2 {
    display: flex;
    justify-content: space-between;
    color: #ccc;
    width: 8em;
    margin: auto;
}

@media screen and (max-width: 768px) {
    .carousel {
        width: 100%;
        margin-bottom: 1em;
    }

    .carousel__prev, .carousel__next {
        width: 36px;
        position: absolute;
        top: 36%;
        cursor: pointer;
    }
}

/* 繧医￥縺ゅｋ雉ｪ蝠� */
.qacontainer {
    background-color: #cce0f3;
    padding-bottom: 2em;
}

.qacontainer h2 {
    padding: 1em 0 0;
    margin-bottom: 0;
}

.qacontainer__content {
    width: 90%;
}

.qacontainer__content img {
    width: 24px;
}

.qacontainer__answer {
    padding: 1em 2em;
    line-height: 2em;
    background-color: #fff;
    display: none;
}

.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 1px;
	color: #1b2538;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 雉ｪ蝠� */
.cp_qa .cp_actab label {
	line-height: 1.6;
	display: block;
    font-size: 1.5em;
    color: #fff;
    background-color: #162f5e;
    padding: .5em 1em;
    font-weight: bold;
    position: relative;
    margin-top: 1.5em;
    cursor: pointer;
}
.cp_qa .cp_actab:first-child label {
    margin-top: 0;
}

/* 遲斐∴ */
.cp_qa .cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 1s ease;
	        transition: max-height 1s ease;

    line-height: 2em;
    background-color: #fff;
    padding: 0 2em;
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em;
}
/* 雉ｪ蝠上ｒ髢九＞縺滓凾縺ｮ莉墓ｧ� */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
}
/* 雉ｪ蝠上ｒ繧ｯ繝ｪ繝�け縺励◆譎ゅ�繧｢繧､繧ｳ繝ｳ縺ｮ蜍輔″ */
.cp_qa .cp_actab label::after {
	line-height: 1.6;
	margin-top: -12.5px;
	-webkit-transition: all 1s ease;
	        transition: all 1s ease;
	text-align: center;

    display: block;
    background-image: url(../images/down.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 29px;
    height: 16px;
    position: absolute;
    top: 59%;
    right: 32px;

}
.cp_qa .cp_actab input[type=checkbox] + label::after {
	content: '';
}
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

@media screen and (max-width: 768px) {
    .cp_qa .cp_actab label {
        font-size: 1.1em;
    }

    .cp_qa .cp_actab .cp_actab-content {
        padding: 0 1em;
    }
    .cp_qa .cp_actab label::after {
        right: 16px;
    }
}


/* 蜈ｨ菴馴寔蜷亥�逵� */
.company__img {
    width: 52%;
    margin: 56px auto;
}

@media screen and (max-width: 768px) {
    .company__img {
        width: 100%;
        margin: 24px auto;
    }
}

/* 繝輔ャ繧ｿ繝ｼ */
footer {
    background-color: #162f5e;
    color: #fff;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 2.5px;
}

@media screen and (max-width: 768px) {
    .pconly {
        display: none;
    }
    .sponly {
        display: block;
    }
    .sponly_block {
        display: flex;
    }
}


/* 繝輔か繝ｼ繝�縺ｮCSS */
#form{
  background: #d2e4f3;
  padding-top: 0.1px;
  padding-bottom: 5rem;
}
#form .form{
  width: 90%;
  max-width: 1000px;
  margin: auto;
  background: white;
  padding: 40px 0;
}
@media screen and (max-width: 768px){
  #form{
    padding-bottom: 2rem;
  }
  #form .form{
    padding: 10px 0 30px;
  }
}

/* 蜈･蜉帷判髱｢ */
#form .formpart{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #c5c5c5;
  padding: 25px 0;
  max-width: 850px;
  margin: auto;
  width: 90%;
  flex-wrap: wrap;
}
#form .formpart.center{
  align-items: center;
}
#form .formpart .formname{
  width: 35%;
  display: flex;
  justify-content: space-between;
  font-size: 18px;
}
#form .formpart .formname.top{
  position: relative;
  top: 12px;
}
#form .formpart .formname .require{
  text-align: center;
  background: #29abe2;
  color: white;
  width: 3em;
  height: 1.7em;
}
#form .formpart .formname > p{
  display: none;
}
#form .formpart .forminput{
  width: 60%;
  position: relative;
}
#form .formpart .forminput.hope{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#form .formpart .forminput.hope input{
  width: 47%;
}
#form .formpart .forminput.hope select{
  width: 47%;
}
#form .formpart .forminput.hope p.chui{

}

#form .formpart .forminput .arrow{
  width: 1em;
  color: #999999;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 19em;
}
#form .formpart .forminput .arrow.birth{
  left: 11.5em;
}
#form .formpart.hope3 .forminput .arrow,
#form .formpart.time .forminput .arrow{
  transform: translateY(-115%);
}
#form .formpart.hope1,
#form .formpart.hope2{
  border-bottom: none;
}
#form .formpart.hope2{
  padding: 0;
} 
#form .formpart.hope2 .name,
#form .formpart.hope3 .name{
  position: relative;
  left: 7em;
}
#form .formpart .forminput .chui{
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.5;
}
#form .formpart .forminput input,
#form .formpart .forminput textarea,
#form .formpart .forminput select{
  width: 100%;
  font-size: 16px;
  padding: 15px 10px;
  background: #f4f5f5;
  border: none;
  letter-spacing: 1px;
  font-family: 'Noto Sans JP';
}
#form .formpart .forminput input[name="birthday"]{
  width: 14em;
}
#form .formpart .forminput select{
  font-size: 16px;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#form .formpart .forminput textarea{
  resize: none !important;
}
#form .hosoku{
  width: 90%;
  max-width: 850px;
  text-align: center;
  margin: 20px auto;
  color: #162f5e;
  font-weight: bold;
  font-size: 20px;
}
#form .policy{
  width: 90%;
  max-width: 850px;
  margin: 20px auto;
  text-align: center;
  font-size: 18px;
}
#form .policy a{
  text-decoration: underline !important;
  color: black;
}
#form .policy input[type="checkbox"]{
  width: 22px;
  height: 23px;
  position: relative;
  top: 5px;
  margin-right: 10px;
}
#form .submit{
  text-align: center;
}
#form .submit > div{
  display: block !important;
}
#form .submit .wpcf7-spinner{
    display: block;
}
#form input[type="submit"],
#form input[type="button"],
#form .syusei{
  width: 13em;
  text-align: center;
  font-size: 28px;
  padding: 20px 0;
  margin-top: 20px;
  border: none;
  color: white;
  background: linear-gradient(to bottom, #ff9810, #ffd161, #ff9810);
  font-family: monospace;
  cursor: pointer;
}
#form .syusei{
    margin: 40px auto;
}
#form input[type="button"]{
    margin-top: -20px;
}
#form input[type="submit"]:hover,
#form input[type="button"]:hover{
  opacity: 0.7;
}
@media screen and (max-width: 900px){
  #form .formpart{
    max-width: 500px;
    padding: 15px 0;
  }
  #form .formpart .formname{
    width: 100%;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 15px;
    font-size: 17px;
  }
  #form .formpart .formname .require{
    height: auto;
    padding-bottom: 3px;
  }
  #form .formpart .forminput{
    width: 100%;
  }
  #form .formpart .forminput input, 
  #form .formpart .forminput textarea, 
  #form .formpart .forminput select{
    width: 94%;
  }
  #form .formpart .forminput input[name="hopeday1"], 
  #form .formpart .forminput input[name="hopeday2"], 
  #form .formpart .forminput input[name="hopeday3"]{
    width: 94%;
  }
  #form .formpart .forminput .arrow{
    left: 17em;
  }
  #form .formpart .forminput .chui{
    font-size: 12px;
  }
  #form .formpart .formname.top{
    top: 0;
  }
  #form .formpart.hope2 .name, 
  #form .formpart.hope3 .name{
    left: 0;
  }
  #form .formpart .forminput select{
    width: 100%;
    font-size: 16px;
  }
  #form .formpart .forminput.hope select{
    width: 100%;
    margin-top: 10px;
  }

  #form .hosoku{
    font-size: 16px;
  }
  #form .policy{
    font-size: 16px;
  }
  #form .policy input[type="checkbox"]{
    width: 20px;
    height: 20px;
  }
  #form input[type="submit"],
  #form input[type="button"],
  #form .syusei{
    width: 95%;
    font-size: 24px;
    max-width: 500px;
  }
  #form .syusei{
    margin: 20px auto;
  }
}

/* 繧ｵ繝ｳ繧ｯ繧ｹ繝壹�繧ｸ */
#form div.message{
  width: 90%;
  max-width: 1000px;
  margin: auto;
  background: white;
  padding: 40px 0;
  text-align: center;
  font-size: 18px;
  font-family: serif;
  font-weight: bold;
}
#form div.message a.to_top{
  width: 13em;
  text-align: center;
  font-size: 28px;
  padding: 20px 0;
  margin-top: 20px;
  border: none;
  color: white;
  background: linear-gradient(to bottom, #ff9810, #ffd161, #ff9810);
  font-family: monospace;
  cursor: pointer;
  display: block;
  margin: 30px auto 0;
}
#form div.message a.to_top:hover{
  opacity: 0.7;
}
@media screen and (max-width: 900px){
  #form div.message{
    width: 85%;
    max-width: 500px;
    padding: 30px 10px;
    font-size: 16px;
    text-align: left;
  }
  #form div.message a.to_top{
    width: 95%;
    font-size: 24px;
    max-width: 500px;
  }
}