@charset "utf-8";

/* base&reset settings ----------------------------------------------------*/
/*reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

html{
margin:0px;
padding: 0px;
font-size: 14px;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN", Verdana, "メイリオ", Meiryo, sans-serif;
color: #1e1e1e;
line-height:18px;
background:#FFFFFF;
}

body,p,div,ul,li,h1,h2,h3,h4,dl,dt,dd{
padding:0;
margin:0;
}

li{
list-style:none;
}

a{
color:#000000;
}

a:hover{
color:#000000;
}

header{
width:100%;
height:70px;
position:fixed;
top:0;
left:0;
right:0;
z-index:9999;
transition: 0.5s;
background:#ffffff;
color:#333333;
}

header div{
width:100%;
margin:0 auto;
position:relative;
}

header a{
text-decoration:none;
color:#ffffff;
}

header a:hover{
transition: 0.3s;
color:#ffffff;
}

.m_right{
flex-basis:600px;
}

.catch{
flex-basis:290px;
padding-left:30px;
}

footer{
background:#ffffff;
color:#333333;
text-align:center;
padding:0 0 20px;
}

.credit{
	font-size:12px;
	padding:0 0 20px 0;
}

h1{
color:#1B2B5C;
}

#content{
text-align: center;
margin:0!important;
padding: 0!important;
line-height: 0;
overflow: hidden;
}

#first{
margin-top:70px;
}

#first img,
#second img,
#third img,
#sixth img,
#seventh img,
#eighth img,
#nineth img {
width:100%;
max-width:1440px;
}

#first,
#second,
#third,
#fourth,
#fifth,
#sixth,
#seventh,
#eighth,
#nineth {
background: #eeeeee;
}

.flex2 {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.flex-sbs {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: start;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.tel{
flex-basis: 400px;
background: #FF8B00;
color: #ffffff;
text-align: center;
font-size: 1.6rem;
line-height: 1.6rem;
}

.contact{
flex-basis: 200px;
background: #8CD250;
color: #ffffff;
font-size: 1.6rem;
line-height: 1.6rem;
text-align: center;
}

.tel a,.contact a{
padding:24px 0;
display: block;
}

#eleventh{
text-align: center;
padding:20px 0 40px;
}

#eleventh img{
width:300px;
}

#tenth{
background: #e1e1e1;
background-image:url("../image/section_11.png");
background-size: 1440px;
background-position: center;
background-repeat: no-repeat;
min-height: 553px;
}

#flex3 {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	min-height: 553px;
	width:1250px;
	margin:0 auto;
}

#flex3 div{
flex-basis: 33%;
margin-top:280px;
}

.conbt01 img{
height:71px;
}

#fifth{
background-image:url("../image/section_07.png");
background-size: 1440px;
background-position: center;
background-repeat: no-repeat;
min-height: 798px;
position: relative;
}

.conbt img{
height:71px;
margin:580px 0 0 300px;
}

.conbt{
width:960px;
margin:0 auto;
}

#fourth{
background-image:url("../image/section_13.png");
background-size: 1440px;
background-position: center;
background-repeat: no-repeat;
min-height: 506px;
position: relative;
}

.conbt4 img{
height:71px;
width:auto;
margin:390px 0 0 350px;
}

.conbt4{
width:960px;
margin:0 auto;
}



/* ContactForm ----------------------------------------------------*/

fieldset{
border:none;
padding:0;
margin:0;
}

textarea {
resize: none;
}

.form-control {
display: block;
width: 380px;
height: 38px;
font-weight: 300;
padding: 6px 12px;
margin-bottom: 16px;
line-height: 1.428571429;
color: #5a5a5a;
vertical-align: middle;
background-color: #f4f4f4;
background-image: none;
border: none;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: background ease-in-out .15s;
transition: background ease-in-out .15s;
}

.form-control:focus {
border-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
background: #e9e9e9;
}

textarea.form-control {
padding: 10px 12px;
}

/** form control: dark version */
.form-control.form-dark {
color: #000000;
background-color: #FFFFFF;
}

.form-control.form-dark:focus {
background:#CCC;
}

.form-success {
display: none;
padding: 15px;
margin-top: 40px;
color: #fff;
background: #f00423;
}

input.error,
textarea.error {
border: 1px solid #f00423;
}

.contact-form .loading {
display: none;
background: #000;
background: url(assets/img/ajax_loader.gif) no-repeat;
width: 25px;
height: 25px;
margin-top: 15px;
}

.btn {
font-weight: 400;
font-size: 13px;
text-transform: uppercase;
border: 1px solid #666;
padding: 10px 18px;
letter-spacing: 2px;
border-radius: 2px;
background:#eeeeee;
}

.contact-inner{
width:407px;
margin: 20px auto 0;
padding-bottom: 50px;
text-align:center;
}

/* spview
----------------------------------------------------*/

.spview{
	display:none;
}

/* clear
----------------------------------------------------*/
/* ---IE7.IE8 clearfix--- */
.clearfix:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.pre{
white-space: pre;
}

.mincho{
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}