@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
a{
margin:0;
padding:0;
text-decoration:underline;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#0066ff;
}

.clearfix:after{
content:"";
display:block;
clear:both;
}

/* PC ナビゲーションの修正 */
.header-container-in.hlt-top-menu .header {
    background-image: none;
    max-width: 1160px;
    margin: 10px auto;
}
.navi-in a:hover {
	background:#FFF;
}
.navi .item-label, .navi .item-description {
color:#414141;
font-size: 1em;
font-weight:bold;
}
 .navi .item-description {
	 color:#7ca751;}

#navi .navi-in>ul>li {
	height:40px;
	border-right:#888888 1px solid;
	line-height: 1.4;
}
#navi .navi-in>ul>li:last-child {
	border-right:0;
}

.fa-logo {
  display: inline-block;
  width: 28px;      
  height: 28px;
background-image:url("images/icon-logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#menu-header-mobile > li:nth-child(1) .menu-caption {
  display: none;
}



.footer {
    margin-top: 0;
    padding: 8px;
}
/*背景の幅を100％にする*/
.page-id-87 #content .wrap,
.home #content .wrap {
    width: 100%;}
.page-id-87 #content .wrap .main,
.home #content .wrap .main {
 padding: 0;}

.header-container-in.hlt-top-menu {
    display: inline;
}
#header-in {
	width:1160px;
	margin:0 auto;
	display: inline;
}
.header-container-in.hlt-top-menu .logo-header {
    max-height: 60px;
    text-align: left;
    display: inline;
   
}
.logo-image span, .logo-image a {
    display: inline-block;

}
.header-btn {
	width:1160px;
	margin:0 auto;
	text-align:right;
    margin-bottom: -10px;
    padding-top: 10px;
}
.header-btn li{
	list-style:none;
	float: right;
	margin-right:30px;
}
.header-btn li.saiyou-btn a{
	border-radius:50px;
	padding:10px 20px ;
	background:#f19ec2;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}
.header-btn li a img {
  transition: opacity 0.3s ease;
}  
.header-btn li a:hover img {
  opacity: 0.7;
}
.content {
 margin-top: 0;
}
.page-id-87 .article h2,
.home .article h2 {
	padding: 0 0 20px;
	text-align:center;
    background-color: transparent;
    border-radius: 0;
}
.page-id-87 .article h3,
.home .article h3 {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
}

.entry-title {
	 border-bottom: 3px solid #7ca751;
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
}


/* トップページ */
.page-id-87  .entry-title,
.home .entry-title {
display: none;
}

/* Common inner wrapper */
.page-id-87 .inner,
.home .inner {
    width: 1160px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}
/* メイン section */
.topmain {
    width: 100%;
	background-image: url(images/bg01.gif);
	background-repeat:no-repeat;
	background-color:#FFF;
	background-position:center top;
    padding: 20px 0;
	margin-bottom:0;
}
.home .topmain .main-img {
text-align:center;
}
/* Place section */
.place {
    width: 100%;
    background-image: url('images/bg02.gif');
	background-repeat:no-repeat;
	background-color:#bde16f;
	background-position:center top;
    padding: 80px 0;
}

/* Title styles */
.page-id-87 .place .section-title,
.page-id-87 .toku  .section-title {
    font-size: 189%; /* 36px */
    color: #e17daf;
    text-align: center;
    font-weight: bold;
    margin-bottom: 50px;
	background:transparent;
	position: relative;

}
.page-id-87 .place .section-title::after,
.page-id-87 .toku  .section-title::after {
	content:"";
	display: block;
width: 80px;
            height: 4px;
            background: #e17daf;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
}
.page-id-87 .detail  .section-title {
    font-size: 189%; /* 36px */
    color: #000;
    text-align: center;
    font-weight: bold;
    margin-bottom: 50px;
	background:transparent;
	position: relative;

}
.page-id-87 .detail .section-title::after {
	content:"";
	display: block;
width: 80px;
            height: 4px;
            background: #000;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
}
.home .place .section-subtitle {
    font-size: 84%; /* 16px */
    color: #333;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}

.home .place .section-subtitle::before,
.home .place .section-subtitle::after {
    content: '———';
    color: #333;
    margin: 0 10px;
}

/* Tree illustration */
.place .tree-illustration {
    text-align: center;
    margin-bottom: 40px;
}

.place .tree-illustration img {
    max-width: 100%;
    height: auto;
}

/* Content box */
.place .content-box {
    background-color: white;
    border-radius: 20px;
    padding: 60px 80px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* Place text styles */
.place .intro-text {
text-align: center;
    margin-bottom: 30px;
    color: #333;
}

.place .description {

    text-align: center;
    margin-bottom: 25px;
    color: #333;
}

.place .highlight {
    color: #e17daf;
    font-weight: bold;
}

.place .motto {
   
    text-align: center;
    margin: 40px 0;
    color: #333;
}

.place .quote {
    color: #e17daf;
    font-weight: bold;
}

.place .closing {
 
    text-align: center;
    color: #333;
}

/* News section */
.home .news-list {
    width: 100%;
    padding: 60px 0;
    background: #fff;
}

.home .news-title {
    text-align: center;
    margin-bottom: 40px;
}

.home .news-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}

.home .news-card {
    width: calc(25% - 22.5px);
    overflow: hidden;
    transition: transform 0.3s ease;
}

.home .news-card:hover {
    transform: translateY(-5px);
}

.home .news-thumb img {
    width: 100%;
    display: block;
	border:10px #f0f0f0 solid;
}

.home .news-meta {
    padding: 15px;
}

.home .news-cat {
    display: inline-block;
    color: #fff;
    font-size: 63%; /* 12px */
    padding: 2px 10px;
    border-radius: 20px;
    margin-bottom: 10px;
}

.home .news-meta h3 {
    font-size: 84%; /* 16px */
    font-weight: bold;
    margin: 5px 0;
	text-align:left;
	padding:0;
}

.home .news-meta a {
    color: #333;
    text-decoration: none;
}

.home .news-meta a:hover {
    text-decoration: underline;
}

.home .news-date {
    display: block;
    font-size: 63%; /* 12px */
    color: #888;
    margin-bottom: 10px;
}

.home .news-excerpt {
    font-size: 74%; /* 14px */
    color: #666;
}

.home .news-more {
    text-align: center;
    margin-top: 40px;
}

.home .news-more img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

/* 5つの特色セクション */
.home .toku {
    width: 100%;
    background-color: #fbf8e9;
    padding: 80px 0 ;
	margin-bottom:0;
}

.toku {
    width: 100%;
    background-color: #fbf8e9;
    padding: 80px 0 0;
}

.toku .section-title-wrapper {
    text-align: center;
    margin-bottom: 60px;
}

.toku .section-title-img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
}

.toku .feature-item {
    margin-bottom: 80px;
    position: relative;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.toku .feature-header {
    padding: 0px 40px 30px;
    position: relative;
    z-index: 2;
}

.toku .feature-header-img {
    width: auto;
    height: auto;
    max-width: 50%;
    display: block;
    padding-top: 50px;
	padding-right:15px;
}

.toku .feature-content-wrapper {
    position: relative;
    display: flex;
    align-items: stretch;
    min-height: 350px;
}

.toku .feature-text-area {
    flex: 0 0 50%;
    padding: 0 40px 160px 40px;
    position: relative;
}
.toku .feature-text {    
margin-bottom: 15px;
}
.toku .feature-text p {

    line-height: 1.8;
    margin-bottom: 15px;
    color: #333;
}

.toku .feature-text p:last-child {
    margin-bottom: 0;
}

.toku .feature-image-area {
    flex: 0 0 50%;
    position: relative;
}

.toku .feature-image {
    position: absolute;
    top: -160px;
    right: 0;
    width: 100%;
    height: calc(100% + 160px);
}

.toku .feature-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.toku .animal-icon {
    position: absolute;
    bottom: 30px;
    right: 80px;
    width: 150px;
    height: auto;
    z-index: 10;
}

/* グループ一覧 */
.home .group  {
    width: 100%;
    background: url('images/bg03.gif') no-repeat center top;
    padding: 60px 0;
}

.group .title {
    text-align: center;
    margin-bottom: 50px;
}

.group .title img {
    max-width: 100%;
    height: auto;
}

.group .facility-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 30px;
}

.group .facility-card {
    background: #fff;
    overflow: hidden;
}

.group .facility-image {
    width: 100%;
    height: 240px;
    overflow: hidden;
}

.group .facility-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.group .facility-info {
    padding: 20px;
    text-align: center;
}

.group .facility-header {
    padding: 10px;
    margin: 0px auto 15px;
    font-size: 84%; /* 16px */
    font-weight: bold;
    color: #333;
    width: 90%;
    min-height: 50px;
}

/* ヘッダーの背景色 */
.group .header-green {
    background-color: #d4e8d4;
}

.group .header-purple {
    background-color: #e6d4e8;
}

.group .header-blue {
    background-color: #d4e1f0;
}

.group .header-pink {
    background-color: #f5d4e1;
}

.group .header-gray {
    background-color: #e0e0e0;
}

.group .facility-address {
    font-size: 68%; /* 13px */
    color: #666;
    margin-bottom: 15px;
    line-height: 1.4;
}

.group .contact-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.group .contact-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 79%; /* 15px */
    color: #333;
    font-weight: bold;
    width: 90%;
    border: 1px solid #666;
    margin: 2px auto;
}

