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

/*----------------------------------------------------------------------------
***                                                                    body
----------------------------------------------------------------------------*/
body{border-top: none; background-color: #fff;}
body #wrap{font-family:"Noto Sans JP", sans-serif; font-optical-sizing: auto; font-style: normal; width: 100%; margin:0; padding:0; border-top:none; background-color: #fff;}
body #wrap *{font-family:"Noto Sans JP", sans-serif; font-optical-sizing: auto; font-style: normal;}
body #contentsArea{width: 100%; padding: 0;}
body #feature2610 *,
body #feature2610 *::before,
body #feature2610 *::after {box-sizing: border-box; margin: 0; padding: 0;}
body #feature2610 p,
body #feature2610 li{font-size: 18px; line-height: 1.5em; font-weight: 500; color: #41220d;}
body #feature2610 img{max-width: 100%; height: auto;}
body #feature2610 a:hover{color: inherit;}
body #feature2610 .hoverEase:hover{opacity:0.7; transition: opacity 0.3s ease-in-out;}

/*----------------------------------------------------------------------------
***                                                                     共通
----------------------------------------------------------------------------*/
#feature2610 .section{margin: 60px 0;}
#feature2610 .sectionInner{max-width: 980px; margin: 0 auto;}
#feature2610 .underLine{background: linear-gradient(transparent 50%, #fcf49a 0%);}
#feature2610 .source01{display: block; margin: 0 auto; width: 980px; font-size: 14px;}


/*----------------------------------------------------------------------------
***                                                                   header
----------------------------------------------------------------------------*/
#feature2610 #headerArea{position: fixed; width: 100%; height: 75px; border-top: none; border-bottom: 5px solid #e3006d; background: #fff; z-index: 999;}
#feature2610 #headerArea .headerAreaInner{position: relative; width: 100%; max-width:980px; margin:0 auto; padding:  0.5em 0; display: flex; align-items: center; justify-content: space-between;}
#feature2610 #headerArea .headerAreaInner .logo{display: flex; align-items: center; justify-content: space-between;}
#feature2610 #headerArea .headerAreaInner .logo a{display: block; max-width: 200px;}


/*----------------------------------------------------------------------------
***                                                                 titleSec
----------------------------------------------------------------------------*/
#feature2610 #titleSec{position: relative; padding-top: 75px; background-color: #fff; overflow: hidden;}
#feature2610 #titleSec::before{content: ""; position: absolute; background: url(../images/deco_fv01.png) center / contain no-repeat; width: 100%; max-width: 570px; aspect-ratio: 570 / 982; transform: translate(-100%,-50%); top: 63%; left: calc(51% - 480px);}
#feature2610 #titleSec::after {content: ""; position: absolute; background: url(../images/deco_fv02.png) center / contain no-repeat; width: 100%; max-width: 570px; aspect-ratio: 570 / 982; transform: translate(100%,-50%); top: 65%; right: calc(48% - 480px);}
#feature2610 #titleSec .sectionInner{padding: 50px 0 0;}
#feature2610 #titleSec .ttlBox{position: relative; display: flex; flex-direction: column; align-items: center;}
#feature2610 #titleSec .ttlBox::before{content: ""; position: absolute; background: url(../images/deco_character01.png) center / contain no-repeat; width: 100%; max-width: 95px; aspect-ratio: 190 / 316; bottom: -10px; left: 0;}
#feature2610 #titleSec .ttlBox::after {content: ""; position: absolute; background: url(../images/deco_character02.png) center / contain no-repeat; width: 100%; max-width: 105px; aspect-ratio: 210 / 388; bottom: -10px; right: 0;}
#feature2610 #titleSec .ttlBox .ttlTxt{order: 2; font-size: 62px; text-align: center; color: #41220d;}
#feature2610 #titleSec .ttlBox .ttlTxt .underLine{padding: 0 0.1em;}
#feature2610 #titleSec .ttlBox .subTxt{order: 1; display: flex; align-items: center; margin-bottom: 20px;}
#feature2610 #titleSec .ttlBox .subTxt .nbk{max-width: 200px; aspect-ratio: 400 / 112;}
#feature2610 #titleSec .ttlBox .subTxt .kakeru{font-size: 42px; font-weight: 600;}
#feature2610 #titleSec .ttlBox .subTxt .logo01{max-width: 351px; aspect-ratio: 702 / 112;}
#feature2610 #titleSec .emblemBox{position: relative; display: flex; align-items: center; justify-content: space-between; max-width: 776px; margin: 30px auto 0;}
#feature2610 #titleSec .emblemBox::before{content: ""; position: absolute; background: url(../images/deco_leaf.png) center / contain no-repeat; width: 100%; max-width: 60px; aspect-ratio: 60 /252; top: 10%; left: calc(50% - 480px);}
#feature2610 #titleSec .emblemBox::after {content: ""; position: absolute; background: url(../images/deco_leaf.png) center / contain no-repeat; width: 100%; max-width: 60px; aspect-ratio: 60 /252; top: 10%; right: calc(50% - 480px); transform: translateX(-100%); transform: scaleX(-1);}
#feature2610 #titleSec .emblemBox .emblemImg{max-width: 240px; aspect-ratio: 380 / 450;}


/*----------------------------------------------------------------------------
***                                                                 leadSec
----------------------------------------------------------------------------*/
#feature2610 .leadSec .leadTxt{text-align: center; line-height: 1.8; font-size: 16px; font-weight: 400;margin-top: 1.0em;}
#feature2610 .leadSec .leadTxt:first-child{margin-top: 0;}
#feature2610 .leadSec .photo01{text-align: center; margin: 1.0em 0 0;}
#feature2610 .leadSec .documentsBox{background-color: #f8f3e7; border-radius: 10px; padding:1.5em 2em 2em;width: 980px;margin: 2em auto 0;display: flex;}
#feature2610 .leadSec .documentsBox .profileBox{width: 160%; margin-right: 1em;}
#feature2610 .leadSec .documentsBox .voiceTtl{position: relative; width: fit-content; color: #41220d; font-size: 17px; padding-right: 1em;}
#feature2610 .leadSec .documentsBox .voiceTtl::after{content: "";position: absolute; background: url(../images/ico_balloon.svg) center / contain no-repeat; width: 100%; max-width: 46px; aspect-ratio: 46 / 40; transform: translateY(-50%); top: 50%; right: -1em;}
#feature2610 .leadSec .documentsBox .profileList{height: auto; }
#feature2610 .leadSec .documentsBox .profileList li{padding:0.5em 1em 1em 0;font-size: 14px;}
#feature2610 .leadSec .documentsBox .profileList li:last-child {padding:0em 1em 0 0;}

#feature2610 .leadSec .movieBoxArea { width: 100%; max-width: 800px; margin: 0 auto;}
#feature2610 .leadSec .movieBoxArea .movieBox { margin: 3em auto 0em; width: 100%; position: relative; padding-bottom: 56.25%; height: 0px; overflow: hidden;}
#feature2610 .leadSec .movieBoxArea .movieBox .iframeBox{margin: 0 auto; position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: none; max-height: none;}


/*----------------------------------------------------------------------------
***                                                            taidanSec
----------------------------------------------------------------------------*/
#feature2610 .taidanSec{margin: 80px 0;}
#feature2610 .taidanSec .secTtl{display: flex; align-items: center; gap: 1em; color: #41220d; border-left: 6px solid rgb(169, 208, 107);padding-left: 14px;}
#feature2610 .taidanSec .secTtl .num{display: block; font-size: 86px; line-height: 1.2; padding-bottom: 0.06em;}
#feature2610 .taidanSec .secTtl .txt{display: block; font-size: 26px; line-height: 1.2;}
#feature2610 .taidanSec .interviewBox{ margin: 40px 0;}
#feature2610 .taidanSec .interviewBox .txt{width: auto;line-height: 1.8;font-weight: bold;margin: 3em 0 1.0em;}
#feature2610 .taidanSec .interviewBox .img{width: 100%; max-width: 425px;}
#feature2610 .taidanSec .interviewBox p{margin:2.0em 0 1.0em;}
#feature2610 .taidanSec .interviewBox .p-orange {color: rgb(255, 153, 0);margin-right: 1.0em;}
#feature2610 .taidanSec .interviewBox .p-red{color: rgb(255, 51, 102);margin-right: 1.0em;}
#feature2610 .taidanSec .interviewBox p.followTxt{margin:1.0em 0;}
#feature2610 .taidanSec .interviewBox .photoImg{margin: 1.0em auto 2.0em;}


/*----------------------------------------------------------------------------
***                                                            closingSec
----------------------------------------------------------------------------*/
#feature2610 .closingSec .movieBoxArea { width: 100%; max-width: 550px; margin: 0 auto;}
#feature2610 .closingSec .movieBoxArea .movieBox { margin: 3em auto 0em; width: 100%; position: relative; padding-bottom: 56.25%; height: 0px; overflow: hidden;}
#feature2610 .closingSec .movieBoxArea .movieBox .iframeBox{margin: 0 auto; position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: none; max-height: none;}

#feature2610 .closingSec .closingTxt{text-align: center; line-height: 1.8; font-size: 22px; font-weight: 700;margin-top: 1.0em;}
#feature2610 .closingSec .closingTxt:first-child{margin-top: 0;}
#feature2610 .closingSec .closingTxt .p-orange{color: #ee8822;}
#feature2610 .closingSec .btn-move { width: 98%; max-width: 500px; box-sizing: border-box; word-break: break-word; color: #FFF; background-color: #ee8822; box-shadow: #df7e1f 0px 4px 0px 0px; font-size: 18px; line-height: 1.7; font-weight: 800; display: block; text-align: center; overflow: hidden; padding: 10px; animation:  2s linear 0s infinite normal none running vibrations; text-decoration: none; border-width: 2px; border-style: solid; border-color: #ee8822; border-image: none; border-radius: 8px; margin: 30px auto;}


/* 震える動きのキーフレーム定義 */
@keyframes vibrations {
    0%, 10%, 12%, 2%, 4%, 6%, 8%, 100% { transform: translate(0px);}
    1%, 5%, 9% {transform: translate(4px);}
    11%, 3%, 7% {transform: translate(-4px);}
}
/*----------------------------------------------------------------------------
***                                                                  footer
----------------------------------------------------------------------------*/
#footerCopyright p{text-align: right; color: #666; line-height: 1.4em; margin: 0; padding: 0;}