@charset "UTF-8";
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}

li {
  list-style: none
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: #000;
}
a:hover{
	opacity: 0.5;
}
html{
　font-size: 62.5%;
}
body {
  color: #000;
  line-height: 2;
  font-size: 16px;
  font-family: 'Shuei KakuGo Gin B',sans-serif;
  height: 100%;
}
.sp_Only{
	display: none;
}
.border{
	border-top: 2px solid #000;
}
.bottom_space{
	padding-bottom: 4rem;
}
.bottom_space2,
.bottom_space3{
	margin-bottom: 0 !important;
    padding-bottom: 8rem;
}
.bg-c_1{
	background-color: #76844d;
}
.bg-c_2{
	background-color: #767468;
}
.bg-c_3{
	background-color: #709ac4;
}
.bg-c_4{
	background-color: #b1b8a3;
}
.bg-c_5{
	background-color: #86967B;
}
.bg-c_6{
	background-color: #DDDBC3;
}
.bg-c_7{
	background-color: #DDD9B2;
}
.bg-c_8{
	background-color: #A2D2EB;
}
.bg-c_9{
	background-color: #E46B6C;
}
.bg-c_10{
	background-color: #507585;
}
.bg-c_11{
	background-color: #B22D27;
}
.bg-c_12{
	background-color: #E60029;
}
.bg-c_13{
	background-color: #788077;
}
.bg-c_14{
	background-color: #C0D6B8;
}
.bg-c_15{
	background-color: #E6DE92;
}
.bg-c_16{
	background-color: #A5A09F;
}
.bg-c_17{
	background-color: #EAE8D4;
}
.wrapper{
	max-width: 1200px;
	width: 100%;
	margin:0 auto;
}
.top h1 {
	background-color: #ffffff;
	height: 70px;
	width: 100%;
	text-align: center;
	position: fixed;
	z-index: 1;
}
.top h1 img{
	max-width: 600px;
    padding: 1.28rem 0;
}
header {
    padding-top: 70px;
	vertical-align: bottom;
}
.mv_bg img{
	max-width: 1200px;
    max-height: 1866px;
    width: 100%;
	vertical-align: bottom;
}
header.finish{
	opacity: .3;
	position: relative;
	padding: 0;
}
header.finish div{
	height: calc(100vh - 70px);
}
header.finish img{
    position: absolute;
	margin: auto;
	padding-top: 70px;
}
.finish_comment{	
	font-size: 1.2rem;
    line-height: 2.5;
	text-align: center;
    border-top: 2px solid;
    border-bottom: 2px solid;
}
.finish_contents{
	position: fixed;
	top: 50%;
}
.container{
	width: 100%;
    margin: 0px auto;
}
.archive{
	position: sticky;
	position: -webkit-sticky;
	margin-top: -160px;
}
.archive_sp{
	position: relative;
}
.archive_top{
	position: absolute;
    top: 15%;
}
.title_main{
	max-width: 1200px;
	width: 100%;
	text-align: center;
	margin: -50px auto 50px;
}
.title_main img{
	width: 90%;
}
.yodogawa{
	background-color: rgba(256,256,256,0.7);
	padding: 8rem 0;
	top: 70px;
	font-size: 1.25rem;
	text-align: left;
	margin-top: 50vh;
}
.yodogawa .text{
	line-height: 2;
    max-width: 500px;
	margin: 0 auto;
}
.yodogawa .pro{
    max-width: 500px;
    cursor: pointer;
	margin: 5rem auto 0;
}
.yodogawa .pro:after{
	content: "";
	background: url(../img/prof_arrow.png) no-repeat;
	width: 1.5rem;
	height: 1.5rem;
	display: inline-block;
    background-size: contain;
	margin-left: 1rem;
	vertical-align: sub;
}
.yodogawa .pro:hover{
	opacity: .5;
}
.yodogawa .popup {
    position: fixed;
    z-index: -1;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition-property: opacity;
    transition-duration: .1s;
}
.popup.active {
    z-index: 1;
    opacity: 1;
}
.yodogawa .popup .box {
    max-width: 530px;
    box-sizing: border-box;
    padding: 4rem;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    z-index: 2;
    max-height: 90vh;
    overflow: auto;
}
.yodogawa .popup .box .text01 {
    padding: 0 .5rem;
    font-size: 1.25rem;
    margin-bottom: 2rem;
}
.yodogawa .popup .box .text02 {
    padding: 0 5px;
    font-size: 1rem;
    line-height: 1.88;
}
.yodogawa .popup .box > .close {
    width: 2rem;
    position: absolute;
    cursor: pointer;
	top: 1rem;
    right: .5rem;
}
.yodogawa .popup .box > .close:hover {
    opacity: .5;
}
.yodogawa .popup .box > .close img{
	width: 2rem;
}
.yodogawa .popup .box > .close:hover {
    opacity: .5;
}
.yodogawa .popup > .close {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.yodogawa .attention{
	color: #036eb8;
    background-color: #ffffff;
    border: .1rem solid #036eb8;
    width: 33.75rem;
    margin: 3rem auto 0;
	text-align: center;
}
.navi{
	max-width: 1200px;
    width: 100%;
    color: #fff;
}
.navi a{
	color: #FFFFFF;
}
.navi ul li{
	font-size: 1.2rem;
	padding-top: 2.5rem;
    color: #fff;
}
.navi .hide{
	position: relative;
    opacity: 0;
    z-index: -1;
}
.navi .day{
    width: 17rem;
    height: 11rem;
	font-size: 3rem;
	text-align: center;
	margin: 5rem auto -4rem;
	font-family: 'A1 Gothic M',sans-serif;
}
.navi .day span{
	display: inline-block;
    padding-top: 2.5rem;
}
.navi .day span.int{
    padding-top: 3.5rem;
    font-size: 2rem;
}
.navi .earth_01{
	background: url(../img/01/bg_earth.svg) no-repeat;
	background-size: cover;	
}
.navi .earth_02{
	background: url(../img/02/bg_earth.svg) no-repeat;
	background-size: cover;	
}
.navi .earth_03{
	background: url(../img/03/bg_earth.svg) no-repeat;
	background-size: cover;	
}
.navi .earth_04{
	background: url(../img/04/bg_earth.svg) no-repeat;
	background-size: cover;	
}
.navi .earth_05{
	background: url(../img/05/bg_earth.svg) no-repeat;
	background-size: cover;	
}
.navi .earth_06{
	background: url(../img/06/bg_earth.svg) no-repeat;
	background-size: cover;	
}
.navi .earth_07{
	background: url(../img/07/bg_earth.svg) no-repeat;
	background-size: cover;	
}
.navi .earth_08{
	background: url(../img/08/bg_earth.svg) no-repeat;
	background-size: cover;	
}
.navi .earth_09{
	background: url(../img/09/bg_earth.svg) no-repeat;
	background-size: cover;	
}
.navi .earth_10{
	background: url(../img/10/bg_earth.svg) no-repeat;
	background-size: cover;	
}
.navi .earth_11{
	background: url(../img/11/bg_earth.svg) no-repeat;
	background-size: cover;	
}
.navi .earth_12{
	background: url(../img/12/bg_earth.svg) no-repeat;
	background-size: cover;	
}
.navi .earth_13{
	background: url(../img/13/bg_earth.svg) no-repeat;
	background-size: cover;	
}
.navi .earth_14{
	background: url(../img/14/bg_earth.svg) no-repeat;
	background-size: cover;	
}
.navi .earth_15{
	background: url(../img/15/bg_earth.svg) no-repeat;
	background-size: cover;	
}
.navi ul {
    display: flex;
    width: 96%;
    margin: 0 auto;
    justify-content: space-between;
}
.navi .pre a,
.navi .next a{
	display: flex;
	padding-top: 3rem;
	align-items: center;
}
.navi .pre a:before{
	content: "";
	width: 1.5rem;
	height: 1.5rem;
	background: url(../img/icon_pre.png) no-repeat;
	background-size: contain;
	margin: .4rem .5rem 0 0;
    display: inline-block;
    vertical-align: middle;
}
.navi .next a:after{
	content: "";
	width: 1.5rem;
	height: 1.5rem;
	background: url(../img/icon_next.png) no-repeat;
	background-size: contain;
	margin: .4rem 0 0 .5rem;
    display: inline-block;
    vertical-align: middle;
}
.navi .link_off{
	opacity: 0.5;
	pointer-events: none;
}
ul.navi-end{
	margin: -50px auto 50px;
}
.info{
	font-size: 1.2rem;
	padding-top: 3rem;
}
.info h2 {
	font-size: 3rem;
	text-align: center;
	letter-spacing: .2rem;
}
.museum{
	margin:5rem auto;
}
.museum div{
    border-bottom: 2px solid;	
}
.museum div:first-of-type{
	border-top: 2px solid;		
}
.museum dl{
    max-width: 800px;
	width: 98%;
    display: flex;
    margin: .8rem auto;
}
.museum dt{
	margin: 0 10rem 0 6rem;
	width: 12rem;
}
.museum img{
	padding: .6rem 0 0 .5rem;
}
#container {
	overflow: hidden;
	position: relative;
	scroll-snap-type: y mandatory;
}
#container section {
	position: relative;
    margin:4rem auto;
	scroll-snap-align: start;
}
.inner,
.inner2{
	position: relative;
	overflow: hidden;
	width: 100%;
}
.inner:before{
	content:"";
    display: block;
    padding-top: 66.291667%;
}
.inner2:before{
	content:"";
    display: block;
    padding-top: 73.708333%;
}
.text-area {
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
	background-color: rgba(256,256,256,0.7);
	text-align: left;
	overflow: auto;
	font-family: 'TBGothic SL',sans-serif;
	font-weight: bold;
	display: flex; /* 追加*/
    align-items: center;
    justify-content: center;
}
.text-area h4{
	padding-bottom: 5vh;
	font-size: 1rem;
}
.text-area p {
	line-height: 2;
	font-size: 1rem;
}
/* 退避
.text-area div{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
*/
.panel1,
.panel3,
.panel4{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;	
}
.panel2{
	margin: 0 auto;
	text-align: center;
}
.panel2 img{
	max-width: 1200px;
    width: 98%;
}
.panel3 img{
	max-width: 600px;
    width: 50%;
}
.date{
	text-align: center;
    font-size: 1rem;
	margin: 2rem auto 6rem;
	font-family: 'FB Californian Text Roman',sans-serif;
}
.panel3 div{
	display: flex;
	align-items: center;
    justify-content: space-around;
}
.panel4 .text-area{
	text-align: center;
}
.panel4 span{
	background-color: #ffffff;
	padding: .5rem;
}
.btn_mail{
	width: 23em;
	display: block;
    color: #F9F8F2;
    letter-spacing: .2em;
	text-align: center;
    margin: 3em auto 0;
    background-color: #000;
}
.btn_mail:hover{
	opacity: .5;
}
.map h4{
	text-align: center;
    border-top: 2px solid;
    border-bottom: 2px solid;
    padding: 1.2rem;
    font-size: 1.438rem;
}
.menu{
	max-width: 1000px;
    margin: 0 auto;
}
.menu:first-of-type{
	padding-top: 5rem;
}
.fl_l{
	float: left;
	font-size: 1.063rem;
}
.map .fl_l img{
	width: 514px;
}
.fl_r{
	float: right;
}
.menu:after,
.book_contents:after,
.vermeer_contents:after{
    content: "";
    clear: both;
    display: block;
}
.menu_link{
	margin-left: 3rem;
	line-height: 1.6;
}
.menu_link p{
	color: #ffffff;
	font-family: 'A1 Gothic M',sans-serif;
	padding-bottom: .5rem;
}
.menu_link div{
	background-size: 1.7rem auto !important;	
	padding: 0 0 1.6rem 2.2rem;
}
.museum_box{
	padding: 0 !important;
}
.menu_link a div:hover{
	opacity: .5;	
}
.menu_link a div.museum_box:hover{
	opacity: .5;	
}
.menu_link a div.museum_box div:hover{
	opacity: 1;	
}
.menu .end:after{
	content: "";
    background: url(../img/icon_end.png) no-repeat;
    display: inline-block;
    background-size: contain;
    height: 20px;
    width: 80px;
    vertical-align: text-bottom;
    margin-left: 1rem;
}
.menu_museum_1{
	background: url(../img/map/list1.png) no-repeat;
}
.menu_museum_1_on{
	background: url(../img/map/list1_on.png) no-repeat;
}
.menu_museum_2{
	background: url(../img/map/list2.png) no-repeat;
}
.menu_museum_2_on{
	background: url(../img/map/list2_on.png) no-repeat;
}
.menu_museum_3{
	background: url(../img/map/list3.png) no-repeat;
}
.menu_museum_3_on{
	background: url(../img/map/list3_on.png) no-repeat;
}
.menu_museum_4{
	background: url(../img/map/list4.png) no-repeat;
}
.menu_museum_4_on{
	background: url(../img/map/list4_on.png) no-repeat;
}
.menu_museum_5{
	background: url(../img/map/list5.png) no-repeat;
}
.menu_museum_5_on{
	background: url(../img/map/list5_on.png) no-repeat;
}
.menu_museum_6{
	background: url(../img/map/list6.png) no-repeat;
}
.menu_museum_6_on{
	background: url(../img/map/list6_on.png) no-repeat;
}
.menu_museum_7{
	background: url(../img/map/list7.png) no-repeat;
}
.menu_museum_7_on{
	background: url(../img/map/list7_on.png) no-repeat;
}
.menu_museum_8{
	background: url(../img/map/list8.png) no-repeat;
}
.menu_museum_8_on{
	background: url(../img/map/list8_on.png) no-repeat;
}
.menu_museum_9{
	background: url(../img/map/list9.png) no-repeat;
}
.menu_museum_9_on{
	background: url(../img/map/list9_on.png) no-repeat;
}
.menu_museum_10{
	background: url(../img/map/list10.png) no-repeat;
}
.menu_museum_10_on{
	background: url(../img/map/list10_on.png) no-repeat;
}
.menu_museum_11{
	background: url(../img/map/list11.png) no-repeat;
}
.menu_museum_11_on{
	background: url(../img/map/list11_on.png) no-repeat;
}
.menu_museum_12{
	background: url(../img/map/list12.png) no-repeat;
}
.menu_museum_12_on{
	background: url(../img/map/list12_on.png) no-repeat;
}
.menu_museum_13{
	background: url(../img/map/list13.png) no-repeat;
}
.menu_museum_13_on{
	background: url(../img/map/list13_on.png) no-repeat;
}
.menu_museum_14{
	background: url(../img/map/list14.png) no-repeat;
}
.menu_museum_14_on{
	background: url(../img/map/list14_on.png) no-repeat;
}
.menu_museum_15{
	background: url(../img/map/list15.png) no-repeat;
}
.menu_museum_15_on{
	background: url(../img/map/list15_on.png) no-repeat;
}
.menu_museum_16{
	background: url(../img/map/list16.png) no-repeat;
}
.menu_museum_16_on{
	background: url(../img/map/list16_on.png) no-repeat;
}
.menu_museum_17{
	background: url(../img/map/list17.png) no-repeat;
}
.menu_museum_17_on{
	background: url(../img/map/list17_on.png) no-repeat;
}
.book{
	border-top: 2px solid;
	border-bottom: 2px solid;
	margin:5rem auto 0;
	padding:10rem 0;

}
.book_contents,
.vermeer_contents{
	max-width: 860px;
	margin:0 auto;
}
.book_text,
.vermeer_text{
	margin-left: 8rem;
}
.book_text a{
	display: block;
	margin-top: 3.5rem;
}
.vermeer_text a{
	display: block;
	margin-top: 3.5rem;
}
.vermeer{
	padding:10rem 0;	
}
.vermeer_img{
	text-align: center;
	font-size: .9rem;
}
.vermeer_logo{
	margin:3rem auto 1rem;
}
footer {
	width: 100%;
}
footer a{
	color: #000;
	font-size: 1.1rem;
	border-bottom: .1rem solid;
    padding: 0 .5rem .3rem;
}
footer a:hover{
	opacity: .5;
}
footer .share{
	border-top: 2px solid;
	border-bottom: 2px solid;
	text-align: center;
}
footer ul{
	display: flex;
    justify-content: space-around;
    margin: 0 auto 8rem;
}
footer li img{
	height: .9rem;
}
footer .share ul{
    max-width: 900px;
}
footer ul.home{
    max-width: 670px;
	margin: 8rem auto;
}
footer .share h5{
	padding: 1rem 0 6rem;
}
footer #copyright{
	text-align: center;
	font-size: .8rem;
    margin: 0 auto 3rem;
	font-family: 'FB Californian Text Roman',sans-serif;
}
@media (max-width:1440px) {
	.panel1,
	.panel3,
	.panel4{
		max-width: 1000px;
	}
	.panel2 img{
		max-width: 1000px;
	}
}
@media (max-width:960px) {
	h2 {
		font-size:12vw;
	}
	.inner,
	.inner2{
		width: 98%;
		margin: 0 auto;
	}
}
@media (max-width:768px) {
	.text-area div{
		width: 80%;
	}
	.panel3 div {
		width: 98%;
		margin: 0 auto;
	}
	.fl_l {
		float: none;
		text-align: center;
	}
	.menu_link {
		text-align: left !important;
		padding: 1rem 12rem;
		margin: 0 auto;
	}
	.book_text, .vermeer_text{
		margin: 0 auto;
	}
}
@media (max-width:640px) {
	.sp_Only{
		display: block;
	}
	.pc_Only{
		display: none;
	}
	.bottom_space{
		padding-bottom: 0;
	}
	.bottom_space2 {
		padding-bottom: 10rem;
	}
	.bottom_space3 {
		padding-bottom: 3rem;
	}
	.top{
		height: 2.2rem;
	}
	.top h1{
		height: 2.2rem;
	}
	.top h1 img {
		width: 85%;
		padding: .66rem 0;
	}
	header{
		padding-top: 2.2rem;
		position: fixed;
		top: 0;
		z-index: -1;
	}
	.header_contents {
		width: 100%;
		top: 0;
		position: absolute; /* 追加 */
	}
	header.finish div {
		height: calc(100vh - 2.2rem);
	}
	header.finish img{
		width: 90%;
		top: 0;
		bottom: 0;
		left: 5%;
		padding: 0;
	}
	header.archive_sp{
		padding-top: 0;
	}
	.archive{
		margin-top: 0;
	}
	.archive_top {
		top: 0;
	}
	.archive_navi {
		margin-top: -65px;
	}
	.finish_comment {
		font-size: 1rem;
		line-height: 2.5;
		border-top: 1px solid;
		border-bottom: 1px solid;
	}
	.finish_contents {
		top: 35%;
	}
	.finish_footer ul.home{
		margin: 19vh auto;
	}
	.title_main {
		width: 100%;
		margin: 0 auto;
	}
	.title_main img{
		width: 100% !important;
	}
	.mv img{
		width: 92%;
	}
	.yodogawa{
		font-size: 1rem;
		padding: 0;
		margin: 0;
	}
	.yodogawa .text{
		padding: 1rem;
	}
	.yodogawa .attention{
		padding: .2rem 0;
		margin-top: 2rem;
		width: 19rem;
		text-align: center;
		font-size: .9rem;
	}
	.yodogawa .pro{
		margin: 0;
		padding: 3rem 0 3rem 1rem;
	}
	.yodogawa .popup .box{
		width: 94%;
		padding: 1.1rem;
	}
	.yodogawa .popup .box > .close img {
		width: 1.8rem;
	}
	.yodogawa .popup .box .text01 {
		padding: 0 1px;
	}
	.yodogawa .popup .box .text02 {
		padding: 0 1px;
	}
	.yodogawa .pro:after {
		width: 1rem;
		height: 1rem;
		margin-left: .5rem;
		vertical-align: text-bottom;
	}
	.navi .day{
		font-size: 1.8rem;
		margin-top: 2.2rem;
		width: 12rem;
		height: 7.6rem;
	}
	.navi .day span{
		padding-top: 2.2rem;
	}
	.navi .day span.int {
		padding-top: 2.5rem;
		font-size: 1.5rem;
	}
	.navi .pre, .navi .next{
		padding-top: 2.2rem;
	}
	.navi ul li{
		font-size: .8rem;
	}
	.info h2 {
		font-size: 1.6rem;
		text-align: center;
		line-height: 1.5;
		letter-spacing: 0;
	}
	.museum{
		font-size: 1rem;
		margin: 2rem auto;
	}
	.museum img{
		height: .8rem;
		padding-top: .45rem;
	}
	.museum dt {
		margin: 0 4.5rem 0 0;
		width: 5rem;
	}
	#container section {
		margin: 10rem auto;
	}
	.contents_first{
		margin-top: 5rem !important;
	}
	.inner,
	.inner2{
		width: 100%;
	}
	.inner:before,
	.inner2:before
	{
		padding-top: 140.833%;
	}
	.text-area h4{
		padding-bottom: 3vh;
	}
	.text-area {
		margin: 0 3%;
	}
	.text-area div{
		width: 94%;
	}
	/* 退避
	.panel1 .text-area div {
		top: 50%;
		left: 0;
		transform: translate(0,-50%);
		padding: 1rem;
	}
	*/
	.panel2 img{
		padding: 0 1rem;
		height: 100%;
		width: auto;
	}
	.panel3 div{
		display: block;
		text-align: center;
	}
	.panel3 img{
		width: 94%;
	}
	.panel3 img:first-of-type{
		padding-bottom: 10rem;		
	}
	.panel3 .bottom0 img{
		padding-bottom: 0;
	}
	.panel4 .text-area {
		font-size: .9rem;
	}
	.scroll_contents{
		height: 80vh;
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.scroll_contents::-webkit-scrollbar{height:1vh;}
	.scroll_contents::-webkit-scrollbar-thumb{background:#ffffff;}
	.date{
		margin: -7rem auto 3rem;
	}
	.btn_mail {
		width: 70%;
	}
	.map h4{
		font-size: 1.125rem;
		padding: 0;
		border-top: 1px solid;
		border-bottom: 1px solid;
	}
	.fl_l{
		font-size: 1rem;
	}
	.map .fl_l img{
		width: 94%;
	}
	.menu:first-of-type {
		padding-top: 1rem;
	}
	.menu_museum {
		padding: 0 0 1rem 1.5rem;
	}
	.menu_link{
		text-align: left !important;
		padding: .9rem;
		margin-left: 0;
	}
	.menu_link div{
		background-size: 1.2rem auto !important;
		line-height: 1.2;
		padding: 0 0 1.6rem 1.6rem;
	}
	.book{
		border-top: 1px solid;
		border-bottom: 1px solid;
		margin: 2rem auto 0;
		padding: 5rem 0;
	}

	.book_contents, .vermeer_contents{
		width: 98%;
		text-align: center;
	}
	.vermeer_text {
		font-size: .9rem;
	}
	.vermeer {
		padding: 5rem 0;
	}
	.vermeer_logo {
		margin: 2rem auto 1rem;
		width: 11rem;
	}
	.vermeer_text a {
		margin-top: 1.5rem;
	}
	footer .share {
		border-top: 1px solid;
		border-bottom: 1px solid;
	}
	footer .share h5 {
		padding-bottom: 1rem;
		font-size: 1rem;
	}
	footer .share ul{
		margin: 0 auto 3rem;
	}
	footer ul.home {
		margin: 3rem auto;
		justify-content: center;
	}
	footer li img{
		height: .75rem;
	}
	footer .home li{
		padding:0 .5rem;
	}
	footer a {
		font-size: 1rem;
		border-bottom: 1px solid;
		padding: 0 0 .1rem;
	}
	footer #copyright{
		margin: 0 auto 1rem;
	}
}
@media (max-width:320px) {
	.inner:before,
	.inner2:before {
		padding-top: 170%;
	}
	.text-area p {
		line-height: 1.8;
	}
	.panel4 span{
		padding: .5rem .3rem;
		font-size: .78rem;
	}
	.info h2 {
		font-size: 1.5rem;
	}
}