.group .contact-item img {
    width: 18px;
    height: 18px;
}

/* 一緒に働きませんか */
.home .with {
    width: 100%;
    background-color: #a3df51;
    padding: 80px 0;
}

.home .with .content-wrapper {
    background-color: #ffffff;
    padding: 60px;
    display: flex;
    align-items: center;
    gap: 40px;
    border-radius: 20px;
}

.home .with .text-content {
    flex: 0 1 50%;
}

.home .with .title {
    margin-bottom: 30px;
}

.home .with .title img {
    max-width: 100%;
    height: auto;
}

.home .with .info-link {
    display: inline-block;
    transition: opacity 0.3s ease;
    margin-top: 3%;
}

.home .with .info-link:hover {
    opacity: 0.8;
}

.home .with .info-link img {
    max-width: 100%;
    height: auto;
    display: block;
}

.home .with .img-content {
  flex: 0 1 45%;
}

.home .with .img-content img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* お問い合わせ */
.home .contact {
    width: 100%;
    background: #fbf8e9 url(images/bg04.gif) no-repeat center top;
    padding: 200px 0 80px;
    position: relative;
    overflow: hidden;
}
.home .contact .inner .center-content {
	text-align:center;}
.home .contact .contact-header {
    margin-bottom: 40px;
}

