@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 481px){
html{
	font-size:62.4%;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
}
html, body, td, p, ul, dl, li, form, h1, h2, h3, h4{
	margin:0;
	padding:0;
}
li{
	list-style: none;
}
body, td{
	font-size:1.4rem;
}
a{
	text-decoration: none;
}
body{
	background-color:#B77AFF;
}
.clearfix{
}
.clearfix:after{
	display: block;
	clear: both;
	content:"";
}
header{
	width:100%;
	background-color:#FFF;
	padding-bottom:10px;
}
.contentsbox{
	width:1024px;
	margin:0 auto;
}
.maincontents{
	background-image:url("../img/common/background.png");
}
header{
	border-top:2px solid #B399FF;
}
header h1{
	padding-top:10px;
	display:block;
	width:315px;
	height:60px;
	background-image:url("../img/common/mainlogo.svg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	font-size:1.2rem;
	color:#666;
	line-height:1em;
	text-align: center;
	float:left;
}
header h1 a{
	color:#333;
	display:block;
	width:100%;
	height:100%;
}
header h1 span{
	display:block;
	text-indent: -99999px;
}
header .headercontact{
	float:right;
	color:#71337C;
	font-size:1.8rem;
	line-height:1em;
	text-align: center;
	padding-top:10px;
}
header .headercontact a{
	font-family:Impact;
	font-size:4.9rem;
	color:#71337C;
	line-height:1em;
}
header .topmenu{
	clear: both;
	padding-top:20px;
}
.topmenu ul{
	display:flex;
	justify-content:space-around;
	width:100%;
}
.topmenu ul li{
	width:509px;
	margin-top:2px;
}
.topmenu ul li a{
	display:block;
	font-size:1.8rem;
	color:#FFF;
	text-align: center;
	width:100%;
	padding:5px 0;
}
.topmenu ul li a:hover{
	opacity: 0.8;
}
.topmenu ul li.silver a{
	background-color:#D9A300;
}
.topmenu ul li.company a{
	background-color:#0040FF;
	
}
.topmenu ul li.selected{
	display:block;
	font-size:1.8rem;
	text-align: center;
	padding:5px 0;
	background-color:#FFF;
	color:#D9A300;
	box-sizing:border-box;
}

.btnround{
	display:block;
	width:8em;
	margin:70px auto;
	font-size:2.4rem;
	border-radius: 29px;
	padding:15px 40px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
.purple{
	background-color:#B77AFF;
	color:#FFF;
}
footer{
	text-align: center;
	margin-top:2px;
	border-top:4px double #FFF;
	color:#FFF;
	padding-bottom:50px;
}
footer .company h1{
	font-size:2.0rem;
	margin-top:24px;
}
footer .company .info{
	font-size:1.5rem;
	line-height:1.2em;
	margin-top:4px;
}
.footernavi{
	margin-top:30px;
}
.footernavi ul{
	display: flex;
	justify-content: center;
}
.footernavi ul li{
	margin:10px;
}
.footernavi ul li a{
	color:#FFF;
}
.footcontact{
	margin-top:100px;
	padding-bottom:100px;
	text-align: center;
	font-size: 2.8rem;
}
.footcontact a{
	color:#712F7B;
	font-family: Impact;
	font-size: 78px;
	line-height:78px;
}
.footcontact a::before{
	content:"";
	display:inline-block;
	width:80px;
	height:80px;
	background-image:url(../img/common/telephone.svg);
	background-size:contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right:5px;
	vertical-align: top;
}
}

@media screen and (max-width: 480px){
	html{
	font-size:62.4%;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
}
html, body, td, p, ul, dl, li, form, h1, h2, h3, h4{
	margin:0;
	padding:0;
}
li{
	list-style: none;
}
body, td{
	font-size:1.4rem;
}
a{
	text-decoration: none;
}
body{
	background-color:#B77AFF;
}
.clearfix{
}
.clearfix:after{
	display: block;
	clear: both;
	content:"";
}
header{
	width:100%;
	background-color:#FFF;
	padding-bottom:10px;
}
.contentsbox{
	width:100%;
	margin:0 auto;
}
.maincontents{
	background-image:url("../img/common/background.png");
}
header{
	border-top:2px solid #B399FF;
}
header h1{
	padding-top:10px;
	display:block;
	width:50%;
	height:20px;
	background-image:url("../img/common/mainlogo.svg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	font-size:1.2rem;
	color:#666;
	line-height:1em;
	text-align: center;
	float:left;
	text-indent:-9999px;
	margin:5px;
}
header h1 a{
	color:#333;
	display:block;
	width:100%;
	height:100%;
}
header h1 span{
	display:block;
	text-indent: -99999px;
}
header .headercontact{
	float:right;
	color:#71337C;
	font-size:0.8rem;
	line-height:1em;
	text-align: center;
	padding-top:7px;
	padding-right:5px;
}
header .headercontact a{
	font-family:Impact;
	font-size:2.2rem;
	color:#71337C;
	line-height:1em;
}
header .headercontact a{
	width:100%;
	hteight:auto;
	}
header .topmenu{
	clear: both;
	padding-top:20px;
}
.topmenu ul{
	display:block;
	width:100%;
}
.topmenu ul li{
	width:100%;
	margin-top:2px;
}
.topmenu ul li a{
	display:block;
	font-size:1.8rem;
	color:#FFF;
	text-align: center;
	width:100%;
	padding:5px 0;
}
.topmenu ul li a:hover{
	opacity: 0.8;
}
.topmenu ul li.silver a{
	background-color:#D9A300;
}
.topmenu ul li.company a{
	background-color:#0040FF;
	
}
.topmenu ul li.selected{
	display:block;
	font-size:1.8rem;
	text-align: center;
	padding:5px 0;
	background-color:#FFF;
	color:#D9A300;
	box-sizing:border-box;
}

.btnround{
	display:block;
	width:8em;
	margin:70px auto;
	font-size:2.4rem;
	border-radius: 29px;
	padding:15px 40px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
.purple{
	background-color:#B77AFF;
	color:#FFF;
}
footer{
	text-align: center;
	margin-top:2px;
	border-top:4px double #FFF;
	color:#FFF;
	padding-bottom:50px;
}
footer .company h1{
	font-size:2.0rem;
	margin-top:24px;
}
footer .company .info{
	font-size:1.5rem;
	line-height:1.2em;
	margin-top:4px;
}
.footernavi{
	margin-top:30px;
}
.footernavi ul{
	display: block;
	justify-content: center;
	border-top:1px solid #FFF;
}
.footernavi ul li{
	display: block;
	border-bottom:1px solid #FFF;
	
}
.footernavi ul li a{
	display:block;
	box-sizing: border-box;
	color:#FFF;
	padding:5px;
	width:100%;
}
.footcontact{
	margin-top:100px;
	padding-bottom:100px;
	text-align: center;
	font-size: 2.2rem;
}
.footcontact a{
	color:#712F7B;
	font-family: Impact;
	font-size: 40px;
	line-height:40px;
}
.footcontact a::before{
	content:"";
	display:inline-block;
	width:40px;
	height:40px;
	background-image:url(../img/common/telephone.svg);
	background-size:contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right:5px;
	vertical-align: top;
}
}