@charset "UTF-8";

html{
	scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6, body, html, p, li, dt, dd, pre, form, fieldset {
	margin: 0px;
	padding: 0px;
	line-height:normal;
}
ul, ol, dl, img {
	margin: 0px;
	padding: 0px;
}
ul, ol {
	list-style-type: none;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0%;
	line-height: 0%;
	vertical-align: bottom;
}
a {
	text-decoration: none;
	transition: all 0.4s;
	color: #002206;
}
#wrapper{
	font-family:"Noto Sans JP", sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #002206;
	line-height: normal;
}
p{
	line-height: 2;
	letter-spacing: normal;
}
.pc{
	display: block!important;
}
.sp{
	display: none!important;
}
.tab{
	display: none!important;
}
section{
	box-sizing: border-box;
	padding: 80px 0;
}
.container {
	margin: 0 auto;
	width: 90%;
	max-width: 1200px;
}
h2{
	font-weight: 700;
	font-size: 35px;
	text-align: center;
	margin-bottom: 50px;
	line-height: normal;
}
h2.title_02{
	margin-bottom: 20px;
}
.title_text{
	margin-bottom: 50px;
	text-align: center;
}
h3{
	font-weight: 700;
	font-size: 25px;	
}
.btn_case{
	display: flex;
	justify-content: center;
}
.btn_case .btn{
	width: 320px;
	height: 80px;
	line-height: 80px;
	color: #ffffff;
	font-size: 20px;
	font-weight: 800;
	border-radius: 10px;
	display: block;
	text-align: center;
	position: relative;
}
.btn_case .btn::after {
    content: "";
    background-image: url(../images/btn_arrow.svg);
    background-size: cover;
    width: 12px;
    height: 20px;
    right: 35px;
    top: 32px;
    position: absolute;
	transition: 0.5s;
}
.btn_case .btn:hover:after{
    right: 30px;
	transition: 0.5s;
}
.btn_case .btn.btn_re{
  background-image: -moz-linear-gradient( 0deg, rgba(232,130,47,0.99608) 0%, rgb(208,70,2) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgba(232,130,47,0.99608) 0%, rgb(208,70,2) 100%);
  background-image: -ms-linear-gradient( 0deg, rgba(232,130,47,0.99608) 0%, rgb(208,70,2) 100%);
  border: 2px solid #ce4902;
  margin-right: 30px;
}
.btn_case .btn.btn_or{
  background-image: -moz-linear-gradient( 0deg, rgba(232,191,47,0.99608) 0%, rgb(227,166,1) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgba(232,191,47,0.99608) 0%, rgb(227,166,1) 100%);
  background-image: -ms-linear-gradient( 0deg, rgba(232,191,47,0.99608) 0%, rgb(227,166,1) 100%);
  border: 2px solid #de9a01;
}
.card{
	display: flex;
	justify-content: space-between;	
}
.card li{
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.14);
	border-radius: 10px;
	background-color: #ffffff;
}

/* header */
#top-head {
	width: 100%;
}
#top-head .container{
	max-width: 90%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
}
#top-head .container a{
	display: block;
	width: 160px;
	height: auto;
}
#top-head .container a img{
	width: 100%;
}
#top-head .container .case{
	display: flex;
	align-items: center;
}
#top-head .container .case img{
	height: 50px;
	width: auto;
	margin-right: 10px;
}
#top-head .container .case span{
	display: block;
	font-size: 10px;
	color: #686868;
}

/* mainimgArea */
#mainimgArea,#mainimgArea .bg_cover,#mainimgArea .bg_cover .container{
	height: auto;
}
#mainimgArea{
	background-color: #24a14d;
	/*height: 950px;*/;
	padding: 0;
}
#mainimgArea .bg_cover{
	/*max-width: 2000px;*/
	background-image: url(../images/main_bg_r.png),url(../images/main_bg_l.png);
	background-size: 60%,60%;
	background-repeat: no-repeat,no-repeat;
	background-position: right top,left bottom;
	/*height: 950px;*/
	margin: 0 auto;
}
#mainimgArea .bg_cover .container{
	box-sizing: border-box;
	padding: 30px 0 0;
	position: relative;
	/*height: 950px;*/
	max-width: 1000px;
}
#mainimgArea .bg_cover .container .main_hukidashi{
	width: 400px;
	margin-bottom: 10px;
}
#mainimgArea .bg_cover .container .main_text_01{
	color: #ffffff;
	font-size: 50px;
	font-weight: 700;
	text-align: center;
	text-shadow: 0px 0px 13px rgba(2, 77, 26, 0.69);
	line-height: 1;
	margin-bottom: 10px;
}
#mainimgArea .bg_cover .container .main_text_02{
	display: block;
	margin: 0 auto;
	max-width: 1200px;
	margin-bottom: 20px;
	width: 95%;
}
#mainimgArea .bg_cover .container ul{
	display: flex;
	justify-content: center;
	font-weight: 700;
	color: #ffffff;
	margin: 0 auto;
}
#mainimgArea .bg_cover .container ul li{
	background-color: #006b23;
	font-size: 30px;
	padding: 5px 15px;
	margin-right: 10px;
}
#mainimgArea .bg_cover .container ul li .ye{
	color: #ebff00;
}
#mainimgArea .bg_cover .container ul li .number{
	font-size: 133.3%;
}
#mainimgArea .bg_cover .container ul li:last-child{
	margin-right: 0;
}
#mainimgArea .bg_cover .container .main_img{
	width: 100%;
	/*position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;*/
	margin-top: 30px;
}
#mainbtnArea{
	background-color: #cafa68;
	padding: 20px 0;
}
/* bg */
#sec_02,.cvArea,#sec_06,#sec_08{
	padding: 80px 0 40px;
}
#sec_03{
	padding: 180px 0 40px;
}
.arrow_bg{
  padding-top: 180px;
  position: relative;
}
.arrow_bg::before{
    content: "";
    position: absolute;
    height: 100px;
    width: 100%;
    clip-path: polygon(50% 100%, 100% 0%, 0% 0%);
	-webkit-clip-path: polygon(50% 100%, 100% 0%, 0% 0%);
	left: 0;
    top: 0;
}

