@charset "UTF-8";

/** 入会について、FAQ、会社概要、アクセス、お問い合わせ**/

#main section {
	margin-bottom: 50px;
}
/************************************

shokai

************************************/
#shokai h2 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 50px;
	width: 740px;
	background-image: url(../cooking/images/t2.gif);

	background-size: contain;
	margin-bottom: 20px;
}
#shokai2 h2 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 50px;
	width: 740px;
	background-image: url(../bosyu/images/t5.png);
	background-size: contain;
	margin-bottom: 20px;
}
#shokai3 h2 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 50px;
	width: 740px;
	background-image: url(../bosyu/images/t6.png);
	background-size: contain;
	margin-bottom: 20px;
}


#shokai ul,
#shokai2 ul {
	width:600px;
	margin:0 auto;
	text-align:left;
	list-style: none;
	list-style-position: outside
}
#shokai li,
#shokai2 li {
	position:relative;
	padding:10px 0 10px 20px;
	font-size:100%;
	line-height:100%;
}
#shokai li:before,
#shokai2 li:before{
  position: absolute;
  top: 8px;
  left: 0px;
  color: #D90000;
  font: 16px 'FontAwesome';
  content: "\f046";
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#shokai h2 {
	background-image: url(../cooking/images/t2@2x.gif);
  }
#shokai2 h2 {
	background-image: url(../bosyu/images/t5@2x.png);
  }
#shokai3 h2 {
	background-image: url(../bosyu/images/t6@2x.png);
  }

}

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

#shokai h2 {
	height: 40px;
	width: 100%;
	background-image: url(../tokucho/images/t1@2x.png);
	background-size: cover;

}

#shokai2 h2 {
	height: 40px;
	width: 100%;
	background-image: url(../bosyu/images/t5@2x.png);
	background-size: cover;
}
#shokai3 h2 {
	height: 40px;
	width: 100%;
	background-image: url(../bosyu/images/t6@2x.png);
	background-size: cover;
}

#shokai ul,
#shokai2 ul {
	width:90%;
	margin:0 auto;
	text-align:left;
	list-style: none;
	list-style-position: outside
}
#shokai li,
#shokai2 li {
	position:relative;
	padding:10px 0 10px 20px;
	font-size:100%;
	line-height:100%;
}
#shokai li:before,
#shokai2 li:before{
  position: absolute;
  top: 8px;
  left: 0px;
  color: #D90000;
  font: 16px 'FontAwesome';
  content: "\f046";
}


}

#tokucho #main section {
	margin-bottom: 50px;
}
#shokai .image ,
#shokai2 .image ,
#shokai3 .image {
	margin-bottom: 30px;
}
#shokai h3,
#shokai2 h3,
#shokai3 h3 {
	text-align: center;
	margin-bottom: 20px;
	font-family: 'Noto Sans Japanese' ;
	font-weight:200;
}

@media only screen and (max-width:768px){
#shokai h3,
#shokai2 h3,
#shokai3 h3 {
	text-align: left;
	}
}
#tokucho #main p {
	font-size: 90%;
	line-height: 170%;
	margin-bottom: 20px;
}
.p {
	font-size: 90%;
	line-height: 170%;
	margin-bottom: 20px;
}

/************************************

入会について

************************************/

#guide h2 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 50px;
	width: 740px;
	background-image: url(../info/images/t1.png);
	background-size: contain;
	margin-bottom: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#guide h2 {
    background-image: url(../info/images/t1@2x.png);
  }
}

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

#guide h2 {
	height: 40px;
	width: 100%;
	background-image: url(../info/images/t1@2x.png);
	background-size: cover;
}

}

/************************************

入会について、会社概要、お問い合わせの表

************************************/

