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

body header footer{
	line-height:1.7;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "Osaka","ＭＳ Ｐゴシック","MS PGothic","sans-serif","arial","helvetica";
	box-sizing: border-box !important;
	color: #222;
}

a{
	text-decoration:none;
	border: 0;
	outline: 0;
	color: #1d58ff;
}
.center {
	display:block;
	margin:0 auto;
}
.clear {
	clear:both;
}
ul li,ol li {
  padding-left: 1em;
  text-indent: -1em;
  list-style-position: inside;
}

/*----------------------------- clearfix -------------------------------*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
.clear{
	clear:both;
}
/*----------------------------- responsive -------------------------------*/
.respd{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
/*----------------------------- /responsive -------------------------------*/

/*----------------------------- hover action -------------------------------*/

.fade {
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.fade:hover {
    opacity: 0.7;
}

/*----------------------------- /hover action -------------------------------*/


.wrapper{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	line-height: 1.4;
	font-size: 14px;
}

.font_chatch{
	font-size: 30px;
	margin-bottom: 15px;
}
.font_read{
	font-size: 14px;
	line-height: 1.7;
}

.font12{
	font-size: 12px;
}
.font11{
	font-size: 11px;
}
.font25{
	font-size: 25px;
}


.footer_orange{
	background:#fb8800;
	padding:20px 0;
	color: #fff;
	font-size: 12px;
}
.footer_orange a{
	color: #fff;
}

.forpc{
	display:block;
}
.forpctab{
	display:block;
}
.fortab{
	display: none;
}
.forsp{
	display: none;
}
.pad10_0{
	padding: 10px 0;
}
.pad30{
  padding:30px !important;
}
.pad45_0{
  padding:45px 0 !important;
}
.pad45_0_0_0{
	padding-bottom: 45px;
}
.pad13_0_13_55{
	padding:15px 15px 15px 75px;
}
.margin60_0_0_0{
	margin-top:60px;
}
.mar0_20{
	margin: 0 20px;
}
.alignleft{
	text-align: left;
}

hr{
	border:none;
	border-bottom: #ccc 1px dashed;
	height:1px;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.text_vertical {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
					top:50%;
  left:50%;
  display:inline;
  /*transform:translate(-50%, -50%);*/
}

.show768,.show640,.show540,.show480{
	display: none;
}

@media only screen and (max-width:920px){
	.wrapper{
		padding: 0 10px;
	}
}

@media only screen and (max-width:768px){
	.forpc{
		display:none !important;
	}
	.fortab{
		display: block !important;
	}
	.show768{
		display: block;
	}
	.hide768{
		display: none;
	}
}

@media only screen and (max-width:640px){
	.show640{
    display: block;
  }
  .hide640{
    display: none;
  }
	.pad13_0_13_55{
		padding: 40px 15px 15px 15px;
	}
	.mar0_20{
		margin: 20px;
	}
}

@media only screen and (max-width:540px){
	.show540{
		display: block;
	}
	.hide540{
		display: none;
	}
}

@media only screen and (max-width:480px){
	.forpctab{
		display:none;
	}
	.fortab{
		display: none !important;
	}
	.forsp{
		display:block !important;
	}
	.show480{
		display: block;
	}
	.hide480{
		display: none;
	}
}