@charset "UTF-8";
/*-------------------------------------------------------------- */
/*Reset
/*-------------------------------------------------------------- */
html, body, main, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
img {
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}
html {
  width: 100%;
  font-size: 62.5%;
  color: #000;
}
body {
  font-size: 1.5rem;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  width: 100%;
  line-height: 1.8;
  overflow-x: hidden;
	overflow-y: auto;
  letter-spacing: 0.06rem;
	
}
body.scrollhide{
	overflow-y: hidden;
}
a {
  text-decoration: none;
	transition: all 0.4s ease;
}
table {
  border-collapse: collapse;
  width: 100%;
}
*:focus {
  outline: none;
}
.btn{
	position: absolute;
	left: -29px;
	font-size: 1rem;
	top:20px;
	color: #666;
	/*
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	*/
	cursor: pointer;
	background: #f4f4f4;
	font-weight: bold;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
}
.open{
	display: none;
}
body.active .btn .open{
	display: block;
}
body.active .btn .close{
	display: none;
}
@media only screen and (min-width: 769px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
ul{
	list-style: none;
}
hr{
	border: none;
	margin-top: 0;
}
input[type="radio"]{
	display: none;
}
.box-form{
	margin-bottom: 30px;
}
h1{
	font-size: 2rem;
	position: fixed;
	left: 30px;
	top:20px;
	text-align: center;
	line-height: 1.5;
}
h1 small{
	font-size: 1rem;
	display: block;
}
.box-form{

}
.wigets{
	width: 70%;
	position: absolute;
	left: 0;
	top:100px;
	padding: 0px;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
body.active .wigets{
	width: 100%;
}
.box-wrap{
	height: 100%;
	background: #f4f4f4;
	position: relative;
	width:30%;
	margin: 0px 0 0 auto;
	padding: 30px 30px;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
body.active .box-wrap{
	margin: 0px -30% 0 auto;
}
.box{
	max-width: 960px;
	width: 100%;
	margin: 0px auto 20px;
	border-bottom:dashed 1px #ccc;
	font-size: 1.4rem;
	padding: 0px 0 20px;
}
.box p{
	font-size: 1.2rem;
	margin: 10px 0 0 ;
}
.box.border{
	margin-top: 50px;
	border-radius: 6px;
	border:solid 1px #ddd;
		padding: 20px;
}
.box.border p{
	margin-bottom: 10px;
}
.box h3{
	font-size: 1.6rem;
	color: #c7000b;
	padding: 0;
	margin: 0;
}
.input-logo{
	max-width: 760px;
	width: 100%;
	display: flex;
	align-items: center;
	margin: 10px 0;
}
.input-logo li{
	width: 25%;
	display: block;
	margin-right: 10px;
	border:solid 1px #f4f4f4;
	padding: 3px;
	border-radius: 3px;
}

.input-logo li div{
	padding: 10px;
	border-radius: 3px;
}
.input-logo li:hover {
	border:solid 1px #bd1a21;
	
}
.input-logo li.active{
	border:solid 1px #bd1a21;
}

.bg-black{
	background: #000;
}
.input{
	margin-top: 10px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.input>*{
	margin-right: 0px;
	margin-bottom: 10px;
}
.input>*{
	font-size: 1.2rem;
}
input[type="text"]{
	font-size: 1.5rem;
	padding: 10px;
	margin-right: 5px;
	
}
.w50{
	width: 60px;
}
select{
	font-size: 1.5rem;
	padding: 10px;
	margin-right: 5px;
}
code{
	width: 760px;
	height: 500px;
	white-space:normal;
}
.submit{
	margin: 30px auto 30px;
	padding: 0px;
	text-align: center;

}
input[type="submit"]{
	width: 100%;
	height: 50px;
	font-size: 1.6rem;
	border:none;
	background: #bd1a21;
	color: #fff;
	font-weight: bold;
	border-radius: 4px;
		cursor: pointer;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
input[type="submit"]:hover{
	background: #d82a36;
}
.tag{
}
.tag pre{
	background: #1a2652;
	color: #fff;
	border-radius: 6px;
	padding: 30px!important;
}

@media only screen and (max-width: 768px) {
	.pc{
		display: none;
	}
	.box-form{
		display: block;
		overflow: hidden;
	}
	.wigets{
	width: 100%;
	position: relative;
	left: 0;
	top:0px;
	padding: 30px;
}
.box-wrap{
	position: block;
	width: 100%;
	margin: 0;
	padding: 30px;
}
	.input-logo li{
			width: 100%;
		margin-right: 0px;
		}
}
.atention::before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 100px 0 100px 70px;
border-color: transparent transparent transparent #1a2652;
	position: absolute;
	right: -70px;
	top:0;
}
.atention{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
	height: 200px;
	position: absolute;
 	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right:35vw;
	background: #1a2652;
	color: #fff;
	padding: 0 0 0 50px;
	font-size: 3rem;
}
.err{
	color: #FF0004;
	font-size: 1.2rem;
}
footer{
	font-size: 1.2rem;
	text-align: center;
}