@charset "utf-8";
/*---------------------- #header ----------------------*/
#header img{width: 155px; height: auto; display: block; margin: 0 auto 20px;}
#header h1{font-size: 16px; text-align: center;font-family: 'Noto-Sans-JP-Regular'; letter-spacing: 0.05em; line-height: 225%;}
#header h1 span{font-size: 28px; line-height: 136%; font-family: 'Noto-Sans-JP-Bold';letter-spacing: 0.05em;}
#header h1 span.ed_name{font-family: quicksand, sans-serif; font-weight: 700; font-style: normal; font-size: 37px; color: #1FA8C1; line-height: 117%;}

#header h1.tt_title{text-align: center; font-size: 19px;font-family: quicksand, sans-serif; font-weight: 700; font-style: normal; color: #F10030; line-height: 160%;}
#header h1.tt_title span{font-size: 30px;font-family: 'Noto-Sans-JP-Medium';letter-spacing: 0.05em; color: #000; line-height: 150%;}

body{padding: 58px 95px 90px 85px;}
body.modal_2{padding: 101px 95px 90px 85px;}
#main{padding: 34px 0 0;}
/*---------------------- modal_box ----------------------*/
#main.modal_box .cover_image,
#main.modal_box .sub_image,
#main.modal_box .cover_image img,
#main.modal_box .sub_image img{width: 100%; height: auto;}
#main.modal_box .sub_image:not(:first-child){margin: 25px 0 0;}
#main.modal_box .sub_image:last-child{margin-bottom: 50px;}
#main.modal_box .content:not(:first-child){padding: 60px 0 0;}
#main.modal_box .content:not(:last-child){ border-bottom: 1px solid #eee; }
#main.modal_box .content h2.b_title{font-size: 30px; line-height: 168%;font-family: 'Noto-Sans-JP-Medium';letter-spacing: 0.05em; padding: 5px 0 0;}
#main.modal_box .content p.b_data{padding: 20px 0 0; line-height: 160%; font-size: 19px; color: #a6a6a6;font-family: 'Noto-Sans-JP-Medium';letter-spacing: 0.05em;}
#main.modal_box .content p.b_text{line-height: 225%; font-size: 16px; font-family: 'Noto-Sans-JP-Regular'; padding: 10px 0 0;letter-spacing: 0.05em;}
#main.modal_box .content p.t_text{font-size: 16px; line-height: 225%; padding: 30px 0 0;font-family: 'Noto-Sans-JP-Regular';}
.modal_2 #main.modal_box .content p.t_text { word-break: break-word;}
#main.modal_box .content .b_btn {padding: 48px 0 0;}
#main.modal_box .content .b_btn a{border-radius: 1000px; border: 1px solid #000; text-align: center; width: 273px; padding: 15px 0; line-height: 180%; font-size: 16px;font-family: 'Noto-Sans-JP-Regular'; display: block; text-decoration: none; color: #000; margin: 0 auto;}
#main.modal_box .content .box:not(:first-child){padding: 60px 0 0;}


#main.modal_1 .content h2.b_title{font-size: 25px; letter-spacing: 0em;}
#main.modal_1 .content p.b_data{font-size: 14px; color: #a6a6a6;}
#main.modal_1 .content p.b_text{font-size: 16px;}
#main.modal_1 .sub_image:not(:first-child){margin: 42px 0 0;}

#main .modal_pager { padding: 20px 0 0;}
#main .modal_pager li { display: flex; justify-content: center; align-items: center;  text-align: center;}
#main .modal_pager li span,
#main .modal_pager li a { font-size: 14px; height: 30px; line-height: 30px; display: block; padding: 0; margin: 0 3px; }
#main .modal_pager li span { color: #000; width: auto; min-width: 20px; }
#main .modal_pager li a { width: 30px; background: #FF493B; border-radius: 50%; -webkit-border-radius: 50%; color: #fff; text-decoration: none;}


@media only screen and (max-width: 680px) {
	/*---------------------- #header ----------------------*/
	#header img{width: 35%; margin: 0 auto 10px;}
	#header h1{font-size: 13px; line-height: 180%;}
	#header h1 span{font-size: 20px;}
	#header h1 span.ed_name{font-size: 21px; }
	#header h1.tt_title{font-size: 14px;}
	#header h1.tt_title span{font-size: 20px;}
	body{padding: 35px 25px 50px;}
	body.modal_2{padding: 50px 25px 50px;}

	/*---------------------- modal_box ----------------------*/
	#main.modal_box{padding: 15px 0 0;}
	#main.modal_box .sub_image:not(:first-child){margin: 15px 0 0;}
	#main.modal_box .content:not(:first-child){padding: 40px 0 0;}
	#main.modal_box .content h2.b_title{font-size: 20px; padding: 0;}
	#main.modal_box .content p.b_data{padding: 20px 0 0; font-size: 14px;}
	#main.modal_box .content p.b_text{font-size: 13px;padding: 5px 0 0;}
	#main.modal_box .content p.t_text{font-size: 13px;  padding: 20px 0 0;}
	#main.modal_box .content .b_btn {padding: 15px 0 0;}
	#main.modal_box .content .b_btn a{ width: 80%; padding: 10px; font-size: 13px;}
	#main.modal_box .content .box:not(:first-child){padding: 30px 0 0;}

	#main.modal_1 .content h2.b_title{font-size: 16px;}
	#main.modal_1 .content p.b_data{font-size: 12px;}
	#main.modal_1 .content p.b_text{font-size: 13px;}
	#main.modal_1 .sub_image:not(:first-child){margin: 21px 0 0;}
	
}