.home .contact .contact-title {
    margin-bottom: 20px;
    text-align: center;
}

.home .contact .contact-title img {
    max-width: 100%;
    height: auto;
}

.home .contact .intro-text {
    font-size: 84%; /* 16px */
    color: #333;
    margin-bottom: 50px;
    text-align: center;
}

.home .contact .content-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 60px;
    gap: 40px;
}

.home .contact .left-images,
.home .contact .right-images {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.home .contact .center-content {
    flex: 1;
    max-width: 600px;
}

.home .contact .main-message {
    font-size: 84%; /* 16px */
    color: #333;
    margin-bottom: 30px;
    line-height: 1.8;
    text-align: center;
}

.home .contact .question {
    font-size: 84%; /* 16px */
    color: #333;
    margin-bottom: 20px;
    text-align: center;
}

.home .contact .answer {
    font-size: 84%; /* 16px */
    color: #333;
    margin-bottom: 30px;
    line-height: 1.8;
    text-align: center;
}

.home .contact .closing {
    font-size: 84%; /* 16px */
    color: #333;
    line-height: 1.8;
    text-align: center;
}

.home .contact .mail-button {
    display: inline-block;
    margin-bottom: 40px;
    transition: opacity 0.3s ease;
    text-align: center;
	width:100%;
}

.home .contact .mail-button:hover {
    opacity: 0.8;
}

.home .contact .mail-button img {
    max-width: 100%;
    height: auto;
}
.form .phone-contact,
.contact .phone-contact {
    margin-top: 30px;
    text-align: center;
}
.form  .phone-label,
.home .contact .phone-label {
    font-size: 84%; /* 16px */
    color: #333;
    margin-bottom: 10px;
}
.form  .phone-number,
.contact .phone-number {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 40px;
    border: 1px solid #666;
    background-color: #fff;
}
.form .phone-icon,
.contact .phone-icon {
    width: 24px;
    height: 24px;
}
.form .phone-number span,
.contact .phone-number span {
    font-size: 126%; /* 24px */
    color: #333;
    font-weight: bold;
}

/* Responsive design */
@media screen and (max-width: 1200px) {
    .home .inner {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    /* Place section responsive */
    .home .place {
        padding: 60px 0;
    }

    .home .place .section-title {
        font-size: 147%; /* 28px */
        line-height: 1.4;
    }

    .home .place .section-subtitle {
        font-size: 74%; /* 14px */
    }

    .home .place .section-subtitle::before,
    .home .place .section-subtitle::after {
        content: '——';
    }

    .home .place .content-box {
        padding: 40px 30px;
    }

    .home .place .intro-text,
    .home .place .description,
    .home .place .motto,
    .home .place .closing {
        font-size: 80; 
        line-height: 1.8;
    }

    .home .place .intro-text br,
    .home .place .description br,
    .home .place .closing br {
        display: none;
    }

    /* News section responsive */
    .home .news-items {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .home .news-card {
        width: calc(50% - 15px);
    }

    /* Toku section responsive */
   .toku {
        padding: 50px 0;
    }
    
   .toku .section-title-wrapper {
        margin-bottom: 40px;
    }
    
    .toku .section-title-img {
        max-width: 80%;
    }
    
    .toku .feature-item {
        margin-bottom: 60px;
    }
    
   .toku .feature-header {
        padding: 40px 20px 20px;
    }
    
    .toku .feature-header-img {
        max-width: 100%;
    }
    
    .toku .feature-content-wrapper {
        flex-direction: column;
        min-height: auto;
    }
    
    .toku .feature-text-area {
        flex: 1 1 auto;
        padding: 0 20px 20px 20px;
		        font-size: 85%;
    }
    
    .toku .feature-image-area {
        flex: 1 1 auto;
        position: relative;
        height: 250px;
    }
    
    .toku .feature-image {
        position: relative;
        top: 0;
        width: 100%;
        height: 100%;
    }
    
    .toku .animal-icon {
        position: relative;
        left: auto;
        transform: none;
        margin: 50px auto 0;
        display: block;
        width: 100px;
		right:auto;
    }
    


    /* Group section responsive */
    .group .facility-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 20px;
    }

    .group {
        padding: 40px 0;
    }

    .group .title {
        margin-bottom: 30px;
    }

    /* With section responsive */
    .home .with {
        padding: 40px 0;
    }
    
    .home .with .content-wrapper {
        flex-direction: column;
        padding: 30px 20px;
        border-radius: 15px;
    }
    
    .home .with .text-content {
        width: 100%;
        text-align: center;
		font-size: 85%;
    }
    
    .home .with .info-link img {
        
        margin: 0 auto;
    }
    
    .home .with .img-content {
        width: 100%;
        margin-top: 20px;
    }

    /* Contact section responsive */
    .home .contact {
        padding: 40px 0;
    }
    .home .contact .inner {
  font-size: 85%;
    }
    .home .contact .content-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }
    
    .home .contact .left-images,
    .home .contact .right-images {
        flex-direction: row;
        justify-content: center;
    }
    
    .home .contact .facility-img {
        width: auto;
        height:  auto;
    }
    
    .home .contact .center-content {
        max-width: 100%;
    
    }
    
    .home .contact .main-message br,
    .home .contact .closing br {
        display: none;
    }
    
    .home .contact .contact-label {
        font-size: 84%; /* 16px */
    }
    
    .home .contact .intro-text,
    .home .contact .main-message,
    .home .contact .question,
    .home .contact .answer,
    .home .contact .closing,
    .home .contact .phone-label {
        font-size: 74%; /* 14px */
    }
    .form .phone-number,
    .contact .phone-number {
        padding: 10px 25px;
    }
    .form .phone-number span,
    .contact .phone-number span {
        font-size: 105%; /* 20px */
    }
    
    .contact .mail-button img {
   
    }
}

@media screen and (max-width: 480px) {
    /* Place section mobile */
    .home .place {
        padding: 40px 0;
    }

    .home .place .section-title {
        font-size: 126%; /* 24px */
    }

    .home .place .content-box {
        padding: 30px 20px;
        border-radius: 15px;
    }

    .home .place .section-subtitle::before,
    .home .place .section-subtitle::after {
        content: '—';
        margin: 0 5px;
    }

    /* News section mobile */
    .home .news-items {
        grid-template-columns: 1fr;
    }
    
    .home .news-card {
        width: 100%;
    }

    /* Toku section mobile */
    .home .inner {
        padding: 0 15px;
    }
    
    .toku .section-title-img {
        max-width: 100%;
    }
    
   .toku .feature-item {
        margin-bottom: 40px;
    }
    
    .toku .feature-header {
        padding: 30px 15px 15px;
    }
    
    .home .toku .feature-header-img {
        max-width: 100%;
    }
    
    .home .toku .feature-text-area {
        padding: 0 15px 15px 15px;
	
    }

    .home .toku .animal-icon {
        width: 80px;
    }

    /* Group section mobile */
    .group .facility-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .group .facility-info {
        padding: 15px 0;
    }

    .group .facility-header {
        font-size: 74%; /* 14px */
    }

    .group .contact-item {
        font-size: 74%; /* 14px */
    }

    /* With section mobile */
    .with .content-wrapper {
        padding: 20px 15px;
        border-radius: 10px;
    }
    
    .home .with .title {
        margin-bottom: 0px;
	
    }
	.home .with p {
		margin-bottom:15px;
	}


    /* Contact section mobile */
    .home .contact {
        padding: 30px 0;
    }
    
    .home .contact .facility-img {
        width: auto;
        height: auto;
    }
    
    .home .contact .left-images,
    .home .contact .right-images {
        gap: 15px;
    }
    
    .home .contact .content-wrapper {
        gap: 20px;
		margin-bottom:0;
    }
    
    .home .contact .intro-text,
    .home .contact .main-message,
    .home .contact .question,
    .home .contact .answer,
    .home .contact .closing,
   .contact .phone-label {
        font-size: 80%; 
    }
    .form .phone-number,
    .contact .phone-number {
        padding: 8px 20px;
    }
   .form .phone-icon, 
     .contact .phone-icon {
        width: 20px;
        height: 20px;
    }
    .form .phone-number span, 
.contact .phone-number span {
        font-size: 95%; /* 18px */
    }
    
  .contact .mail-button img {
    
    }
}


.tab-img { display:none;}
.tabsmt-img { display:none;}
.smt-img { display:none;}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/



/*1160px以下*/
@media screen and (max-width: 1160px){
	#header-in {
	width: 100%;}	

.mobile-menu-buttons .menu-button {
        position: relative;
        width: 70px;
        cursor: pointer;
        display: inline-block;
        text-align: left;
        align-items: normal;
}
.logo-menu-button img {
    margin: 0 10px 10px;
    width: auto;
max-height: 40px;
}
.pc-img { display:none !important;}
.tab-img {display:inline !important;}
.tabsmt-img {display:inline !important;}
}
/*1023px以下*/
@media screen and (max-width: 1023px){
.header-btn {
	display:none;
}

}	
/*834px以下*/
@media screen and (max-width: 834px){
.pctab-img { display:none !important;}
.tab-img { display:none !important;}
.smt-img { display:inline !important;}
}

