@charset "UTF-8";
/*
Theme Name:イデンシル・リニューアルVol.01
Theme URL:https://idensil.jp/
Description:
Author:グリスタ
Version:vol.01 2024/03/03
*/

/* A Modern CSS Reset */
*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}

/* Base */
*{border:none;box-sizing:border-box;margin:0;padding:0}
a:hover{opacity:.7;transition:all .5s}
a:visited,a:active{text-decoration:none;text-decoration-skip-ink:none}
body{background:#fff;color:#333;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif;font-size:16px;line-height:1.67;margin:0;min-width:320px;padding:0;position:relative}
code{font-size:inherit;word-break:break-all}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:400;margin:0;padding:0;position:relative;word-break:break-all}
header{background-color:rgba(255,255,255,0.8);height:100px;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:10}
header .header__wrap{display:flex;margin:0 auto;/*max-width:1366px;*/}
header h1{height:44.277px;margin:40px 0 0 40px;max-width:160px;width:100%}
iframe{max-width:100%}
img{border-style:none;max-width:100%;outline:none}
input,textarea,button{font-size:inherit;font-size:16px}
ol{margin-bottom:1em;padding-left:1em}
ol li{line-height:2}
p{line-height:2;margin:0 0 1em}
p:last-of-type{margin:0}
pre{font-size:inherit}
table{max-width:100%}
th,td{padding:0}
ul{list-style:none;padding-left:0}

/* fonts */
@font-face{font-display:swap;font-family:'Noto Sans JP';font-style:normal;font-weight:400;src:url(/cms/wp-content/themes/idensil_vol1/font/noto-sans-jp-v52-japanese-regular.woff2) format("woff2")}
@font-face{font-display:swap;font-family:'Noto Sans JP';font-style:normal;font-weight:500;src:url(/cms/wp-content/themes/idensil_vol1/font/noto-sans-jp-v52-japanese-500.woff2) format("woff2")}
@font-face{font-display:swap;font-family:'Noto Sans JP';font-style:normal;font-weight:700;src:url(/cms/wp-content/themes/idensil_vol1/font/noto-sans-jp-v52-japanese-700.woff2) format("woff2")}
@font-face{font-display:swap;font-family:'Lato';font-style:normal;font-weight:300;src:url(/cms/wp-content/themes/idensil_vol1/font/Lato-Light.woff2) format("woff2")}
@font-face{font-display:swap;font-family:"Gilroy";font-weight:300;font-style:normal;src:url(/cms/wp-content/themes/idensil_vol1/font/Gilroy-Light.woff2) format("woff2"),
}

@media screen and (max-width:767px) {
header{height:50px}
header h1{height:22.1385px;margin:10px 0 0 15px;max-width:120px;width:100%}
}
/* nav */
#gnav{background:#fff;height:100vh;max-width:320px;padding:100px 0;position:fixed;right:-320px;top:0;transition:all .6s;width:100%;z-index:9;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none;}
#gnav.panelactive{right:0;box-shadow: -3px 3px 3px 0px rgba(0, 0, 0, 0.20);}
#gnav.panelactive #gnav__wrap{-webkit-overflow-scrolling:touch;height:100vh;max-width:320px;width:100%;z-index:9;}
#gnav #gnav__wrap ul{left:0;position:absolute;top:0;width:100%;z-index:9}
#gnav #gnav__wrap ul li{color:#95A0A5;font-family:Lato;font-size:18px;font-weight:300;letter-spacing:9px}
#gnav #gnav__wrap ul li a{color:#000;display:block;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif;font-size:13px;font-weight:400;letter-spacing:6.25px;line-height:250%;text-decoration:none}
#gnav #gnav__wrap ul li:first-of-type{border-bottom:1px solid #EDF0F2;margin-bottom:45px}
#gnav #gnav__wrap ul li:first-of-type a{color:#000;color:#000;font-family:Lato;font-size:16px;font-weight:300;letter-spacing:9px;line-height:175%;padding:24px 0;text-align:center}
#gnav #gnav__wrap ul li:nth-of-type(n+2){margin:0 0 0 40px}
#gnav #gnav__wrap ul li:nth-of-type(2),#gnav #gnav__wrap ul li:nth-of-type(7),#gnav #gnav__wrap ul li:nth-of-type(14),#gnav #gnav__wrap ul li:nth-of-type(16){margin-bottom:12px}
#gnav #gnav__wrap ul li:nth-of-type(6),#gnav #gnav__wrap ul li:nth-of-type(13),#gnav #gnav__wrap ul li:nth-of-type(15){margin-bottom:26px}
@media screen and (min-width:768px) {
#gnav #gnav__wrap ul{top:100px;}
}
@media screen and (max-width:767px) {
#gnav{padding:50px 0;}
#gnav #gnav__wrap ul{top:50px;}
}

