@charset "utf-8";

/*==========================================
 全デバイス共通［common］
===========================================*/
html{
	overflow-x: hidden;
}
body {
	width: 100%;
	color:#251e1c;
}

img {
	vertical-align: bottom;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*====== フォントの設定 ======*/
@font-face {
	font-family: "YuGothic-M";
	font-weight: normal;
	 src: local("YuGothic-Medium"),
		  local("Yu Gothic Medium"),
		  local("YuGothic-Regular");
}

@font-face {
	font-family: "YuGothic-M";
	font-weight: bold;
	 src: local("YoGothic-Bold"),
		  local("Yu Gothic");
}

html {
	font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}

body {
	font-size: 1.6rem;/* 16px */
	font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, body {
		font-feature-settings: "pkna";
	}
}

h1, h2, h3{
	font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 400;
}
.bld{
	font-weight: bold;
}
.red{
	color:#E5004C;
}

/* pagetop */
#page-top {
	position: fixed;
	bottom: 0px;
	right: 0px;

	filter:alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;

	z-index: 2;
}
#page-top a {
	background: #eb5f1f;
	text-decoration: none;
	color: #fff;
	width: 60px;
	padding: 22px 6px;
	text-align: center;
	display: block;
	text-indent: -9999em;

	position:relative;
}
#page-top a:after{
	position: absolute;
	top: 26px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	content: "";
	vertical-align: middle;

	width: 18px;
	height: 18px;
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#page-top a:hover {
	text-decoration: none;
	background-color: rgba(235,95,31,0.8);
}

.txt_c{
	text-align: center
}
.txt_l{
	text-align: left;
}
.txt_r{
	text-align: right;
}
.fs13{
	font-size:1.3rem;
}
.fs14{
	font-size:1.4rem;
}
.fs15{
	font-size:1.5rem;
}
.fs16{
	font-size:1.6rem;
}
.fs17{
	font-size:1.7rem;
}
.fs18{
	font-size:1.8rem;
}

/*==========================================
 sp View
===========================================*/
.d-left {
	float: none;
}
.d-right {
	float: none;
}
.pc-on {
	display: none;
}
.sp-on {
	display: block;
}
.inner1040{
	width:100%;
	margin:0 auto;
}
.inner1280{
	width:100%;
	margin:0 auto;
}


/* ============［Header］============ */
header{

}
header .inner1040{
	position: relative;
	height:124px;
}
header .inner1040 h1{
	background:url("../img/site_logo.gif") no-repeat;
	background-size: 185px;

	text-indent: -9999px;
	margin-top:27px;

	position: absolute;
	top:18px;
	left: 12px;
}
header .inner1040 h1 a{
	display:block;
	width:185px;
	height: 67px;
}
header .inner1040 .copy{
	/*position: absolute;
	top:0;
	left: 0px;*/
	background:#251e1e url("../img/hd_copy_sp.png") no-repeat 12px 10px;
	background-size:72%;
	width:100%;
	height: 35px;
	text-indent: -9999px;
}
header .inner1040 .sns{
	/*position: absolute;
	top:16px;
	right: 0;*/
	display:none;
}
header .inner1040 .sns ul{
	margin:0;
	padding: 0;
}
header .inner1040 .sns li{
	list-style: none;
	margin:0;
	padding: 0;
	display: inline-block;
}
header .inner1040 .sns li a{
	display: block;
	width:33px;
	height: 33px;
	text-indent: -9999px;
}
header .inner1040 .sns li.fb{
	background:url("../img/btn_fb.png") no-repeat;
	background-size: 32px;
	height: 32px;
}
header .inner1040 .sns li.line{
	background:url("../img/btn_line.png") no-repeat;
	background-size: 33px;
	height: 33px;
}

#toggle {
	display: block;
	background: #eb5f1f;
	color: #fff;
	text-align: center;
	width: 70px;
	height: 80px;
	/*position: absolute;*/
	position: fixed;
	top: 0px;
	right: 0;
	z-index: 10;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
		-ms-flex-align: center;
			align-items: center;
}
.trigger,
.trigger span {
	display: inline-block;
	-webkit-transition: all .4s;
		transition: all .4s;
}
.trigger {
	position: relative;
	width: 30px;
	height: 28px;
}
.trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #FFF;
	border-radius: 4px;
}
.trigger span:nth-of-type(1) {
	top: 0;
}
.trigger span:nth-of-type(2) {
	top: 12px;
}
.trigger span:nth-of-type(2)::after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 4px;
	background-color: #fff;
	border-radius: 4px;
	-webkit-transition: all .4s;
		transition: all .4s;
}
.trigger span:nth-of-type(3) {
	bottom: 0;
}
.trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(8px) scale(0);
		transform: translateY(8px) scale(0);
}
.trigger.active span:nth-of-type(2) {
	-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
}
.trigger.active span:nth-of-type(2)::after {
	-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
}
.trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-8px) scale(0);
		transform: translateY(-8px) scale(0);
}

.toggleWrap {
	background: rgba(234, 234, 234, 0.95);
	padding: 50px 30px 10px 30px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	z-index:3;
}

.hide {
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
}
.animation {
	-webkit-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
	-webkit-transition-duration: .3s;
		transition-duration: .3s;
	-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
}
.no-scroll {
	overflow: hidden;
}

/* ============［Nav］============ */
header nav{

}
header nav li{
	border-bottom:1px solid #251e1c;
}
header nav li a{
	color:#251e1c;
	text-decoration: none;
	padding: 15px 10px;
	display: block;
	font-size:1.9rem;
}
header nav li a:hover{
	opacity:.7;
}

header nav ul.tgl_sns{
	margin-top:30px;
	text-align:center;
}
header nav ul.tgl_sns li{
	list-style: none;
	margin:0 10px;
	padding: 0;
	display: inline-block;
	border-bottom:none;
}
header nav ul.tgl_sns li a{
	display: block;
	width:38px;
	height: 38px;
	text-indent: -9999px;
}
header nav ul.tgl_sns .fb{
	background:url("../img/btn_fb.png") no-repeat;
	background-size: 38px;
	height: 38px;
}
header nav ul.tgl_sns .line{
	background:url("../img/btn_line.png") no-repeat;
	background-size: 38px;
	height: 38px;
}

/* ============［main_visual］============ */
#main_visual{
	/*background:url("../img/vol27/main_visual_bg.jpg") no-repeat center 0;*/
	/*height:160px;*/
	margin-bottom: 20px;

	overflow:hidden;
	position:relative;
}
.vol27 #main_visual{
	background:url("../img/vol27/main_visual_bg.jpg") no-repeat center 0;
	background-size: cover;
	height:130px;
}
.vol28 #main_visual{
	/*background:url("../img/vol28/main_visual_bg.jpg") no-repeat center 0;
	background-size: cover;*/
}
.vol28 #main_visual img{
	width:100%;
	height:auto;
}
.vol29 #main_visual img{
	width:100%;
	height:auto;
}
.vol30 #main_visual img,
.vol31 #main_visual img,
.vol32 #main_visual img,
.vol33 #main_visual img, 
.vol34 #main_visual img, 
.vol35 #main_visual img, 
.vol36 #main_visual img, 
.vol37 #main_visual img, 
.vol38 #main_visual img, 
.vol39 #main_visual img, 
.vol40 #main_visual img{
	width:100%;
	height:auto;
}
.vol27 #main_visual .mv_txt{
	text-align: center;
	padding-top:12px;
}
.vol28 #main_visual .mv_txt{
	text-align: left;
	padding-top:160px;
	margin-left:-80px;
}
#main_visual .mv_txt img{
	width:90%;
	height:auto;
}

#main_visual_sp img{
	width:100%;
	height:auto;
}

.ml15 {
	text-transform: uppercase;
	text-align: center;
	margin:0 auto;
	color:#fff;
	position: absolute;
	/*top: 60px;*/
	top: 50px;
	right: 0;
	bottom: 0.5em;
	left: 0;
	margin: auto;
}
.ml15 .word {
	display: inline-block;
	line-height: 1em;

	vertical-align: top;
}
.ml15 .word.nazo{
	font-size:2.8em;
	font-weight: 800;
	padding-top:30px;
}
.ml15 .word.zekkei{
	font-size:1.9em;
	font-weight: 800;
	padding:20px 10px 0 15px;
}
.ml15 .word.shoku{
	font-size:2.4em;
	font-weight: 800;
	/*padding-top:40px;*/
	padding-top:35px;
}

/* ============［bn_area］============ */
#bn_area{
	padding:30px 20px 30px 20px;
}
#bn_area p{
	text-align: center;
}
#bn_area p img{
	width:100%;
	height:auto;
}

/* ============［pickup］============ */
.vol27 #pickup{
	background:url("../img/vol27/pickup_ttl_bg.gif") no-repeat center top, repeating-linear-gradient(-45deg, #ffd4a3 0, #ffd4a3 20px, #fff 20px, #fff 40px);
	padding:80px 0 0px 0;
}
.vol28 #pickup{
	background:url("../img/vol28/pickup_ttl_bg.png") no-repeat center top, repeating-linear-gradient(-45deg, #d6f3fb 0, #d6f3fb 20px, #fff 20px, #fff 40px);
	background-size:240%;
	padding:126px 0 0px 0;
}
.vol29 #pickup{
	background:url("../img/vol29/pickup_ttl_bg.gif") no-repeat center top, repeating-linear-gradient(-45deg, #e2d8de 0, #e2d8de 10px, #fff 10px, #fff 20px);
	background-size:500%;
	padding:126px 0 50px 0;
	margin-top:15px;
}
.vol30 #pickup{
	position: relative;
	background:repeating-linear-gradient(-45deg, #f2e7db 0, #f2e7db 10px, #fff 10px, #fff 20px);
	background-size:500%;
	padding:50px 0 50px 0;
	margin-top:140px;
}
.vol30 #pickup:before{
	content: '';
	display: block;
	position: absolute;
	top: -120px;
	right: 0;
	left: 0;
	width: 106px;
	height: 108px;
	background:url("../img/vol30/pickup_ttl_bg.svg") no-repeat center top;
	margin:0 auto;
}
.vol31 #pickup{
	position: relative;
	background:repeating-linear-gradient(-45deg, #f3f9e1 0, #f3f9e1 10px, #fff 10px, #fff 20px);
	background-size:500%;
	padding:50px 0 50px 0;
	margin-top:140px;
}
.vol31 #pickup:before{
	content: '';
	display: block;
	position: absolute;
	top: -120px;
	right: 0;
	left: 0;
	width: 90px;
	height: 110px;
	background:url("../img/vol31/pickup_ttl_bg.svg") no-repeat center top;
	margin:0 auto;
}
.vol32 #pickup{
	position: relative;
	background:repeating-linear-gradient(-45deg, #fff8e8 0, #fff8e8 10px, #fff 10px, #fff 20px);
	background-size:500%;
	padding:50px 0 50px 0;
	margin-top:240px;
}
.vol32 #pickup:before{
	content: '';
	display: block;
	position: absolute;
	top: -180px;
	right: 0;
	left: 0;
	width: 174px;
	height: 146px;
	background:url("../img/vol32/pickup_ttl_bg.svg") no-repeat center top;
	margin:0 auto;
}
.vol33 #pickup{
	position: relative;
	background:repeating-linear-gradient(-45deg, #ecf4f9 0, #ecf4f9 10px, #fff 10px, #fff 20px);
	background-size:500%;
	padding:30px 0;
	margin-top:240px;
}
.vol33 #pickup:before{
	content: '';
	display: block;
	position: absolute;
	top: -180px;
	right: 0;
	left: 0;
	width: 272px;
	height: 110px;
	background:url("../img/vol33/pickup_ttl_bg.svg") no-repeat center top;
	margin:0 auto;
}
.vol34 #pickup{
	position: relative;
	background:repeating-linear-gradient(-45deg, #ececf9 0, #ececf9 10px, #fff 10px, #fff 20px);
	background-size:500%;
	padding:30px 0;
	margin-top:220px;
}
.vol34 #pickup:before{
	content: '';
	display: block;
	position: absolute;
	top: -180px;
	right: 0;
	left: 0;
	width: 240px;
	height: 180px;
	background:url("../img/vol34/pickup_ttl_bg.svg") no-repeat center top;
	margin:0 auto;
}
.vol35 #pickup{
	position: relative;
	background:repeating-linear-gradient(-45deg, rgba(204, 177, 71, .15) 0, rgba(204, 177, 71, .15) 10px, #fff 10px, #fff 20px);
	background-size:500%;
	padding:30px 0;
	margin-top:220px;
}
.vol35 #pickup:before{
	content: '';
	display: block;
	position: absolute;
	top: -250px;
	right: 0;
	left: 0;
	width: 180px;
	height: 280px;
	background:url("../img/vol35/pickup_ttl_bg.svg") no-repeat center top;
	margin:0 auto;
}
.vol36 #pickup{
	position: relative;
	background:repeating-linear-gradient(-45deg, rgba(194, 58, 126, 0.1) 0, rgba(194, 58, 126, .1) 10px, #fff 10px, #fff 20px);
	background-size:500%;
	padding:30px 0;
	margin-top:190px;
}
.vol36 #pickup:before{
	content: '';
	display: block;
	position: absolute;
	top: -160px;
	right: 0;
	left: 0;
	width: 272px;
	height: 130px;
	background:url("../img/vol36/pickup_ttl_bg.svg") no-repeat center top;
	margin:0 auto;
}
.vol37 #pickup{
	position: relative;
	background:repeating-linear-gradient(-45deg, rgba(109,198,212, 0.1) 0, rgba(109,198,212, .1) 10px, #fff 10px, #fff 20px);
	background-size:500%;
	padding:30px 0;
	margin-top:190px;
}
.vol37 #pickup:before{
	content: '';
	display: block;
	position: absolute;
	top: -160px;
	right: 0;
	left: 0;
	width: 272px;
	height: 130px;
	background:url("../img/vol37/pickup_ttl_bg.svg") no-repeat center top;
	margin:0 auto;
	opacity: .15;
}
.vol38 #pickup{
	position: relative;
	/*background:repeating-linear-gradient(-45deg, rgba(250,247,233, 1) 0, rgba(250,247,233, 1) 10px, #fff 10px, #fff 20px);*/
	background:repeating-linear-gradient(-45deg, rgba(65, 153, 42, .1) 0, rgba(65, 153, 42, .1) 10px, #fff 10px, #fff 20px);
	background-size:500%;
	padding:30px 0;
	margin-top:190px;
}
.vol38 #pickup:before{
	content: '';
	display: block;
	position: absolute;
	top: -160px;
	right: 0;
	left: 0;
	width: 272px;
	height: 130px;
	background:url("../img/vol38/pickup_ttl_bg.svg") no-repeat center top;
	margin:0 auto;
	opacity: .15;
}
.vol39 #pickup{
	position: relative;
	background:repeating-linear-gradient(-45deg, rgba(97,80,115, .1) 0, rgba(97,80,115, .1) 10px, #fff 10px, #fff 20px);
	background-size:500%;
	padding:30px 0;
	margin-top:100px;
}
.vol39 #pickup:before{
	content: '';
	display: block;
	position: absolute;
	top: -60px;
	right: 0;
	left: 0;
	width: 360px;
	height: 110px;
	background:url("../img/vol39/pickup_ttl_bg.png") no-repeat center top;
	background-size: contain;
	margin:0 auto;
	/*opacity: .15;*/
}
.vol40 #pickup{
	position: relative;
	background:repeating-linear-gradient(-45deg, rgba(254,238,196, .9) 0, rgba(254,238,196, .9) 10px, #fff 10px, #fff 20px);
	background-size:500%;
	padding:30px 0;
	margin-top:100px;
}
.vol40 #pickup:before{
	content: '';
	display: block;
	position: absolute;
	top: -75px;
	right: 0;
	left: 0;
	width: 122px;
	height: 90px;
	background:url("../img/vol40/pickup_ttl_bg.png") no-repeat center top;
	background-size: contain;
	margin:0 auto;
	/*opacity: .15;*/
}


