@charset "euc-jp";
/* ----------------------
 * common
 *---------------------- */
.about_bg {
	width: 100%;
	background: url(../images_sp/common/about_bg.jpg) repeat-y;
	background-size:100%;
}
.about_bg2 {
	width: 100%;
	background: url(../images_sp/common/about_bg2.jpg) repeat-y;
	background-size:100%;
}
.about_bt {
	width: 100%;
	aspect-ratio: 160/23;
	background: url(../images_sp/common/about_bt.jpg) no-repeat;
	/* height: 90px; */
	background-size:100%;
}
.about_bt2 {
	width: 100%;
	aspect-ratio: 8/1;
	background: url(../images_sp/common/about_bt2.jpg) no-repeat;
	/* height: 80px; */
	background-size:100%;
}
.about_box {
	margin: 0;
	text-align: left;
}
.about_box2 {
	margin: 0 20px;
	text-align: left;
}
.pro_bg .about_box2 {
	margin: 0 20px;
}

.free_bg {
	width: 100%;
	margin-top: 15px;
	background: url(../images_sp/top/new_bg.jpg) repeat-y;
	background-size:100%;
}
.free_bt {
	width: 100%;
	/* height: 100px; */
	aspect-ratio: 640/101;
	background: url(../images_sp/top/new_bt.jpg) no-repeat;
	background-size:100%;
}
.free_box {
	width: 90%;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}
.at_bg2 {
	width: 320px;
	margin-top: 15px;
	background: url(../images_sp/top/new_bg.jpg) repeat-y;
	background-size:100%;
}
.at_bt2 {
	width: 320px;
	height: 35px;
	background: url(../images_sp/top/new_bt.jpg) no-repeat;
	background-size:100%;
}
.cate_sp_box {
	width: 90%;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}
/* ----------------------
 * common
 *---------------------- */


/* ----------------------
 * button_non
 *---------------------- */
.btn1_over {
	background: url(../images_sp/common/btn1_over.jpg) no-repeat;
	width: 50%;
	aspect-ratio: 21/5;
	/* height: 50px; */
	float: left;
	background-size:100%;
}
.btn2_over {
	background: url(../images_sp/common/btn2_over.jpg) no-repeat;
	width: 50%;
	/* height: 50px; */
	aspect-ratio: 21/5;
	float: left;
	background-size:100%;
}
/* ----------------------
 * button_non
 *---------------------- */



/* ----------------------
 * about
 *---------------------- */
.about_top {
	width: 100%;
	aspect-ratio: 64/13;
	/* height: 160px; */
	background: url(../images_sp/common/about_top.jpg) no-repeat;
	background-size:100%;
}
.about_top2 {
	width: 320px;
	height: 65px;
	background: url(../images_sp/common/about_top2.jpg) no-repeat;
	background-size:100%;
}
.about_top3 {
	width: 320px;
	height: 55px;
	background: url(../images_sp/common/about_top3.jpg) no-repeat;
	background-size:100%;
}
.about_top4 {
	width: 320px;
	height: 55px;
	background: url(../images_sp/common/about_top4.jpg) no-repeat;
	background-size:100%;
}
.about_top5 {
	width: 290px;
	height: 45px;
	background: url(../images_sp/common/about_top5.jpg) no-repeat;
	background-size:100%;
}
.about_top6 {
	width: 290px;
	height: 45px;
	margin-top: 15px;
	background: url(../images_sp/common/about_top6.jpg) no-repeat;
	background-size:100%;
}
.about_bg3 {
	width: 320px;
}
.about_bt3 {
	width: 290px;
	background: url(../images_sp/common/about_bt3.jpg) no-repeat;
	height: 35px;
	background-size:100%;
}
.about_bg4 {
}
.about_box3 {
	text-align: left;
	margin: 0 auto;
	width: 90%;
}
.about_box3 img {
	margin: 0 17px 10px;
}
.about_box4 {
	width: 130px;
	float:left;
}
.about_box5 {
	width: 320px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	background: url(../images_sp/common/about_box5.jpg) no-repeat;
	background-size:100%;
}
.about_box6 {
	width: 205px;
	margin-top: 10px;
	float: left;
}
.about_box7 {
	width: 320px;
	min-height: 285px;
	height: auto !important;
	height: 285px;
	background: url(../images_sp/common/about_box7.jpg) no-repeat;
	background-size:100%;
}
.about_box8 {
	width: 200px;
	margin-top: 10px;
	float: right;
}
.about_box9 {
	width: 130px;
	float:left;
}
.about_line {
	width: 320px;
	height: 35px;
	margin-bottom: -1px;
	background: url(../images_sp/common/about_line.gif) no-repeat;
	background-size:100%;
}
.about_line2 {
	width: 320px;
	height: 35px;
	margin-bottom: -1px;
	background: url(../images_sp/common/about_line2.gif) no-repeat;
	background-size:100%;
}


