@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@100;300;400;500;700;900&display=swap');
* {margin:0; padding:0; box-sizing:border-box;}
body {color:#010101; font-family:'Noto Sans JP', sans-serif;}
ul {list-style-type:none;}
/* cf */
.cf:before, .cf:after {content:""; display:block; overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}
.fixed {position:fixed; top:0; left:0; z-index:+99;}
table {border-collapse:collapse; border:none; border-spacing:0;}
.red {color:#570c2a;}
/*********************************
* ～900
*********************************/
@media screen and (max-width:900px){
body {overflow-x:hidden; -webkit-text-size-adjust:100%; font-size:16px;}
img {width:100%; height:auto;}
p {margin-top:1em; text-align:justify; text-justify:inter-ideograph;}
a {text-decoration:none;}
.pc {display:none;}
.wrapper {background:#fff;}
/* header */
header {position:fixed; top:0; left:0; width:100%; background:#fff; border-top:4px solid #570c2a; z-index:5;}
header .inner {width:100%; height:110px; padding:0 10px;}
header .h_left {display:flex; align-items:center; flex-direction:row-reverse; justify-content:space-between; width:100%; margin:10px 0 0 0;}
header .h_left h1 {color:#570c2a; font-size:65%; font-weight:600;}
header .h_left .logo {margin:0 20px 0 0; width:300px; font-size:0;}
header .h_right {display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:10px;}
header .h_right dl.tel {display:flex; flex-wrap:wrap; width:50%;}
header .h_right dl.tel dt {display:flex; align-items:baseline; width:100%; font-family:'Lato', sans-serif; font-size:130%; font-weight:900; letter-spacing:0.05em;}
header .h_right dl.tel dt span {padding:0 0 0 1em; background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjAgMjIuNjIxbC0zLjUyMS02Ljc5NWMtLjAwOC4wMDQtMS45NzQuOTctMi4wNjQgMS4wMTEtMi4yNCAxLjA4Ni02Ljc5OS03LjgyLTQuNjA5LTguOTk0bDIuMDgzLTEuMDI2LTMuNDkzLTYuODE3LTIuMTA2IDEuMDM5Yy03LjIwMiAzLjc1NSA0LjIzMyAyNS45ODIgMTEuNiAyMi42MTUuMTIxLS4wNTUgMi4xMDItMS4wMjkgMi4xMS0xLjAzM3oiIGZpbGw9IiM1NzBjMmEiLz48L3N2Zz4=') left center no-repeat; background-size:auto 1em;}
header .h_right dl.tel dt a {color:#570c2a;}
header .h_right dl.tel dd {font-size:45%;}
header .h_right .contact {font-size:75%;}
header .h_right .contact a {position:relative; display:block; padding:1em; background:#570c2a; color:#fff; text-decoration:none;}
header .h_right .gnavbtn {position:relative; width:60px; height:60px; border:1px solid #570c2a; border-radius:50%; cursor:pointer; z-index:11;}
header .h_right .gnavbtn span {position:relative; display:block; width:32px; height:2px; left:12px; background:#570c2a; transition:0.3s;}
header .h_right .gnavbtn span:nth-child(1) {top:18px;}
header .h_right .gnavbtn span:nth-child(2) {top:26px;}
header .h_right .gnavbtn span:nth-child(3) {top:34px;}
/* nav */
nav {overflow-y:auto; position:fixed; display:none; width:100%; height:100%; padding:0 0 4em 0; top:0; left:0; background:#570c2a; z-index:2;}
nav ul {display:flex; flex-wrap:wrap; justify-content:space-between; width:80%; margin:140px auto 0 auto; font-size:90%; font-weight:500;}
nav ul li {width:100%; margin:10px 0 0 0; text-align:center; letter-spacing:0.1em;}
nav ul li a {display:block; position:relative; padding:1.3em 0; border:1px solid #fff; color:#fff; text-decoration:none;}
nav ul li a::before {position:absolute; display:block; content:''; width:0.7em; height:0.7em; top:1.7em; right:2em; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg);}
.mv {width:100%; height:80vw;}
.mv .slider {overflow:hidden; position:relative; width:100%; height:80vw; margin-top:124px;}
.mv .slider_item {width:100%; height:80vw;}
.mv .slider_item .inner {display:flex; align-items:center; justify-content:center; width:91%; height:100%; margin:0 auto;}
.mv .slider_item .inner p {width:100%; color:#fff; font-family:'Noto Serif JP', serif; font-weight:500; line-height:1.8;}
.mv .slider_item .inner p.center {text-align:center;}
.mv .slider_item .inner p.right {text-align:right;}
.mv .slider_item .inner p span {font-size:120%;}
.mv .slider_item img {position:absolute; width:100%; height:100%; top:0; left:0; vertical-align:bottom; object-fit:cover; object-position:center center; z-index:-1;}
/* low_mv */
.low_mv {margin:124px 0 0 0; background:#ddd url(../images/bg_mv.jpg) center bottom no-repeat; background-size:cover;}
.low_mv .inner {position:relative; display:flex; align-items:center; justify-content:center; height:9em; padding:0 15px;}
.low_mv .inner h1 {font-size:155%; font-weight:600; letter-spacing:0.05em; line-height:1; text-align:center;}
.low_mv .inner h1 span {color:#570c2a; font-family:'Lato', sans-serif; font-size:50%; font-weight:800;}
.contents {width:90%; margin:0 auto;}
/* h2 */
main h2 {display:flex; flex-wrap:wrap; position:relative; margin:3em 0 0 0; padding:0.3em 0 0.4em 1em; font-size:130%; font-weight:600; line-height:1.3;}
main h2::before {position:absolute; display:block; content:''; width:5px; height:100%; background:#c1c1c1; top:0; left:0;}
main h2::after {position:absolute; display:block; content:''; width:5px; height:12px; background:#570c2a; top:0; left:0;}
main h2 span {display:block; width:100%; padding:1em 0 0 0; color:#570c2a; font-family:'Lato', sans-serif; font-size:50%; letter-spacing:0.1em; font-weight:800;}
/* top_rnews */
#top_rnews {margin:3em 0 0 0;}
#top_rnews .inner {width:90%; margin:0 auto; z-index:+1;}
#top_rnews .inner .title {display:flex; align-items:flex-end; justify-content:space-between;}
#top_rnews .inner .title h2 {display:flex; flex-wrap:wrap; position:relative; margin:0; padding:0 0 0 1em; font-size:140%; font-weight:600; line-height:1;}
#top_rnews .inner .title h2::before {position:absolute; display:block; content:''; width:5px; height:100%; background:#c1c1c1; top:0; left:0;}
#top_rnews .inner .title h2::after {position:absolute; display:block; content:''; width:5px; height:12px; background:#570c2a; top:0; left:0;}
#top_rnews .inner .title h2 span {display:block; width:100%; padding:1em 0 0 0; color:#570c2a; font-family:'Lato', sans-serif; font-size:50%; letter-spacing:0.1em; font-weight:800;}
#top_rnews .inner .title .btn {font-size:70%; font-weight:600; text-align:center;}
#top_rnews .inner .title .btn a {position:relative; display:block; padding:0.3em 2em 0.3em 1em; border:1px solid #c1c1c1; color:#000; transform:0.3s;}
#top_rnews .inner .title .btn a::after {position:absolute; display:block; content:''; width:0.5em; height:0.5em; border:1px solid #000; border-bottom:0; border-left:0; right:1em; top:38%; transform:rotate(45deg);}
#top_rnews .inner .title .btn a:hover {opacity:0.8;}
#top_rnews .inner .news {width:100%; font-size:95%; margin:1.5em 0 0 0; padding:0 0 0 1.5em; border:1px solid #e6e6e6;}
#top_rnews .inner .news iframe {height:11.5em;}
#top_rnews .inner .news ul {width:100%;}
#top_rnews .inner .news ul a {border-bottom:1px solid transparent; color:#101010; transition:0.3s;}
#top_rnews .inner .news ul a:hover {border-bottom:1px solid #101010;}
#top_rnews .inner .news ul li {padding:1.5em; border-bottom:1px solid #7f7f7f;}
#top_rnews .inner .news ul li span {display:block; padding:0 0 0.3em 0; font-family:'Lato', sans-serif;}
/* top_news */
#top_news {margin:3em 0 0 0;}
#top_news .inner {width:90%; margin:0 auto; z-index:+1;}
#top_news .inner .title {display:flex; align-items:flex-end; justify-content:space-between;}
#top_news .inner .title h2 {display:flex; flex-wrap:wrap; position:relative; margin:0; padding:0 0 0 1em; font-size:140%; font-weight:600; line-height:1;}
#top_news .inner .title h2::before {position:absolute; display:block; content:''; width:5px; height:100%; background:#c1c1c1; top:0; left:0;}
#top_news .inner .title h2::after {position:absolute; display:block; content:''; width:5px; height:12px; background:#570c2a; top:0; left:0;}
#top_news .inner .title h2 span {display:block; width:100%; padding:1em 0 0 0; color:#570c2a; font-family:'Lato', sans-serif; font-size:50%; letter-spacing:0.1em; font-weight:800;}
#top_news .inner .title .btn {margin-top:2em; font-size:70%; font-weight:600; text-align:center;}
#top_news .inner .title .btn a {position:relative; display:block; padding:0.3em 2em 0.3em 1em; border:1px solid #c1c1c1; color:#000; transform:0.3s;}
#top_news .inner .title .btn a::after {position:absolute; display:block; content:''; width:0.5em; height:0.5em; border:1px solid #000; border-bottom:0; border-left:0; right:1em; top:38%; transform:rotate(45deg);}
#top_news .inner .title .btn a:hover {opacity:0.8;}
#top_news .inner .news {width:100%; font-size:95%; margin:1.5em 0 0 0; padding:0.5em 0 0.5em 1.5em; border:1px solid #e6e6e6;}
#top_news .inner .news iframe {height:12em;}
#top_news .inner .news ul {width:100%; font-size:70%; font-weight:500;}
#top_news .inner .news ul a {border-bottom:1px solid transparent; color:#101010; transition:0.3s;}
#top_news .inner .news ul a:hover {border-bottom:1px solid #000;}
#top_news .inner .news ul li {padding:0.5em 0;}
#top_news .inner .news ul li span {display:inline-block; width:9.5em; font-family:'Lato', sans-serif;}
/* ptxt */
.ptxt {margin:1.5em auto 0 auto; font-size:90%; font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;}
/* area2 */
.area2 {margin:1.5em auto 0 auto;}
.area2 .ptxt {width:100%; margin:0;}
.area2 .ptxt .fleft {}
.area2 .ptxt .fright {padding-top:1em; font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;}
/* area3 */
.area3 {margin:1.5em auto 0 auto;}
.area3 .ptxt {width:100%; margin:0;}
.area3 .ptxt .fleft {font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;}
.area3 .ptxt .fright {padding-top:1em;}
/* cmn_bnr */
#cmn_bnr {width:90%; margin:3em auto 0 auto !important;}
#cmn_bnr ul {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;}
#cmn_bnr ul li {width:48.5%; margin:0 0 0.3em 0;}
#cmn_bnr ul li:empty {display:none;}
/* low_contact */
.low_contact {width:100%; margin:5em auto 0 auto; padding-bottom:2em; border:3px solid #570c2a;}
.low_contact .ttl {width:90%; margin:0 auto; padding:1em 0; border-bottom:3px solid #570c2a; color:#570c2a; font-weight:600; text-align:center;}
.low_contact .call {margin:0.5em 0 0 0; font-family:'Lato', sans-serif; font-size:180%; font-weight:800; text-align:center;}
.low_contact .call span {padding:0 0 0 1.4em; background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5IDEuMzIybDIuODQ0LTEuMzIyIDQuMDQxIDcuODg5LTIuNzI0IDEuMzQyYy0uNTM4IDEuMjU5IDIuMTU5IDYuMjg5IDMuMjk3IDYuMzcyLjA5LS4wNTggMi42NzEtMS4zMjggMi42NzEtMS4zMjhsNC4xMSA3LjkzMnMtMi43NjQgMS4zNTQtMi44NTQgMS4zOTZjLS41OTguMjczLTEuMjE1LjM5OS0xLjg0Mi4zOTctNS42NDktLjAxOS0xMi4wODYtMTAuNDMtMTIuMTMzLTE3LjMzLS4wMTYtMi40MDcuNzQ1LTQuMzg3IDIuNTktNS4zNDh6bTEuOTMgMS4yNzRsLTEuMDIzLjUwNGMtNS4yOTQgMi43NjIgNC4xNzcgMjEuMTg1IDkuNjQ4IDE4LjY4NmwuOTcyLS40NzQtMi4yNzEtNC4zODMtMS4wMjYuNTAxYy0zLjE2MyAxLjU0Ny04LjI2Mi04LjIxOS01LjA1NS05LjkzOGwxLjAwNy0uNDk4LTIuMjUyLTQuMzk4em0xNS40OCAxNC40MDRoLTF2LTEzaDF2MTN6bS0yLTJoLTF2LTloMXY5em00LTFoLTF2LTdoMXY3em0tNi0xaC0xdi01aDF2NXptLTItMWgtMXYtM2gxdjN6bTEwIDBoLTF2LTNoMXYzem0tMTItMWgtMXYtMWgxdjF6Ii8+PC9zdmc+') left center no-repeat; background-size:auto 1em;}
.low_contact .date {margin:0.5em 0 0 0; font-size:80%; font-weight:600; text-align:center;}
.low_contact .btn {margin:1.5em 0 0 0; font-size:90%; font-weight:600; text-align:center;}
.low_contact .btn a {position:relative; padding:0.3em 3em 0.4em 3em; border:1px solid #b6b6b6; color:#000; transition:0.3s;}
.low_contact .btn a:hover {opacity:0.8;}
.low_contact .btn a::after {position:absolute; display:block; content:''; width:0.4em; height:0.4em; border:1px solid #000; border-bottom:0; border-left:0; right:1em; top:42%; transform:rotate(45deg);}
/* ptop */
#ptop {position:fixed; width:68px; right:15px; bottom:15px;}
/* cmn_contact */
#cmn_contact {margin:3em 0 0 0; color:#fff;}
#cmn_contact .inner {}
#cmn_contact h3 {display:flex; flex-wrap:wrap; position:relative; margin:0; padding:0.5em 0 0 1em; color:#fff; font-size:100%; font-weight:600; line-height:1;}
#cmn_contact h3::before {position:absolute; display:block; content:''; width:5px; height:100%; background:#fff; top:0; left:0;}
#cmn_contact h3::after {position:absolute; display:block; content:''; width:5px; height:12px; background:#570c2a; top:0; left:0;}
#cmn_contact h3 span {display:block; width:100%; padding:0.6em 0 0 0; font-family:'Lato', sans-serif; font-size:60%; letter-spacing:0.1em; font-weight:600;}
#cmn_contact .tel_box {padding:1em 5%; background:url(../images/bg_cmn_contact.jpg) left center no-repeat; background-size:200% auto;}
#cmn_contact .tel_box .tel {padding:0 0 0 1.6em; font-size:80%;}
#cmn_contact .tel_box .tel span {font-family:'Lato', sans-serif; font-size:200%; font-weight:700;}
#cmn_contact .mail_box {margin-top:1px; padding:1em 5%; background:url(../images/bg_cmn_contact.jpg) right center no-repeat; background-size:200% auto;}
#cmn_contact .mail_box .btn {padding:0 0 0 1.6em; font-size:80%;}
#cmn_contact .mail_box .btn a {display:inline-block; margin-bottom:0.3em; padding:0.2em 2em 0.3em 2em; border:1px solid #fff; color:#fff; font-size:120%;}
/* footer */
footer {}
footer .inner {width:90%; margin:0 auto; padding:1em 0 2em 0;}
footer .inner ul {font-size:85%; font-weight:500;}
footer .inner ul a {display:block; padding:0.5em 0; color:#000;}
footer .inner ul li {}
footer .inner .logo {display:none;}
footer .inner p.copy {margin-top:1.5em; font-family:'Lato', sans-serif; font-size:65%; font-weight:700; letter-spacing:0.05em;}
}
/*********************************
* 901～
*********************************/
@media screen and (min-width:901px) {
body {overflow-x:hidden; width:100%; background:#fff; font-size:17px;}
a {text-decoration:none;}
a img {transition:opacity 0.2s ease-in-out; backface-visibility:hidden; -webkit-backface-visibility:hidden;}
a img:hover {opacity:0.8; cursor:pointer;}
img {width:100%; height:auto;}
p {margin-top:1em; text-align:justify; text-justify:inter-ideograph;}
.sp {display:none;}
.wrapper {}
/* header */
header {position:fixed; top:0; left:0; width:100%; background:#fff; border-top:4px solid #570c2a; z-index:5;}
header .inner {display:flex; align-items:center; justify-content:space-between; width:100%; height:98px; padding:0 20px;}
header .h_left {width:70%;}
header .h_left h1 {color:#570c2a; font-size:75%; font-weight:600;}
header .h_left .logo {margin-top:0.5em; width:344px;}
header .h_right {display:flex; flex-wrap:wrap; justify-content:flex-end; width:30%;}
header .h_right dl.tel {display:flex; flex-wrap:wrap;}
header .h_right dl.tel dt {display:flex; align-items:baseline; justify-content:flex-end; width:100%; font-family:'Lato', sans-serif; font-size:150%; font-weight:900; letter-spacing:0.05em;}
header .h_right dl.tel dt span {padding:0 0 0 1em; background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjAgMjIuNjIxbC0zLjUyMS02Ljc5NWMtLjAwOC4wMDQtMS45NzQuOTctMi4wNjQgMS4wMTEtMi4yNCAxLjA4Ni02Ljc5OS03LjgyLTQuNjA5LTguOTk0bDIuMDgzLTEuMDI2LTMuNDkzLTYuODE3LTIuMTA2IDEuMDM5Yy03LjIwMiAzLjc1NSA0LjIzMyAyNS45ODIgMTEuNiAyMi42MTUuMTIxLS4wNTUgMi4xMDItMS4wMjkgMi4xMS0xLjAzM3oiIGZpbGw9IiM1NzBjMmEiLz48L3N2Zz4=') left center no-repeat; background-size:auto 1em;}
header .h_right dl.tel dt a {color:#570c2a; cursor:default; pointer-events:none;}
header .h_right dl.tel dd {width:100%; font-size:75%; text-align:right;}
header .h_right .contact {display:inline-block; margin-top:0.3em; font-size:75%;}
header .h_right .contact a {position:relative; display:block; padding:0.3em 2.5em 0.3em 1.5em; background:#570c2a; color:#fff; letter-spacing:0.05em; transition:0.3s;}
header .h_right .contact a::after {position:absolute; display:block; content:''; width:0.5em; height:0.5em; border:1px solid #fff; border-bottom:0; border-left:0; right:1em; top:39%; transform:rotate(45deg);}
header .h_right .contact a:hover {opacity:0.8;}
/* nav */
nav {display:block !important;}
nav ul {display:flex; justify-content:center; width:91%; max-width:980px; margin:0 auto; padding:1em 0; font-size:105%; font-weight:600;}
nav ul li {padding:0 2em;}
nav ul li a {color:#000; transition:0.3s;}
nav ul li a:hover {opacity:0.8;}
/* mv */
.mv {width:100%; height:500px; background:#fafafa;}
.mv .slider {overflow:hidden; position:relative; width:100%; height:500px; margin-top:98px;}
.mv .slider_item {width:100%; height:500px;}
.mv .slider_item .inner {display:flex; align-items:center; width:91%; max-width:980px; height:100%; margin:0 auto;}
.mv .slider_item .inner p {width:50%; color:#fff; font-family:'Noto Serif JP', serif; font-size:120%; font-weight:500; line-height:1.8;}
.mv .slider_item .inner p.center {text-align:center;}
.mv .slider_item .inner p.right {text-align:right;}
.mv .slider_item .inner p span {font-size:120%;}
.mv .slider_item img {position:absolute; width:100%; height:100%; top:0; left:0; vertical-align:bottom; object-fit:cover; object-position:center center; z-index:-1;}
/* low_mv */
.low_mv {margin:98px 0 0 0; background:url(../images/bg_mv.jpg) center bottom no-repeat; background-size:cover;}
.low_mv .inner {position:relative; display:flex; align-items:center; justify-content:center; height:10em; padding:0 30px;}
.low_mv .inner h1 {font-size:160%; font-weight:600; letter-spacing:0.1em; text-align:center; line-height:1;}
.low_mv .inner h1 span {color:#570c2a; font-family:'Lato', sans-serif; font-size:60%; font-weight:800; letter-spacing:0.05em;}
.contents {width:91%; max-width:980px; margin:0 auto;}
/* h2 */
main h2 {display:flex; flex-wrap:wrap; position:relative; margin:3em 0 0 0; padding:0.4em 0 0.5em 1em; font-size:140%; font-weight:600; line-height:1.3;}
main h2::before {position:absolute; display:block; content:''; width:5px; height:100%; background:#c1c1c1; top:0; left:0;}
main h2::after {position:absolute; display:block; content:''; width:5px; height:12px; background:#570c2a; top:0; left:0;}
main h2 span {display:block; width:100%; padding:1em 0 0 0; color:#570c2a; font-family:'Lato', sans-serif; font-size:50%; letter-spacing:0.1em; font-weight:800;}
/* top_rnews */
#top_rnews {position:relative; margin:3em 0 0 0;}
#top_rnews .inner {position:relative; display:flex; justify-content:space-between; width:91%; max-width:980px; margin:0 auto; z-index:+1;}
#top_rnews .inner .title {width:30%; background:linear-gradient(to left, #fff 10%, transparent 10%);}
#top_rnews .inner .title h2 {display:flex; flex-wrap:wrap; position:relative; margin:0; padding:0 0 0 1em; font-size:160%; font-weight:600; line-height:1;}
#top_rnews .inner .title h2::before {position:absolute; display:block; content:''; width:5px; height:100%; background:#c1c1c1; top:0; left:0;}
#top_rnews .inner .title h2::after {position:absolute; display:block; content:''; width:5px; height:12px; background:#570c2a; top:0; left:0;}
#top_rnews .inner .title h2 span {display:block; width:100%; padding:1em 0 0 0; color:#570c2a; font-family:'Lato', sans-serif; font-size:50%; letter-spacing:0.1em; font-weight:800;}
#top_rnews .inner .title .btn {width:12em; margin-top:2em; font-size:80%; font-weight:600; text-align:center;}
#top_rnews .inner .title .btn a {position:relative; display:block; padding:0.3em 2em 0.3em 0; border:1px solid #c1c1c1; color:#000; transform:0.3s;}
#top_rnews .inner .title .btn a::after {position:absolute; display:block; content:''; width:0.5em; height:0.5em; border:1px solid #000; border-bottom:0; border-left:0; right:1em; top:38%; transform:rotate(45deg);}
#top_rnews .inner .title .btn a:hover {opacity:0.8;}
#top_rnews .inner .news {width:68%; font-size:95%; padding:0 0 0 1.5em; border:1px solid #e6e6e6;}
#top_rnews .inner .news iframe {height:11.5em;}
#top_rnews .inner .news ul {width:100%;}
#top_rnews .inner .news ul a {border-bottom:1px solid transparent; color:#101010; transition:0.3s;}
#top_rnews .inner .news ul a:hover {border-bottom:1px solid #101010;}
#top_rnews .inner .news ul li {padding:1.5em; border-bottom:1px solid #7f7f7f;}
#top_rnews .inner .news ul li span {display:block; padding:0 0 0.3em 0; font-family:'Lato', sans-serif;}
/* top_news */
#top_news {position:relative; margin:4em 0 0 0;}
#top_news .inner {position:relative; display:flex; justify-content:space-between; width:91%; max-width:980px; margin:0 auto; z-index:+1;}
#top_news .inner .title {width:30%; background:linear-gradient(to left, #fff 10%, transparent 10%);}
#top_news .inner .title h2 {display:flex; flex-wrap:wrap; position:relative; margin:0; padding:0 0 0 1em; font-size:160%; font-weight:600; line-height:1;}
#top_news .inner .title h2::before {position:absolute; display:block; content:''; width:5px; height:100%; background:#c1c1c1; top:0; left:0;}
#top_news .inner .title h2::after {position:absolute; display:block; content:''; width:5px; height:12px; background:#570c2a; top:0; left:0;}
#top_news .inner .title h2 span {display:block; width:100%; padding:1em 0 0 0; color:#570c2a; font-family:'Lato', sans-serif; font-size:50%; letter-spacing:0.1em; font-weight:800;}
#top_news .inner .title .btn {width:12em; margin-top:2em; font-size:80%; font-weight:600; text-align:center;}
#top_news .inner .title .btn a {position:relative; display:block; padding:0.3em 2em 0.3em 0; border:1px solid #c1c1c1; color:#000; transform:0.3s;}
#top_news .inner .title .btn a::after {position:absolute; display:block; content:''; width:0.5em; height:0.5em; border:1px solid #000; border-bottom:0; border-left:0; right:1em; top:38%; transform:rotate(45deg);}
#top_news .inner .title .btn a:hover {opacity:0.8;}
#top_news .inner .news {width:68%; font-size:95%; padding:0.5em 0 0.5em 1.5em; border:1px solid #e6e6e6;}
#top_news .inner .news iframe {height:12em;}
#top_news .inner .news ul {width:100%; font-size:85%; font-weight:500;}
#top_news .inner .news ul a {border-bottom:1px solid transparent; color:#101010; transition:0.3s;}
#top_news .inner .news ul a:hover {border-bottom:1px solid #000;}
#top_news .inner .news ul li {padding:0.5em 0;}
#top_news .inner .news ul li span {display:inline-block; width:9.5em; font-family:'Lato', sans-serif;}
/* ptxt */
.ptxt {margin:1.5em auto 0 auto; font-size:95%; font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;}
/* area2 */
.area2 {margin:1.5em auto 0 auto;}
.area2 .ptxt {display:flex; position:relative; justify-content:space-between; width:100%; margin:0;}
.area2 .ptxt .fleft {width:45%; max-width:410px; padding-top:0.6em;}
.area2 .ptxt .fright {width:50%; font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;}
/* area3 */
.area3 {margin:1.5em auto 0 auto;}
.area3 .ptxt {display:flex; position:relative; justify-content:space-between; width:100%; margin:0;}
.area3 .ptxt .fleft {width:50%; font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;}
.area3 .ptxt .fright {width:45%; max-width:410px; padding-top:0.6em;}
/* cmn_bnr */
#cmn_bnr {width:91%; max-width:980px; margin:5em auto 0 auto !important;}
#cmn_bnr ul {display:flex; flex-wrap:wrap; width:100%;}
#cmn_bnr ul li {width:31.7%; margin:0 2.45% 1.5em 0;}
#cmn_bnr ul li:nth-child(3n) {margin-right:0;}
#cmn_bnr ul li:empty {display:none;}
/* low_contact */
.low_contact {width:70%; margin:5em auto 0 auto; padding-bottom:2em; border:3px solid #570c2a;}
.low_contact .ttl {width:80%; margin:0 auto; padding:1em 0; border-bottom:3px solid #570c2a; color:#570c2a; font-weight:600; text-align:center;}
.low_contact .call {margin:0.5em 0 0 0; font-family:'Lato', sans-serif; font-size:180%; font-weight:800; text-align:center;}
.low_contact .call span {padding:0 0 0 1.4em; background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5IDEuMzIybDIuODQ0LTEuMzIyIDQuMDQxIDcuODg5LTIuNzI0IDEuMzQyYy0uNTM4IDEuMjU5IDIuMTU5IDYuMjg5IDMuMjk3IDYuMzcyLjA5LS4wNTggMi42NzEtMS4zMjggMi42NzEtMS4zMjhsNC4xMSA3LjkzMnMtMi43NjQgMS4zNTQtMi44NTQgMS4zOTZjLS41OTguMjczLTEuMjE1LjM5OS0xLjg0Mi4zOTctNS42NDktLjAxOS0xMi4wODYtMTAuNDMtMTIuMTMzLTE3LjMzLS4wMTYtMi40MDcuNzQ1LTQuMzg3IDIuNTktNS4zNDh6bTEuOTMgMS4yNzRsLTEuMDIzLjUwNGMtNS4yOTQgMi43NjIgNC4xNzcgMjEuMTg1IDkuNjQ4IDE4LjY4NmwuOTcyLS40NzQtMi4yNzEtNC4zODMtMS4wMjYuNTAxYy0zLjE2MyAxLjU0Ny04LjI2Mi04LjIxOS01LjA1NS05LjkzOGwxLjAwNy0uNDk4LTIuMjUyLTQuMzk4em0xNS40OCAxNC40MDRoLTF2LTEzaDF2MTN6bS0yLTJoLTF2LTloMXY5em00LTFoLTF2LTdoMXY3em0tNi0xaC0xdi01aDF2NXptLTItMWgtMXYtM2gxdjN6bTEwIDBoLTF2LTNoMXYzem0tMTItMWgtMXYtMWgxdjF6Ii8+PC9zdmc+') left center no-repeat; background-size:auto 1em;}
.low_contact .date {margin:0.5em 0 0 0; font-size:80%; font-weight:600; text-align:center;}
.low_contact .btn {margin:1.5em 0 0 0; font-size:90%; font-weight:600; text-align:center;}
.low_contact .btn a {position:relative; padding:0.3em 3em 0.4em 3em; border:1px solid #b6b6b6; color:#000; transition:0.3s;}
.low_contact .btn a:hover {opacity:0.8;}
.low_contact .btn a::after {position:absolute; display:block; content:''; width:0.4em; height:0.4em; border:1px solid #000; border-bottom:0; border-left:0; right:1em; top:42%; transform:rotate(45deg);}
/* ptop */
#ptop {position:fixed; width:68px; right:50px; bottom:50px;}
/* cmn_contact */
#cmn_contact {margin:3em 0 0 0; background:url(../images/bg_cmn_contact.jpg) center center no-repeat; background-size:cover; color:#fff;}
#cmn_contact .inner {display:flex; align-items:center; width:91%; max-width:980px; margin:0 auto; padding:2em 0;}
#cmn_contact h3 {display:flex; flex-wrap:wrap; position:relative; margin:0; padding:0.5em 0 0 1em; color:#fff; font-size:130%; font-weight:600; line-height:1;}
#cmn_contact h3::before {position:absolute; display:block; content:''; width:5px; height:100%; background:#fff; top:0; left:0;}
#cmn_contact h3::after {position:absolute; display:block; content:''; width:5px; height:12px; background:#570c2a; top:0; left:0;}
#cmn_contact h3 span {display:block; width:100%; padding:0.6em 0 0 0; font-family:'Lato', sans-serif; font-size:60%; letter-spacing:0.1em; font-weight:600;}
#cmn_contact .tel_box {width:50%;}
#cmn_contact .tel_box .tel {padding:0 0 0 1.6em; font-size:80%;}
#cmn_contact .tel_box .tel span {font-family:'Lato', sans-serif; font-size:200%; font-weight:700;}
#cmn_contact .mail_box {width:50%; padding-left:5%;}
#cmn_contact .mail_box .btn {padding:0 0 0 1.6em; font-size:80%;}
#cmn_contact .mail_box .btn a {display:inline-block; margin-bottom:0.3em; padding:0.2em 2em 0.3em 2em; border:1px solid #fff; color:#fff; font-size:120%; transition:0.3s;}
#cmn_contact .mail_box .btn a:hover {opacity:0.8;}
/* footer */
footer {}
footer .inner {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:91%; max-width:980px; margin:0 auto; padding:1.5em 0;}
footer .inner ul {display:flex; align-items:center; justify-content:space-between; width:60%; font-size:85%; font-weight:500;}
footer .inner ul a {border-bottom:1px solid transparent; color:#000; transition:0.3s;}
footer .inner ul a:hover {border-bottom:1px solid #000;}
footer .inner ul li {}
footer .inner .logo {display:none;}
footer .inner p.copy {width:100%; margin:2em 0 0 0; font-size:70%;}
}
@media screen and (min-width:901px) and (max-width:1240px) {
body {font-size:1.5vw;}
.mv .slider_item .inner p {font-size:220%;}
}