html{
  overflow-y:scroll;
  font-family: "Noto Sans JP";
  overflow-x: hidden;
}


body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption, ul li{margin:0;padding:0;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
caption, th{text-align:left;}
q:before ,q:after{content:'';}
object, embed{vertical-align:top;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
img, abbr, acronym, fieldset{border:0;}
img{vertical-align:bottom;-ms-interpolation-mode:bicubic;}
ul li{list-style-type:none;}
/*文字*/
.white{
	color: #FFF;
}
.black{	color: #000000;}
.x-small{font-size:60%;font-weight:normal;}
.small{
	font-size: 75%;
	font-weight: normal;
	line-height: 120%;
}
.middle{
	font-size:90%;
	font-weight:normal;
	line-height: 200%;}
.middle02{
	font-size: 130%;
	font-weight: normal;
	line-height: 180%;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}	
.large{
	font-size:160%;
	font-weight:normal;
}
.xlarge{
	font-size:180%;
	line-height: 160%;
}
.xxlarge{font-size:200%; letter-spacing:6px;}
.xxxlarge{font-size:280%;font-weight:bold;}
.bold{font-weight:bold;}
.txt_right{
	text-align: right;
}
.claer{clear:both;}
.fade{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
.fade:hover{opacity:0.8;filter:alpha(opacity=90);}
.ml10{margin-left: 9px;width: 100%;	margin-top: -30px;}
.ml20{margin-left:5%; width:94%}
.ml5{margin-left: 5px}
.mb10{margin-bottom: 10px}
.mb20{margin-bottom: 20px}
.mb50{margin-bottom: 50px}
.img_center{margin-right:auto;margin-left:auto;display:block;}
.img_center img{margin-right:auto;margin-left:auto;display:block;width:100%;}
.img_center02{
	margin-left:20%;
	display:block;
	width: 60%;
	margin-top: 1em;
}
.img_center02 img{margin-right:auto;margin-left:auto;display:block;width:100%;}
.left_txt{float:left;margin-right:10px;}
.lefttxt{
	text-align: left;
}
.orbg{
	background-color: #F4B700;
	width: 96%;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-right: auto;
	margin-left: auto;
}
.wline{
	margin-top: 1em;
	margin-bottom: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	width: 100%;
}
	
a .btn-netyoyaku {
	border: 2px solid #ffffff;
	border-radius: 0;
	background: #fff;
	border-radius: 6px;
	display: inline-block;
	background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
	background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
	background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	font-size: 90%;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 1em;
	padding-left: 1em;
}

a .btn-netyoyaku:hover {
	background: #fff;
}

body{
	color:#767676;
	-webkit-text-size-adjust:none;
	background-color: #FEF9F3;
	font-size: 110%;
	font-weight: 200;
}

.mintxt{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	line-height: 250%;

}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
a:hover img{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
a:hover img.nohover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
a{
	outline:none;
	color: #656565;
}
a:link{
	text-decoration: none;
	color: #656565;
}
a:visited{text-decoration:none;color:#656565;}
a:hover{text-decoration:none;color:#656565; opacity: 0.8;}
a:active{text-decoration:none;color:#656565;}
@font-face{font-family:iconfont;src:url(CONDENSEicon.eot);}
@font-face{font-family:iconfont;src:url(CONDENSEicon.otf) format("truetype");}
.icon{font-family:iconfont;font-weight:normal;}
.icon-download:before{content:"\00ed";}
.icon-customize:before{content:"w";}
.icon-iphone:before{content:"T";}
img{max-width:100%;height:auto;width:auto\9;}
.text-center{
	text-align:center;}
.mb100{
	margin-bottom: 3em;}
.mb20{
	margin-bottom: 1em;}
.mb10{
	margin-bottom: 0.5em;}
.mb05{
	margin-bottom: 0.2em;
}
.mb03{
	margin-bottom: 0.1em;
}
.inlinebox{
	display: inline-block;
}
.txttop{
	vertical-align: top;
	margin-top: 0.5em;
}

.unline{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 0.5em;
	padding-bottom: 0.8em;
}
/*ページ共通*/
#wrapper{width:100%;position:relative;margin-top:0;}
header{
	width:1180px;
	z-index: 1000;
	margin-right: auto;
	margin-left: auto;
}
#header-inner{
	width:100%;
	overflow:hidden;
	*zoom:1;
	padding-top:2.5em;
	padding-bottom:2em;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	z-index: 1000;
}
#logo a{
	display: inline-block;
	float: left;
	width: 220px;
	margin-left: 5px;
}
#tagline img,
#logo a img{
	width:100%;
}
.head_menu {
	width: 750px;
	float: right;
	text-align: center;
	margin-right: 5px;
	}

/* ------ Mainvisual ------ */
#gnav {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	z-index: -1;
	margin-right: 5px;
	margin-bottom: 0em;
	float: right;
}


#gnav nav ul li.link {
	width: auto;
	list-style-type: none;
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #9B9A98;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.topyoyakubt{
	padding-top: 0.5em;
	padding-right: 1.5em;
	padding-bottom: 0.5em;
	padding-left: 1.5em;	
	background-color: #F3B700;
	border: 2px solid #F3B700;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	transition: .2s;
	margin-right: auto;
	margin-left: auto;
	text-align: center;	
}

.topyoyakubt:hover {
  background-color: #ffffff;
  border-color: #F3B700;
  color: #F3B700;
}

.topyoyakubt02 {
	background-color: #FEF9F3;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	border: 4px solid #F3B700;
	font-size: 180%;
	color: #F3B700;
	text-decoration: none;
	font-weight: bold;
	transition: .2s;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 3em;
	margin-top: 5em;
}

.topyoyakubt02:hover {
  background-color: #F3B700;
  border-color: #F3B700;
  color: #ffffff;
}

.topyoyakubt03 {
	background-color: #F3B700;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	border: 4px solid #F3B700;
	font-size: 170%;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	transition: .2s;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.topyoyakubt03:hover {
  background-color: #ffffff;
  border-color: #F3B700;
  color: #F3B700;
}

#mainvisual {
	clear: both;
	position: relative;
	width: 100%;
	overflow: hidden;
	min-height: 950px;
	margin-bottom: 0;
	background-image: url(../img/mv.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	margin-bottom: 0em;
}

#mainvisual .tit{
	position: absolute;
	width: 750px;
	right: 2%;
	top: 10%;
	/*filter: drop-shadow(1px 1px 4px #ffffff);
	-webkit-filter: drop-shadow(1px 1px 4px #ffffff);*/
	color: #FFF;
	font-size: 120%;
	line-height: 180%;
}


#mainvisual02 {
	clear: both;
	position: relative;
	width: 100%;
	overflow: hidden;
	min-height: 950px;
	margin-bottom: 0;
	background-image: url(../menu/img/mv2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 2em;
}

#mainvisual02 .tit{
	position: absolute;
	width: 500px;
	left: 2%;
	bottom: 6%;
	/*filter: drop-shadow(1px 1px 4px #ffffff);
	-webkit-filter: drop-shadow(1px 1px 4px #ffffff);*/
	color: #FFF;
	font-size: 120%;
	line-height: 180%;
	text-align: center;
}

.img1000s{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.img1000s img{
	width: 100%;
	
}

@media screen and (min-width:1600px){
#mainvisual {
	position: relative;
	width: 1600px;
	overflow: hidden;
	min-height: 1000px;
	margin-bottom: 0;
	background-image: url(../img/mv.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
}

#mainvisual .tit{
	position: absolute;
	width: 700px;
	right: 2%;
	top: 10%;
	/*filter: drop-shadow(1px 1px 4px #ffffff);
	-webkit-filter: drop-shadow(1px 1px 4px #ffffff);*/
	color: #FFF;
	font-size: 120%;
	line-height: 180%;
}

#mainvisual02 {
	position: relative;
	width: 1600px;
	overflow: hidden;
	min-height: 1000px;
	margin-bottom: 0;
	background-image: url(../menu/img/mv2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2em;
}

#mainvisual02 .tit{
	position: absolute;
	width: 500px;
	left: 3%;
	bottom: 8%;
	/*filter: drop-shadow(1px 1px 4px #ffffff);
	-webkit-filter: drop-shadow(1px 1px 4px #ffffff);*/
	color: #FFF;
	font-size: 150%;
	line-height: 180%;
}
.img1000s{
	width: 1400px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2em;
	background-color: #F3B700;
	padding-right: 100px;
	padding-left: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
}


}

#contents_waku{
	width:1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2em;
	padding-top: 2em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	
}


