/* CSS Document */



body {
	margin:0;
	font-size:95%;
	line-height:150%;
	color:#333;	
	/*font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;*/
	font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-font-smoothing: antialiased;
}

/* For modern browsers */
.cf:before,
.cf:after {
 content: " ";
 display: table;
}
 
.cf:after {
 clear: both;
}
 
/* For IE 6/7 only */
.cf {
 *zoom: 1;
}



a{
	color:#000;
	-webkit-transition-property:color;  
    -webkit-transition-duration:0.2s;  
    -webkit-transition-timing-function:linear; 
	}
a:hover{
	color:#f7b558;
}

img{
	border:0;
	max-width:100%;
	vertical-align:bottom;
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}





p {
    padding: 0 0 3% 0;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5 {
    padding: 0 0 0 0;
    margin: 0;
	line-height:140%;
}


header,
footer,
section,
aside,
article,
nav,
div,
ul,
li,
dl,
dt,
dd,
p,
span,
img,
h1,
h2,
h3,
h4,
h5,
a{
	box-sizing: border-box;
}


.clear{clear:both;}


.photo_right{
	margin:0 0 15px 15px;
	float:right;
	}
.photo_left{
	margin:0 15px 15px 0;
	float:left;
	}
	


table{border-collapse:collapse;}
th{border-collapse:collapse;}
td{border-collapse:collapse;}



.font_navy{color:#006699;}
.font_darkred{color:#990000;}
.font_red{color:#FF0000;}
.font_green{color:#669900;}
.font_pink{color:#FF6699;}
.font_yellow{color:#FF0;}
.font_lightgray{color:#ccc;}
.font_lightblue{color:#3FA9F5;}
.font_lightgreen{color:#009844;}
.font_orange{color: #f4a51b;}

.font_nomalbold{font-weight:normal;}
.font_bold{font-weight:bold;}
.font_small{font-size:80%;}
.font_middle{font-size:90%;}
.font_big{font-size:110%;}


.line_center{text-align:center;}
.line_right{text-align:right;}
.line_left{text-align:left !important;}


.mar0{margin-bottom:0 !important;}
.mar1{margin-bottom:1% !important;}
.mar2{margin-bottom:2% !important;}
.mar3{margin-bottom:3% !important;}
.mar4{margin-bottom:4% !important;}
.mar5{margin-bottom:5% !important;}
.mar7{margin-bottom:7% !important;}
.mar10{margin-bottom:10% !important;}
.mar15{margin-bottom:15% !important;}
.mar20{margin-bottom:20% !important;}




.pad0{padding:0px !important;}
.pad10{padding:10px !important;}

.mBottom0{margin-bottom:0px !important;}
.mBottom10{margin-bottom:10px !important;}
.mBottom20{margin-bottom:20px !important;}
.mBottom30{margin-bottom:30px !important;}
.mBottom40{margin-bottom:40px !important;}
.mBottom50{margin-bottom:50px !important;}
.mBottom60{margin-bottom:60px !important;}
.mBottom70{margin-bottom:70px !important;}
.mBottom80{margin-bottom:80px !important;}
.mBottom90{margin-bottom:90px !important;}
.mBottom100{margin-bottom:100px !important;}

.mTop0{margin-top:0px !important;}
.mTop10{margin-top:10px !important;}
.mTop20{margin-top:20px !important;}
.mTop30{margin-top:30px !important;}
.mTop40{margin-top:40px !important;}
.mTop50{margin-top:50px !important;}
.mTop60{margin-top:60px !important;}
.mTop70{margin-top:70px !important;}
.mTop80{margin-top:80px !important;}
.mTop90{margin-top:90px !important;}
.mTop100{margin-top:100px !important;}





a{
	-webkit-transition-property:color;  
    -webkit-transition-duration:0.2s;  
    -webkit-transition-timing-function:linear; 
}


img{
	-webkit-transition-property:opacity;  
    -webkit-transition-duration:0.2s;  
    -webkit-transition-timing-function:linear; 
}

a img:hover{
	opacity:0.8;
}




.fb_iframe_widget {
    top: -6px;
}

span.line {
    position: relative;
    top: -7px;
}

.pc{display:block !important;}
.tb{display:none;}
.sp{display:none !important;}


.wpcf7-not-valid-tip{
	display:block;
	color:#F00;
}

.wpcf7-validation-errors{
	text-align:center;
	color:#F00;
}


ul , li {
	padding: 0;
	margin: 0;
}




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

/* for TB & SP CSS   */

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





/******************/
/* for Tablet    */
/* 600px-999px    */
/******************/
@media only screen and (min-width: 600px) and (max-width: 999px) {

.pc{display:none !important;}
.tb{display:block !important;}
.sp{display:none;}



}





/******************/
/* for SP-TB      */
/* 320px-599px    */
/* only Header    */
/******************/
@media only screen and (max-width: 599px) {


.pc{display:none !important;}
.tb{display:none;}
.sp{display:block !important;}





}