@charset "utf-8";
/* CSS Document */

/**********************************************************************
*
*　　 top page css
*
**********************************************************************/

div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, span, a, input, section, article { 
	box-sizing: border-box;
}
.wrapper {
    width: 1000px;
	letter-spacing: 0.02em;
	line-height: 1.2;
	margin: 0 auto 40px;
}

h3.stdTit { text-align: center;}
h3.stdTit .big { font-size: 38px; font-weight: bold;}
h3.stdTit .min { font-size: 22px; font-weight: bold; margin-bottom: 8px; display: inline-block; line-height: 1.3;}

/* --PC-- */
@media screen and (min-width: 751px) {
}
/* --SP-- */
@media screen and (max-width: 750px) {
.wrapper { width: 100%;}
h3.stdTit {}
h3.stdTit .big { font-size: 1.5rem;}
h3.stdTit .min { font-size: 1.1rem; line-height: 1.2;}
}


/*------------------------------
	promotion
------------------------------*/
/* new_promotion */
#promotion.new_promotion { position: relative; line-height: 0; text-align: center; width: 100%; overflow: hidden;}
/* --PC-- */
@media screen and (min-width: 751px) {
	#promotion.new_promotion{padding: 50px 0 30px; background: url(../img/top/202502/top_hero_bg.jpg) no-repeat top left / cover;}
	#promotion.new_promotion .contents img {
		width: 100%;
		height: auto;
	}
	#promotion.new_promotion .new_promotion_wrapper{width: 1440px; margin-inline: auto; position: relative;}
	#promotion.new_promotion .new_promotion_wrapper::before {content: ''; width: 1173px; height: 814px; position: absolute; top: -170px; left: -32px; background: url(../img/top/202502/top_hero_blur.png) no-repeat top left / contain; z-index: 1;}
	#promotion.new_promotion .new_promotion_wrapper::after {content: ''; width: 179px; height: 75px; position: absolute; top: 59px; right: 482px; background: url(../img/top/202502/top_hero_small_text.png) no-repeat top left / contain; z-index: 2;}
	#promotion.new_promotion .contents .top_hero_title01 {display: block; width: 750px; margin-left: 120px; position: relative; z-index: 2;}
	#promotion.new_promotion .contents .top_hero_title02 {display: block; width: 1332px; position: relative; z-index: 2;}
}

/* --SP-- */
@media screen and (max-width: 750px) {
#promotion { padding-top: 13.333vw;}
#promotion.new_promotion{margin: 13.333vw 0 0; padding: 3.733vw 0 0; background: url(../img/top/202502/top_hero_bg_sp.jpg) no-repeat top left / cover;}
#promotion.new_promotion .new_promotion_wrapper{position: relative;}
#promotion.new_promotion .new_promotion_wrapper::after {content: ''; width: 36.8vw; height: 15.467vw; position: absolute; bottom: 29.333vw; right: 40vw; background: url(../img/top/202502/top_hero_small_text_sp.png) no-repeat top left / contain;}
#promotion.new_promotion .contents .top_hero_title01 {display: block; width: 95%; margin-inline: auto; padding-bottom: 49.333vw; position: relative; z-index: 2;}
#promotion.new_promotion .contents .top_hero_title02 {display: block; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 2;}
/* new_promotion */
}

