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

@import url("reset.css");
@import url("slick.css");

/*基準を1rem=10pxに設定*/
html {
    font-size: 62.5%;
}

body {
  font-family: "Noto Sans", sans-serif;
  font-weight: 400; /* 標準の太さ */
  font-style: normal;
  display: flex; 
}
h1 {
	margin:0;
	padding:0;
	line-height: 1em;
	color:#fff;
}
h2 {
	line-height: 2.0em;
	color:#fff;
}
h3 {
	line-height: 1.0em;
	color:#fff;
}
h4 {
	line-height: 1.0em;
	color:#fff;
}
h5 {
	line-height: 1.0em;
	color:#000;
	padding-bottom: 20px;
}
p {
	text-align: justify;
	font-size: clamp(1.2rem, calc(1rem + 0.625vw), 1.7rem);
	line-height: 1.5em;
}


/*最小値:14px → 最大値:50px*/
.font-size-SS {
    font-size: clamp(0.875rem, calc(0.425rem + 2.25vi), 3.125rem);
	font-weight: 300; /* Light */
}
/*最小値:20px → 最大値:60px*/
.font-size-S {
    font-size: clamp(1.25rem, calc(0.75rem + 2.5vi), 3.75rem);
	font-weight: 500; /* Midium */
}
/*最小値:25px → 最大値:75px*/
.font-size-M {
    font-size: clamp(1.563rem, calc(0.938rem + 3.125vi), 4.688rem);
	font-weight: 600; /* Semi Bold */
}
/*最小値:40px → 最大値:90px*/
.font-size-L {
    font-size: clamp(2.5rem, calc(1.875rem + 3.125vi), 5.625rem);
	font-weight: 600; /* Semi Bold */
}
/*最小値:50px → 最大値:100px*/
.font-size-XL {
    font-size: clamp(3.125rem, calc(2.5rem + 3.125vi), 6.25rem);
	font-weight: 700; /* Bold */
}
/*最小値:70px → 最大値:120px*/
.font-size-XXL {
    font-size: clamp(4.375rem, calc(3.75rem + 3.125vi), 7.5rem);
	font-weight: 700; /* Bold */
}


img, a img {
	border: none;
}

table,tr,th,td{
	font-size: 100%;
	line-height: 1.5;
	text-align: left;
	vertical-align: top;
	border-collapse: collapse;
    /*border:0.1px solid #333;*/
}
a {
    color: #1D5CC1;
    text-decoration: none;
}
a:hover {
	color:#1D5CC1;
	text-decoration: none;
}
a {
  color: #1D5CC1;
  text-decoration: none;
  -webkit-transition: .3s;
  transition: .3s; }
  a img:hover {
    opacity: .75; }

li {
	list-style:none;
}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

.black-text {
	color: #42403d;
}


/* =======================================

	Google Font

======================================= */
.nunito {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.noto-sans-<uniquifier> {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}


/* =======================================

	main

======================================= */
#main {
    min-height: 100vh;
    position: relative;/*←相対位置*/
    padding-bottom: 100px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}
#main p {
	color:#fff;
}

#page-1 {
  width: 100%;
  height: 800px;
  object-fit: cover;
  background-image: url("../img/bf98f0fcdd99583ba77491a4d7692f20.jpg");
	background-size: cover; /* 要素全体に背景画像を表示 */
    background-repeat: no-repeat; /* 背景画像を繰り返さない */
  /* background-size: contain; 背景画像の縦横比を維持 */
}
#page-2 {
  width: 100%;
  height: 800px;
  object-fit: cover;
  background-image: url("../img/023a03d5ed49e67461c096d999d81f28.jpg");
	background-size: cover; /* 要素全体に背景画像を表示 */
    background-repeat: no-repeat; /* 背景画像を繰り返さない */
  /* background-size: contain; 背景画像の縦横比を維持 */
}
#page-3 {
  width: 100%;
  height: 800px;
  object-fit: cover;
  background-image: url("../img/1727e6c2cc631689af5a0482e277e00b.jpg");
	background-size: cover; /* 要素全体に背景画像を表示 */
    background-repeat: no-repeat; /* 背景画像を繰り返さない */
  /* background-size: contain; 背景画像の縦横比を維持 */
}
#page-4 {
  width: 100%;
  height: 800px;
  object-fit: cover;
  background-image: url("../img/e52f9e9a7416a1de82cf51a6e673faa2.jpg");
	background-size: cover; /* 要素全体に背景画像を表示 */
    background-repeat: no-repeat; /* 背景画像を繰り返さない */
  /* background-size: contain; 背景画像の縦横比を維持 */
}

