@charset "utf-8";

/* ===================================================================
	style info : コンテンツエリア関係 他

	Breakpoint :  480px スマホ縦位置
	              767px スマホ横位置
	             1039px タブレット
	             1279px 1280px以下のPC
=================================================================== */

@import url(reset.css);

/*----------------------------------------------------
	ベースの設定
----------------------------------------------------*/
:root {
	/* Color */

	/* Border */

	/* Shadow */

	/* Font */
	/*--main-font: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;*/

	/* Easing */
}
@media (max-width: 1039px) {
	:root {
		/* Border */
	}
}
html {
	overflow-y: scroll;
	height: 100%;
	font-size: 62.5% /* 16px x 0.625 = 10px(=1rem) */;
}
body {
	background: url(../img/common/bg.jpg) repeat center top;
	color: #231815;
	font-size: 1.8rem /* 18px */;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height: 2;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-font-feature-settings: "palt" 1;
	font-feature-settings: "palt" 1;
}
@media (max-width: 767px) {
	body {
		font-size: 1.6rem;
	}
}
_::-webkit-full-page-media,
_:future,
:root p {
	-webkit-font-feature-settings: "pkna" 1;
	        font-feature-settings: "pkna" 1;
}

input {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

textarea {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

select {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

button {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

*,
*:before,
*:after {
	word-wrap: break-word;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* border
----------------------------------------------------*/
html:before,html:after,body:before,body:after{
    content:"";
    position:fixed;
    display:block;
    z-index:100;
}
html:before{
	border-top: 10px solid #009b35;
	height: 0;
    left:0;
    right:0;
    top:0;
}
@media (max-width: 1039px){
	html:before{
	border-top: 7px solid #009b35;
	}
}
html:after{
	border-right: 10px solid #009b35;
	width: 0;
    top:0;
    right:0;
    bottom:0;
}
@media (max-width: 1039px){
	html:after{
	border-right: 7px solid #009b35;
	}
}
body:before{
	border-bottom: 10px solid #009b35;
	height: 0;
    right:0;
    bottom:0;
    left:0;
}
@media (max-width: 1039px){
	body:before{
	border-bottom: 7px solid #009b35;
	}
}
body:after{
	border-left: 10px solid #009b35;
	width: 0;
    top:0;
    bottom:0;
    left:0;
}
@media (max-width: 1039px){
	body:after{
	border-left: 7px solid #009b35;
	}
}

/*html {
	animation: fadeInmain 4s ease 0s 1 normal;
	-webkit-animation: fadeInmain 4s ease 0s 1 normal;
}
@keyframes fadeInmain {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@-webkit-keyframes fadeInmain {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}*/


/* リンク
----------------------------------------------------*/
a {
	color: #009b35;
}
a:hover {
	color: #7fcc83;
	text-decoration: none;
}
a.hover {
	color: #7fcc83;
	text-decoration: none;
}
a img {
	opacity: 1;
	transition: all 0.3s ease;
}
a:hover img,
a.hover img {
	opacity: .6;
}

/* フォーム
----------------------------------------------------*/
input[type="text"] {
	border:1px solid #009b35;
	background-color:#FFF;
	padding:5px 10px;
	margin:0;
}
input[type="tel"] {
	border:1px solid #009b35;
	background-color:#FFF;
	padding:5px 10px;
	margin:0;
}
input[type="email"] {
	border:1px solid #009b35;
	background-color:#FFF;
	padding:5px 10px;
	margin:0;
}
input[type="password"] {
	border:1px solid #009b35;
	background-color:#FFF;
	padding:5px 10px;
	margin:0;
}
textarea {
	border:1px solid #009b35;
	background-color:#FFF;
	padding:5px 10px;
	margin:0;
}
select {
	border:1px solid #009b35;
	background-color:#FFF;
	padding:5px 10px;
	margin:0;
}
/*select{
	height:30px;
}*/
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


/* 見出し
----------------------------------------------------*/
.midashi1 {
	color: #009b35;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 1em;
}
.midashi2 {
	color: #7fcc83;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 1em;
}
.midashi3 {
	color: #646464;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 1em;
}
@media (max-width: 767px) {
	.midashi1,
	.midashi2,
	.midashi3 {
		font-size: 2.2rem;
	}
}
* + .midashi1,
* + .midashi2,
* + .midashi3 {
	margin-top: 3em;
}
.midashi__img {
	font-size: 0;
	line-height: 0;
	margin: 90px 0;
  text-align:center;
}
@media (max-width: 767px) {
	.midashi__img {
		margin: 7vh 0;
	}

  .midashi__img.midashi__img01 img{
    width:150px;
  }

  .midashi__img.midashi__img03 .line_tl{
    font-size:14px;
  }
}

/* Font size
----------------------------------------------------*/
.fontSize--22px {
	font-size: 2.2rem;
}
.fontSize--20px {
	font-size: 2rem;
}
@media (max-width: 767px) {
	.fontSize--22px,
	.fontSize--20px {
		font-size: 1.8rem;
	}
}
.fontSize--16px {
	font-size: 1.6rem;
}
.fontSize--14px {
	font-size: 1.4rem;
}
.fontSize--12px {
	font-size: 1.2rem;
}

/* Font Color
----------------------------------------------------*/
.green {
	color: #009b35;
}


/* ボタン
----------------------------------------------------*/
.button {
	transition: all .3s ease;
}
.button img {
	display: inline-block;
}
.button:hover img,
.button.hover img{
	opacity: 1;
}
.btn_shadow {
	box-shadow: 2px 2px 3px rgb(35,24,21,.5);
}
.btn--green {
	background-color: #009b35;
	display: inline-block;
	text-align: center;
	font-size: 0;
	padding: 13px 25px 12px;
}
.btn--green:hover {
	background-color: #7fcc83;
}
.btn--green.hover {
	background-color: #7fcc83;
}
.btn--green-border {
	background-color: #FFF;
	border: 5px solid #009b35;
	display: inline-block;
	text-align: center;
	font-size: 0;
	padding: 8px 10px 7px;
}
.btn--green-border:hover,
.btn--green-border.hover {
	opacity: .6;
}
.btn--glay{
 background:#666;
}
.btn--glay:hover{
 background:#666;
 opacity: 1;
}
.icon_arrow_white {
	border-top: 7px solid transparent;
	border-right: 0 solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 10px solid #f2f1f1;
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 7px 0 0;
	vertical-align: top;
}
img + .icon_arrow_white {
	margin: 1px 0 0 7px;
}
.icon_arrow_white--left {
	border-top: 7px solid transparent;
	border-right: 10px solid #f2f1f1;
	border-bottom: 7px solid transparent;
	border-left: 0 solid transparent;
	display: inline-block;
	width: 0;
	height: 0;
	margin: 1px 7px 0 0;
	vertical-align: top;
}
.icon_arrow_green {
	border-top: 6px solid transparent;
	border-right: 0 solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #009b35;
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin: 1px 7px 0 0;
	vertical-align: top;
}
@media (max-width: 767px) {
  .btn--green-border {
    display: inline-block;
    text-align: center;
    font-size: 0;
    padding: 10px 10px 10px;
    background: none;
  }

  .topContentsLink__imgSet .btn--green-border{
    border:none;
    border-right: 5px solid #009b35;
  }
  .topContentsLink__imgSet .btn--green-border img{
    width:auto;
    height:12px;
  }

  .concept_wrap_top .btn--green-border{
    background:#fff;
  }

  .concept_wrap_top .btn--green-border img{
    height: 11px;
    width: auto;
  }

  .concept_wrap_top .icon_arrow_green{
    margin-top:0;
  }

}

/* Block
----------------------------------------------------*/
.section {
	clear: both;
}
#mainContents .section {
	margin-top: -100px;
	padding-top: 100px;
}
#mainContents .section:first-child {
	margin-top: 0;
	padding-top: 0;
}

#mainContents #fullscreenSlide{
	margin-top: -110px;
}

@media (max-width: 900px) {
	#mainContents .section {
		margin-top: 0;
		padding-top: 0;
	}
  #mainContents #fullscreenSlide{
    margin-top:0;
  }
}
.section-border {
	border-bottom: 10px solid #009b35;
}
@media (max-width: 1039px){
	.section-border{
	border-bottom: 7px solid #009b35;
	}
}
.section__inner {
	padding: 110px 0;
}
@media (max-width: 1039px) {
	.section__inner {
		padding-left: 5vw;
		padding-right: 5vw;
	}
}
@media (max-width: 767px) {
	.section__inner {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}
.whiteBgBlock {
	background-color: #FFF;
/*	box-shadow: var(--block-shadow);*/
	color: #646464;
	max-width: 800px;
	margin: 0 auto;
}
.whiteBgBlock__inner {
	padding: 35px;
}
@media (max-width: 767px) {
	.whiteBgBlock__inner {
		padding: 35px 8%;
	}
}
.whiteBgBlock__img {
	font-size: 0;
	line-height: 0;
}

/* アンカーリンク
----------------------------------------------------*/
.anchorLink {
	margin: -50px 5vw 0;
 z-index: 9;
position: relative;
}

@media (max-width: 1039px) {
	.anchorLink {
		margin-top: 5vh;
	}
}
.anchorLink__list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}
@media (max-width: 480px) {
	.anchorLink__list {
		flex-direction: column;
	}
}
.anchorLink__list--item {
	margin: 5px;
	list-style: none;
}
.anchorLink__list--item a {
	border: 5px solid #969696;
	background-color: #969696;
	color: #FFF;
	display: block;
	line-height: 1.2;
	font-weight: bold;
	padding:5px 30px;
	text-decoration: none;
	transition: all .3s ease;
}
.anchorLink__list--item a:hover,
.anchorLink__list--item a.hover {
	background-color: #FFF;
	color: #969696;
}
@media (max-width: 767px) {
	.anchorLink__list--item a {
		font-size: 1.6rem;
		padding: 10px 20px;
	}
}
@media (max-width: 480px) {
	.anchorLink__list--item {
		margin: 0;
	}
	li + .anchorLink__list--item {
		margin-top: 5px;
	}
	.anchorLink__list--item a {
		width: 100%;
	}
}


