/*----------------------------
 common
----------------------------*/
.row{
	max-width:1064px;
}

 a.tel-link{
	color:#000;
	}

@media screen and (min-width: 40em) {
      .row .row {
        margin-left: -0.625rem;
        margin-right: -0.625rem; } }
 
 @media screen and (min-width: 40em) {
    .column, .columns {
      padding-left: 0.625rem;
      padding-right: 0.625rem; } 
	 a.tel-link{
		 pointer-events:none;
	 }
	  }

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

.small{font-size:0.8em;}

/*----------------------------
 font
----------------------------*/
body{
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ明朝 ProN W3", "メイリオ", Meiryo;
}

.fs{
	font-size:0.82em;
}

h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}

/*----------------------------
 header
----------------------------*/
header{
	box-shadow:0 2px 3px #bbb;
	padding:5px 15px;
	margin-bottom:40px;
}

h1.desc{
	font-size:0.8em;
	margin:0 0 5px 0;
	padding:0;
	color:#666;
}

h2.logo{
	text-indent:-99999px;
	width:285px;
	height:59px;
	background:url(../img/logo.png) no-repeat;
	background-size:contain;
	transition:all linear 0.2s;
}

h2.logo a{
	width:285px;
	height:59px;
	display:block;
}

h4 span{
	font-size:0.65em;
}

.fixed-top h2.logo{
	width:160px;
	height:33px;
}

.fixed-top h2.logo a{
	width:160px;
	height:33px;
}


.fixed-top {
	position:fixed;
  top:0;
  z-index:999;
  width:100%;
  background:#FFF;
}


.row.fullWidth{
	max-width:100%;
}


/*----------------------------
 section
----------------------------*/
section{
	margin:0 auto 70px auto;
}

.frame{
	border:3px solid #C00;
	padding:12px;
	margin-top:-60px;
	padding-top:60px;
}

.alert{
	border:3px solid #C00;
	padding:3% 3%;
	margin:20px 0;
	font-size:1.2em;
	line-height:2;
}

.dotFrame{
	border:3px solid #C00;
	padding:3%;
	margin:0 0 20px;
	font-size:1.1em;
}

section h2{
	margin-bottom:20px;
}

@media screen and (min-width: 40em) {
section{
	margin:0 auto 140px auto;
}
section h2{
	margin-bottom:50px;
}
.comment{
	padding:5px 10px;
}
.alert{
	padding:3% 10%;
	font-size:1.6em;
}
}
@media screen and (min-width: 64em) {
.comment{
	padding:5px 50px;
}
}

footer{
	padding:20px 10px;
}

#totop{
	position:fixed;
	bottom:20px;
	right:20px;
}

/*----------------------------
 form
----------------------------*/
.form_btn{
	display:inline-block;
}

.form_btn:after{
	display:block;
	content:'';
	background:#900;
	height:30px;
	margin:-10px 0 0 0;
	border-radius:6px;
}

.form_btn:hover{
	margin:10px 0 0 0;
}

.form_btn:hover:after{
	height:20px;
}

/*----------------------------
 table
----------------------------*/
.row.list{
	border-bottom:1px solid #ccc;
	padding:15px 0 0;
	margin:0 10px;
}

/*----------------------------
 table
----------------------------*/
table.transform th,
table.transform td{
	background:#FFF!important;
	border:4px solid #FFF;
}

table.transform td{
	padding:5px 0 0 20px;
}

table.transform th{
	width:30%;
	background:#e7e7e7!important;
	font-size:1.4em;
	text-align:left;
	padding:20px;
}
table thead, table tbody, table tfoot {
    border:none;
}
@media screen and (max-width:39em) {
.desc{
	display:none;
}
h2.logo{
	width:170px;
	height:35px;
}
.fixed-top h2.logo{
	display:none;
}
h4.title{
	width:160px;
	margin:20px auto;
	}
h4 span{
	display:block;
	font-size:0.8em;
}
table.transform{
	display:block;
	width:100%;
	margin:0;
	padding:0;
}
table.transform th,
table.transform td{
	display:block;
	width:100%;
	font-size:1.2em;
	margin:0;
	padding:5px;
}
}

/*----------------------------
 table
----------------------------*/
input{
	padding:7px;
	font-size:1.1em;
	border-radius:4px!important;
}

input[type="submit"]{
	margin:0 0 5px 0;
	padding:10px 80px;
	background:#cc0000;
	color:#FFF;
	font-size:1.6em;
	font-weight:bold;
	border:none;
	border-radius:6px!important;
	box-shadow:0 15px 0 #9f0e0e;
}

input[type="submit"]:hover{
	margin:5px 0 0 0;
	box-shadow:0 10px 0 #9f0e0e;
}

input[type="button"]{
	margin:0 0 5px 0;
	padding:10px 80px;
	background:#cccccc;
	color:#FFF;
	font-size:1.6em;
	font-weight:bold;
	border:none;
	border-radius:6px!important;
	box-shadow:0 15px 0 #999999;
}

input[type="button"]:hover{
	margin:5px 0 0 0;
	box-shadow:0 10px 0 #999999;
}