#pickup h2{
	/*text-align: center;
	background: url("../img/pickup_ttl.png") no-repeat;
	background-size:100%;*/
	width:72%;
	/*height: 26px;*/
	margin: 0 auto;
	padding:0;
	/*text-indent: -9999px;*/
}
.vol34 #pickup h2, 
.vol35 #pickup h2, 
.vol36 #pickup h2, 
.vol37 #pickup h2{
	width:80%;
	margin: 0 auto 2em auto;
}
#pickup h2 img{
	width:100%;
	height:auto;
}
#pickup h3{
	/*background:#eb5f1f;*/
	color:#fff;
	padding:18px 0;
	font-size:1.8rem;
	width:93%;

	position:absolute;
	top:100px;
	left: 0;
	right:0;
	margin:0 auto;

	z-index: 2;
}
#pickup h3.h3_2{
	padding:5px 6px;
	line-height:1.25;
}
.vol27 #pickup h3{
	background:#eb5f1f;
}
.vol28 #pickup h3{
	background:#005ca2;
}
.vol29 #pickup h3{
	background:#912758;
}
.vol30 #pickup h3{
	background:#c67f41;
}
.vol31 #pickup h3{
	width:100%;
	background:#8eba3e;
}
.vol32 #pickup h3{
	width:100%;
	background:#dc952b;
}
.vol33 #pickup h3{
	width:100%;
	background:#69acaf;
}
.vol34 #pickup h3{
	width:100%;
	background:#524599;
}
.vol35 #pickup h3{
	width:100%;
	background:#ccb147;
}
.vol36 #pickup h3{
	width:100%;
	background:#ca4487;
}
.vol37 #pickup h3{
	width:100%;
	background:#6DC6D4;
}
.vol38 #pickup h3{
	width:100%;
	background:#41992A;
}
.vol39 #pickup h3{
	width:100%;
	background:#615073;
}
.vol40 #pickup h3{
	width:100%;
	background:#ae9876;
}
#pickup ul{
	text-align: center;
}
#pickup li{
	display:inline-block;
	width:340px;
	height:340px;
	background: #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	margin:140px 12px 50px 12px;
	padding:0 12px;
	vertical-align: top;

	position:relative;
}
.vol29 #pickup li{
	margin:140px 12px 0px 12px;
}
.vol30 #pickup li{
	margin:140px 12px 0px 12px;
}
.vol31 #pickup li{
	margin:140px 12px 0px 12px;
}
.vol32 #pickup li{
	margin:90px 12px 0px 12px;
}
.vol33 #pickup li{
	margin:90px 11px 16px 12px;
}
.vol34 #pickup li{
	margin:90px 11px 16px 12px;
}
.vol35 #pickup li{
	margin:90px 11px 16px 12px;
}
.vol36 #pickup li{
	margin:90px 11px 16px 12px;
}
.vol37 #pickup li{
	margin:90px 11px 16px 12px;
}
#pickup li .pk_img{
	position:absolute;
	bottom:200px;
	left: 0;
	right:0;
	margin:auto;

	z-index: 1;
}
.vol31 #pickup li:first-of-type .pk_img{
	bottom:180px;
}
.vol31 #pickup li:last-of-type .pk_img{
	bottom:170px;
}
#pickup li .pk_img img{
	width:90%;
	height:auto;
}
.vol34 #pickup li .pk_img img{
	width:66%;
}
.vol35 #pickup li .pk_img img{
	width:88%;
}
.vol36 #pickup li .pk_img img{
	width:88%;
}
.vol37 #pickup li .pk_img img{
	width:88%;
}
#pickup li .pk_txt{
	position:absolute;
	top:176px;
	left: 0;
	right:0;
	margin:0 auto;
	width:76%;
	line-height: 1.6em;
	text-align: left;

	display: -webkit-inline-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow: hidden;
}
#pickup li .detail_btn{
	margin-top:300px;
}
#pickup li .detail_btn a{
	color:#eb5f1f;
	text-decoration: none;
	font-size:1.8rem;
}
.vol31 #pickup li .detail_btn a{
	color:#8eba3e;
}
.vol33 #pickup li .detail_btn a{
	color:#1a4995;
}
.vol34 #pickup li .detail_btn a{
	color:#524599;
}
.vol35 #pickup li .detail_btn a{
	color:#b8860b;
}
.vol36 #pickup li .detail_btn a{
	color:#ca4487;
}
.vol37 #pickup li .detail_btn a{
	color:#6DC6D4;
}
.vol38 #pickup li .detail_btn a{
	color:#41992A;
}
.vol39 #pickup li .detail_btn a{
	color:#615073;
}
.vol40 #pickup li .detail_btn a{
	color:#ae9876;
}

.movie{
	margin:75px 0 0;
	text-align:center;
}
.movie .mv_ttl{
	font-size: 2rem;
	font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 800;
	line-height: 1.6;
  margin: 0 0 1em;
}
.movie .mv_ttl .color_red{
	color:red;
}
.movie .mv_ttl .line{
	border-bottom:1px solid red;
}
.iframe-wrapper {
	position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.iframe-wrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.movie_wrap{
	width: 100%;
	height: 234px;
	margin: 30px auto;
	position: relative;
}
.youtube_play{
	position: absolute;
	left: 50%;
    top: 50%;
    width: 68px;
    height: 48px;
    margin-left: -34px;
    margin-top: -24px;
    -webkit-transition: opacity .25s cubic-bezier(0,0,.2,1);
    transition: opacity .25s cubic-bezier(0,0,.2,1);
    z-index: 63;

	pointer-events: none;

	border: none;
    background-color: transparent;
    padding: 0;
    color: inherit;
    text-align: inherit;
    font-size: 100%;
    font-family: inherit;
    cursor: default;
    line-height: inherit;
	z-index: 2;
}
.movie-inner{
	position: absolute;
	display: block;    
	width: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	cursor: pointer;
}
.thumb{
	width: 100%;
	max-width: 100%;
}
.movie-player{
	position: relative;
	z-index: 10;
}

.fukidashi{
	position: relative;
	display: inline-block;
	margin: 1.5em 0 0;
	padding: 2em 1em;
	min-width: 120px;
	max-width: 94%;
	background: #fff;
	border-radius: 10px;
	border: solid 3px #251e1c;
  	box-sizing: border-box;
}
.fukidashi::before, 
.fukidashi::after{
	position: absolute;
	content: '';
    top: -15px;
    width: 30px;
    height: 15px;
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
}
.fukidashi::before{
	background: #251e1c;
}
.fukidashi::after{
	top: -11px;
	background: #fff;
}
/*.fukidashi::before{
	content: "";
	position: absolute;
	top: -24px;
	left: 50.3%;
	border: 12px solid transparent;
	border-bottom: 12px solid #fff;
	z-index: 2;
}
.fukidashi::after{
	content: "";
	position: absolute;
	top: -29px;
	left: 50%;
	border: 14px solid transparent;
	border-bottom: 14px solid #251e1c;
	z-index: 1;
}*/
.fukidashi p{
	line-height: 1.7;
	font-weight: bold;
	font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 1.3rem;
	letter-spacing: 0.02em;
	text-align: left;
}

.movie .mv_photo{
	position: relative;
}
.movie .mv_photo figcaption{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	text-shadow: 
	black 1px 1px 10px, black -1px 1px 10px,
	black 1px -1px 10px, black -1px -1px 10px;
	z-index: 1;
	font-size: 200%;
	
}
.movie .mv_photo img{
	width: 100%;
}



/* ============［latest］============ */
#latest{

}
#latest .latest-in{
	/*background:url("../img/latest_bg.png") no-repeat;*/
	background:#55a678;
	/*width:1120px;
	height:1060px;*/
	width:100%;
	margin:0px auto 0 auto;
	padding:40px 30px;

	position: relative;
}
#latest h2{
	/*background:url("../img/latest_h2.png") no-repeat;
	background-size:100%;*/
	width:90%;
	/*height: 50px;*/
	margin:20px auto 20px auto;
	/*text-indent: -9999px;*/
}
#latest h2 img{
	width:100%;
	height:auto;
}

#latest .latest_h2_sub{
	width:100%;
	margin:0 auto;
}
#latest .latest_h2_sub img{
	width: 100%;
	height: auto;
}
#latest .latest-in h3{
	background:#fff;
	color:#000;
	width:85px;
	height:85px;
	line-height: 85px;
	text-align:center;

	/*display: inline-block;*/
	border-radius: 50%;
	font-size:2.4rem;

	margin:0 auto 15px auto;

	/*position:absolute;
	top:170px;
	right:250px;*/

	font-weight:500;
}
#latest .latest_txt{
	text-align: left;
	color:#fff;
	font-size:1.6rem;
	line-height: 1.6em;

	font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 500;
}
#latest .latest_naiyou{
	overflow: hidden;
	margin-top:30px;
}
#latest .left_side{
	/*width:378px;
	float:left;
	margin-left:120px;*/
}
#latest .left_side .view_btn{
	border:3px solid #fff;
	width:180px;
	margin:0 auto 35px auto;
}
#latest .left_side .view_btn a{
	display: block;
	text-align: center;
	color:#fff;
	text-decoration: none;
	font-size:2.2rem;
	padding:10px;
	transition: .2s;

	font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 500;
}
#latest .left_side .view_btn a:hover{
	background:#fff;
	color:#55a678;
}
#latest .left_side .hyoushi{
	width:268px;
	margin:0 auto 40px auto;
}
#latest .left_side .hyoushi img{
	width:100%;
	height: auto;

	box-shadow: 8px 8px #224230;
}
#latest .right_side{
	/*width:620px;
	float:right;*/
	margin-bottom:30px;
}
#latest .right_side h3{
	text-align: center;
	margin-top:10px;
	padding:28px 0;
	background: #fff;
	height: 80px;
	width: 80px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;

	font-size:2.2rem;

	font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 600;

	float:left;
}
#latest .right_side h4{
	color:#fff;
	font-size:2.0rem;
	margin-bottom:20px;
}
#latest .right_side ul{
	/*padding-left:120px;*/
	margin-left: 20px;
}
#latest .right_side ul li{
	color:#fff;
	list-style:none;
	margin-bottom:10px;
	line-height: 1.4em;
	font-size:1.7rem;

	font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 500;

	position:relative;
}
#latest .right_side ul li a{
	color:#fff;
}
#latest .right_side ul li a:hover{
	opacity: .7;
}
#latest .right_side ul li::before{
	position: relative;
	top: -2px;
	left: -10px;

	display: inline-block;

	width: 6px;
	height: 6px;

	content: '';

	border-radius: 100%;
	background: #fff;
}
#latest .latest-in .backnumber h5{
	color:#fff;
	font-size:2.0rem;
	/*margin-left:128px;*/
	text-align:center;
	margin-top:25px;
}
#latest .latest-in .backnumber h5 a{
	color:#fff;
}
#latest .latest-in .backnumber{ /* #latest .latest-inの絶対配置 */
	/*position: absolute;
	top:630px;
	left:476px;
	margin:auto;*/
}
#latest .latest-in .backnumber ul{
	margin:15px 0 15px;
	text-align:center;
	padding-left: 0px;
	overflow:hidden;
}
#latest .latest-in .backnumber li{
	list-style: none;
	margin:0;
	padding:0;

	float:left;
	width:33%;
	/*display:inline-block;*/
}
#latest .latest-in .backnumber li a{
	display: block;

	text-decoration: none;
	/*color:#fff;*/
	color:#000;

	text-align: center;
	margin:5px;
	padding:20px 0;

	font-size:1.7rem;

	border: 3px solid #fff;
	background-color: rgba(255,255,255,0.15);

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

	font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 600;
}
#latest .latest-in .backnumber li::before{
	background:none;
	content:none;
}
#latest .latest-in .backnumber li a:hover{
	background:#fff;
	color:#55a678;
	opacity:1;
}