#page-5 {
  width: 100%;
  height: 1600px;
  object-fit: cover;
  background-image: url("../img/img_251017.jpg");
	background-size: cover; /* 要素全体に背景画像を表示 */
    background-repeat: no-repeat; /* 背景画像を繰り返さない */
  /* background-size: contain; 背景画像の縦横比を維持 */
}

#page-6 {
  width: 100%;
  height: 800px;
  object-fit: cover;
  background-image: url("../img/img_251020.jpg");
	background-size: cover; /* 要素全体に背景画像を表示 */
    background-repeat: no-repeat; /* 背景画像を繰り返さない */
  /* background-size: contain; 背景画像の縦横比を維持 */
}

#page-7 {
  width: 100%;
  height: 800px;
  object-fit: cover;
  background-image: url("../img/d17672eb20aec13f4cac69e9772d7434.jpg");
	background-size: cover; /* 要素全体に背景画像を表示 */
    background-repeat: no-repeat; /* 背景画像を繰り返さない */
  /* background-size: contain; 背景画像の縦横比を維持 */
}


.title {
	padding: 250px 0 0 60px;
}

#contents {
	padding: 300px 0 0 60px;
}

#contents2 {
	padding: 100px 0 0 60px;
}

#contents3 {
    width: 80%;
    padding-top: 100px;
    margin: 0 auto;
    display: block;
}

#contents4, #contents5 {
    width: 80%;
    padding-top: 50px;
    margin: 0 auto;
    display: block;
}

/* 小さなデバイス  (スマホ, 768pxとそれ以下)*/
@media screen and (max-width: 768px) {
    #contents3 {
    	width: 90%;
    	padding-top: 40px;
    	margin: 0 auto;
    	display: block; 
		}
    #contents4 {
    	width: 90%;
    	padding-top: 20px;
    	margin: 0 auto;
    	display: block; 
		} 
	#contents5 {
    	width: 90%;
    	padding-top: 20px;
    	margin: 0 auto;
    	display: block; 
		} 
}

#what li {
    text-align: justify;
    font-size: clamp(1.2rem, calc(1rem + 0.625vw), 1.7rem);
    line-height: 1.5em;
    color: #fff;
    list-style-position: inside;
    list-style-type: disc;
}

#scientific {
	display: flex; /* Flexboxを使用する */
	justify-content: center; /* 水平方向の中央寄せ */
	margin: 20px 0;
}

.scientific1 {
	float: left;
	margin-right: 5%;
	display: block;
}
.scientific2 {
	float: left;
	margin-left: 5%;
	display: block;
}

.scientific1 img {
    width: auto;
    height: 80%;
}
.scientific2 img {
    width: auto;
    height: 80%;

}

/*中間のデバイス (タブレット, 768px とそれ以上)
@media screen and (min-width: 769px) {
    .scientific1 img {
    	width: 80%;
		height: auto;
		margin-left: 10%; 
		} 
    .scientific2 img {
    	width: 80%;
		height: auto;
		margin-left: 10%; 
		} 
}*/

/* 小さなデバイス  (スマホ, 768pxとそれ以下) */
@media screen and (max-width: 768px) {
    .scientific1 img {
    	width: auto;
		height: 60%;
		margin-left: 20%;
		}
    .scientific2 img {
    	width: auto;
		height: 60%;
		margin-left: 20%;
		}
}

.scientific-c {
	display: flex; /* Flexboxを使用する */
	justify-content: center; /* 水平方向の中央寄せ */
	margin: 5% 0;
}

.scientific3 {
	float: left;
	display: block;
}
.scientific4 {
	float: left;
	margin-left: 2%;
	display: block;
}

.scientific3 img {
    width: 100%;
	height: auto;
}

 .scientific4 img {
    width: 100%;
	height: auto;
}

/* 小さなデバイス  (スマホ, 768pxとそれ以下) */
@media screen and (max-width: 768px) {
    .scientific3 img {
    	width: 80%;
		height: auto;
		margin-left: 10%;
		}
    .scientific4 img {
    	width: 80%;
		height: auto;
		margin-left: 10%;
		}
}

/* 小さなデバイス  (スマホ, 768pxとそれ以下) */
@media screen and (max-width: 768px) {
    .scientific1 img {
    	width: 80%;
		height: auto;
		margin-left: 10%;
		}
}

