@charset "utf-8";

html {  
margin:0;
padding:0;
width:100%;
height:100%;
font-size:62.5%; /*10px*/
}

body {
color:#3C3C3C;
background:#fff;
width:100%;
height:100%;
text-align:left;
font-family: "Noto Sans Japanese", YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "Avenir Next", 'Helvetica Neue', Helvetica, Arial, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif !important;
line-height:0; 
}

img{
	width: 100%;
}

ul {
  list-style-position: outside;
  list-style-type: none;
}

ol {
  list-style-position: outside;
}

.txt_red{
  color:#f00;
}
.txt_bold{
  font-weight:bold;
}

.margin_t10{
  margin-top:10%;
}

.margin_b10{
  margin-bottom:10%;
}

.margin_b4{
  margin-bottom:4%;
}
.margin_t4{
  margin-top:4%;
}

.margin_t6{
  margin-top:6%;
}

.margin_b6{
  margin-bottom:6%;
}

.margin_t8{
  margin-top:8%;
}

.margin_t40{margin-top:40px;}
.margin_t50{margin-top:50px;}

/*--------------------------------------------------------------------*/
header{
  
}
.z {
  font-size: 12px;
  padding: 0 0 5px 0;
  line-height: 1.5;
}

.txt-kaisu {
  margin: 2% 0;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #f00;
}  
/*--------------------------------------------------------------------*/
.container{
  padding:0 0 10% 0;
  width: 100%;
}

/*--------------------------------------------------------------------*/
section{
  margin:0;
}

/*--------------------------------------------------------------------*/

.teiki-dai-txt{
  margin:2% 0;
  text-align:center;
  font-size:1.4rem;
  line-height: 1.6;
}


.formBox{
	background: #fff;
  margin:0;
	}

.arrow{
	padding:0 0 2% 0;
  margin:4% auto 0;
  width: 100%;
	}

.teiki-comment{
  border: solid 2px #ddd;
  width:96%;
  margin:0px auto 4% auto;
  padding:0 0 0px 0;
  background-color: #fdfff2;
}

.teiki-comment ul{
  margin:2%;
}

.teiki-comment li{
 text-align:left;
  font-size:1.5rem;
  line-height: 1.8;
  margin:0 0 2% 0;
}

.teiki-comment p{
  line-height: 1.8;
  font-size:1.5rem;
  margin:2%;
}
/*----------------------------------------------------------------------*/
/*
.naiyouryou{ 
  width:98% ;
  margin:14% auto 8%;
  font-size:1.4rem;
  line-height: 1.8;
}

.naiyouryou table{ 
  width:100%;
  margin:0 auto ;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;

}

.naiyouryou table th{ 
  width:20%;
  padding:2%;
  border-left: solid 1px #ccc;
  border-top: solid 1px #ccc;
  text-align:center;
}

.naiyouryou table td{ 
  padding:2%;
  border-left: solid 1px #ccc;
  border-top: solid 1px #ccc;

}
*/
.naiyouryou{ 
  width:98% ;
  margin:0 auto 8%;
  padding:8% 0 0 0;
  font-size:1.4rem;
  line-height: 1.8;
}

.naiyouryou table{ 
  width:100%;
  margin:0 auto ;
}

.naiyouryou table th,
.naiyouryou table td {
  display: block;
  width: 100%;
  }

.naiyouryou table th{
  background: #eee;
  text-align:center;
  padding:2% 0;
  }

.naiyouryou table td{
    padding:4% 0;
  }


/*----------------------------------------------------------------------*/
.toiawase{ 
  margin:0 auto;
  width:90% ;
}

.toiawase img{ 
  width:100% ;
}
/*----------------------------------------------------------------------*/
.guide{ 
  margin:10% auto;
  width:96% ;
  border: solid 1px #ccc;
 
}

.guide-bg{ 
  background-color: #eee;
  padding:6% 2% ;
  font-weight:bold;
  font-size:1.8rem;
}

.guide-inner{ 
  width:96% ;
  margin:2% auto;
  line-height: 1.8;
}

.g-ttl{
  background-color: #ddd;
  padding:2%;
  font-size:1.4rem;
}

.g-txt{
  margin:2%;
  font-size:1.4rem;
}

.guide-inner ul{ 
  margin:1%;
}

.guide-inner ul li{ 
  margin:0 0 2% 0;
  font-size:1.4rem;
}

/*NP文言*/
.np{
	margin:2%;
	padding:2%;
	border:dotted 1px #ddd;
}

.np p{
	line-height: 1.8;
  font-size:1.4rem;
}

.form-btn{ 
width: 80%;
margin:4% auto 0 auto;
}
/*----------------------------------------------------------------------*/
footer{ 
 background-color: #fff;
  border-top:solid 1px #ccc ;
  padding:0;
  margin:10% 0 0 0;
  font-size:1.4rem;
}

footer p{ 
 text-align:center;
  margin:4% 0;
  line-height: 2;
}

footer{ 
 background-color: #fff;
  border-top:solid 1px #ccc ;
  padding:0;
  margin:10% 0 0 0;
  font-size:1.4rem;
}

footer ul li{ 
 text-align:center;
  margin:2% 0;
  line-height: 2;
}

/*------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) { 
.sp_only {
    display: none;
  }
}

@media screen and (max-width: 767px) {
.pc_only {
    display: none;
  }
}
/*------------------------------------------------------------------------------*/

@media screen and (min-width: 768px) {
  body {
	color:#3C3C3C;
	background-color:#fff;
	width:100%;
	height:100%;
  font-size:16px;
	line-height:0;
 	text-align:left;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",sans-serif !important;
  /*font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;*/
}
  header{
    margin:0 auto;
    width: 900px;
  }

  .z {
    font-size:10px;
    padding:5px 0;
    line-height:1.8 ;
  }
  
  section{
  background-color: #fff;
  width: 900px;
  margin:0 auto;
  padding:0 ;
 }
  
  .toiawase{ 
  margin:0 auto;
  width:90% ;
  }
  
  .naiyouryou{
  line-height: 1.8;
  margin:0px auto 30px;
  width: 780px;
  }
  
  .naiyouryou table{
  border-bottom:solid 1px #ccc;
  border-right:solid 1px #ccc;
  }
  
  .naiyouryou table th,
  .naiyouryou table td {
  display: table-cell;  
  color: #000;
  background: #fff;
  }
  
  .naiyouryou table th{
  padding:5px;
  text-align:center;
  border-top:solid 1px #ccc;
  border-left:solid 1px #ccc;
  width:210px;
  }
.naiyouryou table td{
  border-top:solid 1px #ccc;
  border-left:solid 1px #ccc;
  padding:10px;
  width:560px;
  }
.guide{ 
  margin:30px auto 0 auto;
}
.form-btn{ 
width: 40%;
margin:4% auto 0 auto;
}
  
footer{ 
 background-color: #fff;
border-top:solid 1px #ccc ;
}

footer ul { 
 width:390px;
  margin:0 auto;
  padding:20px 0;
}
  footer ul li{ 
  float:left;
  margin:10px;
}
}

/*------------------------------------------------------------------------------*/