/* cvArea */
.cvArea{
	background-color: #24a14d;
}
.cvArea.arrow_bg::before{
	background-color: #ffffff;
}
.cvArea .container{
	width: 96%;
	max-width: 1536px;
	color: #ffffff;
	text-align: center;
	background-image: url(../images/cvarea_bg_r.png),url(../images/cvarea_bg_l.png);
	background-size: 20%,20%;
	background-repeat: no-repeat,no-repeat;
	background-position: right bottom,left bottom;
}
.cvArea .container h2{
	margin-bottom: 30px;
}
.cvArea .container p{
	font-size: 24px;
	margin-bottom: 50px;
	line-height: normal;
}
.cvArea.cvArea_footer{
	padding: 180px 0 80px;
}
.cvArea.cvArea_footer.arrow_bg::before{
	background-color: #f3f2f2;
}
@media screen and (max-width: 1536px) {
.cvArea .btn{
	/*width: 350px;*/
}
.cvArea .container p{
	font-size: 18px;
}
.cvArea .btn_case .btn.btn_re{
	margin-right: 15px;
}
}
@media screen and (max-width: 1280px) {
.cvArea .container{
	background-size: 15%,15%;
}
}

/* sec_01 */
#sec_01 .container .list {
    margin: 0 auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2rem 3.2rem;
}
#sec_01 .container .list_item {
    max-width: 14.7rem;
}
#sec_01 .container .list_item img {
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
}

/* sec_02 */
#sec_02{
	background-color: #f4ffcf;
}
#sec_02 .container .case{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 80px;
}
#sec_02 .container .case img{
	width: 50%;
}
#sec_02 .container .case .pack{
	width: 45%;
}
#sec_02 .container .case .pack h2{
	font-size: 25px;
	color: #006b23;
	text-align: left;
	margin-bottom: 30px;
}
#sec_02 .container ul{
	display: flex;
	justify-content: space-between;
}
#sec_02 .container ul li {
  position: relative;
  display: inline-block;
  width: 23%;
  margin-bottom: 20px;
  padding: 30px 0;
  border: 2px solid #006b23;
  border-radius: 10px;
  background-color: #ffffff;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}
#sec_02 .container ul li .gr{
	color: #006B23;
	font-size: 208.33%;
	padding: 0 5px;
}
#sec_02 .container ul li .percent{
	font-size: 60%;
}
#sec_02 .container ul li::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 82%;
  border-style: solid;
  border-width: 30px 40px 0 0;
  border-color: #006b23 transparent transparent;
  /*translate: -50% 100%;
  transform: skew(-11deg);*/
transform: translate(-50%, 100%) skew(-11deg);
  transform-origin: top;
}
#sec_02 .container ul li::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 82%;
  border-style: solid;
  border-width: 25.2px 34.2px 0 0;
  border-color: #ffffff transparent transparent;
  /*translate: calc(-50% - 0.4px) 99%;
  transform: skew(-11deg);*/
  transform-origin: top;
  transform: translate(calc(-50% - 0.4px), 99%) skew(-11deg);

}

/* sec_03 */
#sec_03.arrow_bg::before{
	background-color: #f4ffcf;
}
#sec_03 .container .card li{
	width: 32%;
	padding: 40px 20px;
	box-sizing: border-box;
}
#sec_03 .container .card li img{
	display: block;
	width: 40%;
	margin: 0 auto 20px;
}
#sec_03 .container .card li h3{
	text-align: center;
	color: #006B23;
	margin-bottom: 20px;
}
#sec_03 .container .card li p{
	margin-bottom: 20px;
	letter-spacing: normal;
}
#sec_03 .container .case span{
	display: block;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	color: #ffffff;
	background-color: #006B23;
	padding: 10px 0;
	border-radius: 5px;
	margin-bottom: 10px;
}
#sec_03 .container .case span:last-child{
	margin-bottom: 0;
}
#sec_03 .container .card li:first-child h3{
	padding-top: 20px;
    padding-bottom: 15px;
}
#sec_03 .container .image_case{
	margin-top: 80px;
}
#sec_03 .container .image_case h3{
	text-align: center;
	margin-bottom: 30px;
}
#sec_03 .container .image_case h3 span{
	font-size: 80%;
	display: block;
}
#sec_03 .container .image_case img{
	width: 100%;
}

/* sec_04 */
#sec_04.arrow_bg::before{
	background-color: #24a14d;
}

