@charset "UTF-8";

/*リセットCSS*/
*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role='list'],ol[role='list']{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}

body{font-family: "Noto Sans JP", sans-serif;}
h2,h3,p{text-align: left;}
h2,h3{font-size: 2.2rem;}
a:hover{opacity:0.7}


/*PC SP画像の出しわけ表示*/
#jcc10399 .pc{display: block !important;}
@media screen and (max-width: 900px) {#jcc10399 .pc{display:none !important;}}
#jcc10399 .sp{display: none !important;}
@media screen and (max-width: 900px) {#jcc10399 .sp{display:block !important;}}

#jcc10399 .clear{
    clear: both;
}

/*フォントサイズの指定（主に明朝）*/
#jcc10399 .serif{/*通常用*/
    font-family: 'Noto Serif JP', serif;
}

#jcc10399 .serif_bold{/*太字*/
    font-family: 'Noto Serif JP', serif;
    font-weight: bold;
}

#jcc10399{/*全体の最大サイズ*/
    max-width:1000px;
    margin:0 auto;
    display: block;
}

#jcc10399 img{/*全体の画像共通処理*/
    width:100%;
}

/*テキスト背景/の指定*/
#jcc10399 .obi_ki{
    background-color:rgb(0, 160, 150,0.25)
}
/*
#jcc10399 .obi_green{
    background-color:rgb(100, 200, 200,0.3)
}


#jcc10399 .goteikyou{
    width: 100%;
    background-color: #000;
    margin:0 auto;
    padding: 20px 0 50px 0;
}

#jcc10399 .goteikyou .goteikyou_box{
    width: 80%;
    margin:0 auto;
}

#jcc10399 .goteikyou .goteikyou_box .goteikyou_contents{
    background-color: #fff;
    padding:30px;
    font-size: 20px;
}

@media screen and (max-width: 900px) {#jcc10399 .goteikyou .goteikyou_box .goteikyou_contents{
    background-color: #fff;
    padding:15px;
    font-size: 23px;
}
}

#jcc10399 .goteikyou .goteikyou_box .goteikyou_contents img{
    padding:30px 0;
}
*/
/*=======スライダー部位=======*/
/*別途JSによる制御あり*/
/*選択するサムネイル画像の設定*/

#jcc10399  .choice-btn li{
    cursor: pointer;
    outline: none;
    background:#333;
    width:16.6%!important;
    border: 3px solid #fff;
}

#jcc10399 .choice-btn li img{
    opacity: 0.2;/*選択されていないものは透過20%*/
}
  
#jcc10399 .choice-btn li.slick-current img{
    opacity: 1;/*選択されているものは透過しない*/
}
  
#jcc10399 .choice-btn .slick-track {
    transform: unset !important;/*画面幅サイズ変更に伴うサムネイル固定*/
}

#jcc10399 .slider_box{
    width:50%;/*スライダーの幅*/
    margin:30px auto;
}
@media screen and (max-width: 900px) {#jcc10399 .slider_box{
    width:90%;/*スライダーの幅*/
}
}

#jcc10399 .slider_box ul{
    padding:0;
}

@media screen and (max-width: 900px) {#jcc10399 .fdiamond_contents{
    width:90%;/*スライダーの幅*/
}
}
/*=======スライダー部位=======*/


#jcc10399 .contents{
background-color:#f7f7f5;
padding:30px 30px 60px;
}

#jcc10399 .contents .youtube_title img{
    width:70%;
    margin:0 auto;
}

#jcc10399 .button_list{
    background-image: url(./button_back.jpg);
    padding-bottom: 30px;
}

#jcc10399 .youtube_box {
    width: 100%;
    aspect-ratio: 16 / 9;
    margin:30px auto;
}

#jcc10399 .youtube_box iframe {
    width: 100%;
    height: 100%;
}

#jcc10399 .contents .jisseki img{
    width:auto;
    margin:40px auto;
}

