@charset "utf-8";

/*========================
▼ルール▼
・全ページ共通のCSSを記述する。
（例：bodyや全ページで使用するモジュールやフォント設定、ヘッダー、フッターなど）

・記述するCSSのセレクタの一番前に必ず「.fc-wrapper」をつける。
「.fc-wrapper」をつけないとリセットの記述に上書きされるため。
==========================*/


/*================
全ページ共通設定
=================*/
body {
	min-width: 980px;
	color: #333;
	font-size: 16px;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	background-color: #FFF;
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", sans-serif;
}

.fc-wrapper {
    margin: 0 auto;
}

.fc-wrapper .sp {
	display: none;
}

@media print, screen and (max-width: 767px) {
	body{
		min-width: inherit;
		font-size: 14px;
	}
	
	.fc-wrapper a:hover,
	.fc-wrapper a:hover img {
		opacity: 1 !important;
	}
	
	.fc-wrapper .sp {
		display: block !important;
	}

	.fc-wrapper .pc {
		display: none !important;
	}
}

/*================
main（190111一部修正）
=================*/
.fc-wrapper .main {
	margin: 22px auto 0;
	padding-bottom: 111px;
	width: 1400px;
}

.fc-wrapper .main img {
	display: block;
}

.fc-wrapper .wrap {
	width: 1400px;
}

.fc-wrapper .btn {
	text-align: center;
}

.fc-wrapper .btn img {
	display: inline;
}

@media print, screen and (max-width: 767px) {
	.fc-wrapper	.main {
		margin-top: 13px;
		padding-bottom: 54px;
		width: auto;
	}
}

/*================
フッター
=================*/
.fc-wrapper footer {
	padding: 86px 5px;
	font-size: 20px;
	text-align: center;
	background-color: #EFEFEF;
}

.fc-wrapper footer p {
	color: #666;
	font-size: 20px;
}

@media screen and (max-width: 767px) {
	.fc-wrapper footer {
		padding: 107px 5px 105px;
	}
}

/*------------------------------------------------------------
	comTitle
------------------------------------------------------------*/
.fc-wrapper .comTitle {
	margin-bottom: 17px;
	padding: 15px 32px 20px;
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
	border-top: 5px solid #0EACDA;
	background-color: #F2F2F2;
}

.fc-wrapper .comTitle span {
	margin: -5px 6px 0 19px;
	padding: 5px 10px 5px 9px;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	vertical-align: middle;
	letter-spacing: 0;
	line-height: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	background-color: #FF3C7C;
}

@media screen and (max-width: 767px) {
	.fc-wrapper .comTitle {
		margin-bottom: 6px;
		padding: 10px 0 13px;
		text-align: center;
		font-size: 22.5px;
		border-top: 4px solid #0EACDA;
	}
	
	.fc-wrapper .comTitle span {
		display: none;
	}
}

@media screen and (max-width: 374px) {
	.fc-wrapper .comTitle {
		font-size: 18.5px;
	}
}