.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #fff;
	z-index:1;
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	font-weight: bold;
	line-height: 3;
	position: relative;
	display: block;
	padding: 0 0 0 1.5em;
	cursor: pointer;
	margin: 0 0 1px 0;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	color: #333333;
	background: #fff;
	border-radius: 10px;
	margin:5px;
	padding: 0 10px;
	box-shadow: 0 3px 3px rgba(0,0,0,.1);
}
.cp_actab .cp_actab-content p {
	margin: 1em;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 48em;
}
#latest .latest-in .backnumber .cp_actab input:checked ~ .cp_actab-content li{
	width:24.8%;
}
#latest .latest-in .backnumber .cp_actab input:checked ~ .cp_actab-content li a{
	border: 3px solid #55a678;
	color:#55a678;
}
/* Icon */
.cp_actab label::after {
	line-height: 3;
	position: absolute;
	top: 0;
	left: -10px;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
	/*content: '>';*/
	position:absolute;
	content:'';
	top: 40%;
	left: 5px;
	width: 8px;
	height: 8px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.cp_actab input[type=checkbox]:checked + label::after {
	/*transform: rotate(315deg);*/
	transform: rotate(135deg);
}


#latest .latest-in .backnumber .more{
	/*text-indent:-9999px;*/
	clear:both;
}
#latest .latest-in .backnumber .more a{
	display: block;
	/*background: url("../img/latest_more.png") no-repeat;
	background-size:201px;
	width:201px;
	height:83px;*/

	font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 500;
	color:#fff;

	margin:0;
}
#latest .latest-in .backnumber .more a:hover{
	/*opacity: .7;*/
}
#latest .latest-in .car{ /* #latest .latest-inの絶対配置 */
	position: absolute;
	/*top:810px;
	right:50px;
	margin:auto;
	width:316px;*/

	display:none;
}
#latest .latest-in .car img{
	width:100%;
	height: auto;
}

/* 202112追加 */
.sdgs-bn{
	text-align: center;
	background:#d7f0db;
	margin: -486px 0 0;
	padding: 540px 0 0;
}
.sdgs-bn img{
	width:100%;
	height: auto;
}

.sdgs-area{
	max-width:600px;
	width: 100%;
	margin: 0 auto;
	background: #d7f0db;
}
.announcement{
	position: relative;
	padding: 50px 50px 100px 50px;
}
.announcement::after{
	position: absolute;
	content: '';
	background:#f8ffeb;
	width:86%;
	height: 320px;
	border-radius: 50%;
	top:40px;
	left:0;
	right:0;
	margin: auto;
	z-index: 0;
}
.announcement h2{
	font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 800;
	font-size: 2.6rem;
	text-align: center;
	line-height: 1.6;
	position: relative;
	z-index: 1;
	color:#274b3b;
	margin:0 0 .2em;
}
.announcement p{
	line-height: 2.2;
	text-align: left;
	font-size: 1.7rem;
	font-family: "Noto Sans Japanese", sans-serif;
	position: relative;
	z-index: 1;
}
.announcement p::before{
	position: absolute;
	content:'';
	background:url(../img/leaf01.png) no-repeat;
	background-size: contain;
	width:64px;
	height: 72px;
	left:-20px;
	bottom:-75px;
}
.announcement p::after{
	position: absolute;
	content:'';
	background:url(../img/leaf02.png) no-repeat;
	background-size: contain;
	width:42px;
	height:56px;
	right:-20px;
	bottom:-62px;
}

/* ============［csr］============ */
#csr{
	background:#d7f0db url("../img/csr_bg.png") repeat-y center 0px;
	background-size:100%;
	/*padding:50px 0;*/
	padding:40px 0 0px 0;
	margin-top:0px;
}
#csr h2{
	background:url("../img/csr_h2.png") no-repeat;
	background-size:100%;
	width:88%;
	height: 39px;
	margin:0 auto 10px auto;
	padding:0;
	text-indent: -9999px;
}
#csr .inner1280{
	position: relative;
}
#csr .report_ttl{
	height: auto;
	margin:0 auto 50px auto;
	width:60%;
}
#csr .report_ttl img{
	width:100%;
	height: auto;
}
#csr .inner1280 .side_txt_r{
	position: absolute;
	top:198px;
	right:20px;

	width:24px;
}
#csr .inner1280 .side_txt_l{
	position: absolute;
	top:198px;
	left:20px;

	width:24px;
}
#csr .inner1280 .side_txt_r img,
#csr .inner1280 .side_txt_l img{
	width:100%;
	height:auto;
}
#csr .inner1280 .hito01{
	position: absolute;
	top:38px;
	left:10px;

	width:52px;
}
#csr .inner1280 .hito02{
	position: absolute;
	top:74px;
	right:0px;

	width:120px;
}
#csr .inner1280 .hito01 img,
#csr .inner1280 .hito02 img{
	width:100%;
	height:auto;
}
#csr .csr_txt{
	padding:0 66px 58px 66px;
}
#csr .csr_txt h3{
	font-size:2.0rem;
	margin:30px 0 20px 0;
	text-align: center;
	line-height:1.5em;

	font-weight: 600;
}
#csr .csr_txt p{
	font-size:1.6rem;
	line-height: 1.8em;
	margin-bottom:30px;

	font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 400;
}

/* ============［eco-project］============ */
#eco-project{
	background:url("../img/eco-project_bg.jpg");
	background-size: cover;
	padding:60px 0 50px 0;

	/*height:1080px;*/

	position: relative;
}
#eco-project h2{
	background:url("../img/eco_ttl.png") no-repeat;
	background-size:100%;
	width:70%;
	height:112px;
	text-indent: -9999px;

	margin-left: 10px;

	/*position:absolute;
	top:0px;
	left: 0px;

	z-index: 1;*/
}
#eco-project .inner1040{
	/*position: relative;*/
}
#eco-project .inner1040 .eco_pic01{
	position:absolute;
	top:-40px;
	left: 10px;
	z-index:0;

	width:40%;
}
#eco-project .inner1040 .eco_pic02{
	position:absolute;
	top:-65px;
	right: 10px;
	z-index:0;

	width:40%;
}
#eco-project .inner1040 .eco_pic01 img,
#eco-project .inner1040 .eco_pic02 img,
#eco-project .eco_pic03 img{
	width:100%;
	height:auto;
}

#eco-project ul{
	width:90%;
	margin:0 auto;
	/*overflow: hidden;*/

	/*display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;*/
}
#eco-project li{
	background:#fff;
	list-style: none;
	margin-bottom: 3%;
	padding:20px 18px 20px 0px;

	width: 100%;
	/*box-sizing: border-box;*/
}
#eco-project h3{
	color:#55a678;
	width:100%;
	/*float:left;*/
	font-size:2.2rem;
	text-align: center;
	padding:0 0 10px 0;
	line-height: 1.35;

	letter-spacing: .1em;

	font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 500;
}
#eco-project li.eco_list p{
	color:#739862;
	width:100%;
	/*float:right;*/
	padding-left:20px;
	line-height: 1.8em;
	font-size:1.6rem;
}
#eco-project li.eco_list.latest{
	background:#ffffc2;
	width:100%;
}
#eco-project li.eco_list.latest h3{
	color:#ff6a00;
	line-height:1.1em;
	padding: 0px 0 10px 0px;
	width:100%;
}
#eco-project li.eco_list.latest .new{
	background:#ff6a00;
	color:#fff;
	font-size:1.5rem;
	padding:0 20px;
}
#eco-project li.eco_list.latest p{
	width:100%;
}
#eco-project li.eco_list .eco_list_pic img{
	/*float:right;*/
	margin:0 0 10px 0;

	width:100%;
	height:auto;
}

/* ============［eco-project-contact］============ */
#eco-project-contact{
	background: #d7f0db;
}
#eco-project-contact p{
	color:#60985e;
}
#eco-project-contact .inner1040{
	position: relative;
}
#eco-project-contact .inner1040 .eco_pic03{
	position:absolute;
	top:-50px;
	left: -30px;
	z-index:0;

	width:40%;
}
#eco-project-contact .inner1040 .eco_pic03 img{
	width:100%;
	height:auto;
}
#eco-project-contact .inner1040 .eco_txt{
	padding:40px 30px;
	font-size:1.9rem;
	line-height: 1.8em;

	font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 500;
}
.btn_contact a{
	display: block;
	background:url("../img/btn_contact.gif") no-repeat;
	background-size:300px;
	width: 300px;
	height:124px;
	margin:0 auto;
	text-indent: -9999px;
}
.btn_contact a:hover{
	opacity: .8;
}

/* ============［jimoto］============ */
#jimoto{
	border-top:16px solid #fff;
	border-bottom:16px solid #fff;
	background:#e9e0d6 url("../img/jimoto_line.png") repeat-x center 70px;

	position:relative;
}
#jimoto::after{
	content: '';
	display: inline-block;
	width: 100%;
	height: 80px;
	background: url(../img/jimoto_line.png) repeat-x;
}
#jimoto h2{
	text-align: center;
	background:url("../img/jimoto_h2.png") no-repeat;
	background-size:100%;
	width:90%;
	height: 190px;
	margin:0;
	text-indent: -9999px;

	position: absolute;
	top:0;
	left:0;
	right: 0;

	z-index:1;
}
#jimoto ul{
	text-align: center;
	padding:160px 0 20px 0;
}
#jimoto li{
	display: inline-block;
	padding:0 30px 20px 30px;

	vertical-align:top;
}
#jimoto li img{
	width:100%;
	height:auto;
}
#jimoto li a:hover{
	opacity:.7;
	transition:.2s;
}
#jimoto li .shop_url{
	margin:8px 0 0 0;
	text-align:left;
	word-break: break-all;
	line-height: 1.35;
}
#jimoto li .shop_etc{
	margin:8px 0 0px 0;
	text-align:left;
	word-break: break-all;
	line-height: 1.35;
	text-indent: -5.2em;
	padding-left: 5.2em;
}
#jimoto li .shop_etc span.bk{
	background:#251e1c;
	color:#fff;
	margin-right: 8px;
	padding: 3px 6px;
}
#jimoto li .gmap{
	margin-top:35px;

	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
#jimoto li .gmap iframe,
#jimoto li .gmap  object,
#jimoto li .gmap  embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#jimoto li .map_img{
	margin-top:35px;
}
#jimoto li .map_img img{
	width:100%;
	height: auto;
}

/* ============［present］============ */
#present{
	padding:30px 0 40px 0;
	background:repeating-linear-gradient(-45deg, #fcf6a6 0, #fcf6a6 20px, #fff 20px, #fff 40px);
}
.vol31 #present{
	background:repeating-linear-gradient(-45deg, #fdf4f8 0, #fdf4f8 20px, #fff 20px, #fff 40px);
}
.vol32 #present{
	background:repeating-linear-gradient(-45deg, #fcead0 0, #fcead0 20px, #fff 20px, #fff 40px);
}
.vol33 #present{
	background:repeating-linear-gradient(-45deg, #eff3e7 0, #eff3e7 20px, #fff 20px, #fff 40px);
}
.vol34 #present{
	background:repeating-linear-gradient(-45deg, #ebf4e1 0, #ebf4e1 20px, #fff 20px, #fff 40px);
	padding: 30px 1em 40px 1em;
}
.vol35 #present, 
.vol36 #present, 
.vol37 #present, 
.vol38 #present, 
.vol39 #present, 
.vol40 #present{
	background:repeating-linear-gradient(-45deg, #ebf4e1 0, #ebf4e1 20px, #fff 20px, #fff 40px);
	padding: 30px 1em 40px 1em;
}

#present h2{
	/*background:url("../img/present_h2.png") no-repeat;
	background-size:100%;
	width:100%;
	height:94px;*/
	margin:0 auto 10px auto;
	/*text-indent: -9999px;*/

	position:relative;
}
#present h2 img{
	width:100%;
	height:auto;
}
#present h2::before{
	position: absolute;
	top:20px;
	left:24px;
	content: '';
	display: inline-block;
	width: 16px;
	height: 74px;
	background-image: url(../img/present_hito01.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
#present h2::after{
	position: absolute;
	top:12px;
	right:5px;
	content: '';
	display: inline-block;
	width: 80px;
	height: 78px;
	background-image: url(../img/present_hito02.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.vol33 #present h2::before{
	content: none;
}
.vol33 #present h2::after{
	content: none;
}
.vol34 #present h2::after{
	content: none;
}
.vol35 #present h2::after{
	content: none;
}
.vol36 #present h2::after{
	content: none;
}
.vol37 #present h2::after{
	content: none;
}
.vol38 #present h2::before, 
.vol38 #present h2::after, 
.vol39 #present h2::before, 
.vol39 #present h2::after, 
.vol40 #present h2::before, 
.vol40 #present h2::after{
	content: none;
}
#present .present_1clm{
	width:100%;
	margin:25px 0;
	padding: 0 12.4%;
}
#present .present_1clm img{
	width:100%;
	height: auto;
}
#present ul{
	text-align: center;
	font-size:0;
	margin-bottom:40px;
}
#present li{
	width:320px;
	display: inline-block;
	padding:20px 20px;
	font-size:1.4rem;
}
.vol33 #present li, 
.vol34 #present li, 
.vol35 #present li, 
.vol36 #present li, 
.vol37 #present li, 
.vol38 #present li, 
.vol39 #present li, 
.vol40 #present li{
	width:100%;
}
#present li:hover{
	opacity:.9;
}
#present li img{
	width:100%;
	height: auto;
}
#present li.jisan{
	position: relative;
}
#present li.jisan .comment{
	position: absolute;
	bottom:10px;
	right:8px;
	width:130px;
	height: 72px;
}
#present li.jisan .comment img{
	width: 100%;
	height: auto;
}

#present li.yoko{
	width:100%;

	display:none;
}
#present li.yoko img{
	width:100%;
	height:auto;
}