#nyukai_guide {
	border-color: #cccccc;
	border-width: 2px;
	border-style:solid;
}
#nyukai_guide dl {
	border-bottom-width: 1px;
	border-bottom-color: #cccccc;
	border-bottom-style:solid;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../info/images/guide_back.gif);
	background-repeat: repeat-y;
	background-position: left 0%;
	font-size: 90%;
	line-height: 170%;
}
#nyukai_guide dl:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html #nyukai_guide dl          { zoom: 1; } /* IE6 */  
*:first-child+html #nyukai_guide dl { zoom: 1; } /* IE7 */  
#nyukai_guide dl dt {
	width: 140px;
	margin-left: 20px;
	float: left;
}
#nyukai_guide dl dd {
	width: 530px;
	margin-left: 20px;
	float: left;
}
#nyukai_guide dl dd ul {
	margin-left:15px;
}
#nyukai_guide dl dd ul li {
	list-style:disc;
	margin-bottom: 10px;
}
@media only screen and (max-width:768px){

#nyukai_guide {
	border-color: #cccccc;
	border-width: 2px;
	border-style:solid;
}
#nyukai_guide dl {
	border-bottom-width: 1px;
	border-bottom-color: #cccccc;
	border-bottom-style:solid;
	padding:0;
	background-image: none;
}
#nyukai_guide dl dt {
	width: 100%;
	margin-left: 0px;
	float: none;
	padding:10px;
	background: #f9e3e7;
	box-sizing: border-box;
	font-weight: bold;
}
#nyukai_guide dl dd {
	width: 100%;
	margin-left: 0px;
	float: none;
	padding:10px;
	box-sizing: border-box;
}
#nyukai_guide dl dd ul {
	margin-left:15px;
}
#nyukai_guide dl dd ul li {
	list-style:disc;
	margin-bottom: 10px;
}
}
/************************************

FLOW

************************************/

#flow h2 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 50px;
	width: 740px;
	background-image: url(../bosyu/images/t7.png);
	background-size: contain;
	margin-bottom: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#flow h2 {
    background-image: url(../bosyu/images/t7@2x.png);
  }
}
@media only screen and (max-width:768px){

#flow h2 {
	height: 40px;
	width: 100%;
    background-image: url(../bosyu/images/t7@2x.png);
	background-size: cover;
}

}

#flow article{
	width:733px;
	margin:0 auto;
	
	position: relative;
}
@media only screen and (max-width:768px){
#flow article{
	width:100%;
}
}
#flow article.yaji{
	background-image:url(../info/images/yaji.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom:60px;
}
#flow h3{
background-image:url(../info/images/flow_back.png);
text-align: center;
padding:15px;
margin-bottom: 20px;
font-size:100%;
}

#flow p{
	font-size:90%;
	line-height:180%;
}

#flow2 .image{
	float:left;
	margin-right:20px;
	margin-bottom:15px;
}
#flow4 .image1{
position: absolute;
top:-50px;
left:0;
z-index: 2;
}
#flow4 .image2{
position: absolute;
top:-50px;
right:0;
z-index: 2;
}
@media only screen and (max-width:768px){
#flow2 .image{
	float:none;
	margin:0 auto 15px;
	text-align: center;
}
#flow4 .image1{
display:none;
}
#flow4 .image2{
display:none;
}

}
.flow_end article{
width:48% !important;
float:left ;
}
.flow_end article#flow5{
margin-right:4%;
}
.flow_end article .yaji{
text-align: center;
}
/************************************

FAQ

************************************/

#faq h2 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 50px;
	width: 740px;
	background-image: url(../info/images/t3.gif);
	background-size: contain;
	margin-bottom: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#faq h2 {
    background-image: url(../info/images/t3@2x.png);
  }
}

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

#faq h2 {
	height: 40px;
	width: 100%;
	background-image: url(../info/images/t3@2x.png);
	background-size: cover;
}

}


#faq h3  {
	font-size: 100%;
	margin-bottom: 15px;
}
#faq article {
	margin-bottom:30px;
}
#faq article .q {
	background-image: url(../culture/images/page_title_back.jpg);
	
}
#faq article h3 {
	background-image: url(../info/images/q.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 50px;
	padding-left: 64px;
	font-size: 90%;
	line-height: 170%;
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-bottom: 15px;
	color:#603813;
}
#faq article .a {
	background-image: url(../info/images/a.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 50px;
	padding-left: 64px;
	font-size: 90%;
	line-height: 170%;
	font-weight: normal;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-bottom: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#faq article h3 {
	background-image: url(../info/images/q@2x.png);
	}
#faq article .a {
	background-image: url(../info/images/a@2x.png);
	}
}