/* 共通設定
----------------------------------------------------*/
.alignright {
	float: right;
	margin: 0 0 2em 2em;
}
.alignleft {
	float: left;
	margin: 0 2em 2em 0;
}
.aligncenter {
	margin: 0 auto;
}
.imgMiddle {
	vertical-align: middle;
	margin: 0px 0.5em;
}
.imgTitle {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
}
.textAlignLeft {
	text-align: left;
}
.textAlignRight {
	text-align: right;
}
.floatR {
	float: right;
}
.floatL {
	float: left;
}
@media (max-width: 767px) {
	.alignright,
	.alignleft,
	.floatR,
	.floatL {
		float: none;
		display: block;
		text-align: center;
		margin: 0 auto 1em;
	}
}
.clear {
	clear: both;
}
.center {
	text-align: center;
}
.attention {
	text-indent: -1em;
	padding-left: 1em;
/*	color: var(--attention);*/
	margin-bottom: 1em;
}
blockquote {
	border: 1px solid #646464;
	padding: 2em;
	margin: 0 0 3em;
}
blockquote p:last-child {
	margin-bottom: 0;
}
code {
	font-weight: normal;
}
hr.line {
	clear: both;
	display: block;
	border: 0;
	border-bottom: 5px solid #009b35;
	height: 0;
	margin: 110px 0;
}
@media (max-width: 1039px) {
	hr.line {
		margin: 10vh 0;
	}
}
img {
	max-width: 100%;
	height: auto;
}
img.cover,
video.cover {
	-o-object-fit: cover;
	   object-fit: cover;
}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}
.wrapper {
	position: relative;
	height: 100%;
  padding-top: 110px;
}
@media (max-width:1279px) {

  .wrapper {
    padding-top: 0;
  }
}
/* PCとスマホの表示切替 */
.sp {
	display: none;
}
.pc-block{display:block;}
.sp-block{display:none;}
.pc-ib-block{display:inline-block;}
.sp-ib-block{display:none;}
@media (max-width:767px) {
	.pc-br {
		display: none;
	}
	.sp-br {
		display: block;
	}
}
@media (max-width:900px) {
  .pc-block{display:none;}
  .sp-block{display:block;}
  .pc-ib-block{display:none;}
  .sp-ib-block{display:inline-block;}
}


/*----------------------------------------------------
	Header
----------------------------------------------------*/
#globalHedder {
	background: url(../img/common/bg.jpg) repeat center top;
	border: 10px solid #009b35;
	width: 100%;
	height: 110px;
	display: flex;
	/*-webkit-justify-content: space-between;
	justify-content: space-between;*/
	align-items: center;
  position:fixed;
  top:0;
  left:0;
  z-index: 10;
}
@media (max-width: 1039px){
	#globalHedder{
	border: 7px solid #009b35;
	}
}
z.home #globalHedder {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
.home.openNav #globalHedder {
	position: static;
}
@media (max-width:900px) {
	#globalHedder {
		height: 80px;
		align-content: flex-start;
		flex-direction: column;
    position:relative;
    z-index: auto;
	}
}
#globalHedder a:hover,
#globalHedder a:hover img,
#globalHedder a.hover,
#globalHedder a.hover img {
	opacity: 1;
}

.globalHedder__logo {
	line-height: 0;
	font-size: 0;
  position:absolute;
  top:10px;
  bottom:0;
  right:0;
  left:-780px;
  margin:auto;
  width:60px;
}
.globalHedder__logo--a {
	display: block;
	text-align: center;
}
.globalHedder__logo--a:hover,
.globalHedder__logo--a.hover {
/*	background-color: var(--sub-color);*/
}
.globalHedder__logo--pc {}
.globalHedder__logo--sp {
	display: none;
}
@media (max-width:900px) {
	.globalHedder__logo {
    width:40px;
    left:0;
    right:0;
	}
	.globalHedder__logo--a {
		background-color: transparent;
		width: 40px;
		height: 40px;
	}
	.globalHedder__logo--a:hover,
	.globalHedder__logo--a.hover {
		background-color: transparent;
	}
	.globalHedder__logo--pc {
		display: none;
	}
	.globalHedder__logo--sp {
		display: block;
	}
}

/* グロナビ */
.globalNavi {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 860px;
	padding-left: 100px;
  margin:auto;
}
@media (max-width:900px) {
	.globalNavi {
		display: none;
		opacity: 0;
		z-index: 100;
		transition: .3s;
		-webkit-transform: translateZ(-100%);
		        transform: translateZ(-100%);
		width: 100%;
		position: fixed;
		top: 50%;
		left: 0;
    padding:0;
		margin-top: -150px;
	}
	.openNav .globalNavi {
		display: block;
		opacity: 1;
		z-index: 1000;
		-webkit-transform: translateZ(0);
		        transform: translateZ(0);
	}
}
.globalNavi__maineMenu {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
  padding: 20px 100px 0 0;
}

.is-show .globalNavi__maineMenu{
  padding-top:0;
}
@media (max-width:900px) {
	.globalNavi__maineMenu {
    padding:20px 0 0;
		justify-content: center;
		flex-direction: column;
	}
}
.globalNavi__maineMenu--item {}
@media (max-width:900px) {
	.globalNavi__maineMenu--item + li {
		/*margin-top: 10px;*/
		margin-top: 2vh;
	}
}
.globalNavi__maineMenu--item a {

	background-size: auto 100%;
	display: block;
	height: 16px;
	text-indent: -9999px;
	overflow: hidden;
}

/* :link */
.maineMenu--item01 a {
	background-image:url(../img/common/navi01_1.png);
	width: 94px;
}
.maineMenu--item02 a {
	background-image:url(../img/common/navi02_1.png);
	width: 70px;
}
.maineMenu--item03 a {
	background-image:url(../img/common/navi03_1.png);
	width: 96px;
}
.maineMenu--item04 a {
	background-image:url(../img/common/navi04_1.png);
	width: 104px;
}
.maineMenu--item05 a {
	background-image:url(../img/common/navi05_1.png);
	width: 68px;
}
.maineMenu--item06 a {
	background-image:url(../img/common/navi06_1.png?20210129);
	width: 112px;
}

/* :hover */
.maineMenu--item01 a:hover,
.maineMenu--item01 a.hover {
	background-image:url(../img/common/navi01_2.png);
}
.maineMenu--item02 a:hover,
.maineMenu--item02 a.hover {
	background-image:url(../img/common/navi02_2.png);
}
.maineMenu--item03 a:hover,
.maineMenu--item03 a.hover {
	background-image:url(../img/common/navi03_2.png);
}
.maineMenu--item04 a:hover,
.maineMenu--item04 a.hover {
	background-image:url(../img/common/navi04_2.png);
}
.maineMenu--item05 a:hover,
.maineMenu--item05 a.hover {
	background-image:url(../img/common/navi05_2.png);
}
.maineMenu--item06 a:hover,
.maineMenu--item06 a.hover {
	background-image:url(../img/common/navi06_2.png?20210129);
}

/* .current-menu-item */
.maineMenu--item01.current-menu-item a {
	background-image:url(../img/common/navi01_3.png);
}
.maineMenu--item02.current-menu-item a {
	background-image:url(../img/common/navi02_3.png);
}
.maineMenu--item03.current-menu-item a {
	background-image:url(../img/common/navi03_3.png);
}
.maineMenu--item04.current-menu-item a {
	background-image:url(../img/common/navi04_3.png);
}
.maineMenu--item05.current-menu-item a {
	background-image:url(../img/common/navi05_3.png);
}
.maineMenu--item06.current-menu-item a {
	background-image:url(../img/common/navi06_3.png?20210129);
}

@media (max-width:900px) {
	.globalNavi__maineMenu--item a {
    background:no-repeat;
    background-image: url(../img/common/gnavi_green.png?202101292312)!important;
    background-size: 854px 112px;
    height: 22px;
	}
	/* :link, :hover, .current-menu-item */
	.maineMenu--item01 a,.maineMenu--item01 a:hover,.maineMenu--item01 a.hover,.maineMenu--item01.current-menu-item a {
		background-position: 0 -91px;
		width: 95px;
	}
	.maineMenu--item02 a,.maineMenu--item02 a:hover,.maineMenu--item02 a.hover,.maineMenu--item02.current-menu-item a {
		background-position: -95px -91px;
		width: 71px;
	}
	.maineMenu--item03 a,.maineMenu--item03 a:hover,.maineMenu--item03 a.hover,.maineMenu--item03.current-menu-item a {
		background-position: -166px -91px;
		width: 95px;
	}
	.maineMenu--item04 a,.maineMenu--item04 a:hover,.maineMenu--item04 a.hover,.maineMenu--item04.current-menu-item a {
		background-position: -261px -91px;
		width: 104px;
	}
	.maineMenu--item05 a,.maineMenu--item05 a:hover,.maineMenu--item05 a.hover,.maineMenu--item05.current-menu-item a {
		background-position: -365px -91px;
		width: 67px;
	}
	.maineMenu--item06 a,.maineMenu--item06 a:hover,.maineMenu--item06 a.hover,.maineMenu--item06.current-menu-item a {
		background-position: -432px -91px;
		width: 111px;
	}
}

.globalNavi__subMenu {
	width: 100%;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
  position:relative;
}
@media (max-width:900px) {
	.globalNavi__subMenu {
		justify-content: center;
		flex-wrap: wrap;
		/*margin-top: 20px;*/
		margin-top: 5vh;
	display: flex;
	}
}
.globalNavi__subMenu--item {
  float:left;
  margin-right:20px;
}
@media (max-width:900px) {
	.globalNavi__subMenu--item {
		/*margin-left: 15px;*/
		margin-left: 2vw;
		margin-right: 2vw;
    position:static;
	}
}
.globalNavi__subMenu--item a {
	background: url(../img/common/gnavi_gray.png) no-repeat 0 0;
	background-size: 326px auto;
	display: block;
	height: 18px;
	text-indent: -9999px;
	overflow: hidden;
}

/* :link */
.subMenu--item01 a {
	width: 125px;
}
.subMenu--item02 a {
	background-position: -138px 0;
	width: 86px;
}
.subMenu--item03 a {
	background-position: -243px 0;
	width: 85px;
}

/* :hover */
.subMenu--item01 a:hover,
.subMenu--item01 a.hover {
	background-position: 0 -18px;
}
.subMenu--item02 a:hover,
.subMenu--item02 a.hover {
	background-position: -138px -18px;
}
.subMenu--item03 a:hover,
.subMenu--item03 a.hover {
	background-position: -243px -18px;
}

