@charset "utf-8";
/* CSS Document */

/*side_menu------------------------*/


html.active {
    overflow: hidden;
}

nav.menu.active {
    opacity: 1;
    transition: .3s;
    pointer-events: auto;
    filter: blur(0px);
    overflow: auto;
}

.hide{
	opacity: 0;
}


.menu_btn {
    position: fixed;
    z-index: 4;
    display: flex;
    top: 35px;
    left: auto;
    right: 30px;
    flex-direction: column;
    transition: .3s ease-out;
    cursor: pointer;
}
.menu_btn.alt {
    top: 75px;
}

.menu_btn.show {
    position: fixed;
    z-index: 10;
    display: flex;
    top: 20px;
    left: 20px;
    flex-direction: column;
}

.menu_btn .block {
    width: 20px;
    height: 20px;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: .3s;
    transform: scale(100%);
}

.menu_btn.alt .block {
    background-color: white;
    color: black;
}

.menu_btn .block.hover_trigger.on{
    opacity: 0.6;
}

.menu_btn img.b1 {
    width: 19px;
    height: auto;
    transition: .3s;
    position: absolute;
    top: 0;
    right: 0;
	z-index: 1;
}

.menu_btn .switch img.b1{
	opacity: 0;
}

.menu_btn img.b2 {
    width: 19px;
    height: auto;
    transition: .3s;
    position: absolute;
    top: 0;
    right: 0;
	z-index: 0;
}

.menu_btn .block span:last-child{
	margin-bottom: 0px;
}

.menu_btn span.txt {
    font-family: "lusitana";
    font-size: 13px;
    text-align: center;
    color: white;
    display: block;
    width: 100%;
    line-height: 1;
    margin-top: 10px;
    transition: .1s;
}

.menu_btn.alt span.txt{
    color: black;
}


.fa-calendar-alt:before {
    content: "\f073";
    font-size: 25px;
    transition: .1s
}

.overlay{
    opacity: 0;
    background-color: black;
    width: 100%;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100vh;
    transition: .3s;
    pointer-events: none;
}

overlay.active {
    opacity: 0.90;
    background-color: #002541;
    z-index: 3;
    pointer-events: auto;
}

nav.menu {
    opacity: 0;
    transition: .3s;
    pointer-events: none;
    width: 100%;
    position: fixed;
    z-index: 5;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    filter: blur(30px);
}

nav.menu.active{
    opacity: 1;
    transition: .3s;
    pointer-events: auto;
	filter: blur(0px);
}

