@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&family=Zen+Old+Mincho&display=swap');
body{color: #000;}
.pc_only{display:block;}
.sp_only{display:none;}
span.textbr_none{display: inline-block;}
@media screen and (max-width: 767px) {
.pc_only{display: none;}
.sp_only{display: inline-block;}
}
/*-------------------------------------------
全体
-------------------------------------------*/
.kokushi_summarize h3{border-bottom: none;font-size: 4rem;font-weight: 600;text-align: center;margin-bottom: 2rem;}
p{line-height: 180%;font-size: 1.8rem;}
.kokushi_summarize img{width: 100%;}
.t_md{font-size: 2rem;}
.t_sm{font-size: 1.8rem;}
.t_right{text-align: right;}
.t_center{text-align: center;}
.c_orange{color: #e46a09;font-weight: 600;}
.c_gray{color: #999999!important;}
.indent{text-indent: -1em;display: block;padding-left: 1em;}
/*-------------------------------------------
FV
-------------------------------------------*/
.fvcon {margin: 0 auto;width: 100%;}
.fvimg {display: block;margin: 0 auto;width: 100%;}
/*-------------------------------------------
bg
-------------------------------------------*/
.wrap1100{max-width: 960px;margin: 0 auto;padding: 0 4%;}
.bg_pattern{background-image: url(../_img/bg.png);background-repeat: repeat;background-size: auto;position: relative;height: auto;padding: 80px 0;margin-bottom: 80px;}
.wrapper_about .wrap1100,.wrapper_about .wrap_price{background-color: #fff;border-radius: 20px;}
.bg_white{background-color: #fff;border-radius: 20px;margin-top: 100px;padding-top: 100px;padding-bottom: 100px;}
/*-------------------------------------------
about
-------------------------------------------*/
.wrapper_about{background-color: #e46a09;padding: 100px 0;}
.wrapper_about h3{text-align: left;}
.container{display: flex;}
.about_img{width: 35%;align-self: flex-end;}
.about_text{padding-left: 50px;padding-bottom: 50px;}
.wrapper_about .wrap1100{padding-top: 50px;}
/*-------------------------------------------
voice
-------------------------------------------*/
.wrap_voice{border: 4px solid #fedcc6;padding-top: 100px;padding-bottom: 100px;border-radius: 20px;background-color: #fff;}
.container_voice{flex-wrap: wrap;display: flex;}
.item_voice{width: 48%;margin-bottom: 15px;}
.bg_orange{background-color: #fff9e9;padding: 17px 20px;margin: 20px 20px 5px;}
.img_voice{width: 20%;margin: 0 auto;}
.item_voice .t_md{text-align: center;font-weight: 500;border-bottom: 1px solid #e46a09;padding-bottom: 8px;}
/*-------------------------------------------
target
-------------------------------------------*/
.wrapper_target{background-color: #fff9e9;}
.wrapper_target .container{padding: 120px 0;}
/*-------------------------------------------
price
-------------------------------------------*/
.wrap_price{padding-top: 100px;}
.wrap_price .width20{width: 20%;}
.wrap_price .width45{width: 45%;}
.wrap_price .width35{width: 35%;}
.wrap_price table{width: 100%;margin: 0px auto;border: 1px solid #ccc;border-collapse:collapse;font-size: 1.8rem;}
.wrap_price table tr{background-color: #fff;}
.wrap_price table tr th{background-color: #e6e6e6;border: 1px solid #ccc;padding: 10px 0;text-align: center;}
.wrap_price table tr td{border: 1px solid #e6e6e6;text-align: center;padding: 13px;}
.wrap_price table tr td.products{background-color: #666666;color: #fff;text-align: right;padding: 3rem 8rem;}
.wrap_price table tr td.products span,.wrap_price table tr td.products2 span{display: inline-block;background-color: #fff;color: #666666;font-weight: 600;width: fit-content;padding: 3px 16px;border-radius: 20px;margin: 5px 0;}
.wrap_price .contents ,.wrap_price .date {background-color:#f2f2f2;}
.wrap_price .date {text-align: right;}
.wrap_price .products2{background-color: #e46a09;color: #fff;text-align: right;padding: 1rem 8rem;}
.wrap_price table tr td.products2 span{color: #e46a09;}
.wrap_price .contents2{background-color: #fcf0e6;text-align: left;padding: 13px 50px;}
/*-------------------------------------------
sample
-------------------------------------------*/
/* .wrap_sample .item{width: 47%;} */
.youtube {width: 85%;aspect-ratio: 16 / 9;margin: 0 auto;text-align: center;}
.youtube iframe {width: 90%;height: 90%;background-size: cover;}
/*-------------------------------------------
購入するボタン
-------------------------------------------*/
div.buy-SNS_area{max-width:960px;margin:0 auto 100px auto;padding:0 4%;text-align:center;}
div.buy-SNS_area .notes{text-align: center;margin-top: 80px;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
レスポンシブ
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:768px) {
.wrapper_about{padding: 70px 0;}
h3{font-size: 3.6rem !important;line-height: 1.3;}
/* .container{padding: 0px;} */
.t_md{font-size: 1.8rem;}
p{line-height: 2.8rem;}
/* ------------------------------
FV
------------------------------ */
.fvcon {max-width: 100%;margin: 0 auto;}
.fvimg {display: block;max-width: 100%;margin: 0 auto;}
/* -----------------------------
about
------------------------------ */
.wrap1100{max-width: 100%;margin: 0 5%;padding: 0 5%;}
.wrapper_about .container {flex-direction: column-reverse;}
.wrapper_about .about_text{padding: 0px;}
.about_img{width: 57%;align-self: flex-end;transform: scale(-1, 1);}
/* ------------------------------
target
------------------------------ */
.wrapper_target .pc_only{display: none;}
.wrapper_target .sp_only{margin-bottom: 60px;margin-top: 60px;}
.wrapper_target .wrap1100{margin: 0px;padding: 0 5%}
.bg_pattern{padding: 70px 0;margin-bottom: 70px;}
.bg_white{margin-top: 70px !important;padding-top: 70px;padding-bottom: 7%;}
/* ------------------------------
voice
------------------------------ */
.container_voice{display: block;}
.item_voice{width: 100%;}
.wrap_voice{padding: 60px 0;}
/* ------------------------------
sample
------------------------------ */
.wrap_sample .container{display: block;}
.wrap_sample .container .item{width: 100%;}
.youtube{width: 100%!important;margin-bottom: 30px;text-align: center;}
/* ------------------------------
price
------------------------------ */
.wrap_price{padding-top: 60px;}
.wrap_price table,.wrap_price .contents2{font-size: 1.5rem;}
.wrap_price .sp_only{margin-bottom: 70px;}
.wrap_price table tr td.products,.wrap_price .products2{font-size: 1.5rem;padding: 20px 10px;text-align: center;}
.wrap_price table tr td{padding: 8px 10px}
.wrap_price table tr th{font-size: 1.4rem;}
.wrap_price .contents2{padding: 8px 8px;font-size: 1.5rem;}
.wrap_price .width45{width: 40%;}
.wrap_price .width35{width: 33%;}
.wrap_price .width20{width: 27%;}
.wrap_price table tr td.products span, .wrap_price table tr td.products2 span{font-size: 1.5rem;padding: 3px 7px;}
}