@charset "utf-8";
/*topイメージ*/
.top_img_area2 { position: relative; width: 100%; background: url("../img/header_photo.png") no-repeat; background-size: cover; max-width: 1400px; min-width: 1180px; margin: 20px auto 0 auto;}
.top_img_area2:before { content:""; display: block; padding-top: 28.64%; }
.top_img2 { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; justify-content: center; align-items: center;}
.main_title_area { width: 100%;}
.main_title {max-width: 480px; width: 100%; height: 60px; line-height: 60px; background: #009944; text-align: center; color: #fff; font-size: 28px; font-weight: 500; border-radius: 50px; margin: 0 auto; letter-spacing: 2px;}
/**/
#chara_area { max-width: 1000px; width: 100%; height: 660px; background: url("../img/chara.png") , url("../../img/masu_bk.png") , no-repeat , repeat; border-radius: 30px; margin: 80px auto 0 auto; overflow: hidden;}
.chara_cont { max-width: 540px; width: 100%; border-radius: 20px; margin: 30px 0 0 420px; }
.chara_title { width: 100%; text-align: center; background: #005BAC; padding: 10px 0; border-radius: 30px; }
.chara_name { font-size: 36px; font-weight: bold; letter-spacing: 7px; line-height: 160%; text-align: center;}
.chara_text_area { max-width: 490px; width: 100%; background: #FDE9C3; border-radius: 20px; margin: 10px auto 0 auto; padding: 20px 30px;}
.chara_design { width: 240px; line-height: 38px; font-size: 18px; font-weight: bold; color: #fff; background: #094; text-align: center; border-radius: 20px; margin: 0 auto;}
.chara_text { margin-top: 20px; font-size: 16px; line-height: 1.4em;}
.chara_text span { font-size: 18px; }
.chara_img2 { display: none;}
.chara_img3 { display: none;}



@media screen and (max-width: 800px) {
	/*topイメージ*/
	.top_img_box { padding: 0 2%;}
	.top_img_area2 { position: relative; width: 100%; background: url("../img/header_photo_m.png") no-repeat; background-size: cover; max-width: 800px; min-width: 100%; margin: 0px; }
	.top_img_area2:before { content:""; display: block; padding-top: 61.35%; }
	.top_img2 { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
    .main_title_area { padding: 0 20%;}
	.main_title {max-width: 350px; height: 45px; line-height: 45px; font-size: 17px; font-weight: 500;}	

    main { padding: 0 3%; margin-bottom: 50px;}
    #chara_area { max-width: 1000px; width: 100%; height: auto; background: none , url("../../img/masu_bk.png") , no-repeat , none; padding-bottom: 20px; }
    .chara_cont { max-width: 540px; width: 95%; border-radius: 20px; margin: 30px auto 0 auto; }
    .chara_title { padding: 10px 10%;}
    .chara_title img { width: 100%; height: auto;}
    .chara_text_area { max-width: 540px; }
    .chara_name { margin: 15px 0; }
    .chara_img2 { display: block; max-width: 540px;  width: 100%; margin: 20px auto 0 auto;}
    .chara_img2 img { width: 100%; height: auto; }
    .chara_img3 { display: block; max-width: 540px;  width: 100%; margin: 20px auto 0 auto;}
    .chara_img3 img { width: 100%; height: auto; }

}