@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700,900|Noto+Serif+JP:700&display=swap); @charset 'utf-8'; /* 上書 */ @media screen and (min-width: 751px) { #mainContents.haveSide .container > .contentsWrapper { padding:0; } } #mainContents { overflow:hidden; } #mainContents a:hover { opacity:0.6; text-decoration:none; } #mainContents .container { padding-top:0; } #mainContents .container > .contentsWrapper { max-width:100%; padding:0; } #mainContents .container > .contentsWrapper > .wrapper { padding-bottom:0; } /* 共通 */ #tyt { background-color:#FFF; color:#231815; font-family:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold; } #tyt .inner { padding:0 20px; } #tyt .img img { width:100%; } #tyt .columun_img { text-align:center; } #tyt .columun_img p { margin-bottom:2em; } /* 個別 */ #tyt .area01 { background-color:#D5EAD8; } #tyt .area02 { background-color:#D5EAD8; padding:1em 0 4em; } #tyt .area02 .img { width:80%; max-width:630px; margin:0 auto 1em; } #tyt .area02 .intro { text-align:center; font-size:1.2rem; } #tyt .area03 { background-color:#F4EDE2; padding:2em 0 1em; } #tyt .area03 .img { width:100%; max-width:1142px; margin:0 auto; } #tyt .area03 .title_area { padding:4em 0 0; } #tyt .area03 .title_area h2 { width:80%; max-width:858px; margin:0 auto; } #tyt .area04 { background-color:#90CEDB; padding-bottom:2em; } #tyt .area04 .subtitle_area { margin-top:-1px; padding-bottom:1em; background:linear-gradient(180deg, #F4EDE2 0%, #F4EDE2 50%, #90CEDB 50%, #90CEDB 100%); } #tyt .area04 .title_bg { padding:0 20px; background-image:url("../img/tyt_bg01.png"); background-size:100% 100%; background-repeat:no-repeat; background-position:center center; } #tyt .area04 .title_bg h3 { display:block; width:105px; height:107px; margin:auto; background-image:url("../img/tyt_bg02.png"); background-size:100% 100%; text-align:center; line-height:107px; font-size:1.6rem; color:#FFF; } #tyt .area04 .hist_area { position:relative; background-color:#FFF; margin-bottom:39px; padding:20px; } #tyt .area04 .hist_area::after { content:""; position:absolute; bottom:-39px; left:0; width:100%; height:39px; background-image:url("../img/tyt_bg03.png"); background-size:auto 100%; background-color:#90CEDB; background-position:center center; background-repeat:no-repeat; } #tyt .area04 .hist_area:last-child::after { content:""; display:none; } #tyt .area04 .hist_area { font-size:1.6rem; font-weight:normal; } #tyt .area04 .hist_area h4 { background-image:url("../img/tyt_bg05.png"); margin-bottom:1em; padding:0.25em 1em; border-radius:100vh; text-align:center; color:#FFF; } #tyt .area04 .hist_area .columun { margin-bottom:1em; padding-bottom:40px } #tyt .area04 .hist_area .columun:last-child { margin-bottom:0; } #tyt .area04 .hist_area .columun_img p { margin-bottom:1em; text-align:center; } #tyt .area04 .hist_area .columun_img p:last-child { margin-bottom:0; } #tyt .area04 .hist_area strong { display:inline-block; margin-bottom:0.5em; padding:0 0.5em; background-color:#90CEDB; font-weight:normal; } #tyt .area04 .hist_area p + p { margin-top:1em; } #tyt .area04 .hist_area ul { margin-bottom:2em; } #tyt .area04 .hist_area li { padding-left:1em; text-indent:-1em; } #tyt .area04 .hist_area li::before { content:"・" } #tyt .area04 .hist_area .line_box { margin-top:3em; padding:1em; border-top:4px solid #90CEDB; border-bottom:4px solid #90CEDB; } #tyt .area04 .hist_area .line_box strong { margin:0; padding:0; background-color:#FFF; font-weight:bold; } #tyt .area04 .hist_area .line_box .title { font-size:2.0rem; font-weight:bold; } #tyt .area04 .hist_area .end_box .title { font-size:1.8rem; } #tyt .area04 .hist_area .img03a img { max-width:238px; } #tyt .area04 .hist_area .img03b img { max-width:187px; } #tyt .area04 .hist_area .img03c img { max-width:196px; } #tyt .area04 .hist_area .img04 img { max-width:192px; } #tyt .area04 .hist_area .img05a img { max-width:307px; } #tyt .area04 .hist_area .img05b img { max-width:313px; } #tyt .area04 .hist_area .img06a img { max-width:249px; } #tyt .area04 .hist_area .img06b img { max-width:349px; } #tyt .area04 .hist_area .img06c img { max-width:242px; } #tyt .area04 .hist_area .img07a img { max-width:412px; } #tyt .area04 .hist_area .img07b img { max-width:269px; } #tyt .area04 .hist_area .img08 img { max-width:173px; } #tyt .area04 .hist_area .img09a img { max-width:177px; } #tyt .area04 .hist_area .img09b img { max-width:155px; } #tyt .area04 .hist_area .img10 img { max-width:372px; } #tyt .area04 .hist_area .img11 img { max-width:174px; } #tyt .area04 .hist_area .img12a img { max-width:171px; } #tyt .area04 .hist_area .img12b img { max-width:180px; } #tyt .area04 .hist_area .img12c img { max-width:154px; } #tyt .area04 .hist_area .img13 img { max-width:185px; } #tyt .area05 { background-color:#D5EAD8; padding-bottom:2em; } #tyt .area05 .subtitle_area { margin-top:-1px; padding-bottom:1em; background:linear-gradient(180deg, #90CEDB 0%, #90CEDB 50%, #D5EAD8 50%, #D5EAD8 100%); } #tyt .area05 .title_bg { padding:0 20px; background-image:url("../img/tyt_bg04.png"); background-size:100% 100%; background-repeat:no-repeat; background-position:center center; } #tyt .area05 .title_bg h3 { display:block; width:105px; height:107px; margin:auto; background-image:url("../img/tyt_bg02.png"); background-size:100% 100%; text-align:center; line-height:107px; font-size:1.6rem; color:#FFF; } #tyt .area05 .box01 { margin-bottom:2em; border-top:4px solid #FFF; border-bottom:4px solid #FFF; } #tyt .area05 .box01 .columun_box { padding:2em 1em; } #tyt .area05 .box01 .columun_box p { font-size:1.6rem; font-weight:normal; } #tyt .area05 .box01 .columun_box p.subtitle { font-size:1.6rem; font-weight:bold; } #tyt .area05 .box01 .columun_box p.title { font-size:2.0rem; font-weight:bold; } #tyt .area05 .box01 .columun_box .img14 { max-width:168px; } #tyt .area05 .box01 .detail { padding:2em 1em; border-top:4px dotted #FFF; } #tyt .area05 .box01 .detail strong { display:block; margin-bottom:0.5em; font-size:1.8rem; } #tyt .area05 .box01 .detail dl { margin:0 0 2em; font-size:1.8rem; font-weight:normal; } #tyt .area05 .box01 .detail dt span { color:#006D94; } #tyt .area05 .box01 .detail dd { margin-bottom:1em; } #tyt .area05 .box01 .detail p { font-size:1.6rem; font-weight:normal; } #tyt .area05 .box02 { margin-bottom:2em; } #tyt .area05 .box02 p { font-size:1.5rem; font-weight:normal; } #tyt .area05 .box02 p + .columun_img { margin-top:1em; } #tyt .area05 .box02 .columun + .columun_img { margin-top:1em; } #tyt .area05 .box02 p.title { font-size:2.2rem; font-weight:bold; } #tyt .area05 .box02 p.number { display:block; margin:0.5em 0; padding:0 1em; background-color:#FFF; border-radius:100vh; text-align:center; font-size:1.8rem; font-weight:bold; color:#28A084; } #tyt .area05 .box02 p.number span { font-size:2.2rem; } #tyt .area05 .box02 .columun_box { margin-bottom:1em; padding-bottom:1em; border-bottom:1px solid #000; } #tyt .area05 .box02 .columun_box:last-child { margin-bottom:0; padding-bottom:0; border:none; } #tyt .area05 .box02 .columun_img { margin-bottom:1em; } #tyt .area05 .box03 { padding:30px 10px; border-radius:21px; background-color:#FFF; } #tyt .area05 .box03 .title { width:60%; max-width:366px; margin:0 auto 1em; padding:0.25em 1em; background-color:#28A084; text-align:center; font-size:1.6rem; color:#FFF; } #tyt .area05 .box03 .img { width:95%; margin:2em auto 0; } #tyt .area05 .box03 .img + .img { margin-top:0.25em; } #tyt .area05 .box03 .img + .title { margin-top:4em; } #tyt .area05 .box03 .img:last-child { width:70%; margin:0 auto; } #tyt .area06 { background-color:#90CEDB; padding:1em 0 2em; } #tyt .area06 p { font-size:1.2rem; } @media screen and (min-width: 751px) { #tyt .columun_box { display:flex; flex-wrap:wrap; } #tyt .area02 { padding:0 0 110px; } #tyt .area02 .inner { max-width:1340px; margin:0 auto; } #tyt .area02 .img { margin:-9px auto 54px; } #tyt .area02 .intro { font-size:1.8rem; line-height:2.2em; } #tyt .area03 { padding:112px 0 108px; } #tyt .area03 .img { margin:0 auto 210px; } #tyt .area04 { padding-bottom:1px; } #tyt .area04 .inner { max-width:1340px; margin:68px auto 100px; } #tyt .area04 .hist_area { padding:0; padding-left:7.3%; } #tyt .area04 .hist_area h4 { display:inline-block; } #tyt .area04 .hist_area p + p { margin-top:0; } #tyt .area04 .hist_area:last-child { margin-bottom:0; } #tyt .area04 .hist_area .columun_box { justify-content:space-between; align-items:center; } #tyt .area04 .hist_area .columun_box { flex-wrap:nowrap; } #tyt .area04 .hist_area .columun_img p { margin-bottom:0; text-align:left; } #tyt .area04 .hist_area.hist01 .columun:nth-child(1) { width:43%; margin:38px 18px 38px 0; } #tyt .area04 .hist_area.hist01 .columun:nth-child(2) { align-items:flex-start; width:57%; margin-bottom:70px; } #tyt .area04 .hist_area .columun_img p.img03a { width:39.7%; } #tyt .area04 .hist_area .columun_img p.img03b { width:29.4%; margin-top:94px; } #tyt .area04 .hist_area .columun_img p.img03c { width:30.9%; margin-top:20px; } #tyt .area04 .hist_area.hist02 .columun:nth-child(1) { width:14.4%; margin:38px 18px 38px 0; } #tyt .area04 .hist_area.hist02 .columun:nth-child(2) { width:25.3%; } #tyt .area04 .hist_area.hist02 .columun:nth-child(3) { align-items:flex-start; width:60.3%; } #tyt .area04 .hist_area .columun_img p.img05a { width:49%; margin:40px 0;} #tyt .area04 .hist_area .columun_img p.img05b { width:51%; } #tyt .area04 .hist_area.hist03 .columun:nth-child(1) { width:19.4%; margin:38px 18px 38px 0; } #tyt .area04 .hist_area.hist03 .columun:nth-child(2) { align-items:flex-start; width:80.6%; margin:40px 0; } #tyt .area04 .hist_area .columun_img p.img06a { width:29%; } #tyt .area04 .hist_area .columun_img p.img06b { width:39.2%; } #tyt .area04 .hist_area .columun_img p.img06c { width:31.8%; } #tyt .area04 .hist_area.hist04 .columun:nth-child(1) { width:38%; margin:38px 18px 38px 0; } #tyt .area04 .hist_area.hist04 .columun:nth-child(2) { align-items:flex-start; width:62%; margin:24px 0 42px; } #tyt .area04 .hist_area .columun_img p.img07a { width:55.8%;} #tyt .area04 .hist_area .columun_img p.img07b { width:44.2%; margin-top:26px; } #tyt .area04 .hist_area.hist05 .columun:nth-child(1) { width:31.4%; margin:38px 18px 38px 0; } #tyt .area04 .hist_area.hist05 .columun:nth-child(2) { width:28.3%; } #tyt .area04 .hist_area.hist05 .columun:nth-child(3) { align-items:flex-start; width:40.3%; margin:40px 0; } #tyt .area04 .hist_area .columun_img p.img09a { width:45.2%;} #tyt .area04 .hist_area .columun_img p.img09b { width:54.8%;} #tyt .area04 .hist_area.hist06 .columun:nth-child(1) { width:40%; margin:38px 18px 38px 0; } #tyt .area04 .hist_area.hist06 .columun:nth-child(2) { align-items:flex-start; width:60%; margin:40px 0; } #tyt .area04 .hist_area.hist07 { padding-bottom:92px; } #tyt .area04 .hist_area.hist07 .columun_box:nth-child(1) .columun:nth-child(1) { width:28.6%; margin:38px 18px 38px 0; } #tyt .area04 .hist_area.hist07 .columun_box:nth-child(1) .columun:nth-child(2) { width:20.4%; } #tyt .area04 .hist_area.hist07 .columun_box:nth-child(1) .columun:nth-child(3) { align-items:flex-start; width:51%; margin-top:53px; } #tyt .area04 .hist_area .columun_img p.img12a { width:35.1%; } #tyt .area04 .hist_area .columun_img p.img12b { width:34.5%; margin-top:58px;} #tyt .area04 .hist_area .columun_img p.img12c { width:30.48%; } #tyt .area04 .hist_area.hist08 { padding:52px; } #tyt .area04 .hist_area.hist08 p.txt { text-align:center; line-height:2.2em; } #tyt .area04 .hist_area .img03a img { width:88.2%; } #tyt .area04 .hist_area .img03b img { width:93.6%; } #tyt .area04 .hist_area .img03c img { width:93.4%; } #tyt .area04 .hist_area .img04 img { width:62.8%; } #tyt .area04 .hist_area .img05a img { width:85.8%; } #tyt .area04 .hist_area .img05b img { width:84.2%; } #tyt .area04 .hist_area .img06a img { width:88.3%; } #tyt .area04 .hist_area .img06b img { width:91.9%; } #tyt .area04 .hist_area .img06c img { width:78.6%; } #tyt .area04 .hist_area .img07a img { width:100%; } #tyt .area04 .hist_area .img07b img { width:84%; } #tyt .area04 .hist_area .img08 img { width:50.8%; } #tyt .area04 .hist_area .img09a img { width:80.5%; } #tyt .area04 .hist_area .img09b img { width:58.3%; } #tyt .area04 .hist_area .img10 img { width:51.5%; } #tyt .area04 .hist_area .img11 img { width:71.1%; } #tyt .area04 .hist_area .img12a img { width:83.9%; } #tyt .area04 .hist_area .img12b img { width:83.9%; } #tyt .area04 .hist_area .img12c img { width:83.9%; } #tyt .area04 .hist_area .img13 img { width:80.5%; } #tyt .area04 .hist_area .line_box { margin-right:7.3%; padding:30px 8%; } #tyt .area04 .hist_area .line_box .columun { padding-bottom:0; } #tyt .area04 .hist_area .line_box .columun:nth-child(1) { width:28%; } #tyt .area04 .hist_area .line_box .columun:nth-child(2) { width:72%; } #tyt .area04 .hist_area .end_box { justify-content:center; margin-bottom:24px; } #tyt .area04 .hist_area .end_box .columun { margin:0 9px; padding:0; } #tyt .area04 .hist_area .end_box h4 { margin:0; } #tyt .area04 .title_bg { padding:0; } #tyt .area04 .title_bg h3 { width:210px; height:214px; line-height:214px; font-size:3.2rem; } #tyt .area04 .subtitle_area { margin:0; padding:0; } #tyt .area04 .hist_area::after { display:block; height:78px; } #tyt .area04 .hist_area .line_box .title { font-size:2.5rem; } #tyt .area04 .hist_area .end_box .title { font-size:2.2rem; } #tyt .area05 .inner { max-width:990px; margin:164px auto 222px; } #tyt .area05 .title_bg h3 { width:210px; height:214px; line-height:214px; font-size:3.2rem; } #tyt .area05 .box01 { margin-bottom:138px; } #tyt .area05 .box01 .columun_box { padding:34px 4.4%; display:flex; justify-content:space-between; } #tyt .area05 .box01 .columun_box p.subtitle { font-size:1.8rem; } #tyt .area05 .box01 .columun_box p.title { font-size:2.8rem; margin-bottom:0.25em; } #tyt .area05 .box01 .columun_box p.title + p { line-height:1.8em; } #tyt .area05 .box01 .columun_box .columun:nth-child(1) { width:25.9%; text-align:left; } #tyt .area05 .box01 .columun_box .columun:nth-child(1) img { width:75%; } #tyt .area05 .box01 .columun_box .columun:nth-child(2) { width:74.1%; } #tyt .area05 .box01 .columun_box .columun:nth-child(2) div { position:relative; } #tyt .area05 .box01 .columun_box .columun:nth-child(2) .columun_img { position:absolute; width:65.5%; bottom:-10px; right:4.2%; } #tyt .area05 .box01 .columun_box .columun:nth-child(2) .columun_img img { width:100%; max-width:420px; } #tyt .area05 .box01 .detail { padding:72px 16.3% 82px; } #tyt .area05 .box01 .detail dl { display:flex; flex-wrap:wrap; margin-bottom:44px; } #tyt .area05 .box01 .detail dt { width:26.7%; } #tyt .area05 .box01 .detail dd { width:73.3%; } #tyt .area05 .box02 { margin-bottom:100px; } #tyt .area05 .box02 .columun_box { justify-content:space-between; margin-bottom:0; padding-bottom:160px; border-bottom:none; align-items:flex-start; } #tyt .area05 .box02 .columun_box.room01 { align-items:flex-end; } #tyt .area05 .box02 .columun_box.room01 .columun:nth-child(1) { width:64.6%; } #tyt .area05 .box02 .columun_box.room01 .columun:nth-child(2) { width:32.7%; } #tyt .area05 .box02 .columun_box.room01 .columun:nth-child(2) p { width:85%; margin-left:15%; } #tyt .area05 .box02 .columun_box.room01 .columun:nth-child(2) p.columun_img { width:100%; margin:0 0 39%; } #tyt .area05 .box02 .columun_box.room02 .columun:nth-child(1) { width:27.8%; } #tyt .area05 .box02 .columun_box.room02 .columun:nth-child(2) { width:64.6%; } #tyt .area05 .box02 .columun_box.room03 .columun:nth-child(1) { width:64.6%; } #tyt .area05 .box02 .columun_box.room03 .columun:nth-child(2) { width:32.7%; } #tyt .area05 .box02 .columun_box.room03 .columun:nth-child(2) p { width:85%; margin-left:15%; } #tyt .area05 .box02 .columun_box.room03 .columun:nth-child(2) p.columun_img { width:100%; margin:78px 0 0; } #tyt .area05 .box02 .columun_box.room04 .columun:nth-child(1) { width:32.7%; } #tyt .area05 .box02 .columun_box.room04 .columun:nth-child(1) p { width:85%; margin-right:15%; } #tyt .area05 .box02 .columun_box.room04 .columun:nth-child(1) p.columun_img { width:100%; margin:40px 0 0; } #tyt .area05 .box02 .columun_box.room04 .columun:nth-child(2) { width:64.6%; } #tyt .area05 .box02 .columun + .columun_img { margin-top:0; } #tyt .area05 .box02 .columun_img { margin-bottom:0; } #tyt .area05 .box02 p.title { font-size:2.6rem; } #tyt .area05 .box03 { border-radius:42px; padding:94px 4% 84px; } #tyt .area05 .box03 .title { width:38.5%; padding:0 2em; font-size:2.8rem; margin-bottom:66px; } #tyt .area05 .box03 .img { width:100%; margin:0 auto; } #tyt .area05 .box03 .img + .img { margin-top:74px; } #tyt .area05 .box03 .img + .title { margin-top:178px; } #tyt .area05 .box03 .img:last-child { width:52.3%; max-width:496px; } #tyt .area06 .inner { max-width:640px; margin:30px auto 202px; } } @media screen and (min-width: 1260px) { }