@charset "UTF-8";

header .logo {display:none;}


/*header .logo {display:none;}*/
main {padding-top:0 !important;}

/*********************************
 * ～900
 *********************************/

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

.cmn_bnr {position:absolute; width:100%; top:70vh; left:0; z-index:3;}
.cmn_bnr ul {display:flex; flex-wrap:wrap; width:80% !important; max-width:588px; margin:0 auto; font-size:0; line-height:1;}
 
.cmn_bnr dl.tel {margin-top:0.5em !important; text-align:center;}
.cmn_bnr dl.tel dt {width:100%; font-size:130%; letter-spacing:0.05em;}
.cmn_bnr dl.tel dt span {color:#590026;}
.cmn_bnr dl.tel dd {width:100%; font-size:70%;}
.cmn_bnr dl.tel a {text-decoration:none;}
  
/* top_msg */
.area2 {margin-top:0; padding-top:60vw; background:url(../images/top/msg_bg.jpg) 27.5vw top no-repeat !important; background-size:auto 60vw !important; border-top:1px solid #000; border-right:5px solid #590026;}
.area2 .fleft {display:none; font-size:0; padding:0;}
.area2 .ptxt {padding:0 0 4em 0; background:#fefaf6;}
.area2 .ptxt h2 {width:86%; margin:0 auto; padding-bottom:0.5em; border-bottom:4px double #590026; text-align:center;}
.area2 .ptxt h2 span {font-size:50%; letter-spacing:0.1em;}
.area2 .ptxt .note {width:86%; margin:2em auto 0 auto; line-height:2; text-align:justify; text-justify:inter-ideograph;}
.area2 .ptxt .note span {color:#590026; font-size:120%;}

footer {margin:0;}

}

/* 横向き */
@media (orientation: landscape) and (max-width:900px){
  
  .cmn_bnr {top:540px;}
  
}



/*********************************
 * 901～
 *********************************/

@media screen and (min-width:901px) {

header {display:block; padding:0 30px;}
header .contact {position:relative; display:flex; justify-content:flex-end; width:50%; z-index:-4;}
header .contact a {position:relative; display:inline-block; padding:0.3em 1.5em; background:#590026; color:#fff; font-size:70%; letter-spacing:0.05em;}
header .contact a::before {position:absolute; display:block; content:''; width:2em; height:100%; top:0; left:-2em; background:linear-gradient(to top left, #590026 48%, rgba(0,0,0,0) 52%);}
header .contact a:hover {background:#590026 !important; border:0 !important; color:#fff !important;}
 
.cmn_bnr {position:absolute; width:100%; padding:0 0 0 50%; top:35vw; left:0; z-index:3;}
.cmn_bnr ul {display:flex; flex-wrap:wrap; justify-content:center; width:90%; max-width:588px; margin:0 auto; font-size:0; line-height:1;}
.cmn_bnr ul li {width:25%; max-width:196px; margin:0; padding:0;}
.cmn_bnr dl.tel {margin:1em auto 0 auto; width:90%; max-width:588px; text-align:center;}
.cmn_bnr dl.tel dt {width:100%; font-size:170%; letter-spacing:0.05em;}
.cmn_bnr dl.tel dt span {color:#590026;}
.cmn_bnr dl.tel dd {width:100%; font-size:80%;}
 
.area2 {margin:0; padding-left:50%; background:url(../images/top/msg_bg.jpg) 27.5% bottom no-repeat; background-size:auto 100%; border-top:1px solid #000;}
.area2 .fleft {display:none;}
.area2 .ptxt {display:block; width:100%; padding:7em 0 9em 0; background:#fefaf6; border-right:10px solid #590026;}
.area2 .fright {width:100% !important;}
.area2 .ptxt h2 {width:86%; margin:0 auto; padding-bottom:0.5em; border-bottom:4px double #590026; text-align:center;}
.area2 .ptxt h2 span {font-size:50%; letter-spacing:0.1em;}
.area2 .ptxt .note {width:70%; margin:2em auto 0 auto; line-height:2; text-align:justify; text-justify:inter-ideograph;}
.area2 .ptxt .note span {color:#590026; font-size:130%;}

footer {margin:0;}
	
}

@media screen and (min-width:1580px) {
  .cmn_bnr {top:30vw;}
}