charset "utf-8";
/* CSS Document */

body{
	background-color:#FFF;
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

 a:link, a:visited, a:hover, a:active{
	color:#204000;
	text-decoration:none;}

img {max-width:100%;}

 .underline a:link{text-decoration: underline;}

hr.green{
	border:none;
	border-top:2px solid #204000;
	width:100%;
	margin-top:0px;
	margin-bottom:0px;
	clear:both;}

.page-top {
    position: fixed;
    bottom: 60px;
    right: 40px;
    padding: 10px;
    background: #ECECDB;
	border:1px solid #204000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 12px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;}	

/******* header ********/
.header{
	width:1000px;
	margin:30px auto 0px auto;
	height:125px;}

.logo{
	width:800px;
	float:left;
	height:125px;}

.logo-img{
	text-align:left;
	width: 300px;
	margin-bottom: 35px;
}

.g-menu {
	width:800px;
	margin-top:15px;
	display:flex;
	justify-content:space-around;}

.g-menu li{
	width:20%;
	/*display: inline-block;*/
	text-align:left;}

.top-right{
	width:200px;
	float:left;
	position:relative;
	height:125px;}

.font-navi table{
	border:1px solid #999;
	width:200px;
	height:30px;
	position:absolute;
	bottom:50px;}

.font-navi th, .font-navi td{
	width:50%;
	text-align:center;
	font-size:14px;}

#fontSize li{
	float:left;
	width:29px;
	background-color:#BCC5B2;
	text-align-last:center;
	color:#FFF;
	margin-right:3px;
	height:24px;
	font-size:16px;}

#fontSize li.current{background-color:#204000;}
	
.topnavi-box{
	position:absolute;
	bottom:5px;}

.topnavi-box li{
	background-color:#204000;
	color:#FFF;
	padding:3px;
	float:left;
	width:200px; /*2つの場合は95px*/
	font-size:14px;}

.topnavi-box a:link, .topnavi-box a:visited, .topnavi-box a:hover,  .topnavi-box a:active{
	color:#FFF;
	text-decoration:none;}

.bread{
	width:1000px;
	margin:15px auto 30px;
	font-size:0.9em;
	text-align:left;}

/****** footer  ***********/
.footer{
	background-color:#ECECDB;
	padding:20px;
	font-size:0.8em;}
.footer-container{
	display:flex;
	justify-content:space-between;
	width:920px;
	margin:0 auto;}

.footer-menu{
	 width:25%;
	 text-align:left;
}

.footer-menu li{
	margin-left:15px;
	margin-top:10px;
	line-height:0.9;}

.copy-right{
	background-color:#204000;
	color:#FFF;
	font-size:12px;
	line-height:200%;}

.copy-right-inner{
	text-align:right;
	margin-right:50px;}


/****** side  ***********/

.s-menu{
	width:200px;
	float:left;}

.s-menu-box{
	width:198px;
	text-align:left;
	border-left:1px solid #204000;
	border-right:1px solid #204000;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	margin-bottom:30px;}
.s-menu-title{
	display:block;
	background-color:#204000;
	color:#FFF;
	font-weight:bold;
	padding:10px;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;}

.s-menu-box2{
	border-bottom:1px solid  #204000;
    padding-top: 5px;}

.s-menu-subtitle{
	display:block;
	font-weight:bold;
	padding-left:10px;}

.s-menu-box li a{
	display:block;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:0.9em;}

.s-menu-box li a:hover{background-color:#ECECDB;}

.s-menu-box li a.active{background-color:#ECECDB;}

/****** contents  ***********/

.content-wrapper{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	overflow:hidden;}

.content{
	width:760px;
	margin:0px 40px 150px 0px;
	float:left;}

.content-col1{
	width:760px;
	margin:0px auto;}

.top-content{
	width:920px;
	margin:10px auto 100px auto;}

/* BOX */

.w7{
	width:700px;
	margin-left:auto;
	margin-right:auto;}

.flex-container{
  display: -webkit-flex; /* Safari */
  display: flex;}

.flex-container-re{
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction:row-reverse;}

.box-center{
  display: -webkit-flex; /* Safari */
  display: flex;
  justify-content:center;
  margin-bottom:20px;}

.box-around{
  display: -webkit-flex; /* Safari */
  display: flex;
  justify-content:space-around;
    flex-wrap: wrap;}

.box-between{
  display: -webkit-flex; /* Safari */
  display: flex;
  justify-content:space-between;}

.item-box{
	width:180px;
    margin-bottom: 20px;}

.item_type{
    float: left;
    display: inline-block;
    text-align: center;
    padding: 5px 10px;
    border: 1px solid #ccc;
    line-height: 1;
	margin-right:20px;}
	
.box-left{
  display: -webkit-flex; /* Safari */
  display: flex;
  justify-content:flex-start;
  margin-bottom:20px;}

.bg-green{background-color:#204000;}

.bg-gray{background-color:#cccccc;}

.box-inline{display:inline-block;}

.box-green{
	background-color:#204000;
	color:#FFF;
	padding:5px;}

.box-helf{width:50%;}

.item-left{
	width:285px;
	margin-right:15px;}

.item-right{
	width:400px;
	text-align:left;}

.item-catch{
	font-size:1.3em;
	font-weight:bold;
	color:rgba(163,159,159,1.00);
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.item-catch2{
	font-size:1.5em;
	font-weight:bold;
	color:#626262;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}


.box-gray-half{
	width:340px;
	margin-right:20px;
	margin-bottom:10px;
	border:1px solid #999;
	text-align:left;
	padding:10px;}

.box-gray-half:nth-child(even){	margin-right:0px;}
	
.box-gray-half img{
	float:left;
	margin-right:10px;}

.box-waku{
	border:1px solid #999999;
	padding:10px;
	text-align:left;
	margin:15px auto;}

.box-waku2{
	border:1px solid #999999;
	padding:5px;
	text-align:center;
	margin:5px auto;}

.card{
    border: 1px solid #999999;
    text-align: left;}

.card-title{
    background-color: #cccccc;
    padding: 0.7rem 1.25rem;
    font-weight: bold;}

.card-body{
    min-height: 1px;
    padding: 1.25rem;}

.scroll-box {
    width: 100%; 
     height: 200px; 
    border-style: solid;	
    border-width:1px;
    border-color: #ddd; 
    padding: 10px 5%;
    overflow-y: scroll;}

/****** title  ***********/
.title-01{
	width:760px;
	border-left:10px solid #204000;
	border-bottom:1px solid #204000;
	padding-left:20px;
	line-height:2;
	font-size:1.25em;
	margin-bottom:30px;
	font-weight:bold;
	font-family:Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
	text-align:left;}

h2 {
    display: flex;
    align-items: center;
    text-align: center; /* for no-flexbox browsers */
	font-size:1.25em;
	font-weight:bold;
	margin-top:50px;
	margin-bottom:20px;
	color:#204000;
	font-family:Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;}

h2:before,
h2:after {
    border-top: 2px solid #204000;
    content: "";
    display: inline; /* for IE */
    flex-grow: 1;}

h2:before {margin-right: 0.5em;}

h2:after {margin-left: 0.5em;}

h3{
	font-size:1.3em;
	font-family:Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
	font-weight:bold;
	color:#204000;
	margin-bottom:20px;}

h4{
	padding: .3em .75em;
	/*background-color: #ECECDB;*/
	border-radius: 10px;
	font-size:1.3em;
	font-weight:bold;
	margin-top:30px;
    margin-bottom: 15px;
    width:700px;
    text-align: left;}

.title-pink{
	position: relative;
	padding: .3em .75em;
	background-color:#F5DCD1;
	border-radius: 10px;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:30px;}

.title-pink::after {
	position: absolute;
	top: 100%;
	left: 45%;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #F5DCD1;}

.title-green{
	position: relative;
	padding: .3em .75em;
	background-color:#e5ffe5;
	border-radius: 10px;
	font-size:1.3em;
	font-weight:bold;
	color:#616A41;
	margin-bottom:20px;}

.title-green::after {
	position: absolute;
	top: 100%;
	left: 15%;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #e5ffe5;}

.square{
	display: inline-block;
	background: #000;
	content: "";
	height: 10px;
	width: 10px;
	margin-right:10px;}

.square-green{
	display: inline-block;
	background: #204000;
	content: "";
	height: 10px;
	width: 10px;
	margin-right:10px;}

.title-slash{
 position: relative;
  display: inline-block;
  padding: 0 2rem;}

.title-slash:before, .title-slash:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 2rem;
  height: 1px;
  background-color: black;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);}

.title-slash:before {left:0;}

.title-slash:after {right: 0;}

.title-hr-bar{
 position: relative;
  display: inline-block;
  padding: 0 2rem;
    margin: 1rem 0 0;
    font-size: 1.2rem;}

.title-hr-bar:before, .title-hr-bar:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 1.2rem;
  height: 1px;
  background-color: black;}

.title-hr-bar:before {left:0;}

.title-hr-bar:after {right: 0;}

.title-bg-lightgreen{
	background-color: #CFDF88; 
	padding:10px 30px; 
	border-radius: 15px; 
	width: auto;
	display:inline-block;
	color: #8E8E8E;
	font-family:Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;}

/****** list  ***********/
.num ol{counter-reset: item;}

.num li{
	position: relative;
	padding-left: 25px;}

.num li:before{
	position: absolute;
	top: 0;
	left: 5px;
	/*要素の連番（カウンタ）の値を進める*/
	counter-increment: item;
	/*自動連番を付ける関数*/
	content: counter(item)'.';}

.disc {
   list-style: disc;
   padding-left: 15px;}

ul.circle{
	list-style-type:circle;
	margin-left:25px;}

ul.circle-l{
    list-style:none;
    margin-left:25px;}

ul.circle-l li:before{
content: "〇";
padding-right:5px;
font-size:1.1rem;
    margin-left: -25px;}

ol.decimal{
	list-style-type:decimal;
	margin-left:25px;
	/*list-style-position: inside;*/}

ul.dot{
	list-style-type:disc;
	padding-left:15px;}

ul.dot-l{
    list-style:none;
    margin-left:25px;}

ul.cdot-l li:before{
content: "●";
padding-right:5px;
font-size:1.1rem;
    margin-left: -25px;}

ul.list-square{
	list-style-type: square;
	margin-left:25px;}

ol.list_parentheses{
  padding:0 0 0 2em;
  margin:0;}
 
ol.list_parentheses li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;}

ol.list_parentheses li:before{
  display: marker;
  content: "(" counter(cnt) ") ";}

.dl01 dt{font-weight:bold;}

.dl01 dd{margin-left:30px;}

.dl02 dt{float:left;}

.dl02 dd{margin-left:150px;}

 .dl02 a:link{
	text-decoration: underline;}

dl.check{
	position:relative;}

.check dt{
	background-image:url(../img/main/check.gif);
	background-repeat:no-repeat;
	margin: 10px 0px;
	padding-left:30px;
	font-weight:bold;}

.check dd{margin: 5px 0px 5px 30px;}

.check2 ul {
	list-style: none;}

.check2 li{
	padding-left: 40px;
	line-height: 1.6rem;
	background: url("../img/nou_lp/check.png") left 0px top -7px no-repeat;
	background-size: 35px auto;
	margin-bottom: 15px;}

/****** table  ***********/

.table00{
	width:100%;
	border-collapse:collapse;
	text-align: left;
	line-height:1.5;
	margin:0 auto;
	table-layout: fixed;}

.table00 th,.table00 td{
	border:1px solid #999;}

.table01{
	width:700px;
	border-collapse:collapse;
	text-align: left;
	line-height:1.5;
	margin:0 auto;
	table-layout: fixed;}

.table01 th{
	width:30%;
	padding:10px;
	border:1px solid #999;
	vertical-align: top;}

.table01 td{
	padding:10px;
	border:1px solid #999;
	vertical-align: middle;}

/* item seibun */
.table02{
	width:700px;
	border-collapse:collapse;
	text-align: left;
	line-height:1.5;
	margin:0 auto;
	 table-layout: fixed;}

.table02 th, .table02 td {
	border:1px solid #999;
	vertical-align: middle;}

.table02 th{
	padding:5px;
	background-color:#ECECDB;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;}

.table02 td{
	text-align:center;
	padding:3px;}

.table-price{
	width:250px;
	margin:20px auto 10px auto;
	border-collapse:collapse;
	line-height:1.5;}

.table-price th{
	background-color:#ECECDB;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	vertical-align: top;
	padding:3px 10px;
	text-align: center;}

.table-price td{
	border-bottom:1px solid #999;
	vertical-align: top;
	padding:3px 10px;
	text-align: center;}

.table03{
	width:700px;
	border-collapse:collapse;
	text-align: left;
	margin:0 auto;
	table-layout: fixed;
	border-top:1px solid #ccc;}

.table03 tr:nth-child(even) {background: #f7f7f2;}
	
.table03 th, .table03 td{
	border-bottom:1px solid #ccc;
	padding:5px 10px;
	vertical-align:top;}

.table03 th{width:150px;}

.table04{
	width:700px;
	border-collapse:collapse;
	text-align: left;
	line-height:1.5;
	margin:0 auto;
	table-layout: fixed;}

.table04 th, .table04 td {
	border:1px solid #999;
	vertical-align: middle;
	padding:10px;}

.table04 th{font-weight:bold;}

.table04 tr:nth-child(odd) {background: #E7F4D5;}

.table04 tr:nth-child(even) {background: #F8F7C9;}

.table05{
	width:700px;
	border-collapse:collapse;
	text-align: left;
	line-height:1.5;
	margin:0 auto;
	table-layout: fixed;}

.table05 th, .table05 td {
	border:1px solid #999;
	vertical-align: middle;
	padding:10px;}

.table05 th{font-weight:bold;}

.table05 tr:nth-child(odd) {background: #EFF9FC;}

.table05 tr:nth-child(even) {background: #F2F1FC;}

.nowrap th, .nowrap td{white-space: nowrap;}

/* th backgroundcolor */
.table06{
	width:700px;
	border-collapse:collapse;
	text-align: left;
	line-height:1.5;
	margin:0 auto;
	table-layout: fixed;}

.table06 th{
	width:30%;
	padding:10px;
	border:1px solid #999;
	vertical-align: top;
	background-color:#ECECDB;}

.table06 td{
	padding:10px;
	border:1px solid #999;
	vertical-align: top;}	

/****** form  ***********/

.form-input {
	padding:5px 10px;
	width:60%;
	font-size:inherit;}

input[type="submit"] {
	font-size:1.2em;
	padding:10px 20px;
	margin:30px auto;}

/******* 括弧　****************/
.parenthesis {
  position: relative;
  padding: 5px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin:0 auto;
  display:inline-block;}

.parenthesis::before,
.parenthesis::after {
  position: absolute;
  top: 0;
  content: '';
  width: 20px;
  height: 100%;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;}

.parenthesis::before {
  left: 0;
  border-left: 1px solid #999;}

.parenthesis::after {
  right: 0;
  border-right: 1px solid #999;}

/****** button  ***********/

.bt-green{
	display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 14px;
	background-color:#204000;
	padding:5px;}

.bt-green a:link, .bt-green a:visited, .bt-green a:active{color: #FFF;}

.bt-green:hover{background-color:#BCC5B2;}

.bt-lightgreen{
	display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 14px;
	background-color:#ECECDB;
	color:#204000;
	padding:5px 15px;
	margin-top: 10px;}

.bt-lightgreen:hover{background-color:#FFF;}

/****** common  ***********/

section.text{
	margin-top:30px;
	text-align:left;}

.section{
	padding-top:15px;
	padding-bottom:15px;}

.left{text-align:left;}

.right{text-align:right;}

.center{text-align:center;}

.text-white{color:#FFF;}

.text-red{color:rgba(146,18,18,1.00);}

.text-gold{color:#6B582C;}

.text-gray{color:#999;}

.bold{font-weight:bold;}

.small{font-size:0.9em;}

.small2{font-size:0.7em;}

.large{font-size:1.5em;}

.large2{font-size:2.5em;}

.text_icon {
  display:inline-block;
  vertical-align: middle;}

.text_link {
  display: inline;
  vertical-align: middle;}

.right-10{margin-right:10px;}

.bottom-10{margin-bottom:10px;}

.img-left{
	float:left;
	margin-right:15px;
	margin-right:0px;}

.img-right{
	float:right;
	margin-left:15px;
	margin-right:0px;}

.marker_yellow_futo {background: linear-gradient(transparent 0%, #ffff8E 0%);}

.marker_yellow_hoso {background: linear-gradient(transparent 60%, #ffff8E 60%);}

.sponly{display:none;}

.col2{width:20%;}

.col3{width:25%;}

.col4{width:33%;}

.col5{width:50%;}

.col8{width:67%;}

.text-area{
        display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;}

.font-mincho{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

/****** slick  ***********/	

.slick-prev,
.slick-next{
    font-size: 0;
    line-height: 0;
    border: none;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    cursor: pointer;
    background: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
    color: transparent;
    outline: none;
    background: transparent;}


.slick-prev{left: 5px; z-index: 2;}

.slick-next{right: 5px;}

.slick-prev::before {content: url(../img/slick/arrow1.png); }
 
.slick-next::before {content: url(../img/slick/arrow2.png);}

/****** stress check  ***********/	
#hantei{display:none;}

/**************************** タブレット  *********************************/
@media screen and (max-width: 768px) 
{
	
.tablet-no{display:none;/*768px以下非表示*/}
	
.content-wrapper{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	overflow:hidden;}

.content{
	width:100%;
	margin:0px 0px 50px 0px;
	float:none;}

.content-col1{
	width:100%;
	margin:0px auto;}

.top-content, .w7, .footer-container, h4{width:100%;}

.footer-container{width:100%;}

/******* header ********/
.header{
	width:100%;
	margin:0;
	height:auto;}

.logo{
	width:100%;
	float:none;
	height:auto;}

.g-menu {width:100%;}

.bread{width:95%;}

/****** side  ***********/

.s-menu{
	width:100%;
	float:none;}

.s-menu-box{
	width:100%;
	border-radius: 0 0 0 0;
	margin-bottom:30px;}

.s-menu-title{border-radius: 0 0 0 0;}
}

/**************************** sp  *********************************/
/* スマホ用CSS */
@media screen and (max-width: 576px)
{

.page-top {bottom: 30px;}

/******* header ********/

.logo-img{
	width:50%;
	margin: 0px auto 35px;
	text-align:center;}

.g-menu li{width:auto;}

/****** footer  ***********/
.footer-container{
	display: block;}

.footer-sp {
	width:100%;
    padding: 10px;
    background: #ECECDB;
	border:1px solid #204000;
    font-size: 0.9em;
	margin:20px 0px;}	

.copy-right-inner{
	margin:10px auto;
	padding:10px;
	text-align:center;}

/****** contents  ***********/

.flex-container-re{display:block;}

.box-center{
  display: -webkit-flex; /* Safari */
  display: flex;
  justify-content:center;
  flex-wrap:wrap;
  margin-bottom:20px;}

.box-around{
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-wrap:wrap;
  justify-content:space-around;}

.box-between{
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-wrap:wrap;
  justify-content:space-between;}

.item-box{width:50%;}

.box-left{display: block;}
	
.scroll-box {height: 300px;}

/*そのまま終了*/

.item-left{
	width:100%;
	margin-right:0px;}

.item-right{width:100%;}

/****** title  ***********/
	
h4{font-size:1.1em;}

.title-01{width:100%;}

/****** table  ***********/

.table01, .table02, .table03, .table06{width:100%;}

.table01 th, .table01 td, .table03 th, .table03 td{
	display:block;
	width:100%;
	border-bottom:none;}

.table01 tr:last-child{border-bottom:1px solid #999;}

.table01 th{background-color:#f7f7f2;}

.table02 th{font-size:1.0em;}

.table-price{width:100%;}

.table03 tr:nth-child(even) {background: #fff;}
	
.table03 td{border-bottom:1px solid #999;}

/****** form  ***********/

.form-input {width:100%;}

/****** list  ***********/

.dl02 dt{float:none;}

.dl02 dd{margin-left:10px;}

/****** common  ***********/

.pconly{display:none;}

.sponly{display:block;}
}
/****** SP　end  ***********/
/****** LP  ***********/

.header-lp{
	width:1000px;
	margin:0px auto;}

.logo-lp{
	width:250px;
	text-align:left;}

.content2{
	width:800px;
	margin:0px auto;
	float:none;
	font-size: medium;}

.under {background: linear-gradient(transparent 70%, #F29866 70%);}

.point {
  position: relative;
  border-top: solid 2px #80c8d1;
  border-bottom: solid 2px #80c8d1;
  background: #f4f4f4;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 1em 0 0.5em;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.point:after {
  /*タブ*/
  position: absolute;
  font-family: 'Quicksand','Avenir','Arial',sans-serif;
  font-weight: 900;
  content: 'POINT';
  background: #80c8d1;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em;}

.plant-bg{
	background-image: url("../img/nou_lp/plantbg_03.png"), url("../img/nou_lp/plantbg_06.png");
	background-repeat:no-repeat, no-repeat;
	background-position:top center, bottom center;
	background-size: 800px;}

.card {background-color: rgba(0, 0, 0, 0);}

.card-body {
    background-color: #FFF;
	padding: 0;}

.material-list{
	border: none;
	font-size: 0.9rem;
	padding: 20px 15px;}

.card-text{margin: 10px;}

.material-ttl{
	width: 100%;
	background-color: #3C4902;
	color: #FFF;
	text-align: center;
	padding: 0.7rem;}

.material-img{
	width: 70%;
	margin: 15px auto;
    background-color: #FFF;
    border-radius: 50%;
	padding: 20px;}

.accordion-button:not(.collapsed) {
	background-color:#D7EDBC;
	color:inherit;}

.accordion-button:focus {
	box-shadow: none;}

.faq-ttl{
	background-color:#D7EDBC;
	font-weight: bold;
}
.faq-ttl::before {
    content: "Q";
    font-family: 'Noto Sans JP', sans-serif;
    color: #9BD357;
	margin-right: 20px;
	font-size: 32px;}

.faq-txt{text-align: left;}

.faq-txt::before {
    content: "A";
    font-family: 'Noto Sans JP', sans-serif;
    color: #9BD357;
	margin-right: 20px;
	font-size: 32px;}

.nou-lp-banner{margin-top: -140px;}

	
@media screen and (max-width: 768px) 
{
	.content2{width:95%;}
	
	.header-lp{
	width:100%;
	paddding:0px 10px;}
	
	.logo-lp-img{	width:200px;}
	
	.plant-bg{background-size: 100%;}
}

/*********** sp  *********************************/
/* LPスマホ用CSS */
@media screen and (max-width: 576px){

.material-list{padding: 20px 5px;}
.material-img{width: 100%;}
.nou-lp-banner{margin-top: 40px;}
}