@charset "utf-8";

/* bootstrap.css基本の打消し
---------------------------------------------------- */
body{ margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-weight:normal; clear:both}
p{ margin:0px; padding:0px}

.navbar {
  margin-bottom:0px;
  border:none;
}

.table-striped > tbody > tr:nth-of-type(odd) { background-color: #eee8e0;}
.table{ margin-bottom:30px}
.table th{ width:30%}

@media (min-width: 768px) {.btn-group-vertical a{ padding-top:15px;padding-bottom:15px}}

img.img-fluid {display: block;}

@media (min-width: 768px) {
.modal-dialog {max-width: 650px;}
}

.ind1 {position: relative; z-index: 1;}
.ind2 {position: relative; z-index: 2;}
.ind3 {position: relative; z-index: 3;}

/* 全体構造
---------------------------------------------------- */
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, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
    zoom:1;/*for IE 5.5-7*/
	overflow:hidden;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clear{clear:both;}
img{border:0;vertical-align:bottom;}
a {
	outline:none;
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
hr {
    display:block;
    height:1px;
    border-top:1px dotted #5e4e49;
    margin:0;
    padding:0;
	margin-bottom:20px
}
body{
	font-size: 100%;
	line-height: 195%;
	font-family:FontAwesome, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #5e4e49;
	letter-spacing: 0.05em;
	overflow-x: hidden;
	background:#faf7f3;
}

header,main,footer{font-family: 'Noto Sans JP', sans-serif;}

/* link
---------------------------------------------------- */
a:link,a:visited,a:hover,a:active{text-decoration:none; color:#5e4e49;}

/* オープニングアニメ
----------------------------------------------------------*/
/* fadeUpをするアイコンの動き */
.fadeUp{
animation-name: fadeUpAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

.start2 {
	background: #faf7f3;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9999;
}

@media only screen and (max-width: 767px)  {
.start2 img {
    width:300px;
	height: auto;
	}
}

.start2 p {
	position: fixed;
	left: 50%;
	top: 48%;
	transform: translate(-50%,-50%);
	display: none;
	z-index: 9999;
}

@media only screen and (max-device-width: 480px) {
    .start2 img {
    width: 300px;
    height: auto;
}
    .start2 p {
	top: 45%;
	left: 49%;
}
 /* スマホ用のCSS */
}

.loading {
	font-family: 'Noto serif JP', sans-serif;
	position: fixed;
	top: 69%;
	transform: translate(-50%,-50%);
	display: none;
	z-index: 9999;
    left: 50%;
    color: #ff7a57;
    font-size: 22px;
}

@media only screen and (max-device-width: 480px) {
    .loading {
    font-size: 18px;
}
 /* スマホ用のCSS */
}

.loading span {
  display: inline-block;
  margin: 0 -.075em 50px;
  animation: loading .7s infinite alternate;
}
.loading span:nth-child(2) {
  animation-delay: .1s;
}
.loading span:nth-child(3) {
  animation-delay: .2s;
}
.loading span:nth-child(4) {
  animation-delay: .3s;
}
.loading span:nth-child(5) {
  animation-delay: .4s;
}
.loading span:nth-child(6) {
  animation-delay: .5s;
}
.loading span:nth-child(7) {
  animation-delay: .6s;
}
@keyframes loading {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}

.mb-40-sm60-md60-lg60{ margin-bottom:40px}
@media print, screen and (min-width: 576px) {.mb-40-sm60-md60-lg60{ margin-bottom:60px}}

/* header
---------------------------------------------------- */
header{
	width: 100%;
    z-index: 99999 !important;
	margin: 0;
	top: 0;
	padding:0;
	border-bottom: none;
	position: fixed;
	background: #faf7f3;
	}
@media print, screen and (min-width: 768px) {header{padding:0;}}

.header{z-index:100 !important;}
.header.change-header{z-index:100 !important;}

/* header
---------------------------------------------------- */
@media only screen and (max-width: 767px) {
.header {
	background: #faf7f3;
	padding: 5px 0;
	}
}
@media print, screen and (min-width: 768px){
.header {
    padding: 0;
    position: fixed;
    width: 100%;
	height: 80px !important;
	transition: 0.2s;
	background: #faf7f3;	
	}
}

/* change
---------------------------------------------------- */
@media print, screen and (min-width: 768px){
.header.change-header {
	padding:0;
	transition: 0.2s;
	height: 80px !important;
	background: rgba(250,247,243,1.0);
	}
.header.change-header .logo{
	width: 130px;
	transition: 0.2s;
	padding: 0; 
	}
.header.change-header .menu{
	width: 100%;
	font-size: 12px;
	transition: 0.2s;
	padding:10px 10px 0 0;
	margin: 0 0 0 auto;
	}
}

@media print, screen and (min-width: 992px){
.header.change-header .logo{
	width: 160px;
	}
.header.change-header .menu{
	padding:9px 10px 0 0;
	font-size: 14px
	}
}

@media print, screen and (min-width: 1200px){
.header.change-header .logo{
	width: 200px;
	}
.header.change-header .menu{
	padding: 8px 10px 0 0;
	font-size: 15px;
	}
}

/* h1
---------------------------------------------------- */
.logo {width: 150px; float: left; height: auto;}
@media only screen and (max-width: 767px) {.logo {top:2px;}}
@media print, screen and (min-width: 768px) {.logo{	width: 130px;}}
@media print, screen and (min-width: 992px) {.logo{	width: 200px;}}
@media print, screen and (min-width: 1200px) {.logo{width: 276px;}}

/* menu
---------------------------------------------------- */
@media only screen and (max-width: 767px) {
.menu {overflow: auto; max-height: 85vh; background: #faf7f3;}
.menu-container { margin-top: -40px!important;}
.menu-dropdown-icon > a {margin-left: 30px;}
.menu > ul {margin-top: 25px !important;}
.menu > ul > li {border-bottom: 1px solid #ccc !important;}
.menu > ul > li a{font-size: 15px;}
.menu > ul > li a span{display: none}
.menu li.navi-on a{color: #ff9060 !important;}
}

.menu-mobile {display: none; padding: 15px 0 5px 20px !important;}
.menu {font-size: 12px; padding-top: 0px; font-family: 'Zen Maru Gothic', sans-serif;}
.menu > ul > li a {color: #5e4e49 !important; padding: 15px 0; text-align: center!important;}
.menu > ul > li > ul > li {list-style: none;}
.menu > ul > li > ul > li a {border-bottom: 1px dashed #ccc;}
.menu > ul > li > ul.normal-sub > li {width:100% !important}	

@media print, screen and (min-width: 768px) {
.menu {padding:5px 0 10px 0;}
.menu > ul > li a{ margin: 0; line-height: 20px;}
.menu-container { margin-top: 0!important;}
.menu .show-on-mobile {padding-top:10px!important;}
.menu > ul {width: 100%; margin: 0 auto;}
.menu > ul i {padding-left: 5px;}
.menu > ul > li a{
	text-align: center!important;
	padding: 7px 0 !important;
	color: #5e4e49 !important;
	background: transparent;
	border-bottom: 1px solid transparent;
	}
.menu > ul > li > ul {font-size: 100%; background: #fff !important;}
.menu > ul > li > ul li{border-bottom: 1px dashed #ccc;}
.menu > ul > li > ul.normal-sub {width: 210px !important;}
	
/* menu　オンマウス
---------------------- */
.menu li.navi-on a{
	color: #5e4e49 !important;
	background: transparent;
	border-bottom: 2px solid #ff582e;
	}
.menu li a {
	position: relative;
	display: inline-block;
	text-decoration: none;
}
.menu li a::after {
	position: absolute;
	bottom: -2px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px !important;
	background: #ff582e;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	}
.menu li a:hover::after {
  transform: scale(1, 1);
	}
}

.menu > ul > li .active {color: #ff582e !important;}
@media print, screen and (min-width: 768px) {.menu {font-size: 12px; max-width:600px; margin:0 0 0 auto; padding:10px 10px 0 0}}
@media print, screen and (min-width: 992px) {.menu {font-size: 14px; max-width:750px;  padding: 10px 10px 0 0}}
@media print, screen and (min-width: 1200px) {.menu {font-size: 15px; max-width:900px; padding: 10px 10px 0 0}}
@media print, screen and (min-width: 1400px) {.menu {font-size: 15px; max-width:1000px; padding: 8px 10px 0 0}}

@media only screen and (max-width: 767px) {
	.p10-0{padding:5px 0; text-align: center; font-size: 11px;}
	
	.li001{clear: both; width:100% !important;}	
	.li002{clear: both; width:49% !important; float: left !important;}
	.li003{width:49% !important; float: right !important;}
	.li004{clear: both; width:49% !important; float: left !important;}
	.li005{width:49% !important; float: right !important;}
	.li006{clear: both; width:100% !important;}
	.li007{clear: both; width:100% !important;}	
}
@media print, screen and (min-width: 768px) {
	.li001{width:14% !important;}
	.li002{width:22% !important;}
	.li003{width:16% !important;}
	.li004{width:14% !important;}
	.li005{width:14% !important;}
	.li006{width:20% !important;}	
}

/* li006
---------------------------------------------------- */
.li006 i{margin-right: 4px;}

@media print, screen and (min-width: 768px) {
.li006{
	display: block;
	color: #fff !important;
	text-align: center;
	background: #ff582e;
	width: 100%;
	}
.li006 a:link{
	font-family: 'Noto Sans JP', sans-serif;
	color: #fff !important;
	display: block;
	text-align: center;
	text-decoration: none;
	outline: none;
	cursor:pointer;
	}
.li006:link,
.li006:visited{
	font-family: 'Noto Sans JP', sans-serif;
	color: #fff !important;
	text-decoration:none;
	background: #ff582e;
	transition: all .5s;
	}
.li006:hover,
.li006:active{
	font-family: 'Noto Sans JP', sans-serif;
	color: #fff !important;
	text-decoration:none !important;
	background: #5e4e49;
	transition: all .5s;
	}
.li006 a:link{
	color: #fff !important;
	display: block;
	text-align: center;
	text-decoration: none;
	outline: none;
	cursor:pointer;
	padding: 20px 2px !important;
	}
.menu > ul > .li006 a {
	color: #fff !important;
	}
}

/* nav-tel
---------------------------------------------------- */
.nav-tel{
	font-size: 16px;
	padding:10px 0 12px 0;
	line-height: 20px;
	margin: 0 10px;
	display:block!important;	
	color:#fff !important;
	text-align:center;	
	text-decoration:none !important;
	background: #ff9060;
	border-radius: 100px;
	}
.nav-tel:link, .nav-tel:visited{text-decoration:none!important; color:#fff !important;}
.nav-tel:hover,.nav-tel:active{ text-decoration:none!important; color:#fff !important;}	
.nav-tel i{ font-size:15px; margin-right: 5px; margin-top: -3px; vertical-align: middle;}

/* content
---------------------------------------------------- */
main { line-height: 1.8em; font-size: 105%;}
@media print, screen and (min-width: 768px){main {font-size: 100%;}}
@media print, screen and (min-width: 992px){main {font-size: 105%;}}
@media print, screen and (min-width: 1200px){main{font-size: 110%;}}

/* index.html
---------------------------------------------------- */
/* main余白
---------------------------------------------------- */
.bg-main{background: url("../images/bg-main.jpg") no-repeat scroll 50% 0% / cover}

.mainimg{ margin-top: 0px !important; padding-top: 55px}
@media print, screen and (min-width: 768px)  {.mainimg{margin-top:0px !important; padding-top: 80px}}
@media print, screen and (min-width: 992px)  {.mainimg{margin-top:0px !important; padding-top: 80px}}
@media print, screen and (min-width:1200px)  {.mainimg{margin-top:0px !important; padding-top: 90px}}
@media print, screen and (min-width:1400px) {.mainimg{margin-top: 0px !important; padding-top: 100px;}}

/* mainimage
---------------------------------------------------- */
.swiper-wrapper img{margin: 0 auto;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0px!important;}
@media print, screen and (min-width: 1200px) {
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 10px!important;
	}
}

@media only screen and (max-width: 767px)  {
.swiper-wrap {
  margin: 0 calc(50% - 50vw);
  max-width: 100vw;
  position: relative;
  overflow: hidden;
	}
}

@media print, screen and (min-width: 768px){
.swiper-wrap {
	margin: 0 calc(50% - 46vw);
	max-width: 100vw;
	max-height:100vh;
	position: relative;
	overflow: hidden;
	border-radius: 0 100px 100px 100px
	}
}

@media print, screen and (min-width: 1200px){
.swiper-wrap {
	margin: 0 calc(50% - 40vw);
	max-width: 100vw;
	max-height: 82vh;
	position: relative;
	overflow: hidden;
	border-radius: 0 100px 100px 100px
	}
}

@keyframes zoom-in {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
  animation: zoom-in 10s linear 0s 1 normal both;  
}

.slide-text{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 3vw;
  font-family: serif;
  font-weight: bold;
  text-shadow: 2px 2px 8px #000;
  color: #fff;
  transform: translate(-50%,-50%);
}

@media only screen and (max-width: 767px)  {
.swiper-wrapper, .slide-img { height: 70vh;}
.slide-img > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
	}
}

@media print, screen and (min-width: 1200px){
.slide-img img{
	object-fit: cover;
	width: 100vw;
	height: 100vh;
	}
}

#mainimage {
	position: relative;
	}

@media print, screen and (min-width: 768px){#mainimage {padding-bottom: 50px;}}
@media print, screen and (min-width: 992px){#mainimage {padding-bottom: 100px;}}
@media print, screen and (min-width: 1200px){#mainimage {padding-bottom: 120px;}}

/* 1
---------------------------------------------------- */
@media only screen and (max-width: 767px)  {
#mainimage h2{
    position: absolute;
	z-index: 1;
	left: 15%;
	right:5%;
	bottom: 8%;
	}	
}
@media print, screen and (min-width: 768px){
#mainimage h2{
    position: absolute;
	z-index: 1;
	top: 58%;
	left: 40%;
	right:10%;
	bottom: 0%;
	}	
}
@media print, screen and (min-width: 992px){
#mainimage h2{
	top: 60%;
	left: 55%;
	right:2%;
	bottom: 0%;
	}
}
@media print, screen and (min-width: 1200px){
#mainimage h2{
	top: 60%;
	left: 55%;
	right:2%;
	bottom: 0%;
	}
}
@media print, screen and (min-width: 1400px){
#mainimage h2{
	top: 60%;
	left: 65%;
	right:2%;
	bottom: 0%;
	}
}

.swiper-button-next,
.swiper-button-prev{z-index: 200!important; position: absolute!important;}

/*　top
---------------------------------------------------- */
.p01-box01{
	display: block;
	margin:0 0 30px 0;
	border-radius: 20px;
	background:#fbf8f3;
	box-shadow:7px 7px 12px #f4f0eb,
               -7px -7px 12px #fff;
	}
@media print, screen and (min-width: 768px)  {
.p01-box01{
	margin:0 15px 30px 15px;
	}
}

.p01-box01 p img{
	position: relative;
	border-radius: 20px 20px 0 0
}


/*　num
---------------------------------------------------- */
.p01-box01 .num {
	font-family: "Righteous", sans-serif;
	display: inline-block;
	font-size: 20px;
	font-weight: 900;
	width: 50px;
	height: 50px;
	background: #faf7f3;
	padding: 10px 10px 10px 15px;
	border-radius: 100px;
	position: absolute;
	bottom:110px;
	left:43%;
	right:43%;
  -webkit-text-fill-color: #faf7f3;
  -webkit-text-stroke: 1px #ff9160;
}


@media print, screen and (min-width: 768px)  {
.p01-box01 .num {
	font-size: 30px;
	width: 60px;
	height: 60px;
	padding: 15px 15px 15px 14px;
	bottom:150px;
	left:43%;
	right:43%;
	}
}

@media print, screen and (min-width: 1200px)  {
.p01-box01 .num {
	font-size: 27px;
	width: 60px;
	height: 60px;
	padding: 10px 10px 10px 15px;
	bottom:130px;
	left:39.5%;
	right:39.5%;
	}
}

@media print, screen and (min-width: 1400px)  {
.p01-box01 .num {
	font-size: 37px;
	width: 80px;
	height: 80px;
	padding: 20px 20px 20px 22px;
	bottom:170px;
	left:39.5%;
	right:39.5%;
	}
}

/*　num02
---------------------------------------------------- */
.p01-box01 .num02 {
	font-family: "Righteous", sans-serif;
	display: inline-block;
	font-size: 20px;
	font-weight: 900;
	width: 50px;
	height: 50px;
	background: #faf7f3;
	padding: 10px 10px 10px 12px;
	border-radius: 100px;
	position: absolute;
	bottom:110px;
	left:43%;
	right:43%;
  -webkit-text-fill-color: #faf7f3;
  -webkit-text-stroke: 1px #ff9160;
}

@media print, screen and (min-width: 768px)  {
.p01-box01 .num02 {
	font-family: "Righteous", sans-serif;
	display: inline-block;
	font-size: 30px;
	width: 60px;
	height: 60px;
	background: #faf7f3;
	padding: 15px 15px 15px 12px;
	border-radius: 100px;
	position: absolute;
	bottom:150px;
	left:43%;
	right:43%;
  -webkit-text-fill-color: #faf7f3;
  -webkit-text-stroke: 1px #ff9160;
	}
}


@media print, screen and (min-width: 1200px)  {
.p01-box01 .num02 {
	font-size: 27px;
	width: 60px;
	height: 60px;
	padding: 10px 10px 10px 15px;
	bottom:130px;
	left:39.5%;
	right:39.5%;
	}
}

@media print, screen and (min-width: 1400px)  {
.p01-box01 .num02 {
	font-size: 37px;
	width: 80px;
	height: 80px;
	padding: 20px 24px 20px 18px;
	bottom:170px;
	left:39.5%;
	right:39.5%;
	}
}

/*　num03
---------------------------------------------------- */
.p01-box01 .num03 {
	font-family: "Righteous", sans-serif;
	display: inline-block;
	font-size: 20px;
	font-weight: 900;
	width: 50px;
	height: 50px;
	background: #faf7f3;
	padding: 10px 10px 10px 12px;
	border-radius: 100px;
	position: absolute;
	bottom:130px;
	left:43%;
	right:43%;
  -webkit-text-fill-color: #faf7f3;
  -webkit-text-stroke: 1px #ff9160;
}

@media print, screen and (min-width: 768px)  {
.p01-box01 .num03 {
	font-family: "Righteous", sans-serif;
	display: inline-block;
	font-size: 30px;
	width: 60px;
	height: 60px;
	background: #faf7f3;
	padding: 15px 15px 15px 12px;
	border-radius: 100px;
	position: absolute;
	bottom:170px;
	left:42%;
	right:42%;
  -webkit-text-fill-color: #faf7f3;
  -webkit-text-stroke: 1px #ff9160;
	}
}

@media print, screen and (min-width: 1200px)  {
.p01-box01 .num03 {
	font-size: 27px;
	width: 60px;
	height: 60px;
	padding: 10px 10px 10px 15px;
	bottom:130px;
	left:39.5%;
	right:39.5%;
	}
}

@media print, screen and (min-width: 1400px)  {
.p01-box01 .num03 {
	font-size: 37px;
	width: 80px;
	height: 80px;
	padding: 20px 24px 20px 18px;
	bottom:170px;
	left:39.5%;
	right:39.5%;
	}
}

/*　num04
---------------------------------------------------- */
.p01-box01 .num04 {
	font-family: "Righteous", sans-serif;
	display: inline-block;
	font-size: 20px;
	font-weight: 900;
	width: 50px;
	height: 50px;
	background: #faf7f3;
	padding: 10px 10px 10px 12px;
	border-radius: 100px;
	position: absolute;
	bottom:110px;
	left:43%;
	right:43%;
  -webkit-text-fill-color: #faf7f3;
  -webkit-text-stroke: 1px #ff9160;
}

@media print, screen and (min-width: 768px)  {
.p01-box01 .num04 {
	font-family: "Righteous", sans-serif;
	display: inline-block;
	font-size: 30px;
	width: 60px;
	height: 60px;
	background: #faf7f3;
	padding: 15px 15px 15px 12px;
	border-radius: 100px;
	position: absolute;
	bottom:170px;
	left:42%;
	right:42%;
  -webkit-text-fill-color: #faf7f3;
  -webkit-text-stroke: 1px #ff9160;
	}
}

@media print, screen and (min-width: 1200px)  {
.p01-box01 .num04 {
	font-size: 27px;
	width: 60px;
	height: 60px;
	padding: 10px 10px 10px 15px;
	bottom:130px;
	left:39.5%;
	right:39.5%;
	}
}

@media print, screen and (min-width: 1400px)  {
.p01-box01 .num04 {
	font-size: 37px;
	width: 80px;
	height: 80px;
	padding: 20px 24px 20px 18px;
	bottom:170px;
	left:39.5%;
	right:39.5%;
	}
}

/*　p01-box01 h4
---------------------------------------------------- */
.p01-box01 h4{
	font-family: 'Zen Maru Gothic', sans-serif;
	padding:30px 0 20px 0;
	font-size: 18px;
	letter-spacing: 3px;
	line-height: 25px;
	text-align: center;
}

@media print, screen and (min-width: 768px)  {
.p01-box01 h4{
	padding:60px 0 40px 0;
	font-size: 20px;
	line-height: 25px;
	}
}

@media print, screen and (min-width: 1200px)  {
.p01-box01 h4{
	padding:40px 0 30px 0;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 1px;
	}
}

@media print, screen and (min-width: 1400px)  {
.p01-box01 h4{
	padding:70px 0 40px 0;
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 2px;
	}
}

.p01-box01 h4 span{
	font-family: "Corinthia", cursive;	
	font-size: 20px;
	letter-spacing: 2px;
	color: #ffa068;
}

/* news
---------------------------------------------------- */
.news-box{
	background: #ff9160;
	padding: 17px 0 1px 0;
	margin-bottom: 10px;
}

@media print, screen and (min-width: 768px)  {
.news-box{
	border-radius: 0 20px 20px 0;
	padding: 30px 0 0 0;
	margin-bottom: 0;
	}
}
@media print, screen and (min-width: 992px)  {
.news-box{
	padding: 60px 0;
	}
}

/* news_table
---------------------------------------------------- */
.news_table th:before{
	font-family: "Font Awesome 5 Free";
	content:" \f111";
	float: left;
	font-weight: bold;
	color: #514542;
	font-size: 6px;
	padding: 2px 15px 0 0;
	}

/* information
---------------------------------------------------- */
@media print, screen and (min-width: 768px)  {#information{padding:0 5%;}}

#information-area{
	height: 220px;
	overflow: scroll;
	overflow-x: hidden;	
}
@media print, screen and (min-width: 768px)  {#information-area{height: 200px;}}
@media print, screen and (min-width: 992px) {#information-area{height: 250px;}}
@media print, screen and (min-width: 1200px) {#information-area{height: 250px;}}
@media print, screen and (min-width: 1400px) {#information-area{height: 250px;}}

#information-area::-webkit-scrollbar {
  width: 12px !important;
}
#information-area::-webkit-scrollbar-track {
  background: #ffa58e !important;
  border-radius: 100px !important;
}
#information-area::-webkit-scrollbar-thumb {
  background: #ffa58e !important;
  border-radius: 100px !important;
}
#information-area {
  scrollbar-width: thin;
  scrollbar-color: #ffddca #ffa58e;
}

.new{
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #ff9160;
	font-weight: lighter;
	font-size: 15px;	
	padding:1px 2px 1px 5px;
	margin-left: 15px;
}

.news_table{
	width:98%;
	border-collapse: collapse;
	position: relative;
}
.news_table th{
	padding:10px 0 3px 0;
	display: block;
	font-weight: normal;
	text-align: left;
	letter-spacing: 0.1em;
}

.news_table td{
	padding:0 0 12px 0;
	display: block;
	text-align: left;
}
.news_table .mt10{margin-top: 10px;}

@media print, screen and (min-width: 768px) {
.news_table th{
	width: 200px;
	padding:10px 0;
	vertical-align:top;
	display:table-cell;
	}
.news_table td{
	padding:10px 0;
	vertical-align:top;
	display:table-cell;
	}
}

@media print, screen and (min-width: 992px) {
.news_table th{
	width: 200px;
	}
}
@media print, screen and (min-width: 1400px) {
.news_table th{
	width: 300px;
	}
}

.news_table a:link,
.news_table a:visited{display:inline-block;font-size: 11px; text-decoration:none; color:#fff; background: #004ab5; padding:1px 10px;}
.news_table a:hover,
.news_table a:active{text-decoration:none; color:#fff; background: #007fd4; padding:1px 10px;}
.news_table i{color: #fff; margin:0 5px 0 0;}

.news_table a{margin-left: 5px;}

/* link
---------------------------------------------------- */
@media print, screen and (min-width: 768px) {
.p01-box02{margin:0 10px 20px 10px;}
.pt100{padding-top: 100px;}	
}

@media print, screen and (min-width: 992px) {
.p01-box02{margin:0 30px 20px 30px;}
}

@media print, screen and (min-width: 1200px) {
.p01-box02{margin:0 60px 20px 60px;}
}

.p01-box03{
	border-radius: 20px;
	background: #faf7f3;
	padding: 20px;
	}

@media print, screen and (min-width: 768px) {
.p01-box03{
	border-radius: 0 20px 0 0;
	padding: 60px;
	}
}

@media print, screen and (min-width: 1200px) {
.p01-box03{
	border-radius: 0 20px 0 0;
	padding: 100px 100px 100px 200px;
	}
}

/* タグコレ
---------------------------------------------------- */
.tagcolle-btn-default {
	font-family: 'Noto serif JP', sans-serif !important;
	color: #fff !important;
    box-shadow: 0 2px 6px #eee !important;
    background-color: #65a179 !important;
    border-color: #65a179 !important;
}

/* footer
---------------------------------------------------- */
#footer01{
	clear: both;
	width: 100%;
	background:#f8ebe2;
}

/* フッター　余白
---------------------------------------------------- */
@media only screen and (max-width: 767px) { .f-yohaku01{ padding:30px 0; font-size: 14px;}}
@media print, screen and (min-width: 768px) {.f-yohaku01{padding:80px 0; font-size: 15px;}}
@media print, screen and (min-width: 992px) {.f-yohaku01{padding:100px 0;font-size: 16px;}}

/* フッター　ロゴ
---------------------------------------------------- */	
@media only screen and (max-width: 767px) {
.f-logo img{
	margin: 0 auto;
	margin-bottom: 15px;
	}
}
@media print, screen and (min-width: 768px) {
.f-logo img{
	text-align: left;
	margin-bottom: 20px;
	}
}
@media print, screen and (min-width: 992px) {
.f-logo img{
	margin-bottom: 30px;
	}
}

/* フッター　ナビ
---------------------------------------------------- */
.textlink {
	width:100%;
	text-align:left;
	margin-bottom: 30px;
}
.textlink ul{list-style:none;}
.textlink li{line-height: 100%;	display: block;}
.textlink li a{
	display:block;
	padding: 10px 0px;
	color: #514542;
	border-bottom:1px solid #eee;
	text-align: left;
	line-height: 22px;
}
.textlink a:link,
.textlink a:visited,
.textlink a:hover,
.textlink a:active{color: #514542 !important; text-decoration:none}

@media only screen and (max-width: 767px) {
.textlink {margin-bottom: 30px;}
.textlink li a{font-size: 14px;}
.textlink ul li a:before{
	font-family: "Font Awesome 5 Free";
	content:" \f054";
	float: right;
	font-weight: bold;
	color: #514542;
	font-size: 14px;
	padding: 2px 5px 0 0;
	}
}

@media print, screen and (min-width: 768px) {
.textlink {
	background:transparent;
	margin-bottom:30px;
	}
.textlink li a{
	padding:0 0 20px 0;
	border-bottom: 0px;
	text-align: left;
	}
.textlink a:link, #textlink a:visited, #textlink a:active {color:#514542;}
.textlink a:hover {color:#514542; text-decoration: underline;}
}

/* f-info
------------------------------ */
.f-info{
	text-align: center;
	margin-bottom: 20px;
}
@media print, screen and (min-width: 768px) {
.f-info{
	text-align: left;
	margin-bottom: 30px;
	}
}

/* f-address
------------------------------ */
.f-address{
	line-height: 25px;
	margin-bottom: 5px;
}

.f-address i{color: #3d4339 !important; margin:0 0 0 10px;}
.f-address i:hover{color: #3d4339 !important; text-decoration:underline}

/* btn-bottom-tel
------------------------------ */
@media only screen and (max-width: 767px) {
.btn-bottom-tel{
	color: #fff;
	display: block;
	background-color: #ff9060;
	text-align: center;	
	font-size: 16px;
	padding: 10px 0 12px 0;
	border: 0px;
	border-radius: 100px;
	}
}

/* copyright
---------------------------------------------------- */
@media only screen and (max-width: 767px) {.copyright{text-align: center;}}
@media print, screen and (min-width: 768px) {.copyright{text-align:left;}}

/* 流れる画像
---------------------------------------------------- */
/* 右からの無限ループ */
@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.scroll-infinity__list--left {
animation: infinity-scroll-left 200s infinite linear 0.5s both;
}

/* 左からの無限ループ */
@keyframes infinity-scroll-right {
from {
  transform: translateX(-100%);
}
  to {
  transform: translateX(0%);
}
}
.scroll-infinity__list--right{
  animation :infinity-scroll-right 200s infinite linear 0.5s both;
}

/* css */
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 200s infinite linear 0.5s both;
}
.scroll-infinity__item {
  width: calc(100vw / 5);
}
.scroll-infinity__item>img {
  width: 100%;
}

/* h2
---------------------------------------------------- */
.eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}	
	
/* h2
---------------------------------------------------- */
.h2-02{background: url("../images/h2-02.jpg") no-repeat scroll 50% 0% / cover;}
.h2-03{background: url("../images/h2-03.jpg") no-repeat scroll 50% 0% / cover;}
.h2-04{background: url("../images/h2-04.jpg") no-repeat scroll 50% 0% / cover;}
.h2-05{background: url("../images/h2-05.jpg") no-repeat scroll 50% 0% / cover;}

.h2-midasi{padding:40px 0; text-align: center; border-radius: 20px; margin-bottom: 22px;}
@media print, screen and (min-width: 768px) {.h2-midasi{padding:80px 0; border-radius: 40px; margin-bottom: 40px;}}
@media print, screen and (min-width: 992px) {.h2-midasi{padding:100px 0; margin-bottom: 50px;}}
@media print, screen and (min-width:1200px) {.h2-midasi{padding:130px 0; margin-bottom: 70px;}}

.h2-midasi p{
	color: #fff;
	font-size: 40px;
	line-height:50px;
	letter-spacing:2px;	
	font-family: "Righteous", sans-serif;
	display: inline-block;
	font-weight: 900;
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke: 1px #ff582e;		
	}
.h2-midasi h2{
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: bold;
	color: #ff582e;
	font-size: 27px;
	letter-spacing:3px;
	-webkit-text-fill-color: #504541;
	-webkit-text-stroke: 0.7px #fff;	
}
@media print, screen and (min-width: 768px) {
.h2-midasi p{
	font-size: 65px;
	line-height:75px;
	}
.h2-midasi h2{
	font-size: 30px;
	}
}
@media print, screen and (min-width: 992px) {
.h2-midasi p{
	font-size: 70px;
	line-height:80px;
	}
.h2-midasi h2{
	font-size: 40px;
	}
}

/* service.html
---------------------------------------------------- */
@media print, screen and (min-width: 768px) { .p02-box01{padding: 30px; border:solid #333; border-width:1px 1px 1px 0;}}
@media print, screen and (min-width: 992px) { .p02-box01{padding: 30px;}}
@media print, screen and (min-width: 1200px) {.p02-box01{padding: 30px 60px;}}
@media print, screen and (min-width: 1400px) {.p02-box01{padding: 40px;}}

@media print, screen and (min-width: 768px) { .p02-box02{padding: 30px; border:solid #333; border-width:1px 0px 1px 0;}}
@media print, screen and (min-width: 992px) { .p02-box02{padding: 30px;}}
@media print, screen and (min-width: 1200px) {.p02-box02{padding: 30px 60px;}}
@media print, screen and (min-width: 1400px) {.p02-box02{padding: 40px;}}

.white-box{
	padding: 20px;
	background: #fff;
	border-radius: 20px;
	}
@media print, screen and (min-width: 768px) {
.white-box{
	padding: 20px;
	}
}
@media print, screen and (min-width: 1200px) {
.white-box{
	padding: 20px 30px;
	}
}

/*　photo-box
---------------------------------------------------- */
.photo-box01{
	display: block;
	margin:0 0 30px 0;
	border-radius: 20px;
	background:#fbf8f3;
	box-shadow:7px 7px 12px #f4f0eb,
               -7px -7px 12px #fff;
	}

@media print, screen and (min-width: 992px)  {
.photo-box01{
	margin:0 15px 30px 15px;
	}
}
@media print, screen and (min-width: 1200px)  {
.photo-box01{
	margin:0 15px 60px 15px;
	}
}

.photo-box01 p img{
	position: relative;
	border-radius: 20px 20px 0 0
}
.photo-box01 h4{
	font-family: 'Zen Maru Gothic', sans-serif;
	padding:20px 0;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 2px;
	text-align: center;
}
@media print, screen and (min-width: 768px)  {
.photo-box01 h4{
	padding:30px 0;
	}
}
.photo-box01 h4 span{
	font-family: "Corinthia", cursive;	
	font-size: 20px;
	letter-spacing: 2px;
	color: #ffa068;
}

/* history
---------------------------------------------------- */
.line_o{background: url("../images/border02.png") repeat-y 8px top;}	

.about_flow{
	width: 100%;
	display: table;
	padding-bottom: 20px;
}
.about_flow li{
	display:block;
}
.about_flow .time{
	width: 100%;
}
.about_flow .sch{
	padding-left:40px;
}
.about_flow .time:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f111";
	margin-left: 3px;
	margin-right: 13px;
	font-size: 100%;
	vertical-align: middle;
	color: #ff9060;
}
.about_text{
	font-weight: normal;
}

@media print, screen and (min-width: 768px) {
.about_flow .time:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f111";
	margin-left: 0px;
	margin-right: 30px;
	font-size: 18px;
	vertical-align: top;
	color: #ff9060;
	}
.about_flow {padding-bottom: 30px;}
.about_flow li{display: table-cell; vertical-align: top;}
.about_flow .time {width: 200px;}
.about_flow .sch{padding-left:0px}
}

@media print, screen and (min-width: 992px) {
.about_flow {padding-bottom: 30px;}
.about_flow .time {width: 200px;}
}
@media print, screen and (min-width: 1200px) {
.about_flow {padding-bottom: 30px;}
.about_flow .time {width: 220px;}
}

/* company.html
---------------------------------------------------- */
.name{text-align: right;}
.name span{font-size: 120%;}

/* 汎用
---------------------------------------------------- */
.kasiramoji::first-letter {	font-size: 130%;}

.news_table th:before{
	font-family: "Font Awesome 5 Free";
	content:" \f111";
	float: left;
	font-weight: bold;
	color: #514542;
	font-size: 6px;
	padding: 2px 15px 0 0;
	}

/* 見出し01
---------------------------------------------------- */
.midasi01{
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 1px;
	margin-bottom: 20px;
	text-align: center;
	font-family: 'Zen Maru Gothic', sans-serif;
	}
.midasi01 span{
	font-size: 30px;
	line-height: 35px;
	letter-spacing: 5px;
	color: #ff9060;
	font-family: "Righteous", sans-serif;
	}
@media print, screen and (min-width: 768px) {
.midasi01{
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 30px;
	}
.midasi01 span{
	font-size: 35px;
	line-height: 40px;	
	}
}
@media print, screen and (min-width: 992px) {
.midasi01{
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 40px;
	}
.midasi01 span{
	font-size: 40px;
	line-height: 50px;	
	}
}
@media print, screen and (min-width: 1200px) {
.midasi01{
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 50px;
	}
.midasi01 span{
	font-size: 40px;
	line-height: 50px;	
	}
}

.border-img{
	background: url("../images/border.png") no-repeat center bottom;
}
.border-img2{
	background: url("../images/border2.png") no-repeat center bottom;
}

/* 見出し02
---------------------------------------------------- */
.midasi02{
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 2px;
	}
@media print, screen and (min-width: 768px) {
.midasi02{
	font-size: 20px;
	line-height: 30px;
	}
}

/* 見出し03
---------------------------------------------------- */
.midasi03{
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 1px;
	margin-bottom: 20px;
	font-family: 'Zen Maru Gothic', sans-serif;

	}
.midasi03 span{
	font-size: 30px;
	line-height: 35px;
	letter-spacing: 5px;
	font-family: "Righteous", sans-serif;
	}
@media print, screen and (min-width: 768px) {
.midasi03{
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 30px;
	}
.midasi03 span{
	font-size: 35px;
	line-height: 40px;	
	}
}
@media print, screen and (min-width: 992px) {
.midasi03{
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 0;
	}
.midasi03 span{
	font-size: 40px;
	line-height: 50px;	
	}
}

@media print, screen and (min-width: 768px) {
.fukidasi-img{
	padding-bottom: 50px;
	background: url("../images/fukidasi.png") no-repeat center bottom;
	}
}

@media print, screen and (min-width: 768px) {
.fukidasi-img02{
	padding-bottom: 50px;
	background: url("../images/fukidasi02.png") no-repeat center bottom;
	}
}

/* 見出し04
---------------------------------------------------- */
.midasi04{
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 1px;
	font-family: 'Zen Maru Gothic', sans-serif;
	margin-bottom: 20px;
	}
.midasi04 span{
	font-size: 30px;
	line-height: 35px;
	letter-spacing: 5px;
	color: #ff9060;
	font-family: "Righteous", sans-serif;
	}
@media print, screen and (min-width: 768px) {
.midasi04{
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 30px;
	}
.midasi04 span{
	font-size: 35px;
	line-height: 40px;	
	}
}
@media print, screen and (min-width: 992px) {
.midasi04{
	font-size: 18px;
	line-height: 25px;
	}
.midasi04 span{
	font-size: 40px;
	line-height: 50px;	
	}
}
@media print, screen and (min-width: 1200px) {
.midasi04{
	font-size: 18px;
	line-height: 25px;
	}
.midasi04 span{
	font-size: 40px;
	line-height: 50px;	
	}
}

/* 見出し05
---------------------------------------------------- */
.midasi05{
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 25px;
	line-height: 35px;
	letter-spacing: 2px;
	margin-bottom: 20px;
	text-align: center;
	}
.midasi05 span{
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 5px;
	color: #ff9060;
	font-family: "Righteous", sans-serif;
	}
@media print, screen and (min-width: 768px) {
.midasi05{
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 40px;
	}
.midasi05 span{
	font-size: 22px;
	line-height: 32px;
	}
}
@media print, screen and (min-width: 992px) {
.midasi05{
	font-size: 35px;
	line-height: 45px;
	margin-bottom: 40px;
	}
.midasi05 span{
	font-size: 22px;
	line-height: 32px;
	}
}

/* 見出し06
---------------------------------------------------- */
.midasi06{
	font-size: 18px;
	line-height: 33px;
	letter-spacing: 2px;
	margin-bottom: 20px;
	color: #ff9060;
	font-family: 'Zen Maru Gothic', sans-serif;
}
@media print, screen and (min-width: 768px) {
.midasi06{
	font-size: 20px;
	line-height: 35px;
	}
}
@media print, screen and (min-width: 1400px) {
.midasi06{
	font-size: 25px;
	line-height: 40px;
	}
}

/* 見出し07
---------------------------------------------------- */
.midasi07{
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 2px;
	}
@media print, screen and (min-width: 768px) {
.midasi07{
	font-size: 20px;
	line-height: 40px;
	}
}

/* 見出し08
---------------------------------------------------- */
.midasi08{
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 2px;
	margin-bottom: 20px;
	text-align: center;
	}
@media print, screen and (min-width: 768px) {
.midasi08{
	font-size: 25px;
	line-height: 35px;
	margin-bottom: 30px;
	text-align: left;
	}
}

/* 見出し09
---------------------------------------------------- */
.midasi09{
	font-size: 18px;
	line-height: 33px;
	letter-spacing: 2px;
	margin-bottom: 20px;
	text-align: center;
	color: #ff9060;
	font-family: 'Zen Maru Gothic', sans-serif;
}
@media print, screen and (min-width: 768px) {
.midasi09{
	font-size: 20px;
	line-height: 35px;
	margin-bottom: 30px;
	}
}
@media print, screen and (min-width: 992px) {
.midasi09{
	font-size: 25px;
	line-height: 40px;
	margin-bottom: 40px;
	}
}

/* 見出し10
---------------------------------------------------- */
.midasi10{
	font-size: 18px;
	line-height: 33px;
	letter-spacing: 2px;
	margin-bottom: 20px;
	color: #ff9060;
	font-family: 'Zen Maru Gothic', sans-serif;
}
@media print, screen and (min-width: 768px) {
.midasi10{
	font-size: 20px;
	line-height: 40px;
	}
}
@media print, screen and (min-width: 1200px) {
.midasi10{
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0px;
	}
}
@media print, screen and (min-width: 1400px) {
.midasi10{
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 2px;
	}
}

/* 画像
---------------------------------------------------- */
.img-c img{margin:0 auto;}

@media only screen and (max-width: 767px) {.img-c2 img{display:block; margin:0 auto !important;}}

.img-c3 img{margin:0 auto !important;}
@media print, screen and (min-width: 992px) {.img-c3 img{margin:initial !important;}}

.img-r img{margin: 0 0 0 auto;}
.imglink a:hover img{
    opacity: 0.5 !important;
    transition: all 0.2s ease 0s !important;
    -webkit-transition: 0.2s ease-in !important;
    filter: alpha(opacity=50) !important;
	}

.lft{text-align: left !important;}
.rgt{text-align: right;}

/* fs
-------------------------- */
.fs130	{font-size: 130%;}
.fs110	{font-size: 110%;}
.fs80	{font-size: 80%;}

/* color
-------------------------- */
.white{color:#fff}
.red{color:#f00}
.green{color:#65a179}
.yellow{color:#fff600}
.orange{color:#ff9060}

/* pen
-------------------------- */
.pen {background: linear-gradient(transparent 50%, #f5f686 50%);}

/* gfont01
-------------------------- */
.gfont01{font-family: 'Noto serif JP', sans-serif;}

/* 画像　影
-------------------------- */
.kage img{box-shadow:5px 5px #ddd}
@media print, screen and (min-width: 768px) {.kage img{box-shadow:10px 10px #ddd}}

/* 画像　幅
-------------------------- */
@media only screen and (max-width: 767px) {.yoko01 img{width: 65%;}}

@media print, screen and (min-width: 768px) {.yoko02 img{width: 60%;}}
@media print, screen and (min-width: 992px) {.yoko02 img{width: 100%;}}

/* area
---------------------------------------------------- */
@media only screen and (max-width: 767px) {
.area-side{order: 2;}
.area-main{order: 1;}
}

/* 縦横比
---------------------------------------------------- */
.photo-ofi {
	height: 0;
	display: block;
	overflow: hidden;
	position: relative;
	padding-bottom: 75%;
	background: #f5f5f5;
}
.photo-ofi img {
	max-width: inherit;
	max-height: inherit;
	width: 100%;
	height: 100%;
	object-fit: scale-down;
	font-family: 'object-fit: scale-down;';
	position: absolute;
	left: 0;
	top: 0;
}

/* img01
---------------------------------------------------- */
.img01 {
	position: relative;
}

.img01::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - -20px);
	height: calc(100% - -20px);
	border-image-source: repeating-linear-gradient(45deg, #ffbd8d, #ffbd8d 3px, rgba(0 0 0 / 0) 0, rgba(0 0 0 / 0) 6px);
	border-image-slice: 20;
	border-image-repeat: round;
	border-style: solid;
	border-width: 20px;
}

/* img02
---------------------------------------------------- */
.img02 {
  border: solid 8px ;
  border-image-slice: 1; 
  border-image-source: linear-gradient(to right, #e3ffc0, #9dc2f4);
}

/* img03
---------------------------------------------------- */
.img03 {
	position: relative;
}

.img03::before,
.img03::after {
	content: '';
	position: absolute;
	transform: rotate(-35deg);
	width: 70px;
	height: 25px;
	background-color: #faf7f3;
	z-index: 1;
}

.img03::before {
	top: -10px;
	left: -25px;
	border-bottom: 1px solid #d5c4b9;
}

.img03::after {
	bottom: -10px;
	right: -25px;
	border-top: 1px solid #d5c4b9;
}

/* img04
---------------------------------------------------- */
.img04 {
	position: relative;
}

.img04::before,
.img04::after {
	content: '';
	position: absolute;
	transform: rotate(-35deg);
	width: 70px;
	height: 25px;
	background-color: #f8ebe2;
	z-index: 1;
}

.img04::before {
	top: -10px;
	left: -25px;
	border-bottom: 1px solid #d5c4b9;
}

.img04::after {
	bottom: -10px;
	right: -25px;
	border-top: 1px solid #d5c4b9;
}

/* img05
---------------------------------------------------- */
.photo-container12 {
	position: relative;
	display: block;
	width: 90%;
	margin-inline: auto;
	margin-top: 30px;
	margin-bottom: 50px;
}

.img05 {
	width: 100%;
	rotate: 3deg;
}

.photo-container12::after {
	content: "";
	position: absolute;
	top: -10px;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #ffbd8d;
	rotate: 10deg;
	z-index: -1;
	border-radius: 20px;
}

/* 余白
---------------------------------------------------- */
@media print, screen and (min-width: 992px){.yohaku-r{padding-right:8%;}}
@media print, screen and (min-width: 992px){.yohaku-l{padding-left: 8%;}}
.yohaku-rl{padding:0 5%;}

/* 丸
-------------------------- */
.maru img{border-radius: 20px;}
.maru02 img{border-radius: 20px 0 20px 0;}

/* 丸
-------------------------- */
.maru iframe{border-radius: 40px;}

/* 数字
-------------------------- */
.number{
	font-size:40px;
	line-height: 50px;
	font-weight: normal;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	margin-bottom: 10px;
	}

@media print, screen and (min-width: 768px) {
.number{
	font-size:50px;
	line-height:60px;
	margin-bottom: 20px;
	}	
}

.ctr{text-align: center;}

/*　スマホ以外中央寄せ
-------------------------- */
.ctr-text01{text-align: left;}
@media print, screen and (min-width: 768px) {.ctr-text01{text-align: center;}}

/* 全て 中央寄せ
-------------------------- */
@media only screen and (max-width: 767px) {.ctr-text02{text-align: center;}}
.ctr-text02{text-align: center;}

/* 全て 左寄せ
-------------------------- */
@media only screen and (max-width: 767px) {.ctr-text03{text-align: left;}}
@media print, screen and (min-width: 768px) {.ctr-text03{text-align:left;}}


/* テキスト
-------------------------- */
.text01{line-height: 29px;}
@media print, screen and (min-width: 768px) {.text01{line-height: 33px;}}
@media print, screen and (min-width: 992px) {.text01{line-height: 36px;}}
@media print, screen and (min-width: 1200px) {.text01{line-height: 50px;}}

.text02{line-height: 29px;}
@media print, screen and (min-width: 768px) {.text02{line-height: 33px;}}
@media print, screen and (min-width: 992px) {.text02{line-height: 36px;}}
@media print, screen and (min-width: 1200px) {.text02{line-height: 40px;}}

/* リスト
---------------------------------------------------- */
.ul-none {list-style:none; padding-left:5px; text-align: left;}
.ul-none li{padding: 10px 0; border-bottom: 1px dashed #aaa;}

.ul-disc {list-style:disc; padding-left:5px; text-align: left; margin-left: 10px;}
.ul-disc li{padding: 5px 0; border-bottom: 1px dashed #ccc;}
	
@media print, screen and (min-width: 768px) {
.ul-disc {margin-left: 15px;}
.ul-disc li{padding: 12px 0;}
}

.ul-disc02 {list-style:disc; padding-left:5px; text-align: left; margin-left: 10px;}
.ul-disc02 li{padding: 5px 0;}
	
@media print, screen and (min-width: 768px) {
.ul-disc02 {margin-left: 15px;}
}

.ul-no {list-style:decimal; padding-left:5px; text-align: center; margin-left: 10px; margin-bottom: 20px;}
.ul-no li{padding: 10px 0; border-bottom: 1px dashed #aaa;}

@media print, screen and (min-width: 768px) {
.ul-no {margin-left: 20px; margin-bottom: 20px;}
.ul-no li{padding: 10px 0; border-bottom: 1px dashed #aaa;}
}

/* ol
---------------------------------------------------- */
.ol-01{padding-left: 20px; margin-bottom: 30px;}
.ol-01 li{ border-bottom: 1px dashed #ccc; padding: 5px 0;}

/* bg
---------------------------------------------------- */
.bg-white{background:#fff;}

.bg-suisai{background:url("../images/bg-suisai.png") no-repeat right top;}
.bg-suisai02{background:url("../images/bg-suisai02.png") no-repeat left top;}

.bg-orange{background-color:#f8ebe2;}
.bg-orange02{background-color:#f8ebe2;}
.bg-orange03{background: url("../images/bg-orange03.jpg") no-repeat scroll 50% 0% / cover;}

.bg-bottom{background: url("../images/bg-bottom.jpg") no-repeat left top;}

/*bg-haikei
---------------------------------------------------- */
.bg-haikei01{background: url("../images/haikei.jpg") no-repeat scroll 50% 0% / cover}
@media print, screen and (min-width: 992px) {
.bg-haikei01{
	background: url("../images/haikei.jpg") no-repeat scroll 50% 0% / cover;
	height: auto;
	background-position: 50% 50%;
	background-attachment: fixed;
	}
}

.part-h{padding:80px 0;}
@media print, screen and (min-width: 768px) {.part-h{padding:150px 0}}
@media print, screen and (min-width: 992px) {.part-h{padding:180px 0}}
@media print, screen and (min-width:1200px) {.part-h{padding:220px 0}}

/* 文字間
---------------------------------------------------- */
.mb-0-sm0-md20-lg20{ margin-bottom:0px}
@media print, screen and (min-width: 576px) {.mb-0-sm0-md20-lg20{ margin-bottom:0px}}
@media print, screen and (min-width: 768px) {.mb-0-sm0-md20-lg20{ margin-bottom:20px}}
@media print, screen and (min-width: 992px) {.mb-0-sm0-md20-lg20{ margin-bottom:20px}}

.mb-0-sm0-md40-lg40{ margin-bottom:0px}
@media print, screen and (min-width: 576px) {.mb-0-sm0-md40-lg40{ margin-bottom:0px}}
@media print, screen and (min-width: 768px) {.mb-0-sm0-md40-lg40{ margin-bottom:40px}}
@media print, screen and (min-width: 992px) {.mb-0-sm0-md40-lg40{ margin-bottom:40px}}

.mb-0-sm0-md60-lg60{ margin-bottom:0px}
@media print, screen and (min-width: 576px) {.mb-0-sm0-md60-lg60{ margin-bottom:0px}}
@media print, screen and (min-width: 768px) {.mb-0-sm0-md60-lg60{ margin-bottom:60px}}
@media print, screen and (min-width: 992px) {.mb-0-sm0-md60-lg60{ margin-bottom:60px}}

.mb-10-sm0-md0-lg0{ margin-bottom:10px}
@media print, screen and (min-width: 576px) {.mb-10-sm0-md0-lg0{ margin-bottom:0px}}
@media print, screen and (min-width: 768px) {.mb-10-sm0-md0-lg0{ margin-bottom:0px}}
@media print, screen and (min-width: 992px) {.mb-10-sm0-md0-lg0{ margin-bottom:0px}}

.mb-10-sm10-md0-lg0{ margin-bottom:10px}
@media print, screen and (min-width: 576px) {.mb-10-sm10-md0-lg0{ margin-bottom:10px}}
@media print, screen and (min-width: 768px) {.mb-10-sm10-md0-lg0{ margin-bottom:0px}}
@media print, screen and (min-width: 992px) {.mb-10-sm10-md0-lg0{ margin-bottom:0px}}

.mb-10-sm10-md10-lg10{ margin-bottom:10px}
@media print, screen and (min-width: 576px) {.mb-10-sm10-md10-lg10{ margin-bottom:10px}}
@media print, screen and (min-width: 768px) {.mb-10-sm10-md10-lg10{ margin-bottom:10px}}
@media print, screen and (min-width: 992px) {.mb-10-sm10-md10-lg10{ margin-bottom:10px}}

.mb-10-sm15-md15-lg15{ margin-bottom:10px}
@media print, screen and (min-width: 576px) {.mb-10-sm15-md15-lg15{ margin-bottom:15px}}
@media print, screen and (min-width: 768px) {.mb-10-sm15-md15-lg15{ margin-bottom:15px}}
@media print, screen and (min-width: 992px) {.mb-10-sm15-md15-lg15{ margin-bottom:15px}}

.mb-10-sm15-md20-lg30{ margin-bottom:10px}
@media print, screen and (min-width: 576px) {.mb-10-sm15-md20-lg30{ margin-bottom:15px}}
@media print, screen and (min-width: 768px) {.mb-10-sm15-md20-lg30{ margin-bottom:20px}}
@media print, screen and (min-width: 992px) {.mb-10-sm15-md20-lg30{ margin-bottom:30px}}

.mb-10-sm20-md30-lg30{ margin-bottom:10px}
@media print, screen and (min-width: 576px) {.mb-10-sm20-md30-lg30{ margin-bottom:20px}}
@media print, screen and (min-width: 768px) {.mb-10-sm20-md30-lg30{ margin-bottom:30px}}
@media print, screen and (min-width: 992px) {.mb-10-sm20-md30-lg30{ margin-bottom:30px}}

.mb-20-sm0-md0-lg0{ margin-bottom:20px}
@media print, screen and (min-width: 576px) {.mb-20-sm0-md0-lg0{ margin-bottom:0px}}
@media print, screen and (min-width: 768px) {.mb-20-sm0-md0-lg0{ margin-bottom:0px}}
@media print, screen and (min-width: 992px) {.mb-20-sm0-md0-lg0{ margin-bottom:0px}}

.mb-20-sm20-md0-lg0{ margin-bottom:20px}
@media print, screen and (min-width: 576px) {.mb-20-sm20-md0-lg0{ margin-bottom:20px}}
@media print, screen and (min-width: 768px) {.mb-20-sm20-md0-lg0{ margin-bottom:0px}}
@media print, screen and (min-width: 992px) {.mb-20-sm20-md0-lg0{ margin-bottom:0px}}

.mb-20-sm20-md20-lg0{ margin-bottom:20px}
@media print, screen and (min-width: 576px) {.mb-20-sm20-md20-lg0{ margin-bottom:20px}}
@media print, screen and (min-width: 768px) {.mb-20-sm20-md20-lg0{ margin-bottom:20px}}
@media print, screen and (min-width: 992px) {.mb-20-sm20-md20-lg0{ margin-bottom:0px}}

.mb-20-sm20-md20-lg20{ margin-bottom:20px}
@media print, screen and (min-width: 576px) {.mb-20-sm20-md20-lg20{ margin-bottom:20px}}
@media print, screen and (min-width: 768px) {.mb-20-sm20-md20-lg20{ margin-bottom:20px}}
@media print, screen and (min-width: 992px) {.mb-20-sm20-md20-lg20{ margin-bottom:20px}}

.mb-30-sm30-md0-lg0{ margin-bottom:30px}
@media print, screen and (min-width: 576px) {.mb-30-sm30-md0-lg0{ margin-bottom:30px}}
@media print, screen and (min-width: 768px) {.mb-30-sm30-md0-lg0{ margin-bottom:0px}}
@media print, screen and (min-width: 992px) {.mb-30-sm30-md0-lg0{ margin-bottom:0px}}

.mb-30-sm30-md30-lg0{ margin-bottom:30px}
@media print, screen and (min-width: 576px) {.mb-30-sm30-md30-lg0{ margin-bottom:30px}}
@media print, screen and (min-width: 768px) {.mb-30-sm30-md30-lg0{ margin-bottom:30px}}
@media print, screen and (min-width: 992px) {.mb-30-sm30-md30-lg0{ margin-bottom:0px}}

.mb-30-sm30-md30-lg30{ margin-bottom:30px}
@media print, screen and (min-width: 576px) {.mb-30-sm30-md30-lg30{ margin-bottom:30px}}
@media print, screen and (min-width: 768px) {.mb-30-sm30-md30-lg30{ margin-bottom:30px}}
@media print, screen and (min-width: 992px) {.mb-30-sm30-md30-lg30{ margin-bottom:30px}}

.mb-30-sm30-md50-lg50{ margin-bottom:30px}
@media print, screen and (min-width: 576px) {.mb-30-sm30-md50-lg50{ margin-bottom:30px}}
@media print, screen and (min-width: 768px) {.mb-30-sm30-md50-lg50{ margin-bottom:50px}}
@media print, screen and (min-width: 992px) {.mb-30-sm30-md50-lg50{ margin-bottom:50px}}

.mb-30-sm30-md60-lg70{ margin-bottom:30px}
@media print, screen and (min-width: 576px) {.mb-30-sm30-md60-lg70{ margin-bottom:30px}}
@media print, screen and (min-width: 768px) {.mb-30-sm30-md60-lg70{ margin-bottom:60px}}
@media print, screen and (min-width: 992px) {.mb-30-sm30-md60-lg70{ margin-bottom:70px}}

.mb-30-sm30-md60-xl0{ margin-bottom:30px}
@media print, screen and (min-width: 576px) {.mb-30-sm30-md60-xl0{ margin-bottom:30px}}
@media print, screen and (min-width: 768px) {.mb-30-sm30-md60-xl0{ margin-bottom:60px}}
@media print, screen and (min-width: 1200px) {.mb-30-sm30-md60-xl0{ margin-bottom:0px}}

.mb-40-sm40-md0-lg0{ margin-bottom:40px}
@media print, screen and (min-width: 576px) {.mb-40-sm40-md0-lg0{ margin-bottom:40px}}
@media print, screen and (min-width: 768px) {.mb-40-sm40-md0-lg0{ margin-bottom:0px}}
@media print, screen and (min-width: 992px) {.mb-40-sm40-md0-lg0{ margin-bottom:0px}}

.mb-40-sm40-md40-lg0{ margin-bottom:40px}
@media print, screen and (min-width: 576px) {.mb-40-sm40-md40-lg0{ margin-bottom:40px}}
@media print, screen and (min-width: 768px) {.mb-40-sm40-md40-lg0{ margin-bottom:40px}}
@media print, screen and (min-width: 992px) {.mb-40-sm40-md40-lg0{ margin-bottom:0px}}

.mb-20-sm20-md30-lg30{ margin-bottom:20px}
@media print, screen and (min-width: 576px) {.mb-20-sm20-md30-lg30{ margin-bottom:20px}}
@media print, screen and (min-width: 768px) {.mb-20-sm20-md30-lg30{ margin-bottom:30px}}
@media print, screen and (min-width: 992px) {.mb-20-sm20-md30-lg30{ margin-bottom:30px}}

.mb-20-sm30-md40-lg40{ margin-bottom:20px}
@media print, screen and (min-width: 576px) {.mb-20-sm30-md40-lg40{ margin-bottom:30px}}
@media print, screen and (min-width: 768px) {.mb-20-sm30-md40-lg40{ margin-bottom:40px}}
@media print, screen and (min-width: 992px) {.mb-20-sm30-md40-lg40{ margin-bottom:40px}}

.mb-20-sm30-md40-lg60{ margin-bottom:20px}
@media print, screen and (min-width: 576px) {.mb-20-sm30-md40-lg60{ margin-bottom:30px}}
@media print, screen and (min-width: 768px) {.mb-20-sm30-md40-lg60{ margin-bottom:40px}}
@media print, screen and (min-width: 992px) {.mb-20-sm30-md40-lg60{ margin-bottom:60px}}

.mb-20-sm40-md40-lg60{ margin-bottom:20px}
@media print, screen and (min-width: 576px) {.mb-20-sm40-md40-lg60{ margin-bottom:40px}}
@media print, screen and (min-width: 768px) {.mb-20-sm40-md40-lg60{ margin-bottom:40px}}
@media print, screen and (min-width: 992px) {.mb-20-sm40-md40-lg60{ margin-bottom:60px}}

.mb-40-sm60-md60-lg60{ margin-bottom:40px}
@media print, screen and (min-width: 576px) {.mb-40-sm60-md60-lg60{ margin-bottom:60px}}
@media print, screen and (min-width: 768px) {.mb-40-sm60-md60-lg60{ margin-bottom:60px}}
@media print, screen and (min-width: 992px) {.mb-40-sm60-md60-lg60{ margin-bottom:60px}}

.mb-40-sm60-md80-lg100{ margin-bottom:40px}
@media print, screen and (min-width: 576px) {.mb-40-sm60-md80-lg100{ margin-bottom:60px}}
@media print, screen and (min-width: 768px) {.mb-40-sm60-md80-lg100{ margin-bottom:80px}}
@media print, screen and (min-width: 992px) {.mb-40-sm60-md80-lg100{ margin-bottom:100px}}

.mb-middle{ margin-bottom:40px}
@media print, screen and (min-width: 576px) {.mb-middle{ margin-bottom:60px}}
@media print, screen and (min-width: 768px) {.mb-middle{ margin-bottom:100px}}
@media print, screen and (min-width: 992px) {.mb-middle{ margin-bottom:100px}}

/* 余白 左右
---------------------------------------------------- */
@media print, screen and (min-width: 768px) {.wide01{ padding:0 5%;}}

@media print, screen and (min-width: 768px) {.wide02{ padding:0 5%;}}
@media print, screen and (min-width: 1400px) {.wide02{padding:0 10%;}}

@media print, screen and (min-width: 768px) {.wide03{ padding:0 5%;}}
@media print, screen and (min-width: 1400px) {.wide03{ padding:0 15%;}}

@media print, screen and (min-width: 992px) {.wide04{padding:0 3% 0 4%;}}

.wide05{padding:0 4%;}

/* 余白
---------------------------------------------------- */
.pp00 {padding: 0 !important;}
@media print, screen and (min-width: 768px) {.pp00-2 {padding: 0 !important;}}

.part01{padding:30px 0;}
@media print, screen and (min-width: 576px) {.part01{ padding:30px 0}}
@media print, screen and (min-width: 768px) {.part01{ padding:80px 0}}
@media print, screen and (min-width: 992px) {.part01{ padding:100px 0}}

.part02{padding:30px 0;}
@media print, screen and (min-width: 576px) {.part02{ padding:30px 0}}
@media print, screen and (min-width: 768px) {.part02{ padding:60px 0}}
@media print, screen and (min-width: 992px) {.part02{ padding:80px 0}}

.part03{padding:30px 0 0 0;}
@media print, screen and (min-width: 576px) {.part03{ padding:30px 0 0 0}}
@media print, screen and (min-width: 768px) {.part03{ padding:60px 0 0 0}}
@media print, screen and (min-width: 992px) {.part03{ padding:100px 0 0 0}}

.part04{padding:0 0 30px 0;}
@media print, screen and (min-width: 576px) {.part04{ padding:0 0 40px 0}}
@media print, screen and (min-width: 768px) {.part04{ padding:0 0 40px 0}}
@media print, screen and (min-width: 992px) {.part04{ padding:0 0 60px 0}}
@media print, screen and (min-width: 1200px) {.part04{padding:0 0 80px 0}}
@media print, screen and (min-width: 1400px) {.part04{padding:0 0 100px 0}}

.part05{padding:10px 0 30px 0;}
@media print, screen and (min-width: 576px) {.part05{padding:10px 0 30px 0}}
@media print, screen and (min-width: 768px) {.part05{padding:30px 0 80px 0}}
@media print, screen and (min-width: 992px) {.part05{padding:50px 0 100px 0}}

.part06{padding:30px 0;}
@media print, screen and (min-width: 576px) {.part06{ padding:30px 0}}
@media print, screen and (min-width: 768px) {.part06{ padding:60px 0}}

.part07{padding:30px 0;}
@media print, screen and (min-width: 576px) {.part07{ padding:30px 0 0 0}}
@media print, screen and (min-width: 768px) {.part07{ padding:250px 0 0 0}}
@media print, screen and (min-width: 992px) {.part07{ padding:360px 0 0 0}}
@media print, screen and (min-width: 1200px) {.part07{padding:360px 0 0 0}}

.part05{padding:10px 0 30px 0;}
@media print, screen and (min-width: 576px) {.part05{padding:10px 0 30px 0}}
@media print, screen and (min-width: 768px) {.part05{padding:30px 0 80px 0}}
@media print, screen and (min-width: 992px) {.part05{padding:50px 0 100px 0}}

/* map
---------------------------------------------------- */
.map iframe{width: 100%; height:40vh; margin-bottom:-9px;}
@media print, screen and (min-width: 768px) {.map iframe{width: 100%; height:400px; margin-bottom: -9px;}}
@media print, screen and (min-width: 992px) {.map iframe{width: 100%; height:500px; margin-bottom: -9px;}}

/* table
---------------------------------------------------- */
table{border-spacing:0;border-collapse:separate;}

/* table1
---------------------------------------------------- */
@media only screen and (max-width: 767px) {
.table1{background: #fff;}
.table1 tr:nth-child(2n+1) {background: #e3eee3;}
}

.table1{width:100%; border-collapse:collapse; border-bottom:1px solid #ccc;}
.table1 th{
	padding:10px;
	vertical-align:top;
	display: block;
	border-top:1px solid #ccc;
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
	font-size: 100%;
	text-align: center;
	font-weight: normal;
	}
.table1 td{
	padding:10px;
	display: block;
	text-align: center;	
	border-top:1px solid #ccc;
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
	}
@media print, screen and (min-width: 768px) {
.table1{ border-top:0px solid #072c87; border-bottom:0px solid #ccc;}
.table1 th{
	padding:25px 0;
	border-top:1px solid #ff582e;
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
	border-bottom:1px solid #ff582e;
	vertical-align:middle;
	display:table-cell;
	width: 25%;
	}
.table1 td{
	padding:25px 0 25px 60px;
	border-top:1px solid #ccc;
	border-right:0px solid #ddd;
	border-left:0px solid #ddd;
	border-bottom:1px solid #ccc;
	text-align: left !important;
	display:table-cell;
	}
}

@media only screen and (max-width: 767px) {
.table1 span{
	text-decoration:underline;
	color:#ff582e;
	}
}

.table1 a:link,
.table1 a:visited{text-decoration:underline; color:#65a179;}
.table1 a:hover,
.table1 a:active{text-decoration:none; color:#65a179;}

/* table2
---------------------------------------------------- */
.table2{
	width: 100%;
	border-collapse: collapse;
	border-top: 2px solid #ff9060;
	background: #fff;
}

@media only screen and (max-width: 767px) {
.table2 thead th{
	text-align: center;
	padding: 10px 2px;
	display: table-cell;
	font-weight: normal;
	background-color: #f8ebe2;	
	border-top: 0px;
	border-right: 1px solid #d5c4b9;
	border-left: 1px solid #d5c4b9;
	border-bottom: 1px solid #d5c4b9;	
}
.table2 tbody th{
	width: 40%;
	text-align: center;
	padding: 10px 2px;
	display: table-cell;
	font-weight: normal;
	background-color: #f8ebe2;	
	border-top: 0px;
	border-right: 1px solid #d5c4b9;
	border-left: 1px solid #d5c4b9;
	border-bottom: 1px solid #d5c4b9;	
}
.table2 td{
	padding: 10px;
	display: table-cell;
	border-right: 1px solid #d5c4b9;
	border-left: 1px solid #d5c4b9;
	border-bottom: 1px solid #d5c4b9;
	}
}

@media print, screen and (min-width: 768px) {
.table2 th{
	width: 25%;
	text-align: center;
	padding: 15px 20px;
	display: table-cell;
	font-weight: normal;
	background-color: #f8ebe2;	
	border-top: 0px;
	border-right: 1px solid #d5c4b9;
	border-left: 1px solid #d5c4b9;
	border-bottom: 1px solid #d5c4b9;	
}
.table2 td{
	padding: 15px 20px;
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #d5c4b9;
	}
}

.table2 a:link,
.table2 a:visited{text-decoration:underline !important;}
.table2 a:hover,
.table2 a:active{text-decoration:none !important;}

/* table3
---------------------------------------------------- */
.table3{
	width: 100%;
	border-collapse: collapse;
	border-top: 2px solid #d2cec0;
	background: #fff;
	text-align: center;
}

@media only screen and (max-width: 767px) {
.table3{font-size: 90%;}
.table3 th{
	text-align: center;
	padding: 10px 2px;
	display: table-cell;
	font-weight: normal;
	background-color: #e3eee3;	
	border-top: 0px;
	border-left: 1px solid #d2cec0;
	border-bottom: 1px solid #d2cec0;	
}
.table3 td{
	padding: 10px;
	display: table-cell;
	border-right: 1px solid #d2cec0;
	border-left: 1px solid #d2cec0;
	border-bottom: 1px solid #d2cec0;
	}
}

@media print, screen and (min-width: 768px) {
.table3{font-size: 100%;}
.table3 th{
	text-align: center;
	padding: 10px;
	display: table-cell;
	font-weight: normal;
	background-color: #e3eee3;	
	border-top: 0px;
	border-right: 1px solid #d2cec0;
	border-left: 1px solid #d2cec0;
	border-bottom:  1px solid #d2cec0;
}
.table3 td{
	padding: 10px;
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #d2cec0;
	}
}

/* radius-table
---------------------------------------------------- */
.radius-table{
    border-radius: 10px;
    border-spacing: 0;
    border: none;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
}
.radius-table tr>*{
    padding: 5px 10px;
    border: none;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
.radius-table tr:first-child>*:first-child{
    border-radius: 10px 0 0 0;
}
.radius-table tr:first-child>*:last-child{
    border-radius: 0 10px 0 0;
}
.radius-table tr:last-child>*:first-child{
    border-radius: 0 0 0 10px;
}
.radius-table tr:last-child>*:last-child{
    border-radius: 0 0 10px 0;
}

/* btn
---------------------------------------------------- */
.btna::before,
.btna::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}
.btna,
.btna::before,
.btna::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
	}

/* btn01
---------------------------------------------------- */
.btn01{	
	display: block;
	color: #fff !important;
	text-align: center;
	background: #ff9060;
	width: 100%;
	padding: 15px 0 17px 0;
	border:0;
	cursor: pointer;
	border-radius: 100px;
	}
.btn01 a:link{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	cursor:pointer;
	}
.btn01:link,
.btn01:visited{
	color: #fff;
	text-decoration:none;
	background: #ff9060;
	border-radius: 100px;
	}
.btn01:hover,
.btn01:active{
	color: #fff !important;
	text-decoration:none !important;
	background: #ee5b1c;
	letter-spacing: 3px;
	border-radius: 100px;
	}
.btn01 i{margin-right: 8px;}

/* btn02
---------------------------------------------------- */
.btn02{
	display: block;
	color: #fff !important;
	text-align: center;	
	background-color: #ff9160;
	width: 100%;
	font-size: 110%;	
	padding: 15px 0;
	border:1px solid #fff;
	border-radius: 100px;
	}
.btn02 a:link{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	cursor:pointer;
	}
.btn02:link,
.btn02:visited{
	color: #fff;
	text-decoration:none;
	background-color: #ff9160;
	}
.btn02:hover,
.btn02:active{
	color: #fff !important;
	text-decoration:none !important;
	background-color: #ff5935;
	letter-spacing: 2px;
	}
.btn02 i{margin-right: 8px;}

@media print, screen and (min-width: 768px) {
.btn02{
	padding: 15px 0 17px 0;
	}
}

/* btn03
---------------------------------------------------- */
.btn03{	
	display: block;
	color: #fff !important;
	text-align: center;
	background: #aaa;
	width: 100%;	
	padding: 15px 0 17px 0;
	border:0;
	cursor: pointer;
	}
.btn03 a:link{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	cursor:pointer;
	}
.btn03:link,
.btn03:visited{
	color: #fff;
	text-decoration:none;
	background: #aaa;
	}
.btn03:hover,
.btn03:active{
	color: #fff !important;
	text-decoration:none !important;
	background: #666;
	letter-spacing: 3px;
	}
.btn03 i{margin-right: 8px;}

/* btn04
---------------------------------------------------- */
.btn04{
	font-family: 'Zen Maru Gothic', sans-serif;	
	display: block;
	color: #ff9060 !important;
	text-align: right;
	border-bottom: 2px solid #ff9060;
	width: 100%;	
	padding: 0 5px 7px 5px;
	border:0;
	cursor: pointer;
	margin: 0 0 0 auto;
	}
.btn04 a:link{
	display: inline-block;
	text-align: right;
	text-decoration: none;
	outline: none;
	cursor:pointer;
	}
.btn04:link,
.btn04:visited{
	color: #ff9060;
	border-bottom: 2px solid #ff9060;
	text-decoration:none;
	transition: all .5s;
	}
.btn04:hover,
.btn04:active{
	color: #ff9060 !important;
	border-bottom: 2px solid #ff9060;
	text-decoration:none !important;
	letter-spacing: 3px;
	transition: all .5s;
	}

/* btn
---------------------------------------------------- */
.btna::before,
.btna::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}
.btna,
.btna::before,
.btna::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
	}

/* pagetop
---------------------------------------------------- */
#pagetop {
	position: fixed;
	bottom:10px;
	right:10px;
	z-index: 100;
}
#pagetop img{
	width: 30px;
	height: auto;
	border-radius: 10px;
}

@media print, screen and (min-width: 768px) {
#pagetop img{
	width: 40px
	}
}
@media print, screen and (min-width: 1200px) {
#pagetop {
	position: fixed;
	bottom:20px;
	right: 20px;
	z-index: 100;
	}
}

/* aos対応
---------------------------------------------------- */
.tome{overflow: hidden !important}

/* anchor
---------------------------------------------------- */
.anchor{
    display: block;
    padding-top: 50px;
    margin-top: -50px;
}
@media print, screen and (min-width: 768px) {
.anchor{
    padding-top: 90px;
    margin-top: -90px;
	}
}