@charset "utf-8";

/*=====一括初期化 */

/*=====テーブル*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*=====ヘッディング*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
}

/*=====パラグラフ*/
p {
	margin: 0;
	padding: 0;
}

/*=====水平線*/
hr {
	width: auto;
	height: 0;
	border: none;
	border-bottom: 1px solid #ccc;
}

/*=====アドレス*/
address {
	font-style: normal;
}

/*=====iframe*/
iframe {
	border: none;
}

/*=====テキストコントロール*/
.align_center {
	text-align: center;
}

.alight_right {
	text-align: right;
}

/*=====イメージフローティング*/
.img_right {
	float: right;
	background-color: #fff;
	box-sizing: content-box;
	padding: 0 0 40px 40px;
	margin: 15px 0 0;
}

/*=====フォーム部品*/
input[type="text"],
input[type="tel"],
input[type="email"] {
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	padding: 5px 10px;
}

textarea {
	width: 100%;
	height: 10em;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	padding: 5px 10px;
}

/* 送信ボタン */
input[type="submit"],
input.btn_back {
	width: auto;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	line-height: 1;
	border-radius: 25px;
	background-color: #0c66ab;
	background-image: url("../images/basic/icon_nav_right_w@2x.png");
	background-size: 24px;
	background-position: right 10px center;
	transition: all 0.2s ease;
	padding: 13px 45px 14px 25px;
}

input[type="submit"]:hover,
input.btn_back:hover {
	opacity: 0.9;
}

input.btn_back {
	background-color: #777;
	background-image: url("../images/basic/icon_nav_left_w@2x.png");
	background-position: 10px center;
	padding: 13px 25px 14px 45px;
}

/* =====余白 */
.mar10 {
	margin-bottom: 10px;
}

.mar20 {
	margin-bottom: 20px;
}

.mar30 {
	margin-bottom: 30px;
}

.mar40 {
	margin-bottom: 40px;
}

.mar50 {
	margin-bottom: 50px;
}

.mar60 {
	margin-bottom: 60px;
}

.mar70 {
	margin-bottom: 70px;
}

.mar80 {
	margin-bottom: 80px;
}

.mar90 {
	margin-bottom: 90px;
}

.mar100 {
	margin-bottom: 100px;
}

/* =====横幅指定 */
.width20 {
	width: 20%;
}

.width25 {
	width: 25%;
}

.width30 {
	width: 30%;
}

.width40 {
	width: 40%;
}

.width50 {
	width: 50%;
}

.width60 {
	width: 60%;
}

.width70 {
	width: 70%;
}

.width80 {
	width: 80%;
}

.width90 {
	width: 90%;
}

.width100 {
	width: 100%;
}

/*=====ブレークポイント 640px =====*/
@media screen and (max-width: 640px) {
	/*=====イメージフローティング*/
	.img_right {
		float: none;
		padding: 0;
		margin: 1.5em 0 1em;
	}

	/* 余白コントロール */
	.mar60,
	.mar70,
	.mar80,
	.mar90,
	.mar100 {
		margin-bottom: 55px;
	}
}