@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;}

.int_text, .int_cp, .int_photo, .int_prof {margin-top:100px;}
.int_text, .int_cp, .int_photo, .int_prof, #int_footer {width:90%;}
.int_text, .int_photo, .int_prof, #int_footer {margin-left:auto;margin-right:auto;}
#int_contents .int_prof p {margin-bottom:15px;line-height:1.7em;}
#int_contents .int_prof p.prof_name {margin-bottom:5px;line-height:1em;}
#int_contents .int_prof .prof_name .prof_org {line-height:1em;}

#int_title, .int_read, .int_cp, .int_text, .int_prof {font-family:'Noto Sans JP',sans-serif;}

#int_title {margin:20px 0 0 0;position:relative;line-height:0;}
#int_title .main, #int_title .sub {position:absolute;z-index:1000;}
#int_title .main, #int_title .sub , .gbox {width:100vw;}
#int_title .main span, #int_title .sub span {display:inline-block;line-height:130%;padding-left:1rem;padding-right:1rem;}
#int_title .main span {max-width:100%;}
#int_title .sub span {max-width:100%;}

#int_title .main {width:40%;font-size:290%;top:0;left:0;background-color:#fff;padding-top:50px;padding-bottom:50px;padding-left:2%;font-weight:700;}
#int_title .sub {width:31%;top:6rem;left:0;font-size:140%;background-color:rgba(255,255,255,0.7);padding-top:30px;padding-bottom:30px;padding-left:2%;font-weight:400;margin:0;}

#int_title .gbox {height:200px;position:absolute;top:0;left:50%;background:#e6e6e6;z-index:-1000;}
#int_title div.main_pic {position:relative;overflow:hidden;margin:0 0 0 auto;max-height:700px;height:50%;width:93%;}
#int_title div.main_pic img {width:106%;margin-top:-7%;margin-left:-1%;}

#int_title #int {font-family:'Questrial',sans-serif;position:absolute;bottom:2.7em;right:2em;display:inline-block;font-size:2.6rem;letter-spacing:1.4rem;color:#e6e6e6;padding:0;line-height:1em;padding:.5em 0;transform:rotate(90deg);transform-origin:bottom right;border-right:1.7em solid #e6e6e6;box-sizing:content-box;}
#int_title #int:first-letter {font-size:3rem;}

.int_read p {width:55%;background:#fff;font-size:120%;font-weight:400;padding:2rem 4% 2rem 9%;}

.int_cp {font-weight:700;font-size:200%;background: url(../img/quote.png) no-repeat;background-size:3.5%;background-position:5% 10%;padding:2.4% 0 0 10%;margin-left:10%}

.int_text { font-size:110%; }
.int_q {margin-top:-60px;font-size:1.6em;font-weight:bold;}
.int_q, .int_a {margin-left:10%;}
.int_text .qs {background:url(../img/qs.png) no-repeat;background-size:contain;width:20px;height:140px;text-indent:-9999px;display:inline-block;overflow:hidden;;background-position:left bottom;}

.int_photo {position:relative;padding-left:10%;padding-bottom:50px;display:flex;justify-content:flex-end;}
.int_photo > figure {margin-left:3%;max-width:380px;}
.int_photo > figure:first-of-type {margin-left:0;}
#int_contents figcaption {font-size:.9em;}

.int_photo.abr figure {max-width:100%;background:#fff;}
.int_photo.abr figure {display:flex;align-items:center;}
#int_contents .int_photo.abr figure img:first-of-type {width:40%;margin-top:40px;}
#int_contents .int_photo.abr figure img:nth-of-type(2) {width:8%;padding:0 2%;box-sizing:content-box;transform:rotate(270deg);margin-top:40px;}
#int_contents .int_photo.abr figure img:last-of-type {width:48%;}

#int_contents .shiawase_logo img {display:block;width:55%;margin:100px auto;}
@media only screen and (max-width: 980px){
#int_contents .shiawase_logo img {width:80%;margin:60px auto;}
}
@media only screen and (max-width: 767px){
#int_contents .shiawase_logo img {width:98%;}
}

.int_photo:last-of-type > figure {max-width:90%;}

#int_contents .int_photo > figure.pt img {max-height:280px;width:auto;}
.int_photo .gbox {height:75%;position:absolute;top:20%;left:0;background:#e6e6e6;z-index:-1000;}

.gbox {display:block;}
#int_title .main br, #int_title .sub br, .int_cp br {display:inline;}

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

.s_text {font-weight:bold;font-size:2em;padding-left:10%;}

#int_contents .blank_icon {width:14px;height:11px;}

@media only screen and (max-width: 1200px){
#int_title .main br, #int_title .sub br {display:none;}
#int_title div.main_pic img {margin-top:-5%;}
}

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

#int_title {margin-top:0;}
#int_title .sub {padding:0;margin-bottom:40px;}
#int_title .main, #int_title .sub {position:static;width:90%;background:none;width:100%;padding:30px 0 0 0;}
#int_title .main span, #int_title .sub span {padding-left:0;width:100%;max-width:100%!important;}
#int_title .main {line-height:1.2em;}
#int_title .main br, #int_title .sub br, .int_cp br {display:none;}
#int_title div.main_pic {width:100%;margin:0;max-height:490px;}
#int_title div.main_pic img {margin-top:-3%;}
#int_title #int {transform:none;padding:.3em;left:0;right:auto;bottom:0;text-align:right;border-left:3rem solid #fff;border-right:0em #e6e6e6 solid;color:#fff;line-height:.5em;}

.int_photo {display:block;padding-left:0;}
.int_photo > figure {max-width:90%!important;margin:0 auto 40px auto!important;}
#int_contents .int_photo > figure.pt img {max-height:inherit;width:auto;max-width:100%;}

#int_contents .int_photo.abr figure img:first-of-type,
#int_contents .int_photo.abr figure img:last-of-type {width:100%;margin:0;}
#int_contents .int_photo.abr figure img:first-of-type {padding:0 8%;}
.int_photo.abr figure {flex-direction:column;}
#int_contents .int_photo.abr figure img:nth-of-type(2) {width:20%;transform:rotate(0deg);padding:0;margin:0 0 20px 0;}

.int_cp,.int_text,.int_prof {width:100%;}
.int_cp, .int_text {margin-left:0;}
.int_text {padding:0;}
.int_q, .int_a {margin-left:3%;}
.int_cp {padding:5% 0 5% 3%;background-position: 3% 0;background-size:5%;}
.int_read p {width:100%;padding:0;}
#int_contents .int_photo img {width:100%;}
.int_prof {padding:6% 0 10% 0;}

.gbox {display:none;}

.s_text {padding-left:0;}

}

@media only screen and (max-width: 767px){
.int_text, .int_photo {margin-top:40px;}
.int_text, .int_photo {margin-bottom:40px;}

.int_text, .int_photo {width:100%;}

.int_cp {padding-top:7%;background-size:7%;}
}

@media only screen and (max-width: 480px){
#int_title #int {font-size:1.5rem;border-left:2.5rem solid #fff;letter-spacing:.8rem;height:1.5rem;}
#int_title #int:first-letter {font-size:2rem;}
.int_cp {padding-top:10%;background-size:10%;}
}