@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;500;700&family=Noto+Sans+JP:wght@400;500;700;900&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700&display=swap');

body#new-top-page {
    font-family: 'Zen Maru Gothic', sans-serif;
}

/*
Theme Name: 
Theme URI:
Description:
Author:atGunGun
Author URI:https://at-gungun.com/
Version:7.7
*/

/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/

html{
	 scroll-padding-top: 150px;
	 scroll-behavior: smooth;
}

body {
	width: 100% !important;
	color: #704B20;
	background: #F7F3EA;
	line-height: 1.7;
	overflow: hidden;
	font-size: 1.6rem;
	font-family:"Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif ;
	letter-spacing: 1.6px;
	font-weight: 500;
}

body.open{
	height: 100vh;
}

.josef{
	font-family: 'Josefin Sans', sans-serif!important;
}

.yumi{
	font-family:YuMincho,'Yu Mincho',serif!important;
	font-weight: 500;
}

/* 新トップページ */

.view-width-ctr{
	/* max-width: 1072px; */
    margin: 0 auto !important;
}

.view-width-ctr-contents{
	max-width: 765px;
    margin: 0 auto;
}

.contentx00{
	margin: 10px auto;
	text-align: center;
	width: 85%;
}

.contentx00 .description{
  	color: #704B20;
  	font-size: min(4.1vw,20px); 
	line-height: 4.8vw; /* Adjust this value as needed */
	font-weight: bold;
}

.contentx00 .description-mini{
  	color: #704B20;
  	font-size: 3.59vw; 
	line-height: 4.8vw; /* Adjust this value as needed */
}

.contentx01{
	margin: 20px auto;
	text-align: center;
	width: 85%;
	max-width: 910px;
}

.contentx01 h2.subtitle {
  	border-top: 3px solid #5E9C4A;
  	border-bottom: 3px solid #5E9C4A;
  	padding: 28px 0;
  	color: #5E9C4A;
  	font-size:  min(5.13vw,28px);
  	font-weight: bold;
  	margin: 0; /* これでブラウザのデフォルトマージンを無効にします */
}


.contentx01 .description{
  	padding: 16px 0;
  	color: #704B20;
  	font-size: min(3.45vw,20px);
	line-height: min(4.8vw,36px);
	font-weight: 500;
}

.contentx01 .description-mini .txt-box{
  	padding: 16px 0;
  	color: #704B20;
  	font-size: min(3.45vw,14px);
	line-height: min(4.2vw,28px);
	font-weight: 500;
}

.contentx01 .area-parent {
	margin-top: 11px;
    display: flex;
    justify-content: center;
    width: 100%; /* optional, to ensure the parent takes the full width */
}

.contentx01 .area-container {
    display: flex;
    flex-wrap: wrap;
    width: 303px; /* 90px (width) + 11px (gap) = 101px per item. 101 */
}

.contentx01 .area-container h3.area.button:not(:nth-child(3n)) {
    margin-right: 11px;
}

.contentx01 .area-container h3.area.button:not(:nth-last-child(-n+2)) {
    margin-bottom: 17px;
}



.contentx01 .area-container h3.area.button {
    margin-right: 10px;
    margin-bottom: 10px;
}



.contentx01 h3.area.button {
   display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 5.92vh;
    background-color: #5E9C4A;
    color: #ffffff;
    border-radius: 50px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    text-decoration: none;
    font-size:min(4.1vw,16px);
    transition: all 0.3s ease;
    font-weight: 500;
}

.contentx01 h3.area.button:hover {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}

.contentx01 h3.area.button:active {
    box-shadow: none;
}



.contentx02{
	margin: 20px auto;
	text-align: center;
	width: 85%;
	max-width: 910px;
}

.contentx02 .subtitle{
  	border-top: 3px solid #5E9C4A;
  	border-bottom: 3px solid #5E9C4A;
  	padding: 28px 0;
  	color: #5E9C4A;
  	font-size:  min(5.13vw,28px);
  	font-weight: bold;
}

.contentx02 .description{
  	padding: 16px 0;
  	color: #704B20;
  	
  	font-size:min(3.59vw,20px);
	line-height: min(4.8vw,30px);
	font-weight: bold;
}

.contentx02 .description .no-bold{
  	padding: 16px 0;
  	color: #704B20;
  	font-size: min(3.59vw,20px); 
	line-height: min(4.8vw,30px);
	font-weight: 500;
	text-align: left;
}

.contentx02 .description-mini{
  	padding: 16px 0;
  	color: #704B20;
  	font-size: 3.59vw; 
	line-height: 4.8vw; 
}

.contentx02 .highlight{
  	color: #5E9C4A;
}

.contentx02 .img-sp-container {
  width: 100%; 
  position: relative;
  margin: 15px auto;
}

.contentx02 .img-sp-ratio {
  padding-bottom: 58.769%; /* 縦横比 191 / 325 = 0.58769 をパーセンテージに変換した値 */
  position: relative;
}

.contentx02 .img-sp {
  border: 5px solid #ffffff; 
  border-radius: 14px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contentx02 .img-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px auto;
}

.contentx02 .worries-container{
	margin:40px auto;
}

.contentx02 .left-text {
  text-align: left;
  font-weight: 500;
}

.contentx02 .fukidashi-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.contentx02 .img-with-text {
  position: relative; 
  display: flex;
  justify-content: center; 
  align-items: center;
}

.contentx02 .img-with-text img {
  width: 100%;
  height: auto;
}

.contentx02 .centered-text {
  position: absolute;
  z-index: 1; 
  text-align: center;
  width: 85%;
  top: 13%;
  font-size: min(3.59vw,16px);
  line-height: min(4.8vw,16px);
}

.contentx02 .centered-text2 {
  position: absolute;
  z-index: 1; 
  text-align: center;
  width: 85%;
  top: 25%;
  font-size: min(3.59vw,16px);
  line-height: min(4.8vw,16px);
}

.contentx02 .thinking-image {
  margin-left: 20px; /* adjust as needed */
}


.contentx03 {
    margin: 20px auto;
    text-align: center;
    width: 85%;
	max-width: 910px;
}

.contentx03 .subtitle {
    display: flex; 
    align-items: center; 
    justify-content: center; 
    border-top: 3px solid #5E9C4A;
    border-bottom: 3px solid #5E9C4A;
    padding: 28px 0;
    color: #5E9C4A;
    font-size:  min(5.13vw,28px);
    font-weight: bold;
}

.contentx03 .subtitle img {
    margin-right: 10px; 
}

.contentx03 .description {
    padding: 16px 0;
    color: #704B20;
    font-size:  min(3.59vw,20px);
    line-height: min(4.8vw,36px); /* Adjust this value as needed */
    text-align: left; /* 追加 */
    font-weight: bold;
}

.contentx03 .description .margin-up{
	margin-top:10px;
	font-weight: bold;
}

.contentx03 .description-mini {
    padding: 16px 0;
    color: #704B20;
    font-size: 3.59vw; 
    line-height: 4.8vw; 
}

.contentx03 .description-mini h3{
  	padding: 16px 0;
  	color: #704B20;
	font-size: min(4.45vw, 14px);
	line-height: min(6.2vw, 28px);
	font-weight: bold;
}

.contentx03 .description-mini h3 + .cmn-btn_01{
	margin: 0 auto 7.692vw ;
}


.contentx03 .green-div, .contentx11 .yellow-div {
	width: 60%;
	margin: 0 auto;
	height: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	border-radius: 50px;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
}

.contentx03 .green-div {
	background-color: #5E9C4A;
	margin-top: 10px;
	margin-bottom: 28px;
}

.green-div-link {
    display: block; /* ブロック要素として表示 */
    text-align: center; /* 内部テキストを中央揃え */
}

.contentx03 .green-div p {
    font-size: min(3.59vw, 14px);
    font-weight: bold;
    margin: 0; /* デフォルトの余白を取り除く */
    text-align: center; /* テキストを中央に配置 */
}

.contentx03 .feature-container {
    margin-top:15px;
    margin-bottom: 34px;
    padding: 0px;
    border-radius: 5px;
}

.contentx03 .feature-title {
    background-color: #5E9C4A;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 20px;
    text-align: center;
    color: #ffffff;   
    font-size:  min(4.1vw,24px);
    font-weight: bold;
}

.contentx03 .feature-content {
    border: 2px solid #704B20;
    background-color: #ffffff;
    padding: 20px;
    margin-top: 0;
}

.contentx03 .feature-item {
    margin-bottom: 20px;
}

.contentx03 .item-title {
    background-color: #FDDD6E;
    border-radius: 50px;
    padding: 10px 20px;
    display: inline-block;
    text-align: left; 
}

.contentx03 .item-title2{
    background-color: #DDD6BE;
    border-radius: 50px;
    padding: 10px 20px;
    display: inline-block;
    text-align: left; 
    margin-top: 10px;
}

.contentx03 .item-description{
    text-align: left;
    margin: 10px auto;
}

.contentx03 hr {
    border-top: 1px dashed #704B20;
    margin: 10px 0;
}

.contentx03 table {
    border-collapse: separate;
    border-spacing: 0;
	width: 100%;
}

.contentx03 td, th {
    padding: 3px;
    width: 30px;
    height: 25px;
    border: 1px solid #595959;
    text-align: center;
    vertical-align: middle;
}

.contentx03 td:nth-child(1),
.contentx03 th:nth-child(1) {
	width: 26.18%;
}

.contentx03 td:nth-child(2),
.contentx03 th:nth-child(2),
.contentx03 td:nth-child(3),
.contentx03 th:nth-child(3) {
    width: 29.41%;
}

.contentx03 .cell1, .cell2, .cell3 {
	font-size: 2.9vw;
}

.contentx03 .cell1 {
    border: none;
}

.contentx03 .cell2 {
    border: none;
    background-color: #FDDD6E;
    border-top-left-radius: 5px;
}

.contentx03 .cell3 {
    border: none;
    background-color: #DDD6BE;
    border-top-right-radius: 5px;
}

.contentx03 .cell4 {
    border-right: none;
    background-color: #DDD6BE;
}

.contentx03 .cell5, .cell6, .cell8, .cell9, .cell11, .cell12, .cell14, .cell15 {
    font-size:  min(3.4vw,16px);
    font-weight: 500;
}

.contentx03 .cell5 img, 
.contentx03 .cell6 img, 
.contentx03 .cell8 img, 
.contentx03 .cell9 img, 
.contentx03 .cell11 img, 
.contentx03 .cell12 img, 
.contentx03 .cell14 img, 
.contentx03 .cell15 img {
    margin-bottom: 10px; /* 必要な余白の大きさに調整してください */
}

.contentx03 .cell5{
    border-right-style: dotted;
}

.contentx03 .cell8{
	border-right-style: dotted;
}

.contentx03 .cell11{
	border-right-style: dotted;
}

.contentx03 .cell14{
	border-right-style: dotted;
}

.contentx03 .cell6{
    border-left: none;
}

.contentx03 .cell9{
	border-left: none;
}

.contentx03 .cell12{
	border-left: none;
}

.contentx03 .cell15{
	border-left: none;
}


.contentx03 .cell7 {
    border-right: none;
    background-color: #DDD6BE;
}

.contentx03 .cell10 {
    border-right: none;
    background-color: #DDD6BE;
}

.contentx03 .cell13 {
    border-right: none;
    background-color: #DDD6BE;
}

.contentx03 th {
    background: #f0e6cc;
}

.contentx03 tbody tr:nth-child(n+2) td {
    background-color: #FFFFFF;
    height: 94px;
}

@media (max-width:768px){
	.contentx03 tbody tr:nth-child(n+2) td {
		font-size: 1.1rem;
	}
}

.contentx03 tbody tr:nth-child(1) td {
    height: 48px;
}


.contentx03 td img {
    display: block;
    margin: 2.5vw auto;
    
}

.contentx04{
	margin: 20px auto;
	text-align: center;
	width: 85%;
	max-width: 910px;
}

.contentx04 .subtitle{
  	border-top: 3px solid #5E9C4A;
  	border-bottom: 3px solid #5E9C4A;
  	padding: 28px 0;
  	color: #5E9C4A;
  	font-size:  min(5.13vw,28px);
  	font-weight: bold;
}

.contentx04 .description{
  	padding: 16px 0;
  	color: #704B20;
  	font-size: 3.59vw; 
	line-height: 4.8vw; /* Adjust this value as needed */
}

.contentx04 .inner2{
	width: 100%;
	margin-top: 28px;
	margin-bottom: 19px;
	max-width: 765px;
}

.contentx04 .inner3{
	width: 100%;
	margin-bottom: 19px;
	max-width: 765px;
}

.contentx04 .co61l{
	max-width: 765px;
	width: 100%;
}

.contentx04 .co6d:last-child{
	border-bottom:2px solid;
}

.contentx04 .co6d.open:last-child{
	border-bottom:2px solid;
}

.contentx04 .co6main{
	padding: 30px 15px;
	margin: 0px auto 20px;
}

.contentx04 .co6tit{
	height: 61px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 15px;
	border-top: 2px solid;
}

.contentx04 .co6tit h3{
	font-size:2rem;
	margin-left:10px;
}

.contentx04 .lbar{
	position:relative;
	padding-left:20px;
	text-align: left;
}

.contentx04 .lbar:before{
	position:absolute;
	content:"";
	width:4px;
	height:35px;
	background:#669F4F;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
}

.contentx04 .plan-tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contentx04 .tag{
	width: fit-content;
	padding: 0px 12px;
	height: 25px;
	display:flex;
	justify-content: center;
	align-items: center;
	border: 1px solid;
	margin: 10px 0 10px;
	font-size: 1.2rem;
	border-radius: 50px;
	margin-right: 35px;
}

.contentx04 .sub-text{
	font-size:3.59;
	text-align: left;
}

.contentx04 .priced{
	margin-top: 0px;
	clear: both;
}

.contentx04 .price{
	display:flex;
	align-items: center;
}

.contentx04 .prip1{
    padding: 0px 13.5px;
    font-size:  min(3.59vw,18px);
    background-color: #704B20;
}

.contentx04 .bggr{
    background-color: #5E9C4A;
}

.contentx04 .brawn{
    color: #704B20;
}

.contentx04 .mini-text{
    font-size: min(3.59vw,14px);
    text-align:left;
    font-weight: 100;
}

.contentx04 .img-position{
	position: relative;
    float: right;
    margin-top: -10px; 
    margin-bottom: -20px;
}

.contentx04 .img-position2{
	position: relative;
    float: right;
    margin-top: 10px; 
    margin-bottom: -10px;
}

.contentx04 .img-position3{
	position: relative;
    float: right;
    margin-top: 10px; 
    margin-bottom: -10px;
}

.contentx04  .co62{
	border-top: 2px dotted #704B20;
	padding: 20px 0;
	margin-bottom: 0px;
}

.contentx04  .co63{
	border-top: 2px dotted #704B20;
	padding-top: 20px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.contentx05{
	margin: 20px auto;
	text-align: center;
	width: 85%;
	max-width: 910px;
}

.contentx05 .subtitle{
  	border-top: 3px solid #5E9C4A;
  	border-bottom: 3px solid #5E9C4A;
  	padding: 28px 0;
  	color: #5E9C4A;
  	font-size:  min(5.13vw,28px);
  	line-height: 0.8;
  	margin-bottom:28px;
  	font-weight: bold;
}

.contentx05 .subtitle-disc{
	font-size:  min(2.63vw,20px);
}

.contentx05 .description{
  	padding: 16px 0;
  	color: #704B20;
  	font-size: 3.59vw; 
	line-height: 4.8vw; /* Adjust this value as needed */
}

.contentx05 table {
    border-collapse: separate;
    border-spacing: 0;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
}

.contentx05 td, th {
    padding: 3px;
    width: 30px;
    height: 25px;
    border: 1px solid #595959;
    text-align: center;
    vertical-align: middle;
}

.contentx05 td:nth-child(1),
.contentx05 th:nth-child(1) {
    width: 41.18%;
}

.contentx05 td:nth-child(2),
.contentx05 th:nth-child(2),
.contentx05 td:nth-child(3),
.contentx05 th:nth-child(3) {
    width: 29.41%;
}

.contentx05 .cell1, .cell2, .cell3 {
	font-size:  min(2.9vw,16px);
	font-weight: bold;
}

.contentx05 .cell1 {
    border: none;
}

.contentx05 .cell2 {
    border: none;
    border-top-left-radius: 5px;
}

.contentx05 .cell3 {
    border: none;
    background-color: #5E9C4A;
    border-top-right-radius: 5px;
    color: #ffffff;
}

.contentx05 .cell4 {
    border-right: none;
    background-color: #DDD6BE;
}

.contentx05 .cell5, .cell6, .cell8, .cell9, .cell11, .cell12, .cell14, .cell15 {
    font-size:  min(3.4vw,16px);
}

.contentx05 .cell4, .cell7, .cell10, .cell13 {
    font-size:  min(3.7vw, 16px);
    font-weight: bold;
}

.contentx05 .cell5{
    border-right-style: dotted;
}

.contentx05 .cell8{
	border-right-style: dotted;
}

.contentx05 .cell11{
	border-right-style: dotted;
}

.contentx05 .cell14{
	border-right-style: dotted;
}

.contentx05 .cell6{
    border-left: none;
}

.contentx05 .cell9{
	border-left: none;
}

.contentx05 .cell12{
	border-left: none;
}

.contentx05 .cell15{
	border-left: none;
}


.contentx05 .cell7 {
    border-right: none;
    background-color: #DDD6BE;
}

.contentx05 .cell10 {
    border-right: none;
    background-color: #DDD6BE;
}

.contentx05 .cell13 {
    border-right: none;
    background-color: #DDD6BE;
}

.contentx05 th {
    background: #f0e6cc;
}

.contentx05 tbody tr:nth-child(n+2) td {
    background-color: #FFFFFF;
    height: 94px;
}

.contentx05 tbody tr:nth-child(1) td {
    height: 48px;
}

.contentx05 .price-wrapper {
    text-align: right;
    display: inline-block;
    width: 100%;
}

.contentx05 .price-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.contentx05 .price-font,
.contentx05 .tax-font {
    text-align: right;
    padding-right: 8px;
}

.contentx05 .tax-font{
	font-size:  min(3.4vw,16px);
	font-weight: bold;
}


.contentx05 .price-font{
	font-size:  min(6.15vw,32px);
	font-weight: bold;
}

.contentx05 .supplement-text{
	text-align: left;
	font-size:  min(3.59vw,16px);
}

.contentx06{
	margin: 20px auto;
	text-align: center;
	width: 85%;
	max-width: 910px;
}

.contentx06 .subtitle{
  	border-top: 3px solid #5E9C4A;
  	border-bottom: 3px solid #5E9C4A;
  	padding: 28px 0;
  	color: #5E9C4A;
  	font-size:  min(5.13vw,28px);
  	line-height: 0.8;
  	margin-bottom:28px;
  	font-weight: bold;
}

.contentx06 .subtitle-disc{
	font-size: 3.59vw;
}

.contentx06 .description{
  	padding: 16px 0;
  	color: #704B20;
  	font-size: 3.59vw; 
	line-height: 4.8vw; /* Adjust this value as needed */
}

.contentx06 .information{
	width: 98%;
	height: min(30.7vw, 220px);
	background-color: #DDD6BE;
	border-radius: 5px;
	display: flex;
	margin: 0 auto;
	align-items: center;
}

.contentx06 .information-text{
	margin: 10px auto; /* Horizontal padding */
    padding: 20px 0; /* Vertical padding */
    text-align: left;
    font-size: min(3.3vw,20px);
    font-weight: bold;
}


.contentx07{
	margin: 20px auto;
	text-align: center;
	width: 85%;
	max-width: 910px;
}

.contentx07 .subtitle{
  	border-top: 3px solid #5E9C4A;
  	border-bottom: 3px solid #5E9C4A;
  	padding: 28px 0;
  	color: #5E9C4A;
  	font-size:  min(5.13vw,28px);
  	line-height: 0.8;
  	margin-bottom:28px;
  	font-weight: bold;
}

.contentx07 .subtitle-disc{
	font-size: 3.59vw;
}

.contentx07 .description{
  	padding: 16px 0;
  	color: #704B20;
  	font-size: 3.59vw; 
	line-height: 4.8vw;
}

.contentx07 .accordion-001 {
    max-width: 800px;
    margin: 0 auto;
}

.contentx07 .mini-text{
	font-size: 3.59vw;
}

.contentx07 .accordion-001:not([open]){
    margin-bottom: 12px;
}

.contentx07 .accordion-001[open] {
	margin-bottom: 12px;
}

.contentx07 .accordion-001 summary {
    display: flex;
    justify-content: start;
    align-items: center;
    position: relative;
    
    background-color: #ffffff;
    color: #704b20;
    font-weight: 600;
    cursor: pointer;
    border: 2px solid #704B20;
    border-radius: 10px;
    font-size:  min(3.6vw,16px);
    text-align: left;
    flex-shrink: 0; /* 追加 */
    font-weight: 500;
}

.contentx07 .accordion-001 summary .text-container {
    display: flex;
    align-items: center;
    padding: 1em 1.5em 1em 1em; /* text-containerにパディングを適用 */
    position: relative; /* この行を追加 */
    width: 95%;
    font-weight: 500;
}

.contentx07 .accordion-001 summary .icon-container {
    flex-shrink: 0;
    margin-right: 10px;
    width: min(10%, 24px);
}

.contentx07 .accordion-001 p .icon-container img {
    width: 24px; /* 画像サイズを適宜調整 */
    height: 24px;
}


.contentx07 .accordion-001[open] summary {
    border-radius: 10px 10px 0 0;
}

.contentx07 .accordion-001 summary::-webkit-details-marker {
    display: none;
}

.contentx07 .accordion-001 summary::after {
    /* アイコンを右パディング内に配置 */
    /* 元の transform: translateY(-25%) rotate(45deg); を修正 */
    transform: translate(-50%, -25%) rotate(45deg);
    right: 10px;  /* 新規に追加: アイコンを右パディングの10px手前に配置 */
    position: absolute;  /* 新規に追加: アイコンの位置を絶対位置に設定 */
    width: 9px;
    height: 9px;
    margin-left: 10px;
    border-bottom: 2px solid #704b20;
    border-right: 2px solid #704b20;
    content: '';
    transition: transform .3s;
    
}

.contentx07 .accordion-001[open] summary::after {
    transform: translate(-50%, 25%) rotate(225deg);  /* Y軸のtranslateの値を調整 */
    transform-origin: 50% 50%; /* 追加 */
    
}

.contentx07 .accordion-001 p {
    display: flex;
    align-items: start; /* 文字列と画像の位置を揃えます */
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 1em;
    background-color: #d6ecce;
    color: #704b20;
    transition: transform .5s, opacity .5s;
    border: 2px solid #704B20;
    border-top: none;
    border-radius: 0 0 10px 10px;
}

.contentx07 .accordion-001 p .icon-container {
	flex-shrink: 0;
    margin-right: 10px; /* 画像とテキストの間隔を調整 */
}

.contentx07 .accordion-001 p .mini-text {
	font-size: 3.59vw;
}


.contentx07 .accordion-001[open] p {
    transform: none;
    opacity: 1;
    font-size: min(3.6vw,16px);
    text-align: left;
}

.contentx07 .accordion-001 .qa-q {
	font-size:32px;
	color: #5E9C4A;
}

.contentx-fix{
	padding: 20px 0 0 !important;
}

.contentx08 {
    margin: min(12vh,200px) auto 6vh;
    text-align: center;
    width: 85%;
	max-width: 910px;
}

.contentx08 .subtitle {
    display: flex; 
    align-items: center; 
    justify-content: center; 
    border-top: 3px solid #5E9C4A;
    border-bottom: 3px solid #5E9C4A;
    padding: 28px 0;
    color: #5E9C4A;
    font-size:  min(4.6154vw,28px);
    font-weight: bold;
}

.contentx-support{
	font-size: min(5.13vw,28px) !important;
}

.contentx08 .subtitle img {
    margin-right: 10px; 
}

.contentx08 .description {
    padding: 16px 0;
    color: #704B20;
    font-size:  min(3.59vw,16px);
    line-height: min(4.8vw,24px);
    text-align: left; /* 追加 */
    font-weight: 500;
    margin-bottom: min(6.0vh, 20px);
}

.contentx08 .description .margin-up{
	margin-top:10px;
	
}

.contentx08 .description-mini {
    padding: 16px 0;
    color: #704B20;
    font-size: 3.59vw; 
    line-height: 4.8vw; 
}

.contentx08 .accordion-001 {
    max-width: 800px;
    margin: 0 auto;
}

.contentx08 .mini-text{
	font-size: 3.59vw;
}

.contentx08 .accordion-001:not([open]){
    margin-bottom: 12px;
}

.contentx08 .accordion-001[open] {
	margin-bottom: 12px;
}

.contentx08 .accordion-001 summary {
    display: flex;
    justify-content: start;
    align-items: center;
    position: relative;
    
    background-color: #ffffff;
    color: #704b20;
    font-weight: 600;
    cursor: pointer;
    border: 2px solid #704B20;
    border-radius: 10px;
    font-size: min(3.6vw,16px);
    text-align: left;
    flex-shrink: 0; /* 追加 */
    font-weight: bold;
}

.contentx08 .accordion-001 summary .text-container {
    display: flex;
    align-items: center;
    padding: 1em 1.5em 1em 1em; /* text-containerにパディングを適用 */
    position: relative; /* この行を追加 */
}

.contentx08 .accordion-001 summary .icon-container {
    flex-shrink: 0;
    margin-right: 10px;
}

.contentx08 .accordion-001 summary span {
    flex-grow: 1; /* 追加 */
}


.contentx08 .accordion-001 p .icon-container img {
    width: 24px; /* 画像サイズを適宜調整 */
    height: 24px;
}


.contentx08 .accordion-001[open] summary {
    border-radius: 10px 10px 0 0;
}

.contentx08 .accordion-001 summary::-webkit-details-marker {
    display: none;
}

.contentx08 .accordion-001 summary::after {
    /* アイコンを右パディング内に配置 */
    /* 元の transform: translateY(-25%) rotate(45deg); を修正 */
    transform: translate(-50%, -25%) rotate(45deg);
    right: 15px;  /* 新規に追加: アイコンを右パディングの10px手前に配置 */
    position: absolute;  /* 新規に追加: アイコンの位置を絶対位置に設定 */
    width: 9px;
    height: 9px;
    margin-left: 10px;
    border-bottom: 2px solid #704b20;
    border-right: 2px solid #704b20;
    content: '';
    transition: transform .3s;
    
}

.contentx08 .accordion-001[open] summary::after {
    transform: translate(-50%, 25%) rotate(225deg);  /* Y軸のtranslateの値を調整 */
    transform-origin: 50% 50%; /* 追加 */
    
}

.contentx08 .accordion-001 p {
    display: flex;
    align-items: start; /* 文字列と画像の位置を揃えます */
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em 1em 2em;
    background-color: #FDDD6E;
    color: #704b20;
    transition: transform .5s, opacity .5s;
    border: 2px solid #704B20;
    border-top: none;
    border-radius: 0 0 10px 10px;
}

.contentx08 .accordion-001 p .icon-container {
	flex-shrink: 0;
    margin-right: 10px; /* 画像とテキストの間隔を調整 */
}

.contentx08 .accordion-001 p .mini-text {
	font-size: 3.59vw;
}


.contentx08 .accordion-001[open] p {
    transform: none;
    opacity: 1;
    font-size: min(3.6vw,16px);
    text-align: left;
}

.contentx08 .accordion-001 .qa-q {
	font-size:32px;
	color: #5E9C4A;
}

.contentx08 .line-marker{
	background: linear-gradient(transparent 60%, #FDDD6E 0%);
}



.contentx10{
	margin: 20px auto;
	text-align: center;
	width: 85%;
	max-width: 1072px;
}

.contentx10 .subtitle{
  	border-top: 3px solid #5E9C4A;
  	border-bottom: 3px solid #5E9C4A;
  	padding: 28px 0;
  	color: #5E9C4A;
  	font-size:  min(5.13vw,28px);
  	line-height: 1.4;
  	margin-bottom:28px;
  	font-weight: bold;
}

.contentx10 .subtitle-disc{
	font-size: 3.59vw;
}

.contentx10 .description{
  	padding: 16px 0;
  	color: #704B20;
  	font-size: 3.59vw; 
	line-height: 4.8vw;
}

.contentx10 .accordion-001 {
    max-width: 800px;
    margin: 0 auto;
}

.contentx10 .mini-text{
	font-size: 3.59vw;
}

.contentx10 .accordion-001:not([open]){
    margin-bottom: 12px;
}

.contentx10 .accordion-001[open] {
	margin-bottom: 12px;
}

.contentx10 .accordion-001 summary {
    display: flex;
    justify-content: start;
    align-items: center;
    position: relative;
    background-color: #ffffff;
    color: #704b20;
    font-weight: 600;
    cursor: pointer;
    border: 2px solid #704B20;
    border-radius: 10px;
    font-size: min(3.6vw,16px);
    text-align: left;
    flex-shrink: 0; /* 追加 */
    font-weight: 500;
}

.contentx10 .accordion-001 summary .text-container {
    display: flex;
    align-items: center;
    padding: 1em 1.5em 1em 1em; /* text-containerにパディングを適用 */
    position: relative; /* この行を追加 */
    width: 95%;
    font-weight: 500;
}

.contentx10 .accordion-001 summary .icon-container {
    flex-shrink: 0;
    margin-right: 10px;
}




.contentx10 .accordion-001 p .icon-container img {
    width: 24px; /* 画像サイズを適宜調整 */
    height: 24px;
}


.contentx10 .accordion-001[open] summary {
    border-radius: 10px 10px 0 0;
}

.contentx10 .accordion-001 summary::-webkit-details-marker {
    display: none;
}

.contentx10 .accordion-001 summary::after {
    /* アイコンを右パディング内に配置 */
    /* 元の transform: translateY(-25%) rotate(45deg); を修正 */
    transform: translate(-50%, -25%) rotate(45deg);
    right: 10px;  /* 新規に追加: アイコンを右パディングの10px手前に配置 */
    position: absolute;  /* 新規に追加: アイコンの位置を絶対位置に設定 */
    width: 9px;
    height: 9px;
    margin-left: 10px;
    border-bottom: 2px solid #704b20;
    border-right: 2px solid #704b20;
    content: '';
    transition: transform .3s;
    
}

.contentx10 .accordion-001[open] summary::after {
    transform: translate(-50%, 25%) rotate(225deg);  /* Y軸のtranslateの値を調整 */
    transform-origin: 50% 50%; /* 追加 */
    
}

.contentx10 .accordion-001 p {
    display: flex;
    align-items: start; /* 文字列と画像の位置を揃えます */
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 1em;
    background-color: #d6ecce;
    color: #704b20;
    transition: transform .5s, opacity .5s;
    border: 2px solid #704B20;
    border-top: none;
    border-radius: 0 0 10px 10px;
}

.contentx10 .accordion-001 p .icon-container {
	flex-shrink: 0;
    margin-right: 10px; /* 画像とテキストの間隔を調整 */
}

.contentx10 .accordion-001 p .mini-text {
	font-size: 3.59vw;
}


.contentx10 .accordion-001[open] p {
    transform: none;
    opacity: 1;
    font-size: min(3.59vw,16px);
    text-align: left;
}

.contentx10 .accordion-001 .qa-q {
	font-size:32px;
	color: #5E9C4A;
}

.contentx11 {
	margin: 20px auto;
	text-align: center;
	width: 85%;
}

.contentx11 .subtitle {
	border-top: 3px solid #5E9C4A;
	border-bottom: 3px solid #5E9C4A;
	padding: 28px 0;
	color: #5E9C4A;
	font-size:  min(5.13vw,28px);
	line-height: min(6.5vw,36px);;
	margin-bottom: 28px;
	text-align: center;
	font-weight: bold;
}

.contentx11 .left-align, .contentx11 .right-align {
	display: flex;
}

.contentx11 .left-align {
	margin: 0 auto;
	max-width: 600px;
}

.contentx11 .right-align {
	margin: 0 auto;
	max-width: 600px;
}

.contentx11 .left-img, .contentx11 .right-img {
	width: 100%; 
	margin: 0;
}

.contentx11 .green-div, .contentx11 .yellow-div {
	width: 60%;
	margin: 0 auto;
	height: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	border-radius: 50px;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
}

.contentx11 .green-div {
	background-color: #5E9C4A;
	margin-top: 10px;
	margin-bottom: 28px;
}

.contentx11 .yellow-div {
	background-color: #FDDD6E;
	color: #000;
	border-radius: 5px;
	margin-top: 8px;
	margin-bottom: 28px;
}

.contentx11 .green-div p{
	font-size: min(3.59vw,14px);
	font-weight: bold;
}

.contentx11 .yellow-div p{
	font-size: min(3.59vw,14px);
	font-weight: bold;
	color: #704B20;
}

.contentx12 {
	margin: 7.0vh auto;
	text-align: center;
	width: 85%;
	max-width: 1072px;
}

.contentx12 .description{
  	padding: 16px 0;
  	color: #704B20;
  	font-size: min(2.8vw,12px);
	line-height: min(3.2vw,14px);
	font-weight: bold;
}

.contentx12 .subtitle {
	border-top: 3px solid #5E9C4A;
	border-bottom: 3px solid #5E9C4A;
	padding: 28px 0;
	color: #5E9C4A;
	font-size:  min(5.13vw,28px);
	line-height: 1.4;
	margin-bottom: 5px;
	text-align: center;
	font-weight: bold;
}

.contentx12 .img-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px auto;
}

.contentx12 .worries-container{
	margin:10px auto;
}

.contentx12 .left-text {
  text-align: left;
}

.contentx12 .fukidashi-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.contentx12 .img-with-text {
  position: relative; 
  display: flex;
  justify-content: center; 
  align-items: center;
}

.contentx12 .img-with-text img {
  width: 100%;
  height: auto;
}

.contentx12 .centered-text {
  position: absolute;
  z-index: 1; 
  text-align: left;
  width: 85%;
  top: 20%;
}

.contentx12 .centered-text2 {
  position: absolute;
  z-index: 1; 
  text-align: left;
  width: 85%;
  top: 20%;
}

.contentx12 .thinking-image {
  margin-left: 20px; /* adjust as needed */
}

.contentx12 .alert-text{
  	color: #5E9C4A;
  	font-size: min(3.96vw,20px);
	line-height: min(3.96vw,32px);
}

.contentx12 .alert-sub-text{
	color: #704B20;
  	font-size: min(3.59vw,16px);
	line-height: min(3.8vw,28px);
	text-align: left;
	padding: 16px 0;
}

.contentx12 .green-div {
	background-color: #5E9C4A;
	margin-top: 10px;
	margin-bottom: 28px;
}

.contentx12 .green-div, .contentx12 .yellow-div {
	width: 60%;
	margin: 0 auto;
	height: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	border-radius: 50px;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
	font-weight: bold;
}

.contentx13 {
	background-color: #fff;
}

.contentx13 .child{
	margin: 7.0vh auto;
	text-align: center;
	width: 85%;
	padding: 2vh;
}

.contentx13 .container{
	margin: 1.0vh auto;
	
	width: 85%;
}

.contentx13 .text{
	font-size: min(3.6vw,16px);
    text-align: left;
}




/* 吹き出し */

.fukidashi{
	text-align: center;
}

.fukidashi span{
	position: relative;
	font-size: 2.4rem;
	font-weight: 700;
	}
  .fukidashi span::before,
  .fukidashi span::after{
	content: "";
	display: inline-block;
	background: #704B20;
	width: 4px;
	position: absolute;
	}
  .fukidashi span::before{
	left: 0;
  }
  .fukidashi span::after{
	right: 0;
  }
  @media screen and (min-width: 768px){
	.fukidashi span{
	  padding: 0 23px;
	}
	.fukidashi span::before,
	.fukidashi span::after{
	  height: 26px;
	  bottom: 0px;
	}
	.fukidashi span::before{
	  transform: rotate(-30deg);
	}
	.fukidashi span::after{
	  transform: rotate(30deg);
	}
  }
  @media screen and (max-width: 767px){
	.fukidashi span{
	  display: inline-block;
	  padding: 0 20px;
	  font-size: 1.8rem;
	}
	.fukidashi span::before,
	.fukidashi span::after{
	  height: 26px;
	  bottom: -3px;
	}
		.rec1 .fukidashi span::before,
	.rec1 .fukidashi span::after{
	  height: 42px;
	  bottom: 0px;
	}
	.fukidashi span::before{
	  transform: rotate(-30deg);
	}
	.fukidashi span::after{
	  transform: rotate(30deg);
	}

.ad2 .fukidashi span::before,
.ad2 .fukidashi span::after{
	background:#669F4F;
}

.cv1 .fukidashi span::before,
.cv1 .fukidashi span::after{
	background:#704B20;
}
  }

  .progressbar {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1200px;
	margin: 30px auto;
	}

  .progressbar .item {
	  position: relative;
	  text-align: center;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  height: 122px;
	  line-height: 1.5;
	  background: #669F4F;
	  color: #fff;
	  font-size: 2.8rem;
	 }

  .progressbar .itemd{
	  display:flex;
	  flex-direction:column;
	  width: 20%;
	 }

  .progressbar .itemd p{
	  text-align:
	  center;
	  font-size: 1.8rem;
	  margin: 10px auto;
	  font-weight: 700;
	  line-height: 1.4;
	  z-index: 3;
	 }

  .progressbar .item::after {
	  position: absolute;
	  z-index: 2;
	  top: 0;
	  bottom: 0;
	  content: '';
	  margin: auto;
	  width: 0;
	  height: 0;
	  border-style: solid;
	  border-width: 61px 0 61px 52px;
	  border-color: transparent transparent transparent #669F4F;
	  right: -4px;
	 }
  .progressbar .item::before {
	  position: absolute;
	  z-index: 2;
	  top: 0;
	  bottom: 0;
	  content: '';
	  margin: auto;
	  right: -23px;
	  width: 0;
	  height: 0;
	  border-style: solid;
	  border-width: 80px 0 80px 70px;
	  border-color: transparent transparent transparent #F7F3EA;
	 }
.progressbar .itemd:last-child .item:before,.progressbar .itemd:last-child .item:after{
	display:none;
}





/*リンク表示方法*/

a {
	text-decoration: none;
}

a:link {
	color: #704B20;
}

a:visited {
	color: #704B20;
}

a:active {
	color: #333;
}

a:hover {
	opacity:0.7;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.hLogo a:hover img{
	opacity:1;
}

.hLogo a:hover {
	opacity:1;
}

.btnarea{
	display:flex;
	justify-content: space-between;
	align-items: center;
	max-width: 810px;
	width: 95%;
	margin: auto;
}

.btnarea2{
	display:flex;
	justify-content: center;
	align-items: center;
	max-width: 810px;
	width: 95%;
	margin: auto;
}

a.btn{
	display:flex;
	max-width:385px;
	width:95%;
	height:74px;
	align-items: center;
	justify-content: center;
	background:#fff;
	border:4px solid #704B20;
	border-radius: 37px;
	font-weight: 700;
	margin: auto;
	font-size: 1.8rem;
}

a.btn2{
	display:flex;
	max-width:238px;
	width:63%;
	height:62px;
	align-items: center;
	justify-content: center;
	background:#FBB03B;
	border:4px solid #fff;
	border-radius: 37px;
	font-weight: 700;
	margin: 1px;
	font-size: 1.8rem;
	box-shadow: 0px 5px 8px rgba(0,0,0,0.4);
	color: white;
	font-size:min(6.15vw,24px);
	font-weight: bold;
}

.btnarea .btn{
	margin:0;
}


.btn img{
	margin-right:15px;
}


.btn.linebtn{
	color:#fff;
	background:#2FC42D;
	border: none;
}

.card1l  .btn.mailbtn{
	border: none;
}

.btn.grebtn{
	border:4px solid #669F4F;
	color:#669F4F;
}

.btn.brobtn{
	border:4px solid #704B20;
	background:#704B20;
	color:#fff;
}


/* color */
.white{
	color: #fff!important;
}
.green{
	color: #669F4F!important;
}
.orange{
	color:#F29436;
}
.yellow{
	color:#FDDD6E;
}
.blue{
	color:#3B6068;
}
.gold{
	color:#988650;
}

.bggol{
	background:#988650!important
}
.bgbl{
	background:#3B6068!important;
}
.bgwh{
	background: #fff!important;
}
.bggre1{
	background: #E8EDE3!important;
}
.bggre2{
	background: #669F4F!important;
}
.bgye{
	background: #FDDD6E!important;
}
.bgcr{
	background:#F7F3EA;
}
.bgor{
	background: #F29436!important;
}
.bgbr{
	background: #704B20!important;
}
.bggra{
	background:#CCCCCC!important;
}


.yebar{
	position:relative;
}
.yebar:before{
	position:absolute;
	content:"";
	background:#FDDD6E;
	width:100%;
	height:6px;
	bottom: 8px;
	left:0;
	z-index: -1;
}

.lbar{
	position:relative;
	padding-left:20px;
}

.lbar:before{
	position:absolute;
	content:"";
	width:4px;
	height:35px;
	background:#669F4F;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
}

.unbar{
	position:relative;
}

.unbar:before{
	position:absolute;
	content:"";
	width:100%;
	height:1px;
	background:#fff;
	bottom:0;
	left:0;
}

.bar2{
	position:relative;
}

.bar2:before,.bar2:after{
	position:absolute;
	content:"";
	width:24px;
	height:4px;
	background:#704B20;
	top:0;
	bottom:0;
	margin:auto;
}

.bar2:before{
	left:0;
}

.bar2:after{
	right:0;
}

/*-----------------------------------------------------------
PCサイズ
-----------------------------------------------------------*/

.pc,.pc2 {
	display: block;
}

.sp, .sp2 {
	display: none;
}

.pcTel {
	display: inline;
}


/*-----------------------------------------------------------
header
-----------------------------------------------------------*/

.fixed{
	position:fixed;
	width: 100%;
	z-index: 9999;
}

header {
	padding: 0 0 0 40px;
	width: 100%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #F7F3EA;
}

.hLogo{
	max-width:255px;
}

.headerUl {
	margin: 0 0 0;
	display: flex;
	width: 80%;
	justify-content: flex-end;
	align-items: center;
}

.headerUl:after {
	content: '';
	display: block;
	clear: both;
}

.headerInc {
	font-size: 9px; 
	font-weight: 400; 
	margin-bottom:5px;
}


.logo {
	width: 234px;
}

.logo a:hover img {
	opacity: 1;
}

.headerTel {margin-right: 25px;}

.htlu{
	display:flex;
	font-size: 3.2rem;
	align-items: baseline;
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: 2px;
}

.hteld{
	font-size: 1.2rem;
	font-weight: 500;
}

.hline{
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 250px;
	width: 30%;
	background: #2FC42D url(./img/hline.png) no-repeat right;
}

.hline.sp{
	display:none;
}

.hline p{
	font-weight: 700;
}

.hline p span{
	font-size:1.8rem;
	letter-spacing: 1.6px;
}

.hcon{
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 250px;
	width: 30%;
	background: #FDDD6E url(./img/hmail.png) no-repeat right;
}

.hcon p{
	font-weight: 700;
}

.hcon p span{
	font-size:1.8rem;
	letter-spacing: 2px;
}

/*-----------------------------------------------------------
テーブル共通
-----------------------------------------------------------*/

.Kiji table {
	border-collapse: separate;
	border-top: 3px solid #669F4F;
	border-bottom: 3px solid #669F4F;
	margin: 0 0 60px 0;
	width: 100%;
}

th {
}

td {
}


/*-----------------------------------------------------------
 nav
-----------------------------------------------------------*/
.header2{
	height:68px;
	width:100%;
	display:flex;
	justify-content: center;
	align-items: center;
	background:#fff;
}

.h2d{
	width:100%;	
}

.h2d ul{
	display:flex;
	justify-content: center;
	align-items: center;
}

.h2d li{
	margin:auto 1%;
}

.h2d li a{
	color:#669F4F;
	font-weight:700;
	font-size:1.4rem;
	letter-spacing:2px;
}



/*-----------------------------------------------------------
#slide
-----------------------------------------------------------*/

#modal {
	display: none;
}

/*-----------------------------------------------------------
#cover
-----------------------------------------------------------*/

#cover {
	width: 100%;
	margin: 180px auto 0;
	display: flex;
	justify-content: center;
}