/* .current-menu-item */
.subMenu--item01.current-menu-item a {
	background-position: 0 -36px;
}
.subMenu--item02.current-menu-item a {
	background-position: -138px -36px;
}
.subMenu--item03.current-menu-item a {
	background-position: -243px -36px;
}

@media (max-width:900px) {
	.globalNavi__subMenu--item a {
		height: 16px;
    background-size: 406px 80px;
	}
	.subMenu--item01 a,.subMenu--item01 a:hover,.subMenu--item01 a.hover,.subMenu--item01.current-menu-item a {
		background-position: 0 -67px;
		width: 98px;
	}
	.subMenu--item02 a,.subMenu--item02 a:hover,.subMenu--item02 a.hover,.subMenu--item02.current-menu-item a {
		background-position: -98px -67px;
		width: 66px;
	}
	.subMenu--item03 a,.subMenu--item03 a:hover,.subMenu--item03 a.hover,.subMenu--item03.current-menu-item a {
		background-position: -164px -67px;
		width: 68px;
	}
}

/* SNSアイコン */
.subMenu--item--icon { float: left;}
.subMenu--item--icon a {
	background: url(none);
	height: auto;
	color: #5a5a5a;
  position: relative;
  top: -6px;

}
.subMenu--item--icon a:hover {
	color: #7fcc83;
}
.subMenu--item--icon a.hover {
	color: #7fcc83;
}
@media (max-width:900px) {
	.subMenu--item--icon {
		/*margin-top: 10px;*/
		margin-top: 5vh;
		width: 100%;
		text-align: center;
	}
	.subMenu--item--icon a {
		color: #f2f1f1;
	}
	.subMenu--item--icon a:hover {
		color: #f2f1f1;
	}
	.subMenu--item--icon a.hover {
		color: #f2f1f1;
	}
}
.subMenu--item--icon--fb {}
.subMenu--item--icon--ins {
	margin-left: 20px;
}
.icon_size30 {
	font-size: 3rem;
}
@media (max-width:900px) {
	.subMenu--item--icon .icon_size30 {
		font-size: 2.8rem;
	}
}
.subMenu--item--entryButtom {
  position:static;
	width: 130px;
	margin-left: 25px;
  position:absolute;
  right:-50px;
  top:-48px;
}
.subMenu--item--entryButtom .btn--green {
	width: 100%;
  padding:7px 5px;
}
.subMenu--item--entryButtom .btn--green img{
  height:12px;
  width:auto;
}
@media (max-width:900px) {
	.subMenu--item--entryButtom {
		/*margin: 5px 0 0;*/
		margin: 3vh 0 0;
		width: 100%;
		text-align: center;
    position: static;
	}
	.subMenu--item--entryButtom .btn--green {
		background-color: #7fcc83;
		width: 200px;
	}
	.subMenu--item--entryButtom img {
		height: 14px;
		width: auto;
	}
}

/* ミニヘッダー
----------------------------------------------------*/
.fixHeader {
	background: url(../img/common/bg.jpg) repeat center top;
	border: 10px solid #009b35;
	display: flex;
	/*-webkit-justify-content: space-between;
	justify-content: space-between;*/
	align-items: center;
	height: 100px;
	padding: 0 45px 0 30px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	transition: .3s;
	-webkit-transform: translateY(-100%);
	        transform: translateY(-100%);
}
@media (max-width: 1039px){
	.fixHeader{
	border: 7px solid #009b35;
	}
}
.fixHeader.is-show {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}
@media (max-width:1279px) {
	.fixHeader {
		display: none;
	}
	.fixHeader.is-show {
		-webkit-transform: translateY(-100%);
		        transform: translateY(-100%)
	}
}
.fixHeader a:hover,
.fixHeader a:hover img,
.fixHeader a.hover,
.fixHeader a.hover img{
	opacity: 1;
}
.fixHeader__logo {
	line-height: 0;
	font-size: 0;
	margin-right: 50px;
}
.fixHeader .globalNavi {
	width: 1060px;
	flex-wrap: nowrap;
}
.fixHeader .globalNavi__entryButtom {
	width: 160px;
}


/* スマホ用ナビ
   1280px以下はスマホ用ナビを使用
----------------------------------------------------*/
.spNavi {
	display: none;
}
@media (max-width:900px) {
	.spNavi {
		display: block;
	}
	.sp-menu-btn {
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 2000;
		cursor: pointer;
	}
	.sp-menu-top {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		opacity: 0;
		z-index: -100;
		transition: all .3s ease;
	}
	.openNav .sp-menu-top {
		opacity: 1;
		z-index: 2000;
	}
	.sp-menu-top a {
		display: block;
		width: 120px;
		height: 80px;
		line-height: 0;
		font-size: 0;
		padding: 35px 0 0 25px;
	}
	.sp-menu-top a:hover,
	.sp-menu-top a:hover img,
	.sp-menu-top a.hover,
	.sp-menu-top a.hover img{
		opacity: 1;
	}

	/* メニューアイコン */
	#menu-btn{
		background-color: #009b35;
		display: inline-block;
		position: relative;
		width: 40px;
		height: 40px;
		z-index:2000;
    top:15px;
    right:15px;
	}
	#menu-btn-icon{
		display: block;
		position: absolute;
		top:50%;
		left:50%;
		width: 24px;
		height: 2px;
		margin: -1px 0 0 -12px;
		background: #FFF;
		transition: all .3s ease;
	}
	#menu-btn-icon:before,
	#menu-btn-icon:after{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 24px;
		height: 2px;
		background: #FFF;
		transition: all .3s ease;
	}
	#menu-btn-icon:before{
		margin-top: -10px;
	}
	#menu-btn-icon:after{
		margin-top: 8px;
	}
	#menu-btn .close{
		background: transparent;
	}
	#menu-btn .close:before,
	#menu-btn .close:after{
		margin-top: 0;
	}
	#menu-btn .close:before{
		-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
	}
	#menu-btn .close:after{
		-webkit-transform: rotate(-135deg);
				transform: rotate(-135deg);
	}
	#navi-overlay {
		background-color: #009b35;
		height: 100%;
		position: fixed;
		right: 0;
		top: 0;
		width: 100%;
		opacity: 0;
		z-index: -100;
		transition: all .3s ease;
	}
	.openNav #navi-overlay {
		opacity: 1;
		z-index: 999;
	}
}


/*----------------------------------------------------
	Footer
----------------------------------------------------*/
#globalFooter {
	border: 10px solid #009b35;
	padding: 90px 0;
	position: relative;
}
@media (max-width: 1039px){
	#globalFooter{
	border: 7px solid #009b35;
	}
}

.blurred #globalFooter{
  border:none;
}
/*@media (max-width:1039px) {
	#globalFooter {
		padding: 30px 0;
	}
}*/
.globalFooter__contents {
	padding: 0 5vw;
}


@media (max-width:1039px) {
  #globalFooter {
    padding-top:30px;
  }

}

/* フッターナビ
----------------------------------------------------*/
.footerNav {}
.footerNavList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 20px 0;
}
.footerNavList__item {
	text-align: center;
	margin:0 0 30px;
}
.footerNavList.footerNavList01{
  display:none;
}

.footerNavList__item.tel a:hover img{
  opacity:1;
}
.tel .footerNavList__item--link a:hover{
  cursor: default;
}


@media (max-width:1039px) {
	.footerNavList {
		justify-content: center;
		margin: 20px 0 0;
	}
	.footerNavList__item {
		margin:0 2.5% 10px;
	}

  .footerNavList.footerNavList01{
    display: block;
  }

  .footerNavList.footerNavList01 .footerNavList__item img{
     height:13px;
     width:auto;
   }

  .footerNavList.footerNavList01 .footerNavList__item{
    float:left;
    width:46%;
    margin:0 0 20px;
  }
  .footerNavList.footerNavList01 .footerNavList__item:nth-child(2n){
    float:right;
  }
  .footerNavList.footerNavList01 .footerNavList__item:nth-child(2n+1){
    clear:both;
  }
  .footerNavList.footerNavList01 .footerNavList__item--title{
      margin:0;
    }

  .footerNavList.footerNavList01 .footerNavList__item--title a{
    background:none!important;
    padding:0;
  }
}
.footerNavList__item--title {
	font-size: 0;
	line-height: 0;
	margin-bottom: 20px;
}
.footerNavList__item--link {}
.footerNavList__item--link .button {
	max-width: 175px;
}
.footerNavSubList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.footerNavSubList__item {
	text-align: center;
	margin: 0 15px;
}
@media (max-width:767px) {
  .whiteBgBlock .footerNavSubList{
    display:none;
  }
	.footerNavSubList__item {
		margin-bottom: 15px;
	}
	.footerNavSubList__item:last-child {
		margin-bottom: 0;
	}
}


/* コピーライト
----------------------------------------------------*/
.p_mark {
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 110px;
	bottom: 130px;
}
.copyright {
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 100px;
	bottom: 90px;
}
@media (max-width:1039px) {
	.copyright {
		position: static;
		margin-top: 30px;
    padding: 0 5vw;
    float:left;
	}
  .sanyo_logo{
		margin-top: 20px;
    float:right;
    padding: 0 5vw;
    width:120px;
  }
  .p_mark{
    float:left;
    position:static;
    margin: 15px 0 0;
    width:35px;
  }
}

/* ページの先頭へ
----------------------------------------------------*/
#pageTop {
	display: none;
	width: 50px;
	font-size: 0;
	line-height: 0;
	position: fixed;
	bottom: 90px;
	right: 50px;
	z-index: 800;
}
@media (max-width:1039px) {
	#pageTop {
		right: 20px;
		bottom: 20px;
	}
}
@media (max-width:767px) {
	#pageTop {
		width: 30px;
	}
}


/*----------------------------------------------------
	Contents
----------------------------------------------------*/
#mainContents {
	border-left: 10px solid #009b35;
	border-right: 10px solid #009b35;
}
@media (max-width: 1039px){
	#mainContents{
	border-right: 7px solid #009b35;
	}
}
@media (max-width: 1039px){
	#mainContents{
	border-left: 7px solid #009b35;
	}
}