h1.title {
	width:98%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1em;
	margin-bottom: 2em;
	font-size: 180%;
	text-align: center;
}
h1.titles {
	width:98%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1em;
	margin-bottom: 2em;
	font-size: 150%;
	text-align: left;
}


#contents_waku p{
	width:100%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
}
.img1000{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 4em;
}
.img1000 img{
	width: 100%;
	
}

.img100{
	width: 100%;
}


#contents{
	width:1000px;
	padding-top:0px;
	overflow:hidden;
	*zoom:1;
	margin-right:auto;
	margin-bottom:1em;
	margin-left:auto;
	margin-top:1em;
}

#top_columnwaku{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #F4B301;
	padding-top: 4em;
	padding-bottom: 4em;
	margin-top: 4em;
}
.top_column{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}


.column4_1{
	width: 180px;
	height: 180px;
	padding-right: 3%;
	padding-left: 2%;
	display: inline-block;
	color: #000;
	font-size: 140%;
	vertical-align: middle;
	margin-bottom: 3em;
}
.wenn {
    position: relative;
    width: 50%;
    height: 50%;
    padding: 25%;
    border-radius: 50%;
    background: #ffffff;
    margin: 1em;
}

.wenn span {
	position: absolute;
	left: 0;
	top: 50%;
	margin: -.5em 0 0;
	width: 100%;
	text-align: center;
	color: #000000;
	font-weight: ;
}