.about_title1 {
	width: 100%;
	/* height: 330px; */
	aspect-ratio: 64/31;
	background: url(../images_sp/common/about_title1.jpg) no-repeat;
	background-size:100%;
}
.about_type_top {
	width: 100%;
	aspect-ratio: 64/11;
	/* height: 110px; */
	background: url(../images_sp/common/about_type_top.jpg) no-repeat;
	background-size:100%;
}
.about_type_bg {
	width: 100%;
	margin-bottom: -1px;
	background: url(../images_sp/common/about_type_bg.jpg) repeat-y;
	background-size:100%;
}
.about_type_bt {
	width: 100%;
	/* height: 350px; */
	aspect-ratio: 640/351;
	background: url(../images_sp/common/about_type_bt.jpg) no-repeat;
	background-size:100%;
}

.about_type_top2 {
	width: 100%;
	/* height: 110px; */
	aspect-ratio: 64/11;
	background: url(../images_sp/common/about_type_top2.jpg) no-repeat;
	background-size:100%;
}
.about_type_bg2 {
	width: 100%;
	margin-top: 20px;
	margin-bottom: -1px;
	background: url(../images_sp/common/about_type_bg2.jpg) repeat-y;
	background-size:100%;
}
.about_type_bt2 {
	width: 100%;
	/* height: 630px; */
	aspect-ratio: 64/63;
	background: url(../images_sp/common/about_type_bt2.jpg) no-repeat;
	background-size:100%;
}

.about_type_top3 {
	width: 100%;
	aspect-ratio: 64/11;
	/* height: 110px; */
	background: url(../images_sp/common/about_type_top3.jpg) no-repeat;
	background-size:100%;
}
.about_type_bg3 {
	width: 100%;
	margin-top: 20px;
	margin-bottom: -1px;
	background: url(../images_sp/common/about_type_bg3.jpg) repeat-y;
	background-size:100%;
}
.about_type_bt3 {
	width: 100%;
	/* height: 1000px; */
	aspect-ratio: 64/100;
	background: url(../images_sp/common/about_type_bt3.jpg) no-repeat;
	background-size:100%;
}

/* ----------------------
 * about
 *---------------------- */



/* ----------------------
 * profile
 *---------------------- */
.pro_top {
	width: 100%;
	aspect-ratio: 64/13;
	/* height: 150px; */
	background: url(../images_sp/common/pro_top.jpg) no-repeat;
	background-size:100%;
}
.pro_top2 {
	width: 350px;
	background: url(../images_sp/common/pro_top2.jpg) no-repeat;
	background-size:100%;
}
.pro_name {
	width: 60%;
	aspect-ratio: 20/11;
	/* height: 180px; */
	background: url(../images_sp/common/pro_name.jpg) no-repeat;
	background-size:100%;
	float: left;
	margin-top: 8%;
}
.about_box2 img {
	width: 30%;
	height: auto;
}


.pro_box {
	width: 240px;
	background: url(../images_sp/common/star_icon.jpg) no-repeat;
	padding: 1px 0 0 20px;
	background-size:100%;
}
.pro_box2 {
	margin: 0 20px;
	text-align: left;
}
.pro_msg {
	width: 100%;
	aspect-ratio: 32/5;
	/* height: 100px; */
	background: url(../images_sp/common/pro_msg.jpg) no-repeat;
	background-size:100%;
}
.pro_msg2 {
	width: 350px;
	height: 170px;
	background: url(../images_sp/common/pro_msg2.jpg) no-repeat;
	background-size:100%;
}
.pro_sign {
	width: 100%;
	/* height: 50px; */
	aspect-ratio: 13/4;
	background: url(../images_sp/common/pro_sign.jpg) no-repeat;
	background-size:100%;
}
.pro_right {
	padding-left: 160px;
}
.pro_bg {
	width: 320px;
	background: url(../images_sp/common/pro_bg.jpg) repeat-y;
	background-size:100%;
}
.pro_bt {
	width: 320px;
	background: url(../images_sp/common/pro_bt.jpg) no-repeat;
	height: 40px;
	background-size:100%;
}
.pro_bg2 {
	width: 350px;
	margin-bottom: -1px;
	background: url(../images_sp/common/pro_bg2.jpg) repeat-y;
	background-size:100%;
}
.pro_bt2 {
	width: 350px;
	background: url(../images_sp/common/pro_bt2.jpg) no-repeat;
	height: 35px;
	background-size:100%;
}
/* ----------------------
 * profile
 *---------------------- */

 