nav.menu .outer {
    max-width: 500px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

nav.menu ul {
    width: 50%;
    margin-right: 50px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

nav.menu ul.icon {
    position: absolute;
    right: 0;
    display: flex;
}

nav.menu .inr{
    width: 50%;
    color: white;
    display: flex;
    flex-direction: column;
}

nav.menu img {
    width: 100px;
    height: auto;
}


nav.menu h1 {
    margin-left: 0px;
    margin-top: 0px;
}

nav.menu .wrap{
	position: relative;
}

nav.menu .wrap:after {
    content: "";
    position: absolute;
    right: 0;
    display: none;
    width: 100%;
    height: 1px;
    border-bottom: 1px dotted #1e457d;
    top: 15px;
    z-index: -1;
}

nav.menu ul.wrap {
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
}

nav.menu ul.wrap li dl {
    display: flex;
    flex-direction: column;
    border-bottom: 1px dotted #1e457d;
    padding-top: 30px;
}

nav.menu ul.wrap li:last-child dl {
    border-bottom: none;
}

nav.menu ul.wrap ul.icon li.icon {
    width: 30px;
}

nav.menu ul.wrap ul.icon {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0;
    margin: 0;
}

nav.menu ul.wrap li dl dd {
    padding-top: 15px;
    padding-bottom: 15px;
}

nav.menu ul.wrap li {
    display: flex;
    flex-direction: column;
    width: 100%;
}

nav.menu ul.wrap li ul li {
    width: 50%;
    padding: 10px 0px;
}
nav.menu ul.wrap li dl dd ul {
    display: flex;
    width: 100%;
    flex-direction: row;
    margin: 0 auto;
    flex-wrap: wrap;
	font-size: 13px;
}

nav.menu ul.wrap {
    flex-direction: column;
}

nav.menu .insta img {
    width: 35px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 20px;
}
nav.menu li.insta {
    text-align: center;
}
nav.menu li.insta a:link{
	border-bottom: none;
	display: inline-block;
}

nav.menu a:link{
    color: white;
    font-size: 22px;
}

nav.menu a.contact:link:hover, nav.menu a.contact:visited:hover {
    color: #006ab7 !important;
}

nav.menu a.contact:link {
    padding: 20px;
    margin-top: 20px;
}

nav.menu a:link{
    color: white;
}

nav.menu h1 a:link {
    padding: 0px;
    transition: .3s;
}

nav.menu h1 a:link:hover{
	opacity: 0.7;
}

nav.menu a.contact:link, nav.menu a.contact:visited {
    padding: 20px;
    margin-top: 30px;
    color: white;
}

nav.menu .close img {
    width: 20px;
    height: auto;
    cursor: pointer;
}

nav.menu .close {
    position: absolute;
    left: auto;
    top: 35px;
    right: 30px;
}

nav.menu li a:link, nav.menu li a:visited {
    color: white;
    padding: 0;
    transition: .3s;
    font-family: "bebas neue","Noto Sans SC";
    line-height: 1;
    font-weight: 400;
    font-size: 17px;
    display: flex;
}

nav.menu ul.icon li a:link:hover, nav.menu ul.icon li a:visited:hover {
    opacity: 1;
    color: #006ab7;
}

nav.menu .fa-caret-right:before {
    content: "\f0da";
	margin-right: 5px;
}

nav.menu li.logo a:link{
	border-bottom: none;
}

nav.menu li a:link:hover {
    opacity: 0.5;
}


nav.menu .fa-chevron-right:before {
    content: "\f054";
    font-size: 10px;
    position: relative;
    top: -2px;
    margin-right: 20px;
}

nav.menu .contact,
nav.menu .reserve{
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    text-align: center;  
    position: relative;
    padding: 50px 50px;
}


nav.menu div.inr a {
    font-size: 14px;
    margin-top: 30px;
    background-color: black;
    padding: 10px;
    transition: .3s;
    font-weight: 100;
	color: white;
}

nav.menu li.logo {
    margin-bottom: 0px;
}

nav.menu div.inr a:hover {
    background-color: #4c4c4c;
}

nav.menu div.inr p {
    margin-top: 30px;
    line-height: 2;
    font-size: 25px;
}
nav.menu div.inr p span{
    display: block;
    font-size: 13px;
}

nav.menu .reserve{
    margin-top: 50px;
}

#sub a.reserve br{
	display: none;
}

ul.anch_link i.fas.fa-caret-right{
	display: none;
}

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

#cmn .design dl.info dd h4 {
    font-size: 1.7vw;
}


.design h4.alt {
    font-size: 1.7vw;
}

#cmn .design dl.info dl.prof dd h4{
	font-size: 1.7vw;
}

#cmn .design p {
    font-size: 0.9vw;
}

#other p {
    font-size: 0.9vw;
}

.intro p {
    font-size: 14px;
}

.feature h3 {
    font-size: 1.7vw;
}

.feature p {
    font-size: 0.9vw;
}

.intro2 dd p {
    font-size: 0.9vw;
}

.room_list li a{
	font-size: 0.9vw;
}

.room_list li a {
    padding-top: 30%;
    padding-bottom: 30%;
}

#furniture p{
	font-size: 0.9vw;
}

#room dl dd p {
    font-size: 0.9vw;
}

#cmn .design dl.interview dt h4 {
    font-size: 1.5vw;

}

#room dl dd h2 {
    font-size: 1.7vw;
}

.intro2 h2 {
    font-size: 1.7vw;
}

header h2.ct {
    font-size: 1.7vw;
}

#furniture h3 {
    font-size: 1.7vw;
}

h3.ct {
	font-size: 2.5vw;
}

h2.ct {
	font-size: 2.5vw;
}

#cmn .design dl.interview dt h4:before {
    font-size: 1.7vw;
}

