@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
------------------------------*/
#promotion {}
/* new_promotion */
#promotion.new_promotion { position: relative; line-height: 0; text-align: center; width: 100%;}
#promotion.new_promotion .new_slider_ttl { position: absolute; left: 0; right: 0; top: 22%; z-index: 15; margin: 0 auto; width: 100%;}
#promotion.new_promotion .new_slider_bg { position: absolute; bottom: 0; z-index: 15; width: 100%;}
#promotion.new_promotion .new_slider_bg img { width: 100%;}
/* --PC-- */
@media screen and (min-width: 751px) {
#promotion { margin: 0 auto 30px;}
#promotion.new_promotion { margin: 0 auto;}
}

/* --SP-- */
@media screen and (max-width: 750px) {
#promotion { padding-top: 50px;}
#promotion .slick-prev,
#promotion .slick-next { display: none !important;}
/* new_promotion */
#promotion.new_promotion .new_slider_ttl { top: 38%;}
#promotion.new_promotion .new_slider_ttl img { width: 80%;}
}



/*------------------------------
	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 40px; 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;}

}

/*------------------------------
	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: 100%; float: left;}
#infomation .infobox .infoboxL .news {}
#infomation .infobox .infoboxL .news h4 {}
#infomation .infobox .infoboxL .news ul { height: 380px;}
#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: 330px;}
#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;}
}