@charset "utf-8";
@import url(../../../css/base.css);
/*PC・タブレット用*/
@import url(../../../css/pc.css) screen and (min-width: 768px);

/*スマホ用*/
@import url(../../../css/sp.css) screen and (max-width: 767px);

/*
-------------------------------------------------------------*/
body {
	margin:0px;
	padding:0px;
	line-height:1.5;
}
#WRAPPER{
	margin:0 auto;
	padding:0;
}



/*header
-------------------------------------------------------------*/
#header{
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
background-color:rgba(0,132,255,.7);
	background: linear-gradient(90deg, rgba(0,132,255,1) 36%, rgba(0,178,245,1) 90%);}
#header a{
	text-decoration:none;
}
#naviLogo{
	margin:15px 0;
	line-height:1;
}
#naviLogo img{
	margin-right:20px;
	width:240px;
}

/*maincol
-------------------------------------------------------------*/
#main{
	clear:both;
	padding:0px 0;
	display:block;
	margin:0;
}
#main .inner{
	display:block;
}

/*footer
-------------------------------------------------------------*/
#footer{
}

/*
-------------------------------------------------------------*/
strong{
}
article{
	display:block;
	margin:0px 0;
	clear:both;
	overflow:hidden;
	background-color:#FFF;
}
/*a{
	color:#0004B9;
}
a:hover{
	color:#FFB103;
}*/

#main h1{
	margin:0;
	text-align:center;
	background-color:rgba(236,236,236,1.00);
	padding:2%;
	box-sizing:border-box;
}
#main h2{
	text-align:center;
	background-color:rgba(222,25,85,1.00);
	font-size: 1.4em;
	margin: 0 0 1em;
	padding:10px 15px;
	color: rgba(255,255,255,1.00);
	font-weight: bold;
	line-height: 2;
	vertical-align: text-top;
	clear: both;
}
#main p{
}

/*form
-------------------------------------------------------------*/
#mailform{
	margin:5%;
	padding:5%;
	background-color:rgba(235,235,235,.50);
	box-sizing:border-box;	
}

input[type=text] , button, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input,textarea{
	font-size:16px !important;
}
input::placeholder{
	font-size:80%;
}
dl.form{
	margin:0 0 2em;
}
dl.form div{
	margin:0 0 1em;
}

dl.form dt{
	margin:0;
	font-weight:bold;
}
dl.form dt:after{
	content:'';
	font-weight:normal;
	font-size:80%;
	color:#FFF;
	border-radius:3px;
	padding:0 3px;
	display:inline-block;
	margin-left:0.5em;
}
dl.form dt.any:after{
	content:'任意';
	background-color:rgba(24,96,246,1.00);
}
dl.form dt.req:after{
	content:'必須';
	background-color:rgba(229,0,19,1.00);
}
dl.form dd{
	margin:0.25em 0 2em;
}
label{
	display:inline-block;
	padding:0 20px;
}
input[type=text] ,
textarea{
	box-sizing:border-box;
	/*width:100%;*/
	padding:5px;
	margin:5px 0;
	border:1px solid #999;
	border-radius:5px;
}

input[type=text]:focus {
}
input[type="radio"]{
}
label{
	padding:0.5em 0px;
	margin:0;
}
.hiragana{
	width:100%;
}
.numeric{
	width:12em;
}
#main input.submitbtn{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing: border-box;
	border: 0;
	text-align: center;
	display: inline-block;
	margin: 0.5em 0.5em;
	padding: 1em 2.5em;
	font-size: 1em;
	color: #FFF !important;
	border-radius: 50px;
	background-color: rgba(24,96,246,1.00);
	cursor: pointer;
}
#main input.shusei{
	background-color: rgba(150,150,150,1.00);
}
#main input.submitbtn:hover{
	background-color: rgba(229,0,19,1.00);
}
#main  input[type="text"]:focus{
	box-shadow: 0 0 5px rgba(229,0,19,1.00);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#main input.zipbutton {
	font-size:12px !important;
	padding: 0.5em 1.5em;
}
.kikan{
	text-align: center;
	font-size: 120%;
	padding: 2% 5%;
	background-color: rgba(255,59,119,0.1);
	border:solid 1px rgba(255,59,119,0.2);
	margin:1em 0;
}

dl.check{
}
dl.check dd{
	box-sizing:border-box;
	width:100%;
	padding:0.5em 1em;
	margin:0.5em 0 1.5em 0;
	/*border:1px solid #999;*/
	border-radius:5px;
	background-color:#FFF;
}
dl .keyword{
	text-align: center;
	font-size: 120%;
	padding: 2% 5%;
	background-color: rgba(255,59,119,0.2);
}
dl .keyword input[type=text]{
	width:100%;
}
@media screen and (min-width: 768px){
dl.form{
}
dl.form div{
}
input[type=text] {
}
.pc{
}
.sp{
	display:none;
}
}

/*PC・タブレット用*/
@media screen and (min-width: 768px){
.inner{
	width:960px;
	margin:0 auto;
}
}

/*スマホ用*/
@media  screen and (max-width: 767px){
body {
	font-size:90%;
}
.inner{
	width:95%;
	margin:0 auto;
}
.pc{
	display:none;
}

}