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

html, body, h1, h2, h3, h4,h5, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}

a{
	color:#f30;
	text-decoration:none;
	outline: none;
}
a:hover {color:#900;}
img {vertical-align:bottom; max-width: 100%; height: auto;}
table {border-collapse:collapse; border-spacing:0;}
th {vertical-align: top; text-align: left;}
td {vertical-align: top; padding: 2px 10px;}

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

html {
	font-family:  "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Arial, Helvetica, "MS PGothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 62.5%; /*初期値16pxの62.5%でルートが10px*/
	cursor: auto;
	color: #333;	
	letter-spacing: 0;
	word-spacing: 0.1em;
	overflow: hidden;
	overflow-y: scroll;
	height:100%;
}
body {
	height:100%;
	font-size: 16px;
	font-size: 1.6rem;  
	/* sets the default sizing to make sure nothing is actually 10px */
	background:#fff;
	/*line-height: 1.5;*/
}

.wrap {
	min-height: 100vh;
	position: relative;
	padding-bottom: 200px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

p {line-height: 1.5;}

.inner {width:960px; margin-left: auto; margin-right: auto;}

.footer {position: absolute; padding: 10px 0; bottom:0; width: 100%; border-top:1px solid #ccc;}

.bg-top {background: url("images/img365.gif");}
.bg-sec {background: url("images/img278.gif");}

.top-nav {width:590px; margin-left: auto; margin-right: auto;}
.top-nav li { float: left; text-align: center; width:20%; height: 50px; /*border: 1px solid #f00;*/}

.navi-section {width:90%; margin-left: auto; margin-right: auto;}
.navi {display: flex; flex-wrap: wrap; justify-content: center;}
.navi li a{display: block; margin: 10px; font-size: 1.4rem; }
.header{width:100%;}
.shw {display: none;}
.hyd {display: block;}

#nav_toggle{display:none;}
.sp-h1{display: none;}

/* ---------------------------------------------- parts */
.mat-kadmaru {border-radius: 12px; padding: 20px;}
.bg-white {background: #fff;}

.col-2 {
	display: flex;
	justify-content: space-between;}
.col-2 li{}

.chie-list{width:560px; margin-left: auto; margin-right: auto;}
.chie-list dt {float: left;}
.chie-list dd {float: right;}

.chie-section {width:560px; margin-left: auto; margin-right: auto;}

/* ---------------------------------------------- color */
.pink {color:#ff00cc;}
.murasaki {color:#93f;}
.blue {color:#00f;}

/* --------------------------------------------- margin / Size
*/

.margin-cnt {margin-left: auto; margin-right: auto;}
.mb5 {margin-bottom:5px;}
.mb7 {margin-bottom:7px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb1em {margin-bottom:1em;}
.mt20 {margin-top: 20px;}
.mt40 {margin-top: 40px;}

.pdt20 {padding-top: 20px;}

.w100p {width:100%;}
.w90p {width:90%;}
.w80p {width:80%;}
.w70p {width:70%;}
.w60p {width:60%;}
.w55p {width:55%;}
.w50p {width:50%;}
.w48p {width:48%;}
.w45p {width:45%;}
.w40p {width:40%;}
.w35p {width:35%;}
.w30p {width:30%;}
.w25p {width:25%;}
.w20p {width:20%;}
.w15p {width:15%;}
.w10p {width:10%;}

/* --------------------------------------------- font-size 
*/
.t7 {font-size: 0.7rem;}
.t8 {font-size: 0.8rem;}
.t9 {font-size: 0.9rem;}
.t10 {font-size: 1.0rem;}
.t11 {font-size: 1.1rem;}
.t12 {font-size: 1.2rem;}
.t13 {font-size: 1.3rem;}
.t14 {font-size: 1.4rem;}
.t15 {font-size: 1.5rem;}
.t16 {font-size: 1.6rem;}
.t18 {font-size: 1.8rem;}
.t20 {font-size: 2.0rem;}
.t21 {font-size: 2.1rem;}
.t22 {font-size: 2.2rem;}
.t23 {font-size: 2.3rem;}
.t24 {font-size: 2.4rem;}
.t25 {font-size: 2.5rem;}
.t26 {font-size: 2.6rem;}
.t28 {font-size: 2.8rem;}
.t30 {font-size: 3.0rem;}
.t32 {font-size: 3.2rem;}
.t35 {font-size: 3.5rem;}
.t38 {font-size: 3.8rem;}
.t40 {font-size: 4.0rem;}
.t45 {font-size: 4.5rem;}

/* --------------------------------------------- cleaarfix 
*/
.clear {clear: both;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.aC{text-align: center;}
.aL{text-align: left;}
.aR{text-align: right;}

.blue{color:#00f;}
.red{color: #f00;}

@media screen and (max-width:959px){
	.inner {width: 93.75%;}
	
}

@media screen and (max-width:590px){
	.top-nav {width:100%; margin-left: auto; margin-right: auto;}
	.top-nav li { float: left; text-align: center; width:33%; height: 50px; /*border: 1px solid #f00;*/}	
	
	.w70p {width:100%;}
	.col-2 {
	display: block;}
	.col-2 dt,.col-2 dd{ width: 100%;}
	.col-2 dt {margin-bottom: 10px;}
	.chie-list,.chie-section {width: 100%;}
}

@media screen and (max-width:480px){
	.wrap {padding-bottom: 300px;}
	.bg-sec {padding-top: 60px;}
	.shw {display: block;}
	.hyd {display: none;}
	.sp-h1 {display: block; margin: 10px;}
	.header {
		display: block; 
		/*padding: 10px ; */
		height: 60px;
		position: fixed; 
		top:0;
		left:0;
		width: 100%;
		background: #e99;
		z-index:61;
	}
	.header .navi-section {
		display:none;
		position: fixed;
		top:60px;
		width: 100%;
		height: 100vh;
		background:rgba(255,255,255,0.9);
		left: 0;
		z-index:60;		
	}
	.header .navi {display: flex; flex-wrap: wrap; justify-content: center; flex-flow:column;}
	.header .navi li {border-bottom:1px solid #ccc;}
	/*.navi a{color:#fff;}*/
	
#nav_toggle{
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 15px;
	right:5%;
	z-index: 100;}
#nav_toggle div {
	position: relative;}
#nav_toggle span{
	display: block;
	height: 2px;
	background: #fff;
	position:absolute;
	width: 100%;
	left: 0;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;	}
#nav_toggle span:nth-child(1){top:0px;}
#nav_toggle span:nth-child(2){top:12px;}
#nav_toggle span:nth-child(3){top:24px;}

.open #nav_toggle span:nth-child(1) {
	top: 12px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);}
.open #nav_toggle span:nth-child(2) {
	width: 0;
	left: 50%;}
.open #nav_toggle span:nth-child(3) {
	top: 12px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);}	
	
	.txL.aC {text-align: left;}
	
	.chie-list dt,.chie-list dd {float: none;}
	.chie-list dt{margin-bottom: 10px;}
}