/* 各ページのアイキャッチ画像
----------------------------------------------------*/
.sectionEyecatch__wrap {
    width: 100%;
	height: 600px;
	overflow: hidden;
}
.sectionEyecatch__img {
	width: 100%;
	height: 600px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	pointer-events: none;
}
body.post-type-archive-interview .sectionEyecatch__img {
	background-position: top center;
}
.sectionEyecatch__img span {
	display: block;
	width: 100%;
	padding: 600px 0 0;
	pointer-events: none;
}
@media (max-width:900px) {
	.sectionEyecatch__wrap,
	.sectionEyecatch__img,
	.sectionEyecatch__img span {
		height: 50vh;
	}
}

@media (max-width:480px) {
	.sectionEyecatch__wrap,
	.sectionEyecatch__img,
	.sectionEyecatch__img span {
		height: 25vh;
	}
}

.section__title {
	background-color: #FFF;
	border: 10px solid #009b35;
/*	box-shadow: var(--midashi-shadow);*/
	display: inline-block;
	min-width: 250px;
	font-size: 0;
	line-height: 0;
	text-align: center;
	padding: 10px 30px;
	margin: 0 0 5px -10px;
}

@media (max-width: 1039px){
	.section__title{
	border: 7px solid #009b35;
	}
}
.section__title img {
	width: auto;
	height: 20px;
}
@media (max-width:1039px) {
	.section__title {
		min-width: auto;
		padding: 10px 20px;
	}
	.section__title img {
		width: auto;
		height: 15px;
	}
}
@media (max-width:767px) {
	.section__title {
		max-width: 80vw;
	}
}

/*----------------------------------------------------
	archive.php、category.php、tag.phpの設定
----------------------------------------------------*/
#archiveHeader {
	overflow: hidden;
	margin-bottom: 50px;
}
@media (max-width: 1039px) {
	#archiveHeader {
		margin-bottom: 0;
	}
}
.archiveHeader__title {
	margin-top: -10px;
}
@media (max-width: 1039px) {
	.archiveHeader__title {
		margin-top: -7px;
	}
}
.archiveHeader__img + .archiveHeader__title {
	margin-top: 0;
}


/* 記事リスト
----------------------------------------------------*/
.postList {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 800px;
	margin: 0 auto;
}
div + .postList {
	margin-top: 75px;
}
.postList__item {
	color: #5a5a5a;
	width: 48%;
	width: calc(384px / 800px * 100%);
	margin: 0 0 30px;
}
@media (max-width: 480px) {
	.postList__item {
		width: 100%;
	}
}
.postList__item a {
	text-decoration: none;
}
.postList__item a:hover {
	color: #7fcc83;
}
.postList__item a.hover {
	color: #7fcc83;
}


/* アイキャッチ画像 */
.postList__item--img {
	overflow: hidden;
}
.postList__item--img a {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 100%;
	-webkit-transform: scale(1);
	        transform: scale(1);
	transition: -webkit-transform .8s ease;
	transition: transform .8s ease;
	transition: transform .8s ease, -webkit-transform .8s ease;
}
.postList__item--img a:hover,
.postList__item--img a.hover{
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
}

.postList__item--img span {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 59.899583%;
	padding-top: calc(230px / 384px * 100%);
}
.postList__item--inner {
	padding: 15px 7.8125%;
	padding: 15px calc(30px / 384px * 100%);
}
.post-meta {
	margin-bottom: 5px;
}
.post-meta__time,
.post-meta__category {
	display: inline-block;
	font-size: 1.1rem;
}
.post-meta__category::before {
	content: '｜';
	margin: 0 0.3em 0 0;
}
.post-meta__category a {
	color: #5a5a5a;
}
.post-title {
	line-height: 1.4;
	margin-bottom: 20px;
}
.post-title a {
	color: #009b35;
}
.post-title__h2 {
	font-size: 1.8rem;
	font-weight: bold;
}
.type-interview .post-title__h2 {
	font-size: 2.2rem;
}
.post-title__h3 {
	font-size: 1.6rem;
	font-weight: bold;
}
.post-text {
	font-size: 1.4rem;
	line-height: 1.75;
}
.type-interview .post-text {
	font-size: 1.6rem;
}

.post-text a{
  display:none;
}


/* ページナビ
----------------------------------------------------*/
.posts-navigation {
	max-width: 800px;
	margin: 0 auto 70px;
}
.nav-links {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.nav-previous,
.nav-next {
	width: 48%;
}
@media (max-width: 480px) {
	.nav-previous,
	.nav-next {
		width: 100%;
	}
	.nav-previous + .nav-next {
		margin-top: 10px;
	}
}
.pageNav__btn {
	background-color: #009b35;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;
}
.pageNav__btn:hover {
	background-color: #7fcc83;
}
.pageNav__btn.hover {
	background-color: #7fcc83;
}
.nav-previous .pageNav__btn {
	background-image: url(../img/common/prev.png);
	background-position: 15px center;
	background-size: 140px 17px;
}
.nav-next .pageNav__btn {
	background-image: url(../img/common/next.png);
	background-position: right 15px center;
	background-size: 83px 17px;
}


/* INFORMATIONのナビ
----------------------------------------------------*/
.infoNav {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.infoNav a {
	color: #5a5a5a;
	text-decoration: none;
}
.infoNav a:hover {
	color: #7fcc83;
}
.infoNav a.hover {
	color: #7fcc83;
}
.infoNav__item {
	width: 22%;
}
@media (max-width: 480px) {
	.infoNav__item {
		width: 100%;
	}
	.infoNav__item + .infoNav__item {
		margin-top: 20px;
	}
}
.infoNav__item--h3 {
	color: #009b35;
	font-weight: bold;
	font-size: 1.6rem;
	margin-bottom: 20px;
}
.infoNav__item--list {}
.infoNav__item--list li {
	font-size: 1.3rem;
	line-height: 1.3;
	list-style: none;
}
.infoNav__item--list li + li {
	margin-top: 1em;
}
.infoRecentPosts {
	width: 48%;
}
@media (max-width: 480px) {
	.infoRecentPosts {
		width: 100%;
	}
}
.infoCategory {}
.infoMonthArchive {}
.infoMonthArchive select {
	border: 1px solid #DCDDDD;
	background-color: #DCDDDD;
	line-height: 30px;
	height: 30px;
	padding: 0 10px;
	margin: 0;
}
.select__wrapper {
	overflow: hidden;
}
.select__wrapper select {
	width: 130%;
}


/*----------------------------------------------------
	single.php、page.phpの設定
----------------------------------------------------*/
article.post {
}

article.page {
}

/* ページのヘッダー */
.pageHeader {
	overflow: hidden;
/*	margin-bottom: 50px;*/
}
.pageHeader__title {
	margin-top: -10px;
}
@media (max-width: 1039px) {
	.pageHeader {
		margin-bottom: 0;
	}
	.pageHeader__title {
		margin-top: -7px;
	}
}
.pageHeader__img + .pageHeader__title {
	margin-top: 0;
}

/* 記事のヘッダー */
.postHeader {
	color: #009b35;
	padding: 0 0 0;
}
.postHeader01{
  padding-top:35px;
  text-align:center;
}
.postHeader01 .postHeader__title{
  text-align:center;
}

.postHeader01 .postyHeader__meta--time{
  text-align:center;
  padding:0;
  display:inline-block;
  color:#009b35;
}


.postHeader a {
	text-decoration: none;
}
.postHeader a:hover {
	color: #7fcc83;
}
.postHeader a.hover {
	color: #7fcc83;
}
.postHeader__title {
	font-size: 3.0rem;
	font-weight: 700;
	line-height: 1.3;
	padding: 0 4.375%;
	padding: 0 calc(35px / 800px * 100%);
	margin-bottom: 5px;
}
.postHeader__meta {
	font-size: 1.8rem;
	line-height: 1.3;
	padding: 0 4.375%;
	padding: 0 calc(35px / 800px * 100%);
}
@media (max-width: 767px) {
  .postHeader01{
    padding-top:20px;
  }

	.postHeader__title {
		font-size: 2.4rem;
		padding: 0 8%;
	}
	.postHeader__meta {
		font-size: 1.6rem;
		padding: 0 8%;
	}
}
.interview_wrap,
.interview_wrap .postContents p{
  text-align:left;
  font-size:16px;
}

.postyHeader__meta--time {
  padding: 40px 4.375% 0;
  color: #646464;
}
.postHeader__meta--category {
	display: inline-block;
}
.postHeader__meta--category::before {
	content: '｜';
	margin: 0 0.3em;
}
.postHeader__meta--name {
	display: inline-block;
  font-weight: 700;
}
.postHeader__meta--name::before {
	margin: 0 0.3em;
}
.postHeader__meta + .postHeader__img {
	margin-top: 20px;
}
.postHeader__img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	pointer-events: none;
}
.postHeader__img span {
	display: block;
	padding-top: 60%;
	padding-top: calc(480px / 800px * 100%);
	pointer-events: none;
}

.int_set .cell01{
  width:50%;
  float:left;
  font-size:16px;
}

.int_set .cell02{
  width:48%;
  float:right;
  position:relative;
  right:-35px;
}

.int_set .cell02 .block{
  margin:0 0 5px;
}

.int_set .cell02 .block .img{
  margin:0 0 15px;
}

.int_set .cell02 .block .img:last-child{
  margin:0;
}

.bt_txt{
  font-size:14px;
}

.int_tl01{
  font-family: "見出しゴMB31" ,Midashi Go MB31;
  color: #009A34;
  font-weight: bold;
  font-size: 26px;
  text-align:center;
  line-height: 1.4;
  margin:100px 0 40px;
}

.img_fl{
  margin:0 -35px;
}

.img_fl_txt{
  font-size:14px;
}


@media (max-width: 900px) {
  .postyHeader__meta--time{
    padding:20px 8% 0;
  }

  .interview_wrap,
  .interview_wrap .postContents p{
    font-size:14px;
  }

  .int_set .cell01{
    width:auto;
    float:none;
    font-size:14px;
    margin:0 0 20px;
  }

  .int_set .cell02{
    width:auto;
    float:none;
    position:static;
  }

  .int_set .cell02 .block .img{
    margin:0;
    float:left;
  }

  .int_set .cell02 .block .img:nth-child(2n){
    float:right;
  }

  .bt_txt{
    font-size:12px;
  }

  .int_tl01{
    font-size: 20px;
    margin:60px 0 20px;
  }

  .img_fl{
    margin:0 -5vw;
  }

  .img_fl_txt{
    font-size:12px;
  }

}


.int_set .cell02 .block:after,
.int_set:after{
  clear: both;
  content: "";
  display: block;
  height: 0;
  font-size: 0;
  visibility: hidden;
}


/* 記事のフッター */
.postFooter {
	padding: 35px;
}
@media (max-width: 767px) {
	.postFooter {
		padding: 20px 8%;
	}
}
.nav-above {
	font-size: 1.3rem;
	line-height: 1.5;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.nav-above a {
	color: #5a5a5a;
	text-decoration: none;
}
.nav-above a:hover {
	color: #7fcc83;
}
.nav-above a.hover {
	color: #7fcc83;
}
.nav-above__previous,
.nav-above__next {
	width: 48%;
}
@media (max-width: 480px) {
	.nav-above__previous,
	.nav-above__next {
		width: 100%;
	}
}
.nav-above__previous {}
.nav-above__next {
	text-align: right;
}

/* 記事一覧へのリンク */
.copntentsTop {
	margin: 120px 0;
	text-align: center;
}
@media (max-width: 1039px) {
	.copntentsTop {
		margin: 7vh 0;
	}
}

/* 記事本文
----------------------------------------------------*/
.postContents {}
.postContents p {
	margin-bottom: 2em;
  text-align:center;
  font-size:18px;
}

.postContents.postContents_news p {
  text-align:left;
  font-size:16px;
}

@media (max-width: 1039px) {
  .postContents.postContents_news p,
  .postContents p{
    font-size:14px;
    line-height:1.6;
  }
}

/* リスト
----------------------------------------------------*/
.list li + li,
.whiteBgBlock .postContents li + li {
	margin-top: 1em;
	line-height: 1.5;
}
ul.list,
.whiteBgBlock .postContents ul {
	margin: 0 0 2em 20px;
}
ul.list li,
.whiteBgBlock .postContents ul li {
	list-style-type: disc;
}
ol.list,
.whiteBgBlock .postContents ol {
	margin: 0 0 2em 20px;
}
ol.list li,
.whiteBgBlock .postContents ol li {
	list-style-type: decimal;
}
.list ul,
.list ol,
.whiteBgBlock .postContents ul ul,
.whiteBgBlock .postContents ul ol,
.whiteBgBlock .postContents ol ul,
.whiteBgBlock .postContents ol ol {
	margin-top: 1em;
}
.list li ul li,
.whiteBgBlock .postContents li ul li {
	list-style-type: circle;
}
.list li ol li,
.whiteBgBlock .postContents li ol li {
	list-style-type: decimal;
}


/* WP2.6からの画像まわりの設定
----------------------------------------------------*/
.wp-caption {
	display: block;
	max-width: 100%;
}
p.wp-caption-text {
	font-size: 1.5rem;
	margin-bottom: 0;
}



/*----------------------------------------------------
	トップページ
----------------------------------------------------*/

/* スライド
----------------------------------------------------*/
#fullscreenSlide {
	border-bottom: 10px solid #009b35;
    width: 100%;
    height: 100vh;
    position: relative;
	z-index: 0;
	overflow: hidden;
}
@media (max-width: 1039px){
	#fullscreenSlide{
	border-bottom: 7px solid #009b35;
	}
}
#fullscreenSlide .bx-wrapper {
    background: #FFF;
}
.fullscreenSlider {
    background: #FFF;
}
.slide-img {
    animation: 15s linear 0s normal none infinite running coverscale;
    -webkit-animation: 15s linear 0s normal none infinite running coverscale;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	height: 100vh;
}

