@charset "utf-8";

.fo14 { font-size:14px; }
.fo16 { font-size:16px; }
.fo18 { font-size:18px; }
.fo20 { font-size:20px; }
.fo22 { font-size:22px; }
.fo24 { font-size:24px; }
.fo26 { font-size:26px; }
.fo28 { font-size:28px; }
.fo30 { font-size:30px; }
.fo35 { font-size:35px; }
.fo40 { font-size:40px; }
.fo45 { font-size:45px; }

.mincho { font-family: "游明朝",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif; }

.foBold { font-weight:bold; }
.foRed { color:red!important; }
.foBlack { color:#000!important; }

.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }

.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }

.t-left { text-align:left!important; }
.t-center { text-align:center !important; }
.bold { font-weight:bold;}
.t-blue { color:#1869af;}

.sub_back { background-image:url(../img/bgbg.png); background-repeat:repeat;}

.company_top {
 background-image:url(../img/aboutus/about_ustitle_pc.png);
 background-position:top center;
 background-repeat:no-repeat;
}
.hallK_top {
 background-image:url(../img/hall/kisaragi_title_pc.png);
 background-position:top center;
 background-repeat:no-repeat;
}

.hallN_top {
 background-image:url(../img/hall/nozomi_title_pc.png);
 background-position:top center;
 background-repeat:no-repeat;
}

.hallS_top {
 background-image:url(../img/hall/shizuku_title_pc.png);
 background-position:top center;
 background-repeat:no-repeat;
}
.hallA_top {
 background-image:url(../img/hall/ayumi_title_pc.png);
 background-position:top center;
 background-repeat:no-repeat;
}
.hallSa_top {
 background-image:url(../img/hall/salon_title_pc.png);
 background-position:top center;
 background-repeat:no-repeat;
}
.planK_top {
 background-image:url(../img/plan/plan_ustitle_pc.png);
 background-position:top center;
 background-repeat:no-repeat;
}
.member_top {
 background-image:url(../img/member/member_ustitle_pc.png);
 background-position:top center;
 background-repeat:no-repeat;
}

.emergency_top {
 background-image:url(../img/emergency/emergency_title_pc.png);
 background-position:top center;
 background-repeat:no-repeat;
}

.contact_top {
 background-image:url(../img/contact_title.png);
 background-position:top center;
 background-repeat:no-repeat;
}



.hallp01 {  text-align:center;border-top:1px dotted #666;border-bottom:1px dotted #666;padding:20px 0 0; }
.hallp { padding:5px 0 5px;margin:0;font-size:90%; }

@media screen and (max-width:770px) {
.company_top {
 background-image:url(../img/aboutus/about_ustitle_sp.png);
 background-position:top center;
 background-repeat:no-repeat;
 }
 
 .planK_top,.emergency_top,.contact_top {
 background-image:url(../img/plan/plan_ustitle_sp.png);
 background-position:top center;
 background-repeat:no-repeat;
 }

.hallN_top,.hallK_top,.hallS_top,.hallA_top,.hallSa_top,.member_top {
 background-image:url(../img/hall/sptopback_sp.png);
 background-position:top center;
 background-repeat:no-repeat;
}
.hallpic { padding:0 15px !important }

}


.sp-copy { margin:15px;color: #06C; font-size:22px; }


.h2titletop { font-size:20px;color:#060;margin:15px 0 15px 0;padding:10px 0 8px;
    border-bottom: solid #006e54 2px;
    border-top: solid #006e54 2px;
    font-weight: normal;text-align:center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+102&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(238,238,238,1) 100%, rgba(238,238,238,1) 102%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(238,238,238,1) 100%,rgba(238,238,238,1) 102%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(238,238,238,1) 100%,rgba(238,238,238,1) 102%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

.h2title { font-size:20px;color:#060;margin:15px 0 15px 0;padding:8px 0;font-weight:normal;
    border-bottom: solid #006e54 2px;
    border-top: solid #006e54 2px;
    font-weight: normal;text-align:center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+102&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(238,238,238,1) 100%, rgba(238,238,238,1) 102%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(238,238,238,1) 100%,rgba(238,238,238,1) 102%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(238,238,238,1) 100%,rgba(238,238,238,1) 102%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ }

.h2titlehalltop {font-size:22px;color:#06C;margin:15px 0 10px 0;padding:10px 0 8px;border-bottom:dotted #06C 1px;border-top:solid #06C 3px;text-align:center;font-weight:bold;
}

/*.h2titlehall { font-size:16px;color:#06C;margin:15px 0 10px 0;padding:0;border-bottom:dotted #06C 1px;font-weight:normal;}*/

.h2titlehall {
    font-size: 20px;
    color: #006e54;
    margin: 15px 0 15px 0;
    padding: 5px 0 5px 0;
    text-align: center;
    border-bottom: solid #006e54 2px;
    border-top: solid #006e54 2px;
    font-weight: normal;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+102&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(238,238,238,1) 100%, rgba(238,238,238,1) 102%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(238,238,238,1) 100%,rgba(238,238,238,1) 102%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(238,238,238,1) 100%,rgba(238,238,238,1) 102%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

}

.h2titleplantop { font-size:18px;color:#636;margin:15px 0 10px 0;padding:10px 0 8px;border-bottom:dotted #636 1px;border-top:solid #636 3px;}

.h2titleplan { font-size:16px;color: #636;margin:15px 0 10px 0;border-bottom:dotted #636 1px;font-weight:normal;padding:0; }

.h2titleemetop { font-size:18px;color:#666;margin:15px 0 10px 0;padding:10px 0 8px;border-bottom:dotted #666 1px;border-top:solid #666 3px; }



h2 span { display:none;}	

h2#company { height:50px; background-image:url(../img/aboutus/companytitle.png); margin:20px 0 20px 0; padding:0; background-repeat:no-repeat; }

h2#recruit { height:50px; background-image:url(../img/aboutus/recruittitle.png); margin:20px 0 20px 0 ;padding:0; background-repeat:no-repeat; }

h2#faq{height:50px; background-image:url(../img/aboutus/faq.png);  margin:10px 0 20px 0 ;padding:0; background-repeat:no-repeat; }

h2#sf{ height:50px; background-image:url(../img/hall/facility-outline.png); margin:50px 0 20px 0; padding:0; background-repeat:no-repeat; }

h2#fi{ height:50px; background-image:url(../img/hall/Facilitiesinfo.png); margin:50px 0 20px 0;padding:0; background-repeat:no-repeat; }

h2#map{ height:50px; background-image: url(../img/hall/acmap.png);margin:50px 0 20px 0;padding:0; background-repeat:no-repeat;}

h2#cost{ height:50px; background-image: url(../img/plan/cost.png); margin:30px 0 20px 0; padding:0; background-repeat:no-repeat; }

h2#setplan{ height:50px; background-image: url(../img/plan/setplan.png); margin:30px 0 20px 0; padding:0; background-repeat:no-repeat; }

h2#member001{ height:50px; background-image: url(../img/member/member001.png);  margin:30px 0 20px 0; padding:0; background-repeat:no-repeat; }


div#topblank { height:140px; }
div#topblankh { height:300px; }
div#topblankh2 { height:130px; }


@media screen and (max-width:770px) {
div#topblank { height:20px; }
div#topblankh { height:20px; }
div#topblankh2 { height:20px; }

}




/*
h2#concept { width:700px; height:50px; background-image:url(../img/aboutus/concepttitle.png); margin:0 0 0 10px; padding:0; background-repeat:no-repeat;}*/




	
	
/*丸宮葬祭についてページ*/
#basicT { border-collapse:collapse;letter-spacing:3px; width:100%; }
#basicT table { border-color:#666;border-collapse:collapse; }
#basicT th {  border: #999 solid 1px;background-color:#ECF3F4;padding:5px;width:26.5%;/*width:120px;*/font-weight:normal;text-align:center; }
#basicT td { border: #999 solid 1px;padding:10px 10px;letter-spacing:2px;line-height:1.5;  }


#queT table { border-collapse:collapse; border:none;width:100%; }
#queT tr { border:none; }
#queT td { border-bottom: dashed 1px #999; padding:15px;font-size:100%;  }


#quanT { letter-spacing:3px;width:100%;}
#quanT table { border-color:#666; border-collapse:collapse!important;}
#quanT th {  border: #999 solid 1px;padding:10px 10px 15px;width:20%;/*width:120px;*/font-weight:normal;text-align:center; }
#quanT td { border: #999 solid 1px;padding:10px 10px;letter-spacing:2px; }


.que { background-image:url(../img/aboutus/q.png);background-repeat:no-repeat;background-position:left center; width:40px;}

.que2 { background-image:url(../img/aboutus/q.png);background-repeat:no-repeat;background-position:left top;background-position:10px 2px; width:40px;}

.ans { background-image:url(../img/aboutus/a.png);background-repeat:no-repeat;background-position:left top;background-position:10px 10px;width:40px;}


@media screen and (max-width:770px) {
 
#basicT { font-size:95%;letter-spacing:0; }

#basicT th { width:25%; }
}


.btn-flat {
  position: relative;
  display: inline-block;
  padding:1em 3em 1em 2.5em;
  letter-spacing:0;
  margin:1em 1em 0;
  text-decoration: none;
  color: #00BCD4;
  font-size:90%;
  background: #ECF3F4;
  transition: .4s;
}

.btn-flat:hover {
  background:#ECECEC;
}

.btn-flat::after {
    position: absolute;
    top: 50%;
    right: 1em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(45deg);
    border-right: 1px solid currentColor;
    border-top: 1px solid currentColor;
    content: "";
}

/*メモリアル如月　施設概要*/
.summaryT table { border:none;line-height:1.8;width:100%; }
.summaryT td { padding:8px 0; border-bottom:dotted 1px #999999;line-height:1.6;  }
.summaryT th { padding:8px 0 3px 5px;line-height:1.6;text-align:left; border-bottom:dotted 1px #999999;font-weight:normal;color:#090; }


/*火葬式*/
.kasou01 { padding-left:20px;letter-spacing:0.2;line-height:1.8; }
.kasou02 { padding-left:20px;letter-spacing:0.2;font-size:90%; }

.maru2 {line-height:1.6;letter-spacing:1px;width:100%; }
table.maru2 { 	
 border-right: 2px solid #ccc;
 border-bottom: 2px solid #ccc;
/* height: 50px;*/
 width:100%;margin:10px 0 0;
 border-collapse: separate;
 border-spacing: 0;
 border-top: 2px solid #ccc;
 border-left: 2px solid #ccc;
	-webkit-border-top-left-radius:8px;
    -khtml-border-radius-topleft: 8px;   
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
     
    -webkit-border-top-right-radius: 8px;
    -khtml-border-radius-topright: 8px;
    -moz-border-radius-topright:8px;
    border-top-right-radius: 8px;
 
    -webkit-border-bottom-left-radius: 8px;
    -khtml-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-left-radius: 8px;
     
    -webkit-border-bottom-right-radius: 8px;
    -khtml-border-radius-bottomright: 8px;
    -moz-border-radius-bottomright:8px;
    border-bottom-right-radius: 8px;
 }

th.maru2 {
	font-weight:normal;
	width:25%;text-align:center;vertical-align:middle;
/*	padding-left:10px;
	padding-right:10px;*/
	background-color:#ECF3F4;
	-webkit-border-top-left-radius:8px;
    -khtml-border-radius-topleft: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
     
    -webkit-border-top-right-radius:0;
    -khtml-border-radius-topright: 0;
    -moz-border-radius-topright:0;
    border-top-right-radius: 0;
 
    -webkit-border-bottom-left-radius: 8px;
    -khtml-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-left-radius: 8px;
     
    -webkit-border-bottom-right-radius: 0;
    -khtml-border-radius-bottomright: 0;
    -moz-border-radius-bottomright:0;
    border-bottom-right-radius: 0;
 }

td.maru2 { background-color:#fff;
	-webkit-border-top-left-radius:0;
    -khtml-border-radius-topleft:0;
    -moz-border-radius-topleft:0;
    border-top-left-radius: 0;
     
    -webkit-border-top-right-radius:8px;
    -khtml-border-radius-topright: 8px;
    -moz-border-radius-topright:8px;
    border-top-right-radius: 8px;
 
    -webkit-border-bottom-left-radius: 0;
    -khtml-border-radius-bottomleft:0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
     
    -webkit-border-bottom-right-radius: 8px;
    -khtml-border-radius-bottomright: 8px;
    -moz-border-radius-bottomright:8px;
    border-bottom-right-radius: 8px; }



/* 矢印 */
.arrow {
    margin: 0 auto 28px;
    padding-top:10px; /* 要素の上の余白調整 */
    position: relative;
	padding-bottom:0;
}

.arrow:before {
    width: 25px; /* 四角形の幅 */
    height: 15px; /* 四角形の高さ */
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#DBF4BA));
    background-image: -webkit-linear-gradient(#FFFFFF, #DBF4BA);
    background-image: linear-gradient(#FFFFFF, #E5F4BA);
    content: "";
    position: absolute;
    top: 0;
    left: 53%; /* 中央寄せに使用 */
    margin-left: -50px; /* 中央寄せに使用 */
}

.arrow:after {
    border-top:20px solid #E5F4BA; /* 角度を緩やかなものに指定 */
    border-left: 20px solid transparent; /* 左のボーダーを透過に指定 */
    border-right: 20px solid transparent; /*右のボーダーを透過に指定*/
    content: "";
    position: absolute;
    top: 15px; /* 四角形の高さと同じ物を指定 */
    left: 53%; /* 中央寄せに使用 */
    margin-left: -58px; /* 中央寄せに使用 */

}

/*セットプランの内訳画像*/

#setT td { border-collapse:collapse; border:none;padding:10px; }
#setT tr { border-collapse:collapse; border:none;padding:10px;  }
.planP { border:#999 1px solid; margin:10px 0;}

.setT { text-align:center;}


.icons { text-align:center;padding:0;border:1px #999 solid;margin:8px;height:88px; }


div.maru { padding:10px; 
	background-color: #FFF;
	border-top:#CCC solid 2px;
	border-left:#CCC solid 2px;
	border-right:#CCC solid 2px;
	border-bottom: #CCC solid 4px;
	
	-webkit-border-top-left-radius:10px;
    -khtml-border-radius-topleft: 10px;   
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
     
    -webkit-border-top-right-radius: 10px;
    -khtml-border-radius-topright: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
 
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
     
    -webkit-border-bottom-right-radius: 10px;
    -khtml-border-radius-bottomright: 10px;
    -moz-border-radius-bottomright:10px;
    border-bottom-right-radius: 10px;
}

@media screen and (max-width:770px) {

div.maru {padding:7px; }
figure img { width:80%; }
figure { float:left;font-size:70%;text-align:center;margin:0px;padding:0;height:70px;}
}


figure { float:left;font-size:75%;display:block;text-align:center;margin:6px;line-height:2;}

figure img { border:1px solid #999;}

.planbasic { background-color:#fff;padding-top:20px;padding-bottom:30px;margin-bottom:20px; }



#mem01 { 
	background-image:url(../img/member/mback01.jpg);
	background-repeat:no-repeat;margin:20px 0;
	padding:10px;vertical-align:middle;
	border:1px #009900 dotted;
}


p.mem1 { background:url(../img/member/01.png) no-repeat left top;min-height:36px; padding:5px 0 0 100px;margin:0; }

p.mem2 { background:url(../img/member/02.png) no-repeat left top;min-height:36px; padding:5px 0 0 100px;margin:0; }

p.mem3 { background:url(../img/member/03.png) no-repeat left top;min-height:36px; padding:5px 0 0 100px;margin:0; }

p.mem4 { background:url(../img/member/04.png) no-repeat left top;min-height:36px; padding:5px 0 0 100px;margin:0; }

p.mem5 { background:url(../img/member/05.png) no-repeat left top;min-height:36px; padding:5px 0 0 100px;margin:0; }




.plan-copy { margin:0; font-size:22px; }


@media screen and (max-width:414px) {
.plan-copy { margin:0; font-size:18px; }
}

.plan-price {
    margin:20px 0;
	padding:0 0;
	background:#fafafa;
	width:96%;
	font-family: "游明朝",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
	border-radius:12px;
	border:#ddd solid 4px;
}
.plan-price dt {
    position: relative;
    color: #fff;
    font-weight:bold;
    float:left;
    clear:both;
    height: 150px;
    padding: 40px 0 0;
    width:20%;
    text-align:center;
    font-size: 26px;
    line-height: 1.2;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.planbasic .plan-price dt {
	padding:22px 0 0;
}

.plan-price .plan-number { font-size:48px;display:block;font-weight:800; }

.plan-price dd {
    padding:13px 0 0px 50px;
    height: 150px;
    width:80%;
    font-weight:bold;
    font-weight:bold!important;
    display:inline-block;
    margin:0;
    line-height:1.2;
    font-size:28px;
}

.plan-price dt::before,
.plan-price dt:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}

.plan-price dt::after{
  top:0;
  right: -38px;
  z-index: 10;
  border-width: 75px 0 75px 1.5em;
  border-style: solid;
}

.tax { font-size:15px; }

.plan-price dd hr {
  border: solid #888;
  border-width: 1px 0 0;
  clear: both;
  margin:5px 0 8px;
  height: 0;
  width:95%; }

.plan-price dt.rank01 { background-color: #DE3737;}
.plan-price dt.rank01::after { 	
	border-color: transparent transparent transparent #DE3737; }
.plan-price dd.rank01 { color:#DE3737;}

.plan-price dt.rank02 { background-color: #8c6450;}
.plan-price dt.rank02::after { 	
	border-color: transparent transparent transparent #8c6450; }
.plan-price dd.rank02 { color:#8c6450;}

.plan-price dt.rank03 { background-color: #4d4398;}
.plan-price dt.rank03::after { 	
	border-color: transparent transparent transparent #4d4398; }
.plan-price dd.rank03 { color:#4d4398;}

.plan-price dt.rank04 { background-color: #df7163;}
.plan-price dt.rank04::after { 	
	border-color: transparent transparent transparent #df7163; }
.plan-price dd.rank04 { color:#df7163;}	
	
.plan-price dt.rank05 { background-color: #727171;}
.plan-price dt.rank05::after { 	
	border-color: transparent transparent transparent #727171; }
.plan-price dd.rank05 { color:#727171;}

.plan-price dt.rank06 { background-color: #807841;}
.plan-price dt.rank06::after { 	
	border-color: transparent transparent transparent #807841; }
.plan-price dd.rank06 { color:#807841;}

.plan-price dd.rank01 span,.plan-price dd.rank02 span,.plan-price dd.rank03 span,.plan-price dd.rank04 span,.plan-price dd.rank05 span,.plan-price dd.rank06 span { color:#444; }
 
/*税込*/
.include { margin:1em 0 0 8em;}


@media screen and (max-width:540px) {

.include { margin:1em 0 0 3em;}	
	
.plan-copy { margin:0; font-siz:18px; }

.plan-price {
width:100%;
}

.plan-price dt {
	width:25%;
	padding:50px 10px 12px;
	font-size:20px;
}
.plan-price dt::after{
  top:0;
  right: -20px;
  z-index: 10;
  border-width: 75px 0 75px 1em;
  border-style: solid;
}
.plan-price dd {
	padding:10px 0 0px 35px;
	width:75%;
	font-weight:bold;
	font-size:18px;
}
.tax { font-size:14px; }
}



/*供花*/

.kyouka-back {
	width:90%;
	margin:auto;
	padding:0 5%!important;
}

.fax-box {
	background:rgba(206,228,174,0.2);
	padding:20px 10px 30px;
	text-align:center;
	font-size:120%;
}

.fax-box span {
	font-size:150%;
	color:#007b43;
	font-weight:600;
}

.kyouka-back h2,.kyouka-back h3,.kyouka-back h4 {
	text-align:center;
	font-family: "Zen Maru Gothic", serif;
	font-weight:600;
	margin:50px auto 20px;
}
.kyouka-back h2{
	color:#007b43;
}

.kyouka-area {
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
margin:0 auto 50px;
gap:20px;
}

.kyouka-area-box {
width:calc( 33.33333% - 20px);
}

.kyouka-area-box p {
text-align:center;
}

a.fax-button {
  font-size:16px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff!important;
	background:#007b43;
  border-radius: 0.5rem;
}
a:hover.fax-button {
	opacity: 0.8;
}

@media screen and (max-width: 767px) {
.kyouka-back h2 {
	font-size:30px;
}
.kyouka-back h3,.kyouka-back h4 {
	font-size:24px;
}
.kyouka-area-box {
width:100%;
}
}