@charset "utf-8";
/* CSS Document */
/* Theme Name:yuken1
*/
body{
		font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #333;
		margin:0;
		padding:0;
		-webkit-text-size-adjust: none;
		line-height:1.75em;

	
}
.oubo{
	padding-bottom:100px;
}

.oubo .com1f{
	padding-left:1em;
}

.oubobtn{
	position: fixed;
	top:410px;
	left:50%;
	margin-left:-330px;
	z-index:999;
}

span.wpcf7-list-item{
	display:block !important;
}

.t6w{
	border-bottom:dotted 2px #297191;
	padding-bottom:7px;
	margin-bottom:10px;
}

.com1f, .bluef, .comp2{
	padding-left:7px;
}

.pclogoin1{
	display:flex;
	width:700px;
}
#wrapper {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.bluef{
	color:#297191;
	font-weight: bold;
	padding-top:10px;
}

.com1f{
	border-bottom:1px solid #b3b3b3;
	padding-bottom:5px;
}

.blueback{
	background-color:#2b7da2;
	color:#FFF;
}

.bluemoji{
	color:#2b7da2;
	font-weight:bold;
}

.topbutton1{
	width:490px;
	margin:20px auto;
	
}

.daihyo1{
	display:flex;
	width:430px;
	margin:0 auto;
	
}

.daihyo1 .dh1{
	width:30%;
}

.daihyo1 .dh2{
	margin-top:40px;
	margin-left:50px;
}

.sekou1{
	display:flex;
	width:530px;
	margin:30px auto;
	
}

.sekou1 .sh1{
	width:30%;
}

.sekou1 .sh2{
	width:65%;
	margin-left:5%;
	margin-top:8px;
}

.sekou1 .sh2 .bg{
	font-weight:bold;
	color:#297191;
}

.comp1{
	display: flex;
	border-bottom:1px solid #b3b3b3;
	padding-bottom:5px;
	padding-top:10px;
}

.comp2{
	width:30%;
	color:#2b7da2;
	font-weight:bold;
}

.comp3{
	width:70%;
}

.topPhoto1{
	width:200px;
	margin:0 auto;
}

@media only screen and (min-width: 756px) {
	
	#wrapper {
	width: 756px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
	
}

#header {
	height: 400px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image:url(image/top/header/header/header.png)
}


#header2 {
	height: 400px;
	margin-top: 0px;
	background-color:#FFF;
	margin-bottom: 20px;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url(image/top/header/header/header-bg-1.png)
}



#header3 {
	height: 200px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image:url(image/top/header/header2/header-2.png)
}


#header4 {
	height: 200px;
	margin-top: 0px;
	background-color:#FFF;
	margin-bottom: 0px;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url(image/top/header/header2/header2-bg-1.png)
}


.headerover1{
	
	padding:5px 5px 5px 10px;
	position:relative;
	height:45px;


	}

.contactCell1{
	background-color:#ff9900;
	color:#FFF;
	padding:10px;
	font-weight:bold;
	font-size:16px;
	text-align:center;
}

.contactCell2{
	width:80%;
	margin:5px auto;
	padding:10px;
}
.contactCell3{
	width:80%;
	margin:5px auto;
	padding:10px;
}

.contactCell3 label{
	display: block;
}

.contactCell2 input, .contactCell2 textarea{
	width:100%;
	padding:10px;
}

.contactCell2 input, .contactCell2 textarea{
	width:100%;
	padding:10px;
}

.flexBox{
	display:flex;
	border-bottom:1px #b3b3b3 solid;
	padding-bottom:10px;
	margin-top:10px;
}

.flexBox .box1{
	width:30%;
	text-align:center;
	color:#297191;
	font-weight:bold;
}

.flexBox .box2{
	width:70%;
}

.fixheader{
width: 100%;
background-color: #297191;
position: fixed;
top: 0;
z-index: 999;
left: 0;

}


#headeroverbar2{
	
	background-color:#fefaf0;
}


.menubu1{position:absolute;right:10px;width:25px;top:18px;}


#headeroverbar1 h1{
	
	font-weight:normal;
	font-size:90%;
	margin:0;
	padding:0;
	margin-right:30px;
}

