html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
* {
    box-sizing: border-box;
}
html{
    font-size: 16px;
    /* font-size: 100%; */
    font-size: 1vw;
    /* font-size: 11.20238984316654px; */
}
@media (max-width: 767px) {
    html{
        font-size: 14px;
        font-size: 1vw;
    }
}
@media (max-width: 437px) {
    html{
        font-size: 4.375px;
        font-size: 1vw;
    }
}
@media (max-width: 375px) {
    html{
        font-size: 3.755px;
        /* font-size: 1vw; */
    }
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
    line-height:1;
    /* font-family: 'Noto Sans', sans-serif; */
    /* font-family:"Helvetica Neue" , "HelveticaNeue", Arial , Verdana , Roboto ,"Osaka","OSAKA_f",'Noto Sans JP',"ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic",sans-serif; */
    /* font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; */
    font-family: 'Noto Sans JP', sans-serif;
    /* min-width:1120px; */
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "palt";
    letter-spacing: 0;
    /* overflow: hidden; */
}
@media (max-width: 767px) {
    body {
        /* font-size:13px; */
        min-width:100%;
    }
}
article{
    overflow:hidden;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

input:focus,textarea:focus{
    outline: none;
}

img{
    max-width:100%;
}

.pc{
    display:block;
}
@media (max-width: 767px) {
    .pc{
        display:none;
    }
}

.sp{
    display:none;
}
@media (max-width: 767px) {
    .sp{
        display:block;
    }
}

a{
    text-decoration: none;
}
a:hover,
input[type="submit"]:hover{
    opacity: 0.7;
}

sup{
    font-size:70%;
}

.center {
    text-align: center;
}

/*****************************************************/
html.is-fixed, html.is-fixed body {
    /* height: 100%; */
    overflow: hidden;
}

.inner{
    max-width:1240px;
    padding:0 20px;
    width:100%;
    margin:auto;
}
@media (max-width: 767px) {
    .inner{
        width:100%;
        padding:0 20px;
    }
} 
main{
    position:relative;
    overflow:hidden;
}

/*****************************************************/

footer{
    padding:25px 0 20px;
    background-color:#000;
}
@media (max-width: 767px) {
    footer{
        padding:15px 0 15px;
    }
}
.main_footer{
    max-width:1200px;
    width:100%;
    margin:auto;
}
.main_footer_content_sns{
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid #FFF;
}
@media (max-width: 767px) {
    .main_footer_content_sns{
        padding-bottom:15px;
        margin-bottom:10px;
    }
}
.main_footer_content_sns ul{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:0 30px;
}
@media (max-width: 767px) {
    .main_footer_content_sns ul{
        gap:0 25px;
    }
}
.main_footer_content_sns ul li{

}
.main_footer_content_sns ul li a{

}
.main_footer_content_sns ul li a img{
    height:40px;
    width:auto;
}
@media (max-width: 767px) {
    .main_footer_content_sns ul li a img{
        height:40px;
    }
}
.main_footer_content_copy{
    text-align: center;
}
.main_footer_content_copy p{
    font-weight: 500;
    font-size: 12px;
    color: #fff;
}
@media (max-width: 767px) {
    .main_footer_content_copy p{
        font-size: 12px;
    }
}
/*****************************************************/
.kv_image img {
    display:block;
    width: 100%;
}
.top_head {
    padding:15px 0 0;
    margin-bottom:40px;
}
@media (max-width: 767px) {
    .top_head {
        padding:15px 0 0;
    }
}
.p_top_head_content{
    margin-bottom:50px;
}
@media (max-width: 767px) {
    .p_top_head_content{
        margin-bottom:40px;
    }
}
.p_top_head_content_top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}
@media (max-width: 767px) {
    .p_top_head_content_top{
        margin-bottom:30px;
    }
}
.p_top_head_content_top_date{
    width: 160px;
    height: 25px;
    border-radius: 5px;
    border: 1px solid #707070;
    display:flex;
    align-items:center;
    justify-content:center;
}
@media (max-width: 767px) {
    .p_top_head_content_top_date{
        width: 130px;
        height: 25px;
    }
}
.p_top_head_content_top_date p{
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #707070;
}
@media (max-width: 767px) {
    .p_top_head_content_top_date p{
        font-size: 13px;
    }
}
.p_top_head_content_top_share{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom: 1px solid #000;
    gap:0 35px;
    padding-bottom:5px;
}
@media (max-width: 767px) {
    .p_top_head_content_top_share{
        gap:0 15px;
        padding-bottom:5px;
    }
}
.p_top_head_content_top_share > span{
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    color: #000;
    white-space: nowrap;
}
@media (max-width: 767px) {
    .p_top_head_content_top_share > span{
        font-size: 12px;
    }
}
.p_top_head_content_top_share_ico{
    display:flex;
    align-items:center;
    gap:0 15px;
}
@media (max-width: 767px) {
    .p_top_head_content_top_share_ico{
        gap:0 15px;
    }
}
.p_top_head_content_top_share_tw{
    width:30px;
}
@media (max-width: 767px) {
    .p_top_head_content_top_share_tw{
        width:30px;
    }
}
.p_top_head_content_top_share_fb{
    width:30px;
}
@media (max-width: 767px) {
    .p_top_head_content_top_share_fb{
        width:30px;
    }
}
.p_top_head_content_top_share_copy{
    width:30px;
    cursor: pointer;
}
@media (max-width: 767px) {
    .p_top_head_content_top_share_copy{
        width:30px;
    }
}
.p_top_head_content_top_share_copy:hover{
    opacity: 0.6;
}

