@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}

body {
    font       : 100%/1.4em 'Franklin Gothic Medium';
    letter-spacing: 0.1em;
    *font-size : small;
    *font      : x-small;
	color     : #000;
	background-size:contain;
	font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}


img {
	max-width: 100%;
	height: auto;
}
/*PC*/

.header{
	background-color:#fff;
	overflow:hidden;
	padding:6px;
	max-width: 1080px;
    margin: 0 auto;
}

.header p{
	color:#009260;
	font-size:130%;
	font-weight:bold;
	float:left;
	padding-top:20px;
	padding-left:12px;
	width:300px;
}

.header p a{
	color:#000000;
}

.header p a span{
	color:#009260;
}

/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {
	#contents {
		box-sizing:border-box;
		width:100%;
		padding:0 10px;
	}
}


/****************************************************スマホ*/
@media screen and (max-width: 768px) {
	.header img{
		width:20%;
		float:left;
	}
	/*トップ用*/
	.header p.top{
		color:#009260;
		font-size:63%;
		font-weight:bold;
		float:left;
		padding-top:0.5%;
		padding-left:12px;
		width: 70%;
	}
	p{
		width: 95%;
		margin: auto;
		line-height: 20px;
	}
	.mr_top {
		padding-top: 40px;
	}
}


/* メインビジュアル
---------------------------------------------------------- */
.p-mainVisual__image {
    width: 100%;
}
@media (min-width: 1081px) {
    .p-mainVisual__image img {
        min-height: 490px;
        object-fit: cover;
    }
}