#cover img{margin:auto;padding: 0 20px;}

.slider.pc{
	display:block;
}

.slider.sp{
	display:none;
}


/*-- 中ページカバー --*/

.cover{
	height:200px;
	width:100%;
	margin: 150px auto 0;
	display:flex;
	align-items: center;
	justify-content: center;
	position:relative;
	z-index:1;
}

.cover:before{
	position:absolute;
	content:"";
	background:#669F4Fcc;
	width:100%;
	height:100%;
	z-index: -1;
}

.responsive-img {
	width: 100%;
	height: auto;
	max-width: 1200px;
}

.interview .cover{
	margin: 80px auto 0;
	background: url(./img/interview/mv.jpg)no-repeat center;
	background-size: cover;
}

.contact .cover{
	background: url(./img/contact/mv.jpg)no-repeat center;
	background-size: cover;
}

.faq .cover{
	background: url(./img/faq/mv.jpg)no-repeat center;
	background-size: cover;
}

.reserve .cover{
	background: url(./img/reserve/mv.jpg)no-repeat center;
	background-size: cover;
}
.sitemap .cover{
	background: url(./img/sitemap/mv.jpg)no-repeat center;
	background-size: cover;
}

.dogsitter .cover{
	background: url(./img/dogsitter/mv.jpg)no-repeat center;
	background-size: cover;
}

.catsitter .cover{
	background: url(./img/catsitter/mv.jpg)no-repeat center;
	background-size: cover;
}

.littlecritter .cover{
	background: url(./img/littlecritter/mv.jpg)no-repeat center;
	background-size: cover;
}

.bprice .cover{
	background: url(./img/price/mv.jpg)no-repeat center;
	background-size: cover;
}

.about .cover{
	background: url(./img/about/mv.jpg)no-repeat center;
	background-size: cover;
}

.flow .cover{
	background: url(./img/flow/mv.jpg)no-repeat center;
	background-size: cover;
}
.staff .cover{
	background: url(./img/staff/mv.jpg)no-repeat center;
	background-size: cover;
}
.voice .cover{
	background: url(./img/voice/mv.jpg)no-repeat center;
	background-size: cover;
}
.column .cover{
	padding: 0 20px;
	background: url(./img/column/mv.jpg)no-repeat center;
	background-size: cover;
}
.blog .cover{
	background: url(./img/blog/mv.jpg)no-repeat center;
	background-size: cover;
}
.newsa .cover{
	background: url(./img/news/mv.jpg)no-repeat center;
	background-size: cover;
}

.area .cover{
	background: url(./img/area/mv.jpg)no-repeat center;
	background-size: cover;
}

.customer .cover{
	background: url(./img/customer/mv.jpg)no-repeat center;
	background-size: cover;
}


.cover h2,.cover h1,.cover_title{
	font-size:4rem;
}


/*-----------------------------------------------------------
 #main
-----------------------------------------------------------*/

#main {
	width: 100%;
	margin: 110px auto 0;
}

.article #main {
	margin: 80px auto 0;
}
.article #main.area {
	margin: 16px auto 0;
}

.recruit #main{
	overflow:hidden;
}

.inner{
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
}

.inner2{
	width: 95%;
	max-width: 1040px;
	margin: 0 auto;
}

.inner3{
	width: 95%;
	max-width: 880px;
	margin: 0 auto;
}

.inner--860 {
	width: 95%;
	max-width: 860px;
	margin: 0 auto;
}

.mainTit{
	font-size: 4rem;
	text-align: center;
	line-height: 1.1;
	position: relative;
	z-index: 1;
}

.mainTit .mid{
	font-size: 3.2rem;
}

.content01{
	margin: 0 auto 160px;
	text-align: center;
	width: 95%;
}

.content01 .video{
	margin: 20px auto;
}

.video iframe{
	width:100%;
	max-width:960px;
	max-height:540px;
}

.content02{
	padding: 0px 0 180px;
	position:relative;
	z-index: 1;
}

.content02:before,.content02:after{
	position:absolute;
	content:"";
	width:130px;
	height:95px;
	background:url(./img/co23.png)no-repeat;
	z-index: 0;
}

.content02:before{
	right:13%;
	top:0;
}

.content02:after{
	left:10%;
	bottom:120px;
	z-index: -1;
}


.abs1{
	position:absolute;
	display:block;
	width: 110%;
	max-width:2090px;
	height:400px;
	border-radius: 50%;
	left: -5%;
	right: auto;
	top: -120px;
	margin: auto;
	z-index: -1;
}

.abs1.up{
	top: -90px;
}

.abs1.down{
	top:auto;
	bottom:-120px;
}

.content02 .inner2{
	display:flex;
	justify-content: space-between;
	align-items: center;
}

.co1l{
	max-width:480px;
	width:48%;
}

.co1r{
	max-width:430px;
	width:48%;
}

.co1p{
	margin-top:50px;
	font-weight: 500;
}

.abimg{
	position:absolute;
	content:"";
	bottom: 70px;
	right:0;
	z-index: -1;
}

.abs2{
	position:absolute;
	display:flex;
	width: 100%;
	bottom: -1px;
	justify-content: space-between;
}

.abs2l,.abs2r{
	width: 49.9%;
	height:70px;
	background:#F7F3EA;
	margin: auto;
	z-index: 1;
}

.abs2l{
	border-radius: 0 85px 0 0;
}

.abs2r{
	border-radius: 85px 0 0 0;
}

.content03{
	padding: 40px 0 25px;
	position: relative;
	z-index: 1;
}

.content03:before,.content03:after{
	position:absolute;
	content:"";
	width: 43%;
	height:100%;
	z-index: -1;
}

.content03:before{
	background:url(./img/co32.png)no-repeat top right;
	left:0;
	top: -25px;
}

.content03:after{
	background:url(./img/co33.png)no-repeat top left;
	right:0;
	top: 10px;
	width: 44%;
}

.content03 .mainTit{
	display:flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.content03 .mainTit img{
	max-width: 194px;
}

.content03 .mainTit .big{
	font-size:5.6rem;
}

.content03 ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	margin: 0 auto 60px;
}

.content03 li{
	max-width: 580px;
	width: 49%;
	margin-top: 25px;
}

.content03 li .nom{
	font-size: 3.2rem;
	text-align: center;
	line-height: 0.8;
	position: relative;
}

.content03 li .nom:before{
	position:absolute;
	content:"";
	width:83px;
	height:83px;
	background:#669F4F;
	border-radius: 50%;
	z-index: -1;
	left: 0;
	right: 0;
	margin: auto;
	top: -10px;
}

.co3d{
	background:#fff;
	border:4px solid #669F4F;
	padding: 15px 20px;
	min-height: 268px;
	position: relative;
}

.co3tit{
	display:flex;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 20px;
	background-image: linear-gradient(to right, #669F4F 3px, transparent 1px);
	background-size: 13px 3px;
	background-repeat: repeat-x;
	background-position: left bottom;
}

.co3tit h3{
	margin-left:10px;
	font-size: 1.8rem;
}

.co3d:before,.co3d:after{
	position:absolute;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
}

.co3d:before{
	border-width: 21px 21px 0 0;
	border-color: #669F4F transparent transparent transparent;
	left: 0;
	top: 0;
}

.co3d:after{
	border-width: 0 0 21px 21px;
	border-color: transparent transparent #669F4F transparent;
	right: 0;
	bottom: 0;
}

.content04{
	padding: 80px 0 150px;
	position:relative;
	z-index: 1;
}

.abs3{
	position:absolute;
	top:0;
	left:0;
	background-color: #F7F3EA;
	width: 100%;
	height: 167px;
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
	z-index: -1;
}

.ribon{
	background:#F29436;
	font-size:2.4rem;
	font-weight:700;
	width: fit-content;
	margin: 0px auto 20px;
	padding: 12px 20.5px;
	position: relative;
}

.ribon:before,.ribon:after{
	position:absolute;
	content:"";
	width:61px;
	height:65px;
	bottom: -17px;
}

.ribon:before{
	background:url(./img/co4l.png)no-repeat;
	left: -40px;
}

.ribon:after{
	background:url(./img/co4r.png)no-repeat;
	right: -40px;
}

.bgte{
	position: relative;
	padding: 50px;
}

.bgte:before{
	position:absolute;
	content:"";
	background:url(./img/te.png)no-repeat;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 116px;
	height: 94px;
}

.co4p{
	text-align:center;
	font-weight: 500;
	margin: 0 auto 0px;
}

.content04 ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 50px auto;
}


.content04 li{
	max-width:270px;
	width: 24%;
	margin-bottom: 50px;
	text-align: center;
	position: relative;
	margin: 0 0.5% 50px;
}


.content04 li h3{
	font-size:1.6rem;
	padding: 10px 0;
	border-bottom: 4px dotted;
}

.content04 li p{
	font-size:1.4rem;
	padding: 10px 0;
}

.content04:before{
	position:absolute;
	content:"";
	background: url(./img/co42.png)no-repeat center bottom;
	background-size: contain;
	max-width: 1200px;
	width: 95%;
	height: 300px;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -82px;
	z-index: -1;
}

.content05{
	padding: 30px 0 85px;
	position:relative;
	z-index: 1;
}

.content05.areatop {
	padding: 50px 0 122px;
	background-color: #F6F1E8 !important;
}

.undots{
	position:relative;
	padding-bottom: 25px;
	margin-bottom: 20px;
}

.undots:before{
	position:absolute;
	content:"";
	width:26px;
	height:4px;
	background-image: linear-gradient(to right, #fff 3px, transparent 1px);
	background-size: 11px 3px;
	background-repeat: repeat-x;
	background-position: left bottom;
	bottom:0;
	left: 0;
	right: 0;
	margin: auto;
}

.content05 .inner2>p{
	text-align:center;
	font-weight:500;
	color:#704B20;
	margin-bottom:35px;
}

/* .content05 ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
} */

/* .content05 li{
	width: 49%;
	max-width: 500px;
	background: #fff;
	margin-bottom: 40px;
	border-radius: 10px;
	padding-left: 30px;
	display: flex;
	height: 80px;
	align-items: center;
}

.content05 li.sp{
	display:none;
}

.content05 li h3{
	padding-right:20px;
	margin-right: 20px;
	height: 88%;
	display: flex;
	align-items: center;
	border-right: 4px dotted;
	font-size: 1.8rem;
} */

.co5d{
	display:flex;
}

.co5d a{margin-left: 15px;}

.abs4{
	position:absolute;
	width:100%;
	height:102px;
	bottom: -42px;
	background: url(./img/nami.png);
}

.content06{
	padding: 160px 0 60px;
	position:relative;
	z-index: 0;
}

.content06 .mainTit{
	margin:0 auto 30px;
}

.co6d{
	margin: 0px auto 0px;
}

.co6tit{
	height: 78px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.co6tit h3{
	font-size:3.2rem;
	margin-left:10px;
}

.co6main{
	padding:80px;
	margin: 0px auto 80px;
}

.noco6.co6main{
		padding:0px!important;
	margin: 0px!important;
}

.co61{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-bottom: 10px;
}

.co61l{
	width: 35%;
	max-width: 320px;
}

.co61r{
	max-width: 522px;
	width: 64%;
}

.co61l p{
	font-weight:500;
}

.co61l h4{
	font-size:2.4rem;
}

.tag{
	width: fit-content;
	padding: 0 9px;
	height:28px;
	display:flex;
	justify-content: center;
	align-items: center;
	border: 1px solid;
	margin: 5px 0 15px;
}

.ungre{
	position: relative;
}

.ungre:before{
	position:absolute;
	content:"";
	width:100%;
	height:1px;
	background:#669F4F;
	bottom:0;
	left:0;
}

.priced{
	margin-top: 30px;
}

.price{
	display:flex;
	align-items: center;
}

.prip1{
	padding: 0px 13.5px;
	background: #704B20;
	border-radius: 14px;
	font-size: 1.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.prip1.bgor{
	background:#F29436;
}

.co61l .prip2{
	font-size:4rem;
	font-weight:700;
	margin-left: 10px;
}

.co61l .prip2 span{
	font-size:1.6rem;
}

.co61r ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.co61r li{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		width: 24%;
		max-width: 120px;
		min-height: 120px;
		padding: 20px 0;
		margin-bottom: 20px;
		background: #fff;
		border: 1px solid #CCCCCC;
		border-radius: 10px;
		text-align: center;
		font-size: 1.4rem;
		line-height: 1.3;
		font-weight: 700;
		margin: 0 2.5% 20px 0;
}


.co61r li:nth-child(4n+4){
	margin: 0 0 20px 0;
}

.co61r li img{
	margin-bottom:10px;
}

.co62{
	margin-bottom: 10px;
}

.co62 li{
	border-top: 4px dotted #704B20;
	padding: 40px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.co62l{
	display:flex;
	align-items: center;
}

.co62l .tag{
	margin: 0 0 0 10px;
}


.content07{
	position:relative;
	z-index: 0;
	padding: 0 0 180px;
}

.co71{
	background: url(./img/bg7.png)no-repeat center;
	position: relative;
	z-index:1;
	height: 360px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
}

.co71:before{
	position:absolute;
	content:"";
	background:#669F4Fcc;
	width:100%;
	height:100%;
	z-index: -1;
}

.co7ab{
	text-align:center;
	margin-bottom: 25px;
}

.content07 .mainTit{line-height: 1.4;}

.updots span{
	position:relative;
}

.updots span:before{
	position:absolute;
	content:"";
	width: 8px;
	height: 8px;
	background:#FDDD6E;
	border-radius: 50%;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
}

.co72{
	
}

.co72 ul{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 10px;
	flex-wrap: wrap;
}

.co72 .inner2> ul>li{
	background:#fff;
	max-width: 500px;
	width: 49%;
	text-align: center;
	padding: 20px;
	border: 2px solid #669F4F;
	margin-bottom: 20px;
}

.co72 li h3{
	font-size:2.4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px dotted;
}

.co72 li h3 img{
	margin-right:10px;
}

.co72 .co72img{
	margin: auto;
	height: 38px;
}

.co72 li p span{
	font-size:3.2rem;
	font-weight:700;
}

.co72p{
	font-size:1.4rem;
}

.content08{
	margin-top: 20px;
	padding: 180px 0 0;
	background: url(./img/bg8.png)no-repeat top center;
	background-size: contain;
}

.content08 .mainTit{
	position:relative;
	width: fit-content;
	margin: auto;
	/*padding: 50px 100px;*/
	padding: 40px 300px;
}

.content08 .mainTit:after{
	position:absolute;
	content:"";
	width:146px;
	height:112px;
	background: url(./img/co81.png)no-repeat;
	background-size: contain;
	right:0;
	top: -50px;
}


.co8d{
	max-width:373px;
	position: relative;
	margin: 0 auto;
}

.co8d:hover{
	opacity:0.7;
}

.lista{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	left:0;
	top:0;
}

.co8d img{
	display:block;
	margin:auto;
	border:4px solid;
	max-width: 373px;
	max-height: 259px;
	width: 100%;
	height: 93vh;
	object-fit: cover;
}

.co8d h5{
	text-align:center;
	font-size:1.4rem;
	padding:15px 0;
	margin-bottom:15px;
	border-bottom:4px dotted;
}

.content08 ul{
	margin-bottom:30px;
	margin-top: 10px;
}

ul.noslide{max-width: 1200px;margin: 10px auto 30px;flex-wrap: wrap;width: 95%;justify-content: center;}

ul.noslide li{
	width: 32%;
	margin: 0 0.5%;
}

.content09{
	position:relative;
	z-index: 1;
}

.midashi1{
	padding: 14px 48px;
	width:fit-content;
	margin: 0 auto 30px;
	border-radius: 28px;
	position: relative;
}

.midashi1:before{
	position:absolute;
	content:"";
	width:40px;
	height:34px;
	background: url(./img/kadomaru.png)no-repeat;
	bottom: -20px;
	left:0;
	right:0;
	margin:auto;
	z-index: -1;
}

.co9d{
	display:flex;
	justify-content: space-between;
	margin-top: 35px;
}

.co9d>div{
	max-width:580px;
	width:49%;
}

.co9l{
	border-radius:10px 10px 0 0;
	border:4px solid #FDDD6E;
}

.co9l h3{
	background:#FDDD6E;
	font-size:2.4rem;
	text-align:center;
	padding: 11px 0;
}

.co9d1{
	padding:10px;
}

.co9d1 p{
	margin-top:20px;
	margin-bottom:35px;
	text-align: center;
}

.co9d1 ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.co9d1 li{
	margin-bottom:20px;
	width: 31%;
}

.co9r{
	border-radius:10px 10px 0 0;
	border:4px solid #F29436;
}

.co9r h3{
	background:#F29436;
	font-size:2.4rem;
	text-align:center;
	padding: 11px 0;
}

.content10{
	padding: 130px 0 120px;
	position:relative;
	z-index: 0;
	padding: 0 0 120px;
}

.contab{
	display:flex;
	align-items: flex-end;
}

.ctab{
	width: 23%;
	text-align: center;
	padding: 6.5px 0;
	border-radius: 10px 10px 0 0;
	cursor: pointer;
}

.ctab.active{
	width: 31%;
	padding: 10.5px 0;
}


.co10li{
	display:none;
}

.co10li.active{
	display:block;
	background:#fff;
	padding:55px 80px;
}

.co10li:nth-child(1){
	border: 2px solid #669F4F;
}

.co10li:nth-child(2){
	border: 2px solid #f29436;
}

.co10li:nth-child(3){
	border: 2px solid #fddd6e;
}

.co10li:nth-child(4){
	border: 2px solid #704b20;
}

.co10ul2 li{
	padding:35px 0;
	border-bottom:4px dotted;
	position: relative;
	display: flex;
}

.co10ul2 li:hover{
	opacity:0.7;
}

.date{
	font-size:1.4rem;
	margin-right:20px;
}

.content11{
	padding: 0px 0 140px;
	position:relative;
	z-index: 0;
}

.content11 ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 10px;
}

.content11 li{
	max-width: 270px;
	width: 24%;
	margin-bottom: 40px;
}


.contact-area h2{
	width: 95%;
	font-size: 3.2rem;
	max-width: 880px;
	margin: auto;
	text-align: center;
	border-radius: 10px 10px 0 0;
	z-index: 1;
	position: relative;
	padding-top: 20px;
}

.card{
	padding:30px 0 60px;
	position: relative;
	z-index: 1;
}

.cardp{
	font-size:1.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 4px dotted;
	border-bottom: 4px dotted;
	padding: 15px 0;
	margin-bottom: 30px;
}

.cardp .big{
	font-size:3.2rem;
	margin-left:20px;
}

.card1{
	display:flex;
	justify-content: space-between;
	width: 100%;
}

.card1l{
	max-width:420px;
	width: 49%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.card1l .btn{
	max-width:420px;
}


.card1r{
	/* max-width:420px; */
	width:100%;
}

.card1rp{
	font-size:1.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.card1r .card1l{
	margin:20px auto 0;
}

.card1rp .big{
	font-size:3.2rem;
	line-height: 1.2;
	margin-top: 10px;
	font-weight: 700;
}

.card1rp .small{
	font-size:1.2rem;
}

.card1rp2{
	border:1px solid;
	text-align: center;
	padding: 8.21px 0;
	font-size: 1.4rem;
	margin-top: 15px;
}

/*▼20240703 KVのABテスト用*/
	.kv_bottom{
		margin: -30px auto 0;
		padding:35px 10px 20px 26px;
		width: 95.8%;
		height: auto;
		max-width: 1120px;
		background-color:#5E9C4A;
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
	}
	.kv_bottom_btn img{
		max-width:324px;
		width: 96%;
	}
	.kv_bottom div:nth-child(-n+2){
	  margin-right: 10px;
	}
	.kv_bottom div a{
		height: 10.339vw;
		width: 25.99vw;
		max-width: 324px;
		max-height:127px;
		display: block;
	}

	.kv_bottom div a img{
		width: auto;
        max-width: 100%;
        height: 100%;
	}
	@media screen and (max-width: 960px){
		.kv_bottom{
			width: 95%;
		}
	}
	@media screen and (max-width: 820px){
		.kv_bottom{
			width: 94.9%;
		}
	}
	@media screen and (max-width: 768px){
		.kv_bottom{
			width: 100%;
		}
		.kv_bottom div a{
			height: 23.339vw;
			width: 25.99vw;
			max-width: unset;
    		max-height: unset;
		}
	}
	@media screen and (max-width: 640px){
		.kv_bottom{
			padding:35px 3% 20px 5%;
		}
		.kv_bottom div:nth-child(-n+2){
	  		margin-right:5px;
		}
		.kv_bottom div a{
			height: 26.6vw;
    		width: 30.25vw;
			display: block;
		}
	}
/*▲20240703 KVのABテスト用*/

/*-----------------------------------------------------------
 footer
-----------------------------------------------------------*/

.course footer,.recruit footer{
	background:#704B20;
}

.course .ftd2,.recruit .ftd2{
	color:#fff!important;
}

.course .ftd2 a,.recruit .ftd2 a{
	color:#fff!important;
}


.course .ftdr a,.recruit .ftdr a{
	color:#fff!important;
}

.course .ftsns .btn,.recruit .ftsns .btn{
	border:none;
}

footer {
	margin: 50px auto 0;
	padding: 30px 0 0;
}

footer .logo {
	width: 255px;
}

footer .inner {
	padding: 0 0 50px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.ftdl{
	max-width:531px;
	width:48%;
}

.ftd1{
	display:flex;
	max-width: 370px;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 30px;
}

.ftsns{
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.ftsns .btn{
	max-width:260px;
	font-size:1.4rem;
	height: 56px;
}

.ftsns .btn img{
	width:20px;
	margin-right: 5px;
}

.ftd2 p{
	font-size:1.4rem;	
}

.ftd2 p .big{
	font-size:3.2rem;
	line-height: 1.2;
	margin-top: 10px;
}

.ftd2 p .small{
	font-size:1.2rem;	
}

.ftdr{
	max-width:490px;
	width:48%;
}

.ftdrli{
	display:flex;
	width:100%;
	justify-content: space-between;
	font-size: 1.4rem;
}

.ftdr>ul{
	display:flex;
	font-size:1.2rem;
	margin-top:80px;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.ftdr>ul li{
	padding-right: 2.3%;
	border-right: 1px solid;
	margin-right: 2.3%;
	margin-top: 2.3%;
}

.ftdr>ul li:last-child{
	border:none;
}

.ftdr1{
	width:100%;
	max-width:100%;
}

.ftdr1>ul{
	margin-top:0;
	justify-content: center;
}

@media screen and (max-width: 1000px){
	.ftdr1{
		width:100%!important;
		max-width:100%!important;
	}
}

@media screen and (max-width: 768px){
	.ftdr>ul{
		max-width: 100%;
		flex-direction: column;
		align-items: center;
	}
	.ftdr>ul li{
		width: 100%;
	}
}

.copyright {
	background: #F7F3EA;
	text-align: center;
	padding: 21px 0;
	font-size: 1.2rem;
}

.side_btn{
	position:fixed;
	right:0;
	bottom: 200px;
	z-index: 999;
}

.sided{
	display:flex;
	flex-direction: column;
}


/* 全ページ共通クラス
----------------------------------------------------------- */

/*--- パンくず ---*/

.pankuzu {
    width: 95%;
    margin: 0 auto;
    font-size: 12px;
    padding: 16px 0 0;
    max-width: 1200px;
}

.pankuzu li {
    margin: 0 0 0 10px;
    display: inline;
}

.pankuzu li:first-child {
    margin: 0;
}

.pankuzu li a {
    margin: 0 10px 0 0;
}

.pankuzu li a:hover {
    color: #0071BC;
}


/*--- ページトップ ---*/
#pageTop {
	position: fixed;
	bottom: 60px;
	right: 5px;
	z-index: 9999;
	background: #f7f3ea;
	border: 1px solid;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	display: flex!important;
	align-items: center;
	justify-content: center;
}


/* -- お問い合わせ -- */

input {
	vertical-align: middle;
}

.btnBox1 {
	text-align: center;
}

.contact_cf .clearForm,.contact_cf .clearForm2 {
	padding: 10px 5px;
}

.choose_list1 > li {
	width: 200px;
	margin: 0 0 0 10px;
	float: left;
}

.choose_list1 > li:first-child {
	margin: 0;
}

.choose_list1 {
	width: 410px;
	margin: 20px auto;
}

.contact_tb td span {
	margin: 9px 10px 0 0;
	display: block;
}

.mw_wp_form .horizontal-item + .horizontal-item {
	margin: 9px 10px 0 0px;
}

.check .horizontal-item + .horizontal-item {
	margin: 9px 0 0;
}

.contact_tb .mwform-radio-field-text{
	display: initial;
	margin: 0;
}

.clearForm,
.clearForm2,
.toHome {
	max-width: 385px;
	width: 95%;
	height: 74px;
	cursor: pointer;
	outline: 0;
	background: #704B20;
	color: #fff !important;
	border: none;
	transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	border-radius: 37px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px auto 0;
	font-size: 1.8rem;
	font-weight: 700;
}

.clearForm:hover,
.clearForm2:hover,
.toHome:hover {
	color: #FFF;
	opacity: 0.7;
}

.toHome {
	margin: 50px auto 100px !important;
	text-decoration: none;
	display: flex;
	text-align: center;
}

#name, #post, #mail, #mail_confirm, textarea, #url, #kana, #tel, #msg,#msg1,#msg2,#ques{
	width: 100%;
}

#msg,#msg1,#msg2,#ques{
	height: 170px;
}

#zip1, #zip2 {
	width: 150px;
}

#city, #pref, #add {
	width: 580px;
	margin: 2px 0 0 10px;
}

#add {
    margin: 2px 0 0 40px;
}

textarea {
	width: 90%;
	padding: 10px 5px;
}

input,
textarea,
button,
select,
option {
	outline: none;
}

input#privacy{
	border:1px solid #704B20;
	background:#F7F3EA;
}

input[type="text"] {
	height: 40px;
	padding: 5px;
	width: 100%;
}

input[type="text"],
textarea,
select,
option {
	border: 1px solid #CCC;
	height: 40px;
}

.smalltext{
	width:100px!important;
}

input[name=kind]::placeholder{
	font-size:1.2rem;
}

#many{
	height: 80px;
	width: 100%;
}

input[type="text"].hasDatepicker{
	width: 47%;
}

.confl > input[type="text"].hasDatepicker{
	width: 57%;
}


input[type="date"]{
	height:40px;
	border: 1px solid #CCC;
	font-weight:500;
	max-width: 185px;
	width: 60%;
}

select{
	max-width:140px;
	width: 100%;
}

#sdate{
	max-width:270px;
	width:40%;
}

.select1{
	margin-left: 1%;
	width: 25%;
}

#station{
	max-width:190px;
}

#station2{
	max-width:120px;
	/* margin-left: 85px; */
}

.checkd{
	display:flex;
}

.check{
	margin-right:10px;
}

.contact_tb .mwform-checkbox-field-text{
	display: initial;
	margin: 0;
}

.checkd2{
	display:flex;
	flex-wrap:wrap;
	max-width:440px;
	width:100%;
	justify-content: space-between;
}

.check3{
	width:48%;
	max-width: 200px;
	text-align: right;
	margin-bottom: 20px;
}