#cmn .design dl.interview dt p:before {
    font-size: 1.7vw;
}

#sub a.reserve {
    font-size: 1.9vw;
}

#cmn .design dl.info dt.p1,
#cmn .design dl.info dt.p2{
    height: auto;
    padding-top: 50%;
}

#cmn .design dl.info dl.prof dt.p1 {
    height: auto;
    padding-top: 50%;
}

#cmn .design dl.interview dd.p1 {
    height: auto;
	padding-top: 40%;
}

#room dl span.right_bg {
    min-height: auto;
    padding-top: 60%;
}

#room dl dt {
    padding-top: 60%;
    min-height: auto;
}

br.pc{
	display: none;
}

}


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

section#news {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.main_cont {
	height: auto;
}

section {
    padding-left: 20px;
    padding-right: 20px;
}

#cmn .inr {
    padding-left: 20px;
    padding-right: 20px;
}

.outer{
	padding-left: 20px;
	padding-right: 20px;
}

#cmn .design {
    padding: 20px;
}

.intro2 .design dt {
    height: auto;
	padding-top: 50%;
}

#news {
    padding-left: 20px;
    padding-right: 20px;
}

#news .flex ul li {
    margin-right: 3%;
}

#other dt {
    padding-left: 20px;
    padding-right: 20px;
}

#other dl.re dt {
    order: 2;
    padding-left: 20px;
    padding-right: 20px;
}

#other dd {
    padding-top: 50%;
    height: auto !important;
}

#other dd.alt2 div:first-child {
    top: 0;
	position: absolute;
}

#other dd.alt2 div:nth-child(2n) {
    top: 0;
	left: 33.3%;
	position: absolute;
}

#other dd.alt2 div:nth-child(3n) {
    top: 0;
	left: 66.6%;
	position: absolute;
}

#furniture .box .txt {
    margin-left: 20px;
}

#furniture .box.re .txt {
    margin-right: 20px;
}

#furniture dd {
    margin-left: 20px;
}


#furniture .box span {
    height: auto;
    padding-top: 45%;
}

#furniture dt span.img {
    height: 50%;
}

#furniture dt {
    height: auto;
    padding-top: 50%;
}

.concept_cont {
    padding-left: 20px;
    padding-right: 20px;
}

.concept_cont dd {
    padding-left: 30px;
    padding-right: 30px;
}

.spot_cont {
    padding-left: 20px;
    padding-right: 20px;
}

.spot_cont dd {
    padding-left: 30px;
	padding-right: 30px;
}

.spot_cont dt.s1,
.spot_cont dt.s2{
    height: auto;
	padding-top: 60%;
}

.spot_cont dt.s3{
	padding-top: 75%;
}

.spot_cont h2.ct {
    font-size: 2.5vw;
}

.spot_cont p {
    font-size: 0.9vw;
}

.feature dt {
    padding-top: 40%;
}

ul.anch_link {
    font-size: 13px;
}

section#s_menu {
    flex-direction: column;
}

section#s_menu ul.wrap {
    flex-direction: column;
    width: 100%;
    max-width: 100%;
}

section#s_menu li.m1, section#s_menu li.m2, section#s_menu li.m3, section#s_menu li.m4 {
    width: 100%;
    max-width: 100%;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #1a6592;
    padding: 0px;
}

section#s_menu .note {
    max-width: 100%;
    font-size: 13px;
    text-align: right;
}

section#s_menu .note p:nth-child(2) {
    margin-top: 0px;
}

section#s_menu .note p:nth-child(1) {
    margin-top: 10px;
}

section#s_menu .note {
    max-width: 100%;
    font-size: 13px;
    text-align: right;
}

section#s_menu .note br{
	display: none;
}

section#s_menu ul li.m1 ul li {
    width: 200px;
}

section#s_menu ul li.m2 ul li {
    width: 200px;
}

section#s_menu dl {
    display: flex;
    flex-direction: column;
    padding-top: 15px;
    padding-bottom: 15px;
}

section#s_menu .note {
    max-width: 100%;
    font-size: 13px;
    text-align: left;
}

section#news .flex {
    flex-direction: column;
}

#news .flex ul li {
    margin-right: 0;
}

