@charset "utf-8";

/* ****************************************************************************************************
   * text
**************************************************************************************************** */

.color-red { color:#f00; }

.align-l { text-align:left; }
.align-c { text-align:center; }
.align-r { text-align:right; }

.font-12 { font-size:12px; }
.font-14 { font-size:14px; }
.font-16 { font-size:16px; }
.font-18 { font-size:18px; }
.font-20 { font-size:20px; }
.font-22 { font-size:22px; }
.font-24 { font-size:24px; }
.font-26 { font-size:26px; }
.font-28 { font-size:28px; }
.font-30 { font-size:30px; }

/* ****************************************************************************************************
   * image
**************************************************************************************************** */

img.left  { margin:0 1em 0.5em 0; float:left; }
img.right { margin:0 0 0.5em 1em; float:right; }

/* ****************************************************************************************************
   * table
**************************************************************************************************** */

table.default + * { margin-top:1em; }

* + table.default { margin-top:1em; }

table.default { border-collapse:collapse; }

table.default th {
	font-weight: normal;
}

table.default > tbody > tr > th {
	border: solid 1px #dbdfce;
}

table.default > tbody > tr > td {
	border: solid 1px #dbdfce;
	background: #fff;
}

table.default > tbody > tr > th[scope="col"] {
	background: #f4f8e5;
}

table.default > tbody > tr > th[scope="row"] {
	background: #f7fbe8;
}
@media screen and (max-width: 749px){
	table.default + * { margin-top:1em; }

* + table.default { margin-top:1em; }

table.default { border-collapse:collapse; }

table.default th {
	font-weight: bold;
}
table.default th,
table.default td,
table.default tr {
  display: block;
  width:100% !important;
  text-align: left;
}
table.default th {
  padding: 10px 0 0!important;
}
table.default td input,
table.default td textarea {
  width:100% !important;
}
table.default td input[name="kiboubi_time"] {
  width: 70% !important;
}

table.default > tbody > tr > th {
	border: none;
	width: 28%;
}

table.default > tbody > tr > td {
	border:none;
	background: #fff;
	width: 70%;
	padding: 10px 0;
}

table.default > tbody > tr > th[scope="col"] {
	background: #fff;
}

table.default > tbody > tr > th[scope="row"] {
	background: #fff;
}
table.default > tbody > tr > td >textarea,table.default > tbody > tr > td >input,table.default > tbody > tr > td >select{
	width: 70%;
}
}

/* ****************************************************************************************************
   * list
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ul
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

ul.default,
ul.default li {
  margin: 0;
  padding: 0;
}

ul.default {
  margin-left: 1.25em;
}

ul.default li ~ li {
  margin-top: 0.25em;
}

ul.default + * { margin-top:1em; }

* + ul.default { margin-top:1em; }

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ol
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

ol.default,
ol.default li {
  margin: 0;
  padding: 0;
}

ol.default {
  margin-left: 1.75em;
}

ol.default li ~ li {
  margin-top: 0.25em;
}

ol.default + * { margin-top:1em; }

* + ol.default { margin-top:1em; }

/* ****************************************************************************************************
   * float
**************************************************************************************************** */

.float-r { float:right; }
.float-l { float:left; }

/* ****************************************************************************************************
   * clearfix
**************************************************************************************************** */

.msie7 .clearfix { zoom:1; }

.clearfix:after { content:"."; display:block; line-height:0; clear:both; visibility:hidden; }

.clear { clear:both; } .msie7 .clear { height:0px; line-height:0; font-size:0px; zoom:1; }

/* ****************************************************************************************************
   * video
**************************************************************************************************** */

.flex-video {
	height: 0;
	padding-top: 30px;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
}

.flex-video iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


#contact { }

/* form
===============================================*/
.form__area {
    padding: 60px 0 40px;
}
.form__area2 { 
    padding: 0 0 40px;
}
.form__btn {
    margin-left: auto; 
    margin-right: auto; 
    width: 100%; 
    position : relative; 
    overflow : hidden; }

.form__btn a { 
    padding: 0.5em 0; 
}