@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

html{
	scroll-behavior: smooth;
	}

div,p,li,header,footer{
	box-sizing: border-box;
	}
img{
	border : 0px;
	vertical-align: bottom;
	}

/* リンク */
a:link { color: #0b84ff; text-decoration : none;} 
a:visited { color: #0b84ff; text-decoration : none;} 
a:hover { color: #0b84ff; text-decoration : none;} 
a:active { color: #0b84ff; text-decoration : none;} 
a:focus{ outline:none;}

.ce{
	text-align : center;
	}
.rr{
	text-align : right;
	}
.ll{
	text-align : left;
	}

p{
	margin : 0;
	}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}


.red{
	color: #ff1552;
	}
.f12{
	font-size: 12px;
	}

sup{
	vertical-align: baseline;
	position:relative;
	top:-2px
	}

form{
	margin : 0;
	}
input,select,button{
	margin : 0 0 10px 0;
	}
table{
	line-height : 1.8em;
	text-align: left;
	border-collapse: collapse;
	width: 100%;
	}
.nowrap{
	white-space : nowrap;
	}
ul,ol,li,dl,dt,dd,td,tr{
	margin : 0;
	padding : 0;
	list-style: none;
	}







body{
	font-family: 'Noto Sans JP', sans-serif , "Hiragino Kaku Gothic Pro","ヒラギノ角ゴシック Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-style: normal;
    font-weight: 500;
	font-size: 16px;
	line-height: 2;
	color: #3a3a3a;
	margin: 0 auto;
	padding: 0;
	}




header{
	padding: 10px 50px;
	border-bottom: solid 1px #ccc;
	padding: 15px 0;
	}
header .content{
	width: 800px;
	margin: 0 auto;
	}






#form{
	width: 800px;
	margin: 0 auto;
	padding: 50px 0 130px 0;
	}
#form h1{
	text-align: center;
	margin: 0 0 50px 0;
	}
#form h2{
	color: #fff;
	font-size: 16px;
	padding: 5px 20px;
	background: #093488;
	}

#form .text{
	margin: 0 0 50px 0;
	}

#form dl{
	overflow: hidden;
	display: table;
    width: 100%;
    padding: 20px 0;
    border-bottom: solid 1px #ccc;
    margin: 0 0 20px 0;
	}
#form dl dt{
	width: 17%;
	display: table-cell;
    vertical-align: middle;
    font-size: 16px;
	box-sizing: border-box;
    vertical-align: top;
	}
#form dl dt.req::after {
    content: "必須";
	background : #a70005;
	padding : 0px 10px;
	font-size : 12px;
	color : #fff;
	margin: 3px 0 0 10px;
	float: right;
	}
#form dl dd{
	width: 58%;
    font-weight: normal;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 50px;
	}

#form .submit{
	padding : 15px 0 12px 0;
	margin: 50px auto 10px;
	width : 450px;
	font-size : 14px;
	cursor : pointer;
	border-radius : 50px;
	display: block;
	background: #eb6877;
	color: #fff;
	border: none;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴシック Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	transition: 0.2s;
	}
#form .submit:hover{
	background: #d6374a;
	transition: 0.2s;
	}
#form .back{
	color : #fff;
	padding : 15px 0 12px 0;
	width : 250px;
	font-size : 14px;
	cursor : pointer;
	border-radius : 50px;
	margin: 50px auto 0px;
	display: block;
	background: #8d8d8d;
	border: none;
	}
#form .back:hover{
	background: #b0b0b0;
	}
	


#form input,
#form select,
#form textarea{
	padding : 1%;
	border : solid 1px #ccc;
	border-radius : 5px;
	background: #fff;
	}
#form input[type=file]{
	border: none;
	}
#form input[type=text],
#form input[type=email],
#form input[type=tel],
#form textarea{
	width : 96%;
	padding: 10px;
	font-size: 16px;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴシック Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
#form input.name[type=text]{
	width : 46%;
	}














footer{
	border-top: solid 1px #ccc;
	padding: 15px 0;
	}
footer .content{
	width: 800px;
	margin: 0 auto;
	text-align: center;
	}
	



#loading {
	display: none; /* 初期状態では非表示 */
	text-align: center;
	}




	
	



/********************************************************************************************************************************************************************************/
@media screen and (min-width: 950px) {
/********************************************************************************************************************************************************************************/

a[href^="tel:"] { pointer-events: none; color:#000;}



	.sp{
		display : none;
		}

#sp_menu{
	display : none;
	}








/********************************************************************************************************************************************************************************/
}
@media screen and (max-width: 949px) {
/********************************************************************************************************************************************************************************/


	.pc{
		display : none;
		}

img{
	max-width: 100%;
	}

body{
	font-size : 12px;
	padding: 0;
	margin: 0;
	}









header{
	padding: 10px;
	border-bottom: solid 1px #ccc;
	}
header .content{
	width: 100%;
	margin: 0 auto;
	}







#form{
	width: 100%;
	}
#form h1{
	font-size: 18px;
	}
#form h2{
	font-size: 14px;
	padding: 5px 20px;
	}

#form .text{
	margin: 0 0 50px 0;
	}
	
	
	












#form{
	padding: 50px 10px;
	text-align: center;
	}
#form .content{
	width: 100%;
	margin: 0 auto;
	}
#form .content h3{
	color: #e27f33;
	font-size: 26px;
	margin: 40px 0 0 0 !important;
	}
#form .content h4{
	font-size: 24px;
	margin: 0;
	}


#form form{
	margin: 50px 0 0 0;
	}
#form .text{
	margin: 0 0 30px 0;
	}
#form dl{
	display: block;
    width: 100%;
	}
#form dl dt{
	width: 100%;
	display: block;
	margin: 0 0 10px 0;
	text-align: left;
	}
#form dl dt.req::after {
    content: "必須";
	background : #f27399;
	padding : 2px 5px;
	font-size : 12px;
	color : #fff;
	border-radius : 5px;
	margin: 0 0 0 10px;
	}
#form dl dd{
	width: 100%;
    display: block;
    padding: 0;
	}

#form .submit{
	padding : 15px 0 12px 0;
	margin: 50px auto 0;
	width : 350px;
	font-size : 12px;
	cursor : pointer;
	border-radius : 5px;
	display: block;
	background: #f3ac27;
	border: none;
	font-weight: bold;
	}
#form .submit:hover{
	background: #ffc04b;
	}
#form .back{
	color : #fff;
	padding : 15px 0 12px 0;
	width : 250px;
	font-size : 14px;
	cursor : pointer;
	border-radius : 5px;
	margin: 0 auto 0px;
	display: block;
	background: #8d8d8d;
	border: none;
	}
#form .back:hover{
	background: #b0b0b0;
	}
	
	

#form input[type=text],
#form input[type=email],
#form input[type=tel],
#form textarea{
	width : 100%;
	box-sizing: border-box;
	padding: 10px;
	font-size: 16px;
	}

#form input,
#form select,
#form textarea{
	padding : 1%;
	border : solid 1px #ccc;
	border-radius : 5px;
	background: #fff;
	}









footer{
	border-top: solid 1px #ccc;
	padding: 15px 0;
	}
footer .content{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	}
	










/********************************************************************************************************************************************************************************/
}
/********************************************************************************************************************************************************************************/