/* sec_05 */
#sec_05{
	background-image: url(../images/sec_05_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
}
#sec_05 .container .card li{
	width: 32%;
	box-sizing: border-box;
}
#sec_05 .container .card li h3{
	background-color: #cafa68;
	padding: 20px 0 20px 80px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	position: relative;
}
#sec_05 .container .card li h3::before{
	position: absolute;
	content: "";
	background-size: cover;
	width: 40px;
	height: 40px;
	left: 20px;
	background-repeat: no-repeat;
}
#sec_05 .container .card_01 li:first-child h3::before{
	background-image: url(../images/sec_05_icon_01.png);
}
#sec_05 .container .card_01 li:nth-child(2) h3::before{
	background-image: url(../images/sec_05_icon_02.png);
}
#sec_05 .container .card_01 li:last-child h3::before{
	background-image: url(../images/sec_05_icon_03.png);
}
#sec_05 .container .card_02 li:first-child h3::before{
	background-image: url(../images/sec_05_icon_04.png);
}
#sec_05 .container .card_02 li:last-child h3::before{
	background-image: url(../images/sec_05_icon_05.png);
}
#sec_05 .container .card_01 li:first-child,#sec_05 .container .card_01 li:last-child{
	margin-top: 60px;
}
#sec_05 .container .card li .case{
	padding: 30px 20px;
}
#sec_05 .container .card li .case p{
	line-height: normal;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 15px;
	margin-bottom: 15px;
	position: relative;
	padding-left: 30px;
}
#sec_05 .container .card li .case p:last-child{
	margin-bottom: 0;
}
#sec_05 .container .card li .case p::before{
	position: absolute;
	content: "";
	background-size: cover;
	width: 20px;
	height: 12px;
	left: 0;
	top:8px;
	background-repeat: no-repeat;
	background-image: url(../images/check.svg);
}
#sec_05 .container .card_02{
	justify-content: center;
	margin-top: 2%;
}
#sec_05 .container .card_02 li:first-child{
	margin-right: 2%;
}

/* sec_06 */
#sec_06 .container .case{
	display: flex;
	justify-content: space-between;	
	flex-direction: row-reverse;
	align-items: flex-start;
	margin-bottom: 70px;
}
#sec_06 .container .case:last-child{
	margin-bottom: 0;
}
#sec_06 .container .case img{
	width: 60%;
}
#sec_06 .container .case .pack{
	width: 38%;
	padding-top: 50px;
}
#sec_06 .container .case .pack .point{
	font-size: 18px;
	color: #006B23;
	display: flex;
	align-items: center;
}
#sec_06 .container .case .pack .point::before{
  border-top: 2px solid #006B23;
  content: "";
  width: 20px;
  margin-right: 10px;
}
#sec_06 .container .case .pack h3{
	color: #006B23;
	margin-bottom: 20px;
}

/* price */
#price.arrow_bg::before{
	background-color: #24a14d;
}

/* sec_07 */
#sec_07 .container .card li{
	width: 23%;
	padding: 30px 0;
	text-align: center;
}
#sec_07 .container .card li span{
	display: block;
	color: #006B23;
	margin: 0 auto 10px;
	font-size: 18px;
}
#sec_07 .container .card li img{
	width: 25%;
	margin-bottom: 10px;
}
#sec_07 .container .card li h3{
	color: #006B23;
	margin-bottom: 10px;
}
#sec_07 .container .card li p{
	line-height: normal;
}
#sec_07 .container .title_text{
	margin-bottom: 0;
	margin-top: 50px;
}

/* table */
.table_sec{
	background-color: #f3f2f2;
}
/*
.comparison-table {
    max-width: 900px;
    margin: 0 auto;
    overflow-x: auto;
}
*/

table {
    width: 100%;
    border-collapse: collapse;
    /*background: white;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);*/
    /*border-radius: 15px;*/
    overflow: hidden;
}

th {
    /*background: linear-gradient(135deg, #00B900 0%, #00E500 100%);*/
    color: white;
    padding: 20px;
    text-align: center;
    font-size: 22px;
    border-bottom: 1px solid #eee;
}
th:first-child{
	background-color: #f3f2f2;

}
#sec_04 th:nth-child(2),#sec_04 th:last-child{
	width: 40%;
}
th:nth-child(2){
    background-color: #006b23;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
th:last-child{
	background-color: #555555;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
td {
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	background-color: #ffffff;
}
td:last-child{
	border-right:none;	
}
tr:last-child td {
    border-bottom: none;
}

td:first-child {
    font-weight: bold;
    text-align: left;
    background-color: #f8f9fa;
}

.table-highlight {
    color: #006b23;
    font-weight: bold;
}

.table-lowlight {
    color: #555555;
}
#sec_08 table{
	border: 1px solid #eee;
}
#sec_08 th{
	border:1px solid #eee;
}
#sec_08 th:first-child{
	background-color: #f8f9fa;
	color: #002206;
}
#sec_08 th:nth-child(3){
	background-color: #555555;
}
#sec_08 th:nth-child(2),#sec_08 th:last-child{
	border-radius: 0;
}
#sec_08 tr.title td{
	background-color: #ffffff;
}

@media screen and (max-width: 767px) {
#wrapper{
	font-size: 14px;
}
.pc{
	display: none!important;
}
.sp{
	display: block!important;
}
.container {
	margin: 0 auto;
	width: 94%;
}
section{
	padding: 50px 0;
	box-sizing: border-box;
}
h2{
	font-size: 20px;
	margin-bottom: 25px;
}
h2.title_02{
	margin-bottom: 5px;
}
.title_text{
	text-align: left;
	margin-bottom: 25px;
}
h3{
	font-size: 18px;
}
.card{
	display: block;
}
.card li{
	width: 100%;
	margin-bottom: 4%;
}
#top-head .container{
  align-items: center;
  justify-content: center;
  	height: 60px;
}
#top-head .container a{
	width: 100%;
	margin: 0 auto;
}