.p_top_head_content_title{
    font-weight: bold;
    font-size: 30px;
    line-height: 1.25em;
    text-align: left;
    color: #000;
    margin-bottom:15px;
}
@media (max-width: 767px) {
    .p_top_head_content_title{
        font-size: 24px;
        margin-bottom:15px;
        line-height: 1.5em;
    }
}
.top_head_textarea {
    font-size: 16px;
    line-height: 2em;
    color: #000;
}
@media (max-width: 767px) {
    .top_head_textarea {
        font-size: 16px;
    }
}
.top_head_text {
    font-size: clamp(14px, 1rem, 16px);
}
.p_top_head_contents{
    min-height:500px;
    position:relative;
    padding-bottom:65px;
}
@media (max-width: 767px) {
    .p_top_head_contents{
        min-height:460px;
        padding:0 20px;
        padding-bottom:120px;
    }
}
.p_top_head_contents_bg{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
}
.p_top_head_contents_bg img{
    display:block;
    height:400px;
    width:100%;
    object-fit: cover;
    object-position: center;
}
@media (max-width: 767px) {
    .p_top_head_contents_bg img{
        height:360px;
    }
}
.p_top_head_contents_block{
    position:relative;
    z-index: 2;
    max-width:610px;
    width:100%;
    margin:auto;
    background-color:#F8F8F8;
    padding:30px 40px;
}
@media (max-width: 767px) {
    .p_top_head_contents_block{
        max-width:100%;
        padding:25px 20px 40px;
    }
}
.p_top_head_contents_block_titlearea{
    margin-bottom:25px;
}
@media (max-width: 767px) {
    .p_top_head_contents_block_titlearea{
        margin-bottom:25px;
    }
}
.p_top_head_contents_block_title{
    font-weight: 500;
    font-size: 20px;
    text-align: left;
    color: #000;
    margin-bottom:10px;
    line-height:1.5em;
}
@media (max-width: 767px) {
    .p_top_head_contents_block_title{
        font-size: 20px;
        margin-bottom:10px;
    }
}
.p_top_head_contents_block_subtitle{
    margin-bottom:10px;
    font-weight: normal;
    font-size: 14px;
    line-height:1.5em;
    text-align: left;
    color: #000;
}
@media (max-width: 767px) {
    .p_top_head_contents_block_subtitle{
        font-size: 14px;
    }
}
.p_top_head_contents_block_list{
    padding:0 0 0 20px;
    border-left:1px solid #000000;
}
@media (max-width: 767px) {
    .p_top_head_contents_block_list{
        padding:0 0 0 20px;
    }
}
.p_top_head_contents_block_list_title{
    font-weight: bold;
    font-size: 18px;
    text-align: left;
    color: #000;
    margin-bottom:20px;
}
@media (max-width: 767px) {
    .p_top_head_contents_block_list_title{
        font-size: 16px;
        margin-bottom:20px;
    }
}

.p_top_head_contents_block_list > ol > li{
    margin-bottom:20px;
    counter-increment: mycounter;
}
@media (max-width: 767px) {
    .p_top_head_contents_block_list > ol > li{
        margin-bottom:20px;
    }
}
.p_top_head_contents_block_list > ol > li:last-child{
    margin-bottom:0px;
}
.p_top_head_contents_block_list > ol > li > a{
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5em;
    text-align: left;
    color: #000;
    position:relative;
    padding:0 20px 0 35px;
    display:block;
}
@media (max-width: 767px) {
    .p_top_head_contents_block_list > ol > li > a{
        font-size: 16px;
        padding:0 0px 0 35px;
    }
}
.p_top_head_contents_block_list > ol > li > a:before{
    content: counter(mycounter, decimal-leading-zero) ".";
    position:absolute;
    top:0px;
    left:0;
    font-weight: 500;
    font-size: 20px;
    text-align: left;
    color: #ab7b38;
}
@media (max-width: 767px) {
    .p_top_head_contents_block_list > ol > li > a:before{
         font-size: 20px;
    }
}
.p_top_head_contents_block_list > ol > li > a span{
    display:inline;
}
.p_top_head_contents_block_list > ol > li > a span:after{
    content:"";
    border-top:1px solid #ab7b38;
    border-right:1px solid #ab7b38;
    width:8px;
    height:8px;
    transform:rotate(45deg) translateY(-1px);
    display:inline-block;
    margin-left:10px;
}
@media (max-width: 767px) {
    .p_top_head_contents_block_list > ol > li > a span:after{
         width:8px;
        height:8px;
        margin-left:10px;
    }
  
}
.p_top_head_contents_block_list > ol > li > ul{
    padding-top:15px;
}
@media (max-width: 767px) {
    .p_top_head_contents_block_list > ol > li > ul{
        padding-top:15px;
    }
}
.p_top_head_contents_block_list > ol > li > ul > li{
    padding-bottom:15px;
    padding-left:45px;
    position:relative;
}
@media (max-width: 767px) {
    .p_top_head_contents_block_list > ol > li > ul > li{
        padding-bottom:15px;
        padding-left:35px;
    }
}
.p_top_head_contents_block_list > ol > li > ul > li:last-child{
    padding-bottom:0;
}

.p_top_head_contents_block_list > ol > li > ul > li a,
.p_top_head_contents_block_list > ol > li > ul > li span{
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5em;
    text-align: left;
    color: #000;
    position:relative;
}
@media (max-width: 767px) {
    .p_top_head_contents_block_list > ol > li > ul > li a,
    .p_top_head_contents_block_list > ol > li > ul > li span{
        font-size: 14px;
    }
}
.p_top_head_contents_block_list > ol > li > ul > li a:before,
.p_top_head_contents_block_list > ol > li > ul > li span:before {
    content:"-";
    font-weight: 500;
    font-size: 20px;
    text-align: left;
    color: #ab7b38;
    position: absolute;
    left: -16px;
}
.content_factor_flex_text {
    flex: 1;
    position: relative;
}
.p_top_content03 {
    padding: 3rem 0;
}
@media (max-width: 767px) {
    .p_top_head_contents_block_list > ol > li > ul > li a:before,
    .p_top_head_contents_block_list > ol > li > ul > li span:before{
        top:0;
        left:-20px;
        font-size: 20px;
    }
    .p_top_content01{
        padding-top:0;
    }
}

.p_top_content:last-child{
    margin-bottom:0px;
}
.p_top_content {
    padding: 40px 0 20px;

}
.p_top_content > *:last-child{
    margin-bottom:0px;
}