section#news ul {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

section#news a.more span {
    font-size: 12px;
    color: #006ab7;
    margin-left: 15px;
}

section#news h2 {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    font-family: "bebas neue","noto sans sc";
    line-height: 1;
    width: 10%;
    color: #006ab7;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    align-items: center;
}

section#news h2 span {
    display: block;
    font-size: 28px;
    margin-bottom: 15px;
    line-height: 1;
    margin-right: 15px;
}

section#news a.more {
    flex-direction: row;
    width: 100%;
	margin-top: 20px;
}

.list .row {
    flex-direction: column;
}

.list .row .outer {
    width: 100%;
}

p.mh {
    height: auto !important;
}
.list .row .outer.opt,
.list .row .outer {
    width: 100%;
    margin-right: 0px;
    border-right: none;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #e3e3e3;
	padding-left: 0px;
}
.list .row .outer.opt h3 {
    margin-bottom: 15px;
}
.outer dl li {
    font-size: 17px;
    width: 170px;
}

.list .row .outer.alt {
    width: 100%;
    margin-right: 0;
    border-right: none;
    padding-right: 0;
    border-bottom: none;
	padding: 0px;
}

section#qr {
    padding: 0px;
    width: 300px;
    min-width: auto;
    margin: 0px;
    margin-left: 0px;
    /* background-color: #f9f9f9; */
    border-left: none;
    display: flex;
    flex-direction: row;
    font-family: "noto sans sc";
    justify-content: center;
    align-items: center;
    padding-left: 0px;
    padding-top: 0px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

}

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

.menu_btn {
	opacity: 1;
	pointer-events: auto;
}

nav.main ul,
nav.main .contact{
	opacity: 0;
}

.sub nav {
    background-color: white;
    border-bottom: none;
}

.sub nav {
    background-color: transparent;
    border-bottom: none;
}

main {
    margin-top: 50px;
}

nav li a:hover:after {
    opacity: 1;
    width: 0%;
}
	

}

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

nav.main ul, nav.main .contact {
	display: none;
}

nav a.contact:link {
	display: none;
}

nav.menu a.contact:link {
    display: block;
}

nav h1 {
    margin-top: 20px;
    margin-left: 20px;
}

#other dl.re {
    margin-top: 50px;
}

#cmn .design dl.info dd {
    width: 100%;
    padding-left: 0px;
	margin-top: 0px;
}

#cmn .design dl.info dd div{
	margin-top: 30px;
}

#cmn .design dl.info dt {
    width: 100%;
}

#cmn .design dl.info {
    flex-direction: column;
}

#cmn .design dl.info.re dt {
	order: 1;
	margin-top: 30px;
}

#cmn .design dl.info.re dd {
	order: 2;
}

#cmn .design hr{
	display: none;
}

#cmn .design dl.info .prof {
	margin-top: 30px;
}

#cmn .design dl.info dd h4 {
    font-size: 25px;
}

.design h4.alt {
    font-size: 25px;
}

header h2.ct {
    font-size: 25px;
}

#sub a.reserve {
    font-size: 20px;
}

.intro p {
    font-size: 14px;
	text-align: left;
}

h2.ct {
    font-size: 30px;
}

h3.ct {
    font-size: 25px;
}

#cmn .design dl.info dl.prof dd h4 {
    font-size: 25px;
}

#cmn .design dl.interview dt h4 {
    font-size: 23px;
    line-height: 1.7;
}

#cmn .design p {
    font-size: 14px;
}

#cmn .design dl.info dl.prof dt {
    width: 25%;
}

#cmn .design dl.info dl.prof dd {
    width: 75%;
}

#cmn .design dl.info dl.prof dt.p1,
#cmn .design dl.info dl.prof dt.p2{
    padding-top: 30%;
	background-position: top center;
	height: auto;
}

#cmn .design dl.interview dt {
    width: 100%;
    padding-right: 0px;
    margin-top: 0px;
	flex-direction: column;
	order: 2;
}

#cmn .design dl.interview.re dt {
    padding-left: 0px;
}

#cmn .design dl.interview dt p.y.alt, #cmn .design dl.interview dt p.s.alt {
    margin-top: 30px;
}