.btn_case{
	justify-content: space-between;
}
.btn_case .btn::after {
	top:23px;
	right: 10px;
	width: 8px;
	height: 13px;
}
.btn_case .btn{
	width: 48%;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
}
.btn_case .btn.btn_re{
	margin-right: 0;
}
.arrow_bg{
	padding-top: 70px;
}
#sec_03{
	padding: 70px 0 40px;
}
.arrow_bg::before {
	height: 30px;
}
#sec_02, #sec_06, #sec_08{
	padding: 50px 0 20px;
}
#mainimgArea{
	padding-bottom: 10px;
}
#mainimgArea,#mainimgArea .bg_cover,#mainimgArea .bg_cover .container{
	height: auto;
}
#mainimgArea .bg_cover{
	background-size: 150%,150%;
	background-position: right -250px top,left -250px bottom;
}
#mainimgArea .bg_cover .container {
	padding: 15px 0 0;
}
#mainimgArea .bg_cover .container .main_hukidashi{
	width: 60%;
}
#mainimgArea .bg_cover .container .main_text_01{
	font-size: 18px;
}
#mainimgArea .bg_cover .container .main_text_02{
	width: 100%;
}
#mainimgArea .bg_cover .container ul{
	flex-wrap: wrap;
	justify-content: space-around;
}
#mainimgArea .bg_cover .container ul li{
	margin-right: 0;
	font-size: 15px;
	width: 48%;
	box-sizing: border-box;
	padding: 5px;
	text-align: center;
}
#mainimgArea .bg_cover .container ul li:last-child{
	margin-top: 2%;
}
#mainimgArea .bg_cover .container .main_img{
	width: 95%;
	margin: 0 auto;
	position: relative;
}
#mainimgArea .bg_cover .container .case{
	background-color: #ffffff;
	display: flex!important;
	align-items: center;
	padding: 5px;
	margin-top: 10px;
}
#mainimgArea .bg_cover .container .case img{
	height: 30px;
	width: auto;
	margin-right: 5px;
}
#mainimgArea .bg_cover .container .case span{
	display: block;
	font-size: 9px;
	color: #686868;
	width: 80%;
}
#sec_01 .container .list {
        gap: 1.6rem;
        width: calc(100% + 2rem);
        margin-left: -1rem;
}
#sec_01 .container .list_item{
	width: 11rem;
}
#sec_02 .container .case{
	display: block;
	margin-bottom: 50px;
}
#sec_02 .container .case img{
	width: 100%;
	margin-bottom: 30px;
}
#sec_02 .container .case .pack{
	width: 100%;
}
#sec_02 .container .case .pack h2{
	font-size: 18px;
	margin-bottom: 15px;
}
#sec_02 .container ul {
	flex-wrap: wrap;
}
#sec_02 .container ul li{
	width: 48%;
	font-size: 14px;
	padding: 10px 0;
	margin-bottom: 30px;
}
#sec_02 .container ul li::after {
	left: 70%;
	/*
	translate: calc(-50% - 0.4px) 96%;
	border-width: 16.2px 37.2px 0 0;*/