/*480px以下*/
@media screen and (max-width: 480px){
.mobile-menu-buttons .menu-button {
        position: relative;
        width: 50px;
        cursor: pointer;
        display: inline-block;
        text-align: left;
        align-items: normal;
	padding-top:10px;
    }
	body {
        padding: 0 !important;
    }
}











/*　------------
採用ページ
--------------*/
.page-id-87 .place {
	margin-bottom:0;
}
.page-id-87 .toku  {
	margin-bottom:0;
}

.page-id-87 .toku .inner {
	    padding: 0 20px 50px;
}

.page-id-87 .toku .feature-content-wrapper
 {
    position: relative;
    display: flex
;
    align-items: stretch;
    min-height: 200px;
}

.page-id-87 .toku .feature-image-area {
    flex: 0 0 50%;
    position: relative;
}
.page-id-87 .toku .feature-image {
    position: absolute;
    top: -160px;
    right: auto;
    width: 100%;
    height: calc(100% + 160px);
}
.page-id-87 .toku .feature-content-wrapper {
    position: relative;
    display: flex;
    align-items: stretch;
    min-height: 150px;
}

.page-id-87 .toku .feature-text-area {
    flex: 0 0 50%;
    padding: 0 30px 30px 30px;
    position: relative;
	font-size:90%;
}
.page-id-87 .toku .feature-image img {

    height: 100%;
    object-fit: cover;
}