#jcc10399 .contents .under_line{
    border-bottom: 4px solid #009b91;
    font-size: 32px;
}
@media screen and (max-width: 900px) {#jcc10399 .contents .under_line{
    font-size: 24px;
}}

#jcc10399 .contents .text_center{
    font-size: 28px;
    text-align:center;
    line-height: 54px;
    margin:0 0 60px;   
}
@media screen and (max-width: 900px) {#jcc10399 .contents .text_center{
    font-size: 22px;
    margin:0 0 30px;
    line-height: 46px;
}}

#jcc10399 .contents .text_copy{
    font-size: 16px;
    margin:0 auto;
    width:63%;
    line-height: 29px;
}

@media screen and (max-width: 900px) {#jcc10399 .contents .text_copy{
    width:100%;
}}

#jcc10399 .aisare_contents{
    background-color: #ffffff;
    padding:60px 0 55px;
    font-size: 30px;
}
@media screen and (max-width: 900px) {#jcc10399 .aisare_contents{
    padding:26px 0 32px;
    font-size: 24px;
}}

#jcc10399 .aisare_contents .text_center{
    font-size: 28px;
    text-align:center;
    margin: 0 auto;
    line-height: 50px;
}
@media screen and (max-width: 900px) {#jcc10399 .aisare_contents .text_center{
    line-height: 50px;
}}

#jcc10399 .aisare_contents .color_font{
    color:#009b91;
    font-size: 36px;
}
@media screen and (max-width: 900px) {#jcc10399 .aisare_contents .color_font{
    font-size: 30px;
}}

#jcc10399 .diamond_contents{
    background-color: #f6f6f3;
}

#jcc10399 .diamond_contents .pop1-1{
    width: 85%;
    margin: 0 auto;
}
@media screen and (max-width: 900px) {#jcc10399 .diamond_contents .pop1-1{
    width: 100%;
}}

#jcc10399 .diamond_contents .pop1 p{
    font-size: 18px;
    line-height: 34px;
    margin-right: 30px;
}
@media screen and (max-width: 900px) {#jcc10399 .diamond_contents .pop1 p{
    font-size: 18px;
    line-height: 32px;
    padding: 20px;
    margin:0 auto;
}}
/*
#jcc10399 .diamond_contents .pop1 .index{
    font-size: 23px;
    line-height: 48px;
    text-align: center;
    margin-bottom: 30px;
}
@media screen and (max-width: 900px) {#jcc10399 .diamond_contents .pop1 .index{
    display: none;
}}
*/
#jcc10399 .diamond_contents .pop1 .under_line{
    color:#009b91;
    font-size: 36px;
    line-height: 50px;
    margin:0 auto;
}
@media screen and (max-width: 900px) {#jcc10399 .diamond_contents .pop1 .under_line{
    font-size: 36px;
    line-height: 50px;
}}
*/

#jcc10399 .diamond_contents .diamond_both1 {
    margin: 0 auto;
}
@media screen and (max-width: 900px) {#jcc10399 .diamond_contents .diamond_both1 {
    margin: 0 auto;
}}


#jcc10399 .diamond_both1 ul{
    padding:0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
}
@media screen and (max-width: 900px) {#jcc10399 .diamond_both1 ul{
    flex-direction:column;
}
}

#jcc10399 .diamond_both1 li{
    width:50%;
    padding:10px 0 10px;
}
@media screen and (max-width: 900px) {#jcc10399 .diamond_both1 li{
    width:100%;
    padding: 0 20px;
}}


#jcc10399 .diamond_both1 img{
    margin-left: 10px;    
}
@media screen and (max-width: 900px) {#jcc10399 .diamond_both1 img{
    margin: 0 auto;
}}

#jcc10399 .diamond_contents .pop1-2{
    background-color: #f6f6f3;
    width: 85%;
    margin:0 auto 60px;
}
@media screen and (max-width: 900px) {#jcc10399 .diamond_contents .pop1-2{
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}}

#jcc10399 .diamond_contents .pop1-2 .color_font{
    font-size: 16px;
    line-height: 24px;
    margin:44px 10px 20px;
}
@media screen and (max-width: 900px) {#jcc10399 .diamond_contents .pop1-2 .color_font{
    margin:20px 0;
}}