transform: translate(calc(-50% - 0.4px), 96%);
        border-width: 17.2px 37.2px 0 0;
}
#sec_02 .container ul li::before{
	left: 70%;
	border-width: 19px 43px 0 0;
	/*translate: -52% 100%;*/
	transform: translate(-49%, 100%) skew(-2deg);
}
#sec_03 .container .card li{
	width: 100%;
	padding: 30px 20px;
}
#sec_03 .container .card li:first-child h3{
	padding: 0;
}
#sec_03 .container .card li h3{
	margin-bottom: 10px;
}
#sec_03 .container .case span{
	font-size: 16px;
}
#sec_03 .container .image_case{
	margin-top: 50px;
}
.cvArea .container h2{
	margin-bottom: 20px;
}
.cvArea .container p{
	font-size: 14px;
	/*text-align: left;*/
	margin-bottom: 20px;
}
.cvArea .btn_case .btn.btn_re{
	margin-right: 0;
}
.cvArea .container{
	padding-bottom: 100px;
	background-position: right 10% bottom, left 10% bottom;
	background-size: 30%, 30%;
}
td,th{
	padding: 10px;
}
th{
	font-size: 16px;
}
.table_wrap{
	overflow-x: scroll;
}
.table_wrap table{
	width: 650px;
}
.table_text{
	margin-top: 10px;
}
#sec_05 .container .card li{
	width: 100%;
}
#sec_05 .container .card_01 li:first-child, #sec_05 .container .card_01 li:last-child{
	margin-top: 0;
}
#sec_05 .container .card li h3::before{
	top:15px;
}
#sec_05 .container .card li .case{
	padding: 20px;
}
#sec_05 .container .card_02 li:last-child{
	margin-bottom: 0;
}
#sec_06 .container .case{
	display: block;
	margin-bottom: 30px;
}
#sec_06 .container .case img{
	width: 100%;
}
#sec_06 .container .case .pack{
	width: 100%;
	padding-top: 20px;
}
#sec_06 .container .case .pack .point{
	font-size: 13px;
}
#sec_06 .container .case .pack .point::before {
	width: 10px;
}
#sec_06 .container .case .pack h3{
	margin-bottom: 15px;
}
#price .l-wrap{
	width: 100%;
}
#price .title_text{
	margin-bottom: 0;
}
#sec_07 .container .card li{
	width: 100%;
	padding: 20px 0;
}
#sec_07 .container .card li{
	display: flex;
}
#sec_07 .container .card li .case_01{
	width: 30%;
}
#sec_07 .container .card li .case_02{
	width: 70%;
}
#sec_07 .container .card li span{
	font-size: 15px;
}
#sec_07 .container .card li img {
	width: 40%;
}
#sec_07 .container .title_text{
	margin-top: 20px;
}
#sec_08 table{
	width: 800px;
}
#sec_08 table .title td{
	font-size: 70%;
}
.cvArea.cvArea_footer{
	padding: 80px 0 50px;
}
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: landscape){
#wrapper{
	font-size: 15px;
}
.container{
	width: 94%;
}
h3,#sec_02 .container .case .pack h2{
	font-size: 22px;
}
#mainimgArea,#mainimgArea .bg_cover,#mainimgArea .bg_cover .container{
	height: auto;
}
#mainimgArea .bg_cover .container .main_text_01{
	font-size: 40px;
}
#mainimgArea .bg_cover .container .main_img{
	position: relative;
	margin-top: 30px;
}
#sec_02 .container .case .pack h2 .pc{
	display: none!important;
}
#sec_02 .container ul li {
	font-size: 20px;
}
#sec_03 .container .case span{
	font-size: 18px;
}
.cvArea .container{
	background-position: right top, left top;
}
#mainimgArea .bg_cover .container ul li {
	font-size: 28px;
}



}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: portrait){
#wrapper{
	font-size: 14px;
}
.container{
	width: 94%;
}
h2{
	font-size: 30px;
}
h3,#sec_02 .container .case .pack h2{
	font-size: 22px;
}
#top-head .container a {
	width: 140px;
}
#mainimgArea,#mainimgArea .bg_cover,#mainimgArea .bg_cover .container{
	height: auto;
}
#mainimgArea .bg_cover .container .main_text_01{
	font-size: 40px;
}
#mainimgArea .bg_cover .container .main_img{
	position: relative;
	margin-top: 30px;
}
#mainimgArea .bg_cover .container ul li {
	font-size: 20px;
}
.btn_case{
	justify-content: space-between;
}
.btn_case .btn.btn_re{
	margin-right: 0;
}
.btn_case .btn{
	width: 48%;
}
#sec_02 .container .case{
	display: block;
}
#sec_02 .container .case img{
	width: 80%;
	display: block;
	margin: 0 auto 50px;
}
#sec_02 .container .case .pack{
	width: 100%;
}
#sec_02 .container .case .pack h2 .pc,#sec_03 .title_text .pc{
	display: none!important;
}
#sec_02 .container ul{
	flex-wrap: wrap;
}
#sec_02 .container ul li{
	width: 48%;
	padding: 10px 0;
	font-size: 20px;
	margin-bottom: 35px;
}
#sec_03 .container .card{
	flex-wrap: wrap;
	justify-content: center;
}
#sec_03 .container .card li{
	width: 48%;
}
#sec_03 .container .card li:first-child{
	margin-right: 2%;
}
#sec_03 .container .card li:last-child{
	margin-top: 2%;
}
.cvArea .container{
	padding-bottom: 170px;
	background-position: right 20% bottom, left 20% bottom;
	background-size: 25%, 25%;
}
#sec_05 .container .card li h3{
	font-size: 18px;
	padding: 20px 0 20px 70px;
}
#sec_05 .container .card li h3::before {
	top:15px;
}
#price.p-price .inner .list{
	display: flex!important;
	flex-wrap: wrap;
	justify-content: center;
}
#price.p-price .inner .list_item{
	width: 47%;
	box-sizing: border-box;
}
#price.p-price .inner .list_item:last-child{
	margin-top: 100px;
}
td {
	padding: 10px;
}
}

@media only screen and (min-device-width: 1024px) and (orientation: portrait){
/* 縦 pro*/
#mainimgArea,#mainimgArea .bg_cover,#mainimgArea .bg_cover .container{
	height: auto;
}
#mainimgArea .bg_cover .container .main_text_01{
	font-size: 40px;
}
#mainimgArea .bg_cover .container .main_img{
	position: relative;
	margin-top: 30px;
}
#mainimgArea .bg_cover .container ul li {
	font-size: 27px;
}
#sec_02 .container ul li {
	font-size: 20px;
}
#sec_02 .container .case .pack h2 .pc{
	display: none!important;
}
.cvArea .container{
	background-position: right top, left top;
}
#sec_05 .container .card li h3{
	font-size: 22px;
	padding: 20px 0 20px 70px;
}
.l-wrap{
	width: 100%!important;
}
.l-footer .content{
	width: 96%;
	margin: 0 auto;
}




}








html{
	font-size: 62.5%;
}
#price.p-price{
	background-color: #F5FF7D;
}
#price.p-price .inner {
  /*padding: 12rem 4rem 20rem 0;*/
}
@media screen and (max-width: 767px) {
  #price.p-price .inner {
    /*padding: 6.4rem 0 11rem;*/
  }
}
#price.p-price .inner .list {
  margin-top: 6.4rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.2rem;
  padding-top: 11.7rem;
}
@media screen and (max-width: 767px) {
  #price.p-price .inner .list {
	padding-top: 6rem;
    margin-top: 4rem;
    grid-template-columns: repeat(1, 1fr);
    gap: 9rem;
  }
}

