﻿@charset "UTF-8";


/* CLEARFIX */
.cf {
	/*zoom:1;*/
}

.cf:before,
.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

/* 初期設定 */
html {
	width: 100%;
}

html,
body {
	position: relative;
}

body {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	color: #141d1d;
	font-size: 14px;
	text-align: left;
	font-family: "メイリオ", "MSゴシック", sans-serif;
	background: #f0f6ef;
	display: flex;
	flex-direction: column;
}

html >

/**/
body {
	font-family: "メイリオ", "MSゴシック", sans-serif;
}

/* for ie8 */

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
	display: block;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: underline;
	color: #3a9168;
	/*-webkit-tap-highlight-color:  rgba(31,54,102,0.3);*/
}

a:hover {
	text-decoration: underline;
	color: #A2C943;
}

a img {
	opacity: 1;
}

a:hover img,
a.hover img {
	opacity: 0.8;
}

a.replace:hover,
input.replace:hover {
	opacity: 0.8;
}

a.link-black {
	color: #222;
}

a.link-black:hover {
	text-decoration: underline;
	color: #999;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	line-height: 1.1;
	letter-spacing: 1px;
}

div,
p,
ol,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
img {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	line-height: 1.6;
	font-size: 100%;
}

ol,
ul,
li {
	list-style: none;
}

img {
	vertical-align: bottom;
	border: none;
}

figure {
	margin: 0;
	padding: 0;
}