#jcc10399 .diamond_contents  .pop1-2 .small_font{
    font-size: 12px;
    line-height: 20px;
    margin:20px 10px 0;
}
@media screen and (max-width: 900px) {#jcc10399 .diamond_contents .pop1-2 .small_font{
    margin: 0 auto;
}}

#jcc10399 .diamond_contents .pop2 {
    font-size: 18px;
    line-height: 38px;
    width: 85%;
    margin: 0 50px 60px;
}
@media screen and (max-width: 900px) {#jcc10399 .diamond_contents .pop2{
    width: 100%;
    line-height: 32px;
    margin: 0 auto;
}}

#jcc10399 .diamond_contents .pop2 .index{
    font-size: 23px;
    letter-spacing: 1.7px;
    text-align: center;
    margin-bottom: 30px;
}

#jcc10399 .diamond_contents .pop2 .under_line{
    color:#009b91;
    font-size: 32px;
    line-height: 46px;
    margin:0 auto;
    border-bottom: 2px solid #009b91;
}
@media screen and (max-width: 900px) {#jcc10399 .diamond_contents .pop2 .under_line{
    font-size: 28px;
}}

#jcc10399 .diamond_contents .pop2 p{
    font-size: 18px;
    line-height: 29px;
    padding: 0 20px;
}

@media screen and (max-width: 900px) {#jcc10399  .diamond_contents .pop2 p{
    font-size: 18px;
    line-height: 32px;
    margin:30px auto 30px;
    padding: 0;
}
}


#jcc10399 .diamond_both2 ul{
    padding:0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
}

@media screen and (max-width: 900px) {#jcc10399 .diamond_both2 ul{
    flex-direction:column;
}
}

#jcc10399 .diamond_both2 li{
    width:50%;
}
@media screen and (max-width: 900px) {#jcc10399 .diamond_both2 li{
    width:100%;
    padding: 0 20px;
}}

#jcc10399 .diamond_both2 img{
    margin: 0 auto;
}


#jcc10399 .diamond_contents .pop3 {
    margin: 0 auto;
    
}
/*
#jcc10399 .diamond_contents .pop3 .under_line{
    color:#009b91;
    font-size: 36px;
    line-height: 50px;
    margin: 50px 0 60px;
}
*/
#jcc10399 .diamond_contents .pop3 p{
    font-size: 18px;
    line-height: 30px;
    margin:0px 41px auto 0;

}
@media screen and (max-width: 900px) {#jcc10399 .diamond_contents .pop3 p{
    font-size: 18px;
    line-height: 32px;
    margin:0 auto;
}}

#jcc10399 .diamond_contents .pop3 .index{
    color:#009b91;
    font-size: 36px;
    line-height: 50px;
    text-align: center;
    margin: 42px 0 30px;
    letter-spacing: 1.7px;
}
@media screen and (max-width: 900px) {#jcc10399 .diamond_contents .pop3 .index{
    font-size: 30px;
    line-height: 46px;
    margin:30px auto 0px;

}}
/*
#jcc10399 .diamond_contents .pop3 .box{
    color:#000;
    font-size: 20px;
    padding: 10px 50px;
    background-color: #fff;
    display: inline;
    margin-left:50px;
    margin-bottom:80px;
    border: 2px solid #000;
}

@media screen and (max-width: 900px) {#jcc10399 .diamond_contents .pop3 .box{
    font-size: 13px;
    display: block;
    margin: 0 20px;
    text-align: center;
}}
*/

#jcc10399 .diamond_contents .pop3 .pop3-1{
    width:85%;
    margin: 0 auto 60px;
}

@media screen and (max-width: 900px) {#jcc10399 .diamond_contents .pop3 .pop3-1 {
    width:100%;
    margin: 0 auto;
}}

#jcc10399 .diamond_both3-1 ul{
    padding:0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
}