/*アニメーション*/
@keyframes coverscale {
    0% { -webkit-transform: scale(1); transform: scale(1);}
    100% { -webkit-transform: scale(1.1); transform: scale(1.1);}
}
@-webkit-keyframes coverscale {
    0% { -webkit-transform: scale(1); transform: scale(1);}
    100% { -webkit-transform: scale(1.1); transform: scale(1.1);}
}
body.blurred .slide-img {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

@media (max-width: 800px) {
 .bx-viewport,
  body.blurred .slide-img {
    /*height:215px!important;*/
  }
 .slide-img {
   height:400px!important;
  }


  .fullscreen__scroll{
    display:none;
  }
  #fullscreenSlide{
    height:auto;
  }
  .fullscreen__eyecatch{
    position:static!important;
  }

  .fullscreen__eyecatch--text{
    margin:0 0 20px!important;
  }
   }

@media (max-width: 480px) {
.slide-img {
  height:350px!important;
      background-size: auto 100%
  }
 }


/* アイキャッチ */
.fullscreen__eyecatch {
	width: 100%;
	padding: 0 5%;
	text-align: center;
	position: absolute;
	top: 48%;
	left: 0;
	z-index: 100;
}
.fullscreen__eyecatch--text {
	font-size: 0;
	line-height: 0;
	margin-bottom: 2vh;
}
.fullscreen__scroll {
	position: absolute;
	left: 50%;
	bottom: 3vh;
	z-index: 100;
}
/*.fullscreen__scroll {
    animation: iconscroll 3s;
    -webkit-animation: iconscroll;
}*/
/*アニメーション*/
/*@keyframes iconscroll {
    0% {
		transform: translateY(0);
	}
    100% {
		transform: translateY(20px);
	}
}
@-webkit-keyframes iconscroll {
    0% {
		transform: translateY(0);
	}
    100% {
		transform: translateY(20px);
	}
}*/

.fullscreen__scroll a {}
.icon_scroll {
    display: block;
	position: absolute;
	bottom: 15px;
	left: 50%;
	width: 52px;
	height: 52px;
	margin-left: -26px;
	border-left: 2px solid #009b35;
	border-bottom: 2px solid #009b35;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
@media (max-width:767px) {
	.icon_scroll {
		width: 40px;
		height: 40px;
		margin-left: -20px;
	}
}

/* INFORMATION
----------------------------------------------------*/
#topInformation {
	font-size: 1.4rem;
	color: #231815;
}
#topInformation a {
	color: #231815;
	text-decoration: none;
}
@media (max-width:767px) {
	#topInformation a {
		display: block;
	}
}
#topInformation a:hover,
#topInformation a.hover {
	text-decoration: underline;
}
.topInformation__inner {
	max-width: 520px;
	margin: 0 auto;
}
.topInformation__title {
	text-align: center;
	font-size: 0;
	line-height: 0;
	margin-bottom: 5vh;
}
.topInformation__postList {
	margin-bottom: 2em;
}
.topInformation__postList--item {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 1em;
}
.topInformation__postList--item--date {
	width: 21.15384%;
	width: calc(110px / 520px * 100%);
}
.topInformation__postList--item--title {
	width: 75.96153%;
	width: calc(395px / 520px * 100%);
}
@media (max-width:767px) {
	.topInformation__postList--item--date,
	.topInformation__postList--item--title {
		width: 100%;
	}
}

.topInformation__category {}
.topInformation__catList {
	display: flex;
	justify-content: space-between;
}
@media (max-width:767px) {
	.topInformation__catList {
		justify-content: center;
		flex-direction: column;
	}
}
.topInformation__catList--item {}
.topInformation__catList--item--a {
	background: url(../img/common/icon_arrow.png) no-repeat left center;
	background-size: 14px 6px;
	padding: 0 0 0 20px;
}


/* YouTube
----------------------------------------------------*/
#topMovie {}
.topMovie__title {
	text-align: center;
	font-size: 0;
	line-height: 0;
	margin-bottom: 5vh;
}
.topMovie__movie {
	max-width: 763px;
	margin: 0 auto;
}

.topMovie__movie iframe{
  width:760px;
  height:470px;
}

/*.movie {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	padding-top: calc(9 / 16 * 100%);
}
.movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}*/