/* drawerMenu */
.button_drawer{cursor:pointer;height:50px;position:fixed;right:47px;top:37px;width:50px;z-index:10}
.button_drawer > span{background-color:#000;display:inline-block;height:1px;left:0;position:absolute;transition:all .4s;width:100%}
.button_drawer > span:nth-of-type(1){top:13px}
.button_drawer > span:nth-of-type(2){top:25px;height:1.5px}
.button_drawer > span:nth-of-type(3){top:37px}
.button_drawer.active > span:nth-of-type(1){left:0;top:13px;transform:translateY(6px) rotate(-45deg);width:100%}
.button_drawer.active > span:nth-of-type(2){opacity:0}
.button_drawer.active > span:nth-of-type(3){left:0;top:26px;transform:translateY(-6px) rotate(45deg);width:100%}
@media screen and (max-width:767px) {
.button_drawer{height:50px;right:20px;top:0;width:30px;z-index:10}
.button_drawer > span:nth-of-type(1){top:17px}
.button_drawer > span:nth-of-type(2){height:1px}
.button_drawer > span:nth-of-type(3){top:33px}
.button_drawer.active > span:nth-of-type(1){left:0;top:17px;transform:translateY(6px) rotate(-45deg);width:100%}
.button_drawer.active > span:nth-of-type(2){opacity:0}
.button_drawer.active > span:nth-of-type(3){left:0;top:29px;transform:translateY(-6px) rotate(45deg);width:100%}
}
/* main */
main{background:#fff;margin:0 auto;/*max-width:1366px;*/position:relative;width:100%}
main #mv{background:no-repeat center;background-size:cover;content-visibility:auto;padding-top:38.506588579795%;position:relative;width:100%}
main #mv{animation: fadein 3s ease-out forwards;}
@keyframes fadein {
0% {opacity: 0}
100% {opacity: 1}
}
main #mv h2{color:#fff;font-size:45px;font-weight:400;left:0;letter-spacing:4.5px;line-height:1;padding:25.183016105417% 0 0 7.321%;position:absolute;top:0;width:100%;z-index:2}
main #mv h2 > span{color:#479DC4;display:block;font-size:16px;font-weight:500;margin:1em 0 0;position:relative}
main #mv h2 > span::before{content:"";left:0;position:absolute;top:0}
main::before{color:#E6E9EC;font-family:Gilroy;font-size:120px;font-weight:300;letter-spacing:12px;line-height:120px;position:absolute;right:0;z-index:1}
@media screen and (max-width:767px) {
main #mv{background:no-repeat center;background-size:cover;padding-top:100%}
main #mv h2{font-size:7.2vw;padding:23.467% 0 0 6.667%}
main #mv h2 > span{font-size:2.933vw}
}
/* breadcrumb */
main .breadcrumb{border-bottom:1px solid #40a7b1;list-style:none;margin:0;padding:0}
main .breadcrumb li{display:inline;font-size:13px;font-weight:400;letter-spacing:1.3px;list-style:none}
main .breadcrumb li a{color:#333;text-decoration:none}
main .breadcrumb li:after{content:'>';padding:0 .2em}
main .breadcrumb li:last-child:after{content:''}
main .breadcrumb ul{display:flex;line-height:1;margin:19px 0 18px 7.321%;padding:0}
@media screen and (max-width:767px) {
main .breadcrumb li{font-size:2.667vw}
main .breadcrumb ul{line-height:1.5;margin:10px 25px 11px 25px;padding:0;flex-wrap: wrap;}
}
/* section */
main section{border-bottom:1px solid #40a7b1;margin:0 auto;position:relative;z-index:2}
main section .h3__text__green{color:#008A98}
main section .list__dot{list-style:disc;margin:0 0 1em;padding-left:1em}
main section .list__notice li{letter-spacing:1.6px;line-height:2.25;position:relative}
main section .list__notice li::before{content:"※"}
main section .section__bottom-btn{bottom:118px;left:100px;max-width:387px;position:absolute;width:100%}
main section .section__bottom-btn a{background:#008A98;border-radius:8px;color:#FFF;display:block;font-weight:400;letter-spacing:4px;line-height:4.75;text-align:center;text-decoration:none}
main section div{position:relative;z-index:1;}
main section .decoration{color:#E6E9EC;position:absolute;font-family:"Gilroy";font-weight:300;font-size:120px;letter-spacing:12px;line-height:1;opacity:0.5;z-index:0;}
main section > .section__wrap,main section > .section__wrap-outer{margin:80px auto 118px;max-width:1166px;width:85.358711566617862%}
main section .section__wrap-inner dl dd{color:#333;font-size:16px;font-weight:400;line-height:2.25;margin-top:.6em}
main section .section__wrap-inner dl dt{color:#008A98;font-size:27px;font-weight:400;letter-spacing:6.75px;line-height:1.48}
main section .section__wrap-inner:nth-child(2){max-width:480px;width:100%}
main section .section__wrap-outer{display:flex;justify-content:space-between}
main section .text__lead{color:#333;font-size:22px;letter-spacing:5.5px;line-height:1.818}
main section div h3{color:#333;font-size:40px;font-weight:400;letter-spacing:4px;line-height:1.575;margin-bottom:40px}
main section.line__half::before{background-color:#40a7b1;bottom:0;content:"";display:block;height:1px;left:50%;position:absolute;transform:translateX(-50%);width:100px}
main section.line__none,main section.line__half{border-bottom:none}
main section:last-of-type{border-bottom:none}
@media screen and (max-width:1366px) {
main section .decoration{font-size:8.784773060029282vw;letter-spacing:6px;}
}
@media screen and (max-width:767px) {
main section .section__bottom-btn{bottom:inherit;left:inherit;margin:0 auto 50px;position:relative;width:67.066%}
main section .section__bottom-btn a{border-radius:5px;font-size:11px;line-height:4.45}
main section > .section__wrap,main section > .section__wrap-outer{display:block;flex-direction:column;margin:40px 25px 7.321%;width:auto;}
main section .section__wrap-outer{display:block;}
main section .decoration{font-size:16vw!important;}
main section .section__wrap-inner dl{margin-bottom:28px}
main section .section__wrap-inner dl dd{font-size:13px;letter-spacing:inherit}
main section .section__wrap-inner dl dt{font-size:16px;letter-spacing:4px}
main section .section__wrap-inner:nth-child(2),main section .section__wrap-inner:nth-child(2) img{width:100%}
main section .text__lead{color:#333;font-size:13px}
main section div h3{font-size:24px;margin-bottom:28px}
main section.line__half::before{max-width:100px;width:13.34%}
}
/*footer*/
footer{background-color:#EDF0F2}
footer .footer__bottom{background:#fff;width:100%}
footer .footer__bottom .footer__bottom-inner{align-items:center;display:flex;height:100px;justify-content:space-between;margin:0 auto;max-width:1366px;width:100%}
footer .footer__wrap-inner{display:flex;margin:0 auto;max-width:1366px;padding:66px 0;position:relative;width:100%;}
footer .footer__wrap-inner-item:first-of-type{max-width:558px;width:44.939970717423133%;margin-left:2.529%;margin-right:5.155197657393851%}
footer .footer__wrap-inner h6{max-width:140px;width:45.602605863192182%;}
footer .footer__wrap-inner-item:last-of-type{display:flex;height:17em;justify-content:space-between;max-width:622px;width:45.534407027818448%;}
footer .footer__wrap-inner-item:last-of-type dl:nth-of-type(2) dt:nth-of-type(2){display:none}
footer .footer__wrap-inner-item:last-of-type dl:nth-of-type(2) dd{margin-right:0}
footer .icon_certification{justify-content:space-between;margin-top:95px;}
footer .icon_certification.view_pc{display:flex!important;justify-content: flex-start;column-gap: 3%;}
footer .icon_certification.view_pc li:nth-of-type(1){width:16.608695652173913%}
footer .icon_certification.view_pc li:nth-of-type(2){width:33.152173913043478%}
footer .icon_certification.view_pc li:nth-of-type(3){width:12.608695652173913%}
footer .icon_certification.view_pc li:nth-of-type(4){width:12.152173913043478%}
footer .icon_certification.view_sp{display:none}
footer .footer__wrap-inner dl{margin:20px 0 0;}
footer .footer__wrap-inner dl dd{margin:0 0 37px;}
footer .footer__wrap-inner dl dd a{color:#000;display:block;font-size:12px;font-weight:400;letter-spacing:2.4px;line-height:250%;text-decoration:none}
footer .footer__wrap-inner dl dt{color:#000;font-family:Lato;font-size:16px;font-weight:300;letter-spacing:4px;line-height:200%}
footer .footer__bottom .sns{display:flex;justify-content:space-between;margin-right:128px;max-width:171px;width:100%}
footer .footer__bottom .sns li{max-width:24px}
footer .footer__bottom address a{color:#000;display:block;font-size:12px;font-style:normal;font-weight:400;letter-spacing:1.2px;line-height:1.5;margin-left:7.321%;text-decoration:none;width:100%}
body .Btn_PageTop{height:50px;right:50px;position:fixed;bottom:90px;width:50px;z-index:8}
@media screen and (min-width:768px) {
footer .footer__wrap-inner dl.accordion{column-count:2;column-fill:auto;width:62.6%}
footer .footer__wrap-inner dl.accordion dd:nth-of-type(2){margin-bottom:0}
}
@media screen and (max-width:767px) {
footer .footer__bottom .footer__bottom-inner{flex-direction:column;height:inherit;justify-content:center;margin:0 auto;max-width:1366px;padding:30px 0}
footer .footer__wrap-inner{display:block;height:inherit;margin:0 auto;padding:50px 25px}
footer .footer__wrap-inner-item:last-of-type{display:block;height:inherit;width:auto}
footer .footer__wrap-inner-item:last-of-type dl dt,footer .footer__wrap-inner-item:last-of-type dl dd a{display:block;width:100%}
footer .footer__wrap-inner-item:last-of-type dl:nth-of-type(2){margin:50px 0 66px;}
footer .footer__wrap-inner-item:last-of-type dl:nth-of-type(2) dd a{text-align:center;}
footer .footer__wrap-inner-item:last-of-type dl:nth-of-type(2) dd:nth-of-type(1) a{text-align:left;}
footer .icon_certification.view_pc{display:none!important;}
footer .icon_certification.view_sp{display:flex!important;justify-content: center;margin:0 auto;width:100%; column-gap: 3%;}
footer .icon_certification.view_sp li:first-child{width:18.481751824817518%}
footer .icon_certification.view_sp li:nth-of-type(2){width:37.152173913043478%}
footer .icon_certification.view_sp li:nth-of-type(3){width:13.608695652173913%}
footer .icon_certification.view_sp li:nth-of-type(4){width:13.152173913043478%}
footer .footer__wrap-inner dl{font-size:13px;height:inherit;margin:27px 0 0 10px;width:100%}
footer .footer__wrap-inner dl dd{margin-right:0;width:100%}
footer .footer__wrap-inner dl dd a{font-size:13px}
footer .footer__wrap-inner dl dt{cursor:pointer;transition:.3s}
footer .footer__wrap-inner dl.accordion{}
footer .footer__wrap-inner dl.accordion dt{position:relative}
footer .footer__wrap-inner dl.accordion dt.open::after{opacity:0;top:25%;transform:rotate(90deg)}
footer .footer__wrap-inner dl.accordion dt::after{height:16px;right:16px;top:50%;transform:translateY(-50%);transition:all .3s;width:1px}
footer .footer__wrap-inner dl.accordion dt::before{height:1px;right:8px;top:50%;transform:translateY(-50%);width:16px}
footer .footer__wrap-inner dl.accordion dt::before,footer .footer__wrap-inner dl.accordion dt::after{background-color:#000;content:'';position:absolute}
footer .footer__wrap-inner dl.accordion dt.open:first-of-type::after{opacity:0;top:25%;transform:rotate(90deg)}
footer .footer__wrap-inner dl.accordion dt.open:first-of-type::before{height:1px;right:8px;top:50%;transform:translateY(-50%);width:16px}
footer .footer__wrap-inner h6{margin-bottom:10px;width:105px}
footer .footer__bottom .sns{display:flex;justify-content:space-between;margin-bottom:40px;margin-right:0;max-width:220px;order:1;width:100%}
footer .footer__bottom .sns li{max-width:31px;order:1}
footer .footer__bottom address{order:2}
footer .footer__bottom address a{font-size:9px;margin-left:0;}
body .Btn_PageTop{right:18px;bottom:50px;}
}
@media screen and (min-width:768px) and (max-width:1080px){
footer .footer__wrap-inner-item:first-of-type{margin-right:5.058%}
footer .footer__wrap-inner-item:last-of-type{width:68%}
footer .footer__wrap-inner dl dt,footer .footer__wrap-inner dl dd{padding-right:0.5em;}
}
#pagetop{left:0;line-height:0;position:absolute;top:0}
.alignC{text-align:center}
.alignL{text-align:left}
.alignR{text-align:right}
.mb00{margin-bottom:0}
.mt00{margin-top:0}
.pb00{padding-bottom:0}
.pt00{padding-top:0}
.display_none{display:none}


/*MV -----------------------------------------------------------*/
body main #mv h2 > span::before{font-family:"Gilroy";font-weight:500;}

/* feature */
body#feature main #mv{background-image:url(/cms/wp-content/themes/idensil_vol1/images/img_mv_feature.webp)}
body#feature main #mv h2 > span::before{content:"The Future We Aim for"}
@media screen and (max-width:767px) {
body#feature main #mv{background-image:url(/cms/wp-content/themes/idensil_vol1/images/img_mv_feature_sp.webp)}
}
/* news */
body#news main #mv{background-image:url(/cms/wp-content/themes/idensil_vol1/images/img_mv_news.webp)}
body#news main #mv h2 > span::before{content:"Announcement"}
@media screen and (max-width:767px) {
body#news main #mv{background-image:url(/cms/wp-content/themes/idensil_vol1/images/img_mv_news_sp.webp)}
}
/* seminar */
body#seminar main #mv{background-image:url(/cms/wp-content/themes/idensil_vol1/images/img_mv_seminar.webp)}
body#seminar main #mv h2 > span::before{content:"Seminar & Conference"}
@media screen and (max-width:767px) {
body#seminar main #mv{background-image:url(/cms/wp-content/themes/idensil_vol1/images/img_mv_seminar_sp.webp)}
}


/*last -----------------------------------------------------------*/
@media screen and (min-width:768px) {
.view_pc{display:block!important}
.view_sp{display:none!important}
}
@media screen and (max-width:767px) {
.view_pc{display:none!important}
.view_sp{display:block!important}
}