@media screen and (max-width: 900px) {#jcc10399 .diamond_both3-1 ul{
    flex-direction:column;
}
}

#jcc10399 .diamond_both3-1 li{
    width:50%;
}

@media screen and (max-width: 900px) {#jcc10399 .diamond_both3-1 li{
    width:100%;
    padding:0 20px;
}}

#jcc10399 .diamond_both3-1 img{
    padding-top: 10px;
}



#jcc10399 .diamond_contents .pop5 {
    padding: 0 auto 70px;
}

#jcc10399 .diamond_contents .pop5-1 img{
    width:100%;
}

#jcc10399 .diamond_contents .pop5 .index{
    color:#009b91;
    font-size: 36px;
    letter-spacing: 1.7px;
    line-height: 50px;
    text-align: center;
    margin:50px auto 40px;
}
@media screen and (max-width: 900px) {#jcc10399 .diamond_contents .pop5 .index{
    font-size: 30px;
    line-height: 46px;
    margin:30px auto 0;
}}

#jcc10399 .diamond_contents .pop5 p{
    width:85%;
    color:#000;
    font-size: 18px;
    line-height: 32px;
    margin: 0 auto 60px;
}
@media screen and (max-width: 900px) {#jcc10399 .diamond_contents .pop5 p{
    width:100%;
    font-size: 18px;
    line-height: 32px;
    margin:0 auto;
    padding: 0 20px 30px;
}}


#jcc10399 .diamond_contents .pop5-1 img{
    padding: 0 30px 30px;

}
@media screen and (max-width: 900px) {#jcc10399 .diamond_contents .pop5-1 img{
    padding: 0 30px 16px;
}}

#jcc10399 .diamond_contents .pop5-2 .small_font{
    font-size: 14px;
    line-height: 40px;
    margin:40px auto;
}
@media screen and (max-width: 900px) {#jcc10399 .diamond_contents .pop5-2 .small_font{
    font-size: 16px;
}}

#jcc10399 .original{
    background-color:#fff;
    margin: 20px auto 60px;
}

@media screen and (max-width: 900px) {#jcc10399 .original{
    padding: 0 auto;
}}

#jcc10399 .original_wrap{
    background-image: 
    url(./background-image-left.jpg),
    url(./background-image-right.jpg);
    background-position: left 0 center, right 0 center;
    background-repeat: no-repeat,  no-repeat;
    background-size: contain;
}
@media screen and (max-width: 900px) {#jcc10399 .original_wrap{
    background-image: 
    url(./background-image-left_sp.jpg),
    url(./background-image-right_sp.jpg);
    background-position: left 0 center, right 0 center;
    background-repeat: no-repeat,  no-repeat;
    background-size: contain;
}}

#jcc10399 .original .index{
    color:#000;
    font-size: 30px;
    margin:0 auto 40px;
    text-align: center;
}
@media screen and (max-width: 900px) {#jcc10399 .original .index{
    font-size: 20px;
    margin:0 auto 30px;
}}

#jcc10399 .wrap_image{
    background-color:#F7F7F5;
    padding-bottom: 50px;
}

#jcc10399 .tokusen{
    padding: 70px 0px;
    position: relative;

}
@media screen and (max-width: 900px) {#jcc10399 .tokusen{
    padding: 0;
    margin: 0 auto;
}}

#jcc10399 .tokusen_box img{
    width:86%;
    margin:0 auto 40px;
}

/*
@media screen and (max-width: 900px) {#jcc10399 .tokusen_box img{
    width:auto;
}}
*/

#jcc10399 .tokusen .tokusen_list{
position: absolute;
top: 71%;
left: 10%;
font-size: 22px;
line-height: 36px;
}
@media screen and (max-width: 900px) {#jcc10399 .tokusen .tokusen_list{
    top: 50%;
    left: 12%;
    font-size: 18px;
    line-height: 36px;
}}


#jcc10399 .original_box img{
    width:100%;
    margin:0 auto;
}
@media screen and (max-width: 900px) {#jcc10399 .original_box img{
    width:auto;
}}