fieldset {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

select {
	-moz-appearance: none;
	/* Firefox 36+ */
	-webkit-appearance: none;
	/* Chrome 41+ */
	margin-right: 0;
	margin-left: 0;
	padding: 4px;
	border: 1px solid #ccc;
	border-radius: 0;
	outline: none;
	background: none;
	font-size: 14px;
}

select::-ms-expand {
	display: none;
	/* Internet Explorer 11+ */
}

select::-ms-value {
	color: currentColor;
	/* Internet Explorer 11+ */
}


/* 共通要素 */
.fl_l {
	display: table-cell;
    float: left;
    margin-bottom: 15px;
}

.fl_r {
	display: inline;
	float: right;
}

.flImg_l {
	display: inline;
	float: left;
	margin-right: 20px;
}

.flImg_r {
	display: inline;
	float: right;
	margin-left: 20px;
}

.ft_box {
	overflow: hidden;
	*zoom: 1;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.clear {
	clear: both;
}

.block {
	display: block;
}

.hide {
	display: none;
}

.bg_n {
	background: none !important;
}

.td_u {
	text-decoration: underline;
}

.td_n {
	text-decoration: none;
}

.border_b {
	border-bottom: 2px solid #F1F5F3;
}

/*フォーム要素*/
input.input-text {
	font-size: 12px;
	padding: 2px;
}

input.input-check {
	margin: 0 5px 0 0;
	width: 18px;
	height: 18px;
	vertical-align: middle;
}

input.input-radio {
	margin: 0 5px 0 0;
	width: 18px;
	height: 18px;
	vertical-align: middle;
}

select.input-select {
	font-size: 18px;
}

textarea.input-textarea {
	font-size: 12px;
	padding: 2px;
}

span.red,
span.error {
	color: #FF3A1A;
}

input {
	color: #145b39;
	border: 1px solid #c1c8d5;
	border-radius: 8px;
	/* height: 28px; */
	padding: 6px 30px 6px 8px;
	margin-bottom: 5px;
	font-size: 15px;
}
input::placeholder {
  color: #ADC9BC;
}
input:-ms-input-placeholder {
  color: #ADC9BC;
}
input::-ms-input-placeholder {
  color: #ADC9BC;
}
input.input-submit {
	padding: 10px 20px;
	border-radius: 5px;
	background: #000;
	border: solid #333 1px;
	color: #FFF;
	cursor: pointer;
	font-size: 16px;
	margin: 0 5px;
}

input.input-submit:active {
	background: #FFAB1F;
	color: #222;
}

input.input-button {
	padding: 10px 20px;
	border-radius: 5px;
	background: #EEE;
	border: solid #CCC 1px;
	color: #222;
	cursor: pointer;
	font-size: 16px;
	margin: 0 5px;
}

input.input-button:active {
	background: #FFAB1F;
	color: #222;
}

/*置換え*/
.replace {
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

/* CSSアニメーション
.transition
{
   -moz-transition-property: background-color, width, height;
    -webkit-transition-property: background-color, width, height;
    -o-transition-property: background-color, width, height;
    -ms-transition-property: background-color, width, height;

    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    -ms-transition-duration:0.5s;

    -moz-transition-timing-function:ease-in-out;
    -webkit-transition-timing-function:ease-in-out;
    -o-transition-timing-function:ease-in-out;
    -ms-transition-timing-function:ease-in-out;
} */


/*tel-link*/
.tel-link {
	color: #0F6;
	font-size: 16px;
	font-weight: bold;
}

/*■■■共通要素■■■*/

/*margin*/
.mb05 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb60 {
	margin-bottom: 60px;
}

.mb70 {
	margin-bottom: 70px;
}

.mb80 {
	margin-bottom: 80px;
}

.mb90 {
	margin-bottom: 90px;
}

.mb100 {
	margin-bottom: 100px;
}

.mb200 {
	margin-bottom: 200px;
}

.mb300 {
	margin-bottom: 300px;
}

.mb05i {
	margin-bottom: 5px !important;
}

.mb10i {
	margin-bottom: 10px !important;
}

.mb15i {
	margin-bottom: 15px !important;
}

.mb20i {
	margin-bottom: 20px !important;
}

.mb30i {
	margin-bottom: 30px !important;
}

.mb40i {
	margin-bottom: 40px !important;
}

.mb50i {
	margin-bottom: 50px !important;
}

.mb60i {
	margin-bottom: 60px !important;
}

.mb70i {
	margin-bottom: 70px !important;
}

.mb80i {
	margin-bottom: 80px !important;
}

.mb90i {
	margin-bottom: 90px !important;
}

.mb100i {
	margin-bottom: 100px !important;
}

.mb200i {
	margin-bottom: 200px !important;
}

.mb300i {
	margin-bottom: 300px !important;
}

.mt05 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mt60 {
	margin-top: 60px;
}

.mt70 {
	margin-top: 70px;
}

.mt80 {
	margin-top: 80px;
}

.mt90 {
	margin-top: 90px;
}

.mt100 {
	margin-top: 100px;
}

.mt200 {
	margin-top: 200px;
}

.mt300 {
	margin-top: 300px;
}

.mt05i {
	margin-top: 5px !important;
}

.mt10i {
	margin-top: 10px !important;
}

.mt15i {
	margin-top: 15px !important;
}

.mt20i {
	margin-top: 20px !important;
}

.mt30i {
	margin-top: 30px !important;
}

.mt40i {
	margin-top: 40px !important;
}

.mt50i {
	margin-top: 50px !important;
}

.mt60i {
	margin-top: 60px !important;
}

.mt70i {
	margin-top: 70px !important;
}

.mt80i {
	margin-top: 80px !important;
}

.mt90i {
	margin-top: 90px !important;
}

.mt100i {
	margin-top: 100px !important;
}

.mt200i {
	margin-top: 200px !important;
}

.mt300i {
	margin-top: 300px !important;
}

.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.mr10 {
	margin-right: 10px;
}

.mr20 {
	margin-right: 20px;
}

/*padding*/
.pb05 {
	padding-bottom: 10px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb30 {
	padding-bottom: 30px;
}

.pb40 {
	padding-bottom: 40px;
}

.pb50 {
	padding-bottom: 50px;
}

.pb60 {
	padding-bottom: 60px;
}

.pb70 {
	padding-bottom: 70px;
}

.pb80 {
	padding-bottom: 80px;
}

.pb90 {
	padding-bottom: 90px;
}

.pb100 {
	padding-bottom: 100px;
}

.pb200 {
	padding-bottom: 200px;
}

.pb300 {
	padding-bottom: 300px;
}

.pb05i {
	padding-bottom: 10px !important;
}

.pb10i {
	padding-bottom: 10px !important;
}

.pb15i {
	padding-bottom: 15px !important;
}

.pb20i {
	padding-bottom: 20px !important;
}

.pb30i {
	padding-bottom: 30px !important;
}

.pb40i {
	padding-bottom: 40px !important;
}

.pb50i {
	padding-bottom: 50px !important;
}

.pb60i {
	padding-bottom: 60px !important;
}

.pb70i {
	padding-bottom: 70px !important;
}

.pb80i {
	padding-bottom: 80px !important;
}

.pb90i {
	padding-bottom: 90px !important;
}

.pb100i {
	padding-bottom: 100px !important;
}

.pb200i {
	padding-bottom: 200px !important;
}

.pb300i {
	padding-bottom: 300px !important;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt30 {
	padding-top: 30px;
}

.pt40 {
	padding-top: 40px;
}

.pt50 {
	padding-top: 50px;
}

.pt60 {
	padding-top: 60px;
}

.pt70 {
	padding-top: 70px;
}

.pt80 {
	padding-top: 80px;
}

.pt90 {
	padding-top: 90px;
}

.pt100 {
	padding-top: 100px;
}

.pt200 {
	padding-top: 200px;
}

.pt300 {
	padding-top: 300px;
}

.pt10i {
	padding-top: 10px !important;
}

.pt15i {
	padding-top: 15px !important;
}

.pt20i {
	padding-top: 20px !important;
}

.pt30i {
	padding-top: 30px !important;
}

.pt40i {
	padding-top: 40px !important;
}

.pt50i {
	padding-top: 50px !important;
}

.pt60i {
	padding-top: 60px !important;
}

.pt70i {
	padding-top: 70px !important;
}

.pt80i {
	padding-top: 80px !important;
}

.pt90i {
	padding-top: 90px !important;
}

.pt100i {
	padding-top: 100px !important;
}

.pt200i {
	padding-top: 200px !important;
}

.pt300i {
	padding-top: 300px !important;
}

.pl10 {
	padding-left: 10px;
}
.pl20 {
	padding-left: 20px;
}
.pl30 {
	padding-left: 30px;
}
.pr10 {
	padding-right: 10px;
}

.pr20 {
	padding-right: 20px;
}
.pr30 {
	padding-right: 30px;
}

/*center*/
.block_center {
	display: block;
	margin: 0 auto;
}

.inline_center {
	text-align: center;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

/* Tablet */
@media only screen and (max-width: 786px) {}

/* mobile */
@media only screen and (max-width: 480px) {}
