@charset "UTF-8";
/* CSS Document */

html,body {
	max-width: 100%;
	text-align: center;
} 
  
body,td,th {
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size: 14px;
	line-height:2.35;
	color: #666666;
}

.midashi {
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size: 22px;
	line-height:1.45;
	font-weight:bold;
	color: #000000;
	text-align:center;
}

.top_part {
	font-size: 14px;
	line-height:2.05;
	color: #666666;
	text-align:center;
}

.midashi2 {
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size: 18px;
	line-height:1.85;
	font-weight:bold;
	color: #000000;
	text-align:left;
	margin-left:18.5%;
	margin-right:18.5%;
	margin-bottom:0.15%;
}

.textarea{
	width:63%;
	margin-left:18.5%;
	margin-right:18.5%;
	text-align:left;
	line-height:1.85;
	color: #666666;
}



.topimg {
	text-align: center;
}

.tac {
	text-align: center;
}

.tal {
	text-align: left;
}

.mt3 {
	margin-top:3%;
}

.mt5 {
	margin-top:5%;
}

.mt10 {
	margin-top:10%;
}

.mtm1 {
	margin-top:-1%;
}

.mbm2 {
	margin-bottom:-2%;
}


.mbm5 {
	margin-bottom:-15%;
}


.flame {
    text-align:center ;    
	margin : 5% ;
    padding : 5% ;
    -moz-border-radius: 20px;    /* 古いFirefox用 */
    -webkit-border-radius: 20px; /* 古いSafari,Chrome用 */
    border-radius: 20px;         /* CSS3の書き方 */
    background-color: #f9fafb;  /* 背景色の指定 */
    border-radius: 1em;       /* 角丸の指定 */
}

td.example1 { 
    vertical-align: bottom;
}


* {
	margin: 0;
	padding: 0;
}

#top1 {
	width:80%;
	margin:10% auto;
}
.box1 {
text-align: center;
}
.box2 {
text-align: left;
vertical-align:top;
}


ul{
	width:100%; 
	margin:10% auto;
	height:100%;/*指定しないとul:afterで【padding】のように下が広がる*/
	letter-spacing: -.40em;/* 文字間を詰めて隙間を削除する。 */
	text-align: justify;
	text-justify: distribute-all-lines; 
}
ul:after {
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
} 

li{
	letter-spacing:normal;
	display: inline-block;/*ブロックレベル要素に横並びにする*/
	width:50%; 
	height:autos;
	line-height: 1.75;
	text-align: center;
}

ol{
	text-align: left;
	padding:0 15%;
}



ul.co1 {
  width: 80%;
  border:none;
  padding:0 auto;
  font-size:0px;
}

ul.co1 li {
  width:30%;
  border:none;
  display: inline-block;
  text-align: center;
  vertical-align:top;
  font-weight:light;
  font-size:12px;
}

.textiletop {
  width: 100%;
  padding:0 auto;
}

ul.coat1 {
  width: 65%;
  border:none;
  margin-bottom:-3%;}

ul.coat1 li {
  width:48%;
  border:none;
  display: inline-block; 
  vertical-align:top;
  text-align: left;
  padding:1%;
  font-size:12px;
}




ul.co2 {
  width: 60%;
  border:none;
  padding:0 auto;
}

ul.co2 li {
  width:44%;
  border:none;
  display: inline-block; 
  vertical-align:top;
  text-align: left;
  padding:0 3%;
  font-size:12px;
}


/*
ul.co1 li:first-child {
  height:60px;
}
*/

ul.co1 li a {
  display: block;
}

/*スマホ*/

.topsp {
	margin-top:-5%;
}


.midashisp {
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size: 16px;
	text-align:center;
	line-height:1.35;
	font-weight:bold;
	color: #000000;
}


.midashi2sp {
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size: 15px;
	width:90%;
	float:left;
	text-align:left;
	margin-left:5%;
	margin-bottom:5%;
	line-height:1.45;
	font-weight:bold;
	color: #000000;
}

.capsp {
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size: 12px;
	width:90%;
	line-height:1.75;
	text-align:left;
	color: #666666;
	margin-left:5%;
}


.textile1sp {
  width: 80%;
  text-align:center;
  margin-left:5%;
  margin-right:5%;
}


.co1topsp {
  width: 100%;
  text-align:center;
}


/*動かす系*/

.fade-in {
  transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  -webkit-transition: opacity 0.8s;
  -o-transition: opacity 0.8s;
}


.line {
  position: relative;
  display: inline-block;
  font-size: 1.6em;
}

.line:before{
  position: absolute;
  top: 2.8em;
  left: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 1.6px;
  background: #9b8b71;
  transition: 2s;
}

.line:hover:before{
  width: 100%;
}