@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');


#int_contents,#module_titleArea {position:relative;width:auto;margin:0 auto;padding:0;}
#int_contents {padding:0;line-height:1.9;max-width:1414px;}
#int_contents img {width:100%;height:auto;}
#int_contents p {margin-bottom:30px;}

#int_contents {opacity:0;margin-top:150px;}

.int_prof, #int_footer {width:90%;}
#int_footer {margin-left:auto;margin-right:auto;}

#int_title *:not(#int), .int_read, .int_cp, .int_q, .int_text, .int_prof {font-family:'Noto Sans JP',sans-serif;}

#int_title {margin:60px 0 0 0;padding:0 4% 0 6%;border-right:3px solid #000;position:relative;display:flex;justify-content:space-between;}
#int_title .main_text {width:33%;text-align:right;letter-spacing:.2em;}
#int_title .main_pic {width:65%;padding-top:15px;}

#int_title .main {font-size:300%;top:0;font-weight:700;line-height:170%;margin-bottom:5rem;}
#int_title .sub {font-size:150%;font-weight:400;margin:0;line-height:190%;}

#int_title #int {font-family:'Roboto', sans-serif;position:absolute;top:-120px;left:0;display:inline-block;font-size:1.6rem;letter-spacing:1.8rem;line-height:1em;padding:.2em 2em 0 .3em;box-sizing:content-box;transform:rotate(90deg);transform-origin:bottom left;font-weight:bold;}
#int_title #int span {font-size:4rem;font-weight:normal;}
#int_title #int::after {content:'';display:inline-block;width:22rem;height:1rem;position:absolute;right:-19rem;bottom:3rem;border-bottom:3px solid #000;}

.int_read {margin-bottom:250px;}
.int_read p {width:60.5%;font-size:115%;font-weight:400;padding:1.5rem 0 0 6%;margin-bottom:0!important;}

.int_cp_p {text-align:center;margin-top:130px;margin-bottom:200px;padding-right:40px;}
.int_cp {display:inline-block;font-weight:700;font-size:205%;margin-bottom:0;color:#5f5e5e;text-indent:-.3em;}



.int_cont {display:flex;align-items:flex-start;justify-content:space-between;width:98%;max-width:1332px;margin-left:auto;margin-right:auto;margin-top:160px;}
.int_cp_p p {margin-bottom:0!important;}

.int_text {font-size:110%;width:56%;position:relative;}
.int_text::before {content:'';position:absolute;top:-70px;left:-40px;background:url(../img/qs.png) no-repeat;background-size:contain;width:7%;height:300px;}
.int_text_qa {border-left:2px solid #000;padding:7% 10% 1% 6%;}
.int_q {font-size:153%;font-weight:bold;}

.int_photo {width:44%;margin-top:5%;text-align:right;padding:0 20px 0 6%;border-left:1px solid #000;}
.int_photo figure {width:100%;margin-bottom:10px;float:right;}
.int_photo figure:first-of-type {margin-top:0px;}
.int_photo figure:last-of-type {margin:0;}

.int_wrap {display:inline-block;width:inherit;width:56%}
.int_wrap .int_text {width:100%;}
.int_wrap .int_text:first-of-type {margin-bottom:160px;}

.int_prof {margin-top:180px;width:90%;max-width:1332px;margin-left:auto;margin-right:auto;padding-left:2%;padding-right:2%;}
.int_prof .prof_text {width:55%;}
#int_contents .int_prof p {font-size:90%;}
#int_contents .int_prof p.prof_name {font-size:140%;line-height:130%;margin-top:5px;margin-bottom:20px;}
.int_prof .prof_name .prof_org {font-size:70%;line-height:180%;}
#int_contents .int_prof p.prof_pos {font-size:80%;}
.int_prof .prof_prt {width:34%;}

.int_q br {display:inline-block;}

.note {font-size:.75em;text-indent:-1em;padding-left:1em;}


@media only screen and (max-width: 1413px){ 
.int_cont {padding-left:5%;}
}

@media only screen and (max-width: 1300px){
.int_text {padding-right:1%;}

.int_cp {line-height:160%;}

}

@media only screen and (max-width: 1200px){
#int_title {border:0;padding-left:7%;}
#int_title .main, #int_title .sub {padding:10px 10px 10px 20px;line-height:150%;}
#int_title .main {font-size:200%;margin-bottom:0;}
#int_title .sub {font-size:120%;}

#int_title #int {letter-spacing:.5rem;font-size:1rem;padding-bottom:1rem;padding-right:10rem;}
#int_title #int:first-letter {font-size:1.5rem;}
#int_title #int::after {width:0;height:0;border:0;}

.int_read {width:96%;padding:40px 30px 0 50px;margin:0 auto;overflow:hidden;}
.int_read p {width:100%;padding:0;}

.int_q br {display:none;}
}



@media only screen and (max-width: 980px){

#int_contents {width:90%;margin-top:60px;}

#int_title, #int_title > *, .int_cont {display:inherit;width:100%!important;padding:0!important;margin:30px auto!important;}
.int_read {width:100%;padding:0 0 60px 0;}

#int_title .main_text {padding-top:0px!important;margin-top:0;text-align:left;}
#int_title .main {line-height:140%;padding:0;margin-bottom:20px;}
#int_title .sub {padding:0;font-size:1.4rem;}
#int_title #int {transform:none;top:0;right:0;left:auto;text-align:right;padding:1.4em 0 .5em 0;font-size:1.2rem;}
#int_title #int::after {width:0;height:0;border:0;}
#int_title #int span {font-size:2em;display:inline-block;}

.int_cont, .int_wrap > * {margin-bottom:60px!important;}
.int_wrap {width:100%;}
.int_cp_p {margin-top:60px;margin-bottom:60px;padding:0;text-align:left;}

.int_text {width:100%;margin-top:100px;}
.int_text .int_text_qa {border:0;padding:0;position:relative;}
.int_text::before {background:url(../img/qs_mb.png) no-repeat;background-size:50%;background-position:right  bottom;width:80%;height:45px;top:-55px;left:auto;right:0;border-bottom:1px solid #000;}

.int_q {line-height:140%;}
.int_photo {width:100%;padding:0;background:none;border:0;}
.int_photo figure {margin-bottom:10px;float:none;}

.int_prof {width:100%;padding:2% 0;margin-top:80px;}

#int_contents .int_photo img {width:100%;}
}

@media only screen and (max-width: 767px){
#int_title .main_text {border:0;}
#int_title #int {font-size:1rem;letter-spacing:.5rem;}

.int_text, .int_photo {width:100%!important;}
.int_prof .prof_text {width:90%;}
#int_contents .int_prof p.prof_name .prof_org, #int_contents .int_prof p.prof_name {line-height:160%;margin-bottom:5px;}

.int_prof .prof_prt {width:88%;}
}

@media only screen and (max-width: 480px){
#int_contents {width:93%;}

#int_title #int:first-letter {font-size:1.2rem;}

}