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



	
/* =========================================================
		contents
========================================================= */	

.contents_cap_hed figure.chara_3{display: block; height: 100%; left: inherit; right: -8%;}
.pcg_icons .pcg_txt {border: solid 3px rgba(154,199,63,0.9);}
	
/* =======scene ============*/
.scene-sub{margin: 15px auto 30px;padding: 8px 0; font-size:1rem; display: block; text-align: center; letter-spacing: 0.5px;}
.scene-area{display: block; flex-wrap: inherit; justify-content:inherit; align-items: inherit; margin: 40px auto 0; width: 84%;}
.scene-area li{width: 100%; border-radius: 8px; padding: 35px 8% 28px; margin-right: 0; margin-bottom: 33px;}
.scene-area li:last-child{margin-bottom: 0;}
.scene-area li dt{width: 55%; margin: 0 auto 22px; height: inherit;}
.scene-area li .s-icon2 {width: 65%;}
.scene-area li .s-icon3 {width: 48%;}
.scene-area li dd{font-size: 1.2rem;}
	
/* =======method-con ============*/

.method-area{display: block; margin: 35px auto 0; width: 82%;}
.method-area li{width: 100%; text-align: center; margin-bottom: 30px;}
.method-area li:last-child{margin-bottom: 20px;}	
.method-area li img{width: 65%; margin: 0 auto 15px;}
.method-area li h4{font-size: 18px; line-height: 1.3; height: inherit; padding-bottom: 0;}
/* =======ninsho ============*/
.ninsho-con .contents {width: 94%; margin: 0 auto; padding: 50px 0 25px;}
.contents_top_title2 {font-size: 1.7rem; letter-spacing: 1px; line-height: 1.5;}
.nin-copy{padding: 10px 0 40px; width: 96%; margin: 0 auto; font-size: 1rem; line-height: 1.8;}
.nin-copy2{padding: 0 0 10px; font-size: 1.6rem;}

.nin-pic{width: 86%; margin: 30px auto 5px;}
.nin-pic2{width: 98%; margin: 20px auto 25px;}
.ninsho-con h2{margin-bottom: 25px;}
.serial_way_con{
    padding: 0 0 25px;
    margin-bottom: 25px;}
.serial_way_con h3{
    padding: 5px 0;
	width: 100%;
	text-align: center;
    position: inherit;
	top: inherit;
    left: inherit;
    transform: none;
    font-size: 18px;}
.serial_way_att1, .serial_way_att2{width: 94%; margin: 15px auto 0; position: inherit; right: inherit; bottom:inherit;}
/* =======point============*/
.contents4 {width:84%; margin: 0 auto; padding: 55px 0 55px;}
.serial-point {margin-bottom: 60px;}	
.serial-point .point-pic{float: none; width: 100%; margin:0 0 25px 0;}
.serial-point .point-detail{float: none; width: 100%;}
.serial-point .point-detail h3{background: #222; color: #fff; font-weight: 600; padding: 6px 10px; font-size: 1.15rem; line-height: 1.4; display: inline-block;}
.serial-point .point-detail p{font-weight: 400; padding: 15px 0 0; font-size: 1rem;}
	

.contents_cap_hed figure.chara_2 {height: 88%;}	


}