.message1 {
	float: left;
	display: block;
}
.message2 {
	float: left;
	margin-left: 5%;
	display: block;
}

.message1 img {
    width: 200px;
	height: auto;
}

/* 小さなデバイス  (スマホ, 768pxとそれ以下) */
@media screen and (max-width: 768px) {
    .message1 img {
    	width: 150px;
		height: auto;
		}
}




/* =======================================

	各ページ共通パーツ

======================================= */
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mb20 {
	margin-bottom: 20px;
}
.center {
	text-align: center
}

.clear {
	clear: both
}

.80 {
	font-size: 80%;
}

.bold {
	font-weight: bold;
}

.f-left {
    float: left;
}
/* =======================================

	footer

======================================= */
#footer {
    padding: 20px 0;
	background:#fff;
	font-size:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:100%;
    position:fixed;
    bottom:0;
	z-index:1000;
}
#footer p {
	margin-left:auto;
	margin-right:auto;
	font-size: 1.0rem;
	text-align:center;
	line-height:1.6;
	color: black
}

/* =======================================

	page-top

======================================= */
#page-top{position:fixed;bottom:110px;right:15px; z-index:1000;}
#page-top a{display:inline;width:40px;height:40px;border-radius:50px;color:#fd961d;text-align:center;font-size:10px;line-height:1}
#page-top a span{display:inline;font-size:1.5rem;}

#page-top a span img{
display:inline;
}




/* =======================================

	header

======================================= */
/* #header {
	width:100%;
	margin: 0 auto;
	padding:0;
	height:183px;
	text-align:center;
	background:#706d68;
}
@media screen and (max-width: 768px) { */
#header {
	height:35px;
	position: fixed;
  top: 0;
  z-index: 10;
}
}
.header-inner {
	max-width:932px;
	margin:0 auto;
	position:relative;
}
.drawer-navbar-header {
	position:relative;	
}
  .header-inner h1 {
    display: inline-block;
   	max-width: 60%;
	margin-top:15px;
	margin-left:15px;
	 /*padding: 15px 0 ;*/
    -webkit-transition: .3s;
    transition: .3s; }
/*中間のデバイス (タブレット, 768px とそれ以上)*/
@media screen and (min-width: 769px) {
    .scroll .header-inner {
      padding-bottom: 0; }
      .scroll .header-inner h1 {
		margin-top:15px;
		/*margin-left:10px;*/
        padding: 10px; } 
}
/* 小さなデバイス  (スマホ, 768pxとそれ以下)*/
@media screen and (max-width: 768px) {
    .header-inner {
      padding: 0 10px; }
      .header-inner h1 {
   		max-width: 50%;
		margin-top:10px;
		/*margin-left:10px;*/

		} 
}

/* bootstrap
--------------------------------------------------------------------------------------------------------
*/
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}