.wenn span.col2 {
	position: absolute;
	left: 0;
	top: 50%;
	margin: -1.5em 0 0;
	width: 100%;
	text-align: center;
	color: #000000;
	font-weight: ;
	vertical-align: top;
}


.column4_3{
	width: 60%;
	margin-top: 2em;	
	padding-right: 2%;
	padding-left: 6%;
	display: inline-block;
	color: #000;
	line-height: 220%;
	vertical-align: middle;
	margin-bottom: 3em;
	}
	
	
.column3_1{
	margin-top: 0;
	width: 35%;
	padding-right: 0;
	padding-left: 6%;
	padding-bottom: 3%;
	vertical-align: top;
	float: right;
}
.column3_1 img{
	width: 100%;
}	
.column3_2{
	width: 100%;
	margin-top: 2em;	
	padding-right: 0;
	padding-left: 0;
	line-height: 240%;
	vertical-align: top;
}
.column2_1{
	width: 48%;
	margin-top: 1em;
	margin-right: 0.5%;
	margin-left: 1%;
	display: inline-block;
	line-height: 220%;
	vertical-align: middle;
	margin-bottom: 2em;
	text-align: center;
}

.column2_1 img{
	width: 100%;
}


@media screen and (max-width:767px){


}

/*footer*/
footer{
	width: 100%;
	background-color: #F4B301;
	padding-top: 3em;
	padding-bottom: 3em;
	margin-top: 10em;
}

.copy{
	width: 96%;
	color: #FFFFFF;
	font-size: 80%;
	margin-right: 2%;
	margin-left: 2%;
	text-align: center;
}
/*footer*/

@media screen and (max-width:1201px){


#mainvisual02{
	position: relative;
	width: 100%;
	overflow: hidden;
	min-height: 400px;
	margin-bottom: 0;
	background-repeat: no-repeat;
    background-size: cover;
    background-attachment: unset;
    background-repeat: no-repeat;
    background-position: center center;
	margin-bottom: 2em;
}


#mainvisual {
	position: relative;
	width: 100%;
	overflow: hidden;
	min-height: 400px;
	margin-bottom: 0;
	background-repeat: no-repeat;
    background-size: cover;
    background-attachment: unset;
    background-repeat: no-repeat;
    background-position: center center;
	margin-bottom: 0;
}



#mainvisual .tit{
	position: absolute;
	width: 90%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	font-size: 90%;
}	


#mainvisual02 .tit{
	position: absolute;
	width: 300px;
	bottom: 4%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	font-size: 85%;
}	


header{
	width:100%;
	z-index: 1000;
	margin-right: auto;
	margin-left: auto;
}

#logo a{
	display: inline-block;
	float: left;
	width: 22%;
	margin-left: 2%;
    padding-bottom: 1em;
}
.head_menu {
	float: left;
	width: 74%;
	text-align: center;
	margin-right: 2%;
	}
#gnav {
	width: 100%;
	text-align: right;
}