#price.p-price .inner .list_item {
	background-color: #fff;
	border-radius: 0 0 2rem 2rem;
	padding: 2.7rem 1.6rem 1.6rem;
	position: relative;
	box-shadow: .8rem .8rem 2rem rgba(0, 0, 0, .05);
}
#price.p-price .inner .list_item_ttl {
	position: absolute;
	top: -9rem;
	left: 0;
	background-color: #006B23;
	width: 100%;
	height: 9rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 3rem;
	font-weight: 700;
	border-radius: 2rem 2rem 0 0;
}
#price.p-price .inner .list_item:nth-child(2) .list_item_ttl {
	height: 11.7rem;
	top: -11.7rem;
}
#price.p-price .inner .list_item:nth-child(2) .list_item_ttl::before {
	position: absolute;
	top: -1.3rem;
	left: -3rem;
	content: "";
	width: 12rem;
	height: 8rem;
	background: url(https://ligla.jp/wp-content/themes/LiglaTheme/assets/img/index/img_price_reco.svg) no-repeat center bottom/ contain;
}
#price.p-price .inner .list .bg_green {
	background-color: #F3FFCA;
	padding: 1.6rem 2rem;
	border-radius: 2rem;
}
#price.p-price .inner .list .bg_green:nth-of-type(2) {
	margin-top: 4.4rem;
}
#price.p-price .inner .list .bg_green .ttl {
	font-size: 2rem;
	font-weight: 700;
	color: #006B23;
	text-align: center;
	padding-bottom: 2rem;
	border-bottom: 1px solid #006B23;
}
#price.p-price .inner .list .bg_green ul {
	margin-top: 1.6rem;
}
#price.p-price .inner .list .bg_green ul li {
	padding-left: 1.4rem;
	position: relative;
	font-size: 1.4rem;
	line-height: 1.5;
}
#price.p-price .inner .list .bg_green ul li:nth-child(n + 2) {
	margin-top: 0.8rem;
}
#price.p-price .inner .list .bg_green:nth-of-type(2) ul li:nth-child(n + 2) {
	margin-top: 1.8rem;
}
#price.p-price .inner .list .bg_green ul li::before {
	position: absolute;
	top: .8rem;
	left: 0;
	content: "";
	background-color: #006B23;
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
}
#price.p-price .inner .list .check-list {
	margin-top: 3.4rem;
	margin-left: 0.6rem;
}
#price.p-price .inner .list .check-list_item {
	font-size: 1.6rem;
	font-weight: 700;
	padding-left: 2.8rem;
	position: relative;
	line-height: 1.5;
}
#price.p-price .inner .list .check-list_item:nth-child(n + 2) {
	margin-top: 2rem;
}
#price.p-price .inner .list .check-list_item::before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	content: "";
	width: 2rem;
	height: 2rem;
	background: url(https://ligla.jp/wp-content/themes/LiglaTheme/assets/img/common/icon_check_price.svg) no-repeat center bottom/ contain;
}
#price.p-price .inner .list .check-list_item.-close {
	color: #C7C7C7;
}
#price.p-price .inner .list .check-list_item.-close::before {
	background: url(https://ligla.jp/wp-content/themes/LiglaTheme/assets/img/common/icon_check_price_close.svg) no-repeat center bottom/ contain;
}
#price.p-price .inner .list .content {
	margin-top: 2.4rem;
}
#price.p-price .inner .list .content .ttl {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .8rem;
	font-size: 1.4rem;
	color: #006B23;
	padding-bottom: 2.8rem;
	position: relative;
}
#price.p-price .inner .list .content .ttl .plan{
	background-color: #006B23;
	border-radius: 2.6rem;
	width: 13.2rem;
	height: 3.6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}
#price.p-price .inner .list .content .ttl::before {
	position: absolute;
	bottom: 0;
	transform: translateX(-50%);
	left: 50%;
	content: "";
	width: 2.5rem;
	height: 2rem;
	background: url(https://ligla.jp/wp-content/themes/LiglaTheme/assets/img/common/icon_plus_price.svg) no-repeat center bottom/ contain;
}
#price.p-price .inner .list .content .box {
	margin-top: 2.4rem;
	border: 1px solid #006B23;
	padding: 2.4rem 1.6rem;
	border-radius: 2rem;
}
#price.p-price .inner .list .content .box .flex {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
}
#price.p-price .inner .list .content .box ul li {
	padding-left: 1.4rem;
	position: relative;
	font-size: 1.4rem;
	line-height: 1.5;
}
#price.p-price .inner .list .content .box ul li:nth-child(n + 2) {
	margin-top: 0.8rem;
}
#price.p-price .inner .list .content .box ul li::before {
	position: absolute;
	top: .8rem;
	left: 0;
	content: "";
	background-color: #006B23;
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
}
#price.p-price .inner .list .content .box .img {
	margin: 3.6rem -6.5rem 0;
	width: calc(100% + 12rem);
}
#price.p-price .inner .list .content .box .img img{
	vertical-align: bottom;
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 767px) {
#price.p-price .inner .list .content .box .flex {
	margin-left: 1.5rem;
}
#price.p-price .inner .list_item {
	padding: 2.4rem 1.6rem 1.6rem;
	position: relative;
}
#price.p-price .inner .list_item_ttl {
	top: -6rem;
	height: 6rem;
	font-size: 2rem;
}
#price.p-price .inner .list_item:nth-child(2) .list_item_ttl {
	height: 6rem;
	top: -6rem;
}
#price.p-price .inner .list_item:nth-child(2) .list_item_ttl::before {
	left: 0;
}
#price.p-price .inner .list .bg_green .ttl {
	font-size: 1.6rem;
}
#price.p-price .inner .list .check-list {
	margin-top: 2.6rem;
	margin-left: 2.6rem;
}
#price.p-price .inner .list .check-list_item {
	font-size: 1.4rem;
}
#price.p-price .inner .list .check-list_item:nth-child(n + 2) {
	margin-top: .8rem;
}
#price.p-price .inner .list .bg_green:nth-of-type(2) {
	margin-top: 2.4rem;
}
#price.p-price .inner .list .bg_green:nth-of-type(2) ul li:nth-child(n + 2) {
	margin-top: 0.8rem;
}
#price.p-price .inner .list .content .box {
	margin-top: 2.4rem;
	border: 1px solid #006B23;
	padding: 2.4rem 1.6rem;
	border-radius: 2rem;
}
#price.p-price .inner .list .content .box .img {
	margin: 3.5rem -3rem 0;
	width: calc(100% + 6rem);
}
}