.navisidebar {
	height: 50px;
	background-image:url(image/top/globalmenu/globalmenusidebar/sidebar.png);
}




#navi {
	height: 50px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


#middle {
	padding-bottom:20px;
	margin-bottom: 0px;
}

.header{
	padding-top:53px;
	background-color:#2b7da2;
}

#left {
	float: left;
	width: 750px;
}

#right {
	float: left;
	width: 200px;
	padding-left:25px;
	margin-left: 5px;
	line-height:1.25em;
}
#footer {

	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:#297191;

	text-align:center;
	color:#FFF;
	font-size:small;
		padding:10px 0;
}

#footerline {


}


p {
	margin-top: 20px;
	margin-bottom: 25px;
}



img{
	
	margin:0;
	padding:0;
    border-style:none;
	vertical-align: bottom;
}

.topwaku1{

	padding:30px 10px;

}

.topwaku2{
	text-align:center;
}


.anchor{
    display: block;
    padding-top: 50px;
    margin-top: -50px;
}

.topwaku1 p,.companycell,.companycell2{
	text-align:center;
}

.green1{
	color:#3eb134;
}

div.clearboth{
	clear:both;
}

#copyright{
	position:absolute;
	top:13px;
	left:800px;
	color:#FFF;
	
	
	
	}

.shisetsuDescription{
	background-color:#ff9900;
	padding:5px 0;
	color:#FFF;
	display: flex;
}

.shisetsuDescription .descriptionTitle{
	padding-left:5%;
	width: 25%;
}

.shisetsuDescription .descriptionMenu{

	width: 70%;
}
.title1{
	border-bottom:2px solid #ff9900;
	padding-bottom:5px;
	margin-bottom:20px;
	font-size:1.4rem;
	font-weight: bold;
}
	
/* 会社情報css */
div.companyele{
	
	margin-top:20px;
	width:658px;
	height:30px;
	border-bottom:dotted 2px #CCC;
	font-size:14px;
	clear:both;
}

div.companyele2{
	
	margin-top:20px;
	width:658px;
	height:170px;
	border-bottom:dotted 3px #CCC;
	font-size:14px;
	clear:both;
}

div.companyele2 dd{
	width:100px;
	float:left;
	line-height:20px;
}

div.companyele dd{
	width:100px;
	float:left;
	line-height:20px;
}

.cel1{
	margin: 20px 5px 5px 10px;
	}

.cel2{
	margin: 0 auto;
	width:658px;
	}

.cel{
	width:350px;
	float:left;
	height:300px;
	position:relative;
	}
	
	.submitbutton{
	
	width:300px;
	padding:6px;
	}
	
	.tab1{

	background-color:#8F0000;
	color:#FFF;
	text-align:center;

}

.tab3{

	border:1px #CCC solid;

}

#headin1{
	float:left;
	

}

#headin2{
	float:left;
	margin-top:50px;
	margin-left:500px;
	

}

.texttable{


	border-top:#DAD9C7 1px solid;
	border-left:#DAD9C7 1px solid;

}

.mt10{

	margin-top:10px !important;

}



.mt20{

	margin-top:20px !important;

}


.mt30{

	margin-top:30px;

}

.ml5{

	margin-left:5px;

}


.ml10{

	margin-left:10px;

}


.ml20{

	margin-left:20px;

}


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

.color1{

		background-color:#fefaf0;

}


.color2{

	color:#002a0f;

}


.flf{
	float:left;

}

.news1{
	margin-left:20px;
	width:200px;

}


.news2{

	width:500px;

}


.line1{

	border-bottom:#002a0f 1px dotted;
	padding-bottom:7px;

}



.spheader{

	position:relative;

}

.spmenu1{
	position:absolute;
	top:10px;
	right:20px;

}


ul.spmenu2{
	position:absolute;
	top:90px;
	right:90px;
	background-color:#002A0F;
	opacity: 0.6;
	

}

.flexbox{
	display:flex;
	border-bottom:2px dotted #CACACB;
	padding-bottom:5px;
	margin-bottom:20px;
}

.flexbox .box1{
	width:20%;
	text-align:center;
}

.flexbox .box2{
	width:80%;
}

ul.spmenu2 li{
	color:#FFF;
	font-size:58px;
	

}