section.voices {
            width: 100%;
            padding: 60px 0;
	background: #afdc5c;
        }


section.voices  .section-title {
            font-size: 32px;
            font-weight: bold;
            text-align: center;
            margin-bottom: 50px;
            color: white;
            position: relative;
            padding-bottom: 15px;
}

section.voices .section-title::after {
	content: "";
    display: block;
	width: 80px;
            height: 4px;
            background: white;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }

        .voice-card {
            background: white;
            padding: 40px;
            margin-bottom: 40px;
            border-radius: 10px;
            position: relative;
            box-shadow: 0 2px 10px rgba(0,0,0,0.08);
        }

        .voice-card::before {
      
            font-size: 80px;
            color: #7cb342;
            opacity: 0.2;
            position: absolute;
            top: 10px;
            left: 20px;
        }

        .voice-header {
            display: flex;
            align-items: center;
            margin-bottom: 30px;
        }

        .voice-avatar {
               width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-right: 20px;
    border: #e2f0d2 5px solid;
        }

        .voice-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
        }

        .voice-info h3 {
            font-size: 20px;
            color: #333;
            margin-bottom: 5px;
			padding-left:0;
        }

        .voice-info p {
            color: #666;
            font-size: 14px;
        }

        .voice-content {
            margin-top: 20px;
        }

        .voice-qa {
            margin-bottom: 25px;
        }

        .voice-qa h4 {
            color: #7cb342;
            font-size: 18px;
            margin-bottom: 10px;
            font-weight: bold;
			border-bottom:2px dashed  #7cb342;
			border-top:0;
			padding-left:0;
        }

        .voice-qa p {
            color: #333;
            line-height: 1.8;
        }

        /* レスポンシブ対応 */
        @media (max-width: 768px) {
 
section.voices  {
                padding: 40px 0;
            }

section.voices .section-title {
                font-size: 24px;
                margin-bottom: 30px;
            }

            .voice-card {
                padding: 20px;
            }

            .voice-header {
                flex-direction: column;
                text-align: center;
            }

            .voice-avatar {
                margin-right: 0;
                margin-bottom: 15px;
            }
        }

        @media (max-width: 480px) {
section.voices .section-title {
                font-size: 20px;
            }

            .voice-info h3 {
                font-size: 18px;
            }

            .voice-qa h4 {
                font-size: 14px;
            }

            .voice-qa p {
                font-size: 14px;
            }
        }