::placeholder{
	color:#CCCCCC;
	font-size:1.5rem;
}

input[type="checkbox"]{
	width: 20px;
	height: 20px;
}

.check.plan .mwform-checkbox-field.horizontal-item:nth-child(6){
	position:relative;
	padding-bottom:20px;
}

.check.plan .mwform-checkbox-field.horizontal-item:nth-child(6):before{
	position:absolute;
	content:"※エリアによって利用できない場合があります。";
	bottom:0;
	left:30px;
	font-size: 1.4rem;
}


button {
	border: none;
	outline: none;
	background: none;
}

.form_notice1 {
	font-size: 85.714%;
	display: block;
	margin: 5px 0 0;
}

.form_notice2 {
	font-size: 87.5%;
}

.modification_wrap {
	overflow: hidden;
}

.modification {
	width: 221px;
	float: left;
	margin: 0 0 0 246px;
}

.send_bt {
	width: 221px;
	float: right;
	margin: 0 245px 0 0;
}

.error_style {
	color: #FF0000;
	display: block;
	margin: 8px 0 0;
}

.contact_tb {
	width: 100%;
	margin: 55px auto;
	border-bottom: 4px solid #669F4F;
	border-top: 4px solid #669F4F;
}

.contact_tb th {
	width: 330px;
	text-align: left;
	position: relative;
	line-height: 1.4;
}

.contact_tb th, .contact_tb td {
	padding: 40px 10px 40px 0px;
	font-size: 1.6rem;
	border-bottom: 1px dotted #669F4F;
	position: relative;
}

.hopediv{
	margin-bottom:30px;
}

.equal{
	display:flex;
	align-items: center;
}

.equal .male{
	margin-left:10px;
}

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

.contact_tb .equal span{
	margin-top: 0!important;
}

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

.contact_tb th em {
	background: #F29436;
	color: #FFFFFF;
	padding: 2px 5px;
	margin-left: 5px;
	right: 10px;
	font-size: 85.714%;
}

.contact_tb .small{
	font-size:1.4rem;
	margin-top: 15px;
}

.conteBox{
	margin-bottom:120px;
}

.conteBox>p{
	font-size:2.4rem;
	font-weight:700;
	position:relative;
	width: fit-content;
	margin: auto;
	padding: 0 35px;
}

.check2{
	display:flex;
	align-items: center;
	justify-content: center;
}

.check2 a{
	color: #f29436;
	text-decoration: underline;
}

.vtop{
	vertical-align: top;
}

.confl{
	display:flex;
	align-items: center;
	flex-wrap: wrap;
}

.confl .meetp{
	width:100%;
}

.datediv{
	width: 49%;
	display: flex;
	align-items: center;
}

.datediv.datediv2{
	width: 100%;
}

.datedivp{
	width:2%;
	text-align:center;
}

.matop{
	margin-top:15px;
}

.maright{
	margin-right:20px;
}

.radiod2{
	display:flex;
}

/*-- エラーチェック --*/

.formError {
	top: 20px !important;
	left: 40px !important;
}

.zip2formError {
	left: 220px !important;
}

.prefformError, .cityformError, .addformError {
	top: 0 !important;
	left: 80px !important;
}

.zip1 label {
	position: relative;
}


/*-- 送信前ダイアログ --*/

.ui-dialog {
    margin: auto;
    position: absolute;
    left: 0 !important;
    right: 0 !important;
}

.ui-corner-all.ui-button-text-only:focus {
	color: #737373;
    background: #fff;
    outline: none;
    border-color: #ccc;
}

.ui-corner-all.ui-button-text-only:hover {
    color: #fff;
    background: #555;
    outline: none;
    border-color: #ccc;
    transition: .3s;
}

.ui-widget-header {
    background: #609B47 !important;
    border-color: #609B47 !important;
}

.ui-dialog .ui-dialog-content,
.ui-button-text-only .ui-button-text {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif !important;
	/* background: #DDD; */
}


/* TOP
----------------------------------------------------------- */

/*-- メインヴィジュアル スライダー --*/

.bx-wrapper {
	margin: 0 0 20px !important;
	position: relative;
}

.bx-controls-direction {
	width: 100%;
	position: absolute;
	top: 50%;
}

.bx-controls-direction a {
	width: 32px;
	height: 32px;
	margin: -16px 0 0;
	position: absolute;
	top: 50%;
	z-index: 9999;
	outline: 0;
	text-indent: -9999px;
}

.bx-prev {
	left: 1% !important;
	background: url(././img/prev.png) no-repeat 0 0;
	background-size: contain;
}

.bx-next {
	right: 1% !important;
	background: url(././img/next.png) no-repeat 100% 0;
	background-size: contain;
}


/*-- スクロールバーデザイン --*/

.scroll-pane {
	width: 100% !important;
	height: 300px; /*箱の高さ*/
	margin: 40px auto 0;
	overflow-y: auto;
}

.scroll-pane:focus {
	outline: none;
}

.jspContainer {
	width: 100% !important;
	overflow: hidden;
	position: relative;
}

.jspPane {
	width: 100% !important;
	position: absolute;
}

.jspVerticalBar {
	width: 20px;
	position: absolute;
	top: 0;
	right: -5px;
}

.jspArrowUp, .jspArrowDown {
	margin : 0;
	padding: 0;
	display: block;
	cursor : pointer;
	/* background: url(./img/scroll_top.png) no-repeat center; */
}

.jspArrowDown {
	background: url(./img/scroll_bottom.png) no-repeat center;
}

.jspTrack {
	/* background: url(././img/scroll_bg1.png) repeat-y; */
	position: relative;
	background-position: center;
}

.jspDrag {
	width: 4px;
	margin: 0 auto;
	background: #6b6b6b;
	position: relative;
	cursor: pointer;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.jspArrow.jspDisabled {
	cursor: default;
}

.jspVerticalBar .jspArrow {
	height: 20px;
}

.jspVerticalBar .jspArrow:focus {
	outline: none;
}


/* 新着情報
----------------------------------------------------------- */

.news li {
	/* width: 660px; */
	margin: 0;
}

.news dl {
	width: 98%;
	padding: 30px 5px 30px;
	border-top: 1px solid #555;
	display: flex;
}

.news dt{
	min-width: 100px;
	margin: 0 20px 0 0;
}

.news li:first-child dl {
	border-top: none;
}


/*-----------------------------------------------------------
 中ページ
-----------------------------------------------------------*/

.leadTxt {
	margin: 30px auto 0;
	padding: 20px;
	background: #ccc;
}

/* よくある質問
----------------------------------------------------------- */
.faq01{
	margin: 0 0 150px 0;
}

.faq01 dl span{
	margin: 0 1.4% 0 0px;
	font-size: 2.4rem;
	font-weight: 500;
}

.faq01 ul .white{
	border-radius: 21px;
	width: 38px;
	text-align:center;
}

.b-b{
	border-radius: 21px;
	/* width: 38px; */
	text-align:center;
	margin: 0 5px 0 0!important;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.3;
	}

.faq01 dt,.faq01 dd{
	display: flex;
	align-items: center;
	border-radius: 10px;
}

.faq01 li:first-child{
	border-top:5px solid #669F4F;
}

.faq01 li{
	border-bottom:5px solid #669F4F;
}

.faq01 dt{
	font-size: 1.6rem;
	color: #669F4F;
	width: 100%;
	padding: 20px 0 23px 4%;
	position: relative;
	font-weight: 700;
	transition: .2s;
	background-size: 13px 3px;
	background-repeat: repeat-x;
	background-position: left bottom;
}

.faq01 .open dt {
	border-radius: 10px 10px 0 0;
	background-image: linear-gradient(to right, #669F4F 3px, transparent 0px);
}

.faq01 dt p{
	width: 82%;
	font-size: 1.6rem;
}

.faq01 dt .pulu{
	position: absolute;
	right: 5px;
}

.faq01 dt .pulu span{
	width: 24px;
	background: #669F4F;
	height: 4px;
	display: block;
	position: absolute;
	right: 30px;
	transition: .2s;
}

.faq01 .open dt .pulu span {
	transform: rotate(180deg);
}

.faq01 .open .pulu span + span{transform: rotate(0deg);}

.faq01 .pulu span + span{transform: rotate(90deg);}

.faq01 dd {
	align-items: flex-start;
	padding: 25px 4% 25px 4%;
	border-radius: 0 0 10px 10px;
}

.faq01 dd p{
	width: 92%;
	font-size: 16px;
	margin: 0px 0 0 16px;
}



/* ご予約・お問い合わせ
----------------------------------------------------------- */
.customer01 .inner{
	max-width: 880px;
	margin: 0 auto 71px;
}

.customer01 h2{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 4rem;
	margin: 0 0 15px 0;
}

.customer01 .inner > .txt{
	background: #fff;
	padding: 3%;
	line-height: 2;
}

.customer01 .bor{
	text-decoration: underline;
}

.customer01 .ore{
	color:#F29436;
}

.customer01 ul{
	margin: 50px 0 0 0;
}

.customer01 li{
	border-bottom: 2px dotted;
	padding: 0 0 30px 0;
	margin: 0 0 30px 0;
}

.customer01 dl{
	display: flex;
	justify-content: space-between;
}

.customer01 dt{
	width: 42%;
	font-size: 2.4rem;
	background: url(./img/customer/customer01_deco.png) 0% 3%;
	background-repeat: no-repeat;
	padding: 0 0 0 50px;
}

.customer01 dd{
	width: 55%;
	max-width: 400px;
}

.customer01 dd a{
	margin: 0 0 7px auto;
	display: block;
	max-width: 400px;
}

.customer01 dd .telBox{
	border: 1px solid;
	font-size: 1.3rem;
	text-align: center;
	padding: 1.5%;
}

.customer01 dd .tel span{
	margin: 6px 0 12px;
	display: block;
	font-size: 1.4rem;
}


/* スタッフ紹介
----------------------------------------------------------- */
.modalArea p{
	text-align: center;
	margin: 0 0 25px 0;
}

.wrap{
    width: 90%;
    padding: 0;
    border: 1px solid #ccc;
    max-width: 385px;
    margin: 0 auto;
    background: #fff;
    position: relative;
}
h3.open_h3{
    cursor: pointer;
    margin: 0;
    padding: 10px 5%;
    position: relative;
}
.open_h3:after, 
.open_h3.active:after {
    font-size: 22px;
    margin-left: 20px;
}
.open_h3.active::after {
    content: "▲";
    position: absolute;
    right: 2%;
    top: 0;
}
.open_h3::after {
    content: "▼";
	    position: absolute;
    right: 2%;
    top: 0;
}
.info{
    font-size: 13px;
}
.tiho{
	border-top: 1px solid #ccc;
}

.city{
	color: #669F4F;
	border-top: 1px solid #ccc;
}

.town li{
	border-top: 1px solid #ccc;
	padding: 10px 5%;
}


.staff01{
	margin: 80px auto;
}

.staff01 ul{
	margin-bottom: 110px;
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	gap: 56px 1.8893333333%;
}

.staff01 li{
	/* width: 44%; */
	width: 32.2393822394%;
	/* margin: 0 3% 80px; */
	font-size: 1.4rem;
}

.staff01 li .box{
	/* display: flex; */
	position: relative;
}

.staff01 li .box h2{
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.35;
}

.staff01 li .box .img{
	/* width: 47%; */
	/* margin: 0 3% 0 0; */
	margin-bottom: 15px;
	aspect-ratio: 283 / 250;
	overflow: hidden;
}

.staff01 li .box .img img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

/* .staff01 li .box dl{
	width: 50%;
} */

/* .staff01 li .box dt{
	color:#669F4F;
	font-size: 1.6rem;
	margin: 0 0 10px 0;
} */

/* .staff01 li .box h4{
	font-size: 1.2rem;
	border-left: 3px solid;
	padding: 0 0 0 10px;
	line-height: 1.2;
	margin: 0 0 6px 0;
} */

.staff01 li .txt{
	/* margin: 20px 0 0 0; */
	margin: 3px 0 0 0;
	font-weight: 400;
	line-height: 1.35;
}

/* .staff01 li dd div{
	margin: 15px 0 0 0;
} */

.staff01 li .user {
	width: calc(100% - 40px);
	margin-top: 13px;
	font-size: 1.3rem;
	line-height: 1.38;
	color: #5A944D;
}

.staff01 li .pet {
	border: 1px solid #5A944D;
	border-radius: 4px;
	max-width: calc(100% - 40px);
	width: fit-content;
	padding: 4px 11px;
	margin-top: 4px;
	font-size: 1.3rem;
	line-height: 1.2;
	color: #5A944D;
	background-color: #fff;
}

.staff01 li .arrow {
	width: 29px;
	height: 29px;
	bottom: 0;
	right: 0;
	border-radius: 50%;
	background: #5A944D;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
}

/* ペットシッターのご紹介個別
.p-staffProfile {
	display: flex;
	justify-content: space-between;
}

.p-staffProfile__image {
	width: 43.3720930233%;
}

.p-staffProfile__content {
	width: 52.6744186047%;
}
.p-staffProfile__name {
	margin-bottom: 15px;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.375;
	color: #5A944D;
}
.p-staffProfile__type {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	gap: 12px;
}
.p-staffProfile__label {
	border: 1px solid #704B20;
	padding: 4px 8px;
	font-size: 1.4rem;
}
.p-staffProfile__area {
	margin-bottom: 20px;
	line-height: 1.4875;
}
.p-staffProfile__area>p {
	font-weight: 700;
}
.p-staffProfile__city {
	display: flex;
	flex-wrap: wrap;
	font-size: 1.4rem;
}

.p-staffProfile__city>li:not(:first-child)::before {
	content: ",";
	display: inline-block;
}

.p-staffProfile__comment {
	border-radius: 10px;
	padding: 17px 25px;
	font-weight: 700;
	background-color: #fff;
}

.p-staffProfile__list {
	margin-top: 35px;
	display: flex;
	flex-wrap: wrap;
	gap: 14px 16px;
}

.p-staffProfileItem {
	width: calc(50% - 8px);
	padding: 10px 15px;
	border: 1px solid #704B20;
}

.p-staffProfileItem__title {
	margin-bottom: 4px;
	font-weight: 700;
	line-height: 1.4875;
	color: #5A944D;
	display: flex;
	align-items: center;
	gap: 8px;
}
.p-staffProfileItem__title::before {
	content: "";
	width: 3px;
	height: 14px;
	background-color: #5A944D;
	display: block;
}

.p-staffProfileItem__list {
	font-weight: 700;
	line-height: 1.4875;
} */


/* pager  */
.pager{
	display: flex;
	justify-content: center;
}

.pager .pagination {
  text-align: center;
  flex-direction: row;
}

.pager .pagination .pre{
	margin: 0 35px 0 0;
}

.pager .pagination .next{
	margin: 0 0 0 35px;
}

.pager .pagination li {
  display: inline;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  background: #fff;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
  border-radius: 7px;
  border: 1px solid #669F4F;
}


.pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  color: #669F4F;
  text-decoration: none;
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
  color: #fff;
  background: #669F4F;
  border-radius: 5px;
}

.pager .pagination-list {display: flex;width: 100%;justify-content: center;}

.pager .pagination-list .prev{
	margin: 0 3% 0 0!important;
}

.pager .pagination-list .next{
	margin: 0 0 0 3%!important;
}

.pager .pagination-list .page-numbers {
  margin: 0 0.5%;
  padding: 0;
  background: #fff;
  width: 50px;
  height: 50px;
  border-radius: 7px;
  border: 1px solid #669F4F;
	  text-align: center;
  color: #669F4F;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pager .pagination-list .page-numbers:hover,
.pager .pagination-list .page-numbers.current{
  color: #fff;
  background: #669F4F;
  border-radius: 5px;
}

.pager .pagination-list .page-numbers.dots{
	display:none;
}



/* お客様の声
----------------------------------------------------------- */
.voice01 ul {
	gap: 85px 1.6409266409%;
	margin-bottom: 125px;
}

.voice01 dt span{
	display: block;
	color:#669F4F;
}

.staff01.voice01 .box dt{
	color:#704B20;
}

.voice01 li{
	position: relative;
	transition: .5s;
}

.voice01 li:hover{
	opacity: .5;
}

.voice01 li a{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top:0;
}
.voiceDet01{
	margin: 0 0 80px 0;
}

.voice01 .inner {
	max-width: 1040px;
}

.voice01 ul {
	gap: 85px 1.8269230769%;
}
.voice01 li {
	width: 32.1153846154%;
}

.voice01 li .box .img {
	aspect-ratio: 334 / 206;
}

.voice01 li .box .img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.voice01 li .box .txt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}


.voiceDet01 .tit{
		border-bottom: 4px dotted #669F4F;
		padding: 0 0 20px 0;
}

.voiceDet01 .tit span{
	color:#669F4F;
}

.voiceDet01 .tit h3,.colum_title{
	font-size: 2.5rem;
}

.voiceDet01 .cate{
	margin: 45px 0 30px 0;
	display: flex;
	justify-content: space-between;
	/* gap: 4.186%; */
}

.cateContent {
	/* width: 49.8837209302%; */
	width: 54.07%;
}

.cateTitle {
	margin-bottom: 8px;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.375;
	letter-spacing: 0;
	color: #5A944D;
}

.voiceDet01 .cate .cateImg {
	width: 41.744%;
	aspect-ratio: 359 / 247;
	overflow: hidden;
}

.voiceDet01 .cate .cateImg img {
	width: 100%;
	height: auto;
}

/* .voiceDet01 .cate ul{
	display: flex;
} */

.voiceDet01 .cate li{
	display: flex;
	/* margin: 0 40px 0 0; */
	align-items: center;
}

.voiceDet01 li .cateTit{
		border: 1px solid;
		padding: 2px 0;
		min-width: 97px;
		font-size: 1.4rem;
		line-height: 1.2;
		text-align: center;
		/* border-radius: 5px; */
		margin: 0 5px 0 0;
}

/* .voiceDet01 li:nth-of-type(2) .cateTit{
	background:#669F4F;
	color: #fff;
	border: 1px solid #669F4F;
} */

/* .voiceDet01 li:nth-of-type(3) .cateTit{
	background:#fff;
	color: #669F4F;
	border: 1px solid #669F4F;
} */
.voiceDet01 .Kiji .txt{
	margin: 40px 0 60px;
}

.voiceDet01 .Kiji .table{
	width: 100%;
}

.voiceDet01 .Kiji th,.voiceDet01 .Kiji td{
	border-bottom: 1px solid #669F4F;
}

.voiceDet01 .Kiji th{
	color: #669F4F;
	text-align: left;
	font-weight: 500;
	width: 35%;
}

.voiceDet01 .Kiji td{
	color: #704B20;
	text-align: right;
	width: 65%;
	padding: 27px 0;
}

.voiceDet01 .dlArea dd{
	margin: 0 0 35px 0;
}

.voiceDet01 .dlArea dt{
	color: #669F4F;
	font-size: 1.8rem;
	border-left: 8px solid;
	padding: 0 0 0 18px;
	line-height: 2;
	margin: 0 0 12px 0;
}

/* コラム
----------------------------------------------------------- */
.col01 .inner{
	display: flex;
	justify-content: space-between;
	margin-bottom: 100px;
}

.col01 .left{
	width: 70%;
}

.col01 .colList > ul{
	display: flex;
	flex-wrap: wrap;
}

.col01 .colList > ul li{
	width: 30%;
	margin: 0 1.6% 40px;
	position: relative;
}

.col01 .colList > ul li:hover{
	opacity:0.7;
}

.col01 .colList .cate{
	background: #fff;
	color: #669F4F;
	border: 1px solid;
	display: inline-block;
	padding: 2px 8px;
	margin: 13px 0 10px 0;
	font-size: 1.4rem;
}

.col01 .colList > ul li span{
	display: block;
	color: #669F4F;
}

.col01 .right{
	width: 25%;
}

.col01 .right p{
	background: url(./img/column/cate_aicon.png) 4% 50% no-repeat #704B20;
	color: #fff;
	font-weight: 500;
	padding: 8px 5% 8px 13%;
	border-radius: 5px;
	margin: 0 0 10px 0;
}

.col01 .right .kijiCate p{
	background: url(./img/column/kiji_aicon.png) 5% 50% no-repeat #704B20;
}

.col01 .right .cate{
	margin: 0 0 40px 0;
}

.col01 .right .cate a{
	display: block;
}

.col01 .kijiCate li{
	display: flex;
	justify-content: space-between;
	margin: 0 0 22px 0;
	position: relative;
}
.col01 .kijiCate li:hover{
	opacity: .5;
}

.col01 .kijiCate li a{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.col01 .kijiCate span{
	background: #fff;
	color: #669F4F;
	border: 1px solid;
	display: inline-block;
	padding: 2px 8px;
	font-size: 1rem;
	position: absolute;
	right: 0;
}

.col01 .kijiCate .imgArea{
		position: relative;
		width: 50%;
}

.col01 .kijiCate .imgArea .img{
	height: 120px;
	overflow: hidden;
	display: flex;
	align-items: flex-start;
}

.col01 .kijiCate .txt{
		width: 47%;
		font-size: 1.4rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
		height: 100px;
}

.colDet01 .colArea{
	display: flex;
	justify-content: space-between;
}

.colDet01 .colArea .left{
	width: 69%;
}

.voiceDet01 .voiceThoughts {
	border-radius: 10px;
	padding: 30px 4.2857142857% 20px;
	margin-bottom: 35px;
	color: #704B20;
	background-color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.4875;
	letter-spacing: 0;
}

.colDet01 .colArea .mainKiji{
	margin: 30px 0 0 0;
}

.colDet01 .colArea .col01{
	width: 25%;
}

.colDet01 .colArea .col01 .right{
	width: 100%;
}

.deat p{
	background: #fff;
	color: #669F4F;
	border: 1px solid;
	display: inline-block;
	padding: 2px 8px;
	font-size: 1.4rem;
	margin: 0 15px 15px 0;
}

#ez-toc-container{
	margin: 20px 0;
}

.mainKiji h1{
	font-size:2.5rem;
}

.mainKiji h2{
	font-size:2.2rem;
	line-height: 160%;
	margin: 20px auto 20px;
}

.mainKiji h3{
	font-size:2rem;
	line-height: 160%;
}

.mainKiji h4,.mainKiji h5,.mainKiji h6{
	font-size:1.8rem;
	line-height: 160%;
}

.mainKiji img{
	margin:20px 0;
}

.mainKiji p{
	line-height: 2;
    margin: 0 0 2em 0;
}

/* サイトマップ
----------------------------------------------------------- */
.sitemap01 .inner{
	display: flex;
	justify-content: space-between;
}

.sitemap01 .inner{
	background: url(./img/co42.png) bottom center no-repeat;
	background-size: contain;
	padding: 0 0 250px 0;
	background-position-y: 129%;
}

.sitemap01 .left{
	display: flex;
	justify-content: space-between;
	width: 38%;
	font-size: 1.6rem;
}

.sitemap01 .right{
	display: flex;
	justify-content: space-between;
	width: 62%;
	font-size: 1.6rem;
}

.sitemap01 .left ul{
	width: 50%;
}

.sitemap01 .right ul{
	width: fit-content;
}

.sitemap01 li{
	margin: 0 0 15px 0;
}
.sitemap02{
	background: #669F4F;
	padding: 30px 0 80px;
}

.sitemap02 h2{
	text-align: center;
	font-size: 4rem;
	color: #fff;
	margin: 0 0 30px 0;
}

.sitemap02 .inner{
	background: #fff;
	padding: 2% 5%;
	border-radius: 10px;
}

.sitemap02 dl{
	display: flex;
	align-items: baseline;
}

.sitemap02 dt{
	color:#669F4F;
	border-left: 3px solid;
	line-height: 2.5;
	padding: 0 16px 0 13px;
	width: 11%;
}

.sitemap02 dd{
	width:88%;
}

.sitemap02 dd a{
	line-height: 2.5;
	margin: 0 25px 0 0;
	display: inline-block;
}

.sitemap02 dd span{
	line-height: 2.5;
	margin: 0 25px 0 0;
	display: inline-block;
}

.sitemap02 dd a:first-child{
}

.sitemap02 li{
	border-top: 1px dotted #669F4F;
	padding: 25px 0;
}

.sitemap02 li:first-child{
	border: none;
}

.sitemap .contact-area{
	background: #669F4F;
}

/* プライバシーポリシー
----------------------------------------------------------- */

.privacy01 h2{
	font-size: 3rem;
	color:#669F4F;
}

.privacy01 .leadBox{
	background: #fff;
	padding: 2%;
}


.privacy01 dl {
	margin: 30px 0 0;
}

.privacy01 dt {
	margin: 20px 0 0;
	padding: 0 5px;
	display: inline-block;
	font-weight: bold;
	border-bottom: 1px solid #669F4F;
	font-size: 2.4rem;
	color: #669F4F;
	display: block;
	border-left: 5px solid;
}

.privacy01 dt:first-child {
	margin: 0;
}

.privacy01 dd {
	font-size: 1.6rem;
	margin: 10px 0 51px;
}

.privacy01 .info{
	margin: 20px 0 100px 0;
}

.adprp{
	text-align:right;
	font-size:1.4rem;
}


/* 会社概要
----------------------------------------------------------- */

.company table {
	width: 1000px;
	margin: 30px auto 0;
}

.company th {
	width: 170px;
	padding: 10px 10px 10px 20px;
	border-bottom: 1px solid #fff;
}

.company td {
	width: 470px;
	padding: 10px 10px 10px 20px;
	border-bottom: 1px solid #fff;
}

.company iframe {
	width: 1000px;
	height: 280px;
	margin: 30px auto 0;
}

/* dogsitter */

.dogsitter #main {
	margin: 50px auto 0;
}

.sitter1{
	position: relative;
	padding-bottom: 140px;
}


.sidebar{
	position:relative;
	padding:0 35px;
	width:fit-content;
	margin:auto;
	font-size:2.4rem;
	font-weight:700;
}

.sidebar:before,.sidebar:after{
	position:absolute;
	content:"";
	width:24px;
	height:4px;
	background:#704B20;
	top:0;
	bottom:0;
	margin:auto;
}

.sidebar:before{
	left:0;
}

.sidebar:after{
	right:0;
}

.sitter1 h2{
	font-size:3.2rem;
	text-align:center;
}

.updots.green span:before{
	background: #669F4F;
	top: -3px;
}

.content03.sitter2 ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	margin: 0 auto 45px;
}

.content03.sitter2 li{
	max-width: 270px;
	width: 23%;
	margin-top: 25px;
}


.sitter2 .co3d{
	padding: 22px 25px;
	min-height: 134px;
	text-align: center;
	font-size: 1.8rem;
}


.dogsitter .content03:before,.dogsitter2 .content03:after{
	position:absolute;
	content:"";
	width: 40%;
	height:100%;
	z-index: -1;
}

.dogsitter .content03:before{
	background:url(./img/dogsitter/co22.svg)no-repeat top right;
	left:0;
	top: -45px;
}

.dogsitter .content03:after{
	background:url(./img/dogsitter/co21.svg)no-repeat top left;
	right:0;
	top: -30px;
	width: 41%;
}

.catsitter .content03:before,.catsitter .content03:after{
	position:absolute;
	content:"";
	width: 41%;
	height:100%;
	z-index: -1;
}

.catsitter .content03:before{
	background:url(./img/catsitter/co22.svg)no-repeat top right;
	left:0;
	top: 10px;
}

.catsitter .content03:after{
	background:url(./img/catsitter/co21.svg)no-repeat top left;
	right:0;
	top: -65px;
	width: 42%;
}

.littlecritter .content03:before,.littlecritter .content03:after{
	position:absolute;
	content:"";
	width: 41%;
	height:100%;
	z-index: -1;
}

.littlecritter .content03:before{
	background:url(./img/littlecritter/co22.svg)no-repeat top right;
	left:0;
	top: 40px;
}

.littlecritter .content03:after{
	background:url(./img/littlecritter/co21.svg)no-repeat top left;
	right:0;
	top: 30px;
	width: 42%;
}

.abs4.abs4wh{
	background: url(./img/nami2.png);
	z-index: -1;
}

.sitter2 .btnarea{
	margin:10px auto 0;
	max-width: 1200px;
	width: 100%;
	max-width: 810px;
}

.sitter2 .btnarea .brobtn{
	width: 48%;
	max-width: 373px;
}

.sitter2.content03{
	padding: 40px 0 80px;
}

.sitter3{
	padding:135px 0 0;	
}

.sitter3 .titarea{
	 position:relative;
	 width: fit-content;
	 margin: auto;
	 padding: 0 100px;
	}

.sitter3 .titarea:after{
	position:absolute;
	content:"";
	width:146px;
	height:112px;
	background: url(./img/co81.png)no-repeat;
	background-size: contain;
	right: 0;
	top: -70px;
}

.sitter3 ul{
	margin:55px auto 0;
}

.sitter3 li{
	display:flex;
	margin-bottom:100px;
	align-items: center;
	justify-content: space-between;
}

.sitter3 li:nth-child(2){
	flex-direction: row-reverse;
}

.sitter3 li .si3l{
	margin-right:10px;
}

.sitter3 li:nth-child(2) .si3l{
	margin-right:0px;
	margin-left:10px;
}

.si3l p{
	max-width:400px;
}

.si3l h3{
	font-size:3.2rem;
	margin-bottom:20px;
	max-width: 420px;
}

.sitter3 li .img{
	max-width:560px;
	width: 48%;
}

.content06.sitter4{
	padding: 240px 0 125px;
}

.sitter4 .titarea p{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3.2rem;
	font-weight: 700;
	margin-bottom: 10px;
}

.sitter4 .titarea p img{
	margin-right: 10px;
}

.si4p2{
	font-size:1.6rem;
	text-align: center;
	padding: 25px 0;
	border-top: 4px dotted;
	border-bottom: 4px dotted;
	margin-bottom: 45px;
}

.sitter4 .co6main{border-radius: 10px;}

.si4p1{
	font-size:1.2rem;
	font-weight: 700!important;
	text-align:center;
	padding: 2px 0;
	margin: 15px auto 0;
}

.big .price{flex-direction: column;align-items: flex-start;}

.big .prip1{padding: 0 28px;}


.co61l .big .prip2{line-height: 1.4;}

.sitter5{
	padding: 120px 0;
}

.sitter5 table{
	margin: 25px auto 0;
	max-width: 1200px;
	width: 100%;
}

.sitter5 th{
	border-bottom: 1px solid;
	border-top: 1px solid;
	border-left: 1px solid;
}

.sitter5 td{
	background: #fff;
	text-align: center;
	width: 19.4%!important;
}

.sitd1{
	height: 94px;
	border: 1px solid;
}

.sitd2{
	height: 76px;
}

.sitter5 .notb{
	border:none;
}

.rad1{
	border-radius: 10px 0 0 0;
}

.rad2{
	border-radius: 0 10px 0 0;
}

.rad3{
	border-radius: 0 0 0 10px;
}

.rad4{
	border-radius: 0 0 10px 0px;
}

.sitter6 .brobtn{
	margin:30px auto 0;
}

.sitter6 .fukidashi{margin: 0px 0 -40px;}

.sitter6 .content08 .mainTit:after{
display:none
}


.sitter .contact-area{
	background:#669f4f;	
}

.content07.sitter6{
	padding: 0 0 360px;
}


.sitter6:before{
	position:absolute;
	content:"";
	background: url(./img/co42.png)no-repeat center bottom;
	background-size: contain;
	max-width: 1200px;
	width: 95%;
	height: 300px;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -82px;
	z-index: -1;
}

.sitter4 .co61r li.sp{
	display:none;
}

.catsitter .co71{
	background: url(./img/catsitter/bg7.jpg)no-repeat center;
}


.si4ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.si4ul li{
	max-width: 500px;
	width: 49%;
	margin-bottom: 35px;
}

.si4ul h3{
	border-radius: 10px 10px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
	font-size: 1.4rem;
}


.si4ul li .txt{
		border: 1px solid #669F4F;
		border-radius: 0 0 10px 10px;
		min-height: 141px;
		font-size: 1.6rem;
		padding: 20px;
}

.si4ulp{
	font-size:1.4rem;
}

.littlecritter .co71{
	background: url(./img/littlecritter/bg7.jpg)no-repeat center;
}


/* price */

.pri1{
	position: relative;
	padding: 0 0 170px;
}

.pri1 .updots span:before{
	background:#669F4F;
}

.pri1 h2{
	font-size: 3.2rem;
	text-align: center;
	line-height: 1.4;
	padding-bottom: 25px;
	position:relative;
	max-width: 880px;
	margin: 0 auto 30px;
}

.pri1 h2:before,.pri1 h2:after{
	position: absolute;
    content: "";
    width: 130px;
    height: 95px;
    background: url(./img/co23.png)no-repeat;
    z-index: 0;
}

.pri1 h2:before{
	left: 0;
	bottom: 0;
}

.pri1 h2:after{
	bottom: 20px;
	right: 0;
}

.pri1ul1 li{
	background: #fff;
	margin-bottom: 20px;
	display: flex;
	font-size: 2.4rem;
	font-weight: 700;
	align-items: center;
	padding: 0 0 0 80px;
	height: 83px;
	border: 1px solid #CCCCCC;
}

.pri1ul1 li .pri1d{
	display: flex;
	align-items: center;
}

.pri1ul1 li p{
	margin-left:10px;
}

.pri1p{
	font-size:1.4rem;
	font-weight:700;
	line-height: 1;
}

.pri1ul2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.pri1ul2 li{
	margin-top: 35px;
	max-width: 373px;
	width: 31%;
}

.pri1ul2 li .btn{
	max-width: initial;
	width: 100%;
	border: none;
}

.pri2 .abs4{
	position:absolute;
	width:100%;
	height:102px;
	bottom: auto;
	top: -40px;
}

.content06.sitter4.pri2{
	padding: 140px 0 125px;
}

.pri2 .co6tit{
	height: 80px;
	margin-bottom:40px;
	border-radius: 10px;
}

.prisi5.sitter5{
	padding: 80px 0;
	border-radius: 0;
	margin: 0;
}

.co6main.prid{border-radius: 0;padding: 0;margin: 0;}

.prid1{
	margin-bottom:40px;
	padding: 75px 7.7%;
	border-radius: 10px;
}

.prid2{
	display:flex;
	align-items: center;
	margin-bottom: 25px;
	font-size: 1.6rem;
}

.prid2p1{
	width: 88px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	border-radius: 26px;
	margin-right: 15px;
	font-weight: 700;
}

.prid2p2{
	font-weight: 500;
}

.pridul{
	display:flex;
	justify-content: space-between;
}

.pridul li{
	width: 19%;
	position:relative;
}

.pridul li:nth-child(1):before{
	position:absolute;
	content:"";
	background:url(./img/price/plus.svg)no-repeat;
	width:16px;
	height:16px;
	right: -16%;
	bottom:0;
	top:0;
	margin:auto;
}

.pridul li:nth-child(3):before{
	position:absolute;
	content:"";
	background:url(./img/price/arrow.svg)no-repeat;
	width:16px;
	height:8px;
	left: -14%;
	bottom:0;
	top:0;
	margin:auto;
}

.pridul li:nth-child(4):before{
	position:absolute;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 21px 12px 0;
	border-color: transparent #FDDD6E transparent transparent;
	left:-15px;
	bottom:0;
	top:0;
	margin:auto;
	z-index: -1;
}

.pridul li:nth-child(3){
	width: 21%;
}