@media (max-width: 767px) {
    .p_top_content_title{
        margin-bottom:20px;
    }
}
.p_top_content_subtitle{
    margin-bottom:25px;
    display:flex;
    flex-direction: column;
    align-items: center;
    gap:5px;
}
@media (max-width: 767px) {
    .p_top_content_subtitle{
        margin-bottom:35px;
        gap:5px;
    }
}
.p_top_content_subtitle p{
    font-weight: bold;
    font-size: clamp(16px, 1.25rem, 20px);
    text-align: center;
    color: #ab7b38;
    position:relative;
}
.p_top_content_title h2{
    margin-bottom:30px;
    font-weight: 600;
    font-size: clamp(24px, 2rem, 32px);
    text-align: center;
    line-height:1.5em;
}
.p_top_content_title_text > *:last-child{
    margin-bottom:0;
}
.p_top_content_title_text p{
    font-size: 16px;
    line-height: 2.25em;
    text-align: center;
    color: #000;
    margin-bottom:40px;
}
@media (max-width: 767px) {
    .p_top_content_title_text p{
        font-size: 16px;
        text-align: left;
        margin-bottom:30px;
    }
}
.p_top_content_title_text p span{
    background: linear-gradient(transparent 60%, #E0D798 30%);
    font-weight:bold;
}

.p_top_content_title_text p sup{
    transform: scale(0.7);
    display:inline-block;
    top:-1px;
}
.p_top_content_full{
    margin-bottom:30px;
    position:relative;
}
@media (max-width: 1240px) {
}
@media (max-width: 767px) {
    .p_top_content_full{
        width:100%;
        margin:auto;
        /* padding-bottom:0; */
        margin-bottom:45px;
    }
}
@media (max-width: 767px) {
    .p_top_content_full_bg_sp_none.p_top_content_full{
        padding-bottom:0;
    }
}
.p_top_content_full_bg{
    display: block;
    height: 325px;
    width: 100%;
    background-color:#F8F8F8;
    position:absolute;
    bottom:0;
    left:0;
}
.p_top_content_full_bg.p_top_content_full_bg1{
    height:225px;
}
.p_top_content_full_bg.p_top_content_full_bg2{
    height:241px;
}
.p_top_content_full_bg.p_top_content_full_bg3{
    height:195px;
}
@media (max-width: 767px) {
    .p_top_content_full_bg{
        /* display: none; */
        display: block;
        width: calc(100% + 40px);
        max-width: calc(100% + 40px);
        left:-20px;
        height:254px;
    }
    /* .p_top_content_full_bg.p_top_content_full_bg_sp{
        display: block;
        width: calc(100% + 40px);
        max-width: calc(100% + 40px);
        left:-20px;
        height:193px;
    } */
    .p_top_content_full_bg_sp_none .p_top_content_full_bg{
        display:none;
    }
    .p_top_content_full_bg.p_top_content_full_bg1{
        height:254px;
    }
    .p_top_content_full_bg.p_top_content_full_bg2{
        height:110px;
    }
    .p_top_content_full_bg.p_top_content_full_bg3{
        height:133px;
    }
}

.p_top_content_full_note{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:-50px;
}
@media (max-width: 767px) {
    .p_top_content_full_note{
        /* position:static; */
        /* transform:unset; */
        /* margin-top:10px; */
        width:100%;
        bottom:-70px;
    }
}
.p_top_content_full_note p{
    font-size: 14px;
    line-height: 2.25em;
    text-align: center;
    color: #000;
}
@media (max-width: 767px) {
    .p_top_content_full_note p{
        font-size: 14px;
        line-height: 1.75em;
    }
}
.content_inner {
    max-width:1200px;
    width:100%;
    margin:auto;
    position:relative;
}
.content_inner_image {
    text-align: center;
    margin-bottom: 30px;
}
.content_inner_image img {
    margin: 0 auto;
}
.content_link {
    color: #ed8086;
    font-weight: 600;
    margin: 16px 0 32px;
    font-size: clamp(16px, 1.125rem, 18px);
    text-align: left;
    display: inline-block;
    border-bottom: #ed8086 solid 1px;
    padding-bottom: 4px;
}
.content_link_erea {
    color: #ed8086;
    display: flex;
    align-items: center;
}
.content_link_erea img {
    margin-right: 6px;
    height: 100%;
}
@media (max-width: 767px) {
    .content_inner{
        max-width:100%;
        text-align: center;
    }
}
.p_top_content_image{
    width:700px;	
    margin:auto;
    margin-bottom:20px;
}
@media (max-width: 767px) {
    .p_top_content_image{
        width:100%;
        margin-bottom:30px;
    }
}
.p_top_content_image:last-child{
    margin-bottom:0px;
}
.p_top_content_image img{
    width:100%;
    display:block;
}
.p_top_content_image_note{
    font-size: 14px;
    line-height: 2.25em;
    text-align: center;
    color: #000;
    margin-top:15px;
}
@media (max-width: 767px) {
    .p_top_content_image_note{
        font-size: 14px;
        line-height: 1.75em;
        text-align:center;
        margin-top:15px;
    }
    .p_top_content_textblock p.p_top_content_image_note{
        font-size: 14px;
        line-height: 1.75em;
        text-align:center;
        margin-top:15px;
    }
}
.p_top_content_textcontent{
    display:flex;
    gap:0 50px;
    margin-bottom:40px;
}
@media (max-width: 767px) {
    .p_top_content_textcontent{
        display:flex;
        flex-direction: column;
        gap:30px;
    }
    #p_top_content03 .p_top_content_textcontent{
        flex-direction: column-reverse;
    }
    .p_top_content_textcontent.p_top_content_textcontent_sp_block{
        gap:20px;
    }
}

.p_top_content_textcontent.p_top_content_textcontent_full{
    display:block;
}
/* .p_top_content_textcontent.p_top_content_textcontent_w100{
    display:block;
    width:100%;
} */