.page-id-87 .detail  {
	padding:100px 0;
}
.page-id-87 .detail h3 {
    font-size: 25px;
    font-weight: 700;
    color: #000;
	padding:10px 0;
    border-bottom: 3px solid #afdc5c;
	margin-bottom: 30px;
	margin-top: 100px;
    letter-spacing: 0.05em;
}
.page-id-87 .form {
    width: 100%;
    background-color: #fbf8e9;
    padding: 80px 0 ;
}
.page-id-87 .form .inner {
padding: 40px ;
	background:#FFF;
	border-radius:10px;
}
.page-id-87 .toku img.alignright {
	border-radius:10px;
}

@media screen and (max-width: 768px){
.page-id-87 .toku .feature-image {
        position: relative;
        top: 0;
        width: 100%;
        height: 100%;
	padding-top:0;
    }
.home .toku .feature-header-img,
	.page-id-87 .toku .feature-header-img{
       padding-top:0;
    }
.place .content-box {
    padding: 20px;
	font-size:85%;
}
.page-id-87 .toku ,
	.voice-qa p {
font-size:80%;
}
.page-id-87 .toku img.alignright {
    border-radius: 10px;
    display: block;
    margin: 0 auto;

    width: 100%;
    max-width: 100%;
    margin-bottom: 15px;
}
.page-id-87 .form {
    width: 100%;
    background-color: #fbf8e9;
    padding: 0 0 80px;
}
	.page-id-87 .form .inner {
    padding: 20px;
		width: 96%;
	font-size: 85%;}
.page-id-87 .container {
        margin: 0 0px;
    }
.page-id-87 .detail {
    padding: 0px 0 0;
}
.page-id-87 .place .section-title, .page-id-87 .toku .section-title,
	.page-id-87 .detail .section-title {
    font-size: 130%;}
}

.youtube-short {
	position: relative; width: 100%; height: 0; padding-bottom: 177.78%;
}
.youtube-short iframe　{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}