/*------------------------------
	top_voice
------------------------------*/
/* new_promotion */
.top_voice { background: #eef9fd;}
.top_voice img { height: auto;}
.top_voice .slick-dotted.slick-slider { margin-bottom: 0;}
.top_voice .slick-dots { display: flex; justify-content: center;}
.top_voice .slick-dots li { margin: 0;}
.top_voice .slick-dots li button { padding: 0; background: #FFF; border: 1px solid #158ed1; border-radius: 50%;}
.top_voice .slick-dots li.slick-active button {background: #158ed1; }
.top_voice .slick-dots li button:before {display: none;}
.top_voice .slick-dots li.slick-active button:before { background: #158ed1; border-radius: 50%;}
.top_voice .slick-prev::before, .top_voice .slick-next::before { display: block;}
.top_voice  .slick-prev:before { background: url(../img/top/202502/top_voice_prev.png) no-repeat top left / contain;}
.top_voice  .slick-next:before { background: url(../img/top/202502/top_voice_next.png) no-repeat top left / contain;}
/* --PC-- */
@media screen and (min-width: 751px) {
	.top_voice {
	}
	.top_voice_title { padding-block: 30px; background: #158ed1; text-align: center;}
	.top_voice_title img { width: 934px;}
	.top_voice_wrapper {
		padding: 30px 38px 98px;
	}
	.top_voice .slick-dotted.slick-slider {
		width: 1000px;
		margin-inline: auto;
	}
	.top_voice .slick-list {
		width: 980px;
		margin: 0 auto;
	}
	.top_voice .slick-slide {
		margin: 0;
	}
	.top_voice .slick-slide picture {
		display: block;
		margin: 0 10px;
	}

	.top_voice .slick-next, 
	.top_voice .slick-next:hover,
	.top_voice .slick-next:focus {
		width: 54px;
		height: 54px;
	}
	.top_voice .slick-arrow {
		width: 54px;
		height: 54px;
	}
	.top_voice .slick-arrow::before,
	.top_voice .slick-arrow::after {
		width: 54px;
		height: 54px;
	}
	.top_voice .slick-arrow.slick-prev {
		position: absolute;
		left: -60px;
	}
	.top_voice .slick-arrow.slick-next {
		position: absolute;
		right: -60px;
	}
	.top_voice .slick-dots {
		gap: 16px;
	}
	.top_voice .slick-dots li,
	.top_voice .slick-dots li button {
		width: 10px;
		height: 10px;
	}
}

/* --SP-- */
@media screen and (max-width: 750px) {
	.top_voice_title { padding-block: 2.4vw; background: #158ed1; text-align: center;}
	.top_voice_title img { width: 66.933vw;}
	.top_voice_wrapper { width: 90%; margin-inline: auto; padding: 3.2vw 0 14vw; }
	.top_voice .slick-dots { gap: 2.133vw; bottom: -5.6vw;}
	.top_voice .slick-dots li  { width: 1.867vw; height: 1.867vw;}
	.top_voice .slick-dots li button { width: 1.867vw; height: 1.867vw;}
	.top_voice .slick-dots li button:before{ width: 1.867vw; height: 1.867vw;}
	.top_voice .slick-prev, .top_voice .slick-next { width: 7.2vw; height: 7.2vw;}
	.top_voice .slick-prev { left: -3.133vw;}
	.top_voice .slick-next { right: -3.133vw;}
	.top_voice .slick-prev::before, .top_voice .slick-next::before { width: 7.2vw; height: 7.2vw;}
}

/*------------------------------
	top_compare
------------------------------*/
.top_compare{
	img { height: auto;}
}
/* --PC-- */
@media screen and (min-width: 751px) {
	.top_compare {padding: 89px 0 113px; background: url(../img/top/202502/top_compare_bg.jpg) no-repeat top left / cover;}
	.top_compare .top_compare_wrapper { width: 1000px; margin-inline: auto;}
	.top_compare .top_compare_title {width: 650px; margin-inline: auto; margin-bottom: 40px; }
	.top_compare .top_compare_table {padding: 27px 30px; background: #fff; border-radius: 10px;}
	.top_compare img {
		width: 100%;
	}
}

/* --SP-- */
@media screen and (max-width: 750px) {
	.top_compare {padding: 11.867vw 0 10.933vw; background: url(../img/top/202502/top_compare_bg_sp.jpg) no-repeat top left / cover;}
	.top_compare .top_compare_wrapper { width: 90%; margin-inline: auto;}
	.top_compare .top_compare_title {width: 86.667vw; margin-inline: auto; margin-bottom: 5.333vw; }
	.top_compare .top_compare_table {padding: 3.6vw; background: #fff; border-radius: 10px;}
	.top_compare img {
		width: 100%;
	}
	}

/*------------------------------
	search
------------------------------*/
/*#search { background: url(../img/top/search_bg.gif) repeat;}*/
#search .wrapper { background: url(../img/top/search_img01.png)no-repeat top center; text-align: center;}
#search .wrapper .searchballoon { background: url(../img/top/search_icon_bg.png)no-repeat top center; text-align: center; font-weight: bold;}
#search .wrapper .searchballoon .txt1 { background: #fff; color: #fa6c2c; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
#search .wrapper .searchballoon .txt2,
#search .wrapper .searchballoon .txt3,
#search .wrapper .searchballoon .txt4 { color: #fff; font-weight: bold;}
#search .wrapper .searchtit { font-weight: bold;}
#search .wrapper .searchtit .searchimg {}
#search .wrapper .searchtit h3 { color: #168ed2;}
#search .wrapper .searchtit .searchtxt {}
#search .wrapper h3 { font-weight: bold;}
#search .wrapper .Search-txt,
#search .wrapper #Area-map { background: #ffffff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#search .wrapper .Search-txt { border: solid 2px #aad3ea; text-align: left;}
#search .wrapper .Search-txt input.txtform { border: solid 2px #dadada; padding: 10px;}
#search .wrapper .Search-txt input.submit { padding: 10px 20px 10px 15px; text-align: left; color: #ffffff; border: solid 2px #2d97d3; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background: url(../img/top/search_icon03.png) no-repeat #2d97d3 right 10px center;}
#search .wrapper .Search-txt #postalnum {}
#search .wrapper .Search-txt #postalnum h3 { background: url(../img/top/search_icon01.png) no-repeat;}
#search .wrapper .Search-txt #postalnum form {}
#search .wrapper .Search-txt #freeword { margin-top: 20px;}
#search .wrapper .Search-txt #freeword h3 {  background: url(../img/top/search_icon02.png) no-repeat;}
#search .wrapper .Search-txt #freeword form {}
#search .wrapper #Area-map { text-align: center; border: solid 2px #9cdeca;}
#search .wrapper #Area-map h3 { background: url(../img/top/search_icon04.png) no-repeat;}
#search .wrapper #Area-map .btn { background: url(../img/top/search_icon05.png) no-repeat left 30px center #0ab180; display: block; color: #ffffff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#search .wrapper #Area-map .btn span { display: block; background: url(../img/top/search_icon06.png) no-repeat right center;}
/* new_search */
/*#search.new_search { background: #e4f3fa;}*/
#search.new_search .wrapper { background: none;}

/* --PC-- */
@media screen and (min-width: 751px) {
#search { font-size: 16px;}
#search .wrapper { padding: 60px 0; position: relative;margin: 45px auto 40px; overflow: hidden;}
#search .wrapper .searchballoon { position: absolute; top: 50px; right: 65px; width: 131px; height: 140px; padding-top: 28px;}
#search .wrapper .searchballoon .txt1 { font-size: 14px; padding: 2px 30px;}
#search .wrapper .searchballoon .txt2 { font-size: 35px;}
#search .wrapper .searchballoon .txt3 { font-size: 20px;}
#search .wrapper .searchballoon .txt4 { font-size: 16px;}
#search .wrapper .searchtit { width: 570px; margin: 0 auto 30px auto; text-align: left;}
#search .wrapper .searchtit .searchimg { float: left; border-right: 2px solid #aad3ea; margin-right: 35px; padding-right: 35px;}
#search .wrapper .searchtit h3 { font-size: 26px; margin-bottom: 10px;}
#search .wrapper .searchtit .searchtxt {}
#search .wrapper h3 { text-align: left;  padding-left: 25px; margin-bottom: 10px; padding-bottom: 3px;}
#search .wrapper .Search-txt { width: 484px; float: left; padding: 34px; height: 245px;}
#search .wrapper .Search-txt input.txtform { width: 295px;}
#search .wrapper .Search-txt input.submit { width: 80px; margin-left: 8px;}
#search .wrapper .Search-txt #postalnum {}
#search .wrapper .Search-txt #postalnum h3 {}
#search .wrapper .Search-txt #postalnum form {}
#search .wrapper .Search-txt #freeword {}
#search .wrapper .Search-txt #freeword h3 {}
#search .wrapper .Search-txt #freeword form {}
#search .wrapper #Area-map { width: 484px; float: right; padding: 34px; height: 245px;}
#search .wrapper #Area-map h3 { border-bottom: solid 1px #9de0cc; padding-bottom: 10px;}
#search .wrapper #Area-map .btn { margin-top: 30px; font-size: 22px; padding: 30px;}
/*index02*/
#search .wrapper .topnone {display:none;}
#search .wrapper .topnone_Area { width: 740px!important; padding: 34px!important; height: 245px!important; margin: 0 auto!important; float:none!important;}
#search .wrapper .topnone_Area .searchballoon { position: absolute!important; top: 50px!important; right: 105px!important; width: 131px; height: 140px!important; padding-top: 28px!important;}
/* new_search */
#search.new_search .wrapper { margin: 0 auto 20px; padding: 20px 0 60px 0;}

}

/* --SP-- */
@media screen and (max-width: 750px) {
#search { font-size: 1rem;}
#search .wrapper { padding: 40px 0 20px 0; width: 95%; margin: 0 auto;}
#search .wrapper .searchtit {}
#search .wrapper .searchballoon { position: absolute; top: -20px; right: 30px; width: 90px; height: 96px; background-size: cover; padding-top: 12px;}
#search .wrapper .searchballoon .txt1 { font-size: 0.7rem; padding: 1px 14px; line-height: 1.2;}
#search .wrapper .searchballoon .txt2 { font-size: 1.5rem; line-height: 1.2;}
#search .wrapper .searchballoon .txt3 { font-size: 1rem; line-height: 1.2;}
#search .wrapper .searchballoon .txt4 { font-size: 0.9rem; line-height: 1.2;}
#search .wrapper .searchtit .searchimg { float: left; border-right: 2px solid #aad3ea; margin-right: 15px; padding-right: 15px;}
#search .wrapper .searchtit .searchimg img { width: 43px; padding: 5px 0;}
#search .wrapper .searchtit h3 { margin-bottom: 5px; font-size: 1.2rem; margin-top: 10px; text-align: left;}
#search .wrapper .searchtit .searchtxt { font-size: .8rem; text-align: left;}
#search .wrapper h3 { margin-bottom: 5px;}
#search .wrapper .Search-txt { padding:15px 2.5% 20px 2.5%; margin-top: 15px;}
#search .wrapper .Search-txt form {text-align: center;}
#search .wrapper .Search-txt input.txtform { width: 185;}
#search .wrapper .Search-txt input.submit { padding:10px 30px 10px 12px; border: none; width: 70px; font-size: .8rem;}
#search .wrapper .Search-txt #postalnum {}
#search .wrapper .Search-txt #postalnum h3 { padding-left: 25px; padding-bottom: 2px;}
#search .wrapper .Search-txt #postalnum form {}
#search .wrapper .Search-txt #freeword {}
#search .wrapper .Search-txt #freeword h3 { padding-left: 25px;padding-bottom: 2px;}
#search .wrapper .Search-txt #freeword form {}
#search .wrapper #Area-map { padding:15px 2.5% 20px 2.5%; margin-top: 20px; position: relative; min-height: 100px;}
#search .wrapper #Area-map h3 { padding-left: 25px; text-align: left; margin-bottom: 30px;padding-bottom: 2px;}
#search .wrapper #Area-map .btn { padding: 20px;}
/*index02*/
#search .wrapper .topnone {display:none;}
/* new_search */
#search.new_search .wrapper { padding: 10px 0 20px 0;}

}

/*------------------------------
	top_price
------------------------------*/
.top_price {
	background: #eef9fd;
}
.top_price img { height: auto;}
.top_price_graph_wrpper {
	background: #fff;
	border: 1px solid #158ed1;
}

@media screen and (min-width: 751px) {
	.top_price {
		padding-top: 100px;
	}
	.top_price h2.top_price_title {
		display: block;
		width: 682px;
		margin: 0 auto;
	}
	.top_price h2.top_price_title img {
		width: 100%;
	}
	.top_price_graph {
		width: 1000px;
		margin: 0 auto;
	}
	.top_price_graph_wrpper {
		width: 1000px;
		padding: 31px 33px 28px;
		border-radius: 10px;
	}
	.top_price_graph_wrpper img {
		width: 100%;
	}
	.top_price_graph_attention {
		margin-top: 18px;
		font-size: 12px;
		line-height: 1.5;
	}
	.top_price_discount {
		width: 1000px;
		margin: 50px auto 0;
	}
	.top_price_discount img {
		width: 100%;
	}
	.top_price_benefits {
		width: 1000px;
		margin: 90px auto 0;
		padding-bottom: 81px;
	}
	.top_price_benefits img {
		width: 100%;
	}
	.top_price_benefits_attention {
		margin-top: 22px;
		font-size: 12px;
	}
}

/* --SP-- */
@media screen and (max-width: 750px) {
	.top_price {
		padding: 2.8rem 1rem 2.5em;
	}
	.top_price_graph_wrpper {
		margin: 0.5rem 0 0;
		padding: 1rem ;
		border-radius: 10px;
	}
	.top_price_graph_attention {
		margin: 0.7rem 0 0;
		color: #555555;
		font-size: 0.7rem;
		line-height: 1.5;
	}
	.top_price_discount {
		margin-top: 2rem;
	}
	.top_price_benefits {
		margin-top: 1.5rem;
	}
	.top_price_benefits_attention {
		margin: 0.7rem 0 0;
		color: #555555;
		font-size: 0.7rem;
	}
}

/*------------------------------
	top_campaign
------------------------------*/
.top_campaign {
	background: #eef9fd;
}
.top_campaign img { height: auto;}
.top_campaign .slick-dotted.slick-slider { margin-bottom: 0;}
.top_campaign .slick-dots { display: flex; justify-content: center;}
.top_campaign .slick-dots li { margin: 0;}
.top_campaign .slick-dots li button { padding: 0; background: #FFF; border: 1px solid #158ed1; border-radius: 50%;}
.top_campaign .slick-dots li.slick-active button {background: #158ed1; }
.top_campaign .slick-dots li button:before {display: none;}
.top_campaign .slick-dots li.slick-active button:before { background: #158ed1; border-radius: 50%;}

@media screen and (min-width: 751px) {
	.top_campaign {
		padding: 88px 0 100px;
		background: url(../img/top/202502/top_campaign_bg.jpg) no-repeat top left / cover;
	}
	.top_campaign_title {
		display: block;
		width: 630px;
		margin: 0 auto;
	}
	.top_campaign_title img {
		width: 100%;
	}
	.top_campaign_slider { width: 1000px; margin: 46px auto 0;}
	.top_campaign_slider a { width: 1000px;}
	.top_campaign .slick-dots { gap: 16px; bottom: -48px;}
	.top_campaign .slick-dots li  { width: 14px; height: 14px;}
	.top_campaign .slick-dots li button { width: 14px; height: 14px;}
	.top_campaign .slick-dots li button:before{ width: 14px; height: 14px;}
}

/* --SP-- */
@media screen and (max-width: 750px) {
	.top_campaign {
		padding: 2rem 1rem 3.5rem;
		background: url(../img/top/202502/top_campaign_bg_sp.jpg) no-repeat top left / cover;
	}
	.top_campaign_title {
		width: 90%;
		margin: 0 auto;
	}
	.top_campaign_slider { width: 70%; margin-inline: auto; margin-top: 1.5rem;}
	.top_campaign .slick-dots { gap: 0.5rem; bottom: -1.5rem;}
	.top_campaign .slick-dots li  { width: 0.5rem; height: 0.5rem;}
	.top_campaign .slick-dots li button { width: 0.5rem; height: 0.5rem;}
	.top_campaign .slick-dots li button:before{ width: 0.5rem; height: 0.5rem;}
}

/*------------------------------
	onlineclass banner
------------------------------*/
div.onlineclass_btn{
	/*background: #e4f3fa;*/
	background: #FFF;
	margin:30px;
}

div.onlineclass_btn a{
margin: 0 auto 0;
    display: block;
    width: 780px;
    background: #FFFF99;
    color: #009999;
    font-size: 24px;
    font-weight: bold;
    height: 66px;
    line-height: 2.5;
    text-align: center;
    border: 2px solid #009999;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position: relative;
}
div.onlineclass_btn a::before{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 2px #009999;
	border-right: solid 2px #009999;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 50px;
	margin-top: -7px;
}

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

div.onlineclass_btn{
	margin:15px;
}
div.onlineclass_btn a{
	width:60%;
	font-size:1.1rem;
	border: 1px solid #009999;
	height:40px;
	line-height:1.8;
	vertical-align: middle;
	padding:5px 20px;
}
div.onlineclass_btn a::before{
	right: 10px;
	width: 6px;
	height: 6px;
	margin-top: -5px;
}

}




/*------------------------------
	subject
------------------------------*/
#subject {}
#subject .subjecttit {}
#subject .subjecttit h3.stdTit { background: url(../img/top/subject_tit_bg.gif) repeat-x bottom 20px center;}
#subject .subjecttit h3.stdTit .big { background: #ffffff; padding: 0 10px 0 40px;}
#subject .subjecttit h3.stdTit .min { background: #ffffff; padding: 0 20px;}
#subject .subjectlist {}
#subject .subjectlist li {}
#subject .subjectlist a {}
#subject .subjectlist li .img { line-height: 0;}
#subject .subjectlist li .img img { width: 100%;}
#subject .subjectlist li .subjectbox { text-align: center;}
#subject .subjectlist li .subjectbox .tit { color: #ffffff; font-weight: bold;}
#subject .subjectlist li .subjectbox .tit .min { font-weight: bold;}
#subject .subjectlist li .subjectbox .subjecttxtbox {background-color: rgba(255,255,255,0.70); text-align: left; color: #222222;}
#subject .subjectlist li .subjectbox .subjecttxtbox .subjectsubtit { background: #ffffff; text-align: center; margin-bottom: 15px; padding: 5px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px;}
#subject .subjectlist li:nth-child(1) {}
#subject .subjectlist li:nth-child(1) .img { border: solid 2px #27b38a; background: #27b38a;}
#subject .subjectlist li:nth-child(1) .subjectbox { background: url(../img/top/subject_elementary_bg.gif)}
#subject .subjectlist li:nth-child(1) .subjecttxtbox .subjectsubtit { color: #27b38a;}
#subject .subjectlist li:nth-child(2) {}
#subject .subjectlist li:nth-child(2) .img { border: solid 2px #f36683; background: #f36683;}
#subject .subjectlist li:nth-child(2) .subjectbox { background: url(../img/top/subject_junior_bg.gif)}
#subject .subjectlist li:nth-child(2) .subjecttxtbox .subjectsubtit { color: #f36683;}
#subject .subjectlist li:nth-child(3) {}
#subject .subjectlist li:nth-child(3) .img { border: solid 2px #3c9dd4; background: #3c9dd4;}
#subject .subjectlist li:nth-child(3) .subjectbox { background: url(../img/top/subject_high_bg.gif)}
#subject .subjectlist li:nth-child(3) .subjecttxtbox .subjectsubtit { color: #168ed2;}
/* --PC-- */
@media screen and (min-width: 751px) {
#subject { font-size: 16px;}
#subject .subjecttit { margin-bottom: 30px;}
#subject .subjectlist { margin-bottom: 30px; overflow: hidden;}
#subject .subjectlist li { width: 310px; float: left;}
#subject .subjectlist a {}
#subject .subjectlist li .img { -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px;}
#subject .subjectlist li .subjectbox { padding: 20px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px;}
#subject .subjectlist li .subjectbox .tit { font-size: 30px; padding:0 0 20px 0;}
#subject .subjectlist li .subjectbox .tit .min { font-size: 18px;}
#subject .subjectlist li .subjectbox .subjecttxtbox { padding: 20px; min-height: 130px;}
#subject .subjectlist li .subjectbox .subjecttxtbox .subjectsubtit {}
#subject .subjectlist li:nth-child(1) { margin-right: 35px;}
#subject .subjectlist li:nth-child(1) .subjecttxtbox .subjectsubtit  {}
#subject .subjectlist li:nth-child(2) { margin-right: 35px;}
#subject .subjectlist li:nth-child(2) .subjecttxtbox .subjectsubtit  {}
#subject .subjectlist li:nth-child(3) {}
#subject .subjectlist li:nth-child(3) .subjecttxtbox .subjectsubtit  {}
#subject .subjectbn .spOnly {display: none;}
}
/* --SP-- */
@media screen and (max-width: 750px) {
#subject { font-size: 1rem; width: 95%; margin: 30px auto 70px auto;}
#subject .subjecttit h3.stdTit { margin-bottom: 20px; background: url(../img/top/subject_tit_bg.gif) repeat-x bottom 10px center;}
#subject .subjecttit h3.stdTit .big {padding:0 0 0 10px;}
#subject .subjecttit h3.stdTit .min {padding:0 10px;}
#subject .subjecttit {}
#subject .subjectlist {}
#subject .subjectlist li { max-width: 100%; margin: 0 auto 15px auto;}
#subject .subjectlist a { width: 100%; display: table;}
#subject .subjectlist li .img { width: 50%; display: table-cell; vertical-align: middle; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; padding-top: 200px;}
#subject .subjectlist li .img img { display: none;}
#subject .subjectlist li .subjectbox { width: 50%; display: table-cell; vertical-align: middle; padding: 0 15px 15px 15px; margin-bottom: 15px; border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px;}
#subject .subjectlist li .subjectbox .tit {padding: 8px 0; font-size: 1.2rem;}
#subject .subjectlist li .subjectbox .tit .min { font-size: 1rem;}
#subject .subjectlist li .subjectbox .subjecttxtbox { font-size: .8rem; padding:10px 20px; line-height: 1.3;}
#subject .subjectlist li .subjectbox .subjecttxtbox .subjectsubtit { margin-bottom: 10px; line-height: 1.2;}
#subject .subjectlist li:nth-child(1) {}
#subject .subjectlist li:nth-child(1) .img { background: url(../img/top/subject_elementary.jpg) no-repeat top center #27b38a; background-size: cover;}
#subject .subjectlist li:nth-child(1) .subjecttxtbox .subjectsubtit  {}
#subject .subjectlist li:nth-child(2) {}
#subject .subjectlist li:nth-child(2) .img { background: url(../img/top/subject_junior.jpg) no-repeat top center #f36683; background-size: cover;}
#subject .subjectlist li:nth-child(2) .subjecttxtbox .subjectsubtit  {}
#subject .subjectlist li:nth-child(3) {}
#subject .subjectlist li:nth-child(3) .img { background: url(../img/top/subject_high.jpg) no-repeat top center #3c9dd4; background-size: cover;}
#subject .subjectlist li:nth-child(3) .subjecttxtbox .subjectsubtit  {}
#subject .subjectbn .pcOnly { display: none;}
	
}

@supports (-ms-ime-align:auto) {
#subject .subjectlist li .subjectbox {  border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
}


/*------------------------------
	deals
------------------------------*/
#deals { background: url(../img/top/promotion_bn_bg.gif); padding: 90px 0 50px 0; position: relative; text-align: center;}
#deals .wrapper {}
#deals h3 {}
#deals h3 .box {}
#deals h3 .box .txt { font-weight: bold;}
#deals h3 .box .tit { font-weight: bold;}
#deals h3 .box .tit .min { font-weight: normal; padding-left: 10px;}
#deals .dealslist { overflow: hidden; display: flex; flex-wrap: wrap;}
#deals .dealslist li { background: #ffffff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#deals .dealslist li .dealsimg { margin-bottom: 12px;}
#deals .dealslist li .dealstag { margin-bottom: 12px; color: #ffffff; text-align: left;}
#deals .dealslist li .dealstag .tag_e,
#deals .dealslist li .dealstag .tag_j,
#deals .dealslist li .dealstag .tag_h { padding: 5px 10px; display: inline-block;}
#deals .dealslist li .dealstag .tag_e { background: #0ab180;}
#deals .dealslist li .dealstag .tag_j { background: #f36683;}
#deals .dealslist li .dealstag .tag_h { background: #2d97d3;}
#deals .dealslist li .dealstxt { color: #222222; text-align: left; line-height: 1.3;}
/* --PC-- */
@media screen and (min-width: 751px) {
#deals { font-size: 16px; margin-top: 120px; position: relative; /*padding-left: 64px;*/}
#deals h3 { width: 543px; height: 138px; margin: 0 auto; position: absolute; top: -60px; left: 0; right: 0; background: url(../img/top/promotion_bn_img01.png) no-repeat left center; overflow: hidden; padding-left: 67px;}
#deals h3 .box { display: table; width: 100%;}
#deals h3 .box .txt { font-size: 18px; width: 201px; height: 138px; background: url(../img/top/promotion_bn_img02.png) no-repeat right center; display: table-cell; vertical-align: middle;}
#deals h3 .box .tit { font-size: 26px; width: 250px; height: 138px; padding-left: 25px; color: #ffffff; background: url(../img/top/promotion_bn_img03.png) no-repeat right center; display: table-cell; vertical-align: middle;}
#deals h3 .box .tit .min { font-size: 14px;}
#deals .dealslist { margin-top: 20px;}
#deals .dealslist li { width: 234px; margin-left: 21px; padding: 12px 12px 20px 12px;}
#deals .dealslist li:nth-child(4n+1) { margin-left: 0;}
#deals .dealslist li:nth-child(n+5) { margin-top: 20px;}
#deals .dealslist li .dealsimg {}
#deals .dealslist li .dealstag { font-size: 14px;}
#deals .dealslist li .dealstag .tag_e {}
#deals .dealslist li .dealstag .tag_j {}
#deals .dealslist li .dealstag .tag_h {}
#deals .dealslist li .dealstxt {}
}
/* --SP-- */
@media screen and (max-width: 750px) {
#deals { font-size: 1rem; padding-bottom: 30px;}
#deals .wrapper{ width: 95%; margin: 0 auto;}
#deals h3 { margin: 0 auto; position: absolute; top: -60px; left: 0; right: 0; height: 130px; width: 320px;}
#deals h3 .box { display: table; width: 95%;}
#deals h3 .box .txt { height: 130px; background: url(../img/top/promotion_bn_img02.png) no-repeat right center; display: table-cell; vertical-align: middle; font-size: .7rem; text-align: left; background-size: 95% auto;width: 130px; padding-left: 5px; line-height: 1.5;}
#deals h3 .box .tit { height: 130px; color: #ffffff; background: url(../img/top/promotion_bn_img03.png) no-repeat right center; display: table-cell; vertical-align: middle; font-size: 1.2rem; background-size: 95% auto; width: 190px; padding-left: 10px;}
#deals h3 .box .tit .min {font-size: .6rem;}
#deals .dealslist {}
#deals .dealslist li { width: 49%; margin-left: 2%;}
#deals .dealslist li:nth-child(2n+1) { margin-left: 0;}
#deals .dealslist li:nth-child(n+3) { margin-top: 10px;}
#deals .dealslist li .dealsimg { margin-bottom: 5px;}
#deals .dealslist li .dealstag { font-size: .7rem; padding:0 10px; margin-bottom: 5px;}
#deals .dealslist li .dealstag .tag_e {}
#deals .dealslist li .dealstag .tag_j {}
#deals .dealslist li .dealstag .tag_h {}
#deals .dealslist li .dealstxt { font-size: .8rem; padding:5px 10px 10px 10px;}
}




/*------------------------------
	talkabout
------------------------------*/
#talkabout {}
.talkabouttit{width: 590px; margin: 10px auto 20px;}
#talkabout .subjecttit { background: url(../img/top/talkabout_img01.png) no-repeat center center;}
#talkabout .voicelist {}
#talkabout .voicelist li {}
#talkabout .voicelist li .voicelisttit { text-align: center; margin-bottom: 10px;}
#talkabout .voicelist li .voice1st { background: #f5f5f5;}
#talkabout .voicelist li .voice1st a {}
#talkabout .voicelist li .voice1st .voicetit { font-size: 17px; background: #ffffff; text-align: center; display: table-cell; vertical-align: middle; font-weight: bold;}
#talkabout .voicelist li .voice1st .voiceimg { line-height: 0;}
#talkabout .voicelist li .voice1st .voicetxt { color: #222222;}
#talkabout .voicelist li .voice1st .voicebtn { text-align: right; color: #ffffff;}
#talkabout .voicelist li .voice1st .voicebtn .more { border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; padding: 5px 30px 5px 10px; display: inline-block; margin-bottom: 20px;}
#talkabout .voicelist li .voicedetail { background: #f5f5f5;}
#talkabout .voicelist li .voicedetail a { border-top: solid 1px #dadada; display: block; padding-top: 15px; overflow: hidden;}
#talkabout .voicelist li .voicedetail .voiceimg {}
#talkabout .voicelist li .voicedetail .voicetxt { color: #222222;}
#talkabout .voicelist li:nth-child(1) .voice1st .voicetit { border: solid 2px #009e6b; color: #009e6b;}
#talkabout .voicelist li:nth-child(1) .voice1st .voicebtn .more { background: url(../img/top/search_icon06.png) no-repeat right 10px center #009e6b; background-size: 6px auto;}
#talkabout .voicelist li:nth-child(2) .voice1st .voicetit { border: solid 2px #ed4766; color: #ed4766;}
#talkabout .voicelist li:nth-child(2) .voice1st .voicebtn .more { background: url(../img/top/search_icon06.png) no-repeat right 10px center #ed4766; background-size: 6px auto;}
#talkabout .voicelist li:nth-child(3) .voice1st .voicetit { border: solid 2px #168ed2; color: #168ed2;}
#talkabout .voicelist li:nth-child(3) .voice1st .voicebtn .more { background: url(../img/top/search_icon06.png) no-repeat right 10px center #168ed2; background-size: 6px auto;}
/* --PC-- */
@media screen and (min-width: 751px) {
#talkabout { font-size: 16px; margin-top: 30px;}
#talkabout .subjecttit { margin-bottom: 20px;}
#talkabout .voicelist { overflow: hidden;}
#talkabout .voicelist li { width: 310px; float: left;}
#talkabout .voicelist li .voicelisttit {}
#talkabout .voicelist li .voice1st {}
#talkabout .voicelist li .voice1st a {}
#talkabout .voicelist li .voice1st .voicetit { height: 65px; width: 310px;}
#talkabout .voicelist li .voice1st .voiceimg img {width: 310px;}
#talkabout .voicelist li .voice1st .voicetxt { padding: 20px 20px 0 20px;}
#talkabout .voicelist li .voice1st .voicebtn { padding: 15px 20px 0 20px; font-size: 14px;}
#talkabout .voicelist li .voicedetail { padding: 0 20px 20px 20px;}
#talkabout .voicelist li .voicedetail a {}
#talkabout .voicelist li .voicedetail .voiceimg { width: 120px; float: left;}
#talkabout .voicelist li .voicedetail .voicetxt { width: 130px; float: right;}
#talkabout .voicelist li:nth-child(1) { margin-right: 35px;}
#talkabout .voicelist li:nth-child(1) .voice1st .voicetit {}
#talkabout .voicelist li:nth-child(1) .voice1st .voicebtn .more {}
#talkabout .voicelist li:nth-child(2) { margin-right: 35px;}
#talkabout .voicelist li:nth-child(2) .voice1st .voicetit {}
#talkabout .voicelist li:nth-child(2) .voice1st .voicebtn .more {}
#talkabout .voicelist li:nth-child(3) .voice1st .voicetit {}
#talkabout .voicelist li:nth-child(3) .voice1st .voicebtn .more {}
}
/* --SP-- */
@media screen and (max-width: 750px) {
#talkabout { font-size: 1rem;}
#talkabout.wrapper { margin-top: 40px;}
.talkabouttit{width: 100%; margin: 10px auto 20px;}
#talkabout .voicelist { max-width: 356px;}
#talkabout .voicelist_sp { width: 95%x;}/**/
#talkabout .subjecttit { background-size: 300px auto;}
#talkabout .voicelist { width: 95%; margin: 0 auto;}
#talkabout .voicelist_sp { width: 95%; margin: 0 auto;} /**/
#talkabout .voicelist li { margin-top: 20px;}
#talkabout .voicelist li .voicelisttit { width: 110px; margin: 0 auto 5px auto;}
#talkabout .voicelist li .voice1st a {}
#talkabout .voicelist li .voice1st .voicetit { width: 100%; padding: 10px; text-align: center; display: block;}
#talkabout .voicelist li .voice1st .voiceimg {}
#talkabout .voicelist li .voice1st .voicetxt { padding: 10px 10px 5px 10px;}
#talkabout .voicelist li .voice1st .voicebtn { padding: 0 10px;}
#talkabout .voicelist li .voice1st .voicebtn .more { margin-bottom: 10px;}
#talkabout .voicelist li .voicedetail { padding: 0 10px 10px 10px;}
#talkabout .voicelist li .voicedetail a { display: table; width: 100%;}
#talkabout .voicelist li .voicedetail .voiceimg { width: 120px; display: table-cell;}
#talkabout .voicelist li .voicedetail .voicetxt { display: table-cell; padding-left: 10px; vertical-align: middle;}
#talkabout .voicelist li:nth-child(1) .voice1st .voicebtn .more {}
#talkabout .voicelist li:nth-child(2) .voice1st .voicebtn .more {}
#talkabout .voicelist li:nth-child(3) .voice1st .voicebtn .more {}
}




/*------------------------------
	infomation
------------------------------*/
#infomation { background: #eef9fe;}
#infomation .subjecttit {}
#infomation .subjecttit h3.stdTit { background: url(../img/top/infomation_tit_bg.gif) repeat-x bottom 20px center;}
#infomation .subjecttit h3.stdTit .big { background: #eef9fe; padding: 0 10px;}
#infomation .subjecttit h3.stdTit .min { background: #eef9fe; padding: 0 20px;}
#infomation .infobox {}
#infomation .infobox h4 { font-size: 18px; font-weight: bold;}
#infomation .infobox ul {}
#infomation .infobox ul li {}
#infomation .infobox ul li a { text-decoration: underline;}
#infomation .infobox ul li .txt { border-bottom: solid 1px #dadada; line-height: 1.3; padding-bottom: 10px;}
#infomation .infobox ul li:last-child .txt { border-bottom:none;}
#infomation .infobox ul li .date { font-weight: bold; border-bottom: none;}
#infomation .infobox .infoboxL {}
#infomation .infobox .infoboxL .news { background: #ffffff;}
#infomation .infobox .infoboxL .news h4 { color: #168ed2; border-top: solid 2px #168ed2; border-bottom: solid 1px #aad3ea; background: url(../img/top/infomation_icon01.png) no-repeat left 10px center;}
#infomation .infobox .infoboxL .news ul {}
#infomation .infobox .infoboxR {}
#infomation .infobox .infoboxR .opening { background: #ffffff;}
#infomation .infobox .infoboxR .opening h4 { color: #009e6b; border-top: solid 2px #009e6b; border-bottom: solid 1px #84d8bf; background: url(../img/top/infomation_icon02.png) no-repeat left 10px center;}
#infomation .infobox .infoboxR .opening ul {}
#infomation .infobox .infoboxR .opening li span.tag {background:#009e6b; color: #fff; font-size: 12px; padding: 3px 4px;}
#infomation .infobox .infoboxR .reserve { background: #ffffff;}
#infomation .infobox .infoboxR .reserve h4 { color: #ed4766; border-top: solid 2px #ed4766; border-bottom: solid 1px #f9b2c1; background: url(../img/top/infomation_icon03.png) no-repeat left 10px center;}
#infomation .infobox .infoboxR .reserve ul {}
#infomation .infobox .infoboxR .reserve li span.tag {background:#ed4766; color: #fff; font-size: 12px; padding: 3px 4px;}
/* --PC-- */
@media screen and (min-width: 751px) {
#infomation { font-size: 16px; padding: 50px 0; margin-bottom: 0;}
#infomation .wrapper { margin: 0 auto; overflow: hidden;}
#infomation .subjecttit { margin-bottom: 30px;}
#infomation .infobox {}
#infomation .infobox h4 { padding: 14px 14px 14px 40px;}
#infomation .infobox ul { overflow: auto;}
#infomation .infobox ul li { padding: 0 20px 20px 20px;}
#infomation .infobox ul li:first-child { padding-top: 20px;}
#infomation .infobox ul li .txt { padding-bottom: 20px;}
#infomation .infobox ul li .date { padding-bottom: 10px;}
#infomation .infobox .infoboxL { width: 484px; float: left;}
#infomation .infobox .infoboxL .news {}
#infomation .infobox .infoboxL .news h4 {}
#infomation .infobox .infoboxL .news ul { height: 602px;}
#infomation .infobox .infoboxR { width: 484px; float: right;}
#infomation .infobox .infoboxR .opening { margin-bottom: 29px;}
#infomation .infobox .infoboxR .opening h4 {}
#infomation .infobox .infoboxR .opening ul { height: 260px;}
#infomation .infobox .infoboxR .reserve {}
#infomation .infobox .infoboxR .reserve h4 {}
#infomation .infobox .infoboxR .reserve ul { height: 260px;}
}
/* --SP-- */
@media screen and (max-width: 750px) {
#infomation { font-size: 1rem; padding: 20px 0;}
#infomation .wrapper { margin: 0 auto;}
#infomation .infobox { width: 90%; margin: 20px auto 0 auto;}
#infomation .infobox h4 { font-size: 1rem; padding: 10px 10px 10px 40px;}
#infomation .infobox ul { height: 200px;}
#infomation .infobox ul li { font-size: .8rem; padding: 10px;}
#infomation .infobox ul li .date { margin-bottom: 5px;}
#infomation .infobox .infoboxL {}
#infomation .infobox .infoboxL .news { margin-bottom: 20px;}
#infomation .infobox .infoboxL .news h4 {}
#infomation .infobox .infoboxL .news ul {}
#infomation .infobox .infoboxR {}
#infomation .infobox .infoboxR .opening { margin-bottom: 20px;}
#infomation .infobox .infoboxR .opening h4 {}
#infomation .infobox .infoboxR .opening ul {}
#infomation .infobox .infoboxR .reserve { margin-bottom: 20px;}
#infomation .infobox .infoboxR .reserve h4 {}
#infomation .infobox .infoboxR .reserve ul {height: 100px;}
}

/**********************************************************************
*
*　　 ■被災児童生徒支援等のお知らせ /index/
*
**********************************************************************/

#notification{margin-bottom: 4%; padding: 1%; border: solid 2px #f36683; line-height: 150%;}
#notification h3{font-weight:bold; text-align:center; color: #f36683;}

@media screen and (max-width: 750px) {
#notification{margin: 4%; padding: 1%; border: solid 2px #f36683; line-height: 150%;}
#notification h3{font-weight:bold; text-align:center; color: #f36683;}
}

/**********************************************************************
*
*　　 ■お問い合わせ
*
**********************************************************************/

.contact {clear: both;width: 100%;margin: -10px 0 0; padding: 40px 0 40px;background: url(../img/common/contact_bg.gif) no-repeat center center;background-size: cover;}

/* タイトル */
.contact h4 {width: 390px; margin: 0 auto;}
.contact h4 img {width: 100%;}
.contact section {width: 840px;background: rgba(224,255,255);margin: 10px auto 0;padding: 30px;box-sizing: content-box;}
.contact .contact_tit {text-align: center; color: #333333;font-size: 24px;font-weight: bold; letter-spacing: .02em;line-height: 1.54;}
.contact .contact_tit span {color: #f24770; font-size: 24px; font-weight: bold;}
.contact .contact_tit .mid {font-size: 80px;}
.contact .contact_tit .large {font-size: 120px;}
.contact .contact_tit .attention {display: inline-block; margin-left: 20px; font-size: 12px;color: #686464;} 
.contact .cta_box{width: 644px; margin: 0 auto;}
.contact .cta_box img{width: 100%;}
.contact .cta_map_link{width: 375px; margin: 32px auto 0;}
.contact .cta_map_link img{width: 100%;}

/* 無料体験　資料請求ボタン */
.contact ul {margin: 25px auto;letter-spacing: -0.4em;}
.contact ul li {display: inline-block;letter-spacing: normal;font-size: 20px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;box-shadow:0px 4px 0px -1px #b2c8d5;}
.contact ul li a {color:#fff;}
.contact ul li a:hover {opacity: 0.7;}

/* 無料体験 */
.contact ul li.free {background: #ea576a; /* Old browsers */background: -moz-linear-gradient(top, #ea576a 0%, #e86877 49%, #e54e5f 51%, #e63a50 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #ea576a 0%,#e86877 49%,#e54e5f 51%,#e63a50 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #ea576a 0%,#e86877 49%,#e54e5f 51%,#e63a50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea576a', endColorstr='#e63a50',GradientType=0 ); /* IE6-9 */	position: relative;margin-right: 20px;width: 410px;}
.contact ul li.free a {background: url(../img/common/icon_free_arrow.png) no-repeat center right 10px;display: block;padding: 28px 10px 28px 20px;}



/*.contact ul li.free .ribon {background: url(../img/common/ribon.png) no-repeat center left;display: block;height: 90px;position: absolute;top: -7px;width: 72px;}*/
.contact ul li.free .ribon, .contact ul li.request .ribon {background:yellow; display: block; height: 70px; width: 75px; border-radius:5px; position: absolute; top: 20px; left:15px;}
.contact ul li.free .ribon .txt, .contact ul li.request .ribon .txt{color: #2e2e2e;padding: 15px 0; display: block;text-align: center;font-size: 17px;margin-left: -3px;line-height: 1.2;font-weight: bold;}



/*.contact ul li.free .ribon .txt {color: #2e2e2e;padding: 28px 0; display: block;text-align: center;font-size: 17px;margin-left: -7px;line-height: 1.2;font-weight: bold;}*/
.contact ul li.free .offer_txt {padding-left: 90px;font-size: 22px;display: block;line-height: 1.2;color: #fff;font-weight: bold;text-align: left;}
.contact ul li.free .offer_txt .note {display: block;font-size: 15px;margin-top: 7px;}

/* 資料請求 */
.contact ul li.request {background: #1ab762; /* Old browsers */background: -moz-linear-gradient(top, #1ab762 0%, #1ab762 50%, #00af50 52%, #00af50 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #1ab762 0%,#1ab762 50%,#00af50 52%,#00af50 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #1ab762 0%,#1ab762 50%,#00af50 52%,#00af50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ab762', endColorstr='#00af50',GradientType=0 ); /* IE6-9 */	position: relative;width: 410px;}
.contact ul li.request a {background: url(../img/common/icon_request_arrow.png) no-repeat center right 10px;display: block;padding: 28px 10px 28px 20px;}
/*.contact ul li.request .ribon {background: url(../img/common/ribon.png) no-repeat center left;display: block;height: 90px;position: absolute;top: -7px;width: 72px;}
.contact ul li.request .ribon .txt {color: #2e2e2e;padding: 28px 0;display: block;text-align: center;font-size: 17px;margin-left: -7px;line-height: 1.2;letter-spacing: -0.05em;font-weight: bold;}*/
.contact ul li.request .offer_txt {padding-left: 90px;font-size: 22px;display: block;line-height: 1.2;color: #fff;font-weight: bold;text-align: left;}
.contact ul li.request .offer_txt .small {font-weight: bold;}
.contact ul li.request .offer_txt .note {display: block;font-size: 15px;margin-top: 7px;}
/* フリーダイヤル */
.contact .tel_pc {background: #fff;width: 600px;margin: 0 auto 30px;padding: 22px;text-align: center;}
.contact .tel_pc span {display: inline-block;vertical-align: middle;}
.contact .tel_pc .icon {color: #2d97d3;font-size: 44px;font-weight: bold;font-family: Roboto,'Droid Sans';background: url(../img/common/icon_free_voice.png) no-repeat center left;padding-left: 50px;}
.contact .tel_pc .hour {padding-left: 10%;font-size: 15px;}
.contact .tel_pc a {display: block;}
.contact .contact_tit .saidai{font-size:1.8rem; font-weight:bold; padding-left:5px;}/*****/
/* --SP-- */
@media screen and (max-width: 750px) {
.contact {padding: 7vw 0; background:#feffdf;}
/*
.contact h4 {font-size: 1.2rem;line-height: 1.3;background: url(../img/common/title_deco_sp.png) no-repeat center center;background-size: 80%; padding:0 0 5px; color:#2d97d3;}
.contact h4:before,
.contact h4:after {display: none;}

.contact h4:before {background: url(../img/common/title_deco01.png) no-repeat left center;content: "　";background-size: auto 100%;width: 30px;display: inline-block;}
.contact h4:after {background: url(../img/common/title_deco02.png) no-repeat right center;content: "　";background-size: auto 100%;width: 30px;display: inline-block;}
*/

.contact h4 {
	width: 80%;
	margin: 0 auto 4vw;
}

.contact section {width: 95%;box-sizing: border-box;margin: 0 auto 0;padding: 4vw 4vw 5vw; border-radius:5px; border:2px solid #2d97d3; }
.contact .contact_tit {font-size: 1.1rem;margin: 1% 0 5.6%; line-height:0.9;border-bottom: solid 1px #b0e0e6;padding-bottom:15px;}

.contact .contact_tit .icon {/*padding-left: 1.5rem;*/ position: absolute;left: 0;top: -2rem;font-size: 1.2rem;color: #000;background-size: auto 18px;text-align: left;width: 100%;display: inline-table;}

.contact .contact_tit .col {font-size: 1.8rem;letter-spacing: -0.05em;position: relative;}
.contact .contact_tit .saidai{font-size:1rem; font-weight:bold;}/*****/
.contact .contact_tit .col strong {font-size: 5rem;}
.contact .contact_tit .snote {display: inline-block;margin-right: 0;font-size:0.7rem;}

.contact .contact_tit {margin-bottom: 0.2rem; padding-bottom: 0.5rem; font-size: 1.3rem;font-weight: bold;line-height: 1.58;}
.contact .contact_tit span {font-size: 1.5rem;font-weight: bold;}
.contact .contact_tit .mid {font-size: 2.8rem;}
.contact .contact_tit .large {font-size: 4rem;}
.contact .contact_tit .attention {display: none;}
.contact .contact_tit_bottom {margin: 1vw 0 0; text-align: right; font-size: 0.75rem;}
.contact .cta_box{ width: 100%; margin: 5vw 0 0;}
.contact .cta_map_link{
	width: 70%;
	margin: 7vw auto 0;
}

.contact ul {width: 100%;margin: 2vw auto 10px;}
.contact ul li {display: block;margin-bottom: 10px;font-size: 1rem;}
.contact ul li {width: 100%;}
.contact ul li.free, 
.contact ul li.request {width: 100%;margin-right: 0;}
.contact ul li.free .ribon, .contact ul li.request .ribon {width: 60px; height:56px;top: 7px; left:10px;}
/*.contact ul li.free .ribon, .contact ul li.request .ribon {width: 60px;background-size: 100% auto;background-position: top left;}*/
.contact ul li.free .ribon .txt, .contact ul li.request .ribon .txt {font-size: 0.9rem;padding: 14px 0 0;}
/*.contact ul li.free .ribon .txt, .contact ul li.request .ribon .txt {font-size: 0.9rem;padding: 18px 0 0;}*/
.contact ul li.free .offer_txt, .contact ul li.request .offer_txt {padding-right: 10%;font-size: 1.2rem;padding-left: 80px;}
.contact ul li .offer_txt .small {font-size: 1rem;font-weight: bold;}
.contact ul li.free a {padding: 25px 10px;box-sizing: border-box;}
.contact ul li.request a {padding: 25px 10px;box-sizing: border-box;}
.contact ul li.free a .icon_free,
.contact ul li.request a .icon_request {line-height: 20px;background-size: auto 20px;}
.contact .tel_sp {width: 100%;margin: 6% auto 0;text-align: center;box-sizing: border-box;  border:1px solid #2d97d3;padding: 8px;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
}
/*.contact .tel_sp a {padding:  0;background: none;display: block;}*/
.contact .tel_sp a {padding:  0;background: none;display: block;}
.contact .tel_sp span {display: inline-block;vertical-align: middle;}
.contact .tel_sp .icon {color: #2d97d3;font-size: 30px;font-weight: bold;background: url(../img/common/icon_free_voice.png) no-repeat center left;padding-left: 50px;}
.contact .tel_sp .hour {display: block;margin-top: 5px;color: #000;text-align:center;}

.line_sp{
	width:87%;
	display:block;
	margin:15px auto 0;
}


}