@charset "shift-jis";
@media screen and (max-width:768px){

/* article > h2 */
article > h2{
	background:url(../images/container/h2.png)no-repeat center center;
	background-size:cover;
}


/* .cont */
.cont{
	padding:30px 0 20px;
}
.cont h3{
	font-size:18px;
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
	line-height:1.6;
}


/* #cont1 */
#cont1{
	width:auto;
	padding:30px 5% 20px;
}
#cont1 h3{
	margin-bottom:20px;
	letter-spacing:-0.08em;
	font-size: 18px;
}
#cont1 > p{
	margin:0 0 20px;
	font-size:14px;
	letter-spacing:0;
	text-align: justify;
	text-justify: inter-ideograph;
}
#cont1 p + ul li{
	display:inline-block;
	vertical-align:top;
	width:31%;
	margin:0 0 0px;
}
#cont1 p + ul li:nth-child(2){
	margin:0 1% 0px;
}
#cont1 ol li{
	width:45%;
	display:inline-block;
	vertical-align:top;
	margin:20px 1% 0;
}
#cont1 ol li span{
	display:block;
	margin-bottom:5px;
	font-size:20px;
	font-weight:bold;
	font-family: 'arial', sans-serif;
	transform: scale(1.3, 1);
}
#cont1 ol li figure img{
	width:50px;
}
#cont1 ol li figure figcaption{
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
	line-height:1.5;
	height:30px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
#cont1 table{
	width:100%;
	margin:20px auto 0;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-all;
}
#cont1 table th,
#cont1 table td{
	border:1px solid #d2d2d2;
	min-width:auto;
	min-width:inital;
	height:30px;
	line-height:1.5;
	font-size:10px;
}
#cont1 table th{
	background-color:#eee;
}
#cont1 table th span{
	display:block;
	font-size:10px;
	letter-spacing:-0.08em;
}
#cont1 table + div{
	text-align:left;
	color:#6b6b6b;
	margin-top:5px;
	font-size:12px;
	padding-left:1em;
	text-indent:-1em;
	line-height:1.5;
}
#cont1 ul:last-of-type li{
	display:inline-block;
	vertical-align:top;
	width:43%;
	max-width:200px;
	margin:30px 1% 0;
}
#cont1 ul:last-of-type li:nth-child(2){
	margin:30px 1% 0;
}
#cont1 ul:last-of-type li figure figcaption{
	font-size:12px;
	color:#222;
	margin-top:10px;
	line-height:1.5;
}


/* #cont2 */
#cont2{
	width:auto;
	margin:auto;
	padding:30px 5% 20px;
}
#cont2 h4{
	font-size:16px;
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
}
#cont2 h4 + p{
	margin:20px 0;
	font-weight:bold;
	display:inline-block;
	letter-spacing:-0.05em;
	font-size:13px;
}
#cont2 h4 + p span{
	display:block;
	font-weight:normal;
	line-height:1.5;
	margin-top:10px;
}
#cont2 h4 + p span:before{
	content:none;
}
#cont2 > div{
	position:relative;
	height:0;
	padding-top:60%;
}
#cont2 > div iframe{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}
#cont2 section{
	margin-top:20px;
	border:1px solid #e5e5e5;
	border-radius:10px;
}
#cont2 section h5{
	font-size:14px;
	line-height:30px;
	border-radius:8px 8px 0 0 ;
	background-color:#eee;
}
#cont2 section h5 + div{
	padding:3% 5%;
	text-align:left;
	font-size:13px;
}
#cont2 section h5 + div ul{
	margin:5px 0;
}

#cont2 section span{
	font-size:12px;
	color:#6b6b6b;
	display:block;
	padding-left:1em;
	text-indent:-1em;
	line-height:1.5;
}


/* #cont3 */
#cont3{
	padding-bottom:50px;
}
#cont3 h4{
	font-size:16px;
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
}
#cont3 ul{
	width:auto;
	margin:30px auto 0;
	letter-spacing:-0.4em;
}
#cont3 ul li{
	letter-spacing:normal;
	display:inline-block;
	vertical-align:top;
	width:240px;
	margin:10px 15px;
	padding:0;
}
#cont3 ul li:first-child{
	display:inline-block;
	margin:10px 15px;
	padding:0;
}
#cont3 ul li:nth-child(3){
	border-left:none;
	border-right:none;
}
#cont3 ul li h4{
	font-size:16px;
	margin-bottom:10px;
}
#cont3 ul li span{
	font-size:10px;
	color:#999;
}
#cont3 ul li a{
	width:100%;
	font-size:14px;
}






}