/*#present .oubo{
	position: relative;
	padding: 0 20px;
}
#present .oubo::after{
	content: '';
	position: absolute;
	top:190px;
	left:0;
	right:0;
	margin:0 auto;
	display: inline-block;
	width: 100%;
	height: 206px;
	background-image: url(../img/oubo_bg.png);
	vertical-align: middle;
	z-index: 0;
}
#present .oubo h3{
	padding-left:0px;
	padding-top:0px;

	width:90%;
	margin:0 auto 30px auto;
}
#present .oubo h3 img{
	width:100%;
	height:auto;
}
#present .oubo .qr{
	float: none;
	padding-right:0px;
	margin-bottom:30px;

text-align:center;
}
#present .oubo .oubo_txt{
	clear:both;
	text-align: center;
	font-size:1.5rem;
	line-height: 1.8em;

	font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 600;
}
#present .oubo .oubo_txt br{
	display:none;
}
#present .oubo .coupon{
	text-align: center;
	margin-top:30px;

	position: relative;
	z-index: 1;
}
#present .oubo .coupon img{
	width:100%;
	height:auto;
}*/


.oubo{
	position: relative;
	padding: 0 20px;
}
.vol32 .oubo, 
.vol33 .oubo, 
.vol34 .oubo, 
.vol35 .oubo, 
.vol36 .oubo, 
.vol37 .oubo, 
.vol38 .oubo, 
.vol39 .oubo, 
.vol40 .oubo{
	padding:75px 0 50px;
}
.oubo::after{
	content: none;
	position: absolute;
	top:190px;
	left:0;
	right:0;
	margin:0 auto;

	display: inline-block;
	width: 100%;
	height: 206px;
	background-image: url(../img/oubo_bg.png);
	vertical-align: middle;

	z-index: 0;
}
.oubo h3{
	/*float:left;*/
	padding-left:0px;
	padding-top:0px;

	width:90%;
	margin:0 auto 30px auto;
}
.oubo h3 img{
	width:100%;
	height:auto;
}
.oubo .qr{
	float: none;
	padding-right:0px;
	margin-bottom:30px;
	text-align:center;
}
.oubo .oubo_txt{
	clear:both;
	text-align: center;
	font-size:1.5rem;
	line-height: 1.8em;

	font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 600;
}
.oubo .oubo_txt br{
	/*display:none;*/
}
.oubo .coupon{
	text-align: center;
	margin-top:30px;

	position: relative;
	z-index: 1;
}
.oubo .coupon img{
	width:100%;
	height:auto;
}

/* 202301追加 */
#present h3{
	margin:0 0 1.6em;
	text-align: center;
}
#present h3 img{
	width:100%;
}
.present_info_all{
	/*display: flex;*/
	margin:0 0 3em;
}
.present_info_all.clm3 .present_info{
	/*width:31.3%;*/
	width:98%;
	margin: 0 1% 5% 1%;
}
.present_info_all.clm2 .present_info{
	/*width:48%;*/
	width:98%;
	margin: 0 1%;
}
.vol35 .present_info_all.clm2 .present_info, 
.vol36 .present_info_all.clm2 .present_info,
.vol37 .present_info_all.clm2 .present_info, 
.vol38 .present_info_all.clm2 .present_info, 
.vol39 .present_info_all.clm2 .present_info, 
.vol40 .present_info_all.clm2 .present_info{
	margin: 0 1% 5% 1%;
}
.present_info{
	/*display: flex;*/
	margin:0 0 2em;
}
.present_info .photo{
	/*width:30%;*/
	padding: 0;
	position: relative;
}
.present_info .photo .logo_mark{
	background:#fff;
	border:1px solid #efefef;
	margin:20px auto;
	padding: 20px;
	width: 60%;
}

.present_info_all.clm2 .present_info .photo{
	margin:0 0 .6em;
	padding: 0 10px 0 0;
}
.vol35 .present_info_all.clm2 .present_info .photo{
	margin:0;
}
.present_info .photo img{
	width:100%;
	height:auto;
}
.present_info .detail{
	/*width:70%;
	margin: 10px 0 0 -40px;*/
	margin:0;
	/*padding: 1.2em 1em 1.2em 3.2em;*/
	padding: 1.2em;
	background:#fff;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.present_info .detail.illust_d{
	background:#fff url(../img/vol34/present_illust_d.png) no-repeat 210px bottom;
}
.present_info .detail.illust_e{
	background:#fff url(../img/vol34/present_illust_e.png) no-repeat right bottom;
	background-size: 140px;
}
.vol35 .present_info .detail.illust_e{
	background:#fff url(../img/vol35/present_illust_e_vol135.png) no-repeat right bottom;
	background-size: 260px;
}
.vol36 .present_info .detail.illust_e{
	background:#fff url(../img/vol35/present_illust_e_vol135.png) no-repeat right bottom;
	background-size: 260px;
}
.vol37 .present_info .detail.illust_e{
	background:#fff url(../img/vol35/present_illust_e_vol135.png) no-repeat right bottom;
	background-size: 260px;
}
.vol38 .present_info .detail.illust_e{
	background:#fff url(../img/vol35/present_illust_e_vol135.png) no-repeat right bottom;
	background-size: 260px;
}


.present_info .detail .ttl{
	display: flex;
}
.vol35 .present_info .detail .ttl, 
.vol36 .present_info .detail .ttl, 
.vol37 .present_info .detail .ttl, 
.vol38 .present_info .detail .ttl, 
.vol39 .present_info .detail .ttl, 
.vol40 .present_info .detail .ttl{
	margin-bottom:.4em;
}

.present_info .detail .ttl p{
	font-size: 1.7rem;
	font-weight: bold;
	color:#E5004C;
	line-height: 1.25;
	margin:0 0 .3em;
}
.present_info .detail .ttl p.bk{
	color:#251e1c;
}
.present_info .detail .ttl h4{
	color:#E5004C;
	font-size: 2.0rem;
	line-height: 1.35;
	margin:0 0 .2em;
}
.present_info .detail .ttl .mark{
	margin:0 10px 0 0;
}
.present_info .detail .ttl .mark span{
	background:#E5004C;
	color:#fff;
	font-size: 2.2rem;
	padding: 8px 12px;
	display: inline-block;
	white-space:nowrap;
}

.ttl_multi .ttl_list:first-child{
	padding: 0 0 .2em;
}
.present_info .detail .ttl .ttl_multi .mei{
	font-size: 1.3rem;
	font-weight: normal;
	color:#fff;
	margin: -80px 0 0 0;
}
.present_info .detail .ttl .ttl_multi h4{
	padding-right: 86px;
}

.present_info .detail p{
	line-height: 1.5;
	margin:0 0 .6em;
}
.present_info .detail .mg-t1{
	margin-top:1rem;
}
.present_info .detail .mg-b0{
	margin-bottom:0;
}
.present_info .detail h5{
	font-weight: bold;
	line-height: 1.35;
	margin:0 0 .2em;
}
.present_info .detail small{
	font-size: 1.3rem;
}

/*複数あるとき*/
/*.present_info .detail .mei_multi{
	display: flex;
	justify-content: end;
	margin-right: -20px;
}
.present_info .detail .mei_multi .mei{
	margin: -80px 2px 0;
}*/

.present_info .detail .mei{
	position: relative;
	display: inline-block;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: #000;
	color:#fff;
	margin: -72px 0 0 50px;
	float: right;

	font-size: 1.3rem;
}
.present_info .detail .mei.large{
	width: 100px;
	height: 100px;
	margin:-110px -20px 0 0;
}
.present_info .detail .mei.large2{
	width: 120px;
	height: 120px;
	margin:-130px -20px 0 0;
}
.present_info .detail .mei.large2 strong{
	font-size: 1.5rem;
	line-height: 1.2;
}
.present_info .detail .mei{
	/*margin: -110px 0 0;*/
	margin: -80px -20px 0;
}
.present_info .detail .mei span{
	position: absolute;
	display: inline-block;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width :72px;
	text-align:center;
	line-height: 1.25;
}
.present_info .detail .mei.large span{
	width :100px;
	font-size: 1.4rem;
	line-height: 1.35;
}
.present_info .detail .mei.large2 span{
	width :120px;
	font-size: 1.2rem;
	line-height: 1.35;
}
.present_info .detail .img_r{
	float:right;
	margin: 0 10px 20px 20px;
}
.present_info .detail .img_r.sake{
	width:50px;
}
.present_info .detail .img_r.sejyutsu{
	width:120px;
}
.present_info .detail .img_r.sp-stand{
	width:100px;
}
.present_info .detail .img_r.sake img, 
.present_info .detail .img_r.sejyutsu img, 
.present_info .detail .img_r.sp-stand img{
	width: 100%;
	height: auto;
}
#present ul.present_detail_list{
	margin:0;
}
#present ul.present_detail_list li{
	text-align: left;
	width: 100%;
	padding: .2em 0 .2em 1.4em;
	list-style: disc;
	line-height: 1.5;
	position: relative;
}
#present ul.present_detail_list li::after{
	position: absolute;
	content: '';
	background:#000;
	width: 6px;
	height: 6px;
	top:10px;
	left:6px;
}


/* ============［contact］============ */
#contact{
	padding:40px 0 60px 0;
}

#contact h2{
	background:url("../img/contact_h2.gif") no-repeat;
	background-size:100%;
	width:80%;
	height:168px;
	margin:0 auto 16px auto;
	text-indent: -9999px;
}
#contact .contact_txt{
	background:#eb5f1f;
	color:#fff;
	text-align: center;
	margin-bottom:10px;
	padding:10px 10px;
	font-size:1.7rem;
	line-height:1.4em;
}
#contact .contact-in{
	/*width:800px;*/
	margin:0 auto;
}
#contact h3{
	background:#eb5f1f;
	color:#fff;
	text-align: center;
	margin-bottom:25px;
	padding:8px;
	border-radius:5px;
}
#contact .hissu{
	background:#eb5f1f;
	color:#fff;
	margin-left:10px;
	padding:2px 10px;
	font-size:1.3rem;
	letter-spacing: .1em;
	font-weight: bold;
}
#contact dl{
	border-top: none;
	width: 100%;

	clear:both;

	width: 100.1%;
	margin: 0 0 26px 0;
	border-top: none;
	line-height: 150%;
	box-sizing: border-box;
	clear:both;
	font-size:1.8rem;

	overflow:hidden;
}
#contact dt{
	clear: left;
	/*float: left;*/
	width: 100%;
	margin-bottom:inheirt;
	padding: 16px 0.8em 0 0.8em;
	box-sizing: border-box;
	/*border-top:1px dashed #b3b3b3;*/
	font-weight: bold;
	line-height: 1.6em;
}
#contact dd{
	margin-left: 0%;
	min-height:3.0em;
	/*float: left;*/
	width: 100%;
	padding: 10px 0.8em;
	background: #fff;
	box-sizing: border-box;
	/*border-top:1px dashed #b3b3b3;*/
}
#contact dt:first-child,
#contact dt:first-child + dd{
	border-top:none;
}

#contact dd .sample{
	font-size:1.4rem;
	color:#999;
}

/* デフォルトのリセット */
input, button, textarea, select {
  /*margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;*/
}