.spheadermene{
	background-color:#043014;
	height:120px;
	text-align:right;
	padding-right:30px;
	padding-top:20px;

	
}


.flol{
	float:left;

	
}

.mr10{

	margin-right:10px;

}


img{
	max-width: 100%;
	height: auto;

}

.mt10{
	margin-top:10px;

}


.mt20{
	margin-top:20px;

}




.red{
	color:#d23832;

}




.bfont{
	font-weight:bold;

}

.ctext{

	text-align:center;

}


.bsize{
	font-size:16px

}

.mb10{

	margin-bottom:10px;
}


.mb20{

	margin-bottom:20px;
}


.mtb20{

	margin:20px 0;
}

.p2subtitle{
	background-color:#433825;
	color:#f0e5a8;
	font-weight:bold;
	padding:7px 15px;
}


.menu8{
	padding-bottom:7px;
	border-bottom:#382e1c 1px dotted;
	width:630px;
	margin:10px auto 0;
}



.menu1{
	width:270px;
	float:left;
	font-weight:bold;


}


.menu2{
	width:430px;
	float:left;

}

.mmain1{
	padding:0 5px;

}


.gara1{

	width:45%;
	padding:1%;
	background-color:#433825;
	float:left;
	height:250px;
	

}

.garan1{
	width:100%;
	margin:10px auto;

}

.gara2{

	width:45%;
	padding:1%;
	background-color:#433825;
	float:left;
	margin-left:6%;
	height:250px;
	

}

.grat1{
	margin-top:10px;
	color:#FFF;

}



.infotitle1{
	margin-top:10px;
	background-image:url(image/page4/subtitle-4-1.png);
	height:62px;
	width:721px;
	color:#f0e5a8;
	position:relative;

}

.infotitle2{
	margin-top:10px;
	background-image:url(image/page4/subtitle-4-2.png);
	height:62px;
	width:721px;
	color:#f0e5a8;
	position:relative;

}



.infotitle3{
	margin-top:10px;
	background-image:url(image/page4/subtitle-4-3.png);
	height:62px;
	width:721px;
	color:#f0e5a8;
	position:relative;

}



.infotitle4{
	margin-top:10px;
	background-image:url(image/page4/subtitle-4-4.png);
	height:62px;
	width:721px;
	color:#f0e5a8;
	position:relative;

}


.infotitle5{
	margin-top:10px;
	background-image:url(image/page4/subtitle-4-5.png);
	height:62px;
	width:721px;
	color:#f0e5a8;
	position:relative;

}



.infotitle6{
	margin-top:10px;
	background-image:url(image/page4/subtitle-4-6.png);
	height:62px;
	width:721px;
	color:#f0e5a8;
	position:relative;

}




.qt1{
	float:left;
	width:10%;

}

.qt2{
	float:left;
	font-weight:bold;
	width:90%;

}


.at1{
	float:left;
	margin-top:20px;
	width:10%;
}


.at2{
	float:left;
	margin-top:20px;
	width:90%;

}



.atitle1{

	font-size:16px;
	text-align:center;
	margin-bottom:20px;
}

.access3{
	padding-bottom:7px;
	border-bottom:dotted 1px #3d321f;
	margin-top:10px;

}

.access1{

	float:left;
	width:30%;
}


.access2{
	width:70%;
	float:left;
	
}

.recu1{
	color:#4d2d17;
	border-bottom:1px dotted #433825;
	padding-bottom:5px;
	margin:10px 5px;
	font-size:90%;

	

}




.recu2{
	width:20%;
	float:left;
	padding-left:30px;
	font-weight:bold;

}


.recu3{
	width:70%;
	float:left;

}



.cardtable1{


	border-top:#DAD9C7 1px solid;
	border-left:#DAD9C7 1px solid;
	margin:10px 5px;
	

}

.cardtabl1{
	
	border-right:#DAD9C7 1px solid;
	border-bottom:#DAD9C7 1px solid;
	background-color:#baa178;

	text-align:center;
color:#FFF;
	width:30%;
	
}

.cardtabl2{

	border-right:#DAD9C7 1px solid;
	border-bottom:#DAD9C7 1px solid;
	padding:10px 15px;
	background-color:#FFF;
	width:65%;

	

}

