@charset "UTF-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
img {
	vertical-align:top;
	max-width:100%;
	height:auto;
}
ol {
	padding-left:20px;
}
section,nav,article,aside,header,footer{display:block}

.clear {clear:both;}
.ta-c {text-align:center !important;}
.ta-l {text-align:left !important;}
.ta-r {text-align:right !important;}

.font-b {font-weight:bold !important;}

.t-indent {text-indent:-1em; padding-left:1em;}

.font-orange { color:#FF8001; }
.bg-white { background-color:#FFF;}
.bg-orange { background-color:#FFF7EF;}

.no_disp {display:none;}
.no_hidden {overflow:visible !important;}
.ov-h {overflow:hidden;}

@media print, screen and (min-width: 769px){
	.sp_only {display:none !important;}
}
@media print, screen and (max-width: 768px){
	.pc_only {display:none !important;}

}

.w50per {width:50% !important;}
.w60per {width:60% !important;}
.w70per {width:70% !important;}
.w80per {width:80% !important;}
.w90per {width:90% !important;}
.w100per {width:100% !important;}

.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}

.ml0 {margin-left:0px !important;}
.mr0 {margin-right:0px !important;}
.mb0 {margin-bottom:0px !important;}

.pt0 {padding-top:0px !important;}
.pb0 {padding-bottom:0px !important;}

.ls1 {letter-spacing: 1px;}
.ls2 {letter-spacing: 2px;}
.ls3 {letter-spacing: 3px;}
.ls4 {letter-spacing: 4px;}
.ls5 {letter-spacing: 5px;}
.ls6 {letter-spacing: 6px;}
.ls7 {letter-spacing: 7px;}
.ls8 {letter-spacing: 8px;}
.ls9 {letter-spacing: 9px;}
.ls10 {letter-spacing: 10px;}


/* placeholderの色 */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#ccc;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#ccc;
}
::placeholder{ /* Others */
 color:#ccc
}

/* リンクマウスオーバー時のエフェクト効果 */
a:hover {
	opacity: 0.8;
}

a img:hover {
	animation: mouseOverfade 0.7s ease 0s 1 normal;
	-webkit-animation: mouseOverfade 0.7s ease 0s 1 normal;
}
@keyframes mouseOverfade {
    0% {opacity: 0.3}
    100% {opacity: 1}
}

@-webkit-keyframes mouseOverfade {
    0% {opacity: 0.3}
    100% {opacity: 1}
}


.img_box {	
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}
.img_box img {
	position:absolute;
	width: auto;
	height: auto;
	max-width: none;
	max-height: none;
	min-width:100%;
	min-height:100%;
	top:50%;
	left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.icon-tel-w {
	background-image: url(../images/temp/phone_w.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 20px;
	height: 20px;
}