#contact input[type=text], #contact textarea{
	border:1px solid #808080;
	padding:8px;
	border-radius:8px;
	width:100%;

	-webkit-appearance: none;
}
#contact input[type=text].zip{
	width: 36%;
	margin:6px 0;
}
#contact input[type=text].address{
	width: 70%;
	margin:6px 0;
}
input[type="submit"] {
	background:#eb5f1f;
	color:#fff;
	padding: 8px 36px;
	border-style: none;
	cursor: pointer;
	border-radius:16px;
	font-size:2.0rem;
	letter-spacing: .2em;
}
input[type="submit"]:hover {
	opacity: .6;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"],
input[type="reset"]{
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration{
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus,
input[type="reset"]::focus{
	outline-offset: -2px;
}

/* checkbox */
.checkbox-input{
	display: none;
}
.checkbox-parts{
	padding-left: 20px;
	position:relative;
	margin-right: 20px;
}
.checkbox-parts::before{
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	border-radius: 4px;
}
.checkbox-input:checked + .checkbox-parts{
	color: #eb5f1f;
}
.checkbox-input:checked + .checkbox-parts::after{
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 5px;
	width: 7px;
	height: 14px;
	transform: rotate(40deg);
	border-bottom: 3px solid #eb5f1f;
	border-right: 3px solid #eb5f1f;
}

/* ============［お詫び］============ */
.info{
	text-align:center;
	padding:35px 20px 10px;
	border-bottom:1px solid #ddd;
}
.info .inner{
	max-width: 800px;
	margin: 0 auto;
	display:inline-block;

}
.info h2{
	margin:0 0 20px;
	font-size:2rem;
	font-weight:bold;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	letter-spacing:0.02em;
}
.info h3{
	font-size:1.8rem;
	margin:0 0 5px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight:bold;
	letter-spacing:0.02em;
}
.info .tel{
	font-size:2.0rem;
	font-weight:bold;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;

	display:inline-block;
	text-align:left;
}
.info .tel .red{
	color:#c50018;
}
.info p{
	line-height:1.75;
	padding:0 0 25px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	letter-spacing:0.02em;
}
.info p.txt_caution{
	text-align:left;
}

/* 202501追加 */
.btn-arw a{
	padding-right:40px;
	font-size:1.5rem;
	color:#000;
	position: relative;
}
.btn-arw a::before{
	position: absolute;
	content: '';
	width:30px;
	height: 8px;
	top:-2px;
	bottom:0;
	right:0;
	margin:auto 0;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	transform: skew(45deg);

	transition: all .5s ease;
}
.btn-arw a:hover::before{
	right:-6px;
}

/* ============［Footer］============ */
footer{
	border-top:3px solid #eb5f1f;
	padding:20px 20px 20px 20px;
}
footer .name{
	/*float:left;*/
	margin-right:0;
	background:url("../img/logo_naoi.gif");
	background-size:215px;
	width:215px;
	height:22px;
	text-indent: -9999px;
}
footer ul{
	/*float:left;*/
	margin-top:20px;
	margin-bottom:56px;
}
footer li{
	float:left;
	border-left:1px solid #000;
	list-style:none;
	padding:0 15px;
	font-size:1.5rem;
}
footer li a{
	text-decoration: none;
	color:#000;
}
footer .copy{
	/*float:right;*/
	font-size:1.3rem;
	clear:both;
}

/* 横長画面向けスタイル */
@media screen and (orientation:landscape){

	/*body{
		min-width:1280px;
	}

	body #main_visual{

	}*/

	header .inner1040 .copy{
		background:#251e1e url("../img/hd_copy_sp.png") no-repeat 12px 10px;
		background-size:50%;
		width:100%;
		height: 35px;
		text-indent: -9999px;
	}

	/* ============［main_visual］============ */
	.vol27 #main_visual{
		height:220px;
	}
	.vol27 #main_visual .mv_txt{
		text-align: center;
		padding-top:16px;
	}
	.ml15 {
		font-weight: 800;
		font-size: 3.8em;
		text-transform: uppercase;

		text-align: center;
		margin:0 auto;
		color:#fff;

		position: absolute;
		top: 60px;
		right: 0;
		bottom: 0.5em;
		left: 0;
		margin: auto;
	}
	.ml15 .word {
		display: inline-block;
		line-height: 1em;

		vertical-align: top;
	}
	.ml15 .word.nazo{
		font-size:1.4em;
		padding-top:70px;
	}
	.ml15 .word.zekkei{
		font-size:1.0em;
		padding:50px 16px 0 20px;
	}
	.ml15 .word.shoku{
		font-size:1.5em;
		padding-top:60px;
	}

	/* ============［pickup］============ */
	.vol28 #pickup{
		padding:180px 0 0 0;
	}
	.vol29 #pickup{
		padding:180px 0 50px 0;
		background:url("../img/vol29/pickup_ttl_bg.gif") no-repeat center top, repeating-linear-gradient(-45deg, #e2d8de 0, #e2d8de 15px, #fff 15px, #fff 30px);
		background-size:240%;
	}
	#pickup h2{
		/*background-size:100%;*/
		width:35%;
		/*height: 100px;*/
	}
	#pickup h3{
		/*background:#eb5f1f;*/
		color:#fff;
		padding:18px 6px;
		font-size:1.8rem;
		width:93%;

		position:absolute;
		top:60px;
		left: 0;
		right:0;
		margin:0 auto;

		z-index: 2;
	}
	.vol27 #pickup h3{
		background:#eb5f1f;
	}
	.vol28 #pickup h3{
		background:#005ca2;
	}
	.vol29 #pickup h3{
		background:#912758;
	}
	.vol30 #pickup h3{
		background:#912758;
	}
	.vol31 #pickup h3{
		width:100%;
		background:#8eba3e;
	}
	#pickup li{
		width:300px;
		height:300px;
		background: #fff;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		margin:140px 12px 50px 12px;
		padding:0 12px;
		vertical-align: top;

		position:relative;
	}
	#pickup li .pk_img{
		position:absolute;
		bottom:220px;
		left: 0;
		right:0;
		margin:auto;

		z-index: 1;
	}
	.vol31 #pickup li:first-of-type .pk_img,
	.vol31 #pickup li:last-of-type .pk_img{
		bottom:180px;
	}
	#pickup li .pk_img img{
		width:90%;
		height:auto;
	}
	.vol34 #pickup li .pk_img img{
		width:70%;
	}
	.vol35 #pickup li .pk_img img{
		width:auto;
	}
	.vol36 #pickup li .pk_img img{
		width:auto;
	}
	.vol37 #pickup li .pk_img img{
		width:auto;
	}
	#pickup li .pk_txt{
		position:absolute;
		top:136px;
		left: 0;
		right:0;
		margin:0 auto;
		width:76%;
		line-height: 1.6em;
		text-align: left;
	}
	#pickup li .detail_btn{
		margin-top:256px;
	}
	#pickup li .detail_btn a{
		color:#eb5f1f;
		text-decoration: none;
		font-size:1.8rem;
	}
	.vol31 #pickup li .detail_btn a{
		color:#8eba3e;
	}

	/* ============［latest］============ */
	#latest .latest-in{
		background:#55a678;
		width:100%;
		margin:0px auto 0 auto;
		padding:40px 30px;

		position: relative;
	}
	#latest h2{
		width:80%;
	}
	#latest .latest_txt{
		text-align: center;
	}

	/* ============［csr］============ */
	#csr h2{
		width:70%;
		height: 80px;
	}
	#csr .csr_txt{
		padding:0 100px 58px 100px;
	}
	#csr .inner1280 .side_txt_r{
		position: absolute;
		top:198px;
		right:30px;

		width:42px;
	}
	#csr .inner1280 .side_txt_l{
		position: absolute;
		top:198px;
		left:30px;

		width:42px;
	}

	/* ============［eco-project］============ */
	#eco-project{
		padding:160px 0 50px 0;
	}
	#eco-project h2{
		height:160px;
	}

	/* ============［eco-project-contact］============ */
	#eco-project-contact .inner1040 .eco_pic03{
		top:-80px;
		left: -80px;
	}
	#eco-project-contact .inner1040 .eco_txt{
		padding:40px 40px 40px 160px;
	}

	/* ============［jimoto］============ */
	#jimoto h2{
		width:50%;
	}

	/* ============［present］============ */
	#present h2{
		/*height:180px;*/
	}

	/* ============［contact］============ */
	#contact h2{
		width:50%;
		height:200px;
	}


}


/*==========================================
Tablet View
===========================================*/
@media only screen and (min-width: 768px){

		a[href^="tel:"]{
			pointer-events: none;
			text-decoration: none;
			color:#251e1e;
		}

		header .inner1040 .copy{
			background:#251e1e url("../img/hd_copy_sp.png") no-repeat 12px 8px;
			background-size:50%;
		}

		/* ============［main_visual］============ */
		.vol27 #main_visual{
			height:260px;
		}
		#main_visual .mv_txt{
			text-align: center;
			padding-top:16px;
		}
		.ml15 {
			font-weight: 800;
			font-size: 3.8em;
			text-transform: uppercase;

			text-align: center;
			margin:0 auto;
			color:#fff;

			position: absolute;
			top: 90px;
			right: 0;
			bottom: 0.5em;
			left: 0;
			margin: auto;
		}
		.ml15 .word {
			display: inline-block;
			line-height: 1em;

			vertical-align: top;
		}
		.ml15 .word.nazo{
			font-size:1.5em;
			padding-top:70px;
		}
		.ml15 .word.zekkei{
			font-size:1.0em;
			padding:50px 16px 0 20px;
		}
		.ml15 .word.shoku{
			font-size:1.6em;
			padding-top:60px;
		}

		/* ============［pickup］============ */
		.vol28 #pickup{
			padding:220px 0 0 0;
		}
		.vol29 #pickup{
			padding:220px 0 50px 0;
		}
		.vol30 #pickup,
		.vol31 #pickup{
			padding:220px 0 50px 0;
		}
		.vol39 #pickup{
			/*margin-top:190px;*/
			margin-top:170px;
		}
		.vol39 #pickup:before{
			/*top: -174px;*/
			top: -100px;
			width: 640px;
			/*height: 180px;*/
			height: 162px;
			background:url("../img/vol39/pickup_ttl_bg.png") no-repeat center top;
			background-size: contain;
		}
		.vol40 #pickup{
			/*margin-top:190px;*/
			margin-top:170px;
		}
		.vol40 #pickup:before{
			top: -111px;
			width: 164px;
			height: 120px;
			background:url("../img/vol40/pickup_ttl_bg.png") no-repeat center top;
			background-size: contain;
		}
		#pickup h2{
			/*background-size:100%;*/
			width:40%;
			/*height: 90px;*/
		}

		.movie{
			margin:75px 0 0;
			padding: 0 50px;
		}
		.movie .mv_ttl{
			font-size: 3rem;
		}

		.fukidashi{
			margin: 2em 0 0;
			padding: 2em 1em;
			min-width: 120px;
			max-width: 100%;
		}
		.fukidashi p{
			font-size: 1.4rem;
			text-align: center;
		}

		/* ============［latest］============ */
		#latest .latest-in{
			background:#55a678;
			width:100%;
			margin:0px auto 0 auto;
			padding:40px 30px;

			position: relative;
		}
		#latest h2{
			width:80%;
		}
		#latest .latest_txt{
			text-align: center;
		}
		#latest .latest-in .backnumber li{
			width:25%;
		}

		/* 202112追加 */
		.sdgs-area{
			max-width:100%;
		}
		.announcement{
			padding: 50px;
		}
		.announcement::after{
			width: 76%;
			height: 176px;
			top:26px;
		}

		/* ============［csr］============ */
		#csr h2{
			width:76%;
			height: 80px;
		}
		#csr .csr_txt{
			padding:0 100px 58px 100px;
		}
		#csr .inner1280 .side_txt_r{
			position: absolute;
			top:198px;
			right:30px;

			width:42px;
		}
		#csr .inner1280 .side_txt_l{
			position: absolute;
			top:198px;
			left:30px;

			width:42px;
		}

		/* ============［eco-project］============ */
		#eco-project{
			padding:160px 0 50px 0;
		}
		#eco-project h2{
			height:160px;
		}
		#eco-project-contact .inner1040 .eco_txt{
			padding:40px 40px 40px 260px;
		}

		/* ============［jimoto］============ */
		#jimoto h2{
			width:50%;
		}

		/* ============［present］============ */
		#present h2{
			/*height:180px;*/
		}
		#present li.yoko{
			width:640px;
			margin:0 auto;

			display:inline-block;
		}
		#present li.yoko img{
			width:100%;
			height:auto;
		}
		#present li.yoko-sp{
			display:none;
		}

		/* 202301追加 */
		.present_info_all{
			display: flex;
			margin:0 0 3em;
		}
		.vol35 .present_info_all, 
		.vol36 .present_info_all, 
		.vol37 .present_info_all, 
		.vol38 .present_info_all, 
		.vol39 .present_info_all, 
		.vol40 .present_info_all{
			display: inherit;
		}
		.vol35 .present_info_all .present_info, 
		.vol36 .present_info_all .present_info, 
		.vol37 .present_info_all .present_info, 
		.vol38 .present_info_all .present_info, 
		.vol39 .present_info_all .present_info, 
		.vol40 .present_info_all .present_info{
			display:flex;
		}
		.vol35 .present_info_all.clm3 .present_info, 
		.vol36 .present_info_all.clm3 .present_info, 
		.vol37 .present_info_all.clm3 .present_info, 
		.vol38 .present_info_all.clm3 .present_info, 
		.vol39 .present_info_all.clm3 .present_info, 
		.vol40 .present_info_all.clm3 .present_info{
			margin-bottom:20px;
		}
		.vol35 .present_info_all .present_info .photo, 
		.vol36 .present_info_all .present_info .photo, 
		.vol37 .present_info_all .present_info .photo, 
		.vol38 .present_info_all .present_info .photo,
		.vol39 .present_info_all .present_info .photo, 
		.vol40 .present_info_all .present_info .photo{
			width:30%;
			padding: 0 18px 0 0;
		}
		.vol35 .present_info_all .present_info .detail, 
		.vol36 .present_info_all .present_info .detail, 
		.vol37 .present_info_all .present_info .detail,
		.vol38 .present_info_all .present_info .detail, 
		.vol39 .present_info_all .present_info .detail, 
		.vol40 .present_info_all .present_info .detail{
			width:70%;
		}
		.present_info_all.clm3 .present_info{
			width:31.3%;
			margin: 0 1%;
		}
		.vol35 .present_info_all.clm3 .present_info, 
		.vol36 .present_info_all.clm3 .present_info, 
		.vol37 .present_info_all.clm3 .present_info, 
		.vol38 .present_info_all.clm3 .present_info, 
		.vol39 .present_info_all.clm3 .present_info, 
		.vol40 .present_info_all.clm3 .present_info{
			width:100%;
		}
		.present_info_all.clm2 .present_info{
			width:48%;
			margin: 0 1%;
		}
		.vol35 .present_info_all.clm2 .present_info, 
		.vol36 .present_info_all.clm2 .present_info, 
		.vol37 .present_info_all.clm2 .present_info, 
		.vol38 .present_info_all.clm2 .present_info,
		.vol39 .present_info_all.clm2 .present_info, 
		.vol40 .present_info_all.clm2 .present_info{
			width:100%;
			margin:0 0 20px;
		}
		.vol35 .present_info .detail .mei, 
		.vol36 .present_info .detail .mei,
		.vol37 .present_info .detail .mei, 
		.vol38 .present_info .detail .mei, 
		.vol39 .present_info .detail .mei{
			margin:0;
		}
		.vol40 .present_info .detail .mei{
			margin:0 0 0 10px;
		}
		.vol35 .present_info .detail .mei.large, 
		.vol36 .present_info .detail .mei.large, 
		.vol37 .present_info .detail .mei.large, 
		.vol38 .present_info .detail .mei.large, 
		.vol39 .present_info .detail .mei.large, 
		.vol40 .present_info .detail .mei.large{
			margin:-20px -20px 0 0;
		}
		.present_info .detail .mei.large2{
			width: 120px;
			height: 120px;
			margin:0 0 0 20px;
		}
		.present_info .detail .mei.large2 strong{
			font-size: 1.5rem;
    		line-height: 1.2;
		}
		/*複数あるとき*/
		/*.present_info .detail .mei_multi{
			display: inherit;
			margin-right: auto;
		}*/
		.present_info .detail .ttl .mark{
			width: 10%;
		}
		.present_info .detail .ttl .ttl_multi{
			width: 90%;
		}
		.ttl_multi .ttl_list:first-child{
			padding: 0 0 1.2em;
		}
		.present_info .detail .ttl .ttl_multi .mei{
			margin: -68px 0 0 0;
		}
		.present_info .detail .ttl .ttl_multi h4{
			padding-right: 4em;
		}

		/* ============［contact］============ */
		#contact h2{
			width:50%;
			height:200px;
		}

		/* 横長画面向けスタイル */
		@media screen and (orientation:landscape){

			body{
				min-width:1280px;
			}

		}

}