.p_top_content_textcontent > p{
    font-size: 16px;
    line-height: 2.25em;
    color: #000;
    margin-bottom:40px;
}
@media (max-width: 767px) {
    .p_top_content_textcontent > p{
        font-size: 16px;
        text-align: left;
    }
}
.p_top_content_textcontent > p:last-child{
    margin-bottom:0px;
}
.p_top_content_textcontent > p span{
    background: linear-gradient(transparent 60%, #FFD9A7 30%);
    font-weight:bold;
}

.p_top_content_textcontent > p.p_top_content_textcontent_note{
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5em;
    text-align: left;
    color: #000;
}
.p_top_content_textcontent > p.p_top_content_textcontent_note a{
    text-decoration: underline;
    color: #000;
}

.p_top_content_textcontent > h3{
    font-weight: 500;
    font-size: 25px;
    line-height: 1.5em;
    text-align: left;
    color: #000;
    padding-left:35px;
    position:relative;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .p_top_content_textcontent > h3{
        font-size: 18px;
        padding-left:25px;
        line-height: 1.5em;
        margin-bottom: 20px;
    }
}
.p_top_content_textcontent > h3:before{
    position: absolute;
    content: "-";
    top: -5px;
    left: 0;
    font-weight: 500;
    font-size: 45px;
    text-align: left;
    color: #eb9880;
}
@media (max-width: 767px) {
    .p_top_content_textcontent > h3:before{
        top: -5px;
        font-size: 25px;
    }
}


.p_top_content_textcontent > h4{
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5em;
    text-align: left;
    color: #ff4e22;
    padding-left:25px;
    margin-bottom:20px;
    position:relative;
}
@media (max-width: 767px) {
    .p_top_content_textcontent > h4{
        font-size: 16px;
        padding-left:25px;
        line-height: 1.5em;
    }
}
.p_top_content_textcontent > h4:before{
    position: absolute;
    content: "";
    top: 6px;
    left: 0;
    width:14px;
    height:14px;
    background-color:#ff4e22;
    border-radius:50%;
}
@media (max-width: 767px) {
    .p_top_content_textcontent > h4:before{
        top: 6px;
    }
}

@media (max-width: 767px) {
    .p_top_content_textarea{
        width:100%;
    }
}

.p_top_content01 .p_top_content_full .p_top_content_textarea{
    width:100%;
    margin-bottom:40px;
    text-align:center;
}
@media (max-width: 767px) {
    .p_top_content01 .p_top_content_full .p_top_content_textarea{
        margin-bottom:40px;
    }   
}
.p_top_content01 .p_top_content_full .p_top_content_textarea h3{
    text-align: center;
    display: inline-block;
}
@media (max-width: 767px) {
    .p_top_content01 .p_top_content_full .p_top_content_textarea h3{
        text-align: left;
    }
}
.p_top_content01 .p_top_content_full .p_top_content_textarea p{
    text-align: center;
}
@media (max-width: 767px) {
    .p_top_content01 .p_top_content_full .p_top_content_textarea p{
        text-align: left;
    }
}
.p_top_content_textcontent.p_top_content_textcontent_full .p_top_content_textarea{
    width:100%;
    margin-bottom:40px;
}
@media (max-width: 767px) {
    .p_top_content_textcontent.p_top_content_textcontent_full .p_top_content_textarea{
        margin-bottom:40px;
    }   
}
.p_top_content_textcontent.p_top_content_textcontent_full:last-child{
    margin-bottom:0px;
}   
.p_top_content_textcontent.p_top_content_textcontent_full .p_top_content_textarea:last-child{
    margin-bottom:0px;
}
.p_top_content_textblock {
    margin-bottom:3.5rem;
}
@media (max-width: 767px) {
    .p_top_content_textblock{
        margin-bottom:40px;
        padding-bottom:0;
        border-bottom:none;
    }
}
.p_top_content_textblock h3{
    font-weight: 500;
    font-size: 25px;
    line-height: 1.5em;
    text-align: left;
    color: #000;
    margin-bottom:20px;
    padding-left:35px;
    position:relative;
}
@media (max-width: 767px) {
    .p_top_content_textblock h3{
        font-size: 18px;
        margin-bottom:20px;
        padding-left:25px;
        line-height: 1.5em;
    }
}
.p_top_content_textblock h3:before{
    position: absolute;
    content: "-";
    top: -5px;
    left: 0;
    font-weight: 500;
    font-size: 45px;
    text-align: left;
    color: #f3aa9c;
}
@media (max-width: 767px) {
    .p_top_content_textblock h3:before{
        top: -5px;
        font-size: 25px;
    }
}
.p_top_content_textblock h4{
    font-weight: 500;
    font-size: 22px;
    line-height: 1.5em;
    text-align: left;
    color: #f3aa9c;
    margin-bottom:10px;
}
@media (max-width: 767px) {
    .p_top_content_textblock h4{
        font-size: 18px;
        margin-bottom:10px;
        line-height: 1.5em;
    }
}
.p_top_content_textblock p{
    font-size: 16px;
    line-height: 2.25em;
    color: #000;
    text-align: center;
}
@media (max-width: 767px) {
    .p_top_content_textblock p{
        font-size: 14px;
        margin-bottom:30px;
    }
}
.p_top_content_textblock p:last-child{
    margin-bottom:0px;
}
.p_top_content_textblock p span{
    background: linear-gradient(transparent 60%, #E0D798 30%);
    font-weight: bold;
}
.p_top_content_textblock p sup{
    transform: scale(0.7); 
    display: inline-block;
}
.p_top_content_textblock p.p_top_content_textcontent_note{
    font-size:14px;
}
@media (max-width: 767px) {
    .p_top_content_textblock p.p_top_content_textcontent_note{
        font-size:14px;
    }
}

.p_top_content_textblock ul{
    margin-bottom: 20px;
}
.p_top_content_textblock ul li{
    font-size: 16px;
    line-height: 2.25em;
    text-align: left;
    color: #000;
    padding-left:20px;
    position:relative;
}
@media (max-width: 767px) {
    .p_top_content_textblock ul li{
        font-size: 16px;
    }
}
.p_top_content_textblock ul li:before{
    position:absolute;
    content:"・";
    top:50%;
    left:0;
    transform:translateY(-50%);
    font-size: 22px;
    line-height: 37px;
    text-align: left;
    color: #f3aa9c;

}
.p_top_content_imagearea{
    width:523px;
}
@media (max-width: 767px) {
    .p_top_content_imagearea{
        width:100%;
        margin-bottom:30px;
    }
    .p_top_content_imagearea:last-child{
        margin-bottom:0px;
    }
}
.p_top_content03 .p_top_content_imagearea,
.p_top_content04 .p_top_content_imagearea{
    width:560px;
}
@media (max-width: 767px) {
    .p_top_content03 .p_top_content_imagearea,
    .p_top_content04 .p_top_content_imagearea{
        width:100%;
    }
}
.p_top_content_imagearea img{
    margin-bottom:10px;
    width:100%;
}
@media (max-width: 767px) {
    .p_top_content_imagearea img{
        margin-bottom:10px;
    }
}
.p_top_content_imagearea img:last-child{
    margin-bottom:0px;
}

.p_top_content_checklistarea{
    margin-bottom:90px;
}
@media (max-width: 767px) {
    .p_top_content_checklistarea{
        margin-bottom:40px;
    }
}
.p_top_content_checklist{
    width:908px;
    padding:50px 0;
    margin:auto;
    background-color:#F5FCFF;
    border:1px solid #A6C9F6;
}
@media (max-width: 767px) {
    .p_top_content_checklist{
        padding:20px 0;
        width:100%;
    }
}
.p_top_content_checklist ul{
    width:578px;
    margin:auto;
}
@media (max-width: 767px) {
    .p_top_content_checklist ul{
        width:100%;
        margin:auto;
        padding:0 15px;
    }
}
.p_top_content_checklist ul li{
    position:relative;
    padding-left:40px;
    font-weight: normal;
    font-size: 22px;
    line-height: 1.5em;
    text-align: left;
    color: #000;
    margin-bottom:15px;
}
@media (max-width: 767px) {
    .p_top_content_checklist ul li{
        padding-left:40px;
        font-size: 18px;
        margin-bottom:0px;
        line-height: 2em;
    }
}
.p_top_content_checklist ul li:last-child{
    margin-bottom:0x;
}
.p_top_content_checklist ul li:before{
    background-image:url(../img/list_ico.svg);
    width:26px;
    height:27px;
    background-size:100%;
    background-repeat:no-repeat;
    background-position: center;
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    content:"";
}
@media (max-width: 767px) {
    .p_top_content_checklist ul li:before{
        width:26px;
        height:27px;
        top:20px;
        left:0;
    }
}
.p_top_content_textcontent_2image{
    display:flex;
    gap:40px;
    justify-content:center;
}
@media (max-width: 767px) {
    .p_top_content_textcontent_2image{
        display:flex;
        flex-wrap:wrap;
        gap:30px;
        justify-content:center;
    }
}
.p_top_content_textcontent_2image_block{
    width:calc(50% - (40px / 2));
}
@media (max-width: 767px) {
    .p_top_content_textcontent_2image_block{
        width:100%;
    }
}
.p_top_content_textcontent_2image_block img{
    margin-bottom:10px;
}
@media (max-width: 767px) {
    .p_top_content_textcontent_2image_block img{
        margin-bottom:10px;
    }
}
.p_top_content_textcontent_2image_block p{
    font-size: 14px;
    line-height: 1.5em;
    text-align: center;
    color: #000;
}
@media (max-width: 767px) {
    .p_top_content_textcontent_2image_block p{
        font-size: 14px;
    }
}
.p_top_content_textcontent_3image{
    display:flex;
    gap:40px;
    justify-content:center;
}
@media (max-width: 767px) {
    .p_top_content_textcontent_3image{
        display:flex;
        flex-wrap:wrap;
        gap:30px;
        justify-content:center;
    }
}
.p_top_content_textcontent_3image_block{
    width:calc(33% - (80px / 3));
}
@media (max-width: 767px) {
    .p_top_content_textcontent_3image_block{
        width:100%;
    }
}
.p_top_content_textcontent_3image_block img{
    margin-bottom:10px;
}
@media (max-width: 767px) {
    .p_top_content_textcontent_3image_block img{
        margin-bottom:10px;
    }
}
.p_top_content_textcontent_3image_block p{
    font-size: 14px;
    line-height: 1.5em;
    text-align: left;
    color: #000;
}
@media (max-width: 767px) {
    .p_top_content_textcontent_3image_block p{
        font-size: 14px;
    }
}

.p_top_note{
    width:500px;
    margin:auto;
    margin-bottom:65px;
}
@media (max-width: 767px) {
    .p_top_note{
        margin-bottom:60px;
        width:100%;
        padding: 0 20px;
    }
}
.p_top_note p{
    font-size: 14px;
    line-height: 1.75em;
    text-align: left;
    color: #000;
}
@media (max-width: 767px) {
    .p_top_note p{
        font-size: 14px;
        line-height: 1.75em;
    }
}
.p_top_note p a{
    color:#f3aa9c;
}
.p_top_note p sup {
    transform: scale(0.7);
    display:inline-block;
    top: -1px;
}

.p_top_featured {
    padding:40px 0 50px;
    background-color:#F8F8F8;
    margin-bottom:80px;
}
@media (max-width: 767px) {
    .p_top_featured{
        padding:30px 0 50px;
        margin-bottom:45px;
    }
}
.p_top_featured:last-child {
    margin-bottom:0px;
}

.p_top_featured_title {
    margin-bottom:30px;
}
@media (max-width: 767px) {
    .p_top_featured_title{
        margin-bottom:15px;
    }
}
.p_top_featured_title p {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    color: #FF4E22;
    margin-bottom:10px;
}
@media (max-width: 767px) {
    .p_top_featured_title p {
        font-size: 14px;
        margin-bottom:10px;
    }
}
.p_top_featured_title h2 {
    font-weight: 500;
    font-size: 30px;
    text-align: center;
    color: #000;
}
@media (max-width: 767px) {
    .p_top_featured_title h2{
        font-size: 20px;
    }
}
.p_top_talk {
    margin-bottom: 40px;
}
.p_top_talk_content {
    padding: 20px;
    display: flex;
    gap: 0 20px;
    align-items: flex-start;
    background: #fdf4f3;
    border: 1px solid #e79796;
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    
    .p_top_talk_content{
        padding:20px 25px;
        display:flex;
        flex-direction: column;
        gap: 2rem;
    }
}
.p_top_talk_image {
    width:277px;
}
.talk_content_small {
    font-size: 12px;
    text-align: right;
}
@media (max-width: 767px) {
    .p_top_talk_image {
        width:100%;
        text-align: center;
    }
    .p_top_talk_image img {
        margin: 0 auto;
    }
}
.p_top_talk_textarea {
    width:calc(100% - 277px - 20px);
    padding:10px 0;
}
@media (max-width: 767px) {
    .p_top_talk_textarea{
        width:100%;
    }
}
.p_top_talk_textarea h2{
    font-weight: bold;
    font-size: 25px;
    text-align: left;
    color: #e79796;
    margin-bottom: 2rem;
}
@media (max-width: 767px) {
    .p_top_talk_textarea h2{
        font-size: 25px;
    }
}
.p_top_talk_namearea {
    font-weight: bold;
    text-align: left;
    color: #000;
    margin-bottom:20px;
}
@media (max-width: 767px) {
    .p_top_talk_namearea{
        font-weight: bold;
        margin-bottom: 2rem;
    }
}
.p_top_talk_namearea h3{
    font-size: clamp(20px, 1.5rem, 24px);
    margin-bottom:5px;
    line-height: 1.5em;
}
.p_top_talk_namearea h3 span {
    font-size: clamp(14px, 1rem, 16px);
    font-weight: 600;
}
@media (max-width: 767px) {
    .p_top_talk_namearea h3{
        margin-bottom:5px;
    }
}
.p_top_talk_namearea p {
    font-size: 16px;   
    line-height: 1.5em;
}

.p_top_talk_textarea p{
    font-size: 16px;
    line-height: 2.25em;
    text-align: left;
    color: #000;
}
@media (max-width: 767px) {
    .p_top_talk_namearea p{
        font-size: 16px;   
    }
    .p_top_talk_textarea p{
        font-size: 16px;
    }
}
.p_top_talk_textarea p sup{
    transform:scale(0.7);
    display:inline-block;
    top:-1px;
}

.p_top_summary{
    margin-bottom:50px;
}
@media (max-width: 767px) {
    .p_top_summary{
        margin-bottom:60px;
    }
}
.p_top_summary_content{
    padding:20px;
    display:flex;
    gap:0 40px;
    align-items:flex-start;
    background: #F5FCFF;
    border: 1px solid #f3aa9c;
}
@media (max-width: 767px) {
    .p_top_summary_content{
        padding:30px 20px;
        display:flex;
        flex-direction: column;
        gap:30px;
        align-items:center;
    }
}
.p_top_summary_image{
    width:144px;
}
@media (max-width: 767px) {
    .p_top_summary_image{
        width:144px;
    }
}
.p_top_summary_textarea{
    width:calc(100% - 144px - 40px);
}
@media (max-width: 767px) {
    .p_top_summary_textarea{
        width:100%;
    }
}
.p_top_summary_textarea h2{
    font-weight: bold;
    font-size: 25px;
    text-align: left;
    color: #f3aa9c;
    margin-bottom:15px;
}
@media (max-width: 767px) {
    .p_top_summary_textarea h2{
        font-size: 20px;
        margin-bottom:20px;
        text-align: center;
    }
}
.p_top_summary_textarea h3{
    font-weight: bold;
    font-size: 20px;
    text-align: left;
    margin-bottom:15px;
}
@media (max-width: 767px) {
    .p_top_summary_textarea h3{
        font-size: 20px;
        margin-bottom:20px;
    }
}
.p_top_summary_textarea p{
    font-size: 16px;
    line-height: 2em;
    text-align: left;
    color: #000;
}
@media (max-width: 767px) {
    .p_top_summary_textarea p{
        font-size: 16px;
    }
}
.p_top_summary_textarea p span{
    background: linear-gradient(transparent 60%, #E0D798 30%);
    font-weight: bold;
}
.topbtn{
    text-align:right;
    padding:20px;
}
@media (max-width: 767px) {
    .topbtn{
        padding:60px 20px 20px;
    }
}

.topbtn a img{
    width:50px;
}


/********************************************/

.p_top_content.p_top_content00{
    margin-bottom:0;
}
.p_top_content00 .p_top_content_textcontent{
    justify-content: center;
}
.p_top_content00_textcontent_items{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:75px;
}
@media (max-width: 767px) {
    .p_top_content00_textcontent_items{
        gap:25px;
    }
}
.p_top_content00_textcontent_items li{
    text-align: center;
}
.p_top_content00_textcontent_items li img{
    width:237.5px;
    margin-bottom:20px;
}
@media (max-width: 767px) {
    .p_top_content00_textcontent_items li img{
        width:150px;
        margin-bottom:10px;
    }
}
.p_top_content00_textcontent_items_text{
    font-weight: bold;
    font-size: 20px;
    line-height: 1.25em;
    text-align: center;
    color: #000;
}
@media (max-width: 767px) {
    .p_top_content00_textcontent_items_text{
        font-size: 16px;
        display: inline;
    }
}
.p_top_content00_textcontent_items_age{
    font-weight: bold;
    font-size: 16px;
    line-height: 1.25em;
    text-align: center;
    color: #000;
}
@media (max-width: 767px) {
    .p_top_content00_textcontent_items_age{
        font-size: 16px;
        display: inline;
    }
}
.p_top_content01_textcontent_head h2{
    font-family: "Noto Sans JP";
    font-weight: 500;
    font-size: 35px;
    text-align: left;
    color: #000;
    margin-bottom:30px;
}
@media (max-width: 767px) {
    .p_top_content01_textcontent_head h2{
        font-size: 24px;
        margin-bottom:25px;
        text-align: center;
        line-height:1.5em;
    }
}
.p_top_content_talk{
    display:flex;
    gap:20px;
    align-items: center;
    margin-bottom:25px;
}
@media (max-width: 767px) {
    .p_top_content_talk{
        align-items: flex-start;
        gap:20px;
        margin-bottom:15px;
    }
}
.p_top_content_talk_ico{
    width:65px;
}
@media (max-width: 767px) {
    .p_top_content_talk_ico{
        width:65px;
    }
}
.p_top_content_talk_ico img{
    width: 100%;
}
.p_top_content_talk_ico p{
    font-weight: bold;
    font-size: 16px;
    line-height: 1.25em;
    text-align: center;
    color: #5995a7;
}
@media (max-width: 767px) {
    .p_top_content_talk_ico p{
        font-size: 16px;
    }
}
.p_top_content_talk02 .p_top_content_talk_ico p{
    color: #f3aa9c;
}
.p_top_content_talk > p{
    width:auto;
    max-width:calc(100% - 20px - 65px);
    position:relative;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.75em;
    text-align: left;
    color: #5995a7;
    padding:10px 20px;
    border-radius: 10px;
    background: #eff8fd;
}
@media (max-width: 767px) {
    .p_top_content_talk > p{
        width:100%;
        max-width:calc(100% - 20px - 65px);
        font-size: 16px;
        padding:10px 15px;
    }
}
.p_top_content_talk02.p_top_content_talk > p{
    color: #f3aa9c;
    background: #FCF8EA;
}
.p_top_content_talk > p:before{
    content:"";
    position:absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 17px solid #eff8fd;
    border-left: 0;
    top:50%;
    left:-13px;
    transform:translateY(-50%);
}
@media (max-width: 767px) {
    .p_top_content_talk > p:before{
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 17px solid #eff8fd;
        top:15px;
        left:-13px;
        transform:unset;
    }
}
.p_top_content_talk02.p_top_content_talk > p:before{
    border-right: 17px solid #FCF8EA;
}

.p_top_content_list ul{
    width:696px;
    padding:40px 60px;
    background: #fff;
    border: 1px solid #ff4e22;
    gap:15px 30px;
    display:flex;
    flex-wrap:wrap;
    margin:auto;
}
@media (max-width: 767px) {
    .p_top_content_list ul{
        width:100%;
        padding:30px 15px;
        gap:15px 15px;
    }
}
.p_top_content_list ul li{
    width:210px;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.5em;
    text-align: left;
    color: #000;
    background-image : linear-gradient(to right, #FF4E22 2px, transparent 2px);
    background-size: 6px 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
    padding:0 0 10px 40px;
    position:relative;
}
@media (max-width: 767px) {
    .p_top_content_list ul li{
        width:100%;
        font-size: 20px;
        padding:0 0 10px 40px;
    }
}
.p_top_content_list ul li:nth-child(2n){
    width:calc(100% - 210px - 30px);
}
@media (max-width: 767px) {
    .p_top_content_list ul li:nth-child(2n){
        width:100%;
    }
}
.p_top_content_list ul li:before{
    background-image: url(../img/ico_check.svg);
    width:25.31px;
    height:22.03px;
    content:"";
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position:absolute;
    top:40%;
    left:0;
    transform: translateY(-50%);
}
@media (max-width: 767px) {
    .p_top_content_list ul li:before{
        width:25.31px;
        height:22.03px;
        top:40%;
        left:0;
        transform: translateY(-50%);
    }
}
.p_top_content_list ul li.p_top_content_list_none:before{
    content:none;
}
@media (max-width: 767px) {
    .p_top_content_list ul li.p_top_content_list_none{
        display:none;
    }
}

@media (max-width: 767px) {
    .p_top_content_image_scroll_sp{
        width: 100%;
        overflow: scroll;
    }
    .p_top_content_image_scroll_sp img{
        width: 696px;
        max-width: 696px;
    }
}

.p_top_content04 .p_top_content_list ul{
    position:relative;
}
.p_top_content_list_title{
    position:absolute;
    width: 270px;
    height: 27px;
    background: #ff4e22;
    display:flex;
    justify-content:center;
    align-items:center;
    font-weight: bold;
    font-size: 16px;
    line-height: 1em;
    text-align: center;
    color: #fff;
    top:-15px;
    left:15px;
}
@media (max-width: 767px) {
    .p_top_content_list_title{
        width: 270px;
        height: 27px;
        font-size: 16px;
        top:-15px;
        left:50%;
        transform: translateX(-50%);
    }
}
.p_top_content04 .p_top_content_list ul li{
    width: 100%;
}
.content_factor_flex {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    gap: 3rem;
    margin: 2.5rem 1rem;
}
.flex-reverse {
    flex-direction: row-reverse;
}
.content_factor_flex_image {
    flex: 1;
}
.content_factor_flex_image img{
    width: 100%;
}
.content_inner p,
.content_factor_flex_text p {
    line-height: 2;
    font-size: clamp(14px, 1rem, 16px);
    text-align: left;
}
.number1,
.number2 {
    margin-top: 3rem;
}
.number1:before {
    content: "01";
    position: absolute;
    top: -4.5rem;
    font-size: clamp(24px, 3rem, 36px);
    font-weight: 600;
    color: #232a4c;
}
.number2:before {
    content: "02";
    position: absolute;
    top: -4.5rem;
    font-size: clamp(24px, 3rem, 36px);
    font-weight: 600;
    color: #232a4c;
}
.diagnosis {
    text-align: center;
    margin-bottom: 3rem;
}
.diagnosis img {
    margin: 0 auto;
}
.content_1column {
    text-align: center;
}
.content_1column img {
    max-width: 560px;
    width: 100%;
    margin: 0 auto 2rem;
}
@media (max-width: 767px) {
    .content_factor_flex {
        display: block;
        margin-bottom: 40px;
    }
    .content_factor_flex img {
        width: 100%;
        margin-bottom: 16px;
    }
    .number p:before {
        top: -36px;
    }
}
.content_function {
    max-width: 1160px;
    margin: 0 auto;
}
.content_function_box {
    position: relative;
    background-image: -moz-linear-gradient( 90deg, rgb(251,247,239) 0%, rgb(251,247,240) 17%, rgb(249,245,237) 35%, rgb(243,237,225) 70%, rgb(241,232,218) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(251,247,239) 0%, rgb(251,247,240) 17%, rgb(249,245,237) 35%, rgb(243,237,225) 70%, rgb(241,232,218) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(251,247,239) 0%, rgb(251,247,240) 17%, rgb(249,245,237) 35%, rgb(243,237,225) 70%, rgb(241,232,218) 100%);
    padding: .5rem 1rem;
    border-radius: 2rem 0 2rem 0;
    margin-bottom: 2rem;
}
.content_factor_flex img {
    flex: 1;
}
@media screen and (max-width: 767px) {
    .content_function_box {
        border-radius: 3rem 0 3rem 0;
    }
    .content_function_box h3 {
        border-radius: 6rem;
    }
    .function_box_detail {
        border-radius: 6rem;
    }
    .content_function_box h3:before {
        width: 6rem;
        height: 6rem;
        line-height: 6rem;
        left: 1.5rem;
        font-size: 16px;
    }
    .content_function_box:after {
        top: 2rem;
    }
    .number1:before,
    .number2:before {
        margin-top: 2rem;
        position: relative;
        top: 0;
    }
}
@media screen and (max-width: 480px) {
    .content_function_box h3:before {
        width: 7rem;
        height: 7rem;
        line-height: 7rem;
    }
}
.step_btn img {
    max-height: 14px;
}
.conten_usage_box {
    background: #F8F8F8;
    border-radius: 1rem;
    padding: 3rem;
    margin: 16px 0;
}
.conten_usage_box_flex {
    display: flex;
    gap: 3rem;
    align-items: center;
}
.conten_usage_box_flex p {
    line-height: 2;
    font-size: clamp(12px, 1rem, 16px);
    flex: 3;
}
.conten_usage_box_title {
    text-align: center;
    flex: 1;
}
.conten_usage_box_title h3 {
    color: #f3aa9c;
    font-size: clamp(16px, 1.5rem, 24px);
    font-weight: 700;
}
.conten_usage_box_title img {
    margin: 0 auto 16px;
}
.conent_qa dl {
    line-height: 2;
    text-align: left;
    position: relative;
}
.conent_qa dl dt {
    color: #004986;
    font-size: clamp(16px, 1.25rem, 20px);
    font-weight: 700;
    left: 40px;
    padding-right: 40px;
    position: relative;
}
.conent_qa dl dt:before {
    position: absolute;
    content: url(../img/ico_question.png);
    left: -40px;
}
.conent_qa dl dd {
    font-size: clamp(12px, 1rem, 16px);
    margin: 1rem 0 2rem 40px;
}
.white-space {
    white-space: nowrap;
}
.content_step {
    line-height: 2;
}
.content_step h3 {
    font-size: clamp(20px, 1.5rem, 24px);
    font-weight: 600;
    text-align: center;
    margin: 40px 0 20px;
}
.content_step h3 span {
    color: #1e9cd4;
    font-weight: 700;
    font-size: clamp(12px, 1rem, 16px);
    border: #1e9cd4 solid 1px;
    padding: .5rem 2rem;
    border-radius: 100vw;
    line-height: 3;
}
.content_step li {
    padding-top: 3rem;
}
.content_step li p {
    font-size: clamp(14px, 1rem, 16px);
}
.content_step_image {
    margin: 40px 0 30px;
    text-align: center;
    position: relative;
}
.content_step_image img {
    margin:  0 auto;
}
.content_step_image p {
    text-align: center;
}
.content_step_image .content_step_image_p {
    text-align: right;
    font-size: clamp(10px, .75rem, 12px);
    max-width: 700px;
    margin: 0 auto;
}
.content_step_image .image_span {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}
.image_span span {
    font-weight: 600;
    font-size: clamp(12px, 1rem, 14px);
}

.background {
    background-color: #f8f8f8;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 260px;
    transform: translateX(-50%);
    z-index: -1;
}
.step_btn a {
    margin: 3rem auto 0;
    text-align: center;
    max-width: 480px;
    background: #004986;
    color: #fff;
    font-size: clamp(14px, 1.25rem, 20px);
    font-weight: 700;
    border-radius: 100vw;
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
}
.mt_80 {
    margin-top: 80px;
}
.mb_80 {
    margin-bottom: 80px;
}
.mb_40 {
    margin-bottom: 40px;
}
.mt_60 {
    margin-top: 60px;
}
.mb_2rm {
    margin-bottom: 2rem;
}
.p_small {
    padding: 1rem 0 2rem;
}
.p_small small {
    font-size: clamp(10px, .75rem, 12px);
}
.content_step_image_flex {
    display: flex;
    gap: 2rem;
}
@media screen and (max-width: 767px) {
    .conten_usage_box_flex,
    .content_function  {
        display: block;
    }
    .content_function_box {
        max-width: 100%;
        width: 100%;
        margin: 16px 0;
    }
    .conten_usage_box_title {
        margin-bottom: 2.5rem;
    }
    .conent_qa dl dd {
        margin-left: 0;
    }
    .background {
        top: 60%;
        height: 30rem;
    }
    .step_btn a {
        padding: 2rem;
    }
    .p_small {
        padding: 10px 0 20px;
    }
    .mt_80 {
        margin-top: 60px;
    }
    .mt_60 {
        margin-top: 30px;
    }
    .mb_80 {
        margin-bottom: 60px;
    }
}

@media screen and (min-width: 768px) {
    .sp_only {
        display: none;
    }
}
@media screen and (min-width: 910px) {
    .sp_only_910 {
        display: none;
    }
}
@media screen and (min-width: 840px) {
    .sp_only_840 {
        display: none;
    }
}
@media screen and (min-width: 599px) {
    .sp_only_599 {
        display: none;
    }
}
@media screen and (min-width: 481px) {
    .sp_only_481 {
        display: none;
    }
}
.underline {
    background: linear-gradient(transparent 50%, #fff9ad 50%);
    font-weight: 700;
}
.content_block_area {
    line-height: 2;
}
.content_block_area h3 {
    font-size: clamp( 20px, 1.5rem, 24px);
    font-weight: 600;
    text-align: left;
}
.content_block_area h3:before {
    content: "-";
    font-weight: 700;
    color: #ab7b38;
    font-size: 32px;
    margin-right: 6px;
}
.content_block_area p {
    text-align: left;
}
.content_block_area_p {
    margin-top: 20px;
}
.content_block_area_question h4 {
    font-size: clamp( 16px, 1.25rem, 20px);
    font-weight: 600;
    color: #ab7b38;
    margin: 30px 0 0 .5rem;
    text-align: left;
    position: relative;
}
.content_block_area_question h4:before {
    content: "●";
    font-size: 8px;
    position: relative;
    display: inline-block;
    top: -3px;
    left: -.5rem
}
.content_step_image p {
    text-align: center;
}
.content_step_image p span {
    font-weight: 600;
    font-size: clamp(12px, 1rem, 14px);
    max-width: 700px;
    text-align: center;
}
.content_block_area_image {
    text-align: center;
    margin: 20px 0;
}
.content_block_area_image img {
    margin: 0 auto;
}
.content_block_area_image p {
    font-size: clamp( 12px, .875rem, 14px);
    text-align: center;
    font-weight: 600;
}
@media screen and (max-width: 767px) {
    .content_block_area h3 {
        text-align: left;
    }
}
.process {
    font-weight: 700;
    color: #ec6941;
    margin: 10px 20px;
    text-align: left;
}
.process li {
    list-style: auto;
    font-size: clamp(14px, 1rem, 16px);
}
/* product */
.content_product {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: clamp(14px, 1rem, 16px);
    line-height: 2;
    text-align: center;
}
.content_product_block {
    width: calc(100% / 3 - 20px);
    max-width: 367px;
}
.content_product_block a {
    color: #000;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
.content_product_block_image {
    text-align: center;
    margin-bottom: 10px;
}
.content_product_block_text {
    text-align: left;
}
.content_product_block_text h3 {
    font-size: clamp(18px, 1.25rem, 20px);
    font-weight: 600;
    margin-bottom: 1rem;
}
.content_product_block_text span {
    color: #ab7b38;
    font-weight: 700;
    font-size: 16px;
}
.content_product_block_text p small {
    font-size: 12px;
    margin-top: 1rem;
}
.content_product_flex {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}
.content_product_flex span {
    color: #fff;
    background: #ab7b38;
    padding: 6px 12px;
    border-radius: 100vw;
    font-size: 12px;
}
.content_product_link {
    background: #ab7b38;
    color: #fff;
    font-weight: 700;
    border-radius: 100vw;
    padding: .5rem 2rem;
    font-size: clamp(20px, 1.5rem, 24px);
    max-width: 367px;
    width: 100%;
    margin: 20px auto 40px;
}
@media screen and (max-width: 1024px) {
    .content_product {
        justify-content: space-around;
    }
    .content_product:after {
        content: "";
        width: 367px;
    }
    .content_product_block {
        width: calc(100% / 2 - 20px);
        max-width: 367px;
    }
}
@media screen and (max-width: 768px) {
    .content_product:after {
        display: none;
    }
    .content_product_block {
        width: 100%;
    }
    .content_product_link {
        padding: 1rem;
    }
}
.name_red {
    background: #ef4b3a;
    color: #fff;
    padding: .25rem 10px;
    font-weight: 700;
    margin-right: .25rem;
}
.name_blue {
    background: #425691;
    color: #fff;
    padding: .25rem 10px;
    font-weight: 700;
    margin-right: .25rem;
}
.name_black {
    background: #000;
    color: #fff;
    padding: .25rem 10px;
    font-weight: 700;
    margin-right: .25rem;
}
.introduction_box {
    background: #f8f8f8;
    padding: 20px;
    text-align: center;
    line-height: 2;
    border-radius: 1rem;
}
.introduction_box h2 {
    font-size: clamp(20px, 1.5rem, 24px);
    font-weight: 700;
}
.introduction_box h3 {
    font-size: clamp(16px, 1.25rem, 20px);
    font-weight: 700;
}
.introduction_box p {
    font-size: clamp(14px, 1rem, 16px);
    margin-top: 1rem;
}
.introduction_box img {
    max-width: 323px;
    width: 100%;
    margin: 1rem auto;
}
.introduction_box ul {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.p_top_content02 {
    background: #f8f8f8;
}
.content_inner>.question_closed {
    font-size: clamp( 16px, 1.25rem, 20px);
    font-weight: 700;
    color: #ab7b38;
    text-align: left;
    position: relative;
    margin-left: 1rem;
}
.question_closed:before {
    content: "▶";
    font-size: 16px;
    position: relative;
    display: inline-block;
    left: -.5rem
}
@media screen and (max-width: 768px) {
    .introduction_box li {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 710px) {
    .introduction_box ul {
        display: block;
    }
    .introduction_box .sp_only_910,
    .introduction_box .sp_only_840 {
        display: none;
    }
}

/********************************************/