/* =======================================

	drawer menu

======================================= */
.nav-sp {
  position: fixed;
  z-index: 101;
  top: 0;
  height: 100%;
  color: #fff;
  overflow: hidden;
  font-size: 14px; }
  .nav-sp .btn-menu {
    visibility: visible; }
  .nav-sp .btn-close {
    visibility: hidden; }
  .open .nav-sp .btn-menu {
    visibility: hidden; }
  .open .nav-sp .btn-close {
    visibility: visible; }
  .nav-sp .nav-global-sp li + li {
    border-top: 1px solid #fff; }
	.nav-sp .nav-global-sp li + li:last-child {
    border-bottom: 1px solid #fff; }
    .nav-sp .nav-global-sp > ul > li > ul > li {
      font-size: 12px;
      border-top: 1px dotted #fff; }
      .nav-sp .nav-global-sp > ul > li > ul > li a {
        padding: 10px 0 10px 44px; 
         background-color: #827f79; }
  .nav-sp .nav-global-sp a {
    display: block;
    padding: 16px; }
.nav-sp li a {
	color: #fff;
}
.nav-sp li a span img {
	margin:0 5px 0 0;	
	vertical-align:middle;
}
.btn-nav {
  position: fixed;
  z-index: 104;
  top: 15px;
  padding-left: 10px; 
  background-color: transparent;}
  .btn-nav:hover {
    cursor: pointer;
    background-color: transparent; }
  .btn-nav img {
    max-width: 25px;
	vertical-align:middle;  }

/*中間のデバイス (タブレット, 768px とそれ以上)*/
@media screen and (min-width: 769px) {
  /*.btn-nav, .nav-sp {
    display: none; }*/
    .scroll .btn-nav, .scroll .nav-sp {
      display: block; }
  .btn-nav {
    padding-left: 20px; }
    .btn-nav img {
      max-width: 36px;
	  } 
}
/* =======================================

	nav-utility2

======================================= */
.nav-utility2 {
	margin-top:20px;
	padding-bottom:90px;
}
.nav-utility2 li {
	width:46%;
	float:left;
	border:1px solid #fff;
	padding:3px auto;
}
.nav-utility2 li a {
	color:#fff;
	padding:3px auto;
}
.nav-utility2 li:nth-of-type(1) {
	margin-right:2%;
	margin-left:3%;
     }
.nav-utility2 li:nth-of-type(2) {
     }
  .nav-sp .nav-global-sp .nav-utility2 li {
    border-top: 1px solid #fff; }
	.nav-sp .nav-global-sp .nav-utility2 li:last-child {
    border-bottom: 1px solid #fff; }
	
	.nav-sp .nav-global-sp .nav-utility2 li {
      font-size: 12px;
	  letter-spacing:3px;}
      .nav-sp .nav-global-sp .nav-utility2 li a {
        padding: 5px}



.fixed{position:fixed;width:100%;height:100%}
.nav-sp{position:fixed;top:0;right:0;z-index:101;width:0;height:100vh;;transition:.6s;overflow-y:auto;background:#706d68;-webkit-overflow-scrolling:touch;padding:25px  0 0;}
.open .nav-sp{width:340px;overflow:hidden}
.nav-sp>ul{width:340px;height:100%;padding:60px 0 100px;overflow-y:auto;}
.nav-global-sp>ul{padding-bottom:200px;}

.overlay{display:none;opacity:0;position:fixed;z-index:99;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);transition:.5s}
.open .overlay{display:block;opacity:1;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:fade-in;animation-name:fade-in}

@-webkit-keyframes fade-in{0%{display:none;opacity:0}
1%{display:block;opacity:0}
100%{display:block;opacity:1}
}
@keyframes fade-in{0%{display:none;opacity:0}
1%{display:block;opacity:0}
100%{display:block;opacity:1}
}


/*!------------------------------------*\
    Right
\*!------------------------------------*/

.nav-sp {
  right: -380px;
  -webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.open .nav-sp {
  right: 0px;
}

/*!------------------------------------*\
    Navbar
\*!------------------------------------*/

.drawer--navbarTopGutter {
    padding-top: 0;
}

/*@media (max-width: 768px) {*/
.header-inner {
height:53px;
  width:100%;
}
/*}*/
@media (max-width: 380px) {
.nav-sp {
  position: fixed;
  top: 0;
  overflow: hidden;
  height: 100%;

}
}

@media (min-width: 768px) { 
/*! 768以上は960px以内に表示 */
.drawer-hamburger {
  position: absolute;
 }
}



/* =======================================

	nav-global-sp

======================================= */

.btn_contact,.btn_menu{display:block;position:fixed;top:0;z-index:20;width:60px;height:60px;color:#fff;text-align:center;cursor:pointer;line-height:1;font-size:0.8rem;font-weight:400}
@media screen and (min-width: 769px) {
/* .btn_menu {
	display:none;
} 
.scroll .btn_menu {
	display:none;
} */
}
.btn_menu{right:0px;padding-top:40px;letter-spacing:.1rem}
.btn_menu em{font-style:normal}
.btn_menu em.close{display:none}
.btn_menu span{position:absolute;right:16px;width:27px;height:2px;background-color:#fff;border-radius:4px;transition:all .4s}
.btn_menu span:nth-of-type(1){top:14px}
.btn_menu span:nth-of-type(2){top:22px}
.btn_menu span:nth-of-type(3){top:30px}
.open .btn_menu em.menu{display:none}
.open .btn_menu em.close{display:inline;color:#fff}
.open .btn_menu span{background-color:#fff}
.open .btn_menu span:nth-of-type(1){-webkit-transform:translateY(8px) rotate(-45deg);transform:translateY(8px) rotate(-45deg)}
.open .btn_menu span:nth-of-type(2){opacity:0}
.open .btn_menu span:nth-of-type(3){-webkit-transform:translateY(-8px) rotate(45deg);transform:translateY(-8px) rotate(45deg)}



/* =======================================

	grid

======================================= */
@media only screen and  (min-width: 768px) {
.grid12-1,.grid12-2,.grid12-3,.grid12-4,.grid12-5,.grid12-6,.grid12-7,.grid12-8,.grid12-9,.grid12-10,.grid12-11,.grid12-12,.grid-full,.grid-col2-sidebar,.grid-col2-main{display:inline;float:left;margin-left:1%;margin-right:1%;}
.grid12-1{width:6.33%;}
.grid12-2{width:14.66%;}
.grid12-3{width:23%;}
.grid12-4{width:31.33%;}
.grid12-5{width:39.67%;}
.grid12-6{width:48%;}
.grid12-7{width:56.33%;}
.grid12-8{width:64.67%;}
.grid12-9{width:73%;}
.grid12-10{width:81.33%;}
.grid12-11{width:89.67%;}
.grid12-12,.grid-full{width:98%;}
.no-left-gutter.grid12-1{margin-left:0;width:7.33%;}
.no-left-gutter.grid12-2{margin-left:0;width:15.66%;}
.no-left-gutter.grid12-3{margin-left:0;width:24%;}
.no-left-gutter.grid12-4{margin-left:0;width:32.33%;}
.no-left-gutter.grid12-5{margin-left:0;width:40.67%;}
.no-left-gutter.grid12-6{margin-left:0;width:49%;}
.no-left-gutter.grid12-7{margin-left:0;width:57.33%;}
.no-left-gutter.grid12-8{margin-left:0;width:65.67%;}
.no-left-gutter.grid12-9{margin-left:0;width:74%;}
.no-left-gutter.grid12-10{margin-left:0;width:82.33%;}
.no-left-gutter.grid12-11{margin-left:0;width:90.67%;}
.no-left-gutter.grid12-12,.no-left-gutter.grid-full{margin-left:0;width:99%;}
.no-right-gutter.grid12-1{margin-right:0;width:7.33%;}
.no-right-gutter.grid12-2{margin-right:0;width:15.66%;}
.no-right-gutter.grid12-3{margin-right:0;width:24%;}
.no-right-gutter.grid12-4{margin-right:0;width:32.33%;}
.no-right-gutter.grid12-5{margin-right:0;width:40.67%;}
.no-right-gutter.grid12-6{margin-right:0;width:49%;}
.no-right-gutter.grid12-7{margin-right:0;width:57.33%;}
.no-right-gutter.grid12-8{margin-right:0;width:65.67%;}
.no-right-gutter.grid12-9{margin-right:0;width:74%;}
.no-right-gutter.grid12-10{margin-right:0;width:82.33%;}
.no-right-gutter.grid12-11{margin-right:0;width:90.67%;}
.no-right-gutter.grid12-12,.no-right-gutter.grid-full{margin-right:0;width:99%;}
.no-gutter.grid12-1{margin-left:0;margin-right:0;width:8.33%;}
.no-gutter.grid12-2{margin-left:0;margin-right:0;width:16.66%;}
.no-gutter.grid12-3{margin-left:0;margin-right:0;width:25%;}
.no-gutter.grid12-4{margin-left:0;margin-right:0;width:33.33%;}
.no-gutter.grid12-5{margin-left:0;margin-right:0;width:41.67%;}
.no-gutter.grid12-6{margin-left:0;margin-right:0;width:50%;}
.no-gutter.grid12-7{margin-left:0;margin-right:0;width:58.33%;}
.no-gutter.grid12-8{margin-left:0;margin-right:0;width:66.67%;}
.no-gutter.grid12-9{margin-left:0;margin-right:0;width:75%;}
.no-gutter.grid12-10{margin-left:0;margin-right:0;width:83.33%;}
.no-gutter.grid12-11{margin-left:0;margin-right:0;width:91.67%;}
.no-gutter.grid12-12,.no-gutter.grid-full{margin-left:0;margin-right:0;width:100%;}

.grid-col2-sidebar{width:23%;margin-right:0px;}
.grid-col2-main{width:66%;margin-right:10%;margin-left:0;}


.no-gutter.grid-col2-sidebar{margin-left:0;margin-right:0;width:25%;}
.no-gutter.grid-col2-main{margin-left:0;margin-right:0;width:75%;}
.grid-col3-sidebar{width:31.52%;}
.grid-col3-main{width:65.90%;}
.no-gutter.grid-col3-sidebar{margin-left:0;margin-right:0;width:31.52%;}
.no-gutter.grid-col3-main{margin-left:0;margin-right:0;width:65.90%;}
.columns .column-main{padding-left:0;padding-right:0;min-height:370px;}
.columns .sidebar-main{padding-right:2%;}
.columns .sidebar-additional{padding-left:2%;clear:right;}
.columns .column-main,.columns .sidebar-main,.columns .sidebar-additional{box-sizing:border-box;}
.columns .sidebar-main>*{margin-right:0;}
.columns .sidebar-additional>*{margin-left:0;}
.columns{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;box-sizing:border-box;}
.columns .column-main{-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:100%;flex-basis:100%;-ms-flex-order:1;-webkit-order:1;order:1;}
.columns .sidebar-main{-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:100%;flex-basis:100%;-ms-flex-order:1;-webkit-order:1;order:1;}
.columns .sidebar-additional{-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:100%;flex-basis:100%;-ms-flex-order:2;-webkit-order:2;order:2;}
.page-layout-3columns .column-main{width:66.66666667%;display:inline-block;-ms-flex-order:2;-webkit-order:2;order:2;}
.page-layout-3columns .sidebar-main{width:16.66666667%;float:left;-ms-flex-order:1;-webkit-order:1;order:1;}
.page-layout-3columns .sidebar-additional{width:16.66666667%;float:right;-ms-flex-order:3;-webkit-order:3;order:3;}
.page-layout-2columns-left .column-main{width:79.16666667%;float:right;-ms-flex-order:2;-webkit-order:2;order:2;}
.page-layout-2columns-left .sidebar-main{width:20.83333333%;float:left;-ms-flex-order:1;-webkit-order:1;order:1;}
.page-layout-2columns-left .sidebar-additional{width:20.83333333%;float:right;-ms-flex-order:2;-webkit-order:2;order:2;}
.page-layout-2columns-left .sidebar-additional{padding-right:2%;padding-left:0;clear:left;float:left;}
.page-layout-2columns-right .column-main{width:79.16666667%;float:left;-ms-flex-order:1;-webkit-order:1;order:1;}
.page-layout-2columns-right .sidebar-main{width:20.83333333%;float:left;-ms-flex-order:1;-webkit-order:1;order:1;}
.page-layout-2columns-right .sidebar-additional{width:20.83333333%;float:right;-ms-flex-order:2;-webkit-order:2;order:2;}
.page-layout-2columns-right .sidebar-main{padding-right:0;padding-left:2%;}
.container{margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;}
.nested-container{width:102%;margin-left:-1%;}
.inner-container{padding-left:15px;padding-right:15px;*zoom:1;clear:both;}
.inner-container:before,.inner-container:after{display:table;line-height:0;content:"";}
.inner-container:after{clear:both;}
.container.full-width{width:100%;max-width:none;}
.container.no-side-padding>.inner-container{padding-left:0;padding-right:0;}
.grid-container{*zoom:1;clear:both;}
.grid-container:before,.grid-container:after{display:table;line-height:0;content:"";}
.grid-container:after{clear:both;}
.grid-container-spaced{*zoom:1;clear:both;}
.grid-container-spaced:before,.grid-container-spaced:after{display:table;line-height:0;content:"";}
.grid-container-spaced:after{clear:both;}
.grid-container-spaced .grid12-1,.grid-container-spaced .grid12-2,.grid-container-spaced .grid12-3,.grid-container-spaced .grid12-4,.grid-container-spaced .grid12-5,.grid-container-spaced .grid12-6,.grid-container-spaced .grid12-7,.grid-container-spaced .grid12-8,.grid-container-spaced .grid12-9,.grid-container-spaced .grid12-10,.grid-container-spaced .grid12-11,.grid-container-spaced .grid12-12,.grid-container-spaced .grid-full{margin-bottom:2%;}
}

@media only screen and  (max-width: 767px) {
.grid-col2-sidebar{width:100%; margin:50px auto 0 ;}
.grid-col2-main{width:100%;margin-right:0%;}
}


/* =======================================

	サイトマップ

======================================= */
.sitemap {
  font-size: 14px; }
  .sitemap li {
    margin-bottom: 20px;
    border: 1px solid #7a7976; }
    .sitemap li a {
      display: block;
      width: 100%;
      padding: 7px 14px; }
      .sitemap li a:hover {
        color: #7a7976; }
    .sitemap li i {
      color: #7a7976;
      padding-right: 10px; }
    .sitemap li ul {
      margin: 0 0 10px;
      border-top: 1px dotted #7a7976; }
    .sitemap li li {
      margin-bottom: 0;
      border: none;
      font-size: 12px; }
	  
	  
@media only screen and (max-width: 767px) {
img.pc{ display: none !important;}
img.sp{ display: block !important;}
.switch-pc{ display: none;}
.switch-sp{ display: block;}
.switch-sp-nav{ display: block;}
}
@media (min-width: 768px) {
img.pc{ display: block !important;}
img.sp{ display: none !important;}
.switch-pc{ display: block;}
.switch-sp{ display: none;}
.switch-sp-nav{ display: none;}
}

.description2 {
	color:#312219;
	line-height:1.5;
	font-size:13px;
	margin:15px auto 10px;
	text-align:left;
}


/* =======================================

	Single/Page

======================================= */


#contents-category {
	padding-top:40px;
}
}

#contents-category {
	margin:0 auto;
}
#contents-category .inner {
    width: 100%;
    max-width: 930px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; }
	
  #page {
    padding-bottom: 40px; }
    #page .article {
      padding-bottom: 40px;
      /*border-bottom: 1px dotted #ddd;*/ }
      #page .article .ttl-type02 {
        margin-bottom: 10px; }
      #page .article .date {
        margin-bottom: 5px; }
 /*    @media screen and (min-width: 930px) {
      #page {
        padding-bottom: 0;
        float: left;
        width: 75%; }  */
}

@media (max-width: 950px) { 
#page {
	padding-left:10px;
	padding-right:10px;
}
}


#page {
    width: 80%;
    padding-top: 40px;
    margin: 0 auto;
    display: block;
}

/* 小さなデバイス  (スマホ, 768pxとそれ以下)*/
@media screen and (max-width: 768px) {
	#page {
    	width: 90%;
    	padding-top: 20px;
    	margin: 0 auto;
    	display: block; 
		} 
}

#page p {
	color:#000;
}


#page-8 {
  width: 100%;
  height: 150px;
  object-fit: cover;
  background-image: url("../img/bf98f0fcdd99583ba77491a4d7692f20.jpg");
	background-size: cover; /* 要素全体に背景画像を表示 */
    background-repeat: no-repeat; /* 背景画像を繰り返さない */
  /* background-size: contain; 背景画像の縦横比を維持 */
}

