/*!
Theme Name: morikawa
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: morikawa
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

morikawa is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/




/* Reset */
ul,ol { list-style: none; }
img {
	border:0;
	text-align: center;
}
img{ max-width:100%; height:auto;}

/* Common */
* {
	margin:0;
	border:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	box-sizing:border-box;
	 line-height:150%;
}
html { height:100%;margin:0; padding:0; font-size:10px;}
body {
	margin: 0 auto;
	padding:0;
	text-align:left;
	line-height:170%;
	font-family: 'Noto Sans JP', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.0rem;
	color:#000000;
	background:#FFFFFF;
	letter-spacing: 1px;overflow-x: hidden;
}
a:active{color:inherit;}
.clearboth { padding: 0; clear:both; }
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;  overflow: hidden;/* 隙間対応 */
  font-size: 0.1em;/* 隙間対応 */
  line-height: 0;/* 隙間対応 */
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

p{font-size:1.0rem; line-height:170%; padding:10px 0 10px 0; margin:0; }
a { color:#000000; text-decoration:underline; }
a:hover{ color:#000000; text-decoration:none;}
.font_red{ color:#FF0000;}
.mla{ margin-left:auto !important; }
.disnon{ display:none !important;}
.spnon{ display:inherit !important;}
	@media (max-width: 1200px){
	.disnon{ display:inherit !important;}
	.spnon{ display:none !important;}
	}



header{ display:flex; justify-content:flex-start; flex-wrap:wrap;align-items:center; margin:0; padding:0 20px; text-align:center; position:relative; z-index:10000; height:100px;}
header h1{ display:flex; justify-content:flex-start; align-items:center; margin:0; padding:0; width:340px;}
#gnav{ display:flex; justify-content:flex-end;flex-wrap:wrap; align-items:center; margin:0 auto; width:100%; max-width:calc(100% - 640px);}
#gnav ul{ display:flex; justify-content:flex-end;flex-wrap:wrap; align-items:center; margin:0; padding:0; width:100%;}
#gnav ul li{ margin:0 40px 0 0; padding:0;}
#gnav ul li a{ margin:0; padding:0;font-style: normal; font-size:1.8rem; text-decoration:none;}
#tel{ display:block; margin:0; width:100%; max-width:300px;}
#tel h3{ display:block; margin:0; padding:0; text-align:left; color:#00334D; font-size:3.0rem; font-weight:700; }
#tel p{ display:block; margin:0; padding:0; text-align:left; color:#000000; font-size:1.2rem; font-weight:normal; }
    @media (max-width: 1200px) {
	header{ display:flex; justify-content:flex-start; flex-wrap:wrap;align-items:center; margin:0; padding:0 20px; text-align:center; position:relative; z-index:10000; height:100px;}
	header h1{ display:flex; justify-content:flex-start; align-items:center; margin:0; padding:0 40px 0 0; width:100%; max-width:300px;}
	#gnav{ display:none;}
	#tel{ display:none;}
	}

#KV{ display:block; margin:0; padding:0; position:relative;}
#KV ul li{ display:block; margin:0; padding:0; position:relative; line-height:1%;}
#KV ul li h2{ display:block; margin:0; padding:0; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
text-align:center; font-family: "Lato", sans-serif; color:#FFFFFF; font-size:4.0rem; font-weight:600; text-shadow: 1px 2px 3px #000000, 1px 2px 3px #000000; letter-spacing:5px; }
    @media (max-width: 1200px) {
	#KV ul li h2{ display:block; margin:0; padding:0; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
	text-align:center; font-family: "Lato", sans-serif; color:#FFFFFF; font-size:3.7vw;  font-weight:600; text-shadow: 1px 2px 3px #000000, 1px 2px 3px #000000; letter-spacing:5px; width:100%; }
	}

#BlockInformation{ display:block; margin:0 0 200px 0; padding:0; background:linear-gradient(90deg, #EEEDE7 0%, #EEEDE7 50%, #FFFFFF 50%, #FFFFFF 100%);}
#BlockInformationInner{ display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0 auto; padding:0; width:100%; max-width:1200px;}
#BlockInformationInnerL{ display:flex; justify-content:flex-start; flex-wrap:wrap; align-items:center; margin:0; padding:0; width:100%; max-width:310px;}
#BlockInformationInnerL h3{ display:inline-block; margin:0; padding:0; font-family: "Lato", sans-serif; color:#00334D; font-size:3.5rem; font-weight:600;}
#BlockInformationInnerL h3 span{ display:block; margin:0; padding:0; font-family: 'Noto Sans JP', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#2B2B2B; font-size:1.8rem; font-weight:700;  text-align:right;}
#BlockInformationInnerR{ display:block; margin:0; padding:90px 20px 40px 70px; width:100%; max-width:calc(100% - 310px); background:#FFFFFF; height:440px; overflow-y:scroll;}
#BlockInformationInnerR dl{ display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; margin:0 0 40px 0; padding:0 0 40px 0; line-height:150%; border-bottom:1px dotted #707070;}
#BlockInformationInnerR dl:last-of-type{ margin:0; }
#BlockInformationInnerR dl dt{ display:block; margin:0; padding:0; width:150px; color:#2B2B2B; font-size:1.6rem; font-weight:700;}
#BlockInformationInnerR dl dd{ display:block; margin:0; padding:0; width:calc(100% - 150px);  color:#2B2B2B; font-size:1.6rem; font-weight:normal;}
#BlockInformationInnerR a{ text-decoration:none;}
#BlockInformationInnerR a:hover{ text-decoration:underline;}
    @media (max-width: 1200px) {
	#BlockInformation{ display:block; margin:0 0 60px 0; padding:0; background:none;}
	#BlockInformationInner{ display:block; margin:0 auto; padding:0; width:100%; max-width:1200px;}
	#BlockInformationInnerL{ display:block; margin:0; padding:40px 20px 40px 20px; width:100%; max-width:none; background:#EEEDE7;}
	#BlockInformationInnerL h3{ display:block; margin:0; padding:0; font-family: "Lato", sans-serif; color:#00334D; font-size:3.5rem; font-weight:600; text-align:center;}
	#BlockInformationInnerL h3 span{ display:block; margin:0; padding:0; font-family: 'Noto Sans JP', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#2B2B2B; font-size:1.8rem; font-weight:700;  text-align:center;}
	#BlockInformationInnerR{ display:block; margin:0; padding:40px 20px 40px 20px; width:100%; max-width:none; background:#FFFFFF; height:440px; overflow-y:scroll;}
	#BlockInformationInnerR dl{ display:block; margin:0 0 40px 0; padding:0 0 40px 0; line-height:150%; border-bottom:1px dotted #707070;}
	#BlockInformationInnerR dl:last-of-type{ margin:0; }
	#BlockInformationInnerR dl dt{ display:block; margin:0 0 10px 0; padding:0; width:100%; color:#2B2B2B; font-size:1.6rem; font-weight:700;}
	#BlockInformationInnerR dl dd{ display:block; margin:0; padding:0; width:100%;  color:#2B2B2B; font-size:1.6rem; font-weight:normal;}
	#BlockInformationInnerR a{ text-decoration:none;}
	#BlockInformationInnerR a:hover{ text-decoration:underline;}	
	}
		
#BlockService{ display:block; margin:0 0 150px 0; padding:0; }
#BlockServiceInner{ display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0 auto; padding:0; width:100%; max-width:1300px; }
#BlockServiceInnerL{ display:block; margin:0; padding:0; width:100%; max-width:430px;}
#BlockServiceInnerL h3{ display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; margin:0 0 40px 0; padding:0; font-family: "Lato", sans-serif; color:#00334D; font-size:3.5rem; font-weight:600;}
#BlockServiceInnerL h3 span{ display:inline-block; margin:0 0 0 60px; padding:0; font-family: 'Noto Sans JP', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#2B2B2B; font-size:1.8rem; font-weight:700;  text-align:right;}
#BlockServiceInnerL p{ display:block; margin:0 0 40px 0; padding:0; color:#2B2B2B; font-size:1.6rem; font-weight:normal; width:100%; max-width:360px}
#BlockServiceInnerL ul{ display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0;width:100%; max-width:360px}
#BlockServiceInnerL ul li{ display:block; margin:0 0 10px 0; padding:0;  color:#2B2B2B; font-size:1.6rem; font-weight:700; width:50%;}
#BlockServiceInnerL ul li span{ display:block; margin:0; padding:0; font-family: "Lato", sans-serif; color:#00334D; font-size:1.4rem; font-weight:600;}
#BlockServiceInnerR{ display:block; margin:0; padding:0; width:100%; max-width:calc(100% - 430px);}
    @media (max-width: 1200px) {
	#BlockService{ display:block; margin:0 0 60px 0; padding:0; }
	#BlockServiceInner{ display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0 auto; padding:0; width:100%; max-width:1300px; }
	#BlockServiceInner h3{ display:block; margin:0 0 40px 0; padding:40px 20px 40px 20px; font-family: "Lato", sans-serif; color:#00334D; font-size:3.5rem; font-weight:600; text-align:center; background:#EEEDE7;}
	#BlockServiceInner h3 span{ display:block; margin:0; padding:0; font-family: 'Noto Sans JP', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#2B2B2B; font-size:1.8rem; font-weight:700;  text-align:center;}
	#BlockServiceInnerL p{ display:block; margin:0 0 40px 0; padding:0 20px;; color:#2B2B2B; font-size:1.6rem; font-weight:normal; width:100%; max-width:none;}
	#BlockServiceInnerL ul{ display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0;width:100%; max-width:360px; padding:0 20px;}
	#BlockServiceInnerL ul li{ display:block; margin:0 0 10px 0; padding:0;  color:#2B2B2B; font-size:1.6rem; font-weight:700; width:50%; text-align:center;}
	#BlockServiceInnerL ul li span{ display:block; margin:0; padding:0; font-family: "Lato", sans-serif; color:#00334D; font-size:1.4rem; font-weight:600; text-align:center;}
	#BlockServiceInnerR{ display:block; margin:0; padding:0; width:100%; max-width:none;}
	}

#BlockWorks{ display:block; margin:0 0 60px 0; padding:0; }
#BlockWorks h3{ display:block; margin:0 auto; margin-bottom:60px; padding:0; font-family: "Lato", sans-serif; color:#00334D; font-size:3.5rem; font-weight:600; text-align:center;}
#BlockWorks h3 span{ display:block; margin:0 auto; padding:0; font-family: 'Noto Sans JP', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#2B2B2B; font-size:1.8rem; font-weight:700; text-align:center; }
#BlockWorks ul{ margin:0 0 60px 0; }
#BlockWorks ul li{ margin:0 10px; }
#BlockWorks ul li dl{display:block; position:relative; }
#BlockWorks ul li dl dd{display:block; position:absolute; bottom:0; background:rgba(0,0,0,0.6); color:#FFFFFF; text-align:center; width:100%; font-size:1.6rem;   }
#BlockWorks ul li dl dd a{ display:block; color:#FFFFFF; text-align:center; width:100%; font-size:1.6rem; text-decoration:none; background:url('assets/img/arrow01.png') no-repeat center right 10px; padding:5px 0; }
a.btn_more{ display:flex; justify-content:center; align-items:center; margin:0 auto; padding:0; text-align:center; color:#FFFFFF; font-size:1.8rem; font-weight:400; border-radius:30px; width:340px; height:60px; text-decoration:none;background:#00334D url('assets/img/arrow02.png') no-repeat center right 20px; }
    @media (max-width: 1200px) {
	#BlockWorks{ display:block; margin:0 0 60px 0; padding:0; }
	#BlockWorks h3{ display:block; margin:0 0 40px 0; padding:40px 20px 40px 20px; font-family: "Lato", sans-serif; color:#00334D; font-size:3.5rem; font-weight:600; text-align:center; background:#EEEDE7;}
	#BlockWorks h3 span{ display:block; margin:0; padding:0; font-family: 'Noto Sans JP', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#2B2B2B; font-size:1.8rem; font-weight:700;  text-align:center;}
	#BlockWorks ul{ margin:0 0 60px 0; }
	#BlockWorks ul li{ margin:0 10px; }
	#BlockWorks ul li dl{display:block; position:relative; }
	#BlockWorks ul li dl dd{display:block; position:absolute; bottom:0; background:rgba(0,0,0,0.6); color:#FFFFFF; text-align:center; width:100%; font-size:1.6rem;   }
	#BlockWorks ul li dl dd a{ display:block; color:#FFFFFF; text-align:center; width:100%; font-size:1.6rem; text-decoration:none; background:url('assets/img/arrow01.png') no-repeat center right 10px; padding:5px 0; }
	a.btn_more{ display:flex; justify-content:center; align-items:center; margin:0 auto; padding:0; text-align:center; color:#FFFFFF; font-size:1.8rem; font-weight:400; border-radius:30px; width:100%; max-width:340px; height:60px; text-decoration:none;background:#00334D url('assets/img/arrow02.png') no-repeat center right 20px; }
	}

#BlockCompany{ display:block; margin:0; padding:100px 0; background:url('assets/img/bg_company.jpg') no-repeat top center; background-size:cover; }
#BlockCompany h3{ display:block; margin:0 auto; margin-bottom:60px; padding:0; font-family: "Lato", sans-serif; color:#00334D; font-size:3.5rem; font-weight:600; text-align:center;}
#BlockCompany h3 span{ display:block; margin:0 auto; padding:0; font-family: 'Noto Sans JP', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#FFFFFF; font-size:1.8rem; font-weight:700; text-align:center; }
#BlockCompanyInner{ display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0 auto; padding:50px; width:100%; max-width:1000px; background:rgba(255,255,255,0.7); }
    @media (max-width: 1000px) {
	#BlockCompany{ display:block; margin:0; padding:50px 0; background:url('assets/img/bg_company.jpg') no-repeat top center; background-size:cover; }
	#BlockCompany h3{ display:block; margin:0 auto; margin-bottom:60px; padding:0; font-family: "Lato", sans-serif; color:#00334D; font-size:3.5rem; font-weight:600; text-align:center;}
	#BlockCompany h3 span{ display:block; margin:0 auto; padding:0; font-family: 'Noto Sans JP', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#FFFFFF; font-size:1.8rem; font-weight:700; text-align:center; }
	#BlockCompanyInner{ display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0 auto; padding:20px; width:100%; max-width:1000px; background:rgba(255,255,255,0.7); }
	}
.tbl01 {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
  font-size: 14px;
  color: #2B2B2B;
}

.tbl01 th {
  background-color: none; 
  padding: 25px 0 25px 20px;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px dotted #707070;
  border-right: 1px dotted #707070;
  width: 160px;
  vertical-align: center;
	color:#00334D;
}

.tbl01 td {
  padding: 25px 30px;
  text-align: left;
  border-bottom: 1px dotted #707070;
  vertical-align: top; 
  line-height: 1.6;
}

.tbl01 tr:last-child th,
.tbl01 tr:last-child td {
  border-bottom: none;
}

@media screen and (max-width: 1000px) {
  .tbl01 th,
  .tbl01 td {
    display: block; 
    width: auto;
    border-bottom: none;
  }

  .tbl01 th {
    background-color: transparent;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
  }

  .tbl01 td {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #ccc;
  }

  .tbl01 tr:last-child td {
    border-bottom: none;
  }
}




footer{ display:block; margin:0; padding:40px 0 20px 0; background:#00334D;}
footer h2{ display:block; margin:0 auto; margin-bottom:60px; padding:0; text-align:center; }
footer h2 span{ display:block; margin:0 auto; margin-bottom:20px; padding:0 0 0 40px; font-family: "Lato", sans-serif; color:#FFFFFF; font-size:1.6rem; font-weight:600; text-align:center; }
#BlockFooterInner{ display:flex; justify-content:center; flex-wrap:wrap; margin:0 auto; margin-bottom:70px; padding:0; width:100%; max-width:1000px; }
#BlockFooterInnerL{ display:block; margin:0 ; padding:10px 0; width:100%; max-width:400px; border-right:1px solid #FFFFFF; }
#BlockFooterInnerL h3{ display:block; margin:0; padding:0 0 0 10px; text-align:left; color:#FFFFFF; font-size:3.0rem; font-weight:700; }
#BlockFooterInnerL p{ display:block; margin:0; padding:0; text-align:left; color:#FFFFFF; font-size:1.4rem; font-weight:normal; }
#BlockFooterInnerR{display:block; margin:0 ; padding:10px 0; width:100%; max-width:400px; }
#BlockFooterInnerR a{ display:flex; justify-content:center; align-items:center; margin-left:auto; padding:0; text-align:center; color:#FFFFFF; font-size:1.8rem; font-weight:400; border:1px solid #FFFFFF; border-radius:30px; width:340px; height:60px; text-decoration:none; }
.copyright{ display:block; margin:0; padding:0; color:#FFFFFF; font-size:1.2rem; text-align:center;}
	@media screen and (max-width: 1000px) {
	footer{ display:block; margin:0; padding:40px 20px 20px 20px; background:#00334D;}
	footer h2{ display:block; margin:0 auto; margin-bottom:20px; padding:0; text-align:center; }
	footer h2 span{ display:block; margin:0 auto; margin-bottom:20px; padding:0 0 0 40px; font-family: "Lato", sans-serif; color:#FFFFFF; font-size:1.6rem; font-weight:600; text-align:center; }
	#BlockFooterInner{ display:block; margin:0 auto; margin-bottom:40px; padding:0; width:100%; max-width:1000px; }
	#BlockFooterInnerL{ display:block; margin:0 ; padding:10px 0; width:100%; max-width:none; border-right:0; }
	#BlockFooterInnerL h3{ display:block; margin:0; padding:0 0 0 10px; text-align:center; color:#FFFFFF; font-size:3.0rem; font-weight:700; }
	#BlockFooterInnerL p{ display:block; margin:0; padding:0; text-align:center; color:#FFFFFF; font-size:1.2rem; font-weight:normal; }
	#BlockFooterInnerR{display:block; margin:0 ; padding:10px 0; width:100%; max-width:none; }
	#BlockFooterInnerR a{ display:flex; justify-content:center; align-items:center; margin:0 auto; padding:0; text-align:center; color:#FFFFFF; font-size:1.8rem; font-weight:400; border:1px solid #FFFFFF; border-radius:30px; width:340px; height:60px; text-decoration:none; }
	.copyright{ display:block; margin:0; padding:0; color:#FFFFFF; font-size:1.2rem; text-align:center;}
	}

.swiper-wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
  height: auto;
}

.swiper-slide {
  color: #ffffff;
  width: 100%;
  height: 100%;
  text-align: center;
  text-align: center;
}


#Title{ display:block; margin:0 0 60px 0; padding:0; position:relative;}
#Title ul li{ display:block; margin:0; padding:0; position:relative; line-height:1%;}
#Title ul li h2{ display:block; margin:0; padding:0; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
text-align:center; font-family: "Lato", sans-serif; color:#FFFFFF; font-size:4.0rem; font-weight:600; text-shadow: 1px 2px 3px #000000, 1px 2px 3px #000000; letter-spacing:5px; }
#Title ul li h2 span{ display:block; margin:0; padding:0; font-family: 'Noto Sans JP', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#FFFFFF; font-size:2.5rem; font-weight:600; text-shadow: 1px 2px 3px #000000, 1px 2px 3px #000000; letter-spacing:5px; }
#BlockWorksList{ display:block; margin:0 auto; margin-bottom:150px; padding:0;width;100%; max-width:1200px; }
#BlockWorksList ul{ display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0 0 60px 0; }
#BlockWorksList ul li{ margin:0 10px 20px 10px; width:280px; }
#BlockWorksList ul li dl{display:block; position:relative; }
#BlockWorksList ul li dl dd{display:block; position:absolute; bottom:0; background:rgba(0,0,0,0.6); color:#FFFFFF; text-align:center; width:100%; font-size:1.6rem;   }
#BlockWorksList ul li dl dd a{ display:block; color:#FFFFFF; text-align:center; width:100%; font-size:1.6rem; text-decoration:none; background:url('assets/img/arrow01.png') no-repeat center right 10px; padding:5px 0; }
#slider{ display:block; margin:0 auto;margin-bottom:20px; padding:0; width:800px;}
#thumbnail-list{ display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0 auto; padding:0; width:800px;}
#thumbnail-list li{ display:block; margin:0; padding:0; width:160px;}
.prev_next_navi{ display:block; margin:0 auto; padding:40px 0; width:100%; max-width:800px; border-top:dotted 1px #452F1B; margin-top: 50px;}
.prev_next_navi ul{ margin:0 auto; margin-top: 30px; display: flex; align-items: center; justify-content: center;}
.prev_next_navi ul li{ margin:0 20px;;}
.prev_next_navi ul a { display: block; font-size:1.6rem; text-decoration: none; }
.prev_next_navi ul li:nth-child(2) a { font-size: 16px;  border-left: dotted 1px #452F1B; border-right: dotted 1px #452F1B; padding-left: 30px; padding-right: 30px; }
	@media screen and (max-width: 800px) {
	.prev_next_navi{ display:block; margin:0 auto; padding:40px 0; width:100%; max-width:800px; border-top:dotted 1px #452F1B; margin-top: 50px;}
	.prev_next_navi ul{ margin:0 auto; margin-top: 30px; display: flex; align-items: center; justify-content: center;}
	.prev_next_navi ul li{ margin:0 20px;;}
	.prev_next_navi ul a { display: block; font-size:1.6rem; text-decoration: none; }
	.prev_next_navi ul li:nth-child(2) a { font-size: 16px;  border-left: dotted 1px #452F1B; border-right: dotted 1px #452F1B; padding-left: 30px; padding-right: 30px; }
	}
	@media screen and (max-width: 1200px) {
	#BlockWorksList ul{ display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0 auto; margin-bottom:60px; width:100%; max-width:900px; }
	#BlockWorksList ul li{ margin:0 10px 20px 10px; width:280px; }
	#BlockWorksList ul li dl{display:block; position:relative; }
	#BlockWorksList ul li dl dd{display:block; position:absolute; bottom:0; background:rgba(0,0,0,0.6); color:#FFFFFF; text-align:center; width:100%; font-size:1.6rem;   }
	#BlockWorksList ul li dl dd a{ display:block; color:#FFFFFF; text-align:center; width:100%; font-size:1.6rem; text-decoration:none; background:url('assets/img/arrow01.png') no-repeat center right 10px; padding:5px 0; }
	}
	@media screen and (max-width: 900px) {
	#BlockWorksList ul{ display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0 auto; margin-bottom:60px; width:100%; max-width:600px; }
	#BlockWorksList ul li{ margin:0 10px 20px 10px; width:280px; }
	#BlockWorksList ul li dl{display:block; position:relative; }
	#BlockWorksList ul li dl dd{display:block; position:absolute; bottom:0; background:rgba(0,0,0,0.6); color:#FFFFFF; text-align:center; width:100%; font-size:1.6rem;   }
	#BlockWorksList ul li dl dd a{ display:block; color:#FFFFFF; text-align:center; width:100%; font-size:1.6rem; text-decoration:none; background:url('assets/img/arrow01.png') no-repeat center right 10px; padding:5px 0; }
	}
	@media screen and (max-width: 600px) {
	#BlockWorksList ul{ display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0 auto; margin-bottom:60px; padding:0 5px; width:100%; max-width:600px; }
	#BlockWorksList ul li{ margin:0 5px 10px 5px; width:calc(50% - 10px); }
	#BlockWorksList ul li dl{display:block; position:relative; }
	#BlockWorksList ul li dl dd{display:block; position:absolute; bottom:0; background:rgba(0,0,0,0.6); color:#FFFFFF; text-align:center; width:100%; font-size:1.6rem;   }
	#BlockWorksList ul li dl dd a{ display:block; color:#FFFFFF; text-align:center; width:100%; font-size:1.6rem; text-decoration:none; background:url('assets/img/arrow01.png') no-repeat center right 10px; padding:5px 0; }
	}
	@media screen and (max-width: 800px) {
	#slider{ display:block; margin:0 auto;margin-bottom:20px; padding:0; width:100%; max-width:800px;}
	#thumbnail-list{ display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0 auto; padding:0; width:100%; max-width:800px;}
	#thumbnail-list li{ display:block; margin:0; padding:0; width:120px;}
	}



	.nav-button { display:none; }
	.nav-wrap { display:none; }
	@media (max-width: 1200px){
	.nav-button {
			display:block; width:120px; height:120px; position:absolute; top:0; right:0; background:none; z-index:10000;
	}

.nav-wrap {
  display: none; transition: all 0.4s;
}
 
	.nav-wrap {
	  display: none;
	}
	.nav-wrap.open {
	  display: block;
	}
	
	.nav-wrap.close {
	  display: none;
	}
	  .nav-button {
		display: block;
		cursor: pointer;
	  }
	
	  .nav-wrap {
		position: fixed;
		left: 0;
		top: 0;
		display: none;
		z-index:21001;
		background-color: #FFFFFF;
		width: 100%;
		height: 100%; 
	  }
	  .nav-wrapinner {
		display: block;
		margin:0 auto;
		z-index: 10;
		padding:0 0 20px 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		box-sizing:border-box;
		-webkit-overflow-scrolling: touch;
	  }
	.nav-wrapinner h2{  display:flex; justify-content:flex-start; align-items:center; height:93px; margin:0 0 40px 0; padding:0 20px 0 20px; box-sizing:border-box; background:#FFFFFF; text-align:center; max-width: 300px;  }
	.nav-wrapinner h2 img{  display:block; width:auto; margin:0 auto;  }
	.nav-wrapinner h3{ display:block; margin:0 0 20px 0; padding:0; border-bottom:1px solid #F7F6F2;  color:#F7F6F2; font-size:26px; font-size:2.6rem; line-height:100%; text-decoration:none; text-indent:0; }
	.nav-wrapinner ul{display:block; margin:0; padding:0 16px; color:#333333; box-sizing:border-box; }
	.nav-wrapinner ul li{ display:block; margin:0 0 2px 0; padding:0; color:#333333; border-bottom: 1px solid #333333;text-align:center;  }
	.nav-wrapinner ul li a{ display:block; padding:20px 20px; margin:0;  color:#333333;  text-align:center;font-size:1.8rem; font-weight:bold; line-height:150%; text-decoration:none; box-sizing:border-box; }
	.nav-wrapinner ul li ul li{ display:block; margin:0 0 2px 0; padding:0; color:#333333; border-bottom: 0; }
	.nav-wrapinner ul.sub{display:block; margin:20px 0; padding:0 16px; color:#333333; box-sizing:border-box; }
	.nav-wrapinner ul.sub li{ display:block; margin:0 0 2px 0; padding:0; color:#333333; border-bottom: 0;  }
	.nav-wrapinner ul.sub li a{ display:block; padding:5px 20px; margin:0;  color:#333333; font-size:1.3rem; font-weight:bold; line-height:150%; text-decoration:none; box-sizing:border-box; }
	.nav-wrapinner ul.sns{display:flex; justify-content:center; flex-wrap:wrap; margin:20px 0; padding:0; color:#F7F6F2; box-sizing:border-box; }
	.nav-wrapinner ul.sns li{ display:block; margin:0 0 2px 0; padding:0; color:#333333; border-bottom: 0;  }
	.nav-wrapinner ul.sns li a{ display:block; padding:5px 5px; margin:0;  color:#333333;  font-size:1.3rem; font-weight:bold; line-height:150%; text-decoration:none; box-sizing:border-box; }
	.nav-wrapinner p{display:block; margin:0; padding:0 36px; color:#333333; box-sizing:border-box; font-size:1.5rem; font-weight:normal; line-height:180%; text-align:center;  }
		
		
	.nav-wrap.close{}
	  /*メニューボタン*/
	  .nav-button,
	  .nav-button span {
		display: inline-block;
		transition: all 0.4s;
		box-sizing: border-box;
	  }
	
	  .nav-button {
		z-index: 22001;
		width: 60px;
		height: 120px;
		padding:0;
		box-sizing:border-box;
		position:fixed; top:14px; right:50px; }
	  .nav-button.active {
		z-index: 22001;
		width: 60px;
		height: 120px;
		padding:0;
		box-sizing:border-box;
		position:fixed;  top:14px; right:50px; }
	
	  .nav-button span {
		position: relative;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #333333;
		border-radius: 0;	
	
	  }
	  .nav-button.active span {
	
		background-color: #333333;
	  }
	
	  .nav-button span:nth-of-type(1) {
		top: -5px; width:60px;
	  }
	
	  .nav-button span:nth-of-type(2) {
		bottom: 6px; width:60px;
	  }
	
	  .nav-button span:nth-of-type(3) {
		background:none;
		color:#333333; text-align:center;
		bottom: 0px;
		font-size:1.2rem;font-family: "Poppins", sans-serif; font-weight: 400; text-align:center;
	  }
	
	  .nav-button.active span:nth-of-type(1) {
		-webkit-transform: translateY(16px) rotate(-45deg);
		transform: translateY(13px) rotate(-45deg);
	  }
	
	  .nav-button.active span:nth-of-type(2) {
		-webkit-transform: translateY(-1px) rotate(45deg);
		transform: translateY(-1px) rotate(45deg);
	  }

	  .nav-button.active span:nth-of-type(3) {opacity:0;}
 }
 	@media (max-width: 1200px){
	  .nav-button {
		z-index: 22001;
		width: 60px;
		height: 120px;
		padding:0;
		box-sizing:border-box;
		position:fixed; top:24px; right:14px; }
	  .nav-button.active {
		z-index: 22001;
		width: 60px;
		height: 120px;
		padding:0;
		box-sizing:border-box;
		position:fixed;  top:24px; right:14px; }
	
	  .nav-button span {
		position: relative;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #333333;
		border-radius: 0;	
	
	  }
	  .nav-button.active span {
	
		background-color: #333333;
	  }
	
	  .nav-button span:nth-of-type(1) {
		top: -5px; width:60px;
	  }
	
	  .nav-button span:nth-of-type(2) {
		top: -8px;width:60px;
		 
	  }
	
	  .nav-button span:nth-of-type(3) {
		background:none;
		color:#333333; text-align:center;
		bottom: 0px;
		font-size:1.2rem;font-family: "Poppins", sans-serif; font-weight: 400; text-align:center;
	  }
	
	  .nav-button.active span:nth-of-type(1) {
		-webkit-transform: translateY(16px) rotate(-45deg);
		transform: translateY(13px) rotate(-45deg);
	  }
	
	  .nav-button.active span:nth-of-type(2) {
		-webkit-transform: translateY(-1px) rotate(45deg);
		transform: translateY(-0px) rotate(45deg);
	  }

	  .nav-button.active span:nth-of-type(3) {opacity:0;}

	}