/*==========================================
Desktop View
===========================================*/

/*@media print, screen and (min-width: 1024px){*/
@media print, screen and (min-width: 800px){

			.t-center {
				text-align: center;
			}
			.pc-on {
				display: block;
			}
			.sp-on {
				display: none;
			}

			.inner1040{
				width:1040px;
				margin:0 auto;
			}
			.inner1280{
				width:1280px;
				margin:0 auto;
			}

			/* ============［Header］============ */
			header{

			}
			header .inner1040{
				position: relative;
				height:106px;

				overflow:hidden;
			}
			header .inner1040 h1{
				background:url("../img/site_logo.gif") no-repeat;
				background-size: 185px;

				text-indent: -9999px;
				margin-top:0;

				position: absolute;
				top:18px;
				left: 0;
			}
			header .inner1040 h1 a{
				display:block;
				width:185px;
				height: 67px;
			}

			#toggle {
				display: none;
			}
			.toggleWrap {
				background: none;
				height: auto;
				position: static;
				padding: 0;
				margin-bottom: 20px;
			}
			.animation {
				-webkit-transition: none;
					transition: none;
			}
			.hide {
				opacity: 1;
				visibility: visible;
			}
			header .inner1040 .copy{
				position: absolute;
				top:0;
				left: 206px;
				background:url("../img/hd_copy.gif");
				width:583px;
				height: 48px;
				text-indent: -9999px;
			}

			header .inner1040 .sns{
				position: absolute;
				top:16px;
				right: 0;

				display:inherit;
			}
			header .inner1040 .sns ul{
				margin:0;
				padding: 0;
			}
			header .inner1040 .sns li{
				list-style: none;
				margin:0;
				padding: 0;
				display: inline-block;
			}
			header .inner1040 .sns li a{
				display: block;
				width:33px;
				height: 33px;
				text-indent: -9999px;
			}
			header .inner1040 .sns li.fb{
				background:url("../img/btn_fb.png") no-repeat;
				background-size: 32px;
				height: 32px;
			}
			header .inner1040 .sns li.line{
				background:url("../img/btn_line.png") no-repeat;
				background-size: 33px;
				height: 33px;
			}

			/* ============［Nav］============ */
			header nav{
				position: absolute;
				top:72px;
				right: 0;
				font-size:0;
			}
			header nav li{
				display: inline-block;
				border-left:1px solid #251e1c;
				border-bottom:none;
				font-size:1.6rem;
			}
			header nav li.home{
				display:none;
			}
			header nav li:last-child{
				border-right:1px solid #251e1c;
			}
			header nav li a{
				color:#251e1c;
				text-decoration: none;
				padding: 0 13px;
				display: block;
				font-size:inherit;
			}
			header nav li a:hover{
				opacity:.7;
			}

			header nav ul.tgl_sns{
				display:none;
			}

			/* ============［main_visual］============ */
			#main_visual{
				height:auto;
				overflow:hidden;
				position:relative;
			}
			.vol27 #main_visual{
				background:url("../img/vol27/main_visual_bg.jpg") no-repeat center 0;
				background-size: cover;
				height:550px;
			}
			.vol28 #main_visual{
				height:auto;
			}
			.vol29 #main_visual{
				height:auto;
			}
			.vol30 #main_visual,
			.vol31 #main_visual,
			.vol32 #main_visual,
			.vol33 #main_visual, 
			.vol34 #main_visual, 
			.vol35 #main_visual, 
			.vol36 #main_visual,
			.vol37 #main_visual{
				height:auto;
			}
			#main_visual .mv_txt{
				text-align: center;
				padding-top:36px;
			}
			#main_visual .mv_txt img{
				width:auto;
				height:auto;
			}

			.ml15 {
				font-weight: 800;
				font-size: 3.8em;
				text-transform: uppercase;

				text-align: center;
				margin:0 auto;
				color:#fff;

				position: absolute;
				top: 240px;
				right: 0;
				bottom: 0.5em;
				left: 0;
				margin: auto;
			}
			.ml15 .word {
				display: inline-block;
				line-height: 1em;

				vertical-align: top;
			}
			.ml15 .word.nazo{
				font-size:2.6em;
				padding-top:70px;
			}
			.ml15 .word.zekkei{
				font-size:1.7em;
				padding:30px 40px 0 50px;
			}
			.ml15 .word.shoku{
				font-size:2.0em;
				padding-top:60px;
			}

			/* ============［bn_area］============ */
			#bn_area{
				padding:92px 0 50px 0;
			}
			#bn_area p{
				text-align: center;
			}
			#bn_area p img{
				width:auto;
				height:auto;
			}

			/* ============［pickup］============ */
			.vol27 #pickup{
				background:url("../img/vol27/pickup_ttl_bg.gif") no-repeat center top, repeating-linear-gradient(-45deg, #ffd4a3 0, #ffd4a3 20px, #fff 20px, #fff 40px);
				padding:110px 0 660px 0;
			}
			.vol28 #pickup{
				background:url("../img/vol28/pickup_ttl_bg.png") no-repeat center top, repeating-linear-gradient(-45deg, #d6f3fb 0, #d6f3fb 20px, #fff 20px, #fff 40px);
				padding:110px 0 660px 0;
			}
			.vol29 #pickup{
				background:url("../img/vol29/pickup_ttl_bg.gif") no-repeat center top, repeating-linear-gradient(-45deg, #e2d8de 0, #e2d8de 15px, #fff 15px, #fff 30px);
				padding:30px 0 660px 0;
			}
			.vol30 #pickup{
				background:repeating-linear-gradient(-45deg, #f2e7db 0, #f2e7db 15px, #fff 15px, #fff 30px);
				padding:50px 0 660px 0;
			}
			.vol31 #pickup{
				background:repeating-linear-gradient(-45deg, #f3f9e1 0, #f3f9e1 15px, #fff 15px, #fff 30px);
				padding:50px 0 660px 0;
			}
			.vol32 #pickup{
				background:repeating-linear-gradient(-45deg, #fff8e8 0, #fff8e8 15px, #fff 15px, #fff 30px);
				padding:50px 0 660px 0;
			}
			.vol33 #pickup{
				background:repeating-linear-gradient(-45deg, #ecf4f9 0, #ecf4f9 15px, #fff 15px, #fff 30px);
				padding:50px 0 660px 0;
			}
			.vol34 #pickup{
				background:repeating-linear-gradient(-45deg, #ececf9 0, #ececf9 15px, #fff 15px, #fff 30px);
				padding:50px 0 660px 0;
			}
			.vol35 #pickup{
				background:repeating-linear-gradient(-45deg, rgba(204, 177, 71, .15) 0, rgba(204, 177, 71, .15) 15px, #fff 15px, #fff 30px);
				padding:50px 0 660px 0;
			}
			.vol36 #pickup{
				background:repeating-linear-gradient(-45deg, rgba(194, 58, 126, .15) 0, rgba(194, 58, 126, .15) 15px, #fff 15px, #fff 30px);
				padding:50px 0 660px 0;
			}
			.vol37 #pickup{
				background:repeating-linear-gradient(-45deg, rgba(109,198,212, .15) 0, rgba(109,198,212, .15) 15px, #fff 15px, #fff 30px);
				padding:50px 0 660px 0;
			}
			.vol38 #pickup{
				background:repeating-linear-gradient(-45deg, rgba(65, 153, 42, .1) 0, rgba(65, 153, 42, .1) 15px, #fff 15px, #fff 30px);
				padding:50px 0 660px 0;
			}
			.vol39 #pickup{
				background:repeating-linear-gradient(-45deg, rgba(97,80,115, .1) 0, rgba(97,80,115, .1) 15px, #fff 15px, #fff 30px);/* ★★★ここ後で！★★★ */
				padding:50px 0 660px 0;
			}
			.vol40 #pickup{
				background:repeating-linear-gradient(-45deg, rgba(254,238,196, .9) 0, rgba(254,238,196, .9) 15px, #fff 15px, #fff 30px);/* ★★★ここ後で！★★★ */
				padding:50px 0 660px 0;
			}
			#pickup h2{
				/*text-align: center;
				background: url("../img/pickup_ttl.png") no-repeat;
				bakground-size:353px;*/
				width:353px;
				/*height: 32px;
				text-indent: -9999px;*/
			}
			.vol27 #pickup h2{
				margin: 0 auto;
				padding:0;
			}
			.vol28 #pickup h2{
				margin: 162px auto 0 auto;
				padding:0;
			}
			.vol29 #pickup h2{
				margin: 162px auto 40px auto;
				padding:0;
			}
			.vol30 #pickup h2{
				margin: 0 auto 40px auto;
				padding:0;
			}
			.vol31 #pickup h2{
				margin: 0 auto 40px auto;
				padding:0;
			}
			.vol32 #pickup h2{
				margin: 0 auto 40px auto;
				padding:0;
			}
			.vol33 #pickup h2{
				margin: 0 auto 40px auto;
				padding:0;
			}
			.vol34 #pickup h2{
				margin: 0 auto 40px auto;
				padding:0;
				width:573px;
			}
			.vol35 #pickup h2{
				margin: 0 auto 40px auto;
				padding:0;
				width:573px;
			}
			.vol36 #pickup h2{
				margin: 0 auto 40px auto;
				padding:0;
				width:573px;
			}
			.vol37 #pickup h2{
				margin: 0 auto 40px auto;
				padding:0;
				width:573px;
			}
			#pickup h3{
				/*background:#eb5f1f;*/
				color:#fff;
				padding:18px 6px;
				font-size:1.8rem;
				width:93%;

				position:absolute;
				top:160px;
				left: 0;
				right:0;
				margin:0 auto;

				z-index: 2;
			}
			.vol27 #pickup h3{
				background:#eb5f1f;
			}
			.vol28 #pickup h3{
				background:#005ca2;
			}
			.vol29 #pickup h3{
				background:#912758;
			}
			.vol30 #pickup h3{
				background:#c67f41;
			}
			.vol31 #pickup h3{
				background:#8eba3e;
			}
			#pickup ul{
				text-align: center;
				width: 1280px;
				margin: 0 auto;
			}
			#pickup li{
				display:inline-block;
				width:400px;
				height:400px;
				background: #fff;
				border-radius: 50%;
				-moz-border-radius: 50%;
				-webkit-border-radius: 50%;
				margin:140px 11px 0 12px;
				padding:0 12px;
				vertical-align: top;

				position:relative;
			}
			.vol29 #pickup li{
				margin:140px 11px 50px 12px;
			}
			.vol30 #pickup li{
				margin:140px 11px 50px 12px;
			}
			.vol31 #pickup li{
				margin:120px 11px 50px 12px;
			}
			.vol32 #pickup li{
				margin:90px 11px 50px 12px;
			}
			.vol33 #pickup li{
				margin:90px 11px 50px 12px;
			}
			.vol34 #pickup li{
				margin:90px 11px 50px 12px;
			}
			.vol35 #pickup li{
				margin:90px 11px 50px 12px;
			}
			.vol36 #pickup li{
				margin:90px 11px 50px 12px;
			}
			.vol37 #pickup li{
				margin:90px 11px 50px 12px;
			}
			#pickup li .pk_img{
				position:absolute;
				bottom:200px;
				left: 0;
				right:0;
				margin:auto;

				z-index: 1;
			}
			.vol31 #pickup li:first-of-type .pk_img{
				bottom:180px;
			}
			.vol31 #pickup li:last-of-type .pk_img{
				bottom:150px;
			}

			#pickup li .pk_img img{
				width:auto;
				height:auto;
			}
			#pickup li .pk_txt{
				position:absolute;
				top:236px;
				left: 0;
				right:0;
				margin:0 auto;
				width:76%;
				line-height: 1.6em;
				text-align: left;
			}
			#pickup li .detail_btn{
				margin-top:356px;
			}
			#pickup li .detail_btn a{
				color:#eb5f1f;
				text-decoration: none;
				font-size:1.8rem;
			}
			.vol31 #pickup li .detail_btn a{
				color:#8eba3e;
			}

			/* ============［movie］============ */
			.movie_wrap{
				width: 1040px;
				height: 585px;
			}

			/* ============［latest］============ */
			#latest{

			}
			#latest .latest-in{
				background:url("../img/latest_bg.png") no-repeat;
				width:1120px;
				height:1060px;
				margin:-560px auto 0 auto;
				padding:90px 0 0 0;

				position: relative;
			}
			#latest h2{
				/*background:url("../img/latest_h2.png") ;
				background-size:449px;*/
				width:449px;
				width:539px;
				/*height: 69px;*/
				margin:20px auto 35px auto;
				/*text-indent: -9999px;*/
				padding-right:90px;
			}
			#latest h2 img{
				width:100%;
				height:auto;
			}
			#latest .latest_h2_sub{
				width:473px;
				margin:0 auto;
			}
			#latest .latest_h2_sub img{
				width: 100%;
				height: auto;
			}
			#latest .latest-in h3{
				background:#fff;
				color:#000;
				width:100px;
				height:100px;
				line-height: 100px;
				text-align:center;

				display: inline-block;
				border-radius: 50%;
				font-size:2.4rem;

				position:absolute;
				top:170px;
				right:250px;
			}
			#latest .latest_txt{
				text-align: center;
				color:#fff;
				font-size:2.2rem;
				line-height: 1.9em;

				font-family: "Noto Sans Japanese", sans-serif;
				font-weight: 500;
			}
			#latest .latest_naiyou{
				overflow: hidden;
				margin-top:30px;
			}
			#latest .left_side{
				width:378px;
				float:left;
				margin-left:120px;
			}
			#latest .left_side .view_btn{
				border:3px solid #fff;
				width:180px;
				margin:0 auto;
			}
			#latest .left_side .view_btn a{
				display: block;
				text-align: center;
				color:#fff;
				text-decoration: none;
				font-size:2.4rem;
				padding:10px;
				transition: .2s;

				font-family: "Noto Sans Japanese", sans-serif;
				font-weight: 500;
			}
			#latest .left_side .view_btn a:hover{
				background:#fff;
				color:#55a678;
			}
			#latest .left_side .hyoushi{
				width:268px;
				margin:0 auto 50px auto;
			}
			#latest .left_side .hyoushi img{
				width:100%;
				height: auto;

				box-shadow: 8px 8px #224230;
			}
			#latest .right_side{
				width:620px;
				float:right;
				margin-bottom:0px;
			}
			#latest .right_side h3{
				text-align: center;
				margin-top:40px;
				padding:52px 0;
				background: #fff;
				height: 150px;
				width: 150px;
				border-radius: 50%;
				-moz-border-radius: 50%;
				-webkit-border-radius: 50%;

				font-size:3.8rem;

				font-family: "Noto Sans Japanese", sans-serif;
				font-weight: 600;

				float:left;
			}
			#latest .right_side h4{
				color:#fff;
				font-size:2.0rem;
				margin-bottom:20px;
			}
			#latest .right_side ul{
				/*padding-left:180px;*/
				padding-left: 0px;
				margin-bottom:35px;
			}
			#latest .right_side ul li{
				color:#fff;
				list-style:none;
				margin-bottom:16px;
				line-height: 1.4em;
				font-size:2.2rem;

				font-family: "Noto Sans Japanese", sans-serif;
				font-weight: 500;

				position:relative;
			}
			#latest .right_side ul li a{
				color:#fff;
				display: inline-table;
			}
			#latest .right_side ul li a:hover{
				opacity: .7;
			}
			#latest .right_side ul li::before{
				position: relative;
				content: '';
				top: -2px;
				left: -10px;
				display: inline-block;
				width: 6px;
				height: 6px;
				border-radius: 100%;
				background: #fff;
			}

			#latest .latest-in .backnumber h5{
				color:#fff;
				font-size:2.0rem;
				/*margin-left:128px;*/
				margin-top:0px;
				text-align:left;
			}
			#latest .latest-in .backnumber{ /* #latest .latest-inの絶対配置 ←解除 */
				/*position: absolute;
				top:630px;
				left:476px;
				margin:auto;*/
			}
			#latest .latest-in .backnumber ul{
				/*margin-bottom:35px;*/
				padding-left: 0;
				/*width:440px;*/
				width:500px;
			}
			#latest .latest-in .backnumber li{
				/*list-style: none;
				margin-bottom:18px;
				margin:0 0px 18px 0px;*/

				display:inherit;
				/*width:100px;*/
				/*width:88px;*/
				/*width:73px;*/
				width:70px;
			}

			#latest .latest-in .backnumber li a{
				/*padding:10px 0;*/
				padding:5px 0;
				/*display: block;

				text-decoration: none;
				color:#000;

				text-align: center;
				margin:0 auto;
				padding:24px 0;
				background: #fff;
				height: 66px;
				width: 66px;
				border-radius: 50%;
				-moz-border-radius: 50%;
				-webkit-border-radius: 50%;

				font-size:1.7rem;

				font-family: "Noto Sans Japanese", sans-serif;
				font-weight: 600;*/

				/*font-size:1.5rem;*/
				font-size:1.4rem;
			}
			#latest .latest-in .backnumber li a:hover{
				/*opacity:.7;*/
			}

			.cp_actab {
				width: 420px;
				margin: 0;
			}
			#latest .latest-in .backnumber .cp_actab input:checked ~ .cp_actab-content li{
				width:22.2%;
			}

			#latest .latest-in .backnumber .more{
				/*text-indent:-9999px;*/
				/*text-align: center;*/
				width: 400px;
			}
			#latest .latest-in .backnumber .more a{
				display: inline-block;
				/*background: url("../img/latest_more.png") no-repeat;
				background-size:201px;
				width:201px;
				height:83px;*/
				/*padding:0 0 .5em;
				border-bottom:2px solid red;*/
				/*color:#fff;*/
				color:#000;
			}
			#latest .latest-in .backnumber .more a:hover{
				opacity: .7;
			}
			#latest .latest-in .car{ /* #latest .latest-inの絶対配置 */
				position: absolute;
				bottom:20px;
				left:30px;
				right:0px;
				margin:auto;


				display:inherit;
			}
			.vol27 #latest .latest-in .car{
				width:316px;
			}
			.vol28 #latest .latest-in .car{
				width:210px;
			}
			.vol29 #latest .latest-in .car{
				width:516px;
			}
			.vol30 #latest .latest-in .car{
				width:516px;
			}
			.vol31 #latest .latest-in .car{
				width:516px;
			}
			#latest .latest-in .car img{
				width:100%;
				height: auto;
			}


			/* 202112追加 */
			.sdgs-bn{
				text-align: center;
				background:#d7f0db;
				margin: -486px 0 0;
				padding: 540px 0 0;
			}
			.sdgs-bn img{
				width:auto;
			}

			.sdgs-area{
				max-width:600px;
				width: 100%;
				margin: 60px auto 85px auto;
			}
			.announcement{
				position: relative;
				padding: 0;
			}
			.announcement::after{
				position: absolute;
				content: '';
				background:#f8ffeb;
				width:100%;
				height: 320px;
				border-radius: 50%;
				top:-46px;
				left:0;
				right:0;
				margin: auto;
				z-index: 0;
			}
			.announcement h2{
				font-family: "Noto Sans Japanese", sans-serif;
				font-weight: 800;
				font-size: 4rem;
				text-align: center;
				line-height: 1.6;
				position: relative;
				z-index: 1;
				color:#274b3b;
				margin:0 0 .2em;
			}
			.announcement p{
				line-height: 2.2;
				text-align: center;
				font-size: 1.8rem;
				font-family: "Noto Sans Japanese", sans-serif;
				position: relative;
				z-index: 1;
			}
			.announcement p::before{
				position: absolute;
				content:'';
				background:url(../img/leaf01.png) no-repeat;
				background-size: contain;
				width:114px;
				height: 132px;
				left:-20px;
				bottom:-35px;
			}
			.announcement p::after{
				position: absolute;
				content:'';
				background:url(../img/leaf02.png) no-repeat;
				background-size: contain;
				width:122px;
				height: 106px;
				right:-40px;
				bottom:-35px;
			}

			/* ============［csr］============ */
			#csr{
				background:#d7f0db url("../img/csr_bg.png") no-repeat center 340px;
				/*padding:50px 0;*/
				padding:530px 0 120px 0;
				margin-top:-480px;
			}
			#csr h2{
				background:url("../img/csr_h2.png") no-repeat;
				background-size:422px;
				width:422px;
				height: 39px;
				margin:0 auto 12px auto;
				padding:0;
				text-indent: -9999px;
			}
			#csr .inner1280{
				position: relative;
			}
			#csr .report_ttl{
				height: auto;
				margin:0 auto 50px auto;
				width:407px;
			}
			#csr .report_ttl img{
				width:100%;
				height: auto;
			}
			#csr .inner1280 .side_txt_r{
				position: absolute;
				top:-130px;
				right:50px;

				width:auto;
			}
			#csr .inner1280 .side_txt_l{
				position: absolute;
				top:220px;
				left:50px;

				width:auto;
			}
			#csr .inner1280 .side_txt_r img,
			#csr .inner1280 .side_txt_l img{
				width:auto;
				height:auto;
			}
			#csr .inner1280 .hito01{
				position: absolute;
				top:-170px;
				left:80px;

				width:auto;
			}
			#csr .inner1280 .hito02{
				position: absolute;
				top:0;
				right:110px;

				width:auto;
			}
			#csr .inner1280 .hito01 img,
			#csr .inner1280 .hito02 img{
				width:auto;
				height:auto;
			}
			#csr .csr_txt{
				padding:0 270px 80px 270px;
			}
			#csr .csr_txt h3{
				font-size:3.2rem;
				margin:30px 0 40px 0;
				text-align: center;

				font-weight: 600;
			}
			#csr .csr_txt p{
				font-size:2.1rem;
				line-height: 2.2em;
				margin-bottom:80px;

				font-family: "Noto Sans Japanese", sans-serif;
				font-weight: 400;
			}

			/* ============［eco-project］============ */
			#eco-project{
				background:url("../img/eco-project_bg.jpg");
				background-size: cover;
				padding:100px 0 50px 0;

				height:1080px;

				position: relative;
			}
			.vol27 #eco-project{
				height:1180px;
			}
			.vol28 #eco-project,
			.vol29 #eco-project,
			.vol30 #eco-project{
				height:1400px;
			}
			.vol31 #eco-project, 
			.vol32 #eco-project, 
			.vol33 #eco-project, 
			.vol34 #eco-project{
				height:1620px;
			}
			.vol35 #eco-project, 
			.vol36 #eco-project, 
			.vol37 #eco-project, 
			.vol38 #eco-project{
				height:1840px;
			}
			.vol39 #eco-project, 
			.vol40 #eco-project{
				height:1880px;
			}
			#eco-project h2{
				background:url("../img/eco_ttl.png") no-repeat;
				background-size:388px;
				width:388px;
				height:162px;
				text-indent: -9999px;

				margin-left: 0px;

				position:absolute;
				top:-200px;
				left: 40px;

				z-index: 1;
			}
			#eco-project .inner1040{
				position: relative;
			}
			#eco-project .inner1040 .eco_pic01{
				position:absolute;
				top:-60px;
				left: -140px;
				z-index:0;

				width:auto;
			}
			#eco-project .inner1040 .eco_pic02{
				position:absolute;
				top:-210px;
				right: -40px;
				z-index:0;

				width:auto;
			}
			#eco-project .eco_pic03{
				position:absolute;
				bottom:0px;
				left: -60px;
				z-index:0;
			}
			#eco-project .inner1040 .eco_pic01 img,
			#eco-project .inner1040 .eco_pic02 img,
			#eco-project .eco_pic03 img{
				width:auto;
				height:auto;
			}

			#eco-project ul{
				width:1040px;
				margin:116px auto 0 auto;
				padding:0;
				overflow: hidden;

				/*display: flex;
				display: -webkit-box;
				display: -webkit-flex;
				display: -ms-flexbox;

				flex-wrap: wrap;*/

				position: absolute;
				z-index: 2;
			}
			#eco-project li{
				background:#fff;
				list-style: none;
				/*margin-bottom: 3%;*/
				margin-bottom:40px;

				padding:20px 18px 20px 0px;

				width: 48%;
				/*box-sizing: border-box;*/

				float:left;

				min-height: 184px;

				display: flex;
				align-items: center;
			}
			#eco-project li:nth-child(odd){
				margin-right:4%;
			}
			#eco-project h3{
				color:#55a678;
				width:35%;
				/*float:left;*/
				font-size:3.3rem;
				text-align: center;
				border-right:1px solid #55a678;
				padding:50px 0 50px 5px;

				letter-spacing: .1em;

				font-family: "Noto Sans Japanese", sans-serif;
				font-weight: 500;
			}
			#eco-project h3.p-small{
				font-size: 1.3rem;
				padding:36px 5px;
				letter-spacing: 0;
				line-height: 1.5;
			}
			#eco-project h3.p-small span{
				font-size: 1.8rem;
				padding-top: .5em;
				letter-spacing: 0.05em;
			}
			#eco-project li.eco_list p{
				color:#739862;
				width:65%;
				/*float:right;*/
				padding-left:20px;
				line-height: 1.8em;
				font-size:1.8rem;
			}
			#eco-project li.eco_list p.p-small{
				font-size:1.5rem;
				line-height: 1.7em;
			}
			#eco-project li.eco_list.latest{
				background:#ffffc2;
				width:100%;
			}
			.vol30 #eco-project li.eco_list.latest{
				background:#ffffc2;
				width: 48%;
			}
			.vol31 #eco-project li.eco_list.latest{
				background:#ffffc2;
				width: 48%;
			}
			.vol32 #eco-project li.eco_list.latest{
				background:#ffffc2;
				width: 48%;
			}
			#eco-project li.eco_list.latest h3{
				color:#ff6a00;
				line-height:1.1em;
				padding: 25px 0 25px 5px;
				width:15%;
			}
			.vol30 #eco-project li.eco_list.latest h3{
				color:#55a678;
				width:32%;
				float:left;
				font-size:3.3rem;
				text-align: center;
				border-right:1px solid #55a678;
				padding:15px 0 38px 5px;

				letter-spacing: .1em;

				font-family: "Noto Sans Japanese", sans-serif;
				font-weight: 500;
			}
			.vol31 #eco-project li.eco_list.latest h3{
				width:32%;
				float:left;
				font-size:3.3rem;
				text-align: center;
				border-right:1px solid #55a678;
				padding:15px 0 38px 5px;

				letter-spacing: .1em;

				font-family: "Noto Sans Japanese", sans-serif;
				font-weight: 500;
			}
			.vol32 #eco-project li.eco_list.latest h3{
				width:32%;
				float:left;
				font-size:3.3rem;
				text-align: center;
				border-right:1px solid #55a678;
				padding:15px 0 38px 5px;

				letter-spacing: .1em;

				font-family: "Noto Sans Japanese", sans-serif;
				font-weight: 500;
			}
			#eco-project li.eco_list.latest .new{
				background:#ff6a00;
				color:#fff;
				font-size:1.5rem;
				padding:0 20px;
			}
			#eco-project li.eco_list.latest p{
				width:85%;
			}
			.vol30 #eco-project li.eco_list.latest p{
				width:68%;
			}
			.vol31 #eco-project li.eco_list.latest p{
				width:68%;
			}
			.vol32 #eco-project li.eco_list.latest p{
				width:68%;
			}
			#eco-project li.eco_list .eco_list_pic img{
				float:right;
				margin:-35px -20px -35px 25px;

				width:inherit;
				height:auto;
			}
			.vol30 #eco-project .eco_list_pic img{
				display: block;
				position: relative;
				left: 1010px;
				top: 960px;
				z-index: 3;
			}
			.vol31 #eco-project .eco_list_pic img{
				display: block;
				position: relative;
				left: 480px;
				top: 1180px;
				z-index: 3;
			}

			/* ============［eco-project-contact］============ */
			#eco-project-contact{
				background: #d7f0db;
			}
			#eco-project-contact p{
				color:#60985e;
			}
			#eco-project-contact .inner1040{
				position: relative;
			}
			#eco-project-contact .inner1040 .eco_pic03{
				position:absolute;
				top:-120px;
				left: -180px;
				z-index:0;
				width:auto;
			}
			#eco-project-contact .inner1040 .eco_pic03 img{
				width:100%;
				height:auto;
			}
			#eco-project-contact .inner1040 .eco_txt{
				padding:25px 0 40px 310px;
				font-size:2.6rem;
				line-height: 1.8em;

				font-family: "Noto Sans Japanese", sans-serif;
				font-weight: 500;
			}
			.btn_contact a{
				display: block;
				background:url("../img/btn_contact.gif") no-repeat;
				background-size:329px;
				width: 329px;
				height:137px;
				margin:0 auto;
				text-indent: -9999px;
			}
			.btn_contact a:hover{
				opacity: .8;
			}

			/* ============［jimoto］============ */
			#jimoto{
				border-top:16px solid #fff;
				border-bottom:16px solid #fff;
				background:#e9e0d6 url("../img/jimoto_line.png") repeat-x center 70px;

				position:relative;
			}
			#jimoto::after{
				content: '';
				display: inline-block;
				width: 100%;
				height: 80px;
				background: url(../img/jimoto_line.png) repeat-x;
			}
			#jimoto h2{
				text-align: center;
				background:url("../img/jimoto_h2.png");
				background-size:498px;
				width:498px;
				height: 287px;
				margin:0 auto;
				text-indent: -9999px;
				position: absolute;
				top:0;
				left:0;
				right: 0;
			}
			#jimoto ul{
				text-align: center;
				padding:160px 0 40px 0;
				width: 1280px;
				margin: 0 auto;
			}
			#jimoto li{
				display: inline-block;
				padding:0 40px;
				width: 46.2%;
			}
			#jimoto li img{
				width:auto;
				height:auto;
			}

			/* ============［present］============ */
			#present{
				padding:66px 0 80px 0;
				/*background:repeating-linear-gradient(-45deg, #fcf6a6 0, #fcf6a6 20px, #fff 20px, #fff 40px);*/
				background:repeating-linear-gradient(-45deg, #fcead0 0, #fcead0 20px, #fff 20px, #fff 40px);
			}
			.vol34 #present{
				padding:66px 0 80px 0;
			}
			.vol35 #present{
				padding:66px 0 80px 0;
			}
			.vol36 #present{
				padding:66px 0 80px 0;
			}
			.vol37 #present, 
			.vol38 #present{
				padding:66px 0 80px 0;
			}
			#present h2{
				/*background:url("../img/present_h2.png");
				background-size:inherit;*/
				width:890px;
				/*height:224px;*/
				margin:0 auto 10px auto;
				/*text-indent: -9999px;*/
				position:relative;
			}
			#present h2::before{
				position: absolute;
				top:30px;
				left:18px;
				content: '';
				display: inline-block;
				width: 36px;
				height: 166px;
				background-image: url(../img/present_hito01.png);

				background-size: contain;
				vertical-align: middle;
			}
			#present h2::after{
				position: absolute;
				top:20px;
				right:-74px;
				content: '';
				display: inline-block;
				width: 178px;
				height: 173px;
				background-image: url(../img/present_hito02.png);
				background-size: contain;
				vertical-align: middle;
			}
			.vol30 #present h2::before{
				display: none;
			}
			.vol30 #present h2::after{
				display: none;
			}
			.vol31 #present h2::before{
				display: none;
			}
			.vol31 #present h2::after{
				display: none;
			}
			.vol32 #present h2::before{
				display: none;
			}
			.vol32 #present h2::after{
				display: none;
			}
			.vol34 #present h2::before{
				display: none;
			}
			.vol35 #present h2::before{
				display: none;
			}
			.vol36 #present h2::before{
				display: none;
			}
			.vol37 #present h2::before{
				display: none;
			}
			.vol38 #present h2::before{
				display: none;
			}
			.vol38 #present h2::after{
				display: none;
			}
			#present .present_1clm{
				width:100%;
				margin:25px 0;
				padding: 0 5.8%;
			}
			#present ul{
				text-align: center;
				font-size:0;
				margin-bottom:60px;
			}
			#present li{
				width:320px;
				display: inline-block;
				padding:20px 20px;
				font-size:1.5rem;
				vertical-align:top;
			}
			.vol30 #present li{
				width:48%;
				display: inline-block;
				padding:2% 2%;
				font-size:1.5rem;
				vertical-align:top;
			}
			.vol31 #present li:nth-of-type(-n+2){
				width:48%;
				display: inline-block;
				padding:2% 2%;
				font-size:1.5rem;
				vertical-align:top;
			}
			.vol31 #present li:nth-of-type(n+3){
				width:320px;
				display: inline-block;
				padding:20px 20px;
				font-size:1.5rem;
				vertical-align:top;
			}
			.vol33 #present li{
				width:480px;
			}
			.vol33 #present li img{
				width:100%;
				height: auto;
			}
			.vol34 #present li{
				width:480px;
			}
			.vol34 #present li img{
				width:100%;
				height: auto;
			}
			.vol35 #present li{
				width:480px;
			}
			.vol35 #present li img{
				width:100%;
				height: auto;
			}
			.vol36 #present li{
				width:480px;
			}
			.vol36 #present li img{
				width:100%;
				height: auto;
			}
			.vol37 #present li, 
			.vol38 #present li{
				width:480px;
			}
			.vol37 #present li img, 
			.vol38 #present li img{
				width:100%;
				height: auto;
			}
			#present li:hover{
				opacity:.9;
			}
			#present li img{
				width:100%;
				height: auto;
			}
			#present li.jisan{
				position: relative;
			}
			#present li.jisan .comment{
				position: absolute;
				bottom:-5px;
				right:-5px;
				width:156px;
				height: auto;
			}
			#present li.jisan .comment img{
				width: 100%;
				height: auto;
			}
			#present li.yoko{
				/*width:640px;*/
			}

			/*#present .oubo{
				position: relative;
				padding:0;
			}
			#present .oubo::after{
				content: '';
				position: absolute;
				top:190px;
				left:0;
				right:0;
				margin:0 auto;

				display: inline-block;
				width: 1023px;
				height: 206px;
				background-image: url(../img/oubo_bg.png);
				vertical-align: middle;

				z-index: 0;
			}
			#present .oubo h3{
				float:left;
				padding-left:116px;
				padding-top:20px;

				width:auto;
				margin:auto;
			}
			#present .oubo h3 img{
				width:auto;
				height:auto;
			}
			#present .oubo .qr{
				float: right;
				padding-right:100px;
				margin-bottom:20px;

				text-align:inherit;
			}
			#present .oubo .oubo_txt{
				clear:both;
				text-align: center;
				font-size:2.6rem;
				line-height: 1.8em;

				font-family: "Noto Sans Japanese", sans-serif;
				font-weight: 600;
			}
			#present .oubo .oubo_txt br{
				display:inherit;
			}
			#present .oubo .coupon{
				text-align: center;
				margin-top:40px;

				position: relative;
				z-index: 1;
			}
			#present .oubo .coupon img{
				width:auto;
				height:auto;
			}*/

			/* 202301追加 */
			#present h3{
				margin:0 0 1.6em;
				text-align: center;
			}
			#present h3 img{
				width:auto;
			}
			.present_info_all{
				display: flex;
				margin:0 0 3em;
			}
			.present_info_all.clm3 .present_info{
				width:31.3%;
				margin: 0 1%;
			}
			.present_info_all.clm2 .present_info{
				width:48%;
				margin: 0 1%;
			}
			.present_info .detail.illust_d{
				background:#fff url(../img/vol34/present_illust_d.png) no-repeat 240px bottom;
			}

			.present_info .detail .ttl .mark{
				width: 6%;
			}
			.present_info .detail .ttl .ttl_multi{
				width: 94%;
			}

			.oubo{
				position: relative;
				padding:0;
			}
			.oubo::after{
				content: '';
				position: absolute;
				top:210px;
				left:0;
				right:0;
				margin:0 auto;

				display: inline-block;
				width: 1023px;
				height: 206px;
				background-image: url(../img/oubo_bg.png);
				vertical-align: middle;

				z-index: 0;
			}
			.oubo h3{
				float:left;
				padding-left:116px;
				padding-top:20px;

				width:auto;
				margin:auto;
			}
			.oubo h3 img{
				width:auto;
				height:auto;
			}
			.oubo .qr{
				float: right;
				padding-right:100px;
				margin-bottom:20px;

				text-align:inherit;
			}
			.oubo .oubo_txt{
				clear:both;
				text-align: center;
				font-size:2.6rem;
				line-height: 1.8em;

				font-family: "Noto Sans Japanese", sans-serif;
				font-weight: 600;
			}
			.oubo .oubo_txt br{
				display:inherit;
			}
			.oubo .coupon{
				text-align: center;
				margin-top:40px;

				position: relative;
				z-index: 1;
			}
			.oubo .coupon img{
				width:auto;
				height:auto;
			}

			/* ============［contact］============ */
			#contact{
				padding:66px 0 60px 0;
			}

			#contact h2{
				background:url("../img/contact_h2.gif") no-repeat;
				background-size:471px;
				width:471px;
				height:238px;
				margin:0 auto 35px auto;
				text-indent: -9999px;
			}
			#contact .contact_txt{
				background:#eb5f1f;
				color:#fff;
				text-align: center;
				margin-bottom:30px;
				padding:15px 0;
				font-size:2.4rem;
			}
			#contact .contact-in{
				width:800px;
				margin:0 auto;
			}
			#contact h3{
				background:#eb5f1f;
				color:#fff;
				text-align: center;
				margin-bottom:25px;
				padding:8px;
				border-radius:5px;
			}
			#contact .hissu{
				background:#eb5f1f;
				color:#fff;
				margin-left:10px;
				padding:2px 10px;
				font-size:1.3rem;
				letter-spacing: .1em;
				font-weight: bold;
			}
			#contact dl{
				border-top: none;
				width: 100%;

				clear:both;

				width: 100.1%;
				margin: 0 0 26px 0;
				border-top: none;
				line-height: 150%;
				box-sizing: border-box;
				clear:both;
				font-size:1.8rem;

				overflow:hidden;
			}
			#contact dt{
				clear: left;
				float: left;
				width: 30%;
				margin-bottom:inheirt;
				padding: 16px 0.8em 0 0.8em;
				box-sizing: border-box;
				border-top:1px dashed #b3b3b3;
				font-weight: bold;
				line-height: 1.8em;
			}
			#contact dd{
				margin-left: 0%;
				min-height:3.0em;
				float: left;
				width: 70%;
				padding: 16px 0.8em;
				background: #fff;
				box-sizing: border-box;
				border-top:1px dashed #b3b3b3;
			}
			#contact dt:first-child,
			#contact dt:first-child + dd{
				border-top:none;
			}

			#contact dd .sample{
				font-size:1.4rem;
				color:#999;
			}

			/* デフォルトのリセット */
			input, button, textarea, select {
			  /*margin: 0;
			  padding: 0;
			  background: none;
			  border: none;
			  border-radius: 0;
			  outline: none;
			  -webkit-appearance: none;
			  -moz-appearance: none;
			  appearance: none;*/
			}

			#contact input[type=text], #contact textarea{
				border:1px solid #808080;
				padding:8px;
				border-radius:8px;
				width:100%;
			}
			#contact input[type=text].zip{
				width: 36%;
				margin:6px 0;
			}
			#contact input[type=text].address{
				width: 70%;
				margin:6px 0;
			}
			input[type="submit"] {
				background:#eb5f1f;
				color:#fff;
				padding: 8px 36px;
				border-style: none;
				cursor: pointer;
				border-radius:16px;
				font-size:2.0rem;
				letter-spacing: .2em;
			}
			input[type="submit"]:hover {
				opacity: .6;
			}

			/* checkbox */
			.checkbox-input{
				display: none;
			}
			.checkbox-parts{
				padding-left: 20px;
				position:relative;
				margin-right: 20px;
			}
			.checkbox-parts::before{
				content: "";
				display: block;
				position: absolute;
				top: 5px;
				left: 0;
				width: 15px;
				height: 15px;
				border: 1px solid #999;
				border-radius: 4px;
			}
			.checkbox-input:checked + .checkbox-parts{
				color: #eb5f1f;
			}
			.checkbox-input:checked + .checkbox-parts::after{
				content: "";
				display: block;
				position: absolute;
				top: 0px;
				left: 5px;
				width: 7px;
				height: 14px;
				transform: rotate(40deg);
				border-bottom: 3px solid #eb5f1f;
				border-right: 3px solid #eb5f1f;
			}


			/* ============［お詫び］============ */
			.info{
				padding:20px 0 10px;
			}
			.info h2{
				font-size:2.1rem;
			}
			.info h3{
				font-size:2rem;
			}
			.info .tel{
				font-size:2.8rem;
			}

			/* ============［Footer］============ */
			footer{
				border-top:3px solid #eb5f1f;
				padding:20px 0 80px 0;
			}
			footer .name{
				float:left;
				margin-right:30px;
				background:url("../img/logo_naoi.gif");
				background-size:215px;
				width:215px;
				height:22px;
				text-indent: -9999px;
			}
			footer ul{
				float:left;
				margin-top:4px;
				margin-bottom:0px;
			}
			footer li{
				float:left;
				border-left:1px solid #000;
				list-style:none;
				padding:0 15px;
				font-size:1.5rem;
			}
			footer li a{
				text-decoration: none;
				color:#000;
			}
			footer .copy{
				float:right;
				font-size:1.4rem;
				clear:inherit;
				padding-top:4px;
			}

}