.title01 {
	padding: 60px 0 0 20px;
}

/* =======================================

	title

======================================= */
/*.title {
	font-size:13px;
	color:#312219;
	display: flex;
	align-items: center;
	margin:0px auto 25px;
	letter-spacing:0px;
}
.title:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
}

.title:after {
	margin-left: .8em;
	background: linear-gradient(90deg, #312219, #312219);
}

.title-small {
	font-size:13px;
	color:#312219;
	display: flex;
	align-items: center;
	margin:0px auto 25px;
	letter-spacing:0px;
}

.title-small:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
}

.title-small:after {
	margin-left: .8em;
	background: linear-gradient(90deg, #312219, #312219);
}

.title-shop {
	font-size:13px;
	color:#312219;
	display: flex;
	align-items: center;
	margin:0px auto 25px;
	letter-spacing:0px;
}
.title-shop:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
}

.title-shop:after {
	margin-left: .8em;
	background: linear-gradient(90deg, #312219, #312219);
}

.title-shop {
	display:none;
}

.title-shop-sp {
	font-size:13px;
	color:#312219;
	align-items: center;
	margin:25px auto 15px;
	letter-spacing:0px;
}
.title-shop-sp span{
	display:block;
	}
}



@media screen and (max-width: 768px) {
.title {
	font-size:13px;
	margin:25px auto 15px;
}

.title-small {
	margin:25px auto 15px;
}

@media screen and (min-width: 768px) {
	.title-shop-sp {
		display:none;
	}
}

.title span {
	font-size:85%;	
}*/
.sub-t {
	text-align:center;
	font-weight:bold;
	font-size:20px;
}
.sub-t2 {
	text-align:left;
	font-size:16px;
	margin-top:25px;
}


