@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:inline-block;}
.sp_only{display:none;}

@media screen and (max-width: 767px) {
.pc_only{display: none;}
.sp_only{display: inline-block;}
}


/*-------------------------------------------
全体
-------------------------------------------*/
.public_health h3.c_blue{border-bottom: none;font-size: 4rem;font-weight: 600;color: #21417a;text-align: center;margin-bottom: 2rem;}
.public_health h3.white{border-bottom: none;font-size: 4rem;font-weight: 600;color: #fff;text-align: center;margin-bottom: 2rem;}
.public_health h4{margin-top: 0px;font-size: 2.4rem;color: #21417a;border-bottom: 1px solid #21417a;padding-bottom: 5px;font-weight: 700;margin-bottom: 11px;}
p{line-height: 2.8rem;font-size: 1.6rem;}

.text_L02{font-size: 4rem;}
.text_L1{font-size: 3.6rem;}
.text_M1{font-size: 2.8rem;}
.text_M2{font-size: 2.4rem;}
.text_S1{font-size: 1.8rem;}
.text_S2{font-size: 1.6rem;}
.t_right{text-align: right;}

.c_blue{color: #21417a;font-weight: 600;}
.c_red{color: #F10003;color: #F10003;font-size: 5.5rem;font-weight: 500;}

.indent{text-indent: -1em;display: block;padding-left: 1em;}

.grid_bg{background-image: url(../_img/public_health_bg.jpeg);background-repeat: repeat;background-size: cover;position: relative;height: auto;padding: 80px 0;}
.wrapper_point02::before{content: "";width: 100%;height: 60px;position: absolute;top: -1px;background-color: #9accfe;clip-path: polygon(50% 100%, 100% 0%, 0% 0%);	}
.textbr_none{display: inline-block;}
.p_yellow{color: #fff725;}
.box_blue {padding: 1.5em 1em;margin: 2em 0;font-weight: bold;color: #fff;background: #21417a;border-radius: 10px;}
.box_blue p {margin: 0; padding: 0;line-height: 4.2rem;font-weight: 500;}
.box_lightblue {padding: 4em 3em;font-weight: bold;background: #e7f3ff;border-radius: 10px;display: flex;justify-content: space-between;}
.box_lightblue p {margin: 0; padding: 0;}
.point_item,.intro_item{width: 48%;}
img.point_illust{width: 40%;}

.box {display: flex;justify-content: space-between;color: #fff;}

/*-------------------------------------------
FV
-------------------------------------------*/
.fvcon {margin: 0 auto;width: 100%;}
.fvimg {display: block;margin: 0 auto;width: 100%;}


/*-------------------------------------------
blue_bg
-------------------------------------------*/
.blue_bg{width: 100%;margin: auto;background-color: #e7f3ff;padding: 80px 0;}
.wrap1100{max-width: 960px;margin: 0 auto;padding: 0 4%;}

/*-------------------------------------------
こんな方～おすすめポイント
-------------------------------------------*/
.wrapper_target{background-color: #e7f3ff;}
.wrapper_point01{background-color: #9accfe;padding: 30px 30px 10px;}
.wrapper_point01 p::after{content: "";background-image: url(../_img/target_01.png);width: 16px;display: inline-block;height: 40px;background-size: contain;vertical-align: sub;margin: 0 8px 4px;background-repeat: no-repeat;}
.wrapper_point01 p{margin-top: 2%;text-align: center;font-size: 2.8rem;color: #21417a;font-weight: 500;}
.wrapper_point02 .box_blue p{text-align: center;}
.point_img{width: 100%;}
figure{margin: 0px;}
figcaption{font-size: 1.3rem;font-weight: 500;color: #808080;margin: 5px 8px;}
.point_item .text_sample{font-size: 1.3rem;font-weight: 500;margin: 5px 8px;text-align: center;}

/*-------------------------------------------
講座構成
-------------------------------------------*/
.wrapper_course{width: 100%;color: #000;}
.wrapper_course .wrap1100 p.mid{font-size: 3rem;color: #fff;background-color: #21417a;border-radius: 30px;padding: 15px 0 ;}
.wrapper_course .wrap1100 img{display: block;width: 100px;margin: 0 auto;}
.wrapper_course .wrap1100 table{width: 80%;margin: 0px auto;border: 1px solid #ccc;border-collapse:collapse;font-size: 2rem;}
.wrapper_course .wrap1100 table tr{background-color: #fff;}
.wrapper_course .wrap1100 table tr th{background-color: #21417a;border: 1px solid #ccc;padding: 10px 0;text-align: center;color: #fff;}
.wrapper_course .wrap1100 table tr th.bg_red{background-color: #fc5b63;border: 1px solid #ccc;padding: 10px 0;text-align: center;color: #fff;}
.wrapper_course .wrap1100 table tr td{border: 1px solid #ccc;
	/* padding: 10px 0 */
}
.wrapper_course .wrap1100 table tr td.lesson{text-align: center;}
.wrapper_course .wrap1100 table tr td.kakaku{
	border: 1px solid #ccc;
	/* padding: 10px 0;
	text-align: center; */
	background-color: #ffeef1;
	color: #F10003;
	font-weight: 600;
padding: 10px 60px;
text-align: right;
}
.wrapper_course .wrap1100 table tr td.kakaku span{font-size: 2.8rem;}
.wrapper_course .total img{-webkit-transform: rotate(19deg);display: inline;width: 7%;margin-left: 5px;}
.wrap1100 p.p_mid{font-size: 2.2rem;line-height: 4rem;font-weight: 600;color: #000;}
.wrap1100 p.price{font-size: 3rem;font-weight: 500;color: #000;margin: 30px 0;}
/* .big{font-size: 5rem;font-weight: 500;color: #f00;} */
/* p.value{width: 40%;margin: 0 auto;font-size: 1.8rem;line-height: 4rem;font-weight: 600;color: #000;border: 1px solid #000;padding: 5px 0;}
p.value .price{color: #F10003;font-size: 130%;}  */
.wrapper_course .course-detail{width: 80%;margin: 0 auto;}
.wrapper_course .course-detail dl{margin: 0px auto 25px;box-sizing: border-box;position: relative;padding: 14px 16px 8px;background-color: #fff;}
.wrapper_course .course-detail dt{float: left;font-weight: bold;}
.wrapper_course .course-detail dd{margin-left: 9%;margin-bottom: 6px;}
.wrapper_course .tax{color: #333333;font-weight: normal;font-size: 1.5rem!important;}
.wrapper_course .border_b{border-bottom: 3px solid #ccc;}
.wrapper_course .course_total{margin-top: 30px!important;text-align: center;line-height: 6rem;}
.wrapper_course .course_total p{text-align: center;}
.wrapper_course .course_total img{display: inline!important;}

.wrapper_course tbody td{text-align: left;}
.wrapper_course .width13{width: 13%;}
.wrapper_course .width50{width: 50%;}
.wrapper_course .width37{width: 37%;}
.wrapper_course .contents{padding: 10px 0px 10px 55px;text-align: left;}
/* .kakaku{padding: 10px 60px!important;text-align: right!important;}  */


/* ------------------------------
講師紹介
------------------------------ */
.wrapper_intro{padding: 80px 0;background-color: #21417a;}
.dr_intro p{border: 1px solid #fff;font-size: 1.8rem;background-color: #fff;display: inline-block;margin-bottom: 10px;}
.dr_intro .white_bg{color: #21417a;padding: 1rem 3rem;display: inline-block;}
.blue_bd{background-color: #21417a;padding: 1rem 4.5rem;}
.intro_item img{width: 90%;}
/* .wrapper_intro .box{display: inline;} */
/* .wrapper_intro .dr_intro{margin-top: 20px;} */

/*------------------------------------------------------------------------------------購入ボタンエリア */
/* .cartbox{max-width: 960px;text-align: center;margin: 60px auto 0;background-color: #fff;color: #000 !important;box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.4);} */
/* .wrap1100 .cartbox h4{font-size: 3rem;font-weight: 600;padding: 5px 0;background-color: #f00;color: #fff;margin-bottom: 20px;font-family:'Noto Serif JP',sans-serif;}
.cartbox p{font-weight: 500;font-size: 2.4rem;text-align: center;color: #000;}
.cartbox_link ul {display: flex;justify-content: space-between;margin-top: 30px;padding: 0 3% 3%;}
.cartbox_link li{text-align:center;width: 49%;}
.cartbox_link li a{display:block;padding:13px 20px;border-radius:10px;font-size:2.0rem;font-weight:bold;letter-spacing:1px;line-height:160%;}
.cartbox_link li a font{font-size:82%;opacity:0.85;font-weight:normal;}
.cartbox_link li a.type1{background:#D50000;color:#FFF;}
.cartbox_link li a.type2{background:#4E9200;color:#FFF;}
.cartbox_close ul {width: 49%;margin:auto;margin-top: 30px;padding: 0 3% 3%;}
.cartbox_close li{text-align:center;}
.cartbox_close li p{background:#ebeaea;display:block;padding:13px 20px;border-radius:10px;color:darkgray;font-size:1.6rem;font-weight:bold;letter-spacing:1px;line-height:160%;}
#cart1 p{font-size:2.4rem;line-height:180%;margin-top:30px}  */

/*-------------------------------------------
サンプル動画
-------------------------------------------*/
.youtube {
width: 85%;
aspect-ratio: 16 / 9;
margin: 0 auto;
}
.youtube iframe {
width: 90%;
height: 90%;
background-size: cover;
}
.wrapper_movie{padding: 80px 0 0}
.wrapper_movie img{margin: 0 auto;display: block;width: 100%;}
.youtube p{background-color: #FFF;text-align: center;padding: 14px 16px;width: 87%;margin: 0 auto 16px;}

/*-------------------------------------------
購入するボタン
-------------------------------------------*/
.buy-SNS_area {max-width: 960px;margin: 0 auto 100px auto;padding: 0 4%;text-align: center;}
.buy-SNS_area .notes{text-align: center;margin-top: 80px;}





/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
レスポンシブ
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:768px) {

.wrap1100 h3.c_blue{font-weight: 600;letter-spacing: 1px;color: #21417a;font-size: 3rem;line-height: 4rem;border-bottom: none;margin-bottom: 20px;text-align: center;}
.blue_bg{width: 100%;margin: auto;background-color: #e7f3ff;padding: 20px 0 60px;}
.grid_bg{padding: 60px 0;}
.text_L02{font-size: 3rem;}
.text_L1{font-size: 3rem;}
.text_M1{font-size: 2.5rem;}
.text_M2{font-size: 2rem;}
/* .text_S1{font-size: 1.8rem;} */
.text_S2{font-size: 1.5rem;}

.box_lightblue p {font-size: 1.5rem;}
.public_health h4{font-size: 2rem;}



/* ------------------------------
FV
------------------------------ */
.fvcon {max-width: 100%;margin: 0 auto;}
.fvimg {display: block;max-width: 100%;margin: 0 auto;}


/* ------------------------------
blue_bg
------------------------------ */
/* .wrapper_yell{width: 100%;margin: auto;background-color: #21417a;padding: 40px 0 5px;} */
.wrap1100{max-width: 100%;margin: 0 auto;padding: 0 5%;}
.wrap1100 h3{font-weight: 600;letter-spacing: 1px;color: #fff;font-size: 3rem;line-height: 4rem;border-bottom: none;margin-bottom: 20px;text-align: center;}



/* ------------------------------
おすすめポイント
------------------------------ */
.box_lightblue{padding: 1.5em 1.5em;background: #e7f3ff;border-radius: 10px;display: flex;flex-direction: column-reverse;}
/* .wrapper_point02 h4{margin-top: 15px;} */
.point_item{margin: 15px 0;}
img.point_illust{display: none;}
/* ------------------------------
おすすめポイント、講師紹介
------------------------------ */
.point_item, .intro_item{width: 100%;}


/* ------------------------------
講師紹介
------------------------------ */
.wrapper_intro{padding: 80px 0;background-color: #21417a;}
.wrapper_intro .box{display: inline;}
.wrapper_intro .dr_intro{margin-top: 30px;}
.wrapper_intro p{font-size: 1.5rem;}
.intro_item p.img{text-align: center;}
.intro_item img{width: 75%;}
.blue_bd{padding: 1.3rem 4.5rem}

/* ------------------------------
講座構成
------------------------------ */
.wrapper_course{width: 100%;margin: -20px auto 0;padding: 80px 0;background-color: #e7f3ff;color: #000;}
.wrapper_course .wrap1100 h3{font-size: 3rem;font-weight: bold;line-height: 4rem;color: #000;}
.wrapper_course .wrap1100 p.mid{font-size: 1.6rem;line-height: 2.5rem;color: #fff;background-color: #21417a;border-radius: 5px;padding: 10px 15px;}
.wrapper_course .wrap1100 img{display: block;width: 60px;margin: 0 auto;}
.wrapper_course .wrap1100 table{width: 100%;margin: 20px auto;border: 1px solid #000;border-collapse:collapse;font-size: 1.5rem;}
.wrapper_course .wrap1100 table tr th{background-color: #21417a;border: 1px solid #ccc;padding: 10px 0;text-align: center;color: #fff;}
.wrapper_course .wrap1100 table tr td{border: 1px solid #CCC;
	/*padding: 10px 0;
	 text-align: center; */
}

.wrap1100 p.p_mid{font-size: 1.6rem;line-height: 2.5rem;font-weight: 600;color: #000;}
.wrap1100 p.price{font-size: 1.6rem;font-weight: 600;color: #000;margin: 15px 0;}
/* .big{font-size: 3rem;font-weight: 600;color: #f00;} */
/* p.value{width: 90%;margin: 0 auto;font-size: 1.6rem;line-height: 3rem;font-weight: 600;color: #000;border: 1px solid #000;padding: 5px 0;} */

.wrapper_course .total img{-webkit-transform: rotate(19deg);display: inline!important;width: 17%;margin: 13px 0px 2px 5px;}
.wrapper_course .course-detail {width: 100%;}
.wrapper_course .course-detail dd{margin-left: 20%;}
.wrapper_course .contents{text-align: left;padding: 10px 12px;}
.wrapper_course .wrap1100 table tr td.kakaku{padding: 17px;}
.notes{font-size: 1.5rem;}

/* .youtube {width: 100%;aspect-ratio: 16 / 9;margin: 0 auto;} */
.youtube p{font-size: 15px;padding: 10px;margin-bottom: 10px;}
}