/* 
HOME */

.readarea{background: #7E8C79;border-bottom: 1px solid #707070; color: #fff;}
.readarea .wrap{padding: 40px 0;}
.readarea h2{font-size: 2.8rem; font-weight: normal; line-height: 1.5;margin:20px 0 40px;}
.readarea .videobox{width: 100%; border-radius: 10px;margin: 40px 0;}
.readarea .videobox iframe{width: 100%; height: 100%;}
.readarea .read_button{text-align: center;}
.readarea .read_button .button{background: #000; color: #fff; text-decoration: none; font-size: 1.5rem;line-height: 50px;display: block;max-width: 220px;margin: 40px auto; font-size:2.0rem;}
.welcome{padding: 70px 0 30px;}

.welcome .wrap{display: grid; gap: 50px 0;}
.welcome .wrap h2{order: 1;}
.welcome .wrap .textbox{order: 3;}
.welcome .wrap .imgbox{order: 2;}
.welcome .wrap .imgbox img{width: 100%; height: auto;}
.welcome .textbox p{margin-bottom: 2rem;}

.activity{padding: 80px 0 100px; background: url(../images/active_bg.jpg) no-repeat;background-size:cover;}
.activity h2{font-size: 2.4rem;margin-bottom: 40px;}
.activity h3{font-size: 2rem;margin-bottom: 30px;}
.activity .act_parent{display: flex;flex-direction: column;}
.activity .act_parent .act{margin-bottom: 40px;}
.active_button{max-width: 774px; margin: 0 auto;}

.active_button a.button{font-size: 2.0rem; line-height: 3;}

.keywords_parent{margin-top: 50px;}
.keywords_parent ul li{margin-bottom: 30px;}
.keybox{border-radius: 10px; border: 1px solid #000;text-align: center;padding: 30px; height: 100%;background-color: #fff; display: block;text-decoration: none;}
.activity .keybox h3{margin: 15px auto;}

.conference{padding: 50px 0 100px;}
.conference .box{margin-top: 55px;}
.conference .imgbox picture img{border-radius: 10px;}
.conference h3{font-size: 2.0rem;}
.conference h3::after{content: "";display: block;width: 0;height: 0;border-left: 11px solid transparent;border-right: 11px solid transparent;border-top: 11px solid black;}
.conference .box .textbox{
    padding: 10px 0 10px 20px;
    border-left: 1px solid #000;
    margin: 10px 0 10px 10px;
}
summary {display: block;list-style-type: none;font-size: 2.0rem;display: flex;justify-content:space-between;}

summary::after{content: "";display: block;width: 0;height: 0;border-left: 11px solid transparent;border-right: 11px solid transparent;border-top: 11px solid black;transform:rotate(90deg); }
.conference .button{margin-top: 40px;}
.conference .button a{display: block;max-width: 180px;padding: 15px 20px;background-color: #fff; border: 1px solid #000;color: rgba(49, 49, 49, 1);}

section.work{padding: 60px 0 120px;background: rgba(126, 140, 121, .5);}


section.work h2{margin-top: 40px;margin-bottom: 50px;}
section.work ul.rjlist{margin: 50px 0;}


section.work ul.rjlist li{text-decoration: none; border: 1px solid #707070;padding: 20px;border-radius: 5px;color: #313131;margin-bottom: 20px; background-color: #fff;}
section.work ul.rjlist li a{text-decoration: none; display: block;width: 100%;}
section.work ul.rjlist li span{color: #f00;font-size: 1.2rem;}
section.work .rjlist li p{line-height: 1.8;font-size: 1.6rem;}
section.work .button{margin:  0 auto;}
section.work .button a{padding: 20px 0; font-size: 2.0rem;}


section.contact{padding: 60px 0;}
section.contact h2{margin-bottom: 50px;font-size: 2.4rem;}
section.contact h3{margin: 40px 0 15px; font-size: 2.0rem;}
section.contact .formarea{margin: 60px 0;background:rgba(255,255,255,0.5);border: 1px solid rgba(49, 49, 49, .2);padding: 30px 40px 70px;border-radius: 5px;}

section.contact .formarea {padding-top: 24px;padding-bottom: 9px;}
section.contact .formarea label{display: block;margin-bottom: 10px;}
section.contact .formarea label > span{display: block;margin-bottom: 20px;margin-top: 10px;}
section.contact .formarea input[type="text"],section.contact .formarea input[type="email"],section.contact .formarea input[type="tel"]{width: 100%;border: 1px solid rgba(49, 49, 49, .2);padding: 8px 10px;line-height: 2;border-radius: 3px;}
section.contact .formarea ::placeholder{color: rgba(49, 49, 49, .2);}
section.contact .formarea textarea{width: 100%;border: 1px solid rgba(49, 49, 49, .2)}


section.contact .formarea .button{text-align: right;margin-top: 40px;display: flex;flex-direction: column;}
section.contact .formarea .button input[type="submit"]{color:#fff;background-color: rgba(81, 85, 77, 1);border-radius: 10px;padding: 8px 30px;font-size: 1.8rem;}
#wpcf7cpcnf table{}


@media screen and (min-width: 960px) { /* 960px以上に適用されるCSS（PC用） */
      p{font-size: 1.7rem;line-height: 2;}
     .home .lang ul li:first-child::after{background: #fff;}
    .home .lang ul li a{color: #fff;}
    .home .header{background-color: #7E8C79;padding-top: 60px;color: #fff;}
    .lang ul li:first-child::after{background: #fff;}
    .lang ul li a{color: #fff;}

    .readarea .wrap{display: grid;grid-template-columns: 540px 1fr;grid-template-rows: 1fr 1fr 1fr;grid-column-gap: 90px; grid-row-gap:0px;padding-top: 100px;}
    .readarea h2{font-size: 3rem;}
     .readarea h2 span{font-size: 4rem;}
    .readarea .wrap h2{ grid-area: 1 / 1 / 2 / 2;}                  .readarea .wrap .videobox { grid-area: 1 / 2 / 4 / 3;}
    .readarea .wrap p { grid-area: 2 / 1 / 3 / 2; font-size: 1.7rem;}
    .readarea .wrap ul { grid-area: 3 / 1 / 4 / 2; display: flex; width: 100%; justify-content: space-between;} 
       .readarea .wrap ul li{width:45%;}
       .readarea .read_button .button{margin: 0px auto; font-size:2.0rem;}

    .welcome{padding: 124px 0 106px;}
    .welcome .wrap{display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(100px, auto);grid-column-gap: 90px; grid-row-gap:0px;}
    .welcome .wrap h2{ grid-area: 1 / 1 / 2 / 3;margin-bottom: 40px; font-size: 4.0rem;}  
    .welcome .wrap .textbox { grid-area: 2 / 1 / 3 / 2; }  .welcome .wrap .imgbox { grid-area: 2 / 2 / 3 / 3; }

    .activity{padding: 142px 0 100px;}
    .activity .wrap h2{font-size: 4.0rem;}
    .activity .wrap .act_parent{flex-direction:row; gap:20px 70px;margin-top: 50px;margin-bottom: 60px;}

    .keywords_parent{margin-top: 100px;}
    .keywords_parent ul{display:flex ;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
    .keywords_parent ul li{width: calc((100% - 60px) / 2);}

    .conference{padding: 129px 0 100px;}
    .conference .wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .conference .wrap h2{width: 100%; font-size: 4.0rem;column-gap: 70px;margin-bottom: 70px;}
    .conference .wrap .imgbox{width: 380px;}
    .conference .wrap .textarea{width: calc((100% - 380px) - 70px);}
    .conference .wrap .textarea div:first-child{margin-top: 0;}
    .conference .button a{font-size: 2.4rem;max-width: 300px;}
    summary {font-size: 2.4rem;}


    section.work{padding: 113px 0 160px;}
    section.work h2{font-size: 4.0rem;}
    section.work .button{max-width: 774px;}

 

    section.contact{padding: 119px 0;}
    section.contact .wrap{display: flex;justify-content: space-between;}

      section.contact h2{font-size: 4.0rem;}
    section.contact .contact_overview{width: 55%;}
    section.contact .formarea{width: 40%;}
    
} /*END  960px以上に適用されるCSS（PC用） */