.sub-t2-2 {
	text-align:left;
	font-size:16px;
	margin:30px 0 10px ;
}
.sub-t2-2 span {
	font-size:75%;	
}
.sub-t2-3 {
	text-align:left;
	font-size:17px;
	margin:20px 0 15px ;
}
.sub-t2-3 span {
	font-size:14px;
	color:#900a0a;
}
.sub-t2-4 {
	text-align:left;
	font-size:18px;
	margin:20px 0 0px ;
}
@media screen and (max-width: 767px) {
.sub-t2 {
	text-align:left;
	font-size:15px;
	margin-top:10px;
}
	.sub-t2-2 {
	text-align:left;
	font-size:15px;
	margin:10px 0 10px ;
}
}
.sub-t3 {
	text-align:center;
	font-size:20px;
}
.sub-t4 {
	text-align:center;
	font-size:27px;
	letter-spacing:2px;
}

.days-wrap {
	border-bottom:1px solid #706d68;
	text-align:left;
	overflow: hidden;
}
.days {
	float:left;
	letter-spacing:1px;
}
.cat {
	float:right;
	color:#1D5CC1;
	font-size:14px;
	font-style:italic;
	padding-right:2px;
}

.title02 {
	font-size:200%;
	color:#312219;
	margin:40px auto;
}
.title03 {
    font-size: clamp(0.875rem, calc(0.425rem + 2.25vi), 3.125rem);
	font-weight: 500; /* Midium */
	color:#706d68;
	margin:10px auto;
	text-align:left;
}
/*.title03 {
	font-size:15px;
	color:#706d68;
	margin:10px auto;
	text-align:left;
	font-weight:normal;
}*/
.post {
	font-size:13px;
	line-height:1.5;
}


