ul {
  list-style: none;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
    -webkit-text-size-adjust: 100%;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	color: #333;
	text-decoration: none;
}
a:hover {text-decoration: underline;}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
input, select {
    vertical-align:middle;
}
.clearfix::after{
	content: "";
	display: block;
	clear: both;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
 /reset 

html {
    font-size: 16px;
}
body {
    line-height: 1.85;
    font-family:"Noto Sans JP",YuGothic,"Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #000;
    font-weight: 400;
}
b, strong, .bold{
    font-weight: bold;
}
sub{
    font-size: 0.6em;
}

/* images */
video {width: 100%; height: auto;}
img{max-width: 100%;}
.aligncenter, .attachment-post-thumbnail{display:block;margin:0 auto; text-align: center;}
.alignright, .alignleft, .aligncenter{margin-bottom:16px; display: block;}
.alignleft{float: left;}
.alignright{float: right;}
/*div.alignright, div.alignleft, div.aligncenter{text-align:center;}:*/
.entry-content img{max-width:100%;height:auto;}
.entry-content img.frame{padding:3px;border:1px #e8e8e8 solid;}
img.attachment-thumbnail{display:block;float:left;margin-bottom:1em;margin-right:1.4em;}
.wp-caption{max-width:100%;height:auto;}
.wp-caption-text{text-align:center;margin-top:0;font-size:90%;}
.caption{padding-bottom: 24px; display: inline-block;}
.clear{clear:both;}
.img-round{border-radius: 10px;}
.img-responsive {display: block; height: auto; max-width: 100%;}
video {width: 100%; height: auto;}
.text-left{text-align:left !important}.text-right{text-align:right !important}.text-center{text-align:center !important}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}

.flex{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
}

.fx-center{
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.fx-between{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.fx-end{
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.fx-wrap{
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

.fx-aligncenter{
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.fx-alignend{
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.fx-column{
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
}

.indent{
	padding-left: 1em;
}
.indent_harf{
	padding-left: 0.5em;
}

.sp_only{
	display: none;
}

.disc{
    padding-left: 1em;
    text-indent: -0.9em;
}
.disc::before{
    content: "■";
    font-size: 14px;
}
.circle{
    padding-left: 1em;
    text-indent: -0.9em;
}
.circle::before{
    content: "○";
    font-size: 14px;
}
.square{
/*
    padding-left: 1em;
    text-indent: -0.9em;
*/
}
.square::before{
    content: "■";
    font-size: 15px;
	display: block;
	padding-top: 2px;
}

.col-1 {
    display: inline-block;
    width: 200px;
    /* border: solid 1px; */
}
.col-2 {
    display: inline-block;
    width: 100px;
    /* border: solid 1px; */
}

div.container5 {
  height: 10em;
  display: flex;
  align-items: center }
div.container5 p {
  margin: 0 }

/*
#home,#access{
	line-height: 1.85;
    font-family:"Noto Sans JP",YuGothic,"Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #000;
    font-weight: 400;
}

#home p,#access p{
	margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
}
*/

/*------------------------------------*\
    HEADING
\*------------------------------------*/
/*
#main h1, #main h2, #main h3, #main h4, #main h5{
}
#main h1{
}
#main h2{
    clear: both;
}
#main h3{
    clear: both;
    color: #a23a3a;
    font-weight: 600;
    font-size: 22px;
    font-family:"Noto Sans JP",YuGothic,"Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-bottom: 10px;
}
#main h4{
    color: #a23a3a;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
    border-left: 4px solid #a23a3a;
    padding-left: 12px;
    line-height: 1.5;
}
#main h5{
}
*/

/*------------------------------------*\
    header
\*------------------------------------*/
.header{
	width: 100%;
	height: 156px;
	background-color: #efefef;
}
.header__inner{
	position: relative;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 26px;
}
.header__logo{
	margin-right: auto;
}
.header__logo a img{
	width: 100%;
}
.header__btn__wrap{
	width: 100%;
	max-width: 125px;
	height: 104px;
}
.header__btn{
	width: 100%;
	height: 45px;
	margin-bottom: 13px;
	border: 1px solid #c38033;
	border-radius: 4px;
	text-decoration: none;
}
.header__btn:hover{
	text-decoration: none;
}
.header__btn:last-of-type{
	margin-bottom: 0;
}
.header__btn__icon__sp{
	width: 100%;
	max-width: 18px;
	height: 33px;
	margin-right: 7px;
}
.header__btn__icon__mobile{
	width: 100%;
	max-width: 15px;
	height: 37px;
	margin-right: 3px;
}
.header__btn span{
	width: 100%;
	max-width: 81px;
	color: #c38033;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.3636;
	letter-spacing: -0.09em;
	text-align: center;
}
/*------------------------------------*\
    navigation
\*------------------------------------*/
.navigation{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
/*	padding: 44px 0 41px;*/
	padding-top: 44px;
}
/*
.nav__item{
	width: 100%;
	max-width: 15%;
}
*/
/*
.nav__pc ul,.nav__sp ul{
	 margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
}
.nav__pc li,.nav__sp li{
	list-style: none;
}
*/
.nav__link{
/*	width: 100%;*/
	width: 160px;
	height: 30px;
	margin-right: 2px;
	margin-bottom: 2px;
	color: #fff;
	font-weight: 500;
	background-color: #6d3b30;
	text-decoration: none;
}
.nav__pc li a:hover, .nav__pc li.current a {
	color: #6d3b30;
	background: #fffacd;	/*背景色*/
	background: linear-gradient(#ffd58f, #ffffff);
}
/*------------------------------------*\
    contents
\*------------------------------------*/
.contents{
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding-bottom: 32px;
}
/*------------------------------------*\
   mybox
\*------------------------------------*/
.h1 {
  margin: 3px 3px;	/* 外側の余白 上下・左右 */
  padding: 50px;/*文字周りの余白*/
  color: #010101;/*文字色*/
  background: #eaf3ff;/*背景色*/
  border-bottom: solid 3px #516ab6;/*下線*/
}
.mybox10 {
    padding: 1em 1.5em;
    margin: 2em 0;
    background: linear-gradient(to bottom, #ffffff, #eeeeee);/*背景色*/
    background: -webkit-linear-gradient(top, #fffff, #eeeeee);/*背景色*/
    border: 1px solid #eeeeee;/*枠線*/
    border-top: 4px solid #00008b;/*上の線*/
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
    color:#000000;/*文字色*/
}

/*------------------------------------*\
   table
\*------------------------------------*/
.kaisha {
width: 75%;
}

.kaisha th,
.kaisha td {
border: 1px solid #000000;
padding: 20px;
}

.kaisha th {
font-weight: bold;
background-color: #dedede; 
}

@media screen and (max-width: 767px) {
.kaisha,
.kaisha tr,
.kaisha td,
.kaisha th {display:block;}
.kaisha th {width:auto;}
}

/*-------------------------------------*\
文字列
\*-------------------------------------*/
.sample_box {
  margin: 0px 0px;	/* 外側の余白 上下・左右 */
  padding: 3px;/*文字周りの余白*/
  color: #000000;/*文字色*/
  background: #ffffff;/*背景色*/
  border-bottom: solid 3px #ffffff;/*下線*/
}
.mybox10 {
    padding: 1em 1.5em;
    margin: 2em 0;
    background: linear-gradient(to bottom, #ffffff, #eeeeee);/*背景色*/
    background: -webkit-linear-gradient(top, #fffff, #eeeeee);/*背景色*/
    border: 1px solid #eeeeee;/*枠線*/
    border-top: 4px solid #00008b;/*上の線*/
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
    color:#000000;/*文字色*/
}

/*------------------------------------*\
画像
\*------------------------------------*/


/*------------------------------------*\
   リスト①
\*------------------------------------*/
table{
  border-collapse:separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 85%;
  
}
table,th,td {
  border: 1px solid #bbb;
}
.a {
  width: 7%;
}
.b {
  width: 13%;
}
.c {
  width:15%;
}
.d {
  width:25%;
}
.e {
  width:25%;
}
table th:first-child{
  border-radius: 5px 0 0 0;
}

table th:last-child{
  border-radius: 0 5px 0 0;
  border-right: 1px solid #ffffff;
}

table th{
  text-align: center;
  color:#3b0e02;
  background: linear-gradient(#ffdeb8,#cc9e6a);
  border-left: 1px solid #ffdeb8;
  border-top: 1px solid #ffdeb8;
  border-bottom: 1px solid #ffdeb8;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  width: 5%;
  padding: 3px 0;
}

table td{
  text-align: center;
  background:none;
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
 
  box-shadow: 0px -3px 5px 1px #eee inset;
  width: 5%;
  padding: 1px 0;
}

table td:last-child{
  border-right: 1px solid #a8b7c5;
}

table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

*,
*::after,
*::before {
  box-sizing: border-box;
}

.accordion {
  width: 500px;
  max-width: 100%;
}

*,
*::after,
*::before {
  box-sizing: border-box;
}

.accordion {
  width: 500px;
  max-width: 100%;
}

/*------------------------------------*\
   タグ
\*------------------------------------*/
h2 {
  position: absolute;
  margin: 3px 3px;
  display: inline-block;
  padding: 1rem 2rem 1rem 4rem;
  color: #fff;
  border-radius: 100vh 0 0 100vh;
  background: #db4b1f;
}

h2:before {
  position: absolute;
  top: calc(50% - 7px);
  left: 10px;
  width: 14px;
  height: 14px;
  content: '';
  border-radius: 50%;
  background: #fff;
}
/*------------------------------------*\
   リスト
\*------------------------------------*/
.mybox3{
	margin: 3px 3px;	/* 外側の余白 上下・左右 */
 	padding: 10px;	/* 内側の余白 */
	margin: 35px auto 0;
	max-width: 90%;
	min-height: 300%;
	padding: 50px;
	position: relative;
	z-index: 0;
}
.mybox3:before{
	background: repeating-linear-gradient(-45deg, #800000, #800000 0px, #800000 0, #800000 0px); /* ストライプの色 */
	content: '';
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: -2;
}
.mybox3:after{
	background: #fff; /* 背景色 */
	content: '';
	position: absolute;
	top: 0px;	/* ストライプ部分の太さ・上 */
	bottom: 0px;	/* ストライプ部分の太さ・下 */
	left: 0px;	/* ストライプ部分の太さ・左 */
	right: 0px;	/* ストライプ部分の太さ・右 */
	z-index: -1;
}

.mybox4{
	margin: 3px 3px;	/* 外側の余白 上下・左右 */
 	padding: 10px;	/* 内側の余白 */
	margin: 40px auto 0;
	max-width: 750px;
	min-height: 300%;
	padding: 50px;
	position: relative;
	z-index: 0;
}
.mybox4:before{
	background: repeating-linear-gradient(-45deg, #800000, #800000 0px, #800000 0, #800000 0px); /* ストライプの色 */
	content: '';
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: -2;
}
.mybox4:after{
	background: #fff; /* 背景色 */
	content: '';
	position: absolute;
	top: 0px;	/* ストライプ部分の太さ・上 */
	bottom: 0px;	/* ストライプ部分の太さ・下 */
	left: 0px;	/* ストライプ部分の太さ・左 */
	right: 0px;	/* ストライプ部分の太さ・右 */
	z-index: -1;
}

.container{
 column-count: 2;
 box-sizing: border-box;
 column-fill: auto
}

.column-list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

ol.sample1{
  counter-reset:list;
  list-style-type:none;
  font: 14px/1.6 'arial narrow', sans-serif;
  padding:0;
}
ol.sample1 li{
  position:relative;
  display: inline-block;
  color: #fff;
  padding: 0 0 0 0px;
  margin: 10px 20px 10px 20px;
  font-weight: bold;
  font-size: 14px;
  line-height: 300%;
  background: #fca68b;
  border-radius: 20px;
  width: 80%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
ol.sample1 li:before{
  counter-increment: list;
  content: "";
  display: inline-block;
  position: absolute;
  left: 10px;
  height: 10px;
  width: 10px;
  border-radius: 70%;
  background: #fff;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
ol.sample1 li:hover{
  background: #ffd0c2;
}







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

ここからアコーディオンのCSS

------------------------------*/
/* チェックボックスを非表示にする */
.body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background:#ff9e80;
}
.content {
	width: 80%;
	padding: 0;
	margin: 0 auto;
}
.centerplease {
	margin: 10px auto;
	max-width: 400px;
	font-size: 40px;
}
/*Question*/
.question {
	position: relative;
	background: #ff9e80;
	margin: 0;
	padding: 10px 10px 10px 50px;
	display: block;
	width:100%;
	cursor: pointer;
}
/*Answer*/
.answers {
	padding: 0px 15px;
	margin: 0 0 10px;
	width:100%!important;
	height: 0;
	overflow: hidden;
	z-index: -1;
	position: relative;
	opacity: 0;
	background: #fff;
	-webkit-transition: .8s ease;
	-moz-transition: .8s ease;
	-o-transition: .8s ease;
	transition: .8s ease;
}
.questions:checked ~ .answers{
	height: auto;
	opacity: 1;
	padding: 15px 45px 15px 15px;
}
/*FAQ Toggle*/
.plus {
	position: absolute;
	margin-left: 10px;
	z-index: 5;
	font-size: 2em;
	line-height: 100%;
	-webkit-user-select: none;    
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-transition: .8s ease;
	-moz-transition: .8s ease;
	-o-transition: .8s ease;
	transition: .8s ease;
}
.questions:checked ~ .plus {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.questions {
	display: none;	
}

/* 通常時の背景色 */
.sample {
    background-color: #ff9e80;
    }
/* マウスオーバー時の背景色 */
.sample:hover {
    background-color: #ffc9b8;
    }
/*------------------------------------*\
    footer
\*------------------------------------*/
.footer{
	width: 100%;
	height: 98px;
	background-color: #e6dfcb;
}
.footer__inner{
	width: 100%;
	max-width: 607px;
	margin: 0 auto;
}
.adress span{
	font-size: 11px;
}
.copyright{
	font-size: 9px;
	text-align: center;
}


/*------------------------------------*\
    access
\*------------------------------------*/
#access h1{
	font-size: 24px;
	color: #6d3b30;
	text-align: center;
}
#access .contents{
	padding-top: 40px;
}
#access .contents__inner figure{
	display: inline-block;
	text-align: center;
}
.figure__wrapper{
	text-align: center;
	padding-top: 40px;
}
.access__adress__wrap .figure__wrapper{
/*
	width: 100%;
	max-width: 143px;
*/
	padding-top: 0;
}
.access__adress__wrap{
	padding-top: 40px;
}
.access__adress__wrap dl{
/*
	width: 100%;
	max-width: 60%;
	margin-right: auto;
*/
	padding-right: 30px;
}
.access__adress__wrap dl dt{
	font-weight: 700;
}
.access__adress__wrap dl dd{
	list-style: disc;
	padding-bottom: 16px;
}
.flex img{
	flex-shrink: 0;
}


@media screen and (max-width: 960px) {
	.header__inner{
		max-width: 90%;
	}
	.contents{
		max-width: 90%;
	}
}

@media screen and (max-width: 768px) {
	.pc_only{
		display: none
	}
	.sp_only{
		display: block;
	}
	
	.header{
		height: auto;
	}
	.header__inner{
		max-width: 90%;
	}
	.header__logo a img{
		max-width: 200px;
	}
	.sp__menu__trigger{
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		width: 30px;
		height: 30px;
		z-index: 200;
	}
	.sp__menu__line{
		display: block;
		width: 100%;
		height: 2px;
		margin-bottom: 8px;
		background-color: #333;
		transition: all .5s;
	}
	.sp__menu__line:last-of-type{
		margin-bottom: 0;
	}
	.sp__menu__line.open{
		background-color: #fff;
	}
	.sp__menu__line:nth-of-type(1).open{
		-webkit-transform: translateY(10px) rotate(-45deg);
  		transform: translateY(10px) rotate(-45deg);
	}
	.sp__menu__line:nth-of-type(2).open{
		opacity: 0;
	}
	.sp__menu__line:nth-of-type(3).open{
		-webkit-transform: translateY(-10px) rotate(45deg);
  		transform: translateY(-10px) rotate(45deg);
	}
	.nav__sp{
		position: fixed;
		top: 0;
		left: 0;
		transform: translateX(100%);
		width: 100%;
		height: 100%;
		background-color: #6d3b30;
		z-index: 100;
		transition: all .5s;
	}
	.nav__sp__inner{
		width: 100%;
		height: 100%;
		overflow-y: scroll;
	}
	.nav__sp.open{
		transform: translateX(0);
	}
	.nav__list__sp{
		width: 100%;
		height: auto;
		padding: 24px 0;
/*		overflow-y: scroll;*/
		min-height: 0px;

	}
	.nav__item__sp{
		border-top: 1px solid #a57a69;
		border-bottom: 1px solid #a57a69;
	}
	.nav__item__sp + .nav__item__sp{
		border-top: 0;
	}
	.nav__link__sp{
		padding: 10px 0;
		color: #fff;
		font-size: 15px;
	}
	
/*
	.contents__inner{
		display: block;
	}
*/
	.access__adress__wrap{
		display: block;
	}
	
	.footer__inner{
		max-width: 90%;
	}
	.adress{
		flex-direction: column;
		align-items: center;
	}
}

@media screen and (max-width: 414px) {
	#access h1{
		font-size: 22px;
	}
}

@media screen and (max-width: 896px) and (orientation: landscape) {
/*
	.nav__sp__inner{
		overflow-y: scroll;
	}
*/
}