.pridul li:nth-child(4){
	width: 28%;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.pridup1{
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	padding: 8.5px 0;
}

.pridup2{
	background: #fff;
	border: 1px solid;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 700;
	padding: 4px 0;
}

.pridup2 span{
		font-size: 1.4rem;
	font-weight: 500;
}

.pridup3{
	font-size: 1.8rem;
	font-weight: 700;
}

.pridup3 span{
	font-size:3.2rem;
}

.pri2d{
	margin-bottom:120px;
}

.pri2d2{
}

.pri2d2d{
	padding: 35px 35px 10px;
	margin-bottom: 55px;
}

.pri2d2d h3{
	padding-left: 15px;
	font-size: 1.8rem;
	font-weight: 700;
}

.pri2d2d h3.lbar:before{
	background: #704B20;
	height: 26px;
}

.pri2d2d p{
	font-size: 1.6rem;
	font-weight: 500;
	margin-bottom: 25px;
}

.pri3{
	position:relative;
	padding: 12% 0 0px;
	background: url(./img/bg8.png)no-repeat top center #fff;
	background-size: contain;
}

.pri3>div{
	padding: 0 0 150px;
}

.pri3 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.pri3 li{
	max-width: 500px;
	width: 49%;
	margin-top: 25px;
	background: #fff;
	padding: 20px;
	border: 2px solid #669F4F;
}

.pri3tit{
	display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    background-image: linear-gradient(to right, #669F4F 3px, transparent 1px);
    background-size: 13px 3px;
    background-repeat: repeat-x;
    background-position: left bottom;
}

.pri3tit h3{
	margin-left:10px;
	font-size:2.4rem;
}

.pri3tit h3 img{
	height: 38px;
}


.pri3txt{
	min-height:135px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.pri3p1{
	font-size: 1.6rem;
}

.pri3p2{
	font-weight: 700;
	font-size: 3.2rem;
}

.pri3p2 span{
	font-size: 1.6rem;
}




.pri4d{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.pri4dl{
	max-width: 560px;
	padding-top: 65px;
	width: 50%;
}

.pri4dl h2{
	padding: 40px 0;
	width: fit-content;
}

.pri4dl h2.bgte:before{
	background:url(./img/price/co42.svg)no-repeat;
	background-size: contain;
}

.pri4 .img{
	max-width: 560px;
	width: 53%;
	margin-left: 10px;
}

.pri5{
	position:relative;
	z-index: 1;
	background: url(./img/price/bg5.png)no-repeat left top;
	background-size: cover;
	padding: 230px 0 140px;
	margin-bottom: -50px;
}

.pri5 .abs3{
	top: -1px;
}

.pri5p1{
	margin:40px 0 0;
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.6;
}

.pri5p1 span{
	text-decoration: underline;
}

.pri5p2{
	font-size: 1.6rem;
	width: fit-content;
	margin: 20px auto 30px;
}

.pri5p3{
	text-align: center;
	padding: 16px 0;
	margin-bottom: 30px;
	border-top: 4px dotted;
	border-bottom: 4px dotted;
}

.pri5 ul{
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}

.pri5 li{
	text-align: center;
	width: 33.333%;
}

.pri5p4{
	padding: 12px 0;
	border-right: 1px solid #fff;
	font-size: 1.6rem;
	font-weight: 500;
}

.pri5p5{
	border: 1px solid #669F4F;
	background: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	padding: 9.5px 0;
}

.pri5 li:last-child .pri5p4{
	border:none;
}

.pri5d{
	
}

.pri5d h3{
	max-width: 416px;
	text-align: center;
	margin: auto;
	border-radius: 10px 10px 0 0;
	font-size: 1.8rem;
	padding: 5px 0px;
}

.pri5txt{
	border: 2px solid #FDDD6E;
	padding: 35px 40px;
	background: url(./img/price/co51.svg)no-repeat right #fff;
	font-size: 1.6rem;
	border-radius: 10px;
}

.sitter4 .co61r li:nth-child(8){margin: 0 2.5% 20px 0;}
.sitter4 .co61r li:nth-child(9){
	margin: 0 0 20px 0;
}


/* flow */
.flow1{
	
}

.flow1 h2{
	font-size: 4rem;
	text-align: center;
}

.flow2{
	padding: 0 0 120px;
}

.flow2 ul{
	
}

.flow2 li{
	margin: 80px auto 0;
	padding-bottom: 80px;
	position: relative;
}

.flow2 li:before{
	position:absolute;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 21px 12px 0 12px;
	border-color: #704B20 transparent transparent transparent;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
}

.flowtit{margin-bottom: 40px;position: relative;}

.flowtit:before{
	right: 0;
	position:absolute;
	content:"";
	width: 77%;
	height: 0;
	border-bottom: 4px dotted;
	top: 0;
	bottom: 0;
	margin: auto;
}

.flow2 li:nth-child(2) .flowtit:before{
	width: 70%;
}

.flow2 li:nth-child(3) .flowtit:before{
	width: 90%;
}

.flow2 li:nth-child(4) .flowtit:before{
	width: 84%;
}

.flow2 li:nth-child(5) .flowtit:before{
	width: 86%;
}


.flow2 li:nth-child(5):before{
	display:none;
}

.flowtit h2{
	font-size:2.4rem;
	line-height: 1.4;
}

.flowtit h2 span{
	font-size:1.6rem;
	font-weight:500;
}

.flow2d{
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
}

.flow2d .img{
width: 48%;
max-width: 560px;
}

.flow2d .txt{
	max-width:560px;
	margin-left: 10px;
	width: 48%;
}

.flow2d .txt p{
	margin-bottom:30px;
}

.flsp1{
	text-decoration: underline;
}

.flow2d .txt .noma{
	margin:0;
}

/* about */
.abo1{
	padding: 0 0 90px;
}

.abo1 h2{
	font-size: 4rem;
	text-align: center;
	line-height: 1.4;
}

.abo1 ul{
	margin-top: 50px;
}

.abo1 li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 80px;
}

.abo1 li:last-child{
	flex-direction: row-reverse;
}

.abo1 li .img{
	max-width: 560px;
	width: 48%;
}

.abo1d{
	max-width: 560px;
	width: 50%;
}

.abo2{
	position:relative;
	padding-bottom:80px;
	z-index: 1;
}


.abtit .sidebar{
	margin: 0 auto 20px;
	font-size:1.8rem;
	/* font-weight:500; */
}

.sidebar:before,.sidebar:after{
	height:2px;
	background:#669F4F;
}

.abtb{
	width:100%;
	margin: 50px auto;
	border-collapse: collapse;
}

.abo3{
	padding: 140px 0 170px;
	background:url(./img/about/bg3.png)no-repeat right top;
	background-size: cover;
	position: relative;
}

.abo3 ul{
	display:flex;
	justify-content: space-between;
	margin: 40px auto;
}

.abo3 li{
	width: 15%;
}

.abo3d{
	padding:40px;
	background:#fff;
}

.abo3d p{
	margin-bottom:30px;
	font-weight: 700;
}

.abo3d .noma{
	margin:0;
}

.abs5{
	position:absolute;
	display:flex;
	width: 100%;
	bottom: -1px;
	justify-content: space-between;
}

.abs5l,.abs5r{
	margin: auto;
	z-index: 1;
	width: 0;
	height: 0;
	border-style: solid;
}

.abs5l{border-width: 160px 0 0 50vw;border-color: transparent transparent transparent #fff;}

.abs5r{border-width: 0 0 160px 50vw;border-color: transparent transparent #fff transparent;}


.abo4{
	position:relative;
	z-index: 1;
	padding: 60px 0 0;
}

.abo4 .abo4ab{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: -30px;
}

.abo4 .ribon{
	margin: 0px auto 20px;
	padding: 12px 79px;
}

.abo4 h2>span{
	position:relative;
}

.abo4 h2>span>span{
	position:absolute;
	font-size:1.4rem;
	width:100%;
	left:0;
	top:-10px;
}

.abo4 ul{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: stretch;}

.abo4 li{
	width: 49%;
	max-width: 580px;
	margin-bottom: 40px;
}

.abo4p1{
	border-radius:10px 10px 0 0;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.4rem;
}

.abo4 h3{
	font-size: 1.8rem;
	min-height: 53px;
	margin-bottom: 15px;
}

.abo4 .txt{
	border-radius: 0 0 10px 10px;
	border: 4px solid #669F4F;
	border-top: none;
	min-height: 325px;
	padding: 40px;
}

.abo5{
	position:relative;
	z-index: 0;
	padding: 180px 0 140px;
	background: url(./img/about/bg5.jpg)no-repeat center top;
	background-size: cover;
}

.abo5:before {
    position: absolute;
    content: "";
    background: #669F4Fcc;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
}

.abo5 .up{
	top: -280px;
}

.abo5p1{
	margin: 0 auto 15px;
	font-size: 1.8rem;
	max-width: 340px;
	width: 100%;
	height: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 28px;
	position: relative;
}

.abo5p1:before{
	position:absolute;
	content:"";
	background:url(./img/about/sankaku.svg)no-repeat;
	width:40px;
	height:34px;
	z-index: -1;
	bottom: -15px;
}

.abo5 h2{
	text-align:center;
	font-size:2.4rem;
}

.abotit2{
	position:relative;
	padding-bottom:40px;
	margin-bottom:40px;
}

.abotit2:before{
	position:absolute;
	content:"";
	width: 28px;
	height:0;
	border-bottom: 5px dotted #fff;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.abo5 .txt p{
	color:#fff;
	margin-bottom:25px;
}

.about .contact-area{
	margin: -55px auto 0;
}

.area .contact-area{
	margin: -55px auto 0;
}

/* area */

.area1{
	padding-bottom: 170px;
	position: relative;
}

.area1:before {
    position: absolute;
    content: "";
    background: url(./img/co42.png)no-repeat center bottom;
    background-size: contain;
    max-width: 1200px;
    width: 95%;
    height: 300px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -82px;
    z-index: -1;
}

.area1 h2{
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.area1 p{
	text-align: center;
}


.area1 h2:before {
	position: absolute;
    content: "";
    width: 28px;
    height: 0;
    border-bottom: 5px dotted #704B20;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}




/* .area2 h2{
	padding-bottom: 25px;
	margin-bottom: 25px;
}


.area2 h2:before {
	position: absolute;
    content: "";
    width: 28px;
    height: 0;
    border-bottom: 5px dotted #704B20;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
} */

.area2p1{
	font-size:1.8rem;
	text-align: center;
}

.area2p2{
	padding: 25px 40px;
	border-top: 4px dotted;
	border-bottom: 4px dotted;
	max-width: 1040px;
	width: 100%;
	margin: 20px auto 80px;
}

.map1{
	text-align:center;
}

.mapd{
	background: #fff;
	padding: 45px;
	margin-top: 55px;
}

.mapd h3{
	padding-bottom:20px;
	font-size:3.2rem;
}

.mapd h3:before{
	position:absolute;
	content:"";
	width:4px;
	height:46px;
	background:#669F4F;
	left:0;
	top:8px;
	bottom:auto;
	margin:auto;
}

.mapd h3:after{
	position:absolute;
	content:"";
	width:100%;
	height:0;
	border-bottom:1px dotted;
	left:0;
	bottom:0;
}

.mapd ul{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 30px;
}

.mapd li{
	margin-right: 20px;
}


/* .area3{
	background: #fff;
	position: relative;
	z-index: 1;
	padding: 250px 0 0;
}

.area3:before{
	display:none;
} */


.area3 li{
	position:relative;
}

.area3p{
	max-width:580px;
	margin: auto;
}

.area4{
	
}


.area4 .co72{
	background: #fff!important;
}

.area4 .content08{
	margin-top: 0;
	padding: 180px 0 0;
}

.area4 .content08 .mainTit:after{
	display:none;
}

.area4p1{
	text-align: center;
	font-size: 2.4rem;
	font-weight: 700;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 15px;
}

.area5{
	background: url(./img/area/bg4.png)no-repeat center;
	background-size: cover;
	background-position: center -80px;
	padding: 125px 0 180px;
	position: relative;
	/* margin-top: 50px; */
}

.area5 h2{
}

.area5 h2:before{
	z-index: -1;
	    background: url(./img/price/co42.svg)no-repeat;
    background-size: contain;
}

.area5 ul{
	display:flex;
	justify-content: space-between;
}

.area5 li{
    max-width: 373px;
    width: 32%;
}

.area5 .btn{
	border:none;
}

.area5d{
	background:#fff;
	display: flex;
	margin-top: 80px;
	justify-content: space-between;
	border-radius: 10px;
}

.area5dl{
	padding: 40px;
	margin: auto;
}

.area5dl h3{
	text-align: center;
	font-size: 4rem;
	padding: 15px;
}

.area5dl p{
	margin: 20px 0;
	font-size: 1.8rem;
	max-width: 480px;
}

.area5d .img{
}

.area5d img{
	object-fit: cover;
	height: 100%;
	width: 100%;
	border-radius: 0 10px 10px 0;
}

.area2ifr{
	width:100%;
	margin: 40px auto;
}

.area2ifr iframe{
	width:100%;
}

.area2d{
	display:flex;
	justify-content: space-between;
	margin: 0 auto 80px;
	flex-wrap: wrap;
}

.areatab{
	margin: 0 auto 60px;
}

.area2ul2{
	max-width: 580px;
	width: 48%;
}

.area2ul2 li{
	display:flex;
	justify-content: space-between;
	height: 70px;
	align-items: center;
	background: #fff;
	padding: 0 20px;
}

.area2ul2 li:nth-child(2n){
	background:none;
}

.area2ul2 li p{
	font-weight:700;
}

.area2ul2 li p+p{
	font-weight:500;
}


.area2 .ctab{
	width: 50%;
	text-align: center;
	padding: 15px 0;
	border-radius: 10px 10px 0 0;
	cursor: pointer;
	font-size: 2.4rem;
}

.artab2{
	background:#fff;
	border:4px solid #669F4F;
	display:none;
	padding: 45px;
}

.artab3{
	border:4px solid #fddd6e;
}

.artab2.active{
	display:block;
}

.artul2>li{
	display:flex;
	margin: 0 0 25px;
	align-items: center;
}

.artul2>li:last-child{
	margin:0;
}

.artul3{
	display:flex;
	flex-wrap: wrap;
}

.artag{
	font-size:1.4rem;
	font-weight:700;
	border:1px solid;
	width:70px;
	text-align: center;
}


.artul3 li{
	margin-left: 20px;
	font-size: 1.4rem;
}

/* course1 */
.lphd{
	display:flex;
	justify-content: center;
	align-items: center;
	font-size: 1.8rem;
	width: 256px;
	height: 80px;
	position: relative;
}

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

.lphd p{
	line-height: 1.5;
}

.cover2{
	background: url(./img/course/mv.jpg)no-repeat center;
	background-size: cover;
	margin: 80px auto 0;
	max-height: 880px;
	height: 100vh;
	width: 100%;
	display: flex;
	align-items: center;
}

.cover2-231118{
	width: 100%;
    margin: 80px auto 0;
}

.cover2-231118 img {
    width: 40%; /* 画像の幅をコンテナの幅に合わせる */
    height: auto; /* 画像の高さを縦横比に基づいて自動調整 */
    display: block; /* 画像をブロック要素として表示 */
    margin: 0 auto;
}

.cta-area {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 1920px;
	width: 95%;
	margin: 30px auto;
}

.cta-btn {
	display: flex;
	max-width: 600px;
	width:90%;
	height: 62px;
	align-items: center;
	justify-content:center;
	background: #EAA850;
	border: 1px solid #fff;
	border-radius: 37px;
	margin: 1px;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
	color: #fff !important; 
	font-size: min(6.15vw,20px);
	font-weight: bold;
}

/* 警告エリアに対するスタイル */
.caution-area {
    display: flex;
    justify-content: center; /* 子要素を中央に配置 */
    width: 100%; /* 親要素の幅に合わせる */
    margin-top: 20px;
    margin-bottom: 45px;
}

/* 画像に対するスタイル */
.caution-area img {
    max-width: 95%; /* 画像の最大幅を親要素の幅に合わせる */
    height: auto; /* 高さを自動調整して縦横比を維持 */
}

.cocov{
	margin-left: 14.8%;
}

.cocop1{
	font-size: 2.4rem;
	padding: 12.5px 39px;
	border-radius: 33px;
	font-weight: 500;
	width: fit-content;
}

.cocop1 .updots span:before{
	background: #fff;
	height: 5px;
	width: 5px;
}


.coh2{
	font-size: 6.4rem;
	line-height: 1.48;
	text-shadow: 0 0 24px #333333;
	margin: 30px 0 45px;
	letter-spacing: 11.4px;
}

.cover2 ul{
	display:flex;
	max-width: 600px;
	justify-content: space-between;
}

.cover2 li{
	background: #fff;
	border-radius: 10px;
	max-width: 175px;
	width: 32%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 175px;
	text-align: center;
	font-weight: 700;
}

.cover2 li p{
	margin-top:10px;
}

.course section{
	position:relative;
	z-index: 1;
}

.cou1{
	margin: 60px auto 80px;
}

.cou1d{
	background: url(./img/course/co11.jpg)no-repeat center;
	padding: 8px;
	background-size: cover;
}

.cou1d2{
	border: 2px solid white;
	padding: 45px 0;
}

.cou1d2 h2{
	text-align: center;
	font-size: 2.4rem;
	font-weight: 700;
	padding-bottom: 35px;
	margin-bottom: 35px;
	position: relative;
}

.cou1d2 h2:before{
	position:absolute;
	content:"";
	width:32px;
	height:4px;
	background:#fff;
	bottom:0;
	left:0;
	right:0;
	margin: auto;
}

.cou1d2 ul{max-width: 625px;margin: auto;}

.cou1d2 li{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	font-weight: 700;
}

.cou1d2 li:last-child{
	margin:0;
}

.cou1d2 li .img{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 5px;
	width: 18px;
}

.cou2{
	background: url(./img/course/bg2.png) no-repeat center;
	background-size: cover;
	height: 230px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 80px;
}

.cou3{
margin-bottom: 120px;
}

.cou3 ul{
	display: flex;
	justify-content: space-between;
}

.cou3 li{
	background: #fff;
	border-radius: 10px;
	z-index: 1;
	max-width: 500px;
	width: 49%;
}

.cou3 li .txt{
	padding:30px 0 45px;
	position: relative;
}

.cou3 li h2{
	font-size: 2.4rem;
	text-align: center;
	margin: 0px auto 30px;
}

.cou3p1{
	width: fit-content;
	margin: auto;
	text-align: center;
}

.cou3p2{
	position:absolute;
	font-size:14rem;
	font-weight:500;
	color:#E8EDE3;
	bottom: 0;
	right: 0px;
	height: 140px;
	z-index: -1;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 7px;
}

.cou4{
	background: url(./img/course/bg4.png) no-repeat top center;
	background-size: cover;
	padding: 100px 0 170px;
}

.cou4 h2{
	margin-top: 10px;
	line-height: 1.4;
}

.cou5{
margin: -120px auto 0;
}

.cou5ex .cou5d{
	padding-bottom: 65px;
}

.cou5 h2{
	max-width: 880px;
	margin: 0 auto -1px;
	text-align: center;
	border-radius: 10px 10px 0 0;
	padding: 6px 0;
	width: 90%;
}

.lptit1{
	font-size: 3.2rem;
}

.cou5sp1{
	font-size: 1.8rem;
}

.cou5dl{
	text-align: center;
	margin: 0 4%;
	width: 44%;
}

.cou5d{
	padding: 45px 0 0;
}

.cou5d2{
	display: flex;
	max-width: 880px;
	justify-content: space-between;
	margin: auto;
}

.cou5dp1{
	font-size: 1.8rem;
	margin-bottom: 10px;
}

.cou5dp2{
	font-size: 4.8rem;
	font-weight: 700;
	line-height: 1;
}

.cou5dp3{
	font-size: 1.4rem;
}

.cou5dr{text-align: center;width: 48%;max-width: 420px;}

.cou5dr .btn{
	width: 100%;
	max-width: initial;
	border: none;
}

.cou6{
	padding: 135px 0;
}

.cou6:before,.cou6:after{
	position:absolute;
	content:"";
	width: 35%;
	height:100%;
	z-index: -1;
}

.cou6:before{
	background:url(./img/course/co611.svg)no-repeat top right;
	left:0;
	top: 140px;
}

.cou6:after{
	background:url(./img/course/co612.svg)no-repeat top left;
	right:0;
	top: 195px;
	width: 38%;
}


.coutit{
	text-align: center;
}

.coutit .img{
	max-width:240px;
	margin: auto;
}

.cou6 h2{
	font-size: 5.6rem;
	line-height: 1.45;
	margin-top: -35px;
}

.cou6 .big{
	font-size: 9.6rem;
}

.cou6 ul{
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	column-gap: 3.3%;
	margin: 100px auto 0;
}

.cou6 li{
	background: #fff url(./img/course/co621.svg) no-repeat center;
	border: 5px solid #669F4F;
	width: 31%;
	margin-bottom: 100px;
	min-height: 300px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 1.7%;
}

.cou6 li:nth-child(2){
	background: #fff url(./img/course/co622.svg) no-repeat center;
}

.cou6 li:nth-child(3){
	background: #fff url(./img/course/co623.svg) no-repeat center;
}

.cou6 li:nth-child(4){
	background: #fff url(./img/course/co624.svg) no-repeat center;
}

.cou6 li:nth-child(5){
	background: #fff url(./img/course/co625.svg) no-repeat center;
}

.cou6p1{
	position:absolute;
	font-size:3.2rem;
	width:83px;
	height:83px;
	border-radius:50%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	top: -45px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: -1;
}

.cou6 li h3{
	font-size: 2.4rem;
	text-align: center;
}

.cou6p2{
	margin-top: 20px;
}

.cou6p3{
	font-size:1.2rem;
	font-weight:700;
	margin-top:10px;
}

.cou7{
	padding: 170px 0 0;
}

.cou7:before,.cou7:after{
	position:absolute;
	content:"";
}

.cou7:before{
	background:url(./img/course/co71.svg)no-repeat center;
	width:440px;
	height:300px;
	right: 40px;
	top: 70px;
}

.cou7:after{
	background:url(./img/course/co72.svg)no-repeat center;
	width: 280px;
	height:300px;
	left:0;
	bottom: 70px;
	z-index: -1;
}


.cou7 .abs4{
	    position: absolute;
    width: 100%;
    height: 102px;
    bottom: auto;
    top: -40px;
}

.cou7 .img{
	max-width: 192px;
	margin: 0 auto 10px;
}

.cou7p{
	font-weight: 700;
	text-align: center;
	margin: 30px auto 55px;
}

.coutb1{
	margin: 25px auto;
	max-width: 1200px;
	width: 100%;
	border-collapse: inherit;
}

.coutb1 th{
	border-bottom: 1px solid;
	border-top: 1px solid;
	border-left: 2px solid#704B20;
}

.coutb1 tr:last-child th{
	border-bottom: 2px solid#704B20;
}

.coutb1 td{
	background: #fff;
	text-align: center;
}

.coutb1 td img{
	margin:auto;
}
.couth{
	width:18.7%;
	font-size: 1.8rem;
}

.coutd1{
	height: 87px;
	border-radius: 10px 10px 0 0;
	border-bottom: 0;
	font-size: 2.4rem;
	font-weight: 700;
}

.coutd2{
	height: 170px;
	border: 2px
 solid;
	width: 27%;
}

.coutb1 .noth{
	border:none;
}

.cou7p2{
	font-size:1.4rem;
}

.cou8{
	padding: 195px 0 0px;
	background: url(./img/bg8.png)no-repeat top center #fff;
	background-size: contain;
	z-index: 1;
}

.cou8 .bgcr:before{
	position:absolute;
	content:"";
	width:381px;
	height:520px;
	background:url(./img/course/co81.png)no-repeat top center;
	right: 25%;
	top: -31%;
	z-index: -1;
}

.cou8 .bgcr{
	padding: 150px 0 200px;
	z-index: -1;
	position: relative;
}

.abcoutxt{
	position:absolute;
	font-size:12rem;
	color:#704B20;
	opacity:0.1;
	font-weight:500;
}

.cou8 .abcoutxt{
	top: -5%;
}

.cou8d{
	background: #fff;
	border: 4px solid #669F4F;
	padding: 50px 4.9%;
}

.cou8d1{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px dotted #669F4F;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.cou8p1{
	font-size: 3.2rem;
	font-weight: 700;
}

.cou8p1 span{
	font-size:1.8rem;
}


.cou9{padding: 220px 0 120px;background: #fff;}

.cou9:before{
	position:absolute;
	content:"";
	background: url(./img/course/co91.png)no-repeat;
	width:392px;
	height:368px;
	top: 13%;
	right: 14%;
}

.cou9d{
	text-align:left;
}

.cou9d p{
	margin: 0 0 5px;
}

.cou9d h2{
	text-align: left;
}


.cou9l1{
	margin: 80px 0 0;
}

.cou9l1 h3{
	font-size:2.4rem;
}

.cou9l1 h3:before{
	background:#704B20;
}

.cou9u2{
	margin-top: 45px;
	display: flex;
	column-gap: 3.3%;
	align-items: stretch;
}

.cou9l2{
	width: 22.5%;
	border: 4px solid #669F4F;
	border-radius: 10px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 190px;
	background: #fff;
	font-weight: 700;
	padding: 25px 1.2%;
}

.cou9l2:last-child:before{
	display:none;
}

.cou9l2:before{
	position:absolute;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 14px;
	border-color: transparent transparent transparent #704B20;
	right: -12.5%;
}

.cou9p1{
	position: absolute;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.4rem;
	top: -25px;
	font-weight: 500;
}


.cou9p3{
	font-size:1.2rem;
}

.cou9p4{
	font-size:1.2rem;
	margin-top:20px;
}

.cou10{
	background: url(./img/course/bg10.png)no-repeat center top #fff;
	background-size: cover;
	padding: 160px 0;
}

.cou10 .abcoutxt{
	top: 50px;
	left: 0;
	right: 0;
	margin: auto;
	width: fit-content;
	color: #FFFFFF;
}

.cou10p1{
	font-weight:700;
	text-align:center;
	margin-top:40px;
}

.cou10u1{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
}

.cou10l1{
	width: 48%;
	background: #fff;
	margin-top: 35px;
	max-width: 580px;
	padding: 30px 2.5%;
	border-radius: 10px;
	min-height: 474px;
}

.cou10d{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.cou10d .img{
	width:35%;
}


.cou10u2{
	max-width: 330px;
	width: 63%;
}

.cou10l2{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
	margin-left: 3%;
}

.cou10p2{
	width: 28%;
	text-align: center;
	height: 33px;
	border-radius: 4px;
	font-size: 1.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bobr{
	border:1px solid;
}

.bogr{
	border:1px solid;
}

.cou10p3{
	width: 67%;
	font-size: 1.4rem;
}

.cou10p4{
margin-top: 25px;
}

.cou10 .abs4{
	position:absolute;
	width:100%;
	height: 48px;
	bottom: 0px;
	background: url(./img/course/nami.png);
}

.cou11{
	padding: 170px 0 240px;
}

.cou11 .abcoutxt{
	top: 40px;
	left: 0;
	right: 0;
	margin: auto;
	width: fit-content;
}

.cou11p1{
	margin:30px 0;
	text-align:center;
	font-weight:700;
}

.cou11 ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cou11 li{
	max-width: 545px;
	width: 49%;
	background: url(./img/course/co113.svg)no-repeat right bottom #fff;
	border: 1px solid #669F4F;
	display: flex;
	align-items: center;
	position: relative;
	transition: .5s;
	margin: 0 1%;
}

.cou11 li .txt{
	max-width: 250px;
	margin-left: 25px;
}

.cou11 li a{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: .5s;
}

.cou11 li:hover{
	opacity: .5;
}

.cou11p2{
	font-size: 1.8rem;
	font-weight: 700;
}

.cou11p3{
	font-size: 1.4rem;
	margin-top: 5px;
}

.cou11 li .img{
	width: 48%;
}

.cou12{
	padding: 150px 0;
}

.cou12 .abs2{
	bottom: auto;
	top: 0;
	background: #669f4f;
}

.cou12 .coutit .img{
	max-width:272px;
	margin-bottom:10px;
}

.cou12 ul{
	display: flex;
	justify-content: space-between;
	margin: 70px auto 0;
}

.cou12 li{
	position:relative;
	width: 17.3%;
}

.cou12d{
	border: 4px solid #669F4F;
	border-radius: 10px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	font-weight: 700;
	padding: 20px 1.2% 0;
	flex-direction: column;
	min-height: 224px;
}

.cou12 li:last-child:before{
	display:none;
}

.cou12 li:before{
	position:absolute;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 14px;
	border-color: transparent transparent transparent #704B20;
	right: -12.5%;
	margin: auto;
	top: 35%;
}

.cou12p1{
	position: absolute;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 3.2rem;
	top: -40px;
	font-weight: 500;
	background: #669F4F;
	color: #fff;
}

.cou12p2{
	font-size:1.8rem;
	font-weight:700;
	margin-top:10px;
}

.cou12p3{
	font-size:1.4rem;
	margin-top: 15px;
}

.cou13{
	padding: 0 0 120px;
}

.cou13d{
	padding: 90px 6.7%;
}

/* インタビュー
----------------------------------------------------------- */
.inte01 .inner,.inte02 .inner{
	max-width: 1040px;
}

.inte01 .box{
	display: flex;
	justify-content: space-between;
}

.inte01 .box .img{
	width: 46%;
}

.inte01 .box .txt{
	width: 48%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.inte01 .box h3{
	color:#669F4F;
	font-size: 3.2rem;
}

.inte01 .box .name{
	border-bottom: 2px dotted;
	padding: 0 0 13px 0;
	margin: 0 0 16px 0;
}

.inte01 .box .name p{
	font-size: 1.8rem;
}

.inte01 .box .name span{
	font-size: 1.4rem;
}

.inte01 .txtBox{
	border-top: 4px solid #704B20;
	border-bottom: 4px solid #704B20;
	padding: 2%;
	margin: 40px 0 70px 0;
}

.inte02 h4{
	color:#669F4F;
	font-size: 2.4rem;
	margin: 80px 0 20px 0;
}

.inte02 dt{
	color:#669F4F;
	background: #fff;
	border: 1px solid #ccc;
	padding: 1.5%;
}

.inte02 dd{
	margin: 15px 0 43px 0;
}

.inte02 dd .img{
	margin: 25px 0 0 0;
}

.inte02 dd p{
	margin: 0 0 40px 0;
}

.inte02 .btnArea{
	display: flex;
	justify-content: center;
	margin: 80px 0 0 0;
}

.inte02 .btnArea a{
	margin: 0 2%;
}

.inte02 .cou11{
	padding: 80px 0 140px;
}

.cou11 ul{
	display: flex;
	justify-content:center;
	align-items: center;
}

/* recruit */

.recruit .cover2{
	background: url(./img/recruit/mv.jpg)no-repeat center;
	background-size: cover;
}

.recruit section{
	position:relative;
}

.recruit .cocop1 .updots span:before{
	background: #704B20;
	height: 5px;
	width: 5px;
}

.coreh2{
max-width:912px	
}

.recruit .cover2 li{
	border: 4px solid #669F4F;
	background: #ffffffcc;
}

.rec1{
	padding: 0 0 120px;
}

.rec1d{
	background: #fff url(./img/recruit/co11.svg) no-repeat right;
	border: 4px solid #669F4F;
	padding: 35px 30px;
	margin-bottom: 110px;
}

.rectit .fukidashi span{
	font-size: 1.8rem;
}

.rectit{	
position: relative;
margin-bottom: 40px;
}

.rectit:before,.rectit:after{
	position:absolute;
	content:"";
	background:url(./img/recruit/co12.svg)no-repeat;
	width:130px;
	height:95px;
}

.rectit:before{
	left: 0;
	top: 0;
}

.rectit:after{
	right: 0;
	top: 0;
}

.rectit h2{
	margin-top: 10px;
}

.rec1d3{
	display:flex;
	justify-content: space-between;
}

.rec1d3 .txt{
	max-width: 480px;
	width: 65%;
	margin-right: 10px;
}

.rec1d3 .txt p{
	margin-bottom: 15px;
	line-height: 1.5;
}

.rec1d3 .txt .noma{
	margin:0;
}

.rec1d3 .img{
	
}

.rec2{
	padding: 90px 0;
}

.rec2 .abcoutxt{
	top: 0;
	line-height: 1;
	width: fit-content;
	left: 0;
	right: 0;
	margin: auto;
}

.rec2p1{
	text-align: center;
	margin: 30px auto 80px;
}

.rec2 ul{
	display: flex;
	justify-content: space-between;
}

.rec2 li{
	background: #fff;
	border-radius: 10px;
	max-width: 580px;
	width: 49%;
	text-align: center;
}

.rec2 h3{
	border-radius: 10px 10px 0 0;
	font-size: 2.4rem;
	padding: 12px 0;
}

.rec2 li .txt{min-height: 390px;display: flex;justify-content: center;align-items: center;border-bottom: 1px dotted #669F4F;}

.rec2 li .img{
	width: 90%;
}

.rec2 li:last-child .img{
	width: 70%;
}

.rec2p2{
font-size: 1.8rem;
font-weight: 700;
padding: 12.5px 0;
}


.rec3{
	z-index: 1;
	padding: 250px 0 290px;
}

.rec3:before,.rec3:after{
	position:absolute;
	content:"";
	width: 35%;
	height:100%;
	z-index: -1;
}

.rec3:before{
	background:url(./img/recruit/co311.svg)no-repeat top right;
	left:0;
	top: 170px;
}

.rec3:after{
	background:url(./img/recruit/co312.svg)no-repeat top left;
	right:0;
	top: 170px;
	width: 33%;
}

.rec3 ul{
	margin-top: 140px;
}

.rec3 li{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 180px;
}

.rec3 li:last-child{
	margin:0;
	flex-direction: row-reverse;
}

.rec3l{
	max-width: 560px;
	width: 75%;
	margin-right: 10px;
}

.rec3 li:last-child .rec3l{
	margin-right: 0px;
	margin-left: 10px;
}

.rec3l h3{
	font-size: 3.2rem;
	margin-bottom: 20px;
}

.rec3 li .img{
	position:relative;
}

.rec3ab{
	position: absolute;
	font-size: 12rem;
	-webkit-text-stroke: 1px #669F4F;
	color: transparent;
	right: 0;
	top: -70px;
	line-height: 1;
}

.rec3 li:last-child .rec3ab{
right: auto;
left: 0;
}

.rec4{
	padding: 20px 0 75px;
	z-index: 1;
}

.rec4:before{
	position:absolute;
	content:"";
	width: 791px;
	height: 755px;
	background: url(./img/recruit/co45.svg)no-repeat left center;
	top: 0;
	bottom: 0;
	margin: auto;
	right: -115px;
	z-index: -1;
}

.rec4tit .sidebar:before,.rec4tit .sidebar:after{
	background: #704B20;
}

.rec4tit h2{
	font-size: 5.6rem;
	text-align: center;
	line-height: 1.1;
}

.rec4tit h2 .big{
	font-size: 9.6rem;
}

.rec4 ul{
	display: flex;
	justify-content: space-between;
	margin: 80px auto 40px;
	max-width: 1080px;
	width: 100%;
}

.rec4 li{
	position:relative;
	width: 22%;
	max-width: 230px;
}

.rec4d{
	border: 4px solid #669F4F;
	border-radius: 10px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	font-weight: 700;
	padding: 20px 1.2% 0;
	flex-direction: column;
	min-height: 230px;
}

.rec4 li:last-child:before{
	display:none;
}

.rec4 li:before{
	position:absolute;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 14px;
	border-color: transparent transparent transparent #704B20;
	right: -14.5%;
	margin: auto;
	top: 50%;
}

.rec4p1{
	position: absolute;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 3.2rem;
	top: -40px;
	font-weight: 500;
	background: #669F4F;
	color: #fff;
}

.rec4p2{
	font-weight:700;
	margin-top:10px;
	text-align: center;
}

.rec4 .txt{
	background:#fff;
	padding: 40px 35px;
	max-width: 1080px;
	margin: auto;
}

.rec4p3{
	font-size:1.4rem;
	margin-bottom: 20px;
}

.rec4p4{
	font-size:1.2rem;
}

.rec5{padding: 170px 0 0px;background: url(./img/bg8.png)no-repeat top center #E8EDE3;background-size: contain;z-index: 1;}

.rec5:before,.rec5:after{
	position:absolute;
	content:"";
	background:url(./img/recruit/co53.svg);
	width:440px;
	height:298px;
}

.rec5:before{
	bottom: 35px;
	left: -120px;
}

.rec5:after{
	bottom: -50px;
	right: -45px;
}

.rec5 .bgcr{
	padding: 160px 0 0px;
	z-index: -1;
	position: relative;
}

.rec5 .bnr{
	display: block;
	margin: 65px auto 0;
	max-width: 1040px;
	transition:.5s;
}

.rec5 .bnr:hover{
	opacity: .5;
}


.rec6{
	background: url(./img/recruit/bg6.jpg)no-repeat center;
	background-size: cover;
	z-index: 0;
	padding: 220px 0 60px;
}

.rec6:before {
    position: absolute;
    content: "";
    background: #669F4Fcc;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
}

.rec6 h2{
	line-height:1.4;
	padding-bottom: 35px;
	margin-bottom: 35px;
}

.rec6 h2:before{
	position:absolute;
	content:"";
	width: 28px;
	height:0;
	border-bottom: 5px dotted #fff;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.rec6p1{
	margin-bottom:30px;
}

.rec6 ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.rec6 li{
	min-height: 90px;
	background: #FFFFFFcc;
	width: 48%;
	display: flex;
	align-items: center;
	padding: 0 15px;
	margin-bottom: 30px;
}

.rec6 .up{
	top: -37%;
}

.abs4cr{
	background:url(./img/nami3.png);
	bottom: -60px;
}

.rec7{
	padding: 180px 0 115px;
}

.rec7 .abcoutxt{
	left:0;
	right: 0;
	margin: auto;
	width: fit-content;
	line-height: 1;
	top: 90px;
}

.rectb{
	margin-top:35px;
	border-bottom: 4px solid #669F4F;
    border-top: 4px solid #669F4F;
}

.rectb tr{
	border-bottom: 1px dotted #669F4F;
}

.rectb th{
	width: 10%;
	font-weight: 700;
	text-align: left;
	padding: 35px 0;
	vertical-align: top;
}

.rectb td{
	width: 37%;
	padding: 35px 0;
}

.rectb li{
	background: #fff;
	border: 1px solid #CCCCCC;
	padding: 15px;
	margin-bottom: 45px;
	position: relative;
}

.rectb li:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 7px 0 7px;
    border-color: #704B20 transparent transparent transparent;
    right: 0;
    left: 0;
    margin: auto;
    bottom: -30px;
    top: auto;
}

.rectb li:last-child:before{
	display:none;
}

.rec7d{
	display: flex;
}

.rec7p1{
	width: 24px;
	height: 24px;
	font-size: 1.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin-right: 10px;
}

.rec7p2{
	font-size: 1.6rem;
}

.rec7p3{
	font-size: 1.4rem;
}

.mailsendp{
	max-width: 1200px;
    margin: auto;
}

/* wedding */
	body.wedding {
	width: 100% !important;
	color: #121212;
	background: #fff;
}

.wehd{
	width: 291px;
	font-size: 1.6rem;
	background: url(./img/wedding/header.svg) no-repeat #988650 right;
}

.cover3{
	height: 880px;
	width: 100%;
	background: url(./img/wedding/mv1.jpg)no-repeat;
	margin: 80px auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.cover3:before{
	position:absolute;
	content:"";
	background:url(./img/wedding/scroll.svg)no-repeat;
	width: 93px;
	height: 122px;
	bottom:0;
	left: 30.5%;
}

.wecov{
display: flex;
justify-content: space-between;
align-items: center;
}

.wecov .img{
	text-align: center;
}

.wecov .img img{
	margin:auto;
}

.wecop1{
	margin: 50px auto 40px;
	text-align: center;
	padding: 35px 0;
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #fff;
	font-size: 2.4rem;
	text-shadow: 0 0 16px #000000;
}

.wecoh2{
font-size: 4.8rem;
text-align: center;
text-shadow: 0 0 16px #000000;
}

.wecovl{
	max-width: 560px;
	width: 48%;
}


.wed1{
margin-top: 60px;
}

.wed1d{display: flex;position: relative;padding: 0 0 120px;}

.wed1d:before{
	position:absolute;
	content:"";
	bottom: 0px;
	right:0;
	width:440px;
	height:300px;
	background:url(./img/wedding/co12.svg)no-repeat;
	z-index: -1;
}

.wed1d .img{max-width: 1000px;width: 52%;}


.wedr{
	padding: 4.2% 0 0 4.2%;
	width: 48%;
}

.wed1tit{
	position:relative;
	margin-bottom: 60px;
}

.wed1tit:before,.wed1tit:after{
	position:absolute;
	content:"";
	width: 160%;
	height:1px;
	background:#CCCCCC;
	right: 0;
	z-index: -1;
}

.wed1tit:before{
	top:0;
}

.wed1tit:after{
	bottom:0;
}

.wed1 h2{
	position:relative;
	text-align: left;
	padding: 35px 0;
}

.wed1 h2:before{
	position:absolute;
	content:"";
	background:#988650;
	width:65px;
	height: 2px;
	bottom:0;
	left:0;
}

.wed1 h2 span{
	font-size:2.4rem;
	font-weight:500;
}

.wedr .txt{
	max-width:480px;
}

.wed1p1{
	font-size:2.4rem;
	margin-bottom:30px;
}

.wed1p2{
	margin-bottom:25px;
}

.wed1d2{
	background: linear-gradient(to bottom, #fff 0%, #fff 25%, #F7F3EA 0%,  #F7F3EA 100%);
	padding: 0 0 50px;
}

.wed1d2 .wed1p2{
	text-align: center;
}

.wed1d2 ul{
	display: flex;
	max-width: 1200px;
	margin: 0 auto 50px;
	justify-content: space-between;
	width: 95%;
}

.wed1d2 li{
	background: #fff;
	border: 1px solid #988650;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	text-align: center;
	max-width: 208px;
	width: 19%;
	min-height: 208px;
}

.wed1d2 li p{
	font-size: 1.4rem;
	line-height: 1.5;
	margin-top: 15px;
}

.wedding section{
	position:relative;
}

.wed2{
padding: 115px 0 180px;
}

.wedding .abcoutxt{
	font-size: 26rem;
	color: #d8d8d8;
	letter-spacing: 21px;
	line-height: 1.4;
}

.wed2 .abcoutxt{
	top: 0;
	right: 40px;
}

.wedbar{
	padding-bottom:40px;
	margin-bottom:40px;
}

.wedbar:before{
	position:absolute;
	content:"";
	width:16px;
	height:4px;
	background:#3B6068;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.wed2 h2{
	max-width: 340px;
	margin-left: auto;
	margin-right: auto;
}

.wed2 h2:after{
	position:absolute;
	content:"";
	width:73px;
	height:101px;
	background:url(./img/wedding/co21.svg)no-repeat;
	left:0;
	bottom:0;
}

.wedp{
	text-align:center;
}

.wed2d{
	margin: 30px auto 0;
}

.wed2d dl{
	display:flex;
	justify-content: space-between;
	padding-bottom: 25px;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 20px;
}

.wed2d dd{
	font-weifht:700;
}

.wed2d dd span{
	font-weight:500;
	font-size:1.2rem;
}

.wed2d p{
	font-size:1.2rem;
}

.wed2d2{
	background: #F7F7F7;
	margin: 35px auto 0;
	padding: 40px 4%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.wed2l,.wed2r{
	max-width: 470px;
	width: 49%;
}

.wed2d2 h3{
	font-size:1.6rem;
	font-weight:700;
	padding-left:15px;
	border-left:4px solid #988650;
	margin-bottom:10px;
}

.wed2d2 p{
	font-size:1.4rem;
	letter-spacing: 2px;
}


.wed3{margin: -60px auto 0;}


.wed3 h2{
	max-width: 880px;
	margin: 0 auto -1px;
	text-align: center;
	border-radius: 10px 10px 0 0;
	padding: 6px 0;
	width: 90%;
}

.wed3sp1{
	font-size: 1.8rem;
}

.wed3dr{
	text-align: center;
	margin: 0 4%;
	width: 44%;
}

.wed3d{
	padding: 80px 0;
}

.wed3d2{
	display: flex;
	max-width: 880px;
	justify-content: space-between;
	margin: auto;
	width: 95%;
}



.wed3dl{text-align: center;width: 48%;max-width: 420px;}

.wed3dl .btn{
	width: 100%;
	max-width: initial;
	border: none;
	color: #212121;
	margin-top: 20px;
}

.wed3p1{
	font-size:1.4rem;
}

.wed3p2{
	font-size:3.2rem;
	font-weight:700;
	line-height: 1;
	margin-top: 5px;
}

.wed3p3{
	font-size:1.2rem;
}

.wed3p4{
	font-size:1.8rem;
	font-weight:700;
}

.wed3p5{
	padding: 10px 0;
	border: 1px solid;
	margin-top: 10px;
}



.wed4{
	padding: 120px 0;
}

.wed4 .abcoutxt{
	top: 0;
	left: 40px;
}

.wed4 h2{
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
}

.wed4 h2:after{
	position:absolute;
	content:"";
	width: 136px;
	height: 77px;
	background:url(./img/wedding/co41.svg)no-repeat;
	right: 0px;
	top: -30px;
}

.wed4 ul{
	display:flex;
	justify-content: space-between;
	margin: 70px auto 40px;
}

.wed4 li{
	max-width: 580px;
	width: 49%;
}

.wed4p2{
	font-size: 1.4rem;
	margin-top: 25px;
}

.wed4d{
	background:#F7F7F7;
	font-size: 1.4rem;
	padding: 22.5px 15px;
	text-align: center;
}

.wed5{
	background:url(./img/wedding/bg5.jpg);
	padding: 20px 0 80px;
}

.wed5p1{
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	width:fit-content;
	top: -26px;
	font-size:2.4rem;
}

.wed5u1{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.wed5u1 li{
	display: flex;
	border: 1px solid #988650;
	background: #fff;
	justify-content: center;
	align-items: center;
	width: 24%;
	min-height: 112px;
	max-width: 270px;
}

.wed5p2{
	font-weight: 700;
	margin-left: 10px;
	line-height: 1.5;
}

.wed5d{
	margin:75px auto 0;
	padding: 40px 0 0;
	border-top: 1px dotted;
}

.wed5p3{
	text-align:center;
	font-size:1.8rem;
	font-weight:700;
}

.wed5u2{display: flex;flex-wrap: wrap;align-items: flex-start;}

.wed5u2 li{
	margin-top: 30px;
	width: 20%;
}

.wed5u2 p{
	font-size: 1.4rem;
	text-align: center;
	margin-top: 10px;
}

.wed5d2{
	background:#fff;
	border:1px solid #CCCCCC;
	margin-top:30px;
	padding: 20px 2%;
	text-align:center;
}

.wed6{
padding: 115px 0 180px;
}

.wed6 .abcoutxt{
	top: 0;
	right: 40px;
}

.wed6 ul{
	margin:60px auto 0;
}

.wed6 li{
	display:flex;
	padding: 35px 0;
	border-bottom: 1px dotted #988650;
}

.wed6ci{
	border-radius:50%;
	width: 96px;
	height: 96px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.wed6ci.pc{
	display:flex;
}

.wed6ci span{
	font-size:2.4rem;
	line-height: 1;
}

.wed6d{
	margin-left:35px;
	width: 90%;
}

.wed6d h3{
font-size: 2.4rem;
margin-bottom: 10px;
}

.wed6d .btn{
margin: 15px 0 0;
border: 4px solid #988650;
color: #988650;
}

.wed6 li:last-child{
	border:none;
}

.wed7{
	padding: 110px 0 110px;
	background: url(./img/wedding/bg7.png)no-repeat center;
	background-size: cover;
}

.wed7 ul{
display: flex;
justify-content: space-between;
margin-top: 65px;
}

.wed7 li{background: #fff;max-width: 373px;width: 32%;border: 4px solid #3B6068;text-align: center;min-height: 442px;padding: 25px 2%;}

.wed7 li h3{
	font-size:1.4rem;
}

.wed7 li h3 span{
	font-size:2.4rem;
}

.wed7 li p{
	margin-top:20px;
	text-align:left;
}

.wed8{
	margin: 0;
	padding: 75px 0;
}

.wed8 h2 span{
	font-size:2.4rem;
}

.wed8 li:first-child{
	border-top:5px solid #3B6068;
}

.wed8 li{
	border-bottom:5px solid #3B6068;
}

.wed8 dt{
	color: #3B6068;
}

.wed8 .open dt {
	background-image: linear-gradient(to right, #3B6068 3px, transparent 0px);
}

.wed8 .b-b{
	color: #3B6068;
}

.wed8 dt .pulu span{
	background-color: #3B6068;
}

.wed8 dd p>span{
margin: 0;
font-size: 1.6rem;
}

.wed9{
	padding: 110px 0 180px;
}

.wed9d{display: flex;position: relative;padding: 0 0 70px;flex-direction: row-reverse;justify-content: flex-end;}


.wed9d .img{max-width: 1000px;width: 52%;}


.wed9 .wedr{
	padding: 0px 0px 0 0px;
	width: 52%;
}

.wed9tit{
	position:relative;
	margin-bottom: 60px;
	padding-left: 36%;
}

.wed9tit:before,.wed9tit:after{
	position:absolute;
	content:"";
	width: 125%;
	height:1px;
	background:#CCCCCC;
	left: -10%;
	z-index: -1;
}

.wed9tit:before{
	top:0;
}

.wed9tit:after{
	bottom:0;
}

.wed9 h2{
	position:relative;
	text-align: left;
	padding: 35px 0;
}

.wed9 h2:before{
	position:absolute;
	content:"";
	background:#988650;
	width:65px;
	height: 2px;
	bottom:0;
	left:0;
}

.wed9 h2 span{
	font-size:2.4rem;
	font-weight:500;
}

.wed9 .wedr .txt{
	max-width:480px;
	margin-left: 36%;
}

.wed9p1{
	font-size:2.4rem;
	margin-bottom:30px;
}

.wed9p2{
	margin-bottom:25px;
}
.btn.bggol{
	border:none;
	text-align: center;
}

.wed10{
padding: 100px 0 110px;
}

.wed10 h2 span {
    font-size: 2.4rem;
}

.wed10 .contact_tb {
	border-bottom: 4px solid #988650;
	border-top: 4px solid #988650;
	margin: 50px auto;
}

.wed10.contact_tb th,.wed10 .contact_tb td {
	border-bottom: 1px dotted #988650;
}

.wed10 .contact_tb th em {
	background: #3B6068;
}

.wed10 th label{
	display:flex;
	align-items: flex-start;
}

.wed11{
	background: url(./img/wedding/bg11.jpg)no-repeat center;
	background-size: cover;
	padding: 60px 0 70px;
}

.wed11d{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
}

.wed11dl{
	max-width:480px;
	width: 52%;
	margin-right: 10px;
}

.wed11dl h2{
	font-size: 3.2rem;
	line-height: 1.4;
	margin-bottom: 30px;
}

.wed11dl h2 span{
	font-size: 1.8rem;
}

.wed11p1{
	margin-bottom: 15px;
}

.wed11ld{
	margin-top:50px;
}

.wed11p2{
font-size: 1.8rem;
border-left: 8px solid;
padding-left: 10px;
margin-bottom: 20px;
}

.wed11d .img{
	margin-top:20px;
	width: 48%;
}

.wedding header{
	background: #fff;
	padding: 0 0 0 20px;
}

/* thx */

.thxdiv{
	padding:300px 0 ;
	text-align:center;
}

/*-- 固定ここまで --*/

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 1700px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.wed9tit{
	position:relative;
	margin-bottom: 60px;
	padding-left: 15%;
}

.wed9 .wedr .txt{
	max-width:480px;
	margin-left: 15%;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1700px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 1400px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.wed9tit{
	position:relative;
	padding-left: 0;
	margin: 0 auto 60px;
}

.wed9 .wedr .txt{
	max-width:480px;
	margin: auto;
}
	
.wed9 h2{
	position:relative;
	text-align: left;
	padding: 35px 0;
	width: fit-content;
	margin: auto;
}
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1400px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 1200px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.hline{
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 200px;
	width: 30%;
	background: #2FC42D url(./img/hline.png) no-repeat right;
}

.hline p{
	font-weight: 700;
	font-size:1.4rem;
}

.hline p span{
	font-size:1.4rem;
	letter-spacing: 1.6px;
}

.hcon{
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 200px;
	width: 30%;
	background: #FDDD6E url(./img/hmail.png) no-repeat right;
}

.hcon p{
	font-weight: 700;
	font-size:1.4rem;
}

.hcon p span{
	font-size:1.4rem;
	letter-spacing: 2px;
}

.htlu{
	display:flex;
	font-size: 2.6rem;
	align-items: baseline;
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: 2px;
}

.htlu img{
	width: 25px;
}

.hteld{
	font-size: 1rem;
	font-weight: 500;
}

.co61r{
	max-width: 522px;
	width: 55%;
}


.co61r li{
	width: 23%;
}

.co61l{
	width: 44%;
	max-width: 320px;
}

.content08{
	padding: 120px 0 0;
}

.ftsns .btn{
	max-width:260px;
	font-size: 1.2rem;
	height: 56px;
}

.ftdr>ul li{
	padding-right: 1%;
	border-right: 1px solid;
	margin-right: 1%;
}

.sitter2 .co3d{
	padding: 22px 15px;
	min-height: 134px;
	text-align: center;
	font-size: 1.6rem;
}

.pri4dl{
	max-width: 560px;
	padding-top: 0px;
	width: 50%;
}

.pri4d{
	align-items: center;
}

  .progressbar .item {
	  font-size: 2rem;
}

.flowtit:before{
	width: 72%;
}

.flow2 li:nth-child(2) .flowtit:before{
	width: 65%;
}
	

.abo4 .txt{
	padding: 5%;
}

.area4 .content08{
	padding: 120px 0 0;
}

.cou2{
	background: url(./img/course/bg2.png) no-repeat center;
	background-size: cover;
	background-position-x: 65%;
}

.cou8{
	padding: 120px 0 0px;
}

	.cou8 .bgcr:before{
	position:absolute;
	content:"";
	width:381px;
	height:520px;
	background:url(./img/course/co81.png)no-repeat top center;
	right: 0%;
	top: -17%;
	z-index: -1;
}


.cou9p2{
	font-size:1.4rem;
}

.cou11p2{
	font-size: 1.6rem;
}

.cou11 li .txt{
	max-width: 250px;
	margin-left: 10px;
	width: 60%;
}

.rec2 .abcoutxt{font-size: 80px;}

.rec3l h3{
	font-size: 2.4rem;
	margin-bottom: 20px;
}

.rec5{padding: 160px 0 0px;}

.sitemap02 dt{
	width: 15%;
}
.sitemap02 dd{
	width: 80%;
}



.wecoh2{font-size: 3.6rem;}

.wecovl{
	max-width: 560px;
	width: 48%;
	margin-right: 10px;
}

.wed1 h2 span{
	font-size:2rem;
	font-weight:500;
}

.wed1p1{
	font-size: 1.8rem;
	margin-bottom: 15px;
}

.wed1 h2{
	font-size: 3rem;
}

.wedr{
	padding: 0% 0 0 2%;
	width: 48%;
}

.wed1tit{
	margin-bottom: 25px;
}

.wed1d:before{
	width: 260px;
	height: 176px;
	background:url(./img/wedding/co12.svg)no-repeat;
	background-size: contain;
}

.wed1p2{
	margin-bottom:15px;
}


.wed9 h2 span{
	font-size:2rem;
	font-weight:500;
}

.wed9p1{
	font-size: 1.8rem;
	margin-bottom: 15px;
}

.wed9 h2{
	font-size: 3rem;
	width: initial;
}

.wed9 .wedl{
	padding: 0% 0 0 2%;
	width: 48%;
}

.wed9tit{
	margin-bottom: 25px;
}

.wed9d:before{
	width: 260px;
	height: 176px;
	background:url(./img/wedding/co12.svg)no-repeat;
	background-size: contain;
}

.wed9p2{
	margin-bottom:15px;
}
	
.wed9 .wedr .txt{
	max-width:480px;
	margin: 0;
}

.wed9 .wedr{
	padding: 0px 0px 0 2%;
	width: 52%;
}
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1200px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 1000px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/

img {
	width: auto;
	max-width: 100%;
	height: auto;
}



/*-----------------------------------------------------------
header
-----------------------------------------------------------*/

header {padding: 0 0 0 20px;}

header h1 {
	/* font-size: 80%; */
}

.logo {
	width: 28%;
}

.headerAdd {
	width: 45%;
	margin: 0 0 0 1%;
	font-size: 90%;
}

.headerTel {
	height: auto;
	margin: 0 0 0 0%;
}

.headerInc {
	display: none;
}


/*-----------------------------------------------------------
cover
-----------------------------------------------------------*/



/*-----------------------------------------------------------
nav
-----------------------------------------------------------*/


/*-----------------------------------------------------------
footer
-----------------------------------------------------------*/

.copyright small {
	width: 96%;
}



/* 全ページ共通クラス
----------------------------------------------------------- */

.pankuzu {
	width: 98%;
}


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

.conte02 .txtBox {
    width: 96%;
    padding: 2%;
}

.news li {
    width: 94%;
    margin: 0 1%;
}

.news dl {
    width: 98%;
    font-size: 90%;
}

.scroll-pane {
	width: 100% !important;
}


/* 中ページ
----------------------------------------------------------- */

.leadTxt {
	padding: 20px 2%;
	font-size: 100%;
}

.privacy dt {
	padding: 0 1%;
}

.privacy dd {
	margin: 10px 2%;
}

.company table {
	width: 100%;
}

.company th {
	width: 30%;
	padding: 10px 2%;
	border-bottom: 1px solid #fff;
}

.company td {
	padding: 10px 2%;
	border-bottom: 1px solid #fff;
}

.company iframe {
	width: 100%;
}

.listUl {
	width: 100%;
	margin: 30px auto 0;
}

.listUl li {
	width: 31.3%;
	margin: 0 1%;
}


/*-- お問い合わせ --*/



.contact_tb th {
	width: 280px;
	font-size: 1.4rem;
}

.contact_tb td {
	font-size: 1.4rem;
}

.contact_cf .clearForm,.contact_cf .clearForm2 {
	padding: 10px 5px;
}

.choose_list1 > li {
	width: 48%;
	margin: 0 0 0 2%;
}

.choose_list1 > li:first-child {
	margin: 0;
}

.choose_list1 {
	width: 60%;
	margin: 20px auto;
}



#zip1, #zip2 {
	width: 40%;
}

#city, #pref {
	width: 86%;
	margin: 2px 0 0 2%;
}

#add {
	width: 86%;
	margin: 2px 0 0 6.3%;
}

/*-- エラーチェック --*/

.formError {
	top: 20px !important;
	left: 10% !important;
}

.zip2formError {
	left: 54% !important;
}

.prefformError, .cityformError, .addformError {
	top: 30px !important;
	left: 10% !important;
}

.ui-dialog {
	width: 80% !important;
}

.hLogo{
	max-width: 180px;
	width: 100%;
}

	
.hline{
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 160px;
	width: 30%;
}


.hcon{
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 160px;
	width: 30%;
	background: #FDDD6E url(./img/hmail.png) no-repeat right;
}

.h2d li a{
	color:#669F4F;
	font-weight:700;
	font-size:1.2rem;
	letter-spacing:2px;
}

.mainTit{
	font-size: 3rem;
	text-align: center;
	line-height: 1.1;
	position: relative;
	z-index: 1;
}

.mainTit .mid{
	font-size: 2.4rem;
}

.co3tit h3{
	margin-left:10px;
	font-size: 1.4rem;
}

.co3p{
	font-size:1.4rem;
}

.content04:before{
	bottom: -50px;
}

.co6main{
	padding:80px 20px;
}

.co61r li{
	width: 24%;
	margin: 0 1% 20px 0;
	font-size: 1.2rem;
}

.co62r{
	font-size:1.4rem;
}

.co9d1 p{
	font-size:1.4rem
}

.ftd1{
	flex-direction: column;
}

footer .logo {
	width: 255px;
	margin-bottom: 10px;
}

.ftsns{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 30px;
	flex-direction: column;
}

.ftsns .btn{margin: 0 0 10px;}

.ftdl{
	max-width:531px;
	width: 40%;
}

.ftdr{
	max-width:490px;
	width: 60%;
}

/* .content05 li.pc{
	display:none;
}

.content05 li.sp{
	display:flex;
} */

.content03.sitter2 li{
	max-width: 270px;
	width: 24%;
	margin-top: 25px;
}

.sitter2 .co3d{
	padding: 22px 0px;
	min-height: 134px;
	text-align: center;
	font-size: 1.4rem;
}

.si3l h3{
	font-size:2.4rem;
	margin-bottom:20px;
	max-width: 420px;
}

.sitter6:before{
	bottom: -50px;

}


.catsitter .content03:before,.catsitter .content03:after{
	position:absolute;
	content:"";
	width: 39%;
	height:100%;
	z-index: -1;
}

.catsitter .content03:before{
	background:url(./img/catsitter/co22.svg)no-repeat top right;
	left:0;
	top: 10px;
}

.catsitter .content03:after{
	background:url(./img/catsitter/co21.svg)no-repeat top left;
	right:0;
	top: -65px;
	width: 40%;
}

.littlecritter .content03:before,.littlecritter .content03:after{
	position:absolute;
	content:"";
	width: 39%;
	height:100%;
	z-index: -1;
}


.littlecritter .content03:after{
	background:url(./img/littlecritter/co21.svg)no-repeat top left;
	right:0;
	top: 30px;
	width: 40%;
}

.si4ul h3{
	border-radius: 10px 10px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
	font-size: 1.2rem;
	text-align: center;
}


.si4ul li .txt{
		min-height: 141px;
		font-size: 1.4rem;
		padding: 20px 10px;
}

.sitter4 .co61r li:nth-child(8){margin: 0 1% 20px 0;}

.pridul li:nth-child(4){
	width: 30%;
}

.pridup3{
	font-size: 1.6rem;
	font-weight: 700;
}

.pridup3 span{
	font-size: 2.4rem;
}

.pridup1{
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
}

.prid1{
	margin-bottom:40px;
	padding: 75px 2%;
}

.pri3tit h3{
	margin-left:10px;
	font-size:2rem;
}

  .progressbar .item {
	  font-size: 1.8rem;
	  padding-right: 20px;
}

  .progressbar .item::after {
	  position: absolute;
	  z-index: 2;
	  top: 0;
	  bottom: 0;
	  content: '';
	  margin: auto;
	  width: 0;
	  height: 0;
	  border-style: solid;
	  border-width: 61px 0 61px 52px;
	  border-color: transparent transparent transparent #669F4F;
	  right: -4px;
	 }
  .progressbar .item::before {
	  position: absolute;
	  z-index: 2;
	  top: 0;
	  bottom: 0;
	  content: '';
	  margin: auto;
	  right: -23px;
	  width: 0;
	  height: 0;
	  border-style: solid;
	  border-width: 80px 0 80px 70px;
	  border-color: transparent transparent transparent #F7F3EA;
	 }

  .progressbar .itemd p{
	  font-size: 1.4rem;
	 }

.flow1 h2{
	font-size: 3rem;
	text-align: center;
}

.flowtit:before{
	width: 65%;
}

.flow2 li:nth-child(2) .flowtit:before{
	width: 55%;
}

.flow2 li:nth-child(3) .flowtit:before{
	width: 85%;
}

.flow2 li:nth-child(4) .flowtit:before{
	width: 80%;
}

.flow2 li:nth-child(5) .flowtit:before{
	width: 82%;
}

.abo1 h2{
	font-size: 3rem;
}
	
.abo4 h2>span>span{
	font-size: 1.2rem;
	width: 105%;
}


.abo4 .txt{
	border-radius: 0 0 10px 10px;
	border: 4px solid #669F4F;
	border-top: none;
	min-height: 325px;
	padding: 2%;
}

.area1:before{
	bottom: -50px;
}

.cocov{
	margin: 0 auto 30px;
	width: 95%;
}

.lptit1{
	font-size: 2.4rem;
}

.couth{
	width:25%;
	font-size: 1.6rem;
}

.coutd1{
	height: 87px;
	border-radius: 10px 10px 0 0;
	border-bottom: 0;
	font-size: 2.4rem;
	font-weight: 700;
}

.coutd2{
	height: 170px;
	border: 2px solid;
	width: 25%;
}

.cou9:before{
	position:absolute;
	content:"";
	background: url(./img/course/co91.png)no-repeat;
	width:392px;
	height:368px;
	top: 13%;
	right: 0%;
}

.cou10 .abcoutxt{
	top: 50px;
	font-size: 8rem;
}

.cou11p2{
	font-size: 1.4rem;
	font-weight: 700;
}

.cou12p2{
	font-size:1.4rem;
	font-weight:700;
	margin-top:10px;
}



.rec3l h3{
	font-size: 2rem;
	margin-bottom: 20px;
}
	

.rec5{
	padding: 120px 0 0px;
}

.sitemap01 .left,.sitemap01 .right{
	font-size: 1.4rem;
}



.sitemap01 .inner{
	padding: 0 0 200px 0;
	background-position-y: 129%;
}

.sitemap02 dt{
	width: 18%;
}
.sitemap02 dd{
	width: 80%;
}


.wecop1{
	margin: 50px auto 40px;
	padding: 35px 0;
	font-size: 2rem;
}

.wecoh2{font-size: 3rem;}

.wecovr{
	width: 48%;
}

.wed1 h2{
	font-size: 2.6rem;
	padding: 15px 0;
	width: 100%;
	margin: auto;
}

.wed5p2{font-size: 1.2rem;}

.wed5u2 p{
	font-size: 1.2rem;
	text-align: center;
	margin-top: 10px;
}

.wed7 li h3{
	font-size:1.2rem;
}

.wed7 li h3 span{
	font-size:1.8rem;
}

.wed9 h2{
	font-size: 2.4rem;
	width: initial;
}
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1000px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.pc {
	display: none;
}

.sp {
	display: block;
}

nav li a {
	font-size: 1.2rem;
	display: block;
}

.hamd a{
	margin: 5px 0;
	padding-left:20px;
}

.hamd a .green{
	margin-right:8px;
	font-size:0.8rem;
}
	
.contact_tb th {
	font-size: 1.6rem;
	border: none;
	padding: 20px 0 10px;
}

#main{
	margin:0 auto;
}

/* ヘッダー
----------------------------------------------------------- */


.telBtn {
	width: 35%;
	line-height: 1;
	margin: 3px 11% 0 0;
	font-size: 4rem;
}

.headerUl{
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.menuBtn {
	width: 40px;
	position: relative;
	height: 45px;
	display: flex;
	justify-content: center;
}

#cover .pc {
	display: none !important;
}

#cover .sp {
	display: block !important;
}


/*--- modal ---*/

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 25px;
  height: 24px;
  z-index: 9999;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #669F4F;
  border-radius: 4px;
}

.menuBtn>p {
  position: absolute;
  left: 0;
  bottom:0;
  font-size: 1.2rem;
  right: 0;
  margin: auto;
  width: 100%;
  color: #669F4F;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 10px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(10.5px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-10.5px) rotate(45deg);
}
/*gnav*/
.gnav{
	background: #fffffff6;
	height: 100%;
	position: fixed;
	width: 305px;
	z-index: 999;
	transition: .6s;
	right: 0;
	top: 64px;
	transform: translate(100%, 0px);
}

.gnav.active{
	display: block;
	transform: translate(0%, 0px);
}

.gnav__menu{
	display: block;
	width: 100%;
	height: 140%;
}

.gnav__wrap{
	align-items: flex-start;
	display: flex;
	height: 100%;
	justify-content: center;
	position: fixed;
	width: 100%;
	top: 0px;
	overflow: scroll;
}

nav .gnav__menu__item{
	margin: 0 20px;
	padding: 20px 0px;
	border-bottom: 0.5px dotted #7D8082;
}

.hambtn{
	font-size: 1.4rem;
	font-weight: 500;
}



.plus{
	position:relative;
}

.plus:before,.plus:after{
	position:absolute;
	content:"";
	background: #000000;
	width: 15px;
	height: 1.5px;
}

.hambtn.plus:before{
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}

.hambtn.plus:after{
	right: 0px;
	top: 0;
	bottom: 0;
	transform: rotate(90deg);
	margin: auto;
}

.plus.open:after{
	display:none;
}

.hamd{
	display:none;
}


/* .hamd{
	display:none;
}

.open+.hamd{
	display:block;
} */

	
.gnav__menu__item > a{
	font-size: 1.4rem;
	padding: 0;
	text-decoration: none;
	transition: .5s;
	background: none;
	width: 100%;
	font-weight: 500;
}


	
.gnav__menu__item >.hamcon{
	border: 1px solid #fff;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	border-radius: 5px;
}

nav .gnav__menu__item a.btn03{
	padding: 0 5%;
	font-size: 2rem;
}

.gnav__menu__item a:hover{
	color: #e62219;
}

.hline.sp{
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 100px;
	width: 100%;
	background: #2FC42D;
	border-radius: 4px;
	box-shadow: 0 3px 0 #000000b3;
	margin-right: 15px;
}

.hline.sp a{
	display:flex;
	align-items: center;
}

.hline.sp a img{
	width:20px;
	margin-right: 5px;
}

.hline p{
	font-weight: 700;
	font-size:1.2rem;
}

header {
    height: 64px;
    background: #fff;
    padding: 0 20px;
}

#cover {
	width: 100%;
	margin: 65px auto 0;
}


.content02 .inner2{
	display:flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column-reverse;
}

.co1l{
	max-width: initial;
	width: 95%;
}

.co1r{
	max-width: initial;
	width: 95%;
}

.co1p{
	margin:20px auto;
	font-weight: 500;
	font-size: 1.4rem;
}

.abimg{
	position:absolute;
	content:"";
	bottom: 0px;
	right:0;
	z-index: -1;
}

.content02{
	padding: 0px 0 80px;
	position:relative;
	z-index: 1;
}

.abs2l,.abs2r{
	height:50px;
}

.content02:after{
	left: -37px;
	top: 30px;
	z-index: -1;
}
	
.content02:before{
	right: 20px;
	top: 15px;
}

.content02:before,.content02:after{
	position:absolute;
	content:"";
	width:87px;
	height:63px;
	background:url(./img/co23.png)no-repeat;
	background-size: contain;
	z-index: 0;
}

.abs1{
	position:absolute;
	display:block;
	width: 110%;
	max-width:2090px;
	height: 100px;
	border-radius: 50%;
	left: -5%;
	right: auto;
	top: -60px;
	margin: auto;
	z-index: -1;
}

.ad1{
	background: url(./img/ad1.jpg)no-repeat center;
	background-size: cover;
	position: relative;
	z-index: 1;
	padding: 23px 0;
}

.ad1:before {
    position: absolute;
    content: "";
    background: #669F4Fcc;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
}

.ad1 ul{
	display:flex;
	justify-content: space-between;
	width: 90%;
	margin: auto;
}

.ad1 li{
	height:70px;
	background:#fff;
	padding: 5px;
	border-radius: 10px;
	position: relative;
	min-width: 102px;
	width: 30%;
}

.ad1d{
	border:1px dotted #669F4F;
	border-radius: 10px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.abnom{
	position:absolute;
	color:#669F4F1a;
	font-size:3.7rem;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: fit-content;
	height: fit-content;
}

.ad1p{
	font-size:1.4rem;
	font-weight:700;
	text-align: center;
}


#cover img{margin:auto;padding: 0 0px;}




.content01{
	margin: 30px auto;
	text-align: center;
	width: 95%;
}

.bgte:before{
	position:absolute;
	content:"";
	background:url(./img/te.png)no-repeat;
	background-size: contain;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 90px;
	height: 90px;
}

.ad2{
	position: relative;
	background: url(./img/ad26.png)no-repeat bottom right;
	padding: 0px 0 20px;
	margin-bottom: 60px;
}

/* .ad2:before{
	position:absolute;
	content:"";
	width:100%;
	height:1px;
	border-bottom:1px dotted;
	left: 0;
	bottom: 13px;
} */

.ad2 ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 500px;
	margin: auto;
}

.ad2 li{
	width:30%;
	margin:0 1%;
}

.bgte{
	position: relative;
	padding: 18px 0;
}

.ad2tit{
	width:fit-content;
	margin:auto;
}

.ad2tit:after{
	position:absolute;
	content:"";
	width:100%;
	height:1px;
	border-bottom:1px dotted;
	left: 0;
	bottom: 13px;
}

.ab2d{
	position:relative;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.ab2d:before{
	position:absolute;
	content:"";
	width:50px;
	height:10px;
	background:url(./img/sankaku.png)no-repeat;
	background-size: contain;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.ab2ani{
	position:relative;
	width:100%;
	max-width: 385px;
	margin: auto;
}

.ab2ani:before,.ab2ani:after{
	position:absolute;
	content:"";
	height:100%;
}

.ab2ani:before{
	background:url(./img/ad27.png)no-repeat;
	background-size:contain;
	width: 95px;
	left:0;
	bottom: -30px;
}

.ab2ani:after{
	background:url(./img/ad28.png)no-repeat;
	background-size:contain;
	width:52px;
	right: 30px;
	bottom: -20px;
}

.yebar:before{
	position:absolute;
	content:"";
	background:#FDDD6E;
	width:100%;
	height:4px;
	bottom: 5px;
	left:0;
	z-index: -1;
}

.content03 li{
	max-width: 580px;
	width: 100%;
	margin: 30px auto 0;
}

.co3tit h3{
	margin-left:10px;
	font-size: 1.6rem;
}

.co3d{
	background:#fff;
	border:4px solid #669F4F;
	padding: 20px 15px;
	min-height: initial;
	position: relative;
}

.btnarea{
	display:flex;
	justify-content: space-between;
	align-items: center;
	max-width: 810px;
	width: 100%;
	margin: auto;
	flex-direction: column;
}

.btnarea .btn{
	margin:10px auto 0;
}
	
.content03 ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	margin: 0 auto 20px;
}

.content03 .mainTit .big{
	font-size:4rem;
}

.co3tit{
	background-image: linear-gradient(to right, #669F4F 1px, transparent 1px);
	background-size: 3px 1px;
}

a.btn{
	display:flex;
	max-width:385px;
	width: 95%;
	height:56px;
	font-size: 1.4rem;
}

.btn img{
	margin-right:8px;
	width:20px;
}

.abs3{
	position:absolute;
	top:0;
	left:0;
	background-color: #F7F3EA;
	width: 100%;
	height: 65px;
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
	z-index: -1;
}



.overul{width: 95%;overflow-x: scroll;margin: 0 auto;max-width: 700px;padding: 0 0 20px;}

.content04 ul{
	flex-wrap: nowrap;
	width: 768px;
	height: 100%;
	max-width: initial;
	margin: 0px auto 0;
	width: 1500px;
	justify-content: flex-start;
}
	
.content04 li{
	margin:0 20px;
	width: 100%;
}

.content04:before{
	bottom: -40px;
}

.content04{
	padding: 50px 0 100px;
	position:relative;
	z-index: 1;
}


.ribon{
	font-size:1.6rem;
	padding: 10px 20.5px;
}

.ribon:before,.ribon:after{
	position:absolute;
	content:"";
	width: 44px;
	height: 47px;
	bottom: -13px;
}

.ribon:before{
	background:url(./img/co4l.png)no-repeat;
	background-size: contain;
	left: -25px;
}

.ribon:after{
	background:url(./img/co4r.png)no-repeat;
	background-size: contain;
	right: -27px;
}

/* .content05 li{
	width: 100%;
	padding-left: 30px;
	height: 80px;
	align-items: center;
	margin: 0 auto 25px;
} */

.content05 .inner2>p{
	text-align:center;
	font-weight:500;
	/* color:#fff; */
	margin-bottom:20px;
	font-size: 1.4rem;
}

.abs4{
	position:absolute;
	width: 120%;
	height: 72px;
	bottom: -30px;
	background: url(./img/nami.png);
	background-size: contain;
	left: -45px;
}

	
.slider.sp{
	display:block;
}

.slider.pc{
	display:none;
}

.plus{
	position:relative;
}

.plus:before,.plus:after{
	position:absolute;
	content:"";
	background: #704B20;
	width: 16px;
	height: 2px;
}

.plus:before{
	right: 38px;
	top:0;
	bottom:0;
	margin:auto;
}

.plus:after{
	right: 38px;
	top: 0;
	bottom: 0;
	transform: rotate(90deg);
	margin: auto;
}

.open >.plus:after{
	display:none;
}

.co6tit{
	height: 61px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 15px;
	border-top: 2px solid;
}

.co6tit img{
	width:48px;
	object-fit: none;
}

.co6d:last-child{
	border-bottom:2px solid;
}

.co6d.open:last-child{
	border:none;
}

.co6tit h3{
	font-size:2rem;
	margin-left:10px;
}

.co61{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-bottom: 10px;
	flex-direction: column;
}

.co61l{
	width: 100%;
	margin-bottom: 10px;
	max-width: initial;
}

.co61r{
	max-width: initial;
	width: 100%;
}

.co61r li{
	width: fit-content;
	margin: 0 1% 10px 0;
	font-size: 1.2rem;
	min-height: initial;
	padding: 4px 8px;
	max-width: initial;
	border: none;
	border-radius: 0;
}


.co61r li:nth-child(4n+4){
	margin: 0 1% 10px 0;
}


.co61l .prip1{
	padding: 0px 13.5px;
	font-size: 1.6rem;
}

.prip1.bgor{
	background:#F29436;
}

.co61l .prip2{
	font-size: 3.2rem;
	font-weight:700;
	margin-left: 10px;
}

.co61l .prip2 span{
	font-size: 1.4rem;
}

.priced{
	margin-top: 20px;
}

.co6main{
	padding:30px 15px;
}


.co6d:last-child .co6main{
	margin-bottom:0;
}



.co62 li{
	border-top: 2px dotted #704B20;
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: column;
}

.co62l{
	display:flex;
	align-items: flex-start;
	flex-direction: column;
}

.co62l .tag{
	margin: 10px 0;
	font-size: 1.2rem;
}

.lbar{
	position:relative;
	padding-left:10px;
}

.content06{
	padding: 90px 0 50px;
	position:relative;
	z-index: 0;
}

.co71{
	background: url(./img/bg7sp.jpg)no-repeat center;
	background-size: cover;
	z-index:1;
}

.littlecritter .co71{
	background: url(./img/littlecritter/bg7.jpg)no-repeat center;
		background-size: cover;
	z-index:1;
}

.catsitter .co71{
	background: url(./img/catsitter/bg7sp.jpg)no-repeat center;
		background-size: cover;
	z-index:1;
}
	

.updots span:before{
	position:absolute;
	content:"";
	width: 4px;
	height: 4px;
	background:#FDDD6E;
	border-radius: 50%;
	left: 0;
	right: 0;
	top: 2px;
	margin: auto;
}

.co72 .inner2 >ul{
	margin-bottom: 10px;
	flex-direction: column;
}
	
.co72 .inner2> ul>li{
	width: 100%;
	margin: 25px auto 0;
	padding: 15px;
}

.co72p{
	font-size:1.2rem;
	max-width:500px;
	margin:auto;
}

.co72 li p{
	font-size:1.4rem;
}

.co72 li p span{
	font-size:2.4rem;
}

.co72 li h3{
	font-size:2.4rem;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.content08{
	padding: 80px 0 0;
}

.content08 .mainTit:after{
	position:absolute;
	content:"";
	width: 79px;
	height: 61px;
	background: url(./img/co81.png)no-repeat;
	background-size: contain;
	right:0;
	top: -10px;
}

.content08 .mainTit{
	padding: 50px 70px;
}

.abs1.up{
	top: -60px;
}

.abs1.down{
	top:auto;
	bottom: -35px;
}

.co9d{
	display:flex;
	justify-content: space-between;
	margin-top: 35px;
	flex-direction: column;
}

.co9d>div{
	max-width:580px;
	width: 100%;
	margin: 0 auto 25px;
}

.co9r h3{
	background:#F29436;
	font-size:1.8rem;
	text-align:center;
	padding: 11px 0;
}

.co9d1 p{
	margin-top: 10px;
	margin-bottom:20px;
	text-align: center;
	font-size:1.4rem
}

.midashi1:before{
	bottom: -10px;
}

.co10ul2 li{
	padding: 20px 0;
	border-bottom: 2px dotted;
	flex-direction: column;
	font-size: 1.4rem;
}

.co10ul2 li:last-child{
	border:none;
}

.co10li.active{
	display:block;
	background:#fff;
	padding:15px;
}

.ctab{
	font-size:1.4rem;
	padding: 3px 0;
}

.contab{margin: 15px auto 0;}


.content11 li{
	max-width: 270px;
	width: 32%;
	margin-bottom: 15px;
}

.content11 li:nth-child(7),.content11 li:nth-child(8){
	display:none;
}

.contact-area h2{
	width: 80%;
	font-size: 2.4rem;
	max-width: 880px;
	margin: auto;
	text-align: center;
	border-radius: 10px 10px 0 0;
}

.card{
	padding:25px 0;
}

.cardp{
	font-size: 1.4rem;
	padding: 10px 0;
	flex-direction: column;
	width: 83%;
	margin: 0 auto 20px;
}

.cardp .big{
	font-size: 2.4rem;
	margin-left: 0px;
}

.card1{
	display:flex;
	justify-content: space-between;
	width: 100%;
	flex-direction: column;
	align-items: center;
}

.card1l{
	max-width:420px;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.card1l .btn{
	max-width: 385px;
	margin-bottom: 10px;
}


.card1r{
	max-width:420px;
	width: 100%;
}

.card1rp .big{
	font-size:3.2rem;
	line-height: 1.4;
	margin-top: 0px;
}

.card1rp .small{
	text-align:center;
}

.card1rp2{
	font-size: 1.2rem;
	max-width: 355px;
	margin: 15px auto 0;
	width: 90%;
}

footer .inner {
	padding: 0 0 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
}

.ftd1{
	margin: 0 auto 30px;
	align-items: center;
}

footer .logo {
	width: 195px;
	margin-bottom: 10px;
}

.ftsns{
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	flex-direction: column;
}


.ftsns .btn{margin: 0 0 10px;max-width: 385px;}

.ftdl{
	max-width:531px;
	width: 100%;
	margin: auto;
}

.ftdr{
	max-width:490px;
	width: 100%;
	margin:auto;
}

.ftd2{
	text-align: center;
	margin-bottom: 25px;
}

.ftdr>ul{
	flex-wrap:wrap;
	margin: 25px auto 0;
	justify-content: center;
	max-width: 270px;
}

.ftdr>ul li{
	width:60%;
}

.ftdr>ul li:nth-child(1),.ftdr>ul li:nth-child(3){
	width:35%;
}

.ftdr>ul li{
	padding-right: 0%;
	border-right: none;
	margin-right: 0%;
	margin-bottom: 5px;
}

.ftdrli{
	border-top:1px dotted;
	border-bottom:1px dotted;
	padding:25px 0;
	justify-content: space-around;
}

.ftdrli ul{
	width: 40%;
}


footer {
	margin: 0px auto 70px;
	padding: 30px 0 0;
}

.content11{
	padding: 0px 0 40px;
}

.content10{
	padding: 100px 0 50px;
	position:relative;
	z-index: 0;
}

.content07{
	padding: 0 0 100px;
}

.side_btn{
	position:fixed;
	right:0;
	bottom:0;
	z-index: 999;
	width: 100%;
	background: #FFFFFFd6;
}

.bottomd{
	display:flex;
	justify-content: center;
	align-items: center;
	height: 70px;
}

.bottomd a{
	display:flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	max-width: 380px;
	width: 85%;
	border-radius: 10px;
	box-shadow: 0 3px 0 #000000b3;
	margin: 0 1%;
}

.bottomd a p{
	font-size:1.4rem;
	margin-left:5px;
}

html{
	 scroll-padding-top: 70px;
}

.content03 .mainTit img{
	max-width: 158px;
}

.contact_tb th,.contact_tb td {
	width: 100% !important;
	display: block;
}

.clearForm,
.clearForm2 {
	height:56px;
}

.conteBox{
	margin-bottom:40px;
}

.contact_tb {
	margin: 25px auto 30px;
}

.article #main {
	margin: 25px auto 0;
}

.cover{
	height:120px;
	margin: 65px auto 0;
}

.contact .cover{
	background:url(./img/contact/mvsp.jpg)no-repeat;
	background-size: cover;
}

.reserve .cover{
	background:url(./img/reserve/mvsp.jpg)no-repeat;
	background-size: cover;
}

.dogsitter .cover{
	background: url(./img/dogsitter/mvsp.jpg)no-repeat center;
	background-size: cover;
}

.catsitter .cover{
	background: url(./img/catsitter/mvsp.jpg)no-repeat center;
	background-size: cover;
}

.littlecritter .cover{
	background: url(./img/littlecritter/mvsp.jpg)no-repeat center;
	background-size: cover;
}

.bprice .cover{
	background: url(./img/price/mvsp.jpg)no-repeat center;
	background-size: cover;
}
	
.about .cover{
	background: url(./img/about/mvsp.jpg)no-repeat center;
	background-size: cover;
}

.flow .cover{
	background: url(./img/flow/mvsp.jpg)no-repeat center;
	background-size: cover;
}

.area .cover{
	background: url(./img/area/mvsp.jpg)no-repeat center;
	background-size: cover;
}

.sitemap .cover{
	background: url(./img/sitemap/mvsp.jpg)no-repeat center;
	background-size: cover;
}


#station{
	max-width: initial;
	width: 40%;
}

#station2{
	max-width:initial;
	margin-left: 0px;
	width: 40%;
}

.ekip{
	width: 19%;
	text-align:center;
}

.confl{
	display:flex;
	align-items: center;
	flex-wrap:wrap;
}

.meetp{
	width:100%;
}

input[type="date"]{
	max-width: 150px;
	width: 45%;
	-webkit-appearance: none;
	background: #fff;
	color: #000;
	padding-left: 10px;
}

select{
	max-width:140px;
	width: 68%;
	-webkit-appearance: none;
	background: #fff;
	color: #000;
	padding-left: 10px;
}

#sdate{
	max-width:270px;
	width:40%;
}

.select1{
	margin-left: 5px;
	width: 26%;
	max-width: 110px;
}

.contact_tb .small{
	font-size:1.2rem;
	margin-top: 15px;
}

.cover h2,.cover h1,.cover_title{
	font-size:2.4rem;
}

.conteBox>p{
	font-size: 1.4rem;
	font-weight:700;
	position:relative;
	width: fit-content;
	margin: auto;
	padding: 0 35px;
}

.sitter1{
	position: relative;
	padding-top:25px;
	padding-bottom: 120px;
}

.content03.sitter2 ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	margin: 20px auto 45px;
	z-index: 1;
	position: relative;
}

.content03.sitter2 li{
	max-width: 270px;
	width: 48%;
	margin: 25px auto;
}

.sitter2 .co3d{
	padding: 8px 0px;
	min-height: 96px;
	text-align: center;
	font-size: 1.4rem;
}

.content03.sitter2 li .nom{
	font-size: 1.8rem;
	text-align: center;
	line-height: 0.8;
	position: relative;
}

.dogsitter .content03:before,.dogsitter .content03:after{
	position:absolute;
	content:"";
	width: 40%;
	height:100%;
	z-index: -1;
}

.dogsitter .content03:before{
	background:url(./img/dogsitter/co22.svg)no-repeat top right;
	background-size: contain;
	left: -60px;
	top: 60px;
	max-height: 118px;
}

.dogsitter .content03:after{
	background:url(./img/dogsitter/co21.svg)no-repeat top left;
	background-size: contain;
	right:0;
	top: 75px;
	width: 30%;
	max-height: 108px;
	z-index: 0;
}

.sitter2 .content03{
	padding: 10px 0 80px;
}

.catsitter .content03:before,.catsitter .content03:after{
	position:absolute;
	content:"";
	width: 40%;
	height:100%;
	z-index: -1;
}

.catsitter .content03:before{
	background:url(./img/catsitter/co22.svg)no-repeat top right;
	background-size: contain;
	left: -80px;
	top: 85px;
	max-height: 104px;
}

.catsitter .content03:after{
	background:url(./img/catsitter/co21.svg)no-repeat top left;
	background-size: contain;
	right: -85px;
	top: 0px;
	width: 52%;
	max-height: 196px;
	z-index: 0;
}

.littlecritter .content03:before,.littlecritter .content03:after{
	position:absolute;
	content:"";
	width: 40%;
	height:100%;
	z-index: -1;
}

.littlecritter .content03:before{
	background:url(./img/littlecritter/co22.svg)no-repeat top right;
	background-size: contain;
	left: -60px;
	top: 85px;
	max-height: 88px;
}

.littlecritter .content03:after{
	background:url(./img/littlecritter/co21.svg)no-repeat top left;
	background-size: contain;
	right: -90px;
	top: 70px;
	width: 47%;
	max-height: 138px;
	z-index: 0;
}



	
.abs4.abs4wh{
	background: url(./img/nami2.png);
	z-index: -1;
	background-size: contain;
}

.sitter3 li{
	flex-direction: column-reverse!important;
	width: 98%;
	margin: 0 auto 50px;
}


.sitter3 li .si3l{margin: 25px auto 0!important;}

.sitter3 li:nth-child(2) .si3l{
	margin-right:0px;
	margin-left:10px;
}

.sitter3 li .img{
	max-width:560px;
	width: 100%;
}

.si3l p{
	max-width:560px;
}

.si3l h3{
	margin-bottom: 0px;
	max-width: 560px;
}

.sitter4 .abs3{
	position:absolute;
	top:0;
	left:0;
	background-color: #F7F3EA;
	width: 100%;
	height: 83px;
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
	z-index: -1;
}

.sitter3{
	padding: 80px 0 50px;
}


.sitter3 .titarea:after{
	position:absolute;
	content:"";
	width: 118px;
	height: 90px;
	background: url(./img/co81.png)no-repeat;
	background-size: contain;
	right: 0;
	top: -80px;
	z-index: 1;
}

.sitter3 .titarea{
	 position:relative;
	 max-width: 428px;
	 margin: auto;
	 padding: 0;
	 width: 100%;
}

.sitter4 .co6main{
	margin: 0 auto 25px!important;
}

.sibl .co6main{
	display: block!important;
}

.content06.sitter4{
	padding: 110px 0 60px;
}

.sitter4 .titarea p{
	display: flex;
	align-items: flex-end;
	justify-content: center;
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 10px;
}

.si4p2{
	font-size: 1.4rem;
	text-align: left;
	padding: 20px 20px;
	border-top: 4px dotted;
	border-bottom: 4px dotted;
	margin-bottom: 45px;
}

.tag{
	width: fit-content;
	padding: 0px 12px;
	height: 25px;
	display:flex;
	justify-content: center;
	align-items: center;
	border: 1px solid;
	margin: 5px 0 15px;
	font-size: 1.2rem;
}

.co61l h4{
	font-size:1.8rem;
}

.co61l p{
	font-weight:500;
	font-size:1.4rem;
}

.sitter4 .co61r li{
	width: fit-content;
	margin: 0 1% 10px 0;
	font-size: 1.2rem;
	min-height: initial;
	padding: 4px 5px;
	max-width: initial;
	border-radius: 0;
	border: 1px solid #CCCCCC;
	max-height: 25px;
}

.sitter4 .co61r li.pc{
	display:none;
}

.big .price{flex-direction: initial;align-items: center;}

.big .prip1{padding: 0 28px;}


.co61l .big .prip2{line-height: 1.4;}

.sitter5{
	padding: 60px 0 40px;
}

.sitd1{
	height: 33px;
	border: 1px solid;
}

.sitd1 p{
	display: flex;
	align-items: center;
	justify-content: center;
}

.sitd1 img{
	width:12px;
	height:12px;
}

.sitter5 th{
	border-bottom: 1px solid;
	border-top: 1px solid;
	border-left: 1px solid;
	width: 133px;
	font-size: 10px;
}


.sitter5 td{
	background: #fff;
	text-align: center;
	width: 19.4%!important;
}

.sitd2{
	height: 88px;
	font-size:1.2rem;
}

.sitd2 span{
		-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: pre;
}

.sitter6 .brobtn{
	margin:15px auto 40px;
}

.sitter .content05{
	padding: 50px 0 30px;
}

.sitter6:before{
	bottom: -40px;
}

.content07.sitter6{
	padding: 0 0 200px;
}

.sitter2 .btnarea .brobtn{
	width: 95%;
	max-width: 373px;
}

.sitter4 .co61r li.sp{
	display:flex;
}

.si4ul li{
	max-width: initial;
	width: 100%;
	margin: 0 auto 35px;
}

.si4ul h3{
	height: 71px;
	font-size: 1.4rem;
}


.si4ul li .txt{
		min-height: initial;
		font-size: 1.4rem;
		padding: 15px;
}


.si4ulp{
	font-size:1.2rem;
}

.updots.green span:before{
	background: #669F4F;
	top: -5px;
	width: 8px;
	height: 8px;
}


.pri1ul1 li{
	margin-bottom: 10px;
	font-size: 1.6rem;
	padding: 0px 30px;
}

.pri1ul1 li .pri1d{
	display: flex;
	align-items: flex-start;
}

.pri1ul1 li .pri1d img{
	padding: 5px 0 0;
}

.pri1p{
	font-size:1.2rem;
	font-weight:700;
	line-height: 1;
}

.pri1 h2{
	font-size: 2.4rem;
	padding-bottom: 25px;
	margin: 0 auto 30px;
}

.pri1 h2:before,.pri1 h2:after{
	position: absolute;
	content: "";
	width: 66px;
	height: 49px;
	background: url(./img/co23.png)no-repeat;
	background-size: contain;
	z-index: -1;
}

.pri1 h2:before{
	left: 0;
	bottom: -35px;
}

.pri1 h2:after{
	bottom: auto;
	right: -10px;
	top: -25px;
}

.pri1 .updots span:before{
	width:8px;
	height:8px;
	top: -5px;
}

.pri1{
	position: relative;
	padding: 0 0 100px;
}


.pri2 .abs4{
	position:absolute;
	width: 120%;
	height: 72px;
	bottom: auto;
	top: -40px;
}

.content06.sitter4.pri2{
	padding: 40px 0 50px;
}

.pri2 .co6tit{
	height: 62px;
	margin-bottom: 0px;
	border-radius: 0px;
	border: none;
}

.pri2 .open .co6tit{
	margin-bottom: 15px;
}

.pri2 .co6tit h3{
	font-size:1.4rem;
	margin-left:10px;
}

.pri2d{
	margin-bottom:0px;
}


.pri2d2{
	margin-top:80px;
}

.pridul{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.pridul li{
	width: 45%;
	position:relative;
	margin-bottom: 30px;
}

.pridul li:nth-child(3){
	width: 100%;
}

.pridul li:nth-child(4){
	width: 60%;
	margin: auto;
	height: 77px;
}

.pridup3{
	font-size: 1.8rem;
	font-weight: 700;
}

.pridup3 span{
	font-size: 3.2rem;
}

.pridup1{
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
}

.pridul li:nth-child(4):before{
	position:absolute;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10.5px 24px 10.5px;
	border-color: transparent transparent #FDDD6E transparent;
	left: 0;
	bottom: auto;
	top: -15px;
	margin:auto;
	z-index: -1;
	right: 0;
}

.pridul li:nth-child(1):before{
	position:absolute;
	content:"";
	background:url(./img/price/plus.svg)no-repeat;
	width:16px;
	height:16px;
	right: -13%;
	bottom:0;
	top:0;
	margin:auto;
}

.pridul li:nth-child(3):before{
	position:absolute;
	content:"";
	background:url(./img/price/arrow.svg)no-repeat;
	width:16px;
	height:8px;
	left: 0;
	bottom: auto;
	top: -20px;
	margin:auto;
	right: 0;
	transform: rotate(90deg);
}

.prid2{
	align-items: flex-start;
	margin-bottom: 25px;
	font-size: 1.4rem;
	flex-direction: column;
}

.prid2p1{
	width: 59px;
	border-radius: 16px;
	font-size: 1.2rem;
	margin-bottom: 10px;
}

.prid1{
	margin-bottom:40px;
	padding: 25px 5%;
}

.pri2d2d{
	padding: 15px 15px 1px;
	margin-bottom: 25px;
}

.pri2d2d h3{
	padding-left: 15px;
	font-size: 1.6rem;
	font-weight: 700;
}

.pri2d2d h3.lbar:before{
	background: #704B20;
	height: 26px;
}

.pri2d2d p{
	font-size: 1.4rem;
	font-weight: 500;
	margin-bottom: 25px;
}

.pri3 li{
	max-width: 500px;
	width: 95%;
	padding: 15px;
	margin: 25px auto 0;
}


.pri3txt{
	min-height: initial;
}

.pri3p1{
	font-size: 1.4rem;
}

.pri3p2{
	font-weight: 700;
	font-size: 2.4rem;
	margin-top: 15px;
}

.pri3p2 span{
	font-size: 1.4rem;
}

.pri3tit h3{
	margin-left:10px;
	font-size:1.8rem;
}


.pri3>div{
	padding: 0 0 140px;
}

.abs2{
	bottom: -1px;
}

.pri4d{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
}

.pri4dl{
	max-width: 560px;
	padding-top: 0px;
	width: 95%;
	margin: 0 auto 30px;
	font-size: 1.4rem;
}

.pri4dl h2{
	padding: 40px 0;
	width: fit-content;
	margin: auto;
}

.pri4 .img{
	max-width: 560px;
	width: 95%;
	margin: auto;
}

.pri4{
	padding: 20px 0 40px;
}


.pri5{
	position:relative;
	z-index: 1;
	background: url(./img/price/bg5sp.png)no-repeat left top;
	background-size: contain;
	padding: 90px 0 90px;
	margin-bottom: -50px;
}

.pri5p1{
	margin: 10px 0 0;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.6;
}

.pri5p1 span{
	text-decoration: underline;
}

.pri5p2{
	font-size: 1.4rem;
	width: fit-content;
	margin: 15px auto;
	text-align: center;
	line-height: 2;
}

.pri5p3{
	text-align: left;
	padding: 10px 0;
	margin-bottom: 40px;
	border-top: 4px dotted;
	border-bottom: 4px dotted;
	font-size: 1.2rem;
}

.pri5 ul{
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
	flex-direction: column;
}

.pri5 li{
	text-align: center;
	width: 100%;
	display: flex;
}

.pri5p4{
	padding: 13.5px 0;
	border-right: none;
	font-size: 1.4rem;
	font-weight: 500;
	width: 50%;
	border-bottom: 1px solid #fff;
}

.pri5p5{
	border: 1px solid #669F4F;
	background: #fff;
	font-size: 1.4rem;
	font-weight: 700;
	padding: 12.5px 0;
	width: 50%;
}

.pri5 li:last-child .pri5p4{
	border:none;
}

.pri5d{
	
}

.pri5d h3{
	max-width: initial;
	text-align: center;
	margin: auto;
	border-radius: 10px 10px 0 0;
	font-size: 1.6rem;
	padding: 5px 0px;
}

.pri5txt{
	border: 4px solid #FDDD6E;
	padding: 10px 15px;
	background: url(./img/price/co51sp.svg)no-repeat right bottom #fff;
	font-size: 1.4rem;
}

.pri5 .abs3{
	top: -1px;
	height: 51px;
}



  .progressbar .item {
	  font-size: 1rem;
	  padding-right: 0px;
	  height: 40px;
}

  .progressbar .item::after {
	  position: absolute;
	  z-index: 2;
	  top: 0;
	  bottom: 0;
	  content: '';
	  margin: auto;
	  width: 0;
	  height: 0;
	  border-style: solid;
	  border-width: 20px 0 20px 16px;
	  border-color: transparent transparent transparent #669F4F;
	  right: -4px;
	 }
  .progressbar .item::before {
	  position: absolute;
	  z-index: 2;
	  top: 0;
	  bottom: 0;
	  content: '';
	  margin: auto;
	  right: -8px;
	  width: 0;
	  height: 0;
	  border-style: solid;
	  border-width: 25px 0 25px 20px;
	  border-color: transparent transparent transparent #F7F3EA;
	 }

  .progressbar .itemd p{
	  font-size: 1rem;
	 }

.flow1 h2{
	font-size: 2.4rem;
	text-align: center;
}

.flowtit:before{
	display:none;
}

.flow2d{
	align-items: center;
	flex-direction: column;
}

.flow2d .img{
width: 95%;
max-width: 560px;
}

.flow2d .img img{
	width:100%;
}

.flow2d .txt{
	max-width:560px;
	margin: 10px auto 0;
	width: 95%;
}

.flow2d .txt p{
	margin-bottom:30px;
	font-size:1.4rem;
}

.flsp1{
	text-decoration: underline;
	font-weight:700;
}


.flow2 li{
	margin: 30px auto 0;
	padding-bottom: 35px;
	position: relative;
}

.flow2 li:first-child{
	margin: 60px auto 0;
}


.flowtit{margin-bottom: 15px;position: relative;}

.abo1 h2{
	font-size: 2.4rem;
}

.abo1 li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 55px;
	flex-direction: column;
}

.abo1 li:last-child{
	flex-direction: column;
}

.abo1 li .img{
	max-width: initial;
	width:95%;
	margin: 0 auto 15px;
}

.abo1 li .img img{
	width:100%;
}

.abo1d{
	max-width: initial;
	width: 95%;
	margin: auto;
}

.abo1{
	padding: 0 0 40px;
}

.abtit .sidebar{
	font-size:1.4rem;
}

.abo3 ul{
	display:flex;
	justify-content: space-between;
	margin: 40px auto;
	flex-wrap: wrap;
	width: 87%;
}

.abo3 li{
	width: 31%;
	margin-bottom: 20px;
	text-align: center;
}

.abo3{
	padding: 85px 0 110px;
	background: url(./img/about/bg3sp.png)no-repeat right top;
	background-size: contain;
	position: relative;
}

.abo3d p{
	margin-bottom:15px;
	font-weight: 700;
	font-size:1.4rem;
}

.abo3d{
	padding:30px 15px;
	background:#fff;
	width: 97%;
	margin: auto;
}

.abs5l{border-width: 75px 0 0 50vw;border-color: transparent transparent transparent #fff;}

.abs5r{border-width: 0 0 75px 50vw;border-color: transparent transparent #fff transparent;}

.abo4 .abo4ab{
	top: -65px;
}

.abo4 .ribon{
	margin: 0px auto 20px;
	padding: 8.5px 52px;
}

.abo4 li{
	width: 98%;
	max-width: 580px;
	margin: 0 auto 25px;
}

.abo4 ul{
	margin-top: 35px;
}

.abo4 .txt{
	min-height: initial;
	padding: 20px 15px;
}

.abo4 h3{
	font-size: 1.6rem;
	min-height: initial;
}

.abo4 .txt p{
	font-size: 1.4rem;
}

.abo4p1{
	height: 56px;
	font-size: 1.8rem;
}

.abo5{
	position:relative;
	z-index: 0;
	padding: 70px 0 75px;
	background: url(./img/about/bg5sp.jpg)no-repeat center bottom;
	background-size: cover;
}

.abo5 .txt p{
	color:#fff;
	font-size:1.4rem;
	width: 96%;
	margin: 0 auto 30px;
}

.abotit2{
	position:relative;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.col01 .inner{
	display: flex;
	flex-direction: column;
}

.col01 .right{
	width: 100%;
}

.col01 .left{
	width: 100%;
}

.col01 .pager{
	margin-bottom: 80px;
}

.colDet01 .colArea{
	flex-direction: column;
}

.colDet01 .colArea .left{
	width: 100%;
	margin: 0 0 80px 0;
}

	
.colDet01 .colArea .col01{
	width: 100%;
}

.col01 .kijiCate .imgArea{
		position: relative;
		width: 45%;
		max-width: 252px;
}
.col01 .kijiCate li{
	display: flex;
	justify-content: flex-start;
	margin: 0 0 22px 0;
	position: relative;
}

.col01 .kijiCate .imgArea{margin: 0 30px 0 0;}

.staff01 ul{
	margin-bottom: 80px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 46px 0;
}

.staff01 li{
	width: 100%;
	/* margin: 0 auto 80px; */
	font-size: 1.4rem;
	max-width: 600px;
}

.voiceDet01 .cate ul{
	flex-direction: column;
}

.voiceDet01 .cate li{
	margin: 4px 0 0 0;
}

.voiceDet01 .Kiji th{
	text-align: left;
	width: 100%;
	display: block;
	border: none;
	margin: 25px 0 0 0;
}

.voiceDet01 .Kiji td{
	text-align: left;
	width: 100%;
	padding: 5px 0 25px;
	display: block;
}

.voiceDet01 .cate{
	margin: 5px 0 0 0;
	gap: 16px;
	flex-direction: column-reverse;
}

.voiceDet01 .cate .cateImg {
	width: 100%;
	margin-bottom: 18px;
	aspect-ratio: 335 / 230;
}

.cateContent {
	width: 100%;
}

.cateTitle {
	margin-bottom: 10px;
	font-size: 2rem;
}

.voiceDet01 .voiceThoughts {
	padding: 18px 22px;
	margin-bottom: 22px;
	font-size: 1.4rem;
	letter-spacing: 1.7;
}

.area1:before{
	bottom: -40px;
}


.area1{
	padding-bottom: 90px;
	position: relative;
}


.area2{
	padding:0 0 40px;	
}

.mapd h3{
	padding-bottom:20px;
	font-size:2.4rem;
}

.mapd{
	background: #fff;
	padding: 25px 15px;
	margin-top: 40px;
}

.mapd h3:before{
	position:absolute;
	content:"";
	width:4px;
	height:35px;
	left:0;
	top:0px;
	bottom:auto;
	margin:auto;
}


.mapd ul{
	margin-top: 25px;
}

.area3 .abs3{
	height:40px;
}

.area3{
	padding:75px 0 40px;
}

.area3p{
	max-width:580px;
	margin: 5px auto;
	font-size:1.4rem;
}

.area4 .mainTit{
	padding: 50px 100px;
}

.area4 .content08{
	padding: 80px 0 0;
}
	
		.area4 .mainTit{
/* 	padding: 50px 100px; */
	width: 100%!important;
   display: block!important;
   position: relative!important;
	padding:50px 10px 18px;
}
	
	.area4p1{
		    position: unset;
			font-size: 2rem;
	}

.area5 ul{
	display:flex;
	justify-content: space-between;
	flex-direction: column;
	margin-top: 15px;
}

.area5 li{
    max-width: initial;
    width: 100%;
    margin: 0 auto 15px;
}

.area5d{
	background:#fff;
	display: flex;
	margin-top: 30px;
	justify-content: space-between;
	border-radius: 10px;
	flex-direction: column;
}

.area5dl{
	padding: 40px 15px;
	margin: auto;
}

.area5dl h3{
	text-align: center;
	font-size: 2.4rem;
	padding: 15px;
}

.area5dl p{
	margin: 0 0 15px;
	font-size: 1.4rem;
}


.area5d img{
	object-fit: cover;
	height: 100%;
	width: 100%;
	border-radius: 0 0px 10px 10px;
}

.area5 .btn{
	max-width: 400px;
	font-size: 1.8rem;
}

.area5{
	background: url(./img/area/bg4sp.png)no-repeat center top;
	background-size: cover;
	padding: 85px 0 80px;
}

.areatab{
	margin: 0 auto 60px;
}

.area2ul2{
	max-width: initial;
	width: 100%;
	margin: auto;
}



.area2d{
	display:flex;
	justify-content: space-between;
	margin: 0 auto 80px;
	flex-direction: column;
}

.area2 .ctab{
	width: 50%;
	padding: 14px 0;
	font-size: 1.8rem;
}

.artab2{
	padding: 25px 15px;
}

.artul2>li{
	display:flex;
	margin: 0 0 20px;
	align-items: flex-start;
	flex-direction: column;
}

.artag{
	font-size:1.2rem;
	margin-bottom: 10px;
}

.adareap{
margin-left: 0px;
	font-size: 1.2rem;
	width: 100%;
}


.artul3 li{
	margin-left: 0px;
	font-size: 1.2rem;
	margin-right:20px;
}


.area2ifr{
	width:100%;
	margin: 25px auto;
}


.area2ifr iframe{
	width:100%;
	max-height: 250px;
}

.lphd{
	font-size: 1.2rem;
	width: 193px;
	height: 32px;
	border-radius: 4px;
	box-shadow: 0 3px 0 #000000b3;
}

.lphd .img{
	margin-right: 0px;
	width: 16px;
}

.recruit .lphd .img{
	margin-right: 5px;
	width: 9px;
	display: flex;
	align-items: center;
}

.cover2{
	background: url(./img/course/mvsp.jpg)no-repeat center;
	background-size: cover;
	margin: 65px auto 0;
	min-height: 428px;
	height: 80vh;
	width: 100%;
	display: flex;
	align-items: flex-end;
}

.cover2-231118{
	width: 100%;
    margin: 65px auto 0;
}

.cover2-231118 img {
    width: 100%; /* 画像の幅をコンテナの幅に合わせる */
    height: auto; /* 画像の高さを縦横比に基づいて自動調整 */
    display: block; /* 画像をブロック要素として表示 */
}

.cta-area {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 1240px;
	width: 95%;
	margin: 10px auto;
}

.cta-btn {
	display: flex;
	max-width: 476px;
	width:90%;
	height: 62px;
	align-items: center;
	justify-content:center;
	background: #EAA850;
	border: 1px solid #fff;
	border-radius: 37px;
	margin: 1px;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
	color: #fff !important; 
	font-size: min(6.15vw,20px);
	font-weight: bold;
}

/* 警告エリアに対するスタイル */
.caution-area {
    display: flex;
    justify-content: center; /* 子要素を中央に配置 */
    width: 100%; /* 親要素の幅に合わせる */
    margin-top: 20px;
    margin-bottom: 45px;
}

/* 画像に対するスタイル */
.caution-area img {
    max-width: 95%; /* 画像の最大幅を親要素の幅に合わせる */
    height: auto; /* 高さを自動調整して縦横比を維持 */
}


.cocop1{
	font-size: 1.6rem;
	padding: 14px 30px;
	border-radius: 33px;
	font-weight: 500;
	width: fit-content;
}

.cocop1 .updots span:before{
	background: #fff;
	height: 5px;
	width: 5px;
	top: -2px;
}


.coh2{
	font-size: 3.2rem;
	line-height: 1.32;
	text-shadow: 0 0 8px #333333;
	margin: 10px 0 20px;
	letter-spacing: 11.4px;
}

.cover2 ul{
	display:flex;
	max-width: 600px;
	justify-content: space-between;
}

.recruit .cover2 ul{
	margin: auto;
}


.cover2 li p{
	margin-top:10px;
	font-size: 1.4rem;
}

.cover2 li{
	min-height:120px;
}

.cover2 li .img{
	width: 31%;
}

.cover2 li .img img{
	max-height: 35px;
}

.cou1d2 li p{
	width:90%;
	font-size: 1.4rem;
}


.cou1d2 li{
	align-items: flex-start;
}

.cou1d2 li .img{
	width: 18px;
	padding: 5px 0 0;
}

.cou1d2{
	border: 2px solid white;
	padding: 20px;
}

.cou1d2 h2{
	font-size: 1.8rem;
	padding-bottom: 25px;
	margin-bottom: 25px;
}


.cou1d{
	background: url(./img/course/co11sp.jpg)no-repeat center;
	padding: 8px;
	background-size: cover;
}

.cou2 .mainTit{
	line-height:1.4;
}

.cou2{
	background: url(./img/course/bg2.png) no-repeat center;
	background-size: cover;
	background-position-x: 70%;
	margin-bottom: 45px;
}

.cou3 ul{flex-direction: column;}

.cou3 li{
	width: 100%;
	margin: 0 auto 40px;
}

.cou3 li .txt{
	padding: 20px 0;
	position: relative;
}

.cou3 li h2{
	font-size: 1.8rem;
	text-align: center;
	margin: 0px auto 10px;
}

.cou3p1{
	font-size: 1.4rem;
}

.cou3p2{
	position:absolute;
	font-size:14rem;
	font-weight:500;
	color:#E8EDE3;
	bottom: 0;
	right: 0px;
	height: 140px;
	z-index: -1;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 0px;
}

.cou1{
	margin: 0px auto 45px;
}

.cou3{
margin-bottom: 0px;
}

.cou4{
	background: url(./img/course/bg4sp.png) no-repeat top center;
	background-size: cover;
	padding: 80px 0 120px;
}


.lptit1{
	font-size: 1.8rem;
}

.cou5sp1{
	font-size: 1.4rem;
}

.cou5{margin: -73px auto 0;}

.cou4 .inner{
	width:98%;
}


.cou5dl{
	text-align: center;
	margin: 0 auto 30px;
	width: 100%;
}

.cou5d{
	padding: 35px 0 30px;
}

.cou5d2{
	display: flex;
	max-width: 880px;
	justify-content: space-between;
	margin: auto;
	flex-direction: column;
}

.cou5dp1{
	font-size: 1.6rem;
	margin-bottom: 10px;
}

.cou5dp2{
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1;
}

.cou5dp3{
	font-size: 1.2rem;
}

.cou5dr{text-align: center;width: 100%;max-width: 420px;margin: auto;}


.cou5dr .btn{
	width: 95%;
	max-width: initial;
	border: none;
}

.cou6 .abs3{
	height: 83px;
	top: -1px;
}


.cou6{
	padding: 60px 0 20px;
}

.coutit .img{
	max-width:196px;
	margin: auto;
}

.cou6 h2{
	font-size: 4rem;
	line-height: 1.45;
	margin-top: -20px;
}

.cou6 .big{
	font-size: 6.4rem;
}


.cou6 ul{
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	column-gap: 0;
	margin: 100px auto 0;
}

.cou6 li{
	background: #fff url(./img/course/co621.svg) no-repeat center;
	background-size: 40%;
	width: 100%;
	min-height: initial;
	padding: 30px 25px;
	max-width: 500px;
}

.cou6 li:nth-child(2){
	background: #fff url(./img/course/co622.svg) no-repeat center;
	background-size: 20%;
}

.cou6 li:nth-child(3){
	background: #fff url(./img/course/co623.svg) no-repeat center;
	background-size: 30%;
}

.cou6 li:nth-child(4){
	background: #fff url(./img/course/co624.svg) no-repeat center;
	background-size: 23%;
}

.cou6 li:nth-child(5){
	background: #fff url(./img/course/co625.svg) no-repeat center;
	background-size: 40%;
}

.cou6p1{
	position:absolute;
	font-size:2.4rem;
	width:83px;
	height:83px;
	border-radius:50%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	top: -40px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: -1;
}

.cou6 li h3{
	font-size: 1.8rem;
	text-align: center;
}


.cou6p2{
	font-size:1.4rem;
}


.cou6:before,.cou6:after{
	position:absolute;
	content:"";
	width: 35%;
	height:100%;
	z-index: -1;
}

.cou6:before{
	background:url(./img/course/co611.svg)no-repeat top right;
	background-size: contain;
	left: 10px;
	top: 180px;
}

.cou6:after{
	background:url(./img/course/co612.svg)no-repeat top left;
	background-size: contain;
	right: -10px;
	top: 195px;
	width: 45%;
}

.cou7 .abs4 {
    position: absolute;
    width: 120%;
    bottom: auto;
    top: -40px;
}

.cou7p{
	font-weight: 700;
	text-align: left;
	margin: 20px auto 0px;
	font-size:1.4rem
}

.couth{
	width: 29.8%;
	font-size: 1.2rem;
}

.coutd1{
	height: 28px;
	border-radius: 10px 10px 0 0;
	border-bottom: 0;
	font-size: 1.4rem;
	font-weight: 700;
}

.coutd2{
	height: 70px;
	border: 2px solid;
	width: 23%;
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 700;
}


.coutb1 th{
	border-bottom: 1px solid;
	border-top: 1px solid;
	border-left: 1px solid#704B20;
}

.coutb1 tr:last-child th{
	border-bottom: 1px solid#704B20;
}



.coutb1{
	margin: 15px auto;
	max-width: 1200px;
	width: 100%;
	border-collapse: inherit;
}

.cou7{
	padding: 35px 0 20px;
}

.cou7:before{
	background:url(./img/course/co71.svg)no-repeat center;
	background-size: contain;
	width: 203px;
	height: 137px;
	right: -40px;
	top: -25px;
}
	

.cou8{
	padding: 80px 0 0px;
}

	.cou8 .bgcr:before{
	position:absolute;
	content:"";
	width: 146px;
	height: 199px;
	background:url(./img/course/co81.png)no-repeat top center;
	background-size: contain;
	right: 3%;
	top: 3%;
	z-index: -1;
}

.abcoutxt{
	font-size:8rem;
}

.cou8 .abcoutxt{
	top: 3%;
}

.cou8 .lptit1{
	font-size:2.4rem;
}


.cou8p1{
	font-size: 2.4rem;
	font-weight: 700;
}

.cou8p1 span{
	font-size:1.6rem;
}

.cou7:after{
	display:none;
}

.cou8 .bgcr{
	padding: 150px 0 120px;
	z-index: -1;
	position: relative;
}

.cou9{padding: 110px 0 120px;background: #F7F3EA;}

.cou9:before{
display:none;
}

.cou9d{
	text-align:left;
}

.cou9d p{
	margin: 0 auto 5px;
}

.cou9d h2{
	text-align: center;
}


.cou9l1{
	margin: 0px 0 0;
}

.cou9l1 h3{
	font-size: 1.8rem;
}


.cou9u2{
	margin-top: 45px;
	display: flex;
	column-gap: 3.3%;
	align-items: stretch;
	flex-direction: column;
}

.cou9l2{
	width: 100%;
	align-items: center;
	min-height: 110px;
	padding: 25px 20px;
	margin-bottom: 80px;
}

.cou9l2:before{
	position:absolute;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 7px 0 7px;
	border-color: #704B20 transparent transparent transparent;
	right: 0;
	left: 0;
	margin: auto;
	bottom: -35%;
}

	
.cou9l1:last-child .cou9l2:last-child{
	margin-bottom:25px;
}

.cou9p1{
	font-size: 1.8rem;
}


.cou9p3{
	font-size:1.2rem;
}

.cou9p4{
	font-size:1.2rem;
	margin-top:20px;
}

.course .abs3{
	height:83px;
	top: -1px;
}

.cou9u1{
	margin:30px auto 0;
}

.cou10{
	background: url(./img/course/bg10sp.png)no-repeat center top #F7F3EA;
	background-size: cover;
	padding: 110px 0;
}


.cou10l1{
	width: 100%;
	background: #fff;
	max-width: 580px;
	padding: 15px 15px;
	border-radius: 10px;
	min-height: 474px;
	margin: 35px auto 0;
}

.cou10d{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
}

.cou10d .img{
	width: 100%;
	margin-bottom: 15px;
}

.cou10d .img img{
	margin:auto;
}


.cou10u2{
	max-width: initial;
	width: 100%;
}

.cou10l2{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
	margin-left: 0;
}

.cou10p2{
	width: 28%;
	text-align: center;
	height: 33px;
	border-radius: 4px;
	font-size: 1.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bobr{
	border:1px solid;
}

.bogr{
	border:1px solid;
}

.cou10p3{
	width: 67%;
	font-size: 1.4rem;
}

.cou10p4{margin-top: 10px;}

.cou10 .abs4{
	position:absolute;
	width: 120%;
	height: 48px;
	bottom: 0px;
	background: url(./img/course/nami.png);
}

.cou10p1{
	font-weight:700;
	text-align:center;
	margin-top: 25px;
}


.cou11 ul{
	flex-direction: column;
}

.cou11 li{
	max-width: 545px;
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-bottom: 25px;
	border: 2px solid #669F4F;
}

.cou11 li .txt{
	max-width: initial;
	width: 90%;
	margin: auto;
	min-height: 120px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.cou11p2{
	font-size: 1.6rem;
	font-weight: 700;
}

.cou11p3{
	font-size: 1.4rem;
	margin-top: 5px;
}

.cou11 li .img{
	width: 100%;
}


.cou11p1{
	margin:30px 0;
	text-align: left;
	font-weight:700;
	font-size: 1.4rem;
}


.cou11{
	padding: 60px 0 95px;
}

.cou11 .abcoutxt{
    top: 20px;
    font-size: 8rem;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 10px;
}


.cou12{
	padding: 120px 0 0;
}

.cou12 .coutit .img{
	max-width: 202px;
	margin-bottom:10px;
}

.cou12 ul{
	margin: 35px auto 0;
	flex-direction: column;
}

.cou12 li{
	width: 95%;
	margin: 0 auto 30px;
	padding-bottom: 25px;
}

.cou12d{
	padding: 0;
	flex-direction: initial;
	min-height: 64px;
	align-items: center;
}

.cou12p1{
	top: 0px;
	left: -20px;
	bottom: 0;
	margin: auto;
}

.cou12d img{
	height: 25px;
}

.cou12p2{
	font-size:1.8rem;
	margin-top:0px;
	margin-left: 5px;
}

.cou12p3{
	font-size:1.4rem;
	margin-top: 20px;
}


.cou13d{
	padding: 0px 0;
	background: none!important;
}

.check2{font-size: 1.4rem;}

.cou13{
	padding: 0 0 90px;
}

.course .ftdrli{
	border-top:1px dotted #fff;
	border-bottom:1px dotted #fff;
	padding:25px 0;
	justify-content: space-around;
}

.customer01 dl{
	flex-direction: column;
}

.customer01 dt{
	width: 100%;
	font-size: 1.8rem;
	background: url(./img/customer/customer01_deco.png) 15vw 52%;
	background-repeat: no-repeat;
	padding: 0 0 0 5vw;
	text-align: center;
	margin: 0 0 18px 0;
	background-size: contain !important;
}

.customer01 dt br{
	display: none;
}

.customer01 dd{
	width: 100%;
	max-width: 100%;
	text-align: center;
}

.customer01 dd a{
	margin: 0 auto 20px;
	display: block;
	max-width: 400px;
}

.customer01 li:nth-of-type(1) dt{
	background: url(./img/customer/customer01_deco.png) 13vw 52%;
	background-repeat: no-repeat;
}

.customer01 li:nth-of-type(2) dt{
	background: url(./img/customer/customer01_deco.png) 12vw 52%;
	background-repeat: no-repeat;
}

.customer01 li:nth-of-type(3) dt{
	background: url(./img/customer/customer01_deco.png) 18vw 52%;
	background-repeat: no-repeat;
}

.inte01 .box{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.inte01 .box .img{
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
}

.inte01 .box .txt{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-width: 480px;
	margin: 0 auto;
}

.inte01 .box h3{
	margin: 20px 0 14px;
	font-size: 2.4rem;
}

.inte02 .btnArea{
	display: flex;
	justify-content: center;
	margin: 80px 0 0 0;
	flex-direction: column;
}

.inte02 .btnArea a{
	margin: 0 auto 18px;
}

.coreh2{
	font-size: 4rem!important;
	letter-spacing: initial!important;
	text-align: center;
	font-weight: 700;
	text-shadow: 0 0 24px #000!important;
}

.corep1{
	margin:auto;
	padding: 8.5px 30px!important;
}

.recruit .cover2{
	background: url(./img/recruit/mvsp.jpg)no-repeat center;
	background-size: cover;
}

.corep2{
	    border-top: 2px dotted;
	    border-bottom: 2px dotted;
	    font-size:1.4rem;
	    text-align: center;
	    padding: 15px 0;
	    width: 95%;
	    margin: 0 auto 15px;
	    font-weight: 700;
}

.rec1d .lptit1{
	font-size:2.4rem;
}

.rec1d p{
		width: 98%;
	margin: 15px auto 0;
	font-size: 1.4rem;
}

.rec1d3{
	flex-direction: column-reverse;
}

.rec1d3 .txt{
	max-width: initial;
	margin-top: 15px;
	width: 100%;
}

.rec1d3 .txt p{
	margin-bottom: 15px;
	line-height: 1.5;
}

.rec1d3 .txt .noma{
	margin:0;
}

.rec1d3 .img{
	width:100%;
}

.rectit:before,.rectit:after{
	position:absolute;
	content:"";
	background:url(./img/recruit/co12.svg)no-repeat;
	background-size: contain;
	width: 78px;
	height: 57px;
}

.rectit:before{
	left: 0;
	top: auto;
	bottom: -20px;
}

.rectit:after{
	right: 0;
	top: auto;
	bottom: -20px;
}

.rectit .fukidashi span{
	font-size: 1.4rem;
}

.rectit h2{
	margin-top: 10px;
	font-size:3.2rem!important;
}

.rec1{
	padding: 0px 0 90px;
}


.rec2p1{
	text-align: left;
	margin: 30px auto 50px;
	font-size: 1.4rem;
}


.rec2 .abcoutxt{font-size: 40px;text-align: center;}

.rec2{
	padding: 25px 0;
}

.rec2 ul{flex-direction: column;}

.rec2 li{
	max-width: initial;
	width: 100%;
	margin: 0 auto 40px;
}

.rec2 h3{
	border-radius: 10px 10px 0 0;
	font-size: 1.8rem;
	padding: 7.5px 0;
}

.rec2 li .txt{min-height: 230px;display: flex;justify-content: center;align-items: center;border-bottom: 1px dotted #669F4F;padding: 10px 0;}

.rec2 li .img{
	width: 80%;
}

.rec2 li:last-child .img{
	width: 54%;
}


.rec2p2{font-size: 1.2rem;font-weight: 700;padding: 6px 0;}

.rec3 ul{
	margin-top: 55px;
}

.rec3 li{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 80px;
	flex-direction: column-reverse!important;
}

.rec3 li:last-child{
	margin:0;
	flex-direction: row-reverse;
}

.rec3l{
	max-width: initial;
	width: 100%;
	margin: 15px auto 0;
}

.rec3ab{
	font-size: 7rem;
	right: 0!important;
	top: -35px;
	line-height: 1;
	left: 0!important;
	margin: auto;
	width: fit-content;
}

.rec3l h3{
	font-size: 1.8rem;
	margin-bottom: 20px;
}


.rec3l p{
	font-size:1.4rem;
}

.rec3{
	z-index: 1;
	padding: 130px 0 120px;
}

.rec3:before,.rec3:after{
	position:absolute;
	content:"";
	width: 28%;
	height:100%;
	z-index: -1;
}

.rec3:before{
	background:url(./img/recruit/co311.svg)no-repeat top right;
	background-size: contain;
	left:0;
	top: 100px;
	max-height: 109px;
}

.rec3:after{
	background:url(./img/recruit/co312.svg)no-repeat top left;
	background-size: contain;
	right:0;
	top: 90px;
	width: 29%;
	max-height: 121px;
}

.rec4 ul{
	margin: 35px auto 0;
	flex-direction: column;
}

.rec4 li{
	width: 95%;
	margin: 0 auto 30px;
	padding-bottom: 25px;
	max-width: initial;
}

.rec4d{
	padding: 0;
	flex-direction: initial;
	min-height: 64px;
	align-items: flex-start;
	padding: 15px 0;
	width: 95%;
	margin-left: auto;
}

.rec4p1{
	top: 0px;
	left: -10%;
	bottom: 0;
	margin: auto;
}

.rec4d img{
	height: 25px;
}

.rec4p2{
	font-size: 1.6rem;
	margin-top:0px;
	margin-left: 5px;
	text-align: left;
}

.rec4 li:before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 7px 0 7px;
    border-color: #704B20 transparent transparent transparent;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0%;
    top: auto;
}
	
.cou12 li:before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 7px 0 7px;
    border-color: #704B20 transparent transparent transparent;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0%;
    top: auto;
}

.rec4 .txt{
	background:#fff;
	padding: 20px 15px;
	max-width: 1080px;
	margin: auto;
}

.rec4:before{
	display:none;
}

.rec4{
	padding: 20px 0 25px;
	z-index: 1;
}

.rec5 .bgcr{
	padding: 80px 0 70px;
	z-index: -1;
	position: relative;
}

.rec5:before,.rec5:after{
	display:none;
}

.rec5{
	padding: 60px 0 0;
}

.rec6{
	background: url(./img/recruit/bg6sp.jpg)no-repeat center;
	background-size: cover;
	z-index: 0;
	padding: 120px 0 90px;
}

.rec6 .inner2{
width:90%;		
}

.rec6 ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
}

.rec6 li{
	min-height: 54px;
	width: 100%;
	margin-bottom: 20px;
	padding: 20px 15px;
	font-size: 1.4rem;
}

.abs4cr{
	background:url(./img/nami3.png);
	background-size: contain;
	bottom: -40px;
}

.rec7{
	padding: 55px 0 80px;
}
	
.rec7 .abcoutxt{
	top: 10px;
}


.rectb th{
	width: 100%;
	font-weight: 700;
	text-align: left;
	padding: 15px 0 5px;
	vertical-align: top;
	display: block;
	font-size: 1.4rem;
}

.rectb td{
	width: 100%;
	padding: 0 0 15px;
	display: block;
	font-size: 1.4rem;
}

.rectb li{
	background: #fff;
	border: 1px solid #CCCCCC;
	padding: 15px;
	margin-bottom: 45px;
	position: relative;
}

.rectb li:last-child{
	margin-bottom:0;
}

.rec7p2{
	font-size: 1.4rem;
}

.rec7p3{
	font-size: 1.2rem;
}

.rec4tit h2{
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.1;
}

.rec4tit h2 .big{
	font-size: 4rem;
}

.adprp{
	text-align:right;
	font-size:1.2rem;
}

.sitemap01 .left,.sitemap01 .right{
	display: flex;
	justify-content: flex-start;
	width: 49%;
	font-size: 1.4rem;
	flex-direction: column;
}
.sitemap01 .right{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.sitemap01 .left ul,.sitemap01 .right ul{
	width: 100%;
}

.sitemap01 .inner{
	padding: 0 0 120px 0;
	background-position-y: 111%;
	width: 88%;
}

.sitemap02 h2{
	text-align: center;
	font-size: 2.4rem;
	color: #fff;
	margin: 0 0 30px 0;
}

.sitemap02 dl{
	display: flex;
	align-items: baseline;
	flex-direction: column;
	font-size: 1.4rem;
}

.sitemap02 dt{
	width: 100%;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 10px;
}
.sitemap02 dd{
	width: 100%;
}

.sitemap02 dd a{
	line-height: 2;
	margin: 0 15px 0 0;
}

.sitemap02 dd span{
	line-height: 2;
	margin: 0 15px 0 0;
}

.sitemap02 li{
	border: none;
	padding: 25px 0 0;
}

.sitemap02 .inner{
	padding: 0 5% 25px;
}

.video iframe{
	width:100%;
	max-width:960px;
	max-height:215px;
}


.wedding .lphd{
	font-size: 1.2rem;
	width: 214px;
	height: 64px;
	border-radius: 0;
	box-shadow: none;
}

.cover3{
	min-height: 600px;
	width: 100%;
	background: url(./img/wedding/mv1sp.jpg)no-repeat;
	margin: 64px auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: auto;
	padding: 50px 0;
}

.wecop1{
	margin: 15px auto;
	padding: 10px 0;
	font-size: 1.4rem;
}

.wecoh2{font-size: 2.4rem;}

.wecovl{
	max-width: 560px;
	width: 95%;
	margin: 0 auto 10px;
}

.wecovr{
	width: 80%;
}

.wecov{justify-content: center;flex-direction: column;}

.cover3:before{
	display:none;
}

.wecov .img img{
	margin:auto;
	width: 53%;
	max-width: 321px;
}

.wed1d{padding: 0 0 185px;flex-direction: column;}

.wed1d .img{max-width: 1000px;width: 95%;margin-bottom: 30px;}


.wedr{
	padding: 0;
	width: 95%;
}


.wed1 h2 span{
	font-size: 1.2rem;
	font-weight:500;
}

.wed1p1{
	font-size: 1.6rem;
	margin-bottom: 15px;
	width: 97%;
}

.wed1 h2{
	font-size: 2.4rem;
	padding: 25px 0 25px 10px;
	width: fit-content;
	margin: 0 auto;
}

.wedr .txt{
	max-width: initial;
	width: 96%;
	margin: 0 0 0 auto;
}

.wed1p2{
	margin-bottom:15px;
	font-size: 1.4rem;
}

.wed1d:before{
	width: 242px;
	height: 164px;
	background:url(./img/wedding/co12.svg)no-repeat;
	background-size: contain;
	bottom: 35px;
}


.wed1d2{
	background: #F7F3EA;
	padding: 30px 0 50px;
}

.wed1d2 .wed1p2{
	text-align: left;
	width: 95%;
	margin: auto;
	font-size: 1rem;
}

.wed1d2 ul{
	margin: 0 auto 10px;
	width: 95%;
	flex-wrap: wrap;
}

.wed1d2 li{
	max-width: initial;
	width: 48%;
	min-height: 182px;
	margin-bottom: 20px;
}

.wed1d2 li .img{
	max-width: 64px;
	max-height: 64px;
}

.wed1d2 li p{
	font-size: 1.2rem;
	line-height: 1.5;
	margin-top: 15px;
}

.wedding .abcoutxt{
	font-size: 12rem;
	letter-spacing: 9.6px;
}

.wed2 .abcoutxt{
	top: 0;
	right: 20px;
}

.wed2{padding: 85px 0 180px;}

.wedbar{
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.wed2 h2:after{
	width: 50px;
	height: 69px;
	background:url(./img/wedding/co21.svg)no-repeat;
	background-size: contain;

}

.wed2 h2{
	max-width: 200px;
	margin-left: auto;
	margin-right: auto;
}

.wedp{
	text-align:left;
	font-size:1.4rem;
}

.wed2d dl{
	padding-bottom: 25px;
	margin-bottom: 20px;
	flex-direction: column;
}

.wed2d dd{
	font-weifht:700;
}

.wed2d dd span{
	font-weight:500;
	font-size:1.2rem;
}

.wed2d p{
	font-size:1.2rem;
}

.wed2d2{
	margin: 20px auto 0;
	padding: 20px 15px;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: column;
}

.wed2l,.wed2r{
	max-width: initial;
	width: 100%;
}

.wed2l{
	margin-bottom:20px;
}

.wed2d2 h3{
	font-size: 1.4rem;
}

.wed3{margin: -60px auto 0;}


.wed3 h2{
	max-width: 880px;
	margin: 0 auto -1px;
	text-align: center;
	border-radius: 10px 10px 0 0;
	padding: 6px 0;
	width: 90%;
}

.wed3sp1{
	font-size: 1.8rem;
}

.wed3dr{
	text-align: center;
	margin: 0 auto;
	width: 100%;
}

.wed3d{
	padding: 30px 0;
}

.wed3d2{
	max-width: 880px;
	margin: auto;
	width: 95%;
	flex-direction: column;
}



.wed3dl{text-align: center;width: 100%;max-width: 420px;margin: 0 auto 20px;}

.wed3dl .btn{
	width: 100%;
	max-width: initial;
	border: none;
	color: #212121;
	margin-top: 20px;
}

.wed3p1{
	font-size:1.4rem;
}
	
.wed3dl .wed3p2{
	font-size: 2.4rem;
}
	
.wed3p2{
	font-size: 3.2rem;
	font-weight:700;
	line-height: 1;
	margin-top: 5px;
}


.wed3p4{
	font-size: 1.6rem;
	font-weight:700;
}

.wed3p5{
	padding: 10px 0;
	text-align: left;
	display: flex;
	justify-content: center;
}

.wed4 .abcoutxt{
	top: 0;
	left: 20px;
}

.wed4 ul{
	margin: 35px auto 10px;
	flex-direction: column;
}

.wed4 li{
	max-width: 580px;
	width: 100%;
	margin: 0 auto 30px;
}

.wed4d{
	font-size: 1.2rem;
	padding: 22.5px 15px;
	text-align: left;
}

.wed4{
	padding: 75px 0;
}

.wed4 h2:after{
	width: 98px;
	height: 56px;
	background:url(./img/wedding/co41.svg)no-repeat;
	background-size: cover;
	right: 25px;
	top: 0;
}

.wed5u1{
	margin-top: 30px;
	flex-direction: column;
}

.wed5u1 li{
	width: 100%;
	min-height: 80px;
	max-width: initial;
	justify-content: flex-start;
	padding-left: 30%;
	margin: 0 auto 25px;
}

.wed5p2{
	font-size: 1.6rem;
}

.wed5p1{
	font-size: 1.2rem;
	top: -13px;
}

.wed5{
	background:url(./img/wedding/bg5.jpg);
	padding: 13px 0 80px;
}


.wed5d{
	margin: 30px auto 0;
	padding: 30px 0 0;
	border-top: 1px dotted;
}

.wed5p3{
	text-align:center;
	font-size: 1.4rem;
	font-weight:700;
}

.wed5u2{display: flex;flex-wrap: wrap;align-items: flex-start;}

.wed5u2 li{
	margin-top: 20px;
	width: 33.33333%;
}



.wed5d2{
	margin-top:30px;
	padding: 20px 2%;
	text-align: left;
	font-size: 1.2rem;
}

.wed6ci.pc{display:none;}

.wed6ci.sp{
	display:flex;
	margin-right: 15px;
	width: 67px;
	height: 67px;
	font-size: 1.2rem;
}

.wed6dtit{
	display:flex;
	align-items: center;
	margin-bottom: 20px;
}

.wed6ci span{
	font-size: 1.8rem;
	line-height: 1;
}

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

.wed6d>p{
	font-size:1.4rem;
}

.wed6d .btn{
	height: 67px;
	width: 83%;
	font-size: 1.5rem;
}

.wed6d h3{
font-size: 1.8rem;
margin-bottom: 10px;
}


.wed6{
padding: 55px 0 90px;
}

.wed6 ul{
	margin:0px auto 0;
}

.wed6 li{
	padding: 20px 0;
}

.wed6 .abcoutxt{
	top: 0;
	right: 20px;
}

.wed7 ul{display: flex;justify-content: space-between;margin-top: 65px;flex-direction: column;}

.wed7 li{background: #fff;max-width: 580px;width: 95%;border: 4px solid #3B6068;text-align: center;min-height: initial;padding: 30px 30px;margin: 0 auto 20px;}

.wed7 li p{
	margin-top:20px;
	text-align:left;
	font-size:1.4rem;
}

.wed7{
	padding: 40px 0 60px;
	background: url(./img/wedding/bg7sp.jpg)no-repeat center bottom;
	background-size: contain;
}

.faq01 dt p{
	width: 79%;
	font-size: 1.4rem;
}

.wed8 li:first-child{
	border-top:2px solid #3B6068;
}

.wed8 li{
	border-bottom:2px solid #3B6068;
}

.wed8 dt{
	padding: 15px 0 15px;
	align-items: flex-start;
}

.wed8 dl span{
	margin: 0 4% 0 0px;
	font-size: 1.6rem;
	font-weight: 500;
}

.wed8 dt .pulu{
	right: -5%;
	top: 35%;
}

.wed8 dd {
	align-items: flex-start;
	padding: 25px 0% 25px;
	border-radius: 0 0 10px 10px;
}

.wed8 dd p{
	width: 92%;
	font-size: 16px;
	margin: 0px 0 0 16px;
}

.wed8 .b-b{
	line-height: 2;
}

.wed8{
	margin: 0;
	padding: 30px 0 80px;
}

.wed8 h2 span{
	font-size:1.2rem;
}

.wed9d{
	display: flex;
	position: relative;
	padding: 0 0 10px;
	flex-direction: column;
	justify-content: flex-end;
}

.wed9d .img{max-width: 1000px;width: 80%;margin: 0 0 40px auto;}


.wed9 .wedr{
	padding: 0px 0px 0 0px;
	width: 100%;
}

.wed9 h2{width: fit-content;margin: auto;padding: 25px 0;}

.wed9 .wedr .txt{
	max-width: initial;
	margin: 0 auto;
	width: 95%;
}

.wed9p1{
	font-size: 1.6rem;
	margin-bottom: 15px;
}

.wed9p2{
	font-size: 1.4rem;
	margin-bottom: 15px;
}

.wed9 h2 span{
	font-size:1.2rem;
	font-weight:500;
}

.wed9{
	padding: 65px 0 100px;
}

.contact_tb td {
	font-size: 1.4rem;
	padding: 0 0 20px;
}

.wed10{
padding: 55px 0 50px;
}

.wed10 h2 span {
    font-size: 1.2rem;
}

.wed10 .contact_tb {
	margin: 25px auto 30px;
}

.wed11d{
	display:flex;
	justify-content: center;
	align-items: center;
	flex-direction: column-reverse;
}

.wed11dl{
	max-width: initial;
	width: 100%;
	margin-right: 0px;
}

.wed11d .img{
	margin-top:20px;
	width: 100%;
}

.wed11p1{
	margin-bottom: 25px;
	font-size: 1.4rem;
}

.wed11ld{
	margin-top:0px;
}

.wed11p2{
font-size: 1.6rem;
border-left: 8px solid;
padding-left: 10px;
margin-bottom: 20px;
}

.wed11p3{
font-size: 1.4rem;
	line-height:2;
}

.wed11{
	background: url(./img/wedding/bg11.jpg)no-repeat center;
	background-size: cover;
	padding: 30px 0;
}

ul.noslide li{
	width: 100%;
	margin-bottom:20px;
}

.check.plan .mwform-checkbox-field.horizontal-item:nth-child(6):before{
	position:absolute;
	content:"※エリアによって利用できない場合があります。";
	bottom:0;
	left:30px;
	font-size: 1.2rem;
}
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 591px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.pc2{
	display: none;
}

.sp2 {
	display: block;
}



/*-- テーブル --*/

table {
	width: 100%;
}






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



/* フッター
----------------------------------------------------------- */

.sp nav {
	margin: 0 auto;
}


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

#main {
}



/* 中ページ
----------------------------------------------------------- */
.company iframe {
	width: 100%;
	margin: 30px auto 0;
	display: block;
}

.listUl li {
	width: 48%;
}

.contact_tb th {
	font-size: 100%;

}

.choose_list1 {
	width: 80%;
}



#zip1, #zip2 {
	width: 40%;
}

#city, #pref, #add {
	width: 96%;
	margin: 2px 0 0;
}

/*-- エラーチェック --*/

.zip1formError {
	left: 10% !important;
}

.zip2formError {
	left: 54% !important;
}

.prefformError, .cityformError, .addformError {
	top: 30px !important;
	left: 50% !important;
}

.detailBox > div {
	width: 100%;
	float: none;
}

.detailBox > .detailTxt {
	width: 98%;
	margin: 20px auto 0;
}

.formError {
	top: 20px !important;
	left: 10% !important;
}

.zip2formError {
	width: 42% !important;
	left: 50% !important;
}

.hLogo{
	max-width: 140px;
}

.mainTit{
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.4;
	position: relative;
	z-index: 1;
}

.mainTit .mid{
	font-size: 1.8rem;
}

.fukidashi span{
	display: inline-block;
	padding: 0 20px;
	font-size: 1.4rem;
}

.content03:before,.content03:after{
	position:absolute;
	content:"";
	width: 100%;
	height:100%;
	z-index: -1;
	max-height: 250px;
}

.content03:before{
	background: url(./img/co32.png)no-repeat top left;
	background-size: contain;
	left: -65px;
	top: 10px;
}

.content03:after{
	background: url(./img/co33.png)no-repeat top right;
	background-size: contain;
	right: -200px;
	top: 35px;
}

.content04 ul{
	flex-wrap: nowrap;
	width: 768px;
	height: 100%;
	max-width: initial;
	margin:15px auto 0;
	width: 1000px;
}
	
.content04 li{
	margin: 0px;
	width: 100%;
	max-width: 116px;
	margin-bottom: 0px;
	text-align: center;
}


.content04 li h3{
	font-size:1.4rem;
	padding: 10px 0;
	border-bottom: 2px dotted;
}

.content04 li p{
	font-size:1.2rem;
	padding: 10px 0;
}


.content04:before{
	bottom: -23px;
	width: 80%;
}

.content05 li h3{
	font-size: 1.4rem;
	border-right: 2px dotted;
}

.co5d{
	font-size: 1.4rem;
}

.co7ab{
	text-align:center;
	margin-bottom: 5px;
	width:155px;
}

.co71{
	height:200px;
}

.co72p{
	font-size:1rem;
}

.content08{
	padding: 30px 0 0;
}

.co8d{
	max-width:260px;
	position: relative;
	margin: auto;
}

.contact-area h2{
	width: 80%;
	font-size: 1.8rem;
	border-radius: 10px 10px 0 0;
	padding: 10px 0 0;
}

.ad2{
	position: relative;
	background: url(./img/ad26.png)no-repeat bottom;
	padding: 0px 0 20px;
	margin-bottom: 60px;
	background-position-x: 180px;
}


.faq01 dt .pulu{
	right: -5%;
}


.sidebar{
	font-size: 1.4rem;
}

.sitter1 h2{
	font-size:2.4rem;
	text-align:center;
}

.content03.sitter2 li{
	max-width: 270px;
	width: 48%;
	margin: 0 0 35px;
}

.si3l p{
	font-size:1.4rem;
}

.si3l h3{
font-size:1.8rem;
}

.sitter5 td{
	background: #fff;
	text-align: center;
	width: 15.67%!important;
}

.sitd2{
	height: 88px;
	font-size:1rem;
}

.sitter6 .content08{
	padding: 50px 0 0;
}

.sitter6:before {
    bottom: -25px;
    width: 80%;
}

.content07.sitter6{
	padding: 0 0 90px;
}

.pridul li:nth-child(1):before{
	right: -16%;
	bottom:0;
	top:0;
	margin:auto;
}

.pridul li:nth-child(4){
	width: 95%;
	max-width: 248px;
}

.flow1 h2{
	font-size: 1.8rem;
	text-align: center;
}

.flowtit h2{
	font-size:1.8rem;
	line-height: 1.4;
}

.flowtit h2 span{
	font-size:1.4rem;
	font-weight:500;
}

.abo1 h2{
	font-size: 1.8rem;
}

.abo1d{
	font-size:1.4rem
}


.abtit .sidebar{
	font-size:1.2rem;
	padding: 0 30px;
	letter-spacing: 1px;
}

.abo4 h2>span>span{
	font-size: 1rem;
	width: 120%;
	left: -5px;
}

.col01 .colList > ul li{
	width: 46%;
	margin: 0 1.6% 40px;
}

.modalArea p {
	font-weight: 700;
	line-height: 1.6875;
}

.area1:before {
    bottom: -25px;
    width: 80%;
}

.area2p1{
	font-size:1.4rem;
}

.area2p2{
	font-size:1.2rem;
	padding: 25px 15px;
	border-top: 4px dotted;
	border-bottom: 4px dotted;
	max-width: 1040px;
	width: 100%;
	margin: 20px auto 40px;
}

.mapd h3{
	padding-bottom:20px;
	font-size:1.8rem;
}

.mapd li{
	margin-right: 15px;
	font-size:1.4rem;
}

.area4 .content08{
	padding: 40px 0 0;
}

.area2ul2 li{
	height: 52px;
	padding: 0 15px;
	font-size:1.4rem;
}

.cover2 li p{
	margin-top:10px;
	font-size: 1.2rem;
}

.cou2{
	background: url(./img/course/bg2.png) no-repeat center;
	background-size: cover;
	background-position-x: 73%;
}



.coutd1{
	height: 28px;
	border-radius: 10px 10px 0 0;
	border-bottom: 0;
	font-size: 1rem;
	font-weight: 700;
}


.coutd2{
	width: 20%;
}

.couth{
	width: 29.8%;
	font-size: 1rem;
}

.cou7p2{
	font-size:1.2rem;
}
.cou7 .img{
	max-width: 124px;
	margin: 0 auto 10px;
}

.cou8{
	padding: 30px 0 0px;
}

.cou10 .abcoutxt{
	top: 50px;
	font-size: 8rem;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 10px;
}

.customer01 h2{
	font-size: 2.4rem;
}

.customer01 h2 span{
	width: 30%;
}

.customer01 li:nth-of-type(1) dt{
	background: url(./img/customer/customer01_deco.png) 3vw 52%;
	background-repeat: no-repeat;
}

.customer01 li:nth-of-type(2) dt{
	background: url(./img/customer/customer01_deco.png) 3vw 52%;
	background-repeat: no-repeat;
}

.customer01 li:nth-of-type(3) dt{
	background: url(./img/customer/customer01_deco.png) 9vw 52%;
	background-repeat: no-repeat;
}

.corep1{
	font-size:1.4rem;
}

.rec2 h3{
	border-radius: 10px 10px 0 0;
	font-size: 1.4rem;
	padding: 7.5px 0;
}

.rec3ab{
	font-size: 4rem;
	top: -20px;
}

.sitemap01 .inner{
	padding: 0 0 120px 0;
	background-position-y: 105%;
}

.wecovr{
	width: 100%;
}

.wed5u1 li{
	width: 100%;
	min-height: 80px;
	max-width: initial;
	justify-content: flex-start;
	padding-left: 5%;
	margin: 0 auto 25px;
}

.wed5u2 p{
	font-size: 1rem;
	text-align: center;
	margin-top: 10px;
}

.wed9d .img{max-width: 1000px;width: 95%;margin: 0 0 40px auto;}

.wed11dl h2{
	font-size: 2.4rem;
	line-height: 1.4;
	margin-bottom: 20px;
}

.wed11dl h2 span{
	font-size: 1.4rem;
}

.confl > input[type="text"].hasDatepicker{
	width: 44%;
}
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 591px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons {
    width: 94% !important;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
}

.choose_list1 {
	width: 96%;
	font-size: 90%;
}

.choose_list1 > li {
	width: 49%;
}

.sitter1 h2{
	font-size:2.2rem;
	text-align:center;
}

.pri3tit h3{
	margin-left:10px;
	font-size:1.6rem;
}

.flow1 h2{
	font-size: 1.6rem;
	text-align: center;
}

.abtit .sidebar{
	font-size: 1rem;
	padding: 0 30px;
	letter-spacing: 1px;
}

.abo1 h2{
	font-size: 1.6rem;
}

.mainTit{
	font-size: 2rem;
}

.cocop1{
	font-size: 1.4rem;
	padding: 14px 30px;
	border-radius: 33px;
	font-weight: 500;
	width: fit-content;
}


.coh2{
	font-size: 2.6rem;
	line-height: 1.32;
	text-shadow: 0 0 8px #333333;
	margin: 10px 0 20px;
	letter-spacing: 11.4px;
}

.lptit1{
	font-size: 1.6rem;
}

.coutd2{
	width: 20%;
}

.rec4p2{
	font-size: 1.4rem;
	margin-top:0px;
	margin-left: 5px;
	text-align: left;
}

.rec4p1{
	top: 0px;
	left: -10%;
	bottom: 0;
	margin: auto;
	width: 70px;
	height: 70px;
}

.coreh2{
	font-size: 3.6rem!important;
}

.wed1 h2{
	font-size: 2rem;
	padding: 25px 0 25px 10px;
}

.wed6d h3{
font-size: 1.6rem;
margin-bottom: 10px;
}
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 320px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.telBtn a,
.menuBtn a {
	font-size: 200%;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 320px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* abouttable */

  .abtb tr {
	background-color: #FFFFFF;
	}
  .abtb th,
  .abtb td {
	}
.abtb td {
	border: 2px solid #704B20;
}

.abtb .abtd1{
	width: 43%;
	height: 190px;
	padding: 20px 20px 0;
	font-size: 1.6rem;
	vertical-align: top;
}

.abtb .abtbth{
	font-size: 2.4rem;
	border-radius: 10px 10px 0 0;
	height: 87px;
}

  .abtb th {
	font-size: 2.4rem;
	}

  .abtb tbody th {
	  background: #669F4F;
	  color: #fff;
	  width: 13.3%;
	  font-size: 2.4rem;
	  text-align: left;
	  padding-left: 10px;
	  border-bottom: 2px solid #Fff;
	 }

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

.abtb .txt2{
	font-weight: bold;
	}

.non{
	background:#fff;
	border: none!important;
	}

 @media screen and (max-width: 1000px) {
.abtb .abtd1{
	padding: 20px 10px 0;
	font-size: 1.4rem;
}

.abtb .abtbth{
	font-size: 2.4rem;
	height: 87px;
}

  .abtb tbody th {
	  font-size: 1.5rem;
	  padding-left: 5px;
	 }
}
  @media screen and (max-width: 768px) {
	.abtb {
	  border: 0;
	  width:100%
	}
	.abtb th{
	  background-color: #167F92;
	  display: block;
	  border-right: none;
	}
	.abtb thead {
	  border: none;
	  clip: rect(0 0 0 0);
	  height: 1px;
	  margin: -1px;
	  overflow: hidden;
	  padding: 0;
	  position: absolute;
	  width: 1px;
	}
	.abtb tr {
	  display: block;
	  margin-bottom: 25px;
	}
	.abtb td {
	  display: block;
	  font-size: .8em;
	  text-align: right;
	  position: relative;
	  padding: .625em .625em .625em 4em;
	}
	
	.abtb td::before {
	  content: attr(data-label);
	  font-weight: bold;
	  position: absolute;
	  left: 10px;
	  top: 10px;
	  background: #FDDD6E;
	  border-radius: 16px;
	  padding: 0 12px;
	  font-size: 1.6rem;
	}

	.abtb td.txt2::before {
	  background: #F29436;
		color:#fff;
	}
	.abtb td:last-child {
	}
	.abtb tbody th {
	  color: #fff;
  }
	  .abtb tbody th {
	  background: #669F4F;
	  color: #fff;
	  width: 100%;
	  font-size: 1.8rem;
	  border-bottom: none;
	  border-radius: 10px 10px 0 0;
	  text-align: center;
	  padding: 9px 0;
	  }
	  
.abtb .abtd1{
	width: 100%;
	height: initial;
	padding: 45px 10px 20px;
	font-size: 1.4rem;
	vertical-align: top;
	font-weight: 500;
}

.abtb .abtd1.txt{
	border-bottom:0;
	height: initial;
}

.abtb .abtd1.txt:after{
	position:absolute;
	content:"";
	border-bottom:4px dotted;
	width:99%;
	height:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.abtb .abtd1.txt2{
	border-top:none;
	text-align: left;
	border-radius: 0 0 10px 10px;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 591px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* .pc, .pcTel {
	display: none;
}

.sp {
	display: block;
}

.spTel  {
	display: inline;
} */


/*-- テーブル --*/

table {
	width: 100%;
}






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



/* フッター
----------------------------------------------------------- */

.sp nav {
	margin: 0 auto;
}


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

#main {
}



/* 中ページ
----------------------------------------------------------- */
.company iframe {
	width: 100%;
	margin: 30px auto 0;
	display: block;
}

.listUl li {
	width: 48%;
}

.contact_tb th {
	font-size: 100%;
	margin-bottom: 20px;
}

.choose_list1 {
	width: 80%;
}



#zip1, #zip2 {
	width: 40%;
}

#city, #pref, #add {
	width: 96%;
	margin: 2px 0 0;
}

/*-- エラーチェック --*/

.zip1formError {
	left: 10% !important;
}

.zip2formError {
	left: 54% !important;
}

.prefformError, .cityformError, .addformError {
	top: 30px !important;
	left: 50% !important;
}

.detailBox > div {
	width: 100%;
	float: none;
}

.detailBox > .detailTxt {
	width: 98%;
	margin: 20px auto 0;
}

.formError {
	top: 20px !important;
	left: 10% !important;
}

.zip2formError {
	width: 42% !important;
	left: 50% !important;
}

.hLogo{
	max-width: 140px;
}

.mainTit{
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.4;
	position: relative;
	z-index: 1;
}

.mainTit .mid{
	font-size: 1.8rem;
}

.fukidashi span{
	display: inline-block;
	padding: 0 20px;
	font-size: 1.4rem;
}

.content03:before,.content03:after{
	position:absolute;
	content:"";
	width: 100%;
	height:100%;
	z-index: -1;
	max-height: 250px;
}

.content03:before{
	background: url(./img/co32.png)no-repeat top left;
	background-size: contain;
	left: -65px;
	top: 10px;
}

.content03:after{
	background: url(./img/co33.png)no-repeat top right;
	background-size: contain;
	right: -200px;
	top: 35px;
}

.content04 ul{
	flex-wrap: nowrap;
	width: 768px;
	height: 100%;
	max-width: initial;
	margin:15px auto 0;
	width: 1000px;
}
	
.content04 li{
	margin: 0px;
	width: 100%;
	max-width: 116px;
	margin-bottom: 0px;
	text-align: center;
}


.content04 li h3{
	font-size:1.4rem;
	padding: 10px 0;
	border-bottom: 2px dotted;
}

.content04 li p{
	font-size:1.2rem;
	padding: 10px 0;
}


.content04:before{
	bottom: -23px;
	width: 80%;
}

.content05 li h3{
	font-size: 1.4rem;
	border-right: 2px dotted;
}

.co5d{
	font-size: 1.4rem;
}

.co7ab{
	text-align:center;
	margin-bottom: 5px;
	width:155px;
}

.co71{
	height:200px;
}

.co72p{
	font-size:1rem;
}

.content08{
	padding: 30px 0 0;
}

.co8d{
	max-width:260px;
	position: relative;
	margin: auto;
}

.contact-area h2{
	width: 80%;
	font-size: 1.8rem;
	border-radius: 10px 10px 0 0;
	padding: 10px 0 0;
}

.ad2{
	position: relative;
	background: url(./img/ad26.png)no-repeat bottom;
	padding: 0px 0 20px;
	margin-bottom: 60px;
	background-position-x: 180px;
}


.faq01 dt .pulu{
	right: -5%;
}


.sidebar{
	font-size: 1.4rem;
}

.sitter1 h2{
	font-size:2.4rem;
	text-align:center;
}

.content03.sitter2 li{
	max-width: 270px;
	width: 48%;
	margin: 0 0 35px;
}

.si3l p{
	font-size:1.4rem;
}

.si3l h3{
font-size:1.8rem;
}

.sitter5 td{
	background: #fff;
	text-align: center;
	width: 15.67%!important;
}

.sitd2{
	height: 88px;
	font-size:1rem;
}

.sitter6 .content08{
	padding: 50px 0 0;
}

.sitter6:before {
    bottom: -25px;
    width: 80%;
}

.content07.sitter6{
	padding: 0 0 90px;
}

.pridul li:nth-child(1):before{
	right: -16%;
	bottom:0;
	top:0;
	margin:auto;
}

.pridul li:nth-child(4){
	width: 95%;
	max-width: 248px;
}

.flow1 h2{
	font-size: 1.8rem;
	text-align: center;
}

.flowtit h2{
	font-size:1.8rem;
	line-height: 1.4;
}

.flowtit h2 span{
	font-size:1.4rem;
	font-weight:500;
}

.abo1 h2{
	font-size: 1.8rem;
}

.abo1d{
	font-size:1.4rem
}


.abtit .sidebar{
	font-size:1.2rem;
	padding: 0 30px;
	letter-spacing: 1px;
}

.abo4 h2>span>span{
	font-size: 1rem;
	width: 120%;
	left: -5px;
}

.col01 .colList > ul li{
	width: 46%;
	margin: 0 1.6% 40px;
}

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

.area1:before {
    bottom: -25px;
    width: 80%;
}

.area2p1{
	font-size:1.4rem;
}

.area2p2{
	font-size:1.2rem;
	padding: 25px 15px;
	border-top: 4px dotted;
	border-bottom: 4px dotted;
	max-width: 1040px;
	width: 100%;
	margin: 20px auto 40px;
}

.mapd h3{
	padding-bottom:20px;
	font-size:1.8rem;
}

.mapd li{
	margin-right: 15px;
	font-size:1.4rem;
}

.area4 .content08{
	padding: 40px 0 0;
}

.area2ul2 li{
	height: 52px;
	padding: 0 15px;
	font-size:1.4rem;
}

.cover2 li p{
	margin-top:10px;
	font-size: 1.2rem;
}

.cou2{
	background: url(./img/course/bg2.png) no-repeat center;
	background-size: cover;
	background-position-x: 73%;
}



.coutd1{
	height: 28px;
	border-radius: 10px 10px 0 0;
	border-bottom: 0;
	font-size: 1rem;
	font-weight: 700;
}


.coutd2{
	width: 20%;
}

.couth{
	width: 29.8%;
	font-size: 1rem;
}

.cou7p2{
	font-size:1.2rem;
}
.cou7 .img{
	max-width: 124px;
	margin: 0 auto 10px;
}

.cou8{
	padding: 30px 0 0px;
}

.cou10 .abcoutxt{
	top: 50px;
	font-size: 8rem;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 10px;
}

.customer01 h2{
	font-size: 2.4rem;
}

.customer01 h2 span{
	width: 30%;
}

.customer01 li:nth-of-type(1) dt{
	background: url(./img/customer/customer01_deco.png) 3vw 52%;
	background-repeat: no-repeat;
}

.customer01 li:nth-of-type(2) dt{
	background: url(./img/customer/customer01_deco.png) 3vw 52%;
	background-repeat: no-repeat;
}

.customer01 li:nth-of-type(3) dt{
	background: url(./img/customer/customer01_deco.png) 9vw 52%;
	background-repeat: no-repeat;
}

.corep1{
	font-size:1.4rem;
}

.rec2 h3{
	border-radius: 10px 10px 0 0;
	font-size: 1.4rem;
	padding: 7.5px 0;
}

.rec3ab{
	font-size: 4rem;
	top: -20px;
}

.sitemap01 .inner{
	padding: 0 0 120px 0;
	background-position-y: 105%;
}

.wecovr{
	width: 100%;
}

.wed5u1 li{
	width: 100%;
	min-height: 80px;
	max-width: initial;
	justify-content: flex-start;
	padding-left: 5%;
	margin: 0 auto 25px;
}

.wed5u2 p{
	font-size: 1rem;
	text-align: center;
	margin-top: 10px;
}

.wed9d .img{max-width: 1000px;width: 95%;margin: 0 0 40px auto;}

.wed11dl h2{
	font-size: 2.4rem;
	line-height: 1.4;
	margin-bottom: 20px;
}

.wed11dl h2 span{
	font-size: 1.4rem;
}
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 591px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons {
    width: 94% !important;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
}

.choose_list1 {
	width: 96%;
	font-size: 90%;
}

.choose_list1 > li {
	width: 49%;
}

.sitter1 h2{
	font-size:2.2rem;
	text-align:center;
}

.pri3tit h3{
	margin-left:10px;
	font-size:1.6rem;
}

.flow1 h2{
	font-size: 1.6rem;
	text-align: center;
}

.abtit .sidebar{
	font-size: 1rem;
	padding: 0 30px;
	letter-spacing: 1px;
}

.abo1 h2{
	font-size: 1.6rem;
}

.mainTit{
	font-size: 2rem;
}

.cocop1{
	font-size: 1.4rem;
	padding: 14px 30px;
	border-radius: 33px;
	font-weight: 500;
	width: fit-content;
}


.coh2{
	font-size: 2.6rem;
	line-height: 1.32;
	text-shadow: 0 0 8px #333333;
	margin: 10px 0 20px;
	letter-spacing: 11.4px;
}

.lptit1{
	font-size: 1.6rem;
}

.coutd2{
	width: 20%;
}

.rec4p2{
	font-size: 1.4rem;
	margin-top:0px;
	margin-left: 5px;
	text-align: left;
}

.rec4p1{
	top: 0px;
	left: -10%;
	bottom: 0;
	margin: auto;
	width: 70px;
	height: 70px;
}

.coreh2{
	font-size: 3.6rem!important;
}

.wed1 h2{
	font-size: 2rem;
	padding: 25px 0 25px 10px;
}

.wed6d h3{
font-size: 1.6rem;
margin-bottom: 10px;
}
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 320px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.telBtn a,
.menuBtn a {
	font-size: 200%;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 320px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* abouttable */

  .abtb tr {
	background-color: #FFFFFF;
	}
  .abtb th,
  .abtb td {
	}
.abtb td {
	border: 2px solid #704B20;
}

.abtb .abtd1{
	width: 43%;
	height: 190px;
	padding: 20px 20px 0;
	font-size: 1.6rem;
	vertical-align: top;
}

.abtb .abtbth{
	font-size: 2.4rem;
	border-radius: 10px 10px 0 0;
	height: 87px;
}

  .abtb th {
	font-size: 2.4rem;
	}

  .abtb tbody th {
	  background: #669F4F;
	  color: #fff;
	  width: 13.3%;
	  font-size: 2.4rem;
	  text-align: left;
	  padding-left: 10px;
	  border-bottom: 2px solid #Fff;
	 }

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

.abtb .txt2{
	font-weight: bold;
	}

.non{
	background:#fff;
	border: none!important;
	}

 @media screen and (max-width: 1000px) {
.abtb .abtd1{
	padding: 20px 10px 0;
	font-size: 1.4rem;
}

.abtb .abtbth{
	font-size: 2.4rem;
	height: 87px;
}

  .abtb tbody th {
	  font-size: 1.5rem;
	  padding-left: 5px;
	 }
}
  @media screen and (max-width: 768px) {
	.abtb {
	  border: 0;
	  width:100%
	}
	.abtb th{
	  background-color: #167F92;
	  display: block;
	  border-right: none;
	}
	.abtb thead {
	  border: none;
	  clip: rect(0 0 0 0);
	  height: 1px;
	  margin: -1px;
	  overflow: hidden;
	  padding: 0;
	  position: absolute;
	  width: 1px;
	}
	.abtb tr {
	  display: block;
	  margin-bottom: 25px;
	}
	.abtb td {
	  display: block;
	  font-size: .8em;
	  text-align: right;
	  position: relative;
	  padding: .625em .625em .625em 4em;
	}
	
	.abtb td::before {
	  content: attr(data-label);
	  font-weight: bold;
	  position: absolute;
	  left: 10px;
	  top: 10px;
	  background: #FDDD6E;
	  border-radius: 16px;
	  padding: 0 12px;
	  font-size: 1.6rem;
	}

	.abtb td.txt2::before {
	  background: #F29436;
		color:#fff;
	}
	.abtb td:last-child {
	}
	.abtb tbody th {
	  color: #fff;
  }
	  .abtb tbody th {
	  background: #669F4F;
	  color: #fff;
	  width: 100%;
	  font-size: 1.8rem;
	  border-bottom: none;
	  border-radius: 10px 10px 0 0;
	  text-align: center;
	  padding: 9px 0;
	  }
	  
.abtb .abtd1{
	width: 100%;
	height: initial;
	padding: 45px 10px 20px;
	font-size: 1.4rem;
	vertical-align: top;
	font-weight: 500;
}

.abtb .abtd1.txt{
	border-bottom:0;
	height: initial;
}

.abtb .abtd1.txt:after{
	position:absolute;
	content:"";
	border-bottom:4px dotted;
	width:99%;
	height:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.abtb .abtd1.txt2{
	border-top:none;
	text-align: left;
	border-radius: 0 0 10px 10px;
}


  }

  /*-----------------------------------------------------------
2024/12/25トップページ修正分
-----------------------------------------------------------*/
.about-container .title{
	padding: 16px 0;
	color: #704B20;
	font-size: min(4.1vw, 24px);
	line-height: min(4.8vw, 30px);
	font-weight: bold;
}
.about-container .txt-box{
	padding: 16px 0;
	color: #704B20;
	font-size: min(3.59vw, 16px);
	line-height: min(4.8vw, 30px);
	font-weight: 500;
}
.about-container .cmn-btn_01{
	max-width: 100%;
	display: flex;
	justify-content: center;
}
.about-container .cmn-btn_01 a{
	max-width: 320px;
}
.about-container .cmn-btn_01 a:not(:first-child){
	margin-left: 16px;
}

/*-基本サービス--*/
.base-service{
	padding: 140px 0 170px;
    background: url(./img/about/bg3.png) no-repeat right top;
    background-size: cover;
    position: relative;
}
.base-service .inner2{
	max-width: 910px;
}
.base-service .subtitle{
	font-size: 4rem;
	text-align: center;
	line-height: 1.1;
	position: relative;
	z-index: 1;
}
.base-service ul{
	display: flex;
	justify-content: space-between;
	margin: 40px auto;
}
.base-service ul li{
	width: 15%;
}
.base-service ul li img{
	border: none;
	vertical-align: bottom;
	line-height: 1;
	-ms-interpolation-mode: bicubic;
	width: auto;
	max-width: 100%;
	height: auto;
}
.base-service .abo3d{
	padding: 40px;
    background: #fff;
}

.base-service .cmn-btn_01{
	text-align: center;
}

.base-service .abo3d p {
    margin-bottom: 30px;
	font-weight: 700;
}
.base-service .abo3d p span{
	color: #669F4F !important;
}
.base-service .abo3d .noma{
	margin: 0;
}

.choose .title{
	font-size: 4rem;
    text-align: center;
    line-height: 1.1;
    position: relative;
    z-index: 1;
	margin:50px 0 60px;
}

.choose ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
	max-width: 910px;
	margin:0 auto;
}

.choose ul li{
	width: 49%;
    max-width: 580px;
    margin-bottom: 40px;
	border-radius: 10px;
	border: 4px solid #669F4F;
}

.choose ul li .abo4p1{
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.4rem;
	border-radius:0;
}

.choose ul li .txt{
	padding: 5%;
    border-top: none;
    min-height: 325px;
    padding: 40px;
}

.choose ul li .txt h3{
	font-size: 1.8rem;
    min-height: 53px;
    margin-bottom: 15px;
	color: #669F4F !important;
}

.choose .worries-container{
	margin: 40px auto;
}

.choose .left-text{
	text-align: center;
    font-weight: 500;
	font-size: min(3.59vw, 20px);
    line-height: min(4.8vw, 30px);
}

.choose .img-container{
	display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px auto;
}

.choose .fukidashi-container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.choose .img-with-text{
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.choose .centered-text{
	position: absolute;
    z-index: 1;
    text-align: center;
    width: 85%;
    top: 13%;
    font-size: min(3.59vw, 16px);
    line-height: min(4.8vw, 16px);
	color: #704B20;
    font-weight: bold;
}

.choose .centered-text2{
	position: absolute;
    z-index: 1;
    text-align: center;
    width: 85%;
    top: 25%;
    font-size: min(3.59vw, 16px);
    line-height: min(4.8vw, 16px);
	color: #704B20;
    font-weight: bold;
}


@media screen and (max-width: 768px) {
	.about-container .title{
		line-height: min(8.8vw, 30px);
		padding: 16px 0 0;
	}
	.about-container .txt-box{
		line-height: min(6.8vw, 30px);
	}
	.about-container .cmn-btn_01{
		display: block;
	}
	.about-container .cmn-btn_01 a:not(:first-child){
		margin-left: 0;
		margin-top: 16px;
	}

	.about-container .base-service{
		padding: 85px 0 110px;
        background: url(./img/about/bg3sp.png) no-repeat right top;
        background-size: contain;
        position: relative;
	}
	.base-service{
		padding:60px 0 60px;
	}

	.choose ul li .txt p{
		font-size: 1.4rem;
	}

	.base-service .subtitle{
		font-size: 2rem;
	}
	.base-service ul{
		display: flex;
		justify-content: space-between;
		margin: 40px auto;
		flex-wrap: wrap;
		width: 87%;
	}
	.base-service ul li{
		width: 31%;
        margin-bottom: 20px;
        text-align: center;
	}
	.base-service .abo3d{
		padding: 30px 15px;
        background: #fff;
        width: 97%;
        margin: auto;
	}
	.base-service .abo3d p{
		margin-bottom: 15px;
        font-weight: 700;
        font-size: 1.4rem;
	}
	.base-service .abo3d .noma{
		font-weight: 700;
        font-size: 1.4rem;
	}
	.choose .title{
		font-size: 2rem;
		margin: 50px 0 10px;
	}
	.choose ul li .abo4p1{
		height: 56px;
        font-size: 1.8rem;
	}
	.choose ul{
		margin-top: 35px;
		flex-direction: column;
		width: 95%;
	}
	.choose ul li{
		width: 98%;
        max-width: 580px;
        margin: 0 auto 25px;
	}
	.choose ul li .txt{
		min-height: initial;
        padding: 20px 15px;
	}
	.choose ul li .txt h3{
		font-size: 1.6rem;
        min-height: initial;
	}
}


/* 2025/01/15追加 */
footer .btn.linebtn{
	margin: auto 0 0 0!important;
}

@media screen and (max-width: 768px){
	footer .btn.linebtn{
		margin: 0 auto!important;
	}
}

/* 2025/01/23追加 */
.area .article #main{
	margin: 14px auto 0;
}

.p-staffArchive__link.sp-only {
	display: none;
}

@media screen and (max-width: 768px){
	.staff01 .inner {
		width: 100%;
		padding: 0 20px;
	}

	.area .article #main{
		margin: 14px auto 0;
	}

	.staff01 li {
		position: relative;
	}

	.staff01 li .box {
		display: flex;
		gap: 14px;
	}

	.staff01 li .box .img {
		width: 150px;
		aspect-ratio: 1;
	}

	.staff01 li .box .img img {
		width: 100%;
		height: auto;
	}

	.staff01 li .box dl {
		width: calc(100% - 164px);
	}

	.p-staffArchive__link.sp-only {
		display: block;
	}

	.p-staffArchive__link.pc-only {
		display: none;
	}

	.voiceDet01 .inner {
		width: 100%;
		padding: 0 20px;
	}

	.voice01 .inner {
		width: 100%;
		padding: 0;
	}

	.voice01 .article #main{
		margin: 14px auto 0;
	}

	.voice01 ul {
		gap: 80px;
	}

	.voice01 li {
		position: relative;
	}

	.voice01 li .box {
		display: block;
		/* gap: 14px; */
	}

	.voice01 li .box .img {
		width: 100%;
		aspect-ratio: 375 / 230;
	}

	.voice01 li .box h2,
	.voice01 li .box .txt,
	.voice01 li .user,
	.voice01 li .pet {
		margin-inline: 20px;
	}

	.voice01 li .box dl {
		width: 100%;
	}

	.voice01 li .user {
		margin-top: 20px;
		font-weight: 400;
	}

	.voice01 li .pet {
		font-weight: 400;
	}

	.voice01 li .arrow {
		right: 20px;
	}
}

  /*-----------------------------------------------------------
コラムスタイル
-----------------------------------------------------------*/
.colum{padding:50px 0 100px}
.colum_inner{width:84.5%;max-width:1200px;margin:0 auto}
.colum-listitem strong{font-weight:bold}
.colum-listitem h2{font-size:28px;margin-top:72px;font-feature-settings:"palt";font-weight:700;letter-spacing:0.04em;line-height:1.3;margin-bottom:20px;text-align:left}
.colum-listitem p{margin-bottom:22px;font-feature-settings:normal;color:#704B20;font-size:16px;font-weight:400;letter-spacing:0;line-height:2}
.colum-listitem_table{border-collapse:collapse;width:50%;margin:20px 0;font-family:Arial,sans-serif;text-align:center}
.colum-listitem_table tbody thead th{background-color:#5E9C4A;color:#5E9C4A;padding:10px}
.colum-listitem_table tbody td,.colum-listitem_table tbody th{border:2px solid #5E9C4A;padding:8px}
.colum-listitem_table tbody td:first-child{background-color:#F4F4F4;color:#5E9C4A;font-weight:bold}
.colum-listitem_list{border:1px solid #5E9C4A;padding:15px;margin-bottom:22px}
.colum-listitem_list h3,.colum-listitem_list h4,.colum-listitem_list h5,.colum-listitem_list h6,.colum-listitem_list p{font-weight:bold;margin-bottom:0;color:#5E9C4A}
.colum-listitem_list ul li:before{content:"";width:10px;height:10px;display:inline-block;background-color:#5E9C4A;border-radius:50%;margin-right:10px}
.colum-listitem_l-listitem h3{font-size:22px;font-feature-settings:"palt";font-weight:700;letter-spacing:0.04em;line-height:1.3;margin-bottom:20px;border-left:solid 4px #5E9C4A;font-weight:600;margin:2.8em 0 1em 0;padding-left:10px;line-height:1.6}
.colum-listitem_l-listitem_ll-listitem h4{font-size:20px;margin-top:15px;font-weight:bold;color:#5E9C4A;border-bottom:#5E9C4A 2px solid;padding-bottom:5px;margin-bottom:10px}
.colum-listitem .link-txt a{color:#5E9C4A;text-decoration:underline}


/* 5/28一時追記 */
.content05{
	padding: 50px 0 60px;
	position:relative;
	z-index: 1;
}

.undots{
	position:relative;
	padding-bottom: 25px;
	margin-bottom: 20px;
}

.undots:before{
	position:absolute;
	content:"";
	width:26px;
	height:4px;
	background-image: linear-gradient(to right, #fff 3px, transparent 1px);
	background-size: 11px 3px;
	background-repeat: repeat-x;
	background-position: left bottom;
	bottom:0;
	left: 0;
	right: 0;
	margin: auto;
}

.content05 .inner2>p{
	text-align:center;
	font-weight:500;
	color:#fff;
	margin-bottom:35px;
}

.content05 ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.content05 li{
	width: 49%;
	max-width: 500px;
	background: #fff;
	margin-bottom: 40px;
	border-radius: 10px;
	padding-left: 30px;
	display: flex;
	height: 80px;
	align-items: center;
}

.content05 li.sp{
	display:none;
}

.content05 li h3{
	padding-right:20px;
	margin-right: 20px;
	height: 88%;
	display: flex;
	align-items: center;
	border-right: 4px dotted;
	font-size: 1.8rem;
}

.co5d{
	display:flex;
}

.co5d a{margin-left: 15px;}


@media screen and (max-width: 1200px) {
	.content05 li.pc{
		display:none;
	}

	.content05 li.sp{
		display:flex;
	}
}



@media screen and (max-width: 768px) {
	.content05 li{
	width: 100%;
	padding-left: 30px;
	height: 80px;
	align-items: center;
	margin: 0 auto 25px;
}

.content05 .inner2>p{
	text-align:center;
	font-weight:500;
	color:#fff;
	margin-bottom:20px;
	font-size: 1.4rem;
}
}

@media screen and (max-width: 591px) {
	.content05 li h3{
	font-size: 1.4rem;
	border-right: 2px dotted;
}
}