/* =======================================

	side

======================================= */
#side {
    background-color: #EAF7FA;
    padding: 10px 20px;
}
#side h2 {
    color: #42403d;
    padding: 10px 0 5px 0;
}
  #side a {
    display: block;
    width: 100%;
    padding: 2px 0; }
  #side a:hover {
      color: #fd961d;
      text-decoration: underline; }
  #side .backnumber {
    margin-bottom: 20px; }
    
  @media screen and (max-width: 889px) {
    #side li {
      display: inline-block; }
      #contents-category #side li + li {
        /*padding-left: 20px; */} 
}
/* @media screen and (min-width: 930px) {
    #side {
      float: right;
      width: 20%; }  */
}

.ttl-side {
	font-size:12px;
	color:#42403d;	
	padding:0 0 2px 0;
	border-bottom:1px solid #91908d;
	
}
#side li a {
	color:#1D5CC1;
}
#side li {
	font-size:13px;
	text-align:left;
	padding:3px 0;
	border-bottom:1px solid #91908d;
}
@media screen and (max-width: 889px) {
#side li {
	border-bottom:none;
	margin-top:7px;
	margin-right:5px;
}
}

/* =======================================

	news-area

======================================= */
.news-area {
	background:#fff;
	padding:13px 28px 9px 28px;
	margin-top:20px;
	margin-right:60px;
	background-color: rgba(255,255,255,0.8);
}