/* ----------------------
 * sample
 *---------------------- */
.sam_top {
	width: 320px;
	height: 65px;
	background: url(../images_sp/common/sam_top.jpg) no-repeat;
	background-size:100%;
}
.sam_top2 {
	width: 320px;
	height: 25px;
	background: url(../images_sp/common/sam_top2.jpg) no-repeat;
	background-size:100%;
}
.sam_top3 {
	width: 320px;
	height: 25px;
	background: url(../images_sp/common/sam_top3.jpg) no-repeat;
	float: left;
	margin-top: 25px;
	background-size:100%;
}
.sam_box1 {
	width: 125px;
	text-align: left;
	float: left;
}
.sam_box2 {
	width: 155px;
	text-align: left;
	float: left;
}
.sam_box2 p {
	padding-left : 5px;
}
.sam_img {
	width: 125px;
	background: url(../images_sp/common/sam_img.jpg) no-repeat;
	height:815px;
	background-size:100%;
}
.sam_img2 {
	width: 170px;
	background: url(../images_sp/common/sam_img2.jpg) no-repeat;
	height:235px;
	background-size:100%;
}
.sam_title1 {
	width: 155px;
	height: 30px;
	background: url(../images_sp/common/sam_title1.jpg) left bottom no-repeat;
	background-size:100%;
}
.sam_title2 {
	width: 155px;
	height: 30px;
	margin-top: 25px;
	background: url(../images_sp/common/sam_title2.jpg) left bottom no-repeat;
	background-size:100%;
}
.sam_title3 {
	width: 155px;
	height: 30px;
	margin-top: 25px;
	background: url(../images_sp/common/sam_title3.jpg) left bottom no-repeat;
	background-size:100%;
}
.sam_title4 {
	width: 155px;
	height: 30px;
	margin-top: 25px;
	background: url(../images_sp/common/sam_title4.jpg) left bottom no-repeat;
	background-size:100%;
}
.sam_title5 {
	width: 155px;
	height: 30px;
	margin-top: 25px;
	background: url(../images_sp/common/sam_title5.jpg) left bottom no-repeat;
	background-size:100%;
}
.sam_title6 {
	width: 155px;
	height: 30px;
	margin-top: 25px;
	background: url(../images_sp/common/sam_title6.jpg) left bottom no-repeat;
	background-size:100%;
}
.sam_title7 {
	width: 155px;
	height: 30px;
	margin-top: 25px;
	background: url(../images_sp/common/sam_title7.jpg) left bottom no-repeat;
	background-size:100%;
}
.sam_title8 {
	width: 155px;
	height: 30px;
	margin-top: 25px;
	background: url(../images_sp/common/sam_title8.jpg) left bottom no-repeat;
	background-size:100%;
}
.sam_title9 {
	width: 155px;
	height: 30px;
	margin-top: 25px;
	background: url(../images_sp/common/sam_title9.jpg) left bottom no-repeat;
	background-size:100%;
}
/* ----------------------
 * sample
 *---------------------- */

.type1_1 span,
.type1_name1 span,
.type1_2 span,
.type1_name2 span,
.type1_3 span,
.type1_name3 span,
.type1_4 span,
.type1_name4 span,
.type1_5 span,
.type1_name5 span,
.type1_6 span,
.type1_name6 span,
.type1_7 span,
.type1_name7 span,
.type1_8 span,
.type1_name8 span,
.type1_9 span,
.type1_name9 span,
.type1_10 span,
.type1_name10 span,
.type1_11 span,
.type1_name11 span,
.type1_12 span,
.type1_name12 span,
.type2_1 span,
.type2_name1 span,
.type2_2 span,
.type2_name2 span,
.type2_3 span,
.type2_name3 span,
.type2_4 span,
.type2_name4 span,
.type2_5 span,
.type2_name5 span,
.type2_6 span,
.type2_name6 span,
.type2_7 span,
.type2_name7 span,
.type2_8 span,
.type2_name8 span,
.type2_9 span,
.type2_name9 span,
.type2_10 span,
.type2_name10 span,
.type2_11 span,
.type2_name11 span,
.type2_12 span,
.type2_name12 span,
.about_top span,
.about_top2 span,
.about_top3 span,
.about_top4 span,
.about_top5 span,
.about_top6 span,
.pro_top span,
.pro_name span,
.pro_img span,
.pro_msg span,
.pro_sign span,
.free_top span,
.at_top span,
.at_top2 span {
	position: relative;
	z-index: -1;
}