#jcc10399 .osusume_wrap_box{
    max-width: 820px;
    margin:0 auto;
    background-color: #fff;
}
@media screen and (max-width: 900px) {#jcc10399 .osusume_wrap_box{
    margin:0 auto;
    padding:1px 20px;
}}

#jcc10399 .osusume_wrap_box ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
}

#jcc10399 .osusume_wrap_box .osusume_text{
    width: 52%;
    padding: 65px 38px 0;
}
@media screen and (max-width: 900px) {#jcc10399 .osusume_wrap_box .osusume_text{
    width:100%;
    padding: 20px 40px 0;
}}

#jcc10399 .osusume_wrap_box .osusume{
    font-size: 30px;
    line-height: 45px;
}
@media screen and (max-width: 900px) {#jcc10399 .osusume_wrap_box .osusume{
    font-size: 23px;
    line-height: 36px;
}}

#jcc10399 .osusume_wrap_box .osusume_img{
    width: 48%;
    margin: 0 0 30px;

}
@media screen and (max-width: 900px) {#jcc10399 .osusume_wrap_box .osusume_img{
    width:100%;
}}

#jcc10399 .wrap_box{
    max-width: 820px;
    margin:0 auto;
    padding:30px;
    background-color: #fff;
}

@media screen and (max-width: 900px) {#jcc10399 .wrap_box{
    margin:0 auto;
    padding:1px 20px;
}}


#jcc10399 .wrap_box ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
}

#jcc10399 .wrap_box li{
    width: 50%;
}

@media screen and (max-width: 900px) {#jcc10399 .wrap_box li{
    width:100%;
}}


#jcc10399 .wrap_box p{
    font-size: 23px;
    line-height: 36px;

}

#jcc10399 .wrap_box .small_font{
    font-size: 14px;
    line-height: 26px;
    margin:0 auto;
}
@media screen and (max-width: 900px) {#jcc10399 .wrap_box .small_font{
    font-size: 12px;
    margin:10px auto;
}}

#jcc10399 .wrap_box .body{
    padding:15px;

}

@media screen and (max-width: 900px) {#jcc10399 .wrap_box .body{
    padding:15px 0;
}}

#jcc10399 .wrap_box .body .index{
    color: #31314a;
}
@media screen and (max-width: 900px) {#jcc10399 .wrap_box .body .index{
    font-size: 20px;
}}

#jcc10399 .wrap_box hr{
    background-color: #31314a;
    height: 2px;
    border: none;
}

#jcc10399 .wrap_obi{

    max-width:850px;
    margin: -80px auto 0;
}

@media screen and (max-width: 900px) {#jcc10399 .wrap_obi{
    width:92%;
    margin: -60px auto 0;
}}

#jcc10399 .wrap_obi p{
    font-size: 23px;
    color:#fff;
    padding:30px 0 10px 0;
    text-align: center;
}
@media screen and (max-width: 900px) {#jcc10399 .wrap_obi p{
    padding:20px 0 10px 0;
}}

/*
#jcc10399 .wrap_box .cortion{
    font-size: 16px;
}

@media screen and (max-width: 900px) {#jcc10399 .wrap_box .cortion{
    font-size: 12px;
    line-height: 30px;
}}
*/
@media screen and (max-width: 900px) {#jcc10399 .wrap_box .body p{
    text-align: left;
    font-size: 16px;
    line-height: 26px;
}}

#jcc10399 .wrap_point{
    background-color:#b4934b;
    padding: 10px;
}


#jcc10399 .wrap_point p{
    color: #fff;
    font-size: 23px;
    line-height: 48px;
    text-align: center;
}
@media screen and (max-width: 900px) {#jcc10399 .wrap_point p{
    font-size: 16px;
    line-height: 36px;
    text-align: center;
}}

#jcc10399 .link_list .link_list_box ul{
    list-style: none;
    width:96%;
    margin:0 auto;
    padding: 0;
}

#jcc10399 .link_list .link_list_box ul li{
    margin:20px 0;
}