#gnav nav ul li.link {
	margin-right: 0;
	margin-left: 20px;
	padding-right: 10px;
	padding-left: 10px;
}


#contents_waku{
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0em;
}
.top_column{
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
}

.img1000{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


#top_columnwaku{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #F4B301;
	padding-top: 4em;
	padding-bottom: 4em;
	margin-top: 2em;
}

footer{
	margin-top: 5em;
}

}

@media screen and (min-width:768px){
.min768none {
	display: none;
}
		
	
}
@media screen and (max-width:767px){
	
.max767none {
	display: none;
}
#logo a{
	display: block;
	float: none;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 1em;
}
.head_menu {
	float: left;
	width: 98%;
	margin-right: 1%;
	margin-left: 1%;
	}
#gnav {
	width: 100%;
	margin-top: 0em;
	text-align: center;
}

#gnav nav ul li.link {
	padding-top: 1em;
	padding-left: 3%;
	padding-right: 3%;
	margin-right: 1%;
	margin-left: 1%;
	font-weight: bold;
	font-size: 100%;
}
.middle02{
	font-size: 110%;
	font-weight: normal;
	line-height: 150%;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}
.large{
	font-size:130%;
}

.mb50{margin-bottom: 2em}


h1.title {
	width:98%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 140%;
	text-align: center;
}
#contents_waku p{
	width:98%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
	font-size: 90%;
}

.contents2{
	width: 70%;
	margin-top: 0;
	margin-right: 15%;
	margin-bottom: 1.5em;
	margin-left: 15%;
	display: inline-block;
	border: 1px solid #CCC;
	font-weight: bold;
	vertical-align: middle;
}

.contactbt{
	font-size: 110%;
	font-weight: bold;
	color: #FFF;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: center;
	text-decoration: none;
}
.column4_1{
	width: 150px;
	height: 150px;
	display: block;
	color: #000;
	font-size: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;
	clear: both;
	float: none;
}

.wenn {
	position: relative;
	width: 50%;
	height: 50%;
	padding: 25%;
	border-radius: 50%;
	background: #ffffff;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
}


.column4_3{
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
	display: block;
	line-height: 180%;
	font-size: 90%;
	margin-top: 0;	
	margin-bottom: 3em;
	}
	
.column3_1{
	margin-top: 0;
	width: 50%;
	padding-right: 0;
	padding-left: 0;
	display: inline-block;
	text-align: right;
	vertical-align: top;
	float: right;
	margin-right: 25%;
	margin-left: 25%;
}	
.column3_1 img{
	width: 100%;
}	
.column3_2{
	width: 96%;
	margin-top: 2em;	
	padding-right: 1%;
	padding-left: 1%;
	display: inline-block;
	line-height: 180%;
}
.column2_1{
	width: 96%;
	margin-top: 0;	
	margin-bottom: 2em;
	padding-right: 1%;
	padding-left: 1%;
	display: inline-block;
	line-height: 180%;
}
.column2_1 img{
	margin-top: 2em;
}

}

@media screen and (max-width:479px){
	
body{
	font-size: 90%;
}
.x-small{font-size:60%;font-weight:normal;}
.xlarge{
	font-size:150%;
	line-height: 160%;
}
.middle02{
	font-size: 130%;
	font-weight: normal;
	line-height: 180%;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}	


#gnav nav ul li.link {
	font-size: 90%;
}


.contents2{
	width: 96%;
	margin-top: 0;
	margin-right: 2%;
	margin-bottom: 1.5em;
	margin-left: 2%;
	display: inline-block;
	border: 1px solid #CCC;
	font-weight: bold;
	vertical-align: middle;
}


	
.column3_1{
	margin-top: 0;
	width: 70%;
	padding-right: 0;
	padding-left: 0;
	display: inline-block;
	text-align: right;
	vertical-align: top;
	float: right;
	margin-right: 15%;
	margin-left: 15%;
}	

}




@media screen and (max-width:320px){
.topyoyakubt02 {
	padding-top: 1em;
	padding-right: 1.2em;
	padding-bottom: 1em;
	padding-left: 1.2em;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2em;
	margin-top: 0em;
}


.topyoyakubt03 {
	padding-top: 1em;
	padding-right: 1.2em;
	padding-bottom: 1em;
	padding-left: 1.2em;
	width: 200px;
	margin-right: auto;
	margin-left: auto;

}
}