@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:50px;}

.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:20px 0 0 0;padding:0 2.8% 0 8.5%;border-right:1px solid #000;position:relative;display:flex;justify-content:space-between;}
#int_title .main_text {width:39%;padding-top:40px;}
#int_title .main_pic {width:59.5%;padding-top:15px;}

#int_title .main {font-size:260%;top:0;font-weight:700;line-height:180%;margin-bottom:3rem;}
#int_title .sub {font-size:160%;font-weight:400;margin:0;line-height:170%;}

#int_title #int {position:absolute;top:3em;left:0;display:inline-block;font-size:1.9rem;letter-spacing:1.2rem;padding:0;line-height:1em;padding:.2em 4.5em 0 .3em;box-sizing:content-box;border-top:2px solid #000;transform:rotate(90deg);transform-origin:bottom left;}
#int_title #int span {font-size:2rem;}

.int_read {display:flex;justify-content:flex-end;margin-bottom:160px;border-right:solid 1px #000;}
.int_read p {width:55.5%;background:#fff;font-size:115%;font-weight:400;padding:2rem 2.8% 0 0;margin-bottom:0!important;}

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

.int_cp:last-of-type {margin-top:80px;}


.int_cont {display:flex;justify-content:space-between;width:98%;max-width:1332px;margin-left:auto;margin-right:auto;margin-top:160px;}
.int_cp_p + .int_cont {margin-top:0;}

.int_text {font-size:110%;width:48.5%;padding-left:1%;padding-right:5%;border-right:1px solid #000;}
.int_q {font-size:153%;font-weight:bold;}

.int_photo {width:51.5%;text-align:right;padding:220px 20px 40px 6%;background:url(../img/qs.png) no-repeat;background-size:18px;background-position:-1px 10px;}
.int_photo figure {width:99%;margin-bottom:50px;float:right;}
.int_photo figure:last-of-type {margin:0;}

.int_prof {margin-top:180px;width:98%;max-width:1332px;margin-left:auto;margin-right:auto;padding-left:7%;padding-right:7%;}
.int_prof .prof_text {width:45%;}
#int_contents .int_prof p {font-size:90%;}
#int_contents .int_prof p.prof_name {font-size:140%;line-height:160%;}
.int_prof .prof_name .prof_org {font-size:70%;}
#int_contents .int_prof p.prof_pos {font-size:80%;}

.int_q br {display:inline-block;}

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

@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:none;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_read {border:none;width:100%;padding:0 2.8% 0 0;margin-bottom:0;overflow:hidden;}
.int_read p {width:91%;float:right;padding:0;}

.int_q br {display:none;}
}



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

#int_contents {width:90%;}

#int_title, #int_title > *, .int_cont {display:inherit;width:100%!important;padding:0!important;margin:30px auto!important;}
.int_read, .int_cont {margin-bottom:60px!important;}
#int_title .main_text {border-right:1px solid #000;padding-top:30px!important;}
#int_title .main {line-height:140%;padding:0;margin-bottom:20px;}
#int_title .sub {padding:0;}
#int_title #int {transform:none;top:0;right:-2rem;left:auto;text-align:right;padding:.5em 2.6em .5em 2em;border-top:none;border-bottom:1px solid #000;margin-bottom:20px;}

.int_cp {margin:30px 0!important;}
.int_read p {width:100%;float:none;}

.int_text {width:100%;border:none;padding-left:0;padding-right:4.5%;position:relative;}
.int_text::before {content:'';display:inline-block;width:2.5%;height:300px;background:url(../img/qs.png) no-repeat;background-size:100%;background-position:right 0;position:absolute;top:-20px;right:-2%;border-left:1px solid #000;}
.int_q small {color:#999;font-size:50%;line-height:70%;border-bottom:1px solid #999;text-align:right;}
.int_q {line-height:140%;}
.int_photo {width:100%;padding:0;background:none;}
.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:none;}
#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:120%;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;}
.int_text::before {content:'';display:inline-block;width:4%;}

}