#cmn .design dl.interview dd {
    width: 100%;
	order: 1;
	margin-top: 30px;
}

#cmn .design dl.interview {
    flex-direction: column;
	margin-top: 0px;
}

#cmn .design dl.interview dd.p1,
#cmn .design dl.interview dd.p2,
#cmn .design dl.interview dd.p3,
#cmn .design dl.interview dd.p4,
#cmn .design dl.interview dd.p5,
#cmn .design dl.interview dd.p6{
    padding-top: 40%;
	height: auto;
}

#cmn .design dl.interview dd.p4 {
    background-position: center bottom;
}

#cmn .design dl.interview dt h4 {
    margin-top: 30px;
}

#cmn .design dl.interview dt p {
    margin-top: 30px;
}

#cmn .design {
    margin-top: 50px;
}

section {
    margin-top: 50px;
}

.outer_bg {
    margin-top: 50px;
}

#sub a.reserve {
	margin-top: 30px;
}

section#cmn {
    padding-top: 20px;
}

section#cmn.alt {
    margin-top: 0px;
    padding-bottom: 0px;
}

.outer_bg.alt {
    padding-bottom: 30px;
    padding-top: 0px;
}

#other2 li {
    height: 300px;
}

footer {
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.intro2 dl {
    flex-direction: column;
}

.intro2 .design dt {
    width: 100%;
}

.intro2 dd {
    width: 100%;
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

.intro2 dd p {
    font-size: 14px;
}

.intro2 .design dt {
    height: auto;
    padding-top: 30%;
}

header .mv.design,
header .mv.spot,
header .mv.concept,
header .mv.news,
header .mv.contact,
header .mv.rooms,
header .mv.access{
    height: 400px;
}
header .mv.faq,
#sub header {
    height: 400px;
}

section#other {
    padding: 50px 0px;
}

section#furniture {
    padding-top: 50px;
    padding-bottom: 50px;
}

#furniture dd {
    margin-left: 20px;
}

#sub #news_cont {
    display: flex;
    flex-direction: column;
}

#sub #news_cont .detail {
    float: none;
    width: 100%;
    padding-bottom: 50px;
}

#sub #news_cont .cg {
    width: 100%;
    float: none;
	margin-top: 25px;
}

#sub #news_cont .list {
    float: none;
    width: 100%;
}

#sub #news_cont .inr {
    flex-direction: column;
}

#sub #news_cont .list dl {
    max-width: 100%;
    width: 100%;
	display: flex;
	flex-direction: column;
}

#sub #news_cont .list dl dd {
    width: 85%;
}

#sub #news_cont .list dl dt{
	width: 100%;
}

#sub #news_cont .list dl dd{
	width: 100%;
	border-bottom: none;
}

#cmn .inr {
    margin-top: 50px;
    padding-bottom: 30px;
}

section#cmn {
    padding-top: 50px;
    padding-bottom: 50px;
}

#sub iframe{
	height: 250px;
}

.cmn_pdb {
    padding-bottom: 50px;
}

#sub section.intro .block span {
    font-size: 20px;
}

#sub section.intro .block {
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	margin-top: 30px;
	width: 100%;
}

ul.anch_link.mgt {
    margin-top: 10px;
}

.concept_cont dt span {
    padding-top: 100%;
    height: auto;
}

.concept_cont h3 {
    font-size: 1.7vw;
}

.concept_cont p {
    font-size: 0.9vw;
}

.concept_cont dt {
    height: auto;
}

.concept_cont dl {
    margin-top: 50px;
}

.parallax.bg-02 {
    margin-top: 50px;
	text-align: left;
}

.intro2 dl.re dt {
    height: auto;
    padding-top: 30%;
    width: 100%;
    margin-top: 0px;
	order: 1;
}

.intro2 dl.re dd{
	order: 2;
}

.intro2 dl.pdb {
    padding-bottom: 50px;
}

.outer_bg.alt2:before {
    height: 100%;
}

.spot_cont {
    margin-top: 50px;
}

ul.anch_link {
    font-size: 1.4vw;

}

ul.anch_link {
    display: flex;
	flex-direction: column;
	width: 100%;
	padding: 20px;
}