/*中間のデバイス (タブレット, 768px とそれ以上)*/
@media screen and (min-width: 769px) {
    .news-area {
    	width: 40%;
		} 
}

/* 小さなデバイス  (スマホ, 768pxとそれ以下)*/
@media screen and (max-width: 768px) {
    .news-area {
    	width: 90%;
		} 
}

.news-area a {
	text-decoration: none !important;
	}

.title-top-news {
	font-size:13px;
	font-weight: bold;
	color:#312219;
	text-align:left;
	margin:0px auto 8px;
	letter-spacing:0px;
}
.title-top-news-2 {
	font-size:13px;
	font-weight: bold;
	color:#312219;
	text-align:left;
	margin:10px auto 0;
	padding-bottom: 8px;
	letter-spacing:0px;
	border-bottom:1px solid #918e87;
}

ul#news-list {
	text-align:left;
	font-weight: bold;
	font-size:13px;
}

ul#news-list li  {
	text-decoration: none !important;
	padding: 5px 10px;
	border-bottom:1px solid #918e87;
	color:#1D5CC1 !important;
}
ul#news-list li:first-child {
	border-top:1px solid #918e87;
}

ul#news-list li a {
	text-decoration: none !important;
	color:#1D5CC1;
}

ul#news-list li span:hover {
	text-decoration: underline !important;
}

.show-more {
	margin-top:5px;
	color:#1D5CC1 !important;
}

.show-more  a{
	color:#1D5CC1 !important;
}
.show-more:hover {
	text-decoration: underline !important;
	color:#1D5CC1;
}