@charset "UTF-8";


/*-----------------------------------------------------
experience
-------------------------------------------------------*/
.experience_box{
	padding: 100px 0 100px;
	background: #fafafa;
}

.experience_boxin{
	width: 1100px;
	margin: 0 auto;
}

.experience_li{
	margin: 0 0 20px;
}

.experience_li ul{
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;

}

.experience_li ul:after {
    content: "";
    display: block;
	width: 31%;
    height: 0;
}

.experience_li ul li{
	width: 31%;
	margin: 0 0 36px;
}

.experience_li ul li span.img{
/*	height: 220px;  */
	height: auto;
	overflow: hidden;
	display: block;
}


.experience_li ul li img{
	width: 100%;
}

/* --- izumida --- */
.item {  
    position: relative;
}
.item p {
	opacity: 0.6;        /*透過 */
	position: absolute;
	top: 0;              /*画像の左上に配置 */
	left: 0;
	margin: 0;           /*余計な隙間を除く */
	color: black;        /*文字を黒に */
	background: white;   /*背景色を白に */
	font-size: 14px;
	line-height: 1;      /*行高は1に */
	padding: 5px 10px;   /*文字周りの余白 */
}
/* --- izumida --- */


/*-----------------------------------------------------
contact
-------------------------------------------------------*/
.contact_box{
	padding: 100px 0 100px;
	background: #fafafa;
}

.contact_boxin{
	width: 900px;
	margin: 0 auto;
}

.contact_tb{
}

.contact_tb table{
	width: 100%;
	border-collapse:  collapse;
}


.contact_tb table th{
	width: 23%;
	text-align: left;
	padding: 32px 16px;
	border-bottom: 1px solid #ccc;
	line-height: 1.8;
}

.contact_tb table th span.hissu{
    display: inline-block;
    margin: 0 0 0 8px;
    background: #e83819;
    padding: 2px 6px;
    font-size: 11px;
    color: #FFF;
    line-height: 1.0;
    border-radius: 3px;	
}

.contact_tb table td{
	width: 77%;
	text-align: left;
	border-bottom: 1px solid #ccc;
	line-height: 1.8;
	padding: 32px 16px;
}

.contact_txt{
	text-align: center;
	margin: 0 0 46px;
	line-height: 1.5;
}

.contact_tb td input[type=text], [type=email], [type=tel] {
    background-color: #FFF;
    border: 1px solid #ccc;
    padding: 8px 10px;
    color: #444;
    width: 65%;
    font-size: 14px;
    display: block;
}

.contact_tb td textarea {
    background-color: #FFF;
    border: 1px solid #ccc;
    padding: 12px 10px;
    color: #444;
    line-height: 1.5;
    width: 90%;
    font-size: 14px;
}

.contact_bt table{
    width: 100%;
    box-sizing: border-box;
    padding: 40px 0px 60px 0px;
    border-collapse: 0;
    border-spacing: 0;
}

.contact_bt td{
	border: 0px;
	text-align: center;
}

.contact_bt td input[type=submit] {
    padding: 18px 80px;
    font-weight: bold;
    cursor: pointer;
    border-style: none;
    border-radius: 4px;
    font-weight: bold;
    line-height: 1.0;
    text-align: center;
    color: #fff;
    font-size: 15px;
    margin: 0 10px;
	background: #333;
}
.contact_bt td input[type=button] {
    padding: 18px 80px;
    font-weight: bold;
    cursor: pointer;
    border-style: none;
    border-radius: 4px;
    font-weight: bold;
    line-height: 1.0;
    text-align: center;
    color: #fff;
    font-size: 15px;
    margin: 0 10px;
	background: #333;
}