@charset "UTF-8";

#mainContents img.pc,
#mainContents br.pc,
#kiyaku br.pc,
a.linkLinePC,
a.linkPC{
	display: none !important;
}
#mainContents img{
	max-width: 100%;
}
body #mainContents a:hover,
body #mainContents button:hover,
body #mainContents input[type=submit]:hover,
body #mainContents input[type=button]:hover{
	opacity: 1;
}
/******************************************************************************
	common
******************************************************************************/
body #mainContents .content{
	padding: 0 4vw;
	margin-bottom: 12vw;
}
body #mainContents .content .inner{
	max-width: initial;
	margin: 0 auto;
}
/******************************************************************************
	.header
******************************************************************************/
body #mainContents section.header{
	margin: 0 auto 8vw;
}
body #mainContents section.header .text{
	padding: 2.6667vw 0 4vw;
}
body #mainContents section.header .text p{
	font-size: 4vw;
}
body #mainContents section.header .text p strong{
	font-size: 5.6vw;
}
body #mainContents section.header .text p.note{
	font-size: 2.8vw;
}
/******************************************************************************
	#content
******************************************************************************/
body #mainContents section#content{
	padding-bottom: 12vw;
}
body #mainContents section#content dl{
	flex-direction: column;
	width: auto;
	margin: 0 auto 8vw;
	font-size: 4vw;
}
body #mainContents section#content dl dt{
	padding: 2vw;
	text-align: center;
}
body #mainContents section#content dl dd{
	padding: 2vw;
	border-left: #ddd 1px solid;
	border-top: none;
	text-align: center;
}
body #mainContents section#content h2{
	margin: 0 0 5.2vw;
	font-size: 4.4vw;
}
body #mainContents section#content h2 strong{
	font-size: 5.6vw;
}
body #mainContents section#content h2 div{
	margin-bottom: 1vw;
}
body #mainContents section#content div.wrap{
	display: block;
}
body #mainContents section#content div.wrap div{
	width: auto;
	max-width: initial;
	padding: 6vw 4vw 6vw 50vw;
	margin-bottom: 2.6vw;
	background: #f4f5f7;
	border-radius: 2.6667vw;
}
body #mainContents section#content div.wrap div figure{
	top: calc(50% - 13.3333vw);
	width: 50vw;
}
body #mainContents section#content div.wrap div h3{
	margin-bottom: 4vw;
}
body #mainContents section#content div.wrap div h3 img{
	width:: 31.6vw;
}
body #mainContents section#content div.wrap div p.btn{
	margin-bottom: 1.3333vw;
}
body #mainContents section#content div.wrap div p.btn a{
	height: 8vw;
	border-radius: 4vw;
	font-size: 3.2vw;
}
/******************************************************************************
	#note
******************************************************************************/
body #mainContents section#note{
	margin-bottom: 8vw;
}
body #mainContents section#note h2{
	margin-bottom: 8vw;
	font-size: 4.8vw;
}
body #mainContents section#note ul{
	width: auto;
}
body #mainContents section#note ul li{
	padding: 0 0 0 1em;
	margin: 0 0 0 1.3333vw;
	font-size: 3.2vw;
}
body #mainContents section#note ul li:before{
	top: 1.5vw;
	width: 2.8vw;
	height: 2.8vw;
	border-radius: 1.4vw;
}
/******************************************************************************
	#contact
******************************************************************************/
body #mainContents section#contact{
	width: 92vw;
	padding: 6vw 4vw;
}
body #mainContents section#contact h2{
	margin: 0 0 6vw;
	font-size: 3.7vw;;
	font-family: ShinGoPro-Bold,sans-serif;
}
body #mainContents section#contact p{
	font-size: 3.2vw;
}
body #mainContents section#contact p.no{
	font-size: 4vw;
}
body #mainContents section#contact p.note{
	font-size: 2.7vw;
}
/******************************************************************************
	.support
******************************************************************************/
body #mainContents section.support{
	padding-top: 8vw;
	padding-bottom: 8vw;
}
body #mainContents section.support h2{
	margin: 0 0 4vw;
	font-size: 6.4vw;
}
body #mainContents section.support ul{
	flex-direction: column;
}
body #mainContents section.support ul li{
	position: relative;
	width: 100%;
	max-width: initial;
	margin: 0;
}
body #mainContents section.support ul li:after{
	content: " ";
	position: absolute;
	left: 4vw;
	bottom: 0;
	width: calc(100% - 8vw);
	border-bottom: #ebebeb 1px solid;
}
body #mainContents section.support ul li:last-child:after{
	display: none;
}
body #mainContents section.support ul li a{
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 15vw;
	padding: 0 0 0 6vw;
	background: #fff url("../img/ico_arrow_red.svg") right 8vw center no-repeat;
	background-size: 2.1333vw auto;
}
body #mainContents section.support ul li a .label{
	margin: 0 0 0 4vw;
	font-size: 3.2vw;
}
body #mainContents section.support ul li a .icon{
	width: 8vw;
	height: 8vw;
}
/******************************************************************************
	.other
******************************************************************************/
body #mainContents section.other{
	padding: 8vw;
}
body #mainContents section.other h2{
	margin: 0 0 4vw;
	font-size: 5.6vw;
}
body #mainContents section.other ul{
	display: block;
}
body #mainContents section.other ul li{
	position: relative;
	width: auto;
	max-width: initial;
	margin: 0;
}
body #mainContents section.other ul li:after{
	content: " ";
	position: absolute;
	left: 6vw;
	bottom: 0;
	width: calc(100% - 12vw);
	border-bottom: #fff 1px solid;
}
body #mainContents section.other ul li:last-child:after{
	display: none;
}
body #mainContents section.other ul li a{
	height: 15vw;
	padding: 0 0 0 6vw;
	background-position: right 8vw center;
	background-size: 2.1333vw auto;
	font-size: 3.2vw;
}
/******************************************************************************
	fixed
******************************************************************************/
body #mainContents section.fixed{
	bottom: -14vw;
	padding: 0;
}
body #mainContents section.fixed ul li{
	width: 100%;
	margin: 0;
}
body #mainContents section.fixed ul li a{
	height: 14vw;
	border: none;
	font-size: 3.5vw;
	box-shadow: none;
}
body #mainContents section.fixed ul li a .icon{
	width: 5.2vw;
	height: 5.2vw;
	margin-right: 2vw;
}