.spp{

	width:90%;

}

ul{
	padding:0;
	margin:0;

}

.sb-slidebar li{
	list-style:none;
	border-bottom:1px solid #FFF;
	padding:0;
	margin:0;
	padding-left:10px;
	padding-bottom:12px;

}


.sb-slidebar li a{
	display:block;

}



.sb-slidebar li a:link {/*未訪問のリンク*/
        color:#FFF;
    text-decoration:none;
}
.sb-slidebar li a:visited {/*訪問後のリンク*/
        color:#FFF;
    text-decoration:none;
}
.sb-slidebar li a:hover {/*マウスをのせたとき*/
    color:#FFF;
    text-decoration:none;
}
.sb-slidebar li a:active {/*クリック中*/
    text-decoration:none;
}


.granmenu11{
	float:left;
	width:49%;
	margin-right:2%;

}



.granmenu12{
	float:left;
	width:49%;

}



.menuline1{float:left;width:240px;margin-right:5px;}
.menuline2{border-bottom:1px dotted #433825;padding-bottom:10px;margin-bottom:10px;color:#50442f;font-weight:bold;}
.menuline3{float:left;width:114px;}


.siwaku1{width:70%;float:left;margin-right:2%;font-size:11px;}
.siwaku2{float:left;width:28%}
.siwaku3{font-weight:bold;padding-bottom:2px;border-bottom:1px dotted #3d321f;margin-bottom:2px;}
.siwaku4{padding-left:2%}


.twf1{float:left;width:49%}
.twm1{margin-left:2%}

.shintitle{background-image:url(image/page1/titlebar-1.png);background-repeat:no-repeat;background-position:left bottom;color:#1f4e79;padding-left:15px;padding-bottom:3px;margin-top:10px;font-weight:bold;padding-top:3px;background-size:100% auto;}

.shintitle2{padding-bottom:5px;border-bottom:1px dotted #0083cd;margin-top:5px;padding-left:5px;}

.shintitle3{position:relative;}
.shintitle4{position:absolute;top:5%;left:5%;color:#1f4e79;font-weight:bold}


.bouw3{padding-bottom:5px;border-bottom:1px dotted #6a869e;font-weight:bold;margin-bottom:10px;padding-left:5px;}

.baseblue{color:#6a869e;}

.boe1{float:left;width:35%;}
.boe2{float:left;width:63%;margin-left:2%;line-height:1.2em}

.shibutton1{width:80%;margin:0 10%}

.ama1{width:40%;float:left;text-align:center;margin-left:5%;margin-right:5%}
.ama2{width:40%;float:left;text-align:center;margin-left:5%;margin-right:5%}

.scom1{float:left;width:27%;margin-left:3%;}
.scom2{float:left;width:70%}

.spheader1{margin-top:50px;}
.red{color:#ff0000}
.baseblue2{color:#0083cd;}



.cardtable1{


	border-top:#DAD9C7 1px solid;
	border-left:#DAD9C7 1px solid;
	margin:10px 0px;
	

}

.cardtabl1{
	
	border-right:#DAD9C7 1px solid;
	border-bottom:#DAD9C7 1px solid;
	background-color:#baa178;

	text-align:center;
color:#FFF;
	
}

.cardtabl2{

	border-right:#DAD9C7 1px solid;
	border-bottom:#DAD9C7 1px solid;
	padding:10px 15px;
	background-color:#FFF;

	

}


.spanda{
	width:90%;

}

.ttitle1{border-left:4px solid #baa178;border-bottom:1px solid #baa178;padding:0px 0 2px 15px;font-size:22px;margin-bottom:10px;}


.tct2{
	width:20%;
	float:left;
	padding-left:30px;
	

}


.tct3{
	width:70%;
	float:left;

}

.tct1{padding-bottom:5px;border-bottom:1px dotted #baa178;margin-top:5px;}

#middle2{margin-top:50px;padding-top:20px;background-color:#7b1b44}

.shinchaku{color:#FFF}


.wp-pagenavi{text-align:center;margin:50px 0}

.page {
    border: 1px solid black;
    padding: 15px;
    margin-left: 5px;
}


.current {
    border: 1px solid #333;
    padding: 15px;
    margin-left: 15px;
    background-color: #baa178;
    color:#FFF;
	
}

.shiro1{background-color:#FFF;padding:10px 0}
.shiro2{color:#FFF;padding:10px 0}

.yoyaku{background-color:#FFF;padding:20px 0}


.cs1{border-bottom:dotted 1px #FFF;padding-bottom:10px;color:#FFF;margin-top:10px;}

.accessl1{border-top:1px solid #FFF;border-bottom:1px solid #FFF;padding:10px 0;color:#FFF;}
.accessl11{border-bottom:1px solid #FFF;padding:10px 0;color:#FFF;}
.accessl2{float:left;width:20%;text-align:center;margin-right:5%}
.accessl3{float:left;width:70%;}


.textcenter{text-align:left;}
.textcenter1{text-align:center;margin-bottom:40px;}

.bluecolor{
	color:#2b7da2;
}

.mtb10{margin:10px 0}

.mtb15{margin:15px 0}
.mtb20{margin:20px 0}

.mt40{margin-top:40px;}

.itemwaku{width: 49%;
margin:10px 0;
float:left;
}

.itemwaku2{width: 49%;
margin-left:1%;
margin:10px 0;
float:right;
text-align:right;
}

ul li{list-style:none;}
ul.pp6{font-weight:bold;}
ul li.pp6{list-style:none;}


.mailtexttable{


	border-top:#DAD9C7 1px solid;
	border-left:#DAD9C7 1px solid;

}

.mailtabl1{
	
	border-right:#DAD9C7 1px solid;
	border-bottom:#DAD9C7 1px solid;
	background-color:#2e220f;
	text-align:center;
	color:#FFF;
	
}

.mailtabl2{

	border-right:#DAD9C7 1px solid;
	border-bottom:#DAD9C7 1px solid;
	padding:5px 0px;
	text-align:center;

}

.dki{margin:10px 0;padding:0 5px;text-align:center;}
div.wpcf7 .ajax-loader{display:block !important;}
.submitb{width:300px;margin-top:30px}

@media screen and (max-width: 580px){ 
	.pc{display:none;}
	.sp{display:inline;}
	body{
		font-size:0.8rem;
	}
	
	.title1{
	padding-bottom:3px;
	font-size:1rem;

}
	
	.topbutton1{
	width:70%;
	
}
	
	.topPhoto1{
	width:45%;

}
	
	.topwaku1 input,.topwaku1 textarea{
		width:90%;
		margin:0 auto;
		
	}
	
	.submitb{width:300px;margin-top:30px !important;}

	
}


@media screen and (min-width: 580px){ 
	.pc{display:inline;}
	.sp{display:none;}

}

.pclogo{width:756px;margin:0 auto;padding-left:5px;position:relative;}

.pcmenu1{position:absolute;right:20px;top:2px;}

.pcmenub1{position:absolute;top:50px;right:7px;z-index:10000}
.pcmenub1 img{margin-top:2px;}

.toptanoshii1{
	display:flex;
	justify-content:space-between;
}

.toptanoshii1 .box1{
	margin-left:5%;
	width:20%;
}

.toptanoshii1 .box2{
	width:65%;
	margin-top:60px;
}



.kiji1{
	display:flex;
	justify-content:space-between;
}

.kiji1 .box1{
	margin-left:5%;
	width:20%;
}

.kiji1 .box2{
	width:65%;

}

.katimg{
width:190px;
margin:10px 0;
}

.fumojit{
	font-weight:bold;
	font-size:1.1rem;
	margin:10px 0;

}

.ore1{
	color:#ff9900;
}


@media screen and (max-width: 580px){
	
	
	.oubobtn{
	top:auto;
	left:50%;
	margin-left:-150px;
	bottom:10px
}
	
.oubobtn img{
	width:45%;
	}
	

.katimg{
width:140px;
}

.toptanoshii1 .box1{
	margin-left:2%;
	width:25%;
}

.toptanoshii1 .box2{
	margin-top:40px;
}
	
	.daihyo1{
	width:80%;
	margin:0 auto;
	
}

.daihyo1 .dh1{
	width:30%;
}

.daihyo1 .dh2{
	margin-top:20px;
	margin-left:20px;
}
	
	.sekou1{
		width:100%;
	}

}