@charset "utf-8";



@media screen and (max-width: 768px) {
	.pcOnly{
		display:none;
	}
	
	#wrapper, #wrapper.popup{
		min-width:initial;
		width:auto;
	}
	
	#contents, .popup #contents{
		width:auto;
		margin:0 10px;
		overflow:visible;
	}
	#contents img{
		max-width:100%;
		height:auto;
	}
	
	section{
		padding:20px 10px;
	}
	section h3{
		font-size:133.4%;
	}
	
	section p > img, section p > a > img{
		width:100%;
		height:auto;
	}
	
	main{
		/*padding-top:0;*/
		padding-bottom:20px;
	}
	
	main > .menu{
		display:none;
	}
	main > article.hasMenu{
		float:none;
		width:auto;
		padding-bottom:0;
	}
	main > article + .menu, main > article.hasMenu + .menu{
		display:block;
		width:auto;
		float:none;
		margin-left:-10px;
		margin-right:-10px;
		background-color:#dcd7cc;
		padding:40px 20px;
		margin-bottom:-20px;
	}
	main > .menu + article.hasMenu{
		width:auto;
		float:none;
	}
	main > article + .menu nav{
		width:100%;
	}
	main > .menu > nav.subNav li{
		height:auto;
	}
	main.level1 > .menu{
		display:block;
	}
	
	#keyvisualBox{
		margin-left:-10px;
		margin-right:-10px;
	}
	#keyvisualBox h2{
		font-size:142.9%;
		margin-top:-23px;
		left:5%;
	}
	
	main > h2{
		padding-top:20px;
		margin:0 auto 1em;
		font-size:191.7%;
	}
	
	.fLeft, .fRight{
		float:none;
		margin-bottom:20px;
	}
	
	ul.col3 li, ul.col4 li, ul.col6 li,
	ul.col3m li, ul.col4m li, ul.col6m li{
		width:auto;
		margin-right:0;
		float:none;
	}
	
	
	ul.borderIconList.col3 li, ul.borderIconList.col4 li, ul.borderIconList.col6 li{
		width: 50%;
		float:left;
		margin-bottom: 2%;
	}
	ul.boxIconList.col3m li, ul.boxIconList.col4m li, ul.boxIconList.col6m li{
		width: 49%;
		margin-right: 2%;
		float:left;
	}
	ul.borderIconList.col3 li:nth-child(2n), ul.borderIconList.col4 li:nth-child(2n), ul.borderIconList.col6 li:nth-child(2n),
	ul.boxIconList.col3m li:nth-child(2n), ul.boxIconList.col4m li:nth-child(2n), ul.boxIconList.col6m li:nth-child(2n){
		margin-right:0;
	}
	
	ul.borderIconList{
		border:none;
	}
	ul.borderIconList li:nth-child(2n), ul.borderIconList li:last-child{
		border-right:1px solid #e0e0e0;
	}
	
	
	ul.boxIconList.col3m li, ul.boxIconList.col4m li, ul.boxIconList.col6m li,
	ul.borderIconList.col3 li, ul.borderIconList.col4 li, ul.borderIconList.col6 li{
		border:1px solid #e0e0e0;
		width:100%;
		margin-right:0;
	}
	ul.boxIconList a, ul.borderIconList a{
		padding:7% 15px;
		text-align:left;
		padding-left:26%
	}
	ul.boxIconList img, ul.borderIconList img{
		vertical-align:middle;
		position:absolute;
		width:20%;
		top:50%;
		left:3%;
		margin-top:-10%;
		margin-left:0;
	}
	ul.boxIconList li a p, ul.borderIconList li a p{
		display:block;
	}
	ul.boxIconList li a br:not(.spOnly01), ul.borderIconList li a br:not(.spOnly01){
		display:none;
	}
	
	.anchorList{
		border:none;
	}
	.anchorList li{
		border-top:1px solid #e0e0e0;
		border-left:1px solid #e0e0e0;
	}
	.anchorList li + li{
		border-top:none;
	}

	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, col10, col11, col12,
	.col3m, .col4m, .col6m, .col7m, .col8m{
		width:auto;
	}
	
	section .gBox, section .wBox{
		padding-left:10px;
		padding-right:10px;
	}
	
	.boxLink{
		width:100%;
	}
	
	a.printerLink{
		display:none;
	}
	
	.borderBox{
		padding-left:15px;
		padding-right:15px;
	}
	
	#contents .textCenter{
		text-align:inherit;
	}
	#contents .textRight{
		text-align:inherit;
	}
	
	#contents div.levelDown, #contents p.levelDown, #contents ul.levelDown{
		padding-left:15px;
		padding-right:15px;
	}
	
	a.boxLink img{
		margin-top:auto;
		margin-bottom:auto;
	}
	
	ul.inlineBlock{
		margin-bottom:0;
	}
	
	/*
		table.
	*/
	
	.verticalTable.verticalTableBox{
		margin-bottom:30px;
	}
	
	.verticalTable.verticalTableBox dt.vtt br{
		display:none;
	}
	.verticalTable.verticalTableBox dl.vtl{
		border-top: 1px #e0e0e0 solid;
		margin-bottom:10px;
		border: 1px #e0e0e0 solid;
	}
	
	.verticalTable.verticalTableBox dl.vtl:last-child{
		margin-bottom:0;
	}

	.verticalTable.verticalTableBox dt.vtt{
		text-align:center;
		padding:10px 10px;
		font-weight:bold;
		white-space:nowrap;
		border-bottom: 1px #e0e0e0 solid;
	}
	.verticalTable.verticalTableBox dt.vtt.tHead{
		color:#222121;
		padding-left:10px;
	}
	.verticalTable.verticalTableBox dd.vtd{
		padding:10px 10px;
	}
	.verticalTable.verticalTableBox dd.vtd > dl.vtl{ 
		margin-top:-10px;
		margin-bottom:-10px;
	}
	.verticalTable.verticalTableBox dd.vtd > dl.vtl:first-child{
		margin-top:0;
	}
	.verticalTable.verticalTableBox dd.vtd + dd.vtd{
		padding-top:0;
	}
	
	.horizontalTableScroller{
		overflow: hidden;
		overflow-x: auto;
		white-space: nowrap;
		margin:0;
		padding:0;
		margin-bottom:30px;
	}
	.horizontalTableScroller:after{
		content:"表は右にスクロールしてご覧いただけます ▶";
		display:block;
		position:relative;
		font-size:12px;
		color:#a0a0a0;
	}
	.horizontalTableScroller .horizontalTable{
		margin-bottom:0;
	}

	.conversionBox{
		padding-left:10px;
		padding-right:10px;
	}
	
	.conversionBox > ul > li > dl > dd{
		padding-left:10px;
		padding-right:10px;
	}
	
}