@charset "UTF-8";

/* デザイン（スマホ） */
@media screen and (max-width:767px) {
body {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 28px;
  margin: 0;
  -webkit-text-size-adjust: 100%;
}
    img {
        max-width: 100%;
        height: auto;
        width: auto;
		padding : 0 10px;
    }
	.img-90{
		padding : 15px;
	}
	.section-space{
		height : 40px;
	}
	#wrapper{
		width : 100%;
		padding : 0;
	}
.section-ttl-yellow{
	width : auto;
	margin : 20px 10px;
	text-align : center;
	padding:0.5em 2em;
	border-top:double 5px #ff2768;
	border-bottom:double 5px #ff2768;
	background-color:#fbf5b8;/*背景色*/
}
.section-ttl-pink{
	text-align : center;
	width : auto;
	margin : 20px 10px;
	padding:2em;/*内側余白*/
	background : #f8c3d3;
	padding : 15px 0px;
	border-radius : 10px;
}
	.section-1,
	.section-5{
		width : 100%;
		padding : 30px 0px;
		background : #fffef8;
	}
	.section-3{
		width : 100%;
		padding : 30px 0px;
		background : #f2fcfd;
	}		
	.section-2,
	.section-4,
	.section-8{
		width : 100%;
		padding : 30px 0px;
		background : #ffffff;
	}
	.section-6{
		width : 100%;
    background-color: white; /* 背景色を白に設定 */
    background-image: linear-gradient(0deg, rgba(244, 244, 244, 1) 1px, transparent 1px), /* 横線 */
                      linear-gradient(90deg, rgba(244, 244, 244, 1) 1px, transparent 1px); /* 縦線 */
    background-size: 10px 10px; /* グリッドサイズを10pxに設定 */
    padding: 30px 0px;
	}
	.section-7{
		width : 100%;
		padding : 30px 0px;
		background : #f9e95f;
	}
	.section-sub-ttl{
		font-size : 24px;
		line-height : 36px;
		text-align : center;
		font-weight : 600;
		color : #333;
	}
	.section-9{
		width : 100%;
		padding : 30px 0px;
		background-image : url(../image/section-9-bg-sp.jpg);background-repeat : no-repeat;background-position : center top;
	}
	.section-10{
		width : 100%;
		padding : 30px 0px;
		background : #fffef8;
	}
	.main-text{
		width : auto;
		margin : 20px 15px;
	}
	.main-text-policy{
		width : auto;
		margin : 20px 15px;
		font-size : 14px;
		line-height : 28px;
	}
	.step-text{
		padding : 15px 0px;
}
	.kansou-ttl{
		font-size : 20px;
		font-weight : 600;
		border-bottom : 2px dotted #333;
		margin-bottom : 20px;
		line-height : 30px;
		padding-bottom : 3px;
}
/*受講生の感想ボックス*/
.kansou-box{
	padding:45px 15px; /* ボックス内側余白 */
	position:relative; /* 配置(ここを基準に)*/
	border: 1px solid #4190ef;/* ボックスの線 (太さ・種類・色)*/
	background : #fff;
	margin-bottom : 30px;
}
.kansou-box .box-title {
	background-color:#4190ef; /* タイトル背景色 */
	font-size: 1em;/* タイトル文字の大きさ */
	color: #fff ; /* タイトル文字色 */
	padding: 10px 12px;/*タイトルの余白*/
	line-height: 1;/*タイトルの行の高さ*/
	position:absolute;/* 配置(ここを動かす) */
	top: -10px; /*上からの距離*/
	left: 20px; /*左からの距離*/
}
	.hanashi-ttl{
		font-size : 22px;
		text-align : center;
		line-height : 32px;
		font-weight : 600;
		color : #333;
		margin-bottom : 15px;
	}
	.hanashi_in{
		padding : 20px 0px;
	}
	.katagaki{
		font-size : 22px;
		line-height : 34px;
		padding-top : 20px;
		text-align : center;
	}
	.koushi-name{
		font-size : 32px;
		line-height : 40px;
		font-weight : 600;
		margin-top : 25px;
		margin-bottom : 40px;
		text-align : center;
	}
	.koushi-name-eng{
		font-size : 22px;
		font-weight : normal;
		margin-top : px;
	}
.nayami-check ul,
.osusume-check ul{
	font-size : 18px;
}
}