/* =======================================================================
 タブレット用スタイル
========================================================================== */
@media screen and (max-width: 959px) {

img, object, video {
	max-width: 100%;
	height: auto;
}

.chara1 .fukidashi1 {
	top: -50px;
	left: 120px;
}
.chara2 .fukidashi2 {
	top: 20px;
	right: 40px;
}

#footer-article #footer-right {
	width:360px;
	padding:0 10px 0 0;
}

.kyozai-list a {
	width:31%;
	margin:0 1% 20px 1%;
}

#kyozai-page-header #kyozai-page-logo {
}
#kyozai-page-logo img {
	width:160px;
	height:auto;
}
#menu {
	margin:0 0 0 170px;
}
#menu-hen {
	display:block;
	color:#fff;
	font-size:1.5em;
	border-bottom:2px solid #fff;
	margin:0 0 0 0;
	padding:5px 0 0 10px
}
#menu-kaisetsu {
	height:150px;
	padding:50px 0 40px 0;
}
#menu-jissen {
	height:170px;
	padding:10px 0;
}
#menu a {
}

#kyozai-page-article {
	padding:30px 15px;
}

.section-title .section-img {
	width:200px;
}
.section-title .section-img img {
	width:200px;
	height:auto;
}

.setsumei-layout1 {
	padding:0 0 0 0;
	position:static;
	min-height:auto;
}
.setsumei-layout1 .setsumei-img {
	position:static;
	text-align:center;
	padding:30px 0 0 0;
	width:auto;
}
.setsumei-layout1 .setsumei-img img {
}

.layout4-line {
	display:block;
	margin:0 0 1em 0;
}
.layout4-line .layout4-txt,.layout4-line .layout4-img {
	display:block;
}
.layout4-line .layout4-txt {
}
.layout4-line .layout4-img {
	padding:20px 0 30px 0;
	width:auto;
}
.layout4-line .layout4-img img {
	max-width:600px;
	height:auto;
}

.height-middle {
	min-height:auto !important;
}
.setsumei-img-right {
	text-align:center !important;
}
.setsumei-txt .fukidashi-l {
	top: 100%;
	left: 50%;
	transform: rotate( 0deg );
}

.quiz iframe {
	width:720px;
	height:540px; 
}

}


/* =======================================================
●smart画面の横幅が680pxまで
========================================================== */
@media screen and (max-width:680px){

/* スマホは設定不要 */

}