ul.anch_link li {
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: left;
}

ul.anch_link li:last-child{
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

ul.anch_link li a:link {
    border-right: none;
    padding-right: 0px;
    margin-right: 0px;
    display: block;
}

ul.anch_link i.fas.fa-caret-right{
	margin-right: 20px;
	display: inline-block;
}

#sub header .mv {
    height: 400px !important;
}

#pre header .mv {
    height: 100% !important;
}

#cmn .design dl.interview dd.p4 {
    background-size: cover;
}

.spot_cont dt.s1,
.spot_cont dt.s2{
    height: auto;
	padding-top: 70%;
}

.feature p {
    font-size: 14px;
}

ul.anch_link {
    font-size: 14px;
}

footer {
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
}

img.slide-arrow.next-arrow.slick-arrow {
    display: none !important;
}

img.slide-arrow.prev-arrow.slick-arrow {
    display: none !important;
}

section#news ul li dl {
    flex-direction: column;
}

#copy .note {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

#copy .inr {
    flex-direction: column;
}

#copy .copyright {
    font-family: "Microsoft YaHei","微软雅黑","SimHei" ,sans-serif;
    font-size: 12px;
    text-align: center;
    max-width: 1280px;
    /* padding-left: 50px; */
    /* padding-right: 50px; */
    line-height: 2;
    margin-top: 30px;
    font-weight: 400;
}

}

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

section.channel .topics.first02 .img{
	width: 100%;
	padding-right: 0px;
}

section.channel .topics.first02 .textarea {
    width: 100%;
	margin-top: 30px;
}

section.channel .topics.first02 {
    flex-direction: column;
}


}

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

#news .flex ul li {
    margin-right: 0;
    flex-wrap: wrap;
}

#copy .inr {
    flex-direction: column;
}

#copy .inr ul {
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

#copy .copyright {
    font-family: "Microsoft YaHei","微软雅黑","SimHei" ,sans-serif;
    font-size: 12px;
    text-align: center;
    max-width: 1280px;
    /* padding-left: 50px; */
    /* padding-right: 50px; */
    line-height: 2;
    margin-top: 30px;
    font-weight: 400;
}

#copy .inr ul a {
    padding: 0px 20px;
}

section#s_menu {
    margin-top: 0px;
    padding-bottom: 30px;
    max-width: 1280px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

header p.catch {
    font-family: "EB garamond";
    font-size: 70px;
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 2;
    line-height: 0.9;
    text-align: left;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1280px;
    padding-left: 20px;
    padding-right: 20px;
}

header p.catch span {
    font-size: 17px;
    /*font-family: "bebas neue";*/
    margin-top: 30px;
}

.sub h2 {
    font-size: 30px;
}

.outer dl h3 {
    font-weight: normal;
    font-size: 25px;
}

}

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

.main_cont {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

section#news {
    padding-left: 20px;
    padding-right: 0px;
}

#news .flex ul li {
    margin-right: 0;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

section#news ul li span.cg {
    width: 130px;
    text-align: center;
    padding: 0px 0px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    line-height: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    margin: 15px 0px;
}

.support__list{
	justify-content: center;
}

li.support__item {
    width: 33%;
    text-align: center;
    margin-bottom: 30px;
}

.ci__ttl {
    position: relative;
    line-height: 1.5;
    font-family: 'EB Garamond', serif;
    font-size: 4rem;
    font-weight: 500;
    z-index: 5;
}

}

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

.main_cont {
	flex-direction: column;
}

.main_cont #news,
.main_cont #qr{
	width: 100%;
}

.main_cont #news{
	padding-left: 0px;
}

.main_cont #qr {
    border-left: none;
    margin-top: 30px;
    background-color: #f9f9f9;
    margin-left: 0px;
    padding: 20px;
}

footer {
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
	top: -80px;
}

#copy .copyright {
	text-align: left !important;
}

}

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

nav.menu li a:link, nav.menu li a:visited {
    font-size: 14px;
}

header p.catch {
    font-size: 30px;
}

nav.menu .outer {
    position: absolute;
    top: 85px;
    padding-bottom: 30px;
}

}