@charset "utf-8";

/* CSS Document */



/*================================================================================================
RESET
==================================================================================================*/

html,
body,
main,
div,
span,
applet,
object,
iframe,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
	vertical-align: baseline;
	color: #333;
	font-family: メイリオ, Meiryo, 游ゴシック, "Yu Gothic", sans-serif;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

:focus {
	outline: 0;
}

html {
	scroll-behavior: smooth;
}

body {
	background: #fff;
	line-height: 1.7;
}

img {
	vertical-align: bottom;
}

/************}/
/* <img>可変 */
/*************/
img {
	max-width: 100%;
	height: auto;
	/* 画像下のマージンを消す */
	vertical-align: bottom;
}


ol,
ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

s caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:bfore,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

/*================================================================================================
TEXT SETTINGS
==================================================================================================*/

/*10px｜77%
11px｜85%
12px｜93%
13px｜100%
14px｜108%
15px｜116%
16px｜124%
17px｜131%
18px｜139%
19px｜147%
20px｜154%
21px｜162%
22px｜170%
23px｜177%
24px｜185%
25px｜193%
26px｜200%
*/
body {
	font-size: 82%;
	/*13px*/
	color: #333;
	font-family: Meiryo, メイリオ, 'MS Pゴシック', 'ヒラギノ角ゴ Pro W3', Arial, helvetica;
}


h2 {
	font-size: 28px;
	font-weight: bold;
}

h2::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../img/icon.svg);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: -4px;
}

/* 下層ページ用 */
h3 {
	font-size: 22px;
	font-weight: bold;
}

h3::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../img/icon.svg);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: -4px;
}



a {
	color: #C18C68;
	transition: .5s ease;
}

a:hover {
	color: #2CA6E0;
	opacity: 0.7;
}

a:active {
	color: #978259;
}

a:visited {
	color: #C18C68;
}

.red {
	color: #ed414f;
}

/*================================================================================================
COMMON SETTINGS
==================================================================================================*/

html {
	overflow-y: scroll;
}

.mB0 {
	margin-bottom: 0;
}

.mB5 {
	margin-bottom: 5px;
}

.mB10 {
	margin-bottom: 10px;
}

.mB15 {
	margin-bottom: 15px;
}

.mB20 {
	margin-bottom: 20px;
}

.mB25 {
	margin-bottom: 25px;
}

.mB30 {
	margin-bottom: 30px;
}

.mB40 {
	margin-bottom: 40px;
}

.pL3 {
	padding-left: 3px;
}

.pL10 {
	padding-left: 10px;
}

.pL20 {
	padding-left: 20px;
}

.pR10 {
	padding-right: 10px;
}

.pR20 {
	padding-right: 20px;
}

.pT5 {
	padding-top: 5px;
}

.pT10 {
	padding-top: 10px;
}

.pT15 {
	padding-top: 15px;
}

.pT20 {
	padding-top: 20px;
}

.pT25 {
	padding-top: 25px;
}

.pT30 {
	padding-top: 30px;
}

.pT35 {
	padding-top: 35px;
}

.pB15 {
	padding-bottom: 15px;
}

.mR0 {
	margin-right: 0;
}

.f_l {
	float: left;
}

.f_r {
	float: right;
}

.c_b {
	clear: both;
}

.t_c {
	text-align: center;
}

.t_r {
	text-align: right;
}

.p_r {
	position: relative;
}

.small {
	font-size: 93%;
}

.small_small {
	font-size: 85%;
}

.large {
	font-size: 108%;
}

.large_large {
	font-size: 116%;
}

.large_large_large {
	font-size: 131%;
}

strong {
	font-weight: bold;
}

/*================================================================================================
CLEARFIX CLASS
==================================================================================================*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
	min-height: 1%;
	overflow: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */


/*===============================================
●smart.css  画面の横幅が576pxまで
===============================================*/
@media screen and (max-width: 576px) {

	/**********************/
	/* Icon Link Contents */
	/*    　 Button       */
	/**********************/

	h2 {
		font-size: 22px;
	}

	h2::before {
		width: 20px;
		height: 25px;
		vertical-align: -5px;
	}

	h3 {
		font-size: 20px;
	}
}