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


@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

.weight100	 {
font-weight:100
}
.weight300	 {
font-weight:300
}
.weight400	 {
font-weight:400
}
.weight500	 {
font-weight:500
}
.weight600	 {
font-weight:600
}
.weight700	 {
font-weight:700
}
.weight900	 {
font-weight:900
}

body {
    line-height:1;
	font-family: 'Noto Sans JP', sans-serif;
	color:#111111;
    font-size:62.5%;
	line-height:1.6em;
    -webkit-text-size-adjust: 100%;
}
body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/*レスポンシブ用イメージ*/
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}



/*中ページ共通*/

section{
	position:relative;
}
.inner{
	max-width:1140px;
	text-align:center;
	margin:0 auto;
	padding:0;
	z-index:20;
	position:relative;
}

.whback{
	background:#fff;
	padding:30px 20px 20px;
	z-index:20;
	position:relative;
}


.content{
	position:relative;
}
.content .back{
	position:absolute;
	background:url(../img/common/back.png) top center no-repeat;
	background-size:cover;
	height:265px;
	width:100%;
	z-index:-1;
	border-top:3px solid #36777b;
}

.content h2{
	padding:30px 30px;
	text-align:left;
}


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


.whback{
	background:#fff;
	padding:20px;
}
}
@media screen and (max-width: 480px){


.whback{
	background:#fff;
	padding:10px;
}
}




/*トップページ*/



.TopBtn{
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
.tbtn{
	width:33.3333%;
}

.wh{
	position:relative;
	display:block;
}
.wh:hover:after{
	position:absolute;
	top:0;
	left:0;
	content:"";
	background:rgba(255,255,255,0.4);
	width:100%;
	height:100%;
}
/*MESSAGE*/

h3{
	font-size:2.5em;
	line-height:1.6em;
	padding:8px 15px;
	border-left:5px solid #0f736e;
	text-align:left;
	margin:20px 10px 30px;
}

section p{
	font-size:1.6em;
	line-height:2em;
	text-align:left;
	margin:10px auto 30px;
	padding:10px;
}
.flex{
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	margin-bottom:30px;
}
.txt{
	width:50%;
}
.txto{
	width:50%;
	order:2;
}
.photo{
	width:50%;
	margin:10px auto 20px;
	padding:10px;
}
.photoo{
	width:50%;
	margin:10px auto 20px;
	padding:10px;
	order:1;
}
.linkflex{
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	margin:50px auto 30px;
}
.link{
	padding:10px;
	width:50%;
}

@media screen and (max-width:700px){
.tbtn{
	width:100%;
	margin-bottom:5px;
}
h3{
	font-size:2.2em;
	line-height:1.6em;
	padding:8px 10px;
	border-left:3px solid #0f736e;
	text-align:left;
	margin:20px 10px 0px;
}
section p{
	font-size:1.5em;
	line-height:1.6em;
	text-align:left;
	margin:10px;
}
.flex{
	margin-bottom:20px;
}

.txt{
	width:100%;
}
.photo{
	width:100%;
	margin:10px auto;
	text-align:center;
}
.txto{
	width:100%;
	order:1;
}
.photoo{
	width:100%;
	margin:10px auto;
	order:2;
}

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

h3{
	font-size:2.0em;
	line-height:1.6em;
	padding:8px 10px;
	border-left:3px solid #0f736e;
	text-align:left;
	margin:20px 10px 0px;
}
section p{
	font-size:1.4em;
	line-height:1.6em;
}
.flex{
	margin-bottom:10px;
}
.photo{
	width:100%;
	margin:0px auto;
	text-align:center;
	padding:10px;
}
.linkflex{
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	margin:50px auto 10px;
}
.link{
	padding:10px;
	width:100%;
}
}




	
.pagetop{
	position:fixed;
	bottom:30px;
	right:20px;
	z-index:100;
}