@charset "utf-8";
/* common.css：共通CSS */
/* ブレイクポイント：1366px・1024px・896px・480px */
/* 規則
・クラス名表記規則: camelCase
・CSS記述規則：各デバイス対応は、コンテンツごとに各コンテンツ下部に記述
・以下の意味で使用
　txt：テキスト配置／bg：背景／btn：ボタン／　…etc.
*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
共通設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
html {
	position: relative;
	font-size: 62.5%;
}
body {
	font-family: 'M PLUS Rounded 1c', "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow-x: hidden;
	width: 100%;
	min-height: 100vh;
	word-wrap: break-word;
    overflow-wrap: break-word;
}
button, input, textarea {
	font-family: 'M PLUS Rounded 1c', "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h1, h2, h3, h4, h5, h6, p, li, dt, dd, figure, address {
	color: #2a2a2a;
}
h1 {
	font-size: 3.6rem;
	font-weight: 700;
	line-height: 1.3;
}
h2 {
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1.3;
}
h3 {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.3;
}
h4 {
	font-size: 1.8rem;
	line-height: 1.3;
}
p, dt, dd, input[type="text"], input[type="email"], input[type="radio"], input[type="checkbox"], textarea, label, select {
	font-size: 1.8rem;
	line-height: 1.6;
}
table th, table td {
	font-size: 1.8rem;
	line-height: 1.4;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	font-size: 1.8rem;
	line-height: 1.4;
}
button[type="button"]:focus {
	outline: 0;
}
em {
	font-weight: bold;
	font-style: normal;
}
a {
	color: #2a2a2a;
	text-decoration: none;
}
a:hover {
	/*color: #8A8A8A;*/
}


/*********************** ▼▼▼デバイス対応 1366px以下▼▼▼ ***********************/
@media screen and (max-width: 1366px) {
h1 {
	font-size: 2.8rem;
}
h2 {
	font-size: 2.2rem;
}
p, dt, dd, input[type="text"], input[type="email"], input[type="radio"], input[type="checkbox"], textarea, label, select {
	line-height: 1.5;
}
}

/*********************** ▼▼▼デバイス対応 1024px以下▼▼▼ ***********************/
@media screen and (max-width: 1024px) {
h1 {
	font-size: 2.4rem;
}
h2 {
	font-size: 2rem;
}
h3 {
	font-size: 1.8rem;
}
}

/*********************** ▼▼▼デバイス対応 896px以下▼▼▼ ***********************/
@media screen and (max-width: 896px) {
h1 {
	font-size: 2.2rem;
}
h2 {
	font-size: 1.8rem;
}
h3 {
	font-size: 1.6rem;
}
h4 {
	font-size: 1.6rem;
}
p, dt, dd, input[type="text"], input[type="email"], input[type="radio"], input[type="checkbox"], textarea, label, select {
	font-size: 1.6rem;
}

}

/*********************** ▼▼▼デバイス対応 480px以下▼▼▼ ***********************/
@media screen and (max-width: 480px) {
/* サイズ */
h1 {
	font-size: 2rem;
}
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
マージン
class: m～
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.mt2r {
	margin-top: 2rem;
}
.mb3r {
	margin-bottom: 3rem;
}

/*********************** ▼▼▼デバイス対応 1024px以下▼▼▼ ***********************/
@media screen and (max-width: 1024px) {
.mb3r {
	margin-bottom: 2rem;
}
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
パティング
class: p～
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.pl2r {
	padding-left: 2rem;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
共通コンテナ
class: container
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.container {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Header
class: head_～
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.headerBox {
	text-align: center;
}
.headEcobn {
	margin-bottom: 3rem;
}
.headEcobn img {
	width: 260px;
	height: auto;
}

/*********************** ▼▼▼デバイス対応 1024px以下▼▼▼ ***********************/
@media screen and (max-width: 1024px) {
.headEcobn {
	margin-bottom: 2rem;
}
}

/*********************** ▼▼▼デバイス対応 480px以下▼▼▼ ***********************/
@media screen and (max-width: 480px) {
.headEcobn {
	margin-bottom: 1.5rem;
}
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
完了画面
class: comp～
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.compTxt {
	font-size: 2.2rem;
	text-align: center;
	font-weight: 500;
	margin-top: 3rem;
	margin-bottom: 5rem;
}
.compImg {
	text-align: center;
}
.compImg img {
	width: 340px;
	max-width: 100%;
}

/*********************** ▼▼▼デバイス対応 896px以下▼▼▼ ***********************/
@media screen and (max-width: 896px) {
.compTxt {
	font-size: 1.8rem;
	margin-top: 1.5rem;
	margin-bottom: 3rem;
}
.compImg img {
	width: 300px;
}
}

/*********************** ▼▼▼デバイス対応 480px以下▼▼▼ ***********************/
@media screen and (max-width: 480px) {
.compTxt {
	font-size: 1.6rem;
	margin-top: 1rem;
	margin-bottom: 2.5rem;
}
.compImg img {
	width: 250px;
}
}



/* ブレイクポイント設定▼ */
/*********************** ▼▼▼デバイス対応 1366px以下▼▼▼ ***********************/
@media screen and (max-width: 1366px) { 
}

/*********************** ▼▼▼デバイス対応 1024px以下▼▼▼ ***********************/
@media screen and (max-width: 1024px) { 
}

/*********************** ▼▼▼デバイス対応 896px以下▼▼▼ ***********************/
@media screen and (max-width: 896px) {
}

/*********************** ▼▼▼デバイス対応 480px以下▼▼▼ ***********************/
@media screen and (max-width: 480px) {
}