/************************************

会社概要

************************************/
#gaiyo h2 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 50px;
	width: 740px;
	background-image: url(../about/images/t1.png);
	background-size: contain;
	margin-bottom: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#gaiyo h2 {
background-image: url(../about/images/t1@2x.png);
}
}
@media only screen and (max-width:768px){

#gaiyo h2 {
	height: 40px;
	width: 100%;
	background-image: url(../about/images/t1@2x.png);
	background-size: cover;
}

}

/************************************

アクセス

************************************/
#map h2 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 50px;
	width: 740px;
	background-image: url(../about/images/t2.png);
	background-size: contain;
	margin-bottom: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#map h2 {
background-image: url(../about/images/t2@2x.png);
}
}
@media only screen and (max-width:768px){

#map h2 {
	height: 40px;
	width: 100%;
	background-image: url(../about/images/t2@2x.png);
	background-size: cover;
}

}

#map ul {
	margin-bottom: 30px;
	font-size: 90%;
	line-height: 170%;
	margin-left: 25px;
}
#map iframe{
width:100%;
height:390px;
}

@media only screen and (max-width:768px){
#map iframe{
width:100%;
height:280px;
}
}


/************************************

お問い合わせ

************************************/
#contact h2 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 50px;
	width: 740px;
	background-image: url(../bosyu/images/t8.png);
	background-size: contain;
	margin-bottom: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#contact h2 {
background-image: url(../bosyu/images/t8@2x.png);
}
}
@media only screen and (max-width:768px){

#contact h2 {
	height: 40px;
	width: 100%;
	background-image: url(../bosyu/images/t8@2x.png);
	background-size: cover;
}

}



#contact p{
	font-size:90%;
	line-height:170%;
	margin-bottom:30px;
}
.hissu{
	color:#79334b;
}
.chu{
	color:#666;
	font-size:75%;
}
#contact input,#contact textarea{
	padding:10px;
	font-size:100%;
	box-sizing: border-box;
}
.input_s{
	width:25%;
}
.input_m{
	width:70%;
}
.input_l{
	width:100%;
}
#input_s{
	width:25%;
}
#input_m{
	width:65%;
}
#input_l{
	width:100%;
}
label{
display:inline-block;
}
input[type="checkbox"]{
margin-right:3px;
}
@media only screen and (max-width:768px){
.chu{
	display:block;
}
.input_s{
	width:50%;
}
.input_m{
	width:100%;
}
.input_l{
	width:100%;
}
#input_s{
	width:50%;
}
#input_m{
	width:100%;
}
#input_l{
	width:100%;
}

}
#contact label {
	padding-right: 10px;
}

/* プライバシーポリシー */

#contact #privacy {
	border: 1px solid #CCC;
	box-sizing: border-box;
	width:100%;
	height: 250px;
	overflow: scroll;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
	margin-bottom: 50px;
	margin-top: 30px;
}
#privacy h3 {
	font-size: 110%;
	margin-bottom: 20px;
	padding-left: 7px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #79334b;
	padding-top: 3px;
	padding-bottom: 3px;
}
#privacy article p {
	font-size: 90%;
	line-height: 170%;
	margin-bottom: 15px;
}
#privacy article {
	margin-bottom: 40px;
}
#privacy article h4 {
	font-size: 100%;
	color: #79334b;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #79334b;
}
#privacy article ol {
	margin-left: 25px;
}
#privacy article li {
	margin-bottom: 7px;
	font-size: 90%;
	line-height: 170%;
}
#privacy article ol li ul {
	margin-left: 20px;
	margin-top: 7px;
}
#privacy article ol li ul li {
	font-size: 100%;
	list-style-type: square;
	margin-bottom: 0px;
}
#privacy_check  {
	text-align: center;
	font-size: 90%;
	margin-bottom: 20px;
}
#contact .bt {
	text-align: center;
	font-size: 100%;
	margin-bottom:40px;
}
form .bt input#send {
	background-color: #79334b;
	color: #fff;
	text-align: center;
	width: 260px;
	padding-top: 10px;
	border-radius: 3px;
	border: none;
	padding-bottom: 10px;
	font-size: 100%;
	cursor:pointer;
}

.error{
color:red;	
font-weight:bold;
}