/* コンテンツリンク
----------------------------------------------------*/
.topContentsLink {
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
@media (max-width:767px) {
  .topMovie__movie iframe{
    width:100%;
    height:280px;
  }


	.topContentsLink {
		height: auto;
	}
}
.topContentsLink__a {
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.topContentsLink__a:hover,
.topContentsLink__a:hover img,
.topContentsLink__a.hover,
.topContentsLink__a.hover img{
	opacity: 1;
}
/*.topContentsLink__overlay {
	background-color: rgba(0,0,0,.5);
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 1;
	z-index: 10;
	-webkit-transition: .3s;
	transition: .3s;
	transform: translateZ(0);
}
a:hover .topContentsLink__overlay,
a.hover .topContentsLink__overlay{
	opacity: 0;
	transform: translateZ(-100%);
}*/
.topContentsLink__imgSet {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 5;
}
@media (max-width:767px) {
	.topContentsLink__imgSet {
		position: static;
	}
}
.topContentsLink__imgSet--img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.topContentsLink__imgSet--img span {
	display: block;
	width: 100%;
	padding: 100% 0 0;
}
#topInterview .topContentsLink__imgSet--img {
	background-position: top center;
}
@media (max-width:767px) {
	.topContentsLink__imgSet--img {
		height: 50vh;
	}
}
@media (max-width:480px) {
	.topContentsLink__imgSet--img {
		height: 25vh;
	}
}
.topContentsLink__imgSet--title {
	background-color: #FFF;
	border: 5px solid #009b35;
/*	box-shadow: var(--midashi-shadow);*/
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 10vh;
	margin-left: -5px;
	transition: .5s;
	-webkit-transform: translateX(-100%);
	        transform: translateX(-100%);
}
.now .topContentsLink__imgSet--title {
	-webkit-transform: translateX(0);
	        transform: translateX(0);
}
@media (max-width:767px) {
	.topContentsLink__imgSet--title {
		position: static;
		width: 100%;
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		box-shadow: none;
		border-right: none;
		border-bottom: none;
		border-left: none;
		margin: 0;
	}
}
.topContentsLink__imgSet--title--button {
	margin: -5px 0 0 -5px;
}
.topContentsLink__imgSet--title--text {
	padding: 25px;
	font-size: 26px;
	line-height: 0;
  font-family: "見出しゴMB31" ,Midashi Go MB31;
  color: #009A34;
  font-weight: bold;
  letter-spacing: 0.1em;
}

@media (max-width:767px) {
  .topContentsLink__imgSet--title--button {
    display:inline-block;
    margin:-5px 0 -5px -5px;
  }
	.topContentsLink__imgSet--title--text {
		padding: 0 10px;
    font-size:13px;
    display:inline-block;
    position: relative;
    top: -2px;
    letter-spacing: 0.03em;
	}
  	.topContentsLink__imgSet--title--text .pelp{
      width: 55px;
      vertical-align: sub;
      height:auto;
    }
}
@media (max-width:480px) {
	.topContentsLink__imgSet--title--text img {
		width: auto;
		height: 20px;
	}
}
@media (max-width:320px) {
	.topContentsLink__imgSet--title--text img {
		height: 16px;
	}
}


/* エントリー
----------------------------------------------------*/
#topEntryMessage {}
.topEntryMessage__wrap {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
  text-align:center;
}
.topEntryMessage__text {
	width: calc(730px / 1000px * 100%);
	font-size: 0;
	line-height: 0;
}
.topEntryMessage__button {
	position: absolute;
	top:0;
	left: 42.6%;
	left: calc(416px / 1000px * 100%);
	padding-top: 6.3%;
	padding-top: calc(103px / 1000px * 100%);
}
.topEntryMessage__logo {
	width: 28.2%;
	width: calc(282px / 1000px * 100%);
	position: absolute;
	top:0;
	left: 78.5%;
	left: calc(785px / 1000px * 100%);
	padding-top: 2.5%;
	padding-top: calc(25px / 1000px * 100%);
}
@media (max-width: 1039px) {
	.topEntryMessage__logo {
		left: 74%;
	}
}
@media (max-width:767px) {
	.topEntryMessage__text,
	.topEntryMessage__button,
	.topEntryMessage__logo {
		position: static;
		text-align: center;
		padding-top: 0;
	}
	.topEntryMessage__text,
	.topEntryMessage__button {
		width: 100%;
		margin-bottom: 5vh;
	}
  .topEntryMessage__button a{
    background:#fff;
  }
	.topEntryMessage__button {
    margin-bottom:0;
   }

	.topEntryMessage__logo {
		width: 50%;
		margin: 0 auto;
	}
}


/* .sectionNav
----------------------------------------------------*/
.sectionNav {
	opacity: 0;
	position: fixed;
	top: 0;
	right: 3vw;
	bottom: 0;
	z-index: -1;
	transition: all .3s ease;
}
.sectionNav.is-show {
	opacity: 1;
	z-index: 100;
}
@media (max-width:767px) {
	.sectionNav.is-show {
		display: none;
		opacity: 0;
		z-index: -1;
	}
}
.sectionNav__list {
	height: 100vh;
	width: 10px;
	display: flex;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.sectionNav__list--li {
	margin: 15px 0;
}
.sectionNav__list--li--a {
	background-color: #009b35;
	display: block;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	overflow: hidden;
	transition: all .3s ease;
	-webkit-transform: scale(1);
	        transform: scale(1);
}
.sectionNav__list--li--a:hover,
.sectionNav__list--li--a.hover,
.now .sectionNav__list--li--a {
	-webkit-transform: scale(2);
	        transform: scale(2);
}


/*----------------------------------------------------
	INTERVIEW
----------------------------------------------------*/
.interview_ph {
	font-size: 1.5rem;
	margin-bottom: 20px;
}
.interview_ph figure + figure {
	margin-top: 20px;
}
.interview_ph img {
	display: block;
	width: 100%;
	height: auto;
}
.q-text {
	color: #009b35;
}
.type-interview .line {
	display: none;
}
.type-interview .line + h2 {
	margin-top: 3em;
}
/* 企業情報 */
.interviewData {
	margin-top: 35px;
	font-size: 1.4rem;
}
.interviewData__img {
	float: right;
	border: 1px solid #009b35;
	width: 150px;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
	margin-left: 4%;
}
@media (max-width: 480px) {
	.interviewData__img {
		float: none;
		margin: 0 auto 20px;
	}
}
.interviewData__text {
	overflow: hidden;
}
.interviewData__h3 {
	color: #009b35;
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 0.8em;
}
@media (max-width: 767px) {
	.interviewData__h3 {
		font-size: 1.8rem;
	}
}
.interviewData__p {}
.interviewData__link {
	margin-top: 1em;
}


/*----------------------------------------------------
	CONCEPT
----------------------------------------------------*/
#concept,
#logodesign {
	margin-bottom: 190px;
}
@media (max-width: 1039px) {
	#concept,
	#logodesign {
		margin-bottom: 0;
	}
}
.nextPage {
	text-align: right;
	margin: 0 5vw 100px;
}
.nextPage .btn--green {
	width: 260px;
}
@media (max-width: 1039px) {
	.nextPage {
		margin-bottom: 5vh;
	}
}


/*----------------------------------------------------
	ABOUT
----------------------------------------------------*/
.pelpPoint {}
.pelpPoint .section__inner {
	padding-top: 60px;
}
@media (max-width: 767px) {
	.pelpPoint .section__inner {
		padding-top: 0;
	}
}
.pelpPoint__title {
	max-width: 416px;
	margin: 0 auto 80px;
}
.pelpPoint__title--h2 {
	text-align: center;
	font-size: 0;
	line-height: 0;
}
.pelpPoint__list {
	max-width: 800px;
	margin: 0 auto;
	display: -ms-grid;
	display: grid;
	grid-gap: 30px 4%;
	-ms-grid-rows: auto 30px auto 30px auto;
	-ms-grid-columns: 48% 4% 48%;
	    grid-template:
		"point1 point2" auto
		"point3 point4" auto
		"point3 point5" auto
		/ 48% 48%;
}

.pelpPoint__list .pelpPoint__list--item{
  box-shadow:none;
  border: 10px solid #009b35;
  border-width: 5px;
  border-radius: 15px;
}

@media (max-width: 1039px){
	.pelpPoint__list .pelpPoint__list--item{
  border: 7px solid #009b35;
	}
}

@media (max-width: 767px) {
	.pelpPoint__list {
		/*-ms-grid-columns: 100%;
		    grid-template-columns: 100%;
		grid-gap: 30px;*/
     display:block;margin-bottom: 30px;
	}
 .pelpPoint__list--item{margin-top: 30px;}
 .pelpPoint__list--item:first-child{margin-top: 0px;}
}
.pelpPoint__list--item:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: point1;
}
.pelpPoint__list--item:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
	grid-area: point2;
}
.pelpPoint__list--item:nth-child(3) {
	-ms-grid-row: 3;
	-ms-grid-row-span: 3;
	-ms-grid-column: 1;
	grid-area: point3;
}
.pelpPoint__list--item:nth-child(4) {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
	grid-area: point4;
}
.pelpPoint__list--item:nth-child(5) {
	-ms-grid-row: 5;
	-ms-grid-column: 3;
	grid-area: point5;
}
@media (max-width: 767px) {
	.pelpPoint__list--item:nth-child(3) {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		grid-row: 3 / 4;
	}
}
.pelpPoint__list--item .whiteBgBlock__inner {
	padding: 20px 30px 30px;
}
.pelpPoint__list--item--h3 {
  font-family: "見出しゴMB31" ,Midashi Go MB31;
  color: #009A34;
  font-weight: bold;
  font-size:23px;
  display: inline-block;
  line-height: 0.5;
	margin-bottom: 35px;
  position:relative;
text-align: left;
display: block;
padding-left: 40px;
}

.pelpPoint__list--item{
  position:relative;
}

.pelpPoint__list--item.nm:after{
  position:absolute;
  content:"";
  width:50px;
  height:50px;
  background-size:100% 100%;
  left:0;
  top:0;
background-color: #009B35;
border-radius: 0 0 10px 0;
}

.pelpPoint__list--item.nm01:after{background-image:url(../img/about/nm01.png);}
.pelpPoint__list--item.nm02:after{background-image:url(../img/about/nm02.png);}
.pelpPoint__list--item.nm03:after{background-image:url(../img/about/nm03.png);}
.pelpPoint__list--item.nm04:after{background-image:url(../img/about/nm04.png);}
.pelpPoint__list--item.nm05:after{background-image:url(../img/about/nm05.png);}
.pelpPoint__list--item.nm06:after{background-image:url(../img/about/nm06.png);}

.pelpPoint__list--item p {
	margin-bottom: 1em;
  text-align:left;
}

.pelpPoint__list--item p.attention{
  font-size: 12px;
}

.pelpPoint__list--item p.center{
  text-align:center;
}

.pelpPoint__list--item p:last-child {
	margin-bottom: 0;
}

/* サービスの流れ */
.serviceFlow {}
.serviceFlow__h3 {
	font-size: 0;
	line-height: 0;
	margin-bottom: 50px;
}
.serviceFlow p {
	margin-bottom: 150px;
}

.serviceFlow__h3.nm{
  position:relative;
}

.serviceFlow__h3.nm:after{
  position:absolute;
  content:"";
  width:40px;
  height:40px;
  background-size:100% 100%;
  left:180px;
  top:0;
}

.serviceFlow__h3.nm01:after{background-image:url(../img/about/nm01.png);}
.serviceFlow__h3.nm02:after{background-image:url(../img/about/nm02.png);}
.serviceFlow__h3.nm03:after{background-image:url(../img/about/nm03.png);}
.serviceFlow__h3.nm04:after{background-image:url(../img/about/nm04.png);}
.serviceFlow__h3.nm05:after{background-image:url(../img/about/nm05.png);}
.serviceFlow__h3.nm06:after{background-image:url(../img/about/nm06.png);}

@media (max-width: 767px) {
	.serviceFlow__h3 {
		margin-bottom: 5vh;
	}
	.serviceFlow p {
		margin-bottom: 10vh;
	}
  .serviceFlow__h3.nm:after{
  left:0;
  }
}


/* 回収できる紙 */
.pelpKaishu {}
.pelpKaishu__wrapper {
	display: flex;
	justify-content: space-between;
	max-width: 580px;
	margin: 0 auto;
}
@media (max-width: 767px) {
	.pelpKaishu__wrapper {
		flex-direction: column;
	}
}
.pelpKaishu__item {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
}
@media (max-width: 767px) {
	.pelpKaishu__item {
		justify-content: center;
	}
}
.pelpKaishu__item:nth-child(1) {
	width: 27.88461%;
	width: calc(145px / 520px * 100%);
}
.pelpKaishu__item:nth-child(2) {
	width: 63.07692%;
	width: calc(328px / 520px * 100%);
}
@media (max-width: 767px) {
	.pelpKaishu__item:nth-child(1),
	.pelpKaishu__item:nth-child(2) {
		width: 100%;
	}
	.pelpKaishu__item:nth-child(1) {
		margin-bottom: 30px;
	}
}
.pelpKaishu__h3 {
	border: 3px solid #009b35;
	border-radius: 5px;
	color: #009b35;
	display: block;
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	width: 100%;
	padding: 7px 0;
	margin-bottom: 25px;
}

.pelpKaishu__img img{
  height:333px;
  width:auto;
}

@media (max-width: 767px) {
	.pelpKaishu__img {
		margin: 0 2vw;
	}
}

/* 料金について */
.pelpPrice {}
.pelpPrice__box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 650px;
	margin: 0 auto 50px;
}
@media (max-width: 767px) {
	.pelpPrice__box {
		flex-direction: column;
	}
}
.pelpPrice__box--img {
	width: 29.42307%;
	width: calc(153px / 520px * 100%);
}
.pelpPrice__box--text {
	text-align: left;
}
@media (max-width: 767px) {
	.pelpPrice__box--img {
		width: 100%;
	}
	.pelpPrice__box--text {
		text-align: center;
	}
}
.pelpPrice__box--text--h3 {
	font-size: 0;
	line-height: 0;
	margin-bottom: 25px;
}
.pelpPrice__box--text--p {
	margin-bottom: 0 !important;
  text-align: left !important;
}
.pelpPrice__box--text--p .price {
	font-size: 2.2rem;
	font-weight: bold;
}
.pelpPrice__box--text--p span{font-size: 1.5rem;}
.pelpPrice__box--text--p .price span{font-size: 1.5rem;}
.pelpPrice__box--text .attention{font-size: 1.5rem;}

.pelpPrice__button {}
.pelpPrice__button .btn--green {
	width: 260px;
}

/* 参加企業一覧 */
.pelpKigyo .bx-wrapper {
	margin-top: 20px;
}
.whiteBgBlock .supporterList {
	display: flex;
	flex-wrap: wrap;
	margin: 20px auto 0;
	width: 	680px;
}
.supporterList__item {
	background: #fff;
	margin: 0 10px 20px;
	width: calc(25% - 20px);
}
.supporterList__item a .supporterList__logo--frame{
	opacity: 1;
	transition: all 0.3s ease;
}
.supporterList__item a:hover .supporterList__logo--frame{
	opacity: .6;
}

@media (max-width: 767px) {
	.whiteBgBlock .supporterList {
		width: 	100%;
	}
	.supporterList__item {
		background: #fff;
		margin: 5px;
		width: calc(33.33% - 10px);
	}
}
@media (max-width: 480px) {
	.supporterList__item {
		width: calc(50% - 10px);
	}
}
.supporterList__logo--frame {
	border: 1px solid #009b35;
	padding: 16.66666%;
}
.supporterList__logo {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
}
.supporterList__logo span {
	display: block;
	padding: 100% 0 0;
}


/*----------------------------------------------------
	PRODUCT
----------------------------------------------------*/
.product__section {
	margin-bottom: 100px;
}
@media (max-width: 767px) {
	.product__section {
		margin-bottom: 10vh;
	}
}

/* 定番商品 */
#teiban {}
.itemList {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 640px;
	margin: 50px auto 20px;
}
@media (max-width: 767px) {
	.itemList {
		margin: 10vh auto 5vh;
	}
}
.itemList__item {
	width: 46.875%;
	width: calc(300px / 640px * 100%);
	margin-bottom: 30px;
}
.itemList__item.itemList__item01{
  border: 10px solid #009b35;
  border-width: 5px;
  border-radius: 15px;
  padding:15px 15px 25px;
  height:auto!important;
  width:100%;
margin: 47px 0 0;
}
@media (max-width: 1039px){
	.itemList__item.itemList__item01{
  border: 7px solid #009b35;
	}
}
.itemList__item.itemList__item01 .itemList__item--h3{
  font-family: "見出しゴMB31" ,Midashi Go MB31;
  color: #009A34;
  font-weight: bold;
  font-size:19px;
  text-align:left;
}

.itemList__item.itemList__item01 .itemList__item--p{
  font-size:15px;
  text-align:left;
  margin:0 0 15px;
}

.itemList__item.itemList__item01 .itemList__item--img{
  margin:20px auto 0;
  display:block;
}
@media (max-width: 480px) {
 .itemList__item--img_s {
      height: 104px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 100%;
       object-position: 50% 100%;
    margin-bottom: 0;
 }
}
.meishi{
  width:410px;
  margin:0 auto 60px;
  text-align:left;
}

.meishi p{
  text-align:left;
  font-size:14px;
}

@media (max-width: 767px) {
	.itemList__item {
		margin-bottom: 5vh;
	}

  .meishi{
    width:auto;
    margin:0 auto 40px;
  }
  .itemList__item.itemList__item01{
    margin-top:40px;
  }
}
@media (max-width: 480px) {
	.itemList__item {
		width: 100%;
	}
}
.itemList__item--img {
	display: block;
	margin: 0 auto 10px;
}
.itemList__item--text {}
.itemList__item--h3 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 4px;
  text-align:center;
}

.postContents .itemList__item--p {
	font-size: 1.4rem;
	margin-bottom: 0 !important;
}
.productButton {
	text-align: center;
	margin: 50px 0;
}
@media (max-width: 767px) {
	.productButton {
		margin: 5vh 0;
	}
}
.productButton .btn--green {
	width: 260px;
}
@media (max-width: 480px) {
	.productButton .btn--green {
		width: 100%;
	}
}

/* 名入れ印刷 */
#naire {}

/* オーダーメイド */
#ordermade {}

/* PROCESS */
#process {}
.processList {}
.processList__item {
	margin: 100px 0;
	position: relative;
}
.processList__item + .processList__item {
	margin-top: 110px;
}
@media (max-width: 767px) {
	.processList__item {
		margin: 10vh 0;
	}
	.processList__item + .processList__item {
		margin-top: 10vh;
	}
}
.processList__item + .processList__item::before {
	content: '';
	border-top: 15px solid #646464;
	border-right: 12px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 12px solid transparent;
	width: 0;
	height: 0;
	position: absolute;
	top: -65px;
	left: 50%;
	margin-left: -14px;
}
@media (max-width: 767px) {
	.processList__item + .processList__item::before {
		top: -6vh;
	}
}
.processList__item--img {
	display: block;
	margin: 0 auto 20px;
}
.processList__item--text {}
.processList__item--h3 {
	font-size: 2.2rem;
	margin-top: 40px;
}
@media (max-width: 767px) {
	.processList__item--h3 {
    font-size:1.8rem;
		margin-top: 4vh;
	}
}
.processList__item--p {
	font-size: 1.6rem;
	margin-bottom: 0 !important;
}


/*----------------------------------------------------
	KAMITORE
----------------------------------------------------*/
.kamitoreButton {
	text-align: center;
	margin: 100px 0;
}
@media (max-width: 767px) {
	.kamitoreButton {
		margin: 10vh 0;
	}
}


/*----------------------------------------------------
	CONTACT
----------------------------------------------------*/
.contactForm {
	font-size: 1.4rem;
}
.contactForm__table {
	width: auto;
	margin: 50px auto;
}
.contactForm__table th {
	width: 170px;
	white-space: nowrap;
	vertical-align: top;
}
.contactForm__table th,
.contactForm__table td {
	padding: 0.5em 0;
	text-align: left;
}
@media (max-width: 767px) {
	.contactForm__table th,
	.contactForm__table td {
		display: block;
		width: 100%;
	}
	.contactForm__table th {
		padding-bottom: 0;
	}
}
.contactForm__table dt {
	clear: both;
	float: left;
	padding: 7px 0 0;
	margin-bottom: 5px;
}
.contactForm__table dd {
	padding: 0 0 0 80px;
	margin-bottom: 5px;
}
@media (max-width: 767px) {
	.contactForm__table dt {
		float: none;
		padding: 0;
	}
	.contactForm__table dd {
		padding: 0;
		margin-bottom: 5px;
	}
}
.contactForm__table dd:last-child {
	margin-bottom: 0;
}
.contactForm__table input[type="text"],
.contactForm__table input[type="email"] {
	width: 350px;
	margin: 3px 0;
}
.contactForm__table #zip1,
.contactForm__table #zip2 {
	width: 150px;
}

.contactForm__table #address1,
.contactForm__table #address2,
.contactForm__table #strt {
	width: 270px;
}
.contactForm__table input[type="text"].tel {
	width: 107px;
}
.contactForm__table textarea {
	width: 350px;
}
@media (max-width: 767px) {
	.contactForm__table input[type="text"],
	.contactForm__table input[type="email"],
	.contactForm__table #address1,
	.contactForm__table #address2,
	.contactForm__table #strt,
	.contactForm__table textarea {
		width: 100%;
	}
}
@media (max-width: 480px) {
	.contactForm__table #zip1,
	.contactForm__table #zip2,
	.contactForm__table input[type="text"].tel {
		width: 30%;
	}
}
.contactForm input[type="submit"] {
	background-position: center center;
	background-repeat: no-repeat;
	height: 40px;
	font-size: 1.6rem;
	text-align: left;
	text-indent: -9999px;
	width: 310px;
	margin: 0 10px;
}
@media (max-width: 1039px) {
	.contactForm input[type="submit"] {
		width: 48%;
		margin: 0 1%;
	}
}
@media (max-width: 480px) {
	.contactForm input[type="submit"] {
		width: 100%;
		margin: 0 0 5px;
	}
}
.contactForm input[type="submit"]:hover {}

.contactForm input.confirm_btn {
	background-image: url(../img/contact/btn_kakunin.png);
	background-size: 171px 20px;
}
.contactForm input.back_btn {
	background-image: url(../img/contact/btn_back.png);
	background-size: 68px 20px;
}
.contactForm input.submit_btn {
	background-image: url(../img/contact/btn_submit.png);
	background-size: 66px 20px;
}

/* 入力ページ */
.mw_wp_form_input {}
.mw_wp_form_input th {
	width: 30%;
	line-height: 40px;
}
.mw_wp_form_input .submit_btn,
.mw_wp_form_input .privacy-check-yes {
	display: none !important;
}
.mw_wp_form_input .privacy-check label {
	font-weight: bold;
}

/* 入力確認ページ */
.mw_wp_form_confirm {}
.mw_wp_form_confirm td span,
.mw_wp_form_confirm td dt,
.mw_wp_form_confirm .privacy-text,
.mw_wp_form_confirm .privacy-check {
	display: none !important;
}
.mw_wp_form_confirm td dd {
	padding-left: 0;
}
.mw_wp_form_confirm .privacy-check-yes {
	display: block !important;
}

/* 送信完了ページ */
.mw_wp_form_complete {}



/* よくある質問 */
.faq-catname {
	display: none;
}
.qa-faq-title {
	color: #009b35;
	padding: 0 0 0 1.3em;
	position: relative;
}
.qa-faq-title::before {
	content: 'Q.';
	position: absolute;
	top: 0;
	left: 0;
}
.qa-faq-anchor {
	text-decoration: none;
	pointer-events: none;
}
.qa-faq-answer {
	padding: 0 0 0 1.3em;
	position: relative;
}

.qa-faq-answer p{
  text-align:left;
  font-size: 100%;
}

.qa-faq-answer::before {
	content: 'A.';
	position: absolute;
	top: 0;
	left: 0;
}


@media (max-width: 767px) {
.qa-faq-answer p{
    padding-top:5px;
	}
}

/*----------------------------------------------------
	PRIVACY
----------------------------------------------------*/

#privacy h2,
#douisho h2 {
	text-align: left;
	font-size: 2.2rem;
	margin:50px 0 25px;
}
#privacy p,
#privacy ol,
#privacy ul,
#douisho p,
#douisho ol,
#douisho ul {
	text-align: left;
	font-size: 1.6rem;
	margin-bottom: 50px;
}

.list-abc {}
.list-abc li {
	list-style: none !important;
	counter-increment: li;
	position: relative;
}
.list-abc li::before {
	content: counter(li, lower-alpha) ')';
	position: absolute;
	top: 0;
	left: -1.3em;
}

.line_tl{
  letter-spacing: .2em;
  font-family: "見出しゴMB31" ,Midashi Go MB31;
  color: #009A34;
  font-weight: bold;
  border-bottom:4px solid #C3E0BC;
  font-size:30px;
  display: inline-block;
  line-height: 0.8;
}

.line_tl + .line_tl{
  padding: 15px 0 0;
}

.line_tl.line_tl_no{
  border:none;
  line-height: 1.6;
}

.center_btn{
  text-align:center;
  padding:0 0 100px;
}

@media (max-width: 1039px) {
  .line_tl{
    font-size:16px;
    letter-spacing: .05em;
  }
  .line_tl img {
    height: 13px;
    width: auto;
}
  .center_btn{
    padding:0 0 50px;
  }
  .pelp_logo_l{
    width:120px;
    height:auto;
  }
}

.footerNavList:after{
  clear: both;
  content: "";
  display: block;
  height: 0;
  font-size: 0;
  visibility: hidden;
}


/*----------------------------------------------------
	entry
----------------------------------------------------*/
.entry_txt{
  padding-top:40px;
}

.btn_wrap{
  text-align:center;
  padding:0 0 40px;
}

.btn_wrap .btn_set{
  margin:40px 0;
}

.btn_wrap .btn_set:last-child{
  margin:0;
}

.btn_wrap .btn_set .btn--green{
  box-sizing:border-box;
  width:180px;
}

/*----------------------------------------------------
	story
----------------------------------------------------*/
.story_wrap p{
  text-align:left;
}

.img_ff{
  margin:60px -35px 0;
}

.story_wrap .midashi__img {
  margin-bottom:60px;
}

.story_wrap .midashi__img.midashi__img02{
  margin:30px 0;
}

.story_wrap .midashi__img.midashi__img02 .line_tl {
  border:none;
}


@media (max-width: 900px) {
  .entry_txt{
    padding-top:40px;
    font-size:14px;
  }

  .story_content .whiteBgBlock__inner{
    overflow:hidden;
  }

  .img_ff{
    margin:40px -10% 0;
  }

  .story_wrap .midashi__img {
    margin-bottom:40px;
  }
}
p.yuryou{
    text-align: left;
    max-width: 520px;
    margin: -30px auto 50px auto;
 font-size:16px;
}
span.red{
	color:#cc0000;
}











.faq-mt-top {
	padding-top: 35px;
}

.faq-day_del .post-meta {
	display: none;
}


.faq-list {
	width: 100%;
}

.faq-list .list-items {
	border: 10px solid #009b35;
	border-width: 5px;
	border-radius: 15px;
	padding: 13px 20px 20px;
	position: relative;
	margin-bottom: 1.3em;
}

.faq-list .list-items:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    background-size: 100% 100%;
    left: 0;
    top: 0;
    background-color: #009B35;
    border-radius: 0 0 10px 0;
}

.faq-list .list-items.nm01:after {
	background-image: url(../img/about/nm01.png);
}

.faq-list .list-items.nm02:after {
	background-image: url(../img/about/nm02.png);
}

.faq-list .list-items.nm03:after {
	background-image: url(../img/about/nm03.png);
}

.faq-list .list-items.nm04:after {
	background-image: url(../img/about/nm04.png);
}

.faq-list .list-items.nm05:after {
	background-image: url(../img/about/nm05.png);
}

.faq-list .list-items.nm06:after {
	background-image: url(../img/about/nm06.png);
}

.faq-list .list-items.nm07:after {
	background-image: url(../img/about/nm07.png);
}

.faq-list .list-items.nm08:after {
	background-image: url(../img/about/nm08.png);
}

.faq-list .list-items.nm09:after {
	background-image: url(../img/about/nm09.png);
}

.faq-list .list-items.nm10:after {
	background-image: url(../img/about/nm10.png);
}

.faq-list .list-items.nm11:after {
	background-image: url(../img/about/nm11.png);
}

.faq-list .list-items.nm12:after {
	background-image: url(../img/about/nm12.png);
}

.faq-list .list-items .ttl {
	font-family: "見出しゴMB31" ,Midashi Go MB31;
    color: #009A34;
    font-weight: bold;
    font-size: 23px;
    display: inline-block;
    line-height: 1.41;
    margin-bottom: 35px;
    position: relative;
    text-align: left;
    display: block;
    padding-left: 50px;
}

.faq-list .list-items p {
	font-size: 16px;
	text-align: left;
	margin-bottom: 1em;
}

.faq-list .list-items p:last-child {
	margin-bottom: 0;
}

.faq-list .list-items p.coution-text {
	margin-left: 1em;
}

.faq-list .list-items p.coution-text::before {
	content: "※";
	text-indent: 1em;
	margin-left: -1em;
}


@media screen and (max-width: 1039px) {
	.faq-list .list-items {
		border: 7px solid #009b35;
		border-width: none;
		border-radius: 15px;
		padding: 13px 20px 20px;
		position: relative;
		margin-bottom: 1.3em;
	}
	
}

/* エントリーページ用CSS */
.entry_container {
	display: flex;
	margin: 40px 0;
}
.entry_container h2 {
	color: #009b35;
	font-size: 3rem;
	font-weight: bold;
}
.entry_container p {
	text-align: left;
	font-size: 2rem;
	margin-bottom: 1rem;
}

.entry_container .small_txt {
	font-size: 1.4rem;
}
.entry_container .container_txt {
	width: 60%;
	padding: 0 30px;
}
.entry_container .container_btn {
	display: flex;
	align-items: center;
	width: 40%;
	padding: 0 20px;
}
.entry_container .container_btn img {
	width: 100%;
}

.entry_container .container_btn_design {
	width: 100%;

}

.entry_container .container_btn_design a{
	display: block;
	background-color: #009b35;
	width:100%;
	text-decoration: none;
	padding: 10px;
	transition: 0.3s;
	text-align: center;
}

.entry_container .container_btn_design a h4 {
	color: white;
	font-size: 2.4rem;
	font-weight: 600;
	display: inline-block;
	position: relative;
	padding-left: 28px;
}

.entry_container .container_btn_design a:hover {
	opacity: 0.6;
}

.entry_container .container_btn_design a h4::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background: url(../img/entry/sankaku.png) no-repeat;
	background-size: contain;
	width: 15px;
	height: 24px;
}

@media (max-width: 900px) {
	.entry_container p {
		font-size: 14px;
	}
	.entry_container h2 {
		font-size: 24px;
	}
}





/* エントリーページ用　スマホCSS */
@media (max-width: 900px) {
	.entry_container {
		display: flex;
		flex-flow: column;
		margin: 30px 0;
	}
	.entry_container h2 {
		margin-top: 10px;
		color: #009b35;
		font-size: 2.4rem;
		font-weight: bold;
		text-align: center;
	}
	.entry_container p {
		text-align: center;
		font-size: 1.4rem;
		margin-bottom: 1rem;
	}
	.entry_container .small_txt {
		font-size: 1.4rem;
	}
	.entry_container .container_txt {
		width: 100%;
		padding: 0;
	}
	.entry_container .container_btn {
		width: 100%;
		margin: 20px 0;
		display: flex;
	justify-content: center;
	}

	.entry_container .container_btn img{
		width: 80%;
	}


	.entry_container .container_btn_design {
		text-align: center;
	}
	.entry_container .container_btn_design a {
		/* display: block; */
	}

	
}

@media (max-width: 767px) {
	.entry_container .container_btn_design a{
		/* padding: 10px 20px 10px 30px; */
	}

	.entry_container .container_btn_design a h4 {
		font-size: 18px;
		padding-left: 16px;
	}

	.entry_container .container_btn_design a h4::before {
		width: 10px;
		height: 16px;
	}

	
	
}


/* 中央揃え追加 */
.entry_container .container_txt .center{
	height: 70px;
	line-height: 70px;
}

/*cookie設定*/
.cookie-consent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  font-size: 12px;
  color: #fff;
  background: rgba(0,0,0,.9);
  padding: 1.2em;
  box-sizing: border-box;
  visibility: hidden;
}
.txt_area p {
margin: 0;
}
.cookie-consent.is-show {
  visibility: visible;
}
.cookie-consent a {
  color: #fff !important;
}
.cookie-agree {
  color: #fff;
  background: dodgerblue;
  padding: .5em 1.5em;
}
.cookie-agree:hover {
  cursor: pointer;
}
/* パッと消える */
.cc-hide1 {
  display: none;
}
/* ゆっくり消える */
.cc-hide2 {
  animation: hide 1s linear 0s;
  animation-fill-mode: forwards;
}
@keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
/* メディアクエリ */
@media screen and (max-width: 600px) {
  .cookie-consent {
    flex-direction: column;
  }
  .cookie-text {
    margin-bottom: 1em;
  }
}