/* ---------------------------------------------
  footer
-----------------------------------------------*/
.l-footer {
  background-color: #F7F7F7;
  position: relative;
  z-index: 3;
}
.l-footer .content {
  padding: 6.4rem 0;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .l-footer .content {
    padding: 6.4rem 0 3.2rem;
    display: block;
  }
}
.l-footer .content .info {
  width: 25.4rem;
}
@media screen and (max-width: 767px) {
  .l-footer .content .info .logo-box {
    display: flex;
    align-items: center;
    gap: 1.6rem;
  }
}
.l-footer .content .info .logo-box .logo img {
  width: 18rem;
}
@media screen and (max-width: 767px) {
  .l-footer .content .info .logo-box .logo img {
    width: 12rem;
    max-width: none;
  }
}
.l-footer .content .info .logo-box .logo02 {
  margin-top: 5.6rem;
}
@media screen and (max-width: 767px) {
  .l-footer .content .info .logo-box .logo02 {
    margin-top: 0;
  }
  .l-footer .content .info .logo-box .logo02 img {
    width: 17rem;
    max-width: none;
  }
}
.l-footer .content .info .logo-box .logo02 a {
  display: block;
}
@media screen and (min-width: 768px) {
  .l-footer .content .info .logo-box .logo02 a {
    transition: opacity 0.3s;
    cursor: pointer;
  }
  .l-footer .content .info .logo-box .logo02 a:hover {
    opacity: 0.7;
  }
}
.l-footer .content .info .txt {
  margin-top: 1.6rem;
  color: #848484;
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .l-footer .content .info .txt {
    line-height: 2;
  }
}
.l-footer .content .info .sns {
  margin-top: 1.6rem;
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
@media screen and (min-width: 768px) {
  .l-footer .content .info .sns a {
    transition: opacity 0.3s;
    cursor: pointer;
  }
  .l-footer .content .info .sns a:hover {
    opacity: 0.7;
  }
}
.l-footer .content .menu {
  width: 47rem;
}
@media screen and (max-width: 767px) {
  .l-footer .content .menu {
    width: 100%;
    margin-top: 3.2rem;
  }
}
.l-footer .content .menu .list {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem 3.2rem;
}
@media screen and (max-width: 767px) {
  .l-footer .content .menu .list {
    display: block;
  }
}
.l-footer .content .menu .list_item {
  width: 13rem;
}
.l-footer .content .menu .list_item:nth-child(2), .l-footer .content .menu .list_item:nth-child(6) {
  width: 14rem;
}
@media screen and (max-width: 767px) {
  .l-footer .content .menu .list_item:nth-child(n+2) {
    margin-top: 2.5rem;
  }
}
.l-footer .content .menu .list_item_link {
  font-weight: 700;
  position: relative;
  padding-right: 4rem;
  white-space: nowrap;
  transition: 0.3s;
  	font-size: 1.6rem;

}
@media screen and (max-width: 767px) {
  .l-footer .content .menu .list_item_link::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 0.8rem;
    height: 1.2rem;
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-image: url(../images/arrow_right.svg);
    background-color: #002206;
  }
}
@media screen and (min-width: 768px) {
  .l-footer .content .menu .list_item_link:hover {
    color: #14F760;
  }
}
.l-footer .content .menu .list_item .child-list {
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .l-footer .content .menu .list_item .child-list {
    display: none;
  }
}
.l-footer .content .menu .list_item .child-list_item_link {
  font-size: 1.4rem;
  font-weight: 400;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .l-footer .content .menu .list_item .child-list_item_link:hover {
    color: #14F760;
  }
}
.l-footer .content .btn-box {
  width: 22rem;
}
@media screen and (max-width: 767px) {
  .l-footer .content .btn-box {
    margin: 4.8rem auto 0;
  }
}
.l-footer .content .btn-box .c-btn:nth-child(2) {
  margin-top: 1.6rem;
}

.l-footer .content .btn-box .c-btn_link {
	width: 17rem;
}
.l-footer .content .btn-box .c-btn_link::before {
	content: none;
}
.l-footer .bottom {
  background-color: #fff;
  position: relative;
}
.l-footer .bottom .inner {
  padding: 2.4rem 4.8rem 2.4rem 4rem;
}
@media screen and (max-width: 767px) {
  .l-footer .bottom .inner {
    padding: 2rem 2rem 0;
  }
}
.l-footer .bottom .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .l-footer .bottom .flex {
    display: block;
  }
}
.l-footer .bottom .flex .logo-box {
  display: flex;
  align-items: center;
  gap: 4rem;
}
.l-footer .bottom .flex .logo-box .logo {
  width: 12rem;
}
.l-footer .bottom .flex .logo-box .note-box {
  display: flex;
  align-items: center;
  gap: 1.1rem;
}
.l-footer .bottom .flex .logo-box .note-box .icon {
  width: 4.6rem;
}
.l-footer .bottom .flex .logo-box .note-box .txt {
  font-size: 1.2rem;
  color: #848484;
}
@media screen and (max-width: 767px) {
  .l-footer .bottom .flex .logo-box .note-box .txt {
    font-size: 1rem;
  }
}
.l-footer .bottom .flex .list {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.2rem 0;
  gap: 3.2rem;
}
.l-footer .bottom .flex .list_item {
  font-size: 1.2rem;
  color: #848484;
}
.l-footer .bottom .flex .list_item a {
  font-size: 1.2rem;
  color: #848484;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .l-footer .bottom .flex .list_item a {
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .l-footer .bottom .flex .list_item a:hover {
    color: #14F760;
  }
}
.l-wrap {
    max-width: 106rem;
    width: calc(100% - 4rem);
    margin: 0 auto;
}
/* ---------------------------------------
  追加用CSS 5/8
-----------------------------------------*/
.l-footer .content {
	position: relative;
}

.l-footer .manu02 {
	position: absolute;
	bottom: 5rem;
	right: 0;
}

.l-footer .manu02 .list {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2.2rem 0;
	/*gap: 3.2rem;*/
	gap: 2.2rem;
	
  }
  .l-footer .manu02 .list_item {
	font-size: 1.2rem;
	color: #848484;
  }
  .l-footer .manu02 .list_item a {
	font-size: 1.2rem;
	color: #848484;
	transition: 0.3s;
  }

  .l-footer .bottom .flex {
	justify-content: center;
  }
  .l-footer .bottom .flex .logo-box .note-box {
	gap: 2.4rem;
  }
  .l-footer .bottom .flex .logo-box .note-box .icon {
	width: 19rem;
  }
  .l-footer .bottom .flex .logo-box .note-box .txt {
	width: 21rem;
	font-size: 1rem;
  }

  .l-footer .bottom .flex .privacy-box {
	margin-left: 4.8rem;
	padding-left: 4.8rem;
	position: relative;
  }
  .l-footer .bottom .flex .privacy-box::before {
	content: "";
	background-color: #848484;
	width: 1px;
	height: 4.5rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
  }
  .l-footer .bottom .flex .privacy-box .icon {
	width: 6.4rem;
  }
  .l-footer .bottom .flex .privacy-box .icon img{
	vertical-align: bottom;
    max-width: 100%;
    height: auto;
  }

  @media screen and (max-width: 767px) {
	.l-footer .bottom .inner {
		padding: 2rem 2rem 2rem 2rem;
	}
	.l-footer .manu02 {
		position: static;
		margin-top: 3rem;
	}
	.l-footer .manu02 .list_item a {
	  font-size: 1rem;
	}
	  .l-footer .bottom .flex {
		display: flex;
	  }
	  .l-footer .bottom .flex .logo-box .note-box {
		gap: 1.5rem;
	  }
	  .l-footer .bottom .flex .logo-box .note-box .icon {
		width: 9rem;
	  }
	  .l-footer .bottom .flex .logo-box .note-box .txt {
		width: 14rem;
		font-size: .8rem;
	  }
	
	  .l-footer .bottom .flex .privacy-box {
		margin-left: 2.5rem;
		padding-left: 2.5rem;
	  }
	  .l-footer .bottom .flex .privacy-box::before {
		height: 3rem;
	  }
	  .l-footer .bottom .flex .privacy-box .icon {
		width: 5rem;
	  }
  }
  @media screen and (min-width: 768px) {
	.l-footer .manu02 .list_item a:hover {
		color: #14F760;
	  }
  }
  .l-footer .bottom .flex .logo-box .note-box .icon img{
	vertical-align: bottom;
    max-width: 100%;
    height: auto;
  }
/* ---------------------------------------------
  パーツ
-----------------------------------------------*/
/* ボタン
--------------------------------*/
.c-btn_link {
  width: 22rem;
  height: 4.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #006B23;
  border: 2px solid #006B23;
  border-radius: 2.4rem;
  font-weight: 700;
  color: #fff;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .c-btn_link {
    height: 4.4rem;
  }
}
.c-btn_link::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.8rem;
  width: 0.8rem;
  height: 1.2rem;
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/arrow_right.svg);
  background-color: #fff;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .c-btn_link:hover {
    background-color: #fff;
    color: #006B23;
  }
  .c-btn_link:hover::before {
    background-color: #006B23;
  }
}
.c-btn_link.-yellow {
  background-color: #F3FF18;
  border: none;
  color: #002206;
}
.c-btn_link.-yellow::before {
  background-color: #002206;
}
@media screen and (min-width: 768px) {
  .c-btn_link.-yellow:hover {
    background-color: #14F760;
  }
}
.c-btn_link.-yellow03 {
  background-color: #FFF955;
  color: #002206;
  border: none;
}
.c-btn_link.-yellow03::before {
  background-color: #002206;
}
@media screen and (min-width: 768px) {
  .c-btn_link.-yellow03:hover {
    background-color: #14F760;
  }
}
.c-btn_link.-l {
  height: 7.2rem;
  font-size: 2rem;
  border-radius: 4rem;
}
.c-btn_link.-l::before {
  width: 1rem;
  height: 1.6rem;
  right: 2.8rem;
}
@media screen and (max-width: 767px) {
  .c-btn_link.-l {
    height: 5.6rem;
  }
}
.c-btn_link.-center {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .c-btn_link.-sp-center {
    margin: 0 auto;
  }
}

.c-btn02_link {
  display: flex;
  align-items: center;
  width: 13.6rem;
  height: 4.8rem;
  border: 2px solid #006B23;
  border-radius: 2.4rem;
  padding: 0 1.6rem;
  position: relative;
  font-weight: 700;
  color: #006B23;
  transition: 0.3s;
}
.c-btn02_link::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  width: 0.8rem;
  height: 1.3rem;
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/arrow_right.svg);
  background-color: #006B23;
  transition: 0.3s;
}
.c-btn02_link.-center {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .c-btn02_link:hover {
    background-color: #006B23;
    color: #fff;
  }
  .c-btn02_link:hover::before {
    background-color: #fff;
  }
}
.l-footer,.l-footer p{
	line-height: 1.75!important;
}