@charset "utf-8";

/* base.css
(00)共通コンテンツ
(01)ヘッダー
(02)フッター
 */



/*------------------------------------------------------------------------------------------------------------------------*/
/* (00)共通コンテンツ */
/*------------------------------------------------------------------------------------------------------------------------*/
 
img, object, embed, video {
	max-width: 100%;
}
.ie6 img {
	width:100%;
}
a{ color:#ff3c64; text-decoration: underline;}
a:link{ color:#ff3c64; text-decoration: underline;}
a:visited{ color:#ff3c64; text-decoration: underline;}
a:hover{ color:#ff3c64; text-decoration: none;}

a:focus, *:focus { outline:none; }

a img:hover{opacity: 0.5; transition:all 0.5s ease 0s;}

p{ margin:0;}

.tal{ text-align:left;}
.tac{ text-align:center;}
.tar{ text-align:right;}


.sp  { display:none}
.pc  { display:inherit;}
@media only screen and (max-width: 750px) {
	.sp  { display:inherit}
	.pc  { display:none;}
}


#contents{
	margin: 0;
	padding:0 0 0 0;
	width: 100%;
}
.wrapper{
	max-width:980px;
	width: 100%;
	margin:0 auto;
    position: relative;
}
.wrapper2{
	max-width:1200px;
	width: 100%;
	margin:0 auto;
    position: relative;
}
@media only screen and (max-width:1240px) {
	.wrapper2{
		width: calc(100% - 20px);
	}
}
@media only screen and (max-width:1020px) {
	.wrapper{
		width: calc(100% - 20px);
	}
}
@media only screen and (max-width: 750px) {
	#contents{
		margin:0 0;
	}
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* (01)ヘッダー */
/*------------------------------------------------------------------------------------------------------------------------*/
header{
	background: #FFFFFF;
	padding: 10px 0;
	height: 120px;
	width: 100%;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	z-index: 100;
}
header h1{
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: normal;
}
header .logo{
	width:190px;
	display: inline-block;
	vertical-align: middle;
}
header .right{
	text-align: right;
    position: absolute;
    top:0;
    right: 0;
}
header .right .btn_tel,
header .right .btn_mail{
    display: inline-block;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    font-family: 'Noto Serif JP', serif;
}
header .right .btn_tel{
    color: #8cc63f;
}
header .right .btn_mail{
    margin:0 0 0 10px;
    color: #de3459;
}
header .right .btn_tel p::before,
header .right .btn_mail p::before{
    content: "＼";
    margin: 0 5px 0 0;
}
header .right .btn_tel p::after,
header .right .btn_mail p::after{
    content: "／";
    margin: 0 0 0 5px;
}

@media screen and (max-width: 1000px) {
    header h1{
        margin: 0 0 10px 0;
        font-size: 11px;
        font-weight: normal;
    }
    header .logo{
        width:19vw;
    }
    header .right{
        top:1vw;
    }
    header .right .btn_tel,
    header .right .btn_mail{
        font-size: 13px;
    }
    header .right .btn_tel img,
    header .right .btn_mail img{
        width: 27.4vw;
    }

}
@media screen and (max-width: 750px) {
	header{
		padding: 15px 0;
		height: 30px;
	}
    header h1{
        display: none;
    }
	header .logo{
		width:100px;
	}
    header .right{
        top:0;
    }
    header .right .btn_tel,
    header .right .btn_mail{
        display: inline-block;
        text-align: center;
        font-size: 15px;
        font-weight: bold;
        font-family: 'Noto Serif JP', serif;
    }
    header .right .btn_tel{
        color: #8cc63f;
    }
    header .right .btn_mail{
        margin:0 0 0 2px;
        color: #de3459;
    }
    header .right .btn_tel p,
    header .right .btn_mail p{
        display: none;
    }
    header .right .btn_tel p::before,
    header .right .btn_mail p::before{
        display: none;
    }
    header .right .btn_tel p::after,
    header .right .btn_mail p::after{
        display: none;
    }
    header .right .btn_tel img,
    header .right .btn_mail img{
        width: 110px;
    }
}



/*------------------------------------------------------------------------------------------------------------------------*/
/* (07)footer                                                                                                             */
/*------------------------------------------------------------------------------------------------------------------------*/
footer{
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 0 0;
	padding:0;
	width: 100%;
	text-align: center;
	background: #1b1b1b;
    border-top:solid 10px #1b1b1b;
}
footer .footer1{
    background: #313131;
    padding: 50px 0;
    color: #fcf3da;
}
footer .footer1 .add{
    border-top:solid 1px #1b1b1b;
    margin: 20px auto 0 auto;
    padding: 20px 0 0 0;
    display: inline-block;
}
footer .copy{
    padding: 40px 0;
    color: #ffffff;
}
@media screen and (max-width: 750px) {
    footer{
        font-size: 11px;
        border-top:solid 5px #1b1b1b;
    }
    footer .footer1{
        padding: 30px 0;
    }
    footer .footer1 .logo{
        width:31.2vw;
        margin: 0 auto;
    }
    footer .footer1 .add{
        margin: 10px auto 0 auto;
        padding: 10px 10px 0 10px;
    }
    footer .copy{
        padding: 20px 0;
    }
}



/*------------------------------------------------------------------------------------------------------------------------*/
/* (00)調整用                                                                                                              */
/*------------------------------------------------------------------------------------------------------------------------*/
.w1p{ width:1%!important;}
.w2p{ width:2%!important;}
.w3p{ width:3%!important;}
.w4p{ width:4%!important;}
.w5p{ width:5%!important;}
.w6p{ width:6%!important;}
.w7p{ width:7%!important;}
.w8p{ width:8%!important;}
.w9p{ width:9%!important;}
.w10p{ width:10%!important;}
.w11p{ width:11%!important;}
.w12p{ width:12%!important;}
.w13p{ width:13%!important;}
.w14p{ width:14%!important;}
.w15p{ width:15%!important;}
.w16p{ width:16%!important;}
.w17p{ width:17%!important;}
.w18p{ width:18%!important;}
.w19p{ width:19%!important;}
.w20p{ width:20%!important;}
.w21p{ width:21%!important;}
.w22p{ width:22%!important;}
.w23p{ width:23%!important;}
.w24p{ width:24%!important;}
.w25p{ width:25%!important;}
.w26p{ width:26%!important;}
.w27p{ width:27%!important;}
.w28p{ width:28%!important;}
.w29p{ width:29%!important;}
.w30p{ width:30%!important;}
.w31p{ width:31%!important;}
.w32p{ width:32%!important;}
.w33p{ width:33%!important;}
.w34p{ width:34%!important;}
.w35p{ width:35%!important;}
.w36p{ width:36%!important;}
.w37p{ width:37%!important;}
.w38p{ width:38%!important;}
.w39p{ width:39%!important;}
.w40p{ width:40%!important;}
.w51p{ width:51%!important;}
.w52p{ width:52%!important;}
.w53p{ width:53%!important;}
.w54p{ width:54%!important;}
.w55p{ width:55%!important;}
.w56p{ width:56%!important;}
.w57p{ width:57%!important;}
.w58p{ width:58%!important;}
.w59p{ width:59%!important;}
.w60p{ width:60%!important;}
.w61p{ width:61%!important;}
.w62p{ width:62%!important;}
.w63p{ width:63%!important;}
.w64p{ width:64%!important;}
.w65p{ width:65%!important;}
.w66p{ width:66%!important;}
.w67p{ width:67%!important;}
.w68p{ width:68%!important;}
.w69p{ width:69%!important;}
.w70p{ width:70%!important;}
.w71p{ width:71%!important;}
.w72p{ width:72%!important;}
.w73p{ width:73%!important;}
.w74p{ width:74%!important;}
.w75p{ width:75%!important;}
.w76p{ width:76%!important;}
.w77p{ width:77%!important;}
.w78p{ width:78%!important;}
.w79p{ width:79%!important;}
.w80p{ width:80%!important;}
.w81p{ width:81%!important;}
.w82p{ width:82%!important;}
.w83p{ width:83%!important;}
.w84p{ width:84%!important;}
.w85p{ width:85%!important;}
.w86p{ width:86%!important;}
.w87p{ width:87%!important;}
.w88p{ width:88%!important;}
.w89p{ width:89%!important;}
.w90p{ width:90%!important;}
.w91p{ width:91%!important;}
.w92p{ width:92%!important;}
.w93p{ width:93%!important;}
.w94p{ width:94%!important;}
.w95p{ width:95%!important;}
.w96p{ width:96%!important;}
.w97p{ width:97%!important;}
.w98p{ width:98%!important;}
.w99p{ width:99%!important;}
.w100p{ width:100%!important;}

.w10{ width:10px!important;}
.w20{ width:20px!important;}
.w30{ width:30px!important;}
.w40{ width:40px!important;}
.w50{ width:50px!important;}
.w60{ width:60px!important;}
.w70{ width:70px!important;}
.w80{ width:80px!important;}
.w90{ width:90px!important;}
.w100{ width:100px!important;}
.w110{ width:110px!important;}
.w120{ width:120px!important;}
.w130{ width:130px!important;}
.w140{ width:140px!important;}
.w150{ width:150px!important;}
.w160{ width:160px!important;}
.w170{ width:170px!important;}
.w180{ width:180px!important;}
.w190{ width:190px!important;}
.w200{ width:200px!important;}
.w250{ width:250px!important;}
.w300{ width:300px!important;}
.w350{ width:350px!important;}
.w400{ width:400px!important;}
.w450{ width:450px!important;}
.w500{ width:500px!important;}
.w550{ width:550px!important;}
.w600{ width:600px!important;}
.w650{ width:650px!important;}
.w700{ width:700px!important;}
.w750{ width:750px!important;}
.w800{ width:800px!important;}
.w850{ width:850px!important;}
.w900{ width:900px!important;}

.h10{ height:10px!important;}
.h50{ height:0px!important;}
.h100{ height:100px!important;}
.h150{ height:150px!important;}
.h200{ height:200px!important;}

/* margin-top */
.mt5{ margin-top:5px!important;}
.mt10{ margin-top:10px!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;}
@media only screen and (max-width: 750px) {
	.mt5_sp{ margin-top:5px!important;}
	.mt10_sp{ margin-top:10px!important;}
	.mt20_sp{ margin-top:20px!important;}
	.mt30_sp{ margin-top:30px!important;}
	.mt40_sp{ margin-top:40px!important;}
	.mt50_sp{ margin-top:50px!important;}
	.mt60_sp{ margin-top:60px!important;}
	.mt70_sp{ margin-top:70px!important;}
	.mt80_sp{ margin-top:80px!important;}
	.mt90_sp{ margin-top:90px!important;}
	.mt100_sp{ margin-top:100px!important;}
}
/* margin-left */
.ml5{ margin-left:5px!important;}
.ml10{ margin-left:10px!important;}
.ml20{ margin-left:20px!important;}
.ml30{ margin-left:30px!important;}
.ml40{ margin-left:40px!important;}
.ml50{ margin-left:50px!important;}
.ml60{ margin-left:60px!important;}
.ml70{ margin-left:70px!important;}
.ml80{ margin-left:80px!important;}
.ml90{ margin-left:90px!important;}
.ml100{ margin-left:100px!important;}

/* margin-right */
.mr5{ margin-right:5px!important;}
.mr10{ margin-right:10px!important;}
.mr20{ margin-right:20px!important;}
.mr30{ margin-right:30px!important;}
.mr40{ margin-right:40px!important;}
.mr50{ margin-right:50px!important;}
.mr60{ margin-right:60px!important;}
.mr70{ margin-right:70px!important;}
.mr80{ margin-right:80px!important;}
.mr90{ margin-right:90px!important;}
.mr100{ margin-right:100px!important;}

/* margin-bottom*/
.mb5{ margin-bottom:5px!important;}
.mb10{ margin-bottom:10px!important;}
.mb20{ margin-bottom:20px!important;}
.mb30{ margin-bottom:30px!important;}
.mb40{ margin-bottom:40px!important;}
.mb50{ margin-bottom:50px!important;}
.mb60{ margin-bottom:60px!important;}
.mb70{ margin-bottom:70px!important;}
.mb80{ margin-bottom:80px!important;}
.mb90{ margin-bottom:90px!important;}
.mb100{ margin-bottom:100px!important;}

/* color */
.red01{ color:#D23E3E;}
.red02{ color:#FF2626;}
.red03{ color:#ff3c64;}
.green01{ color:#398726;}
.blue01{ color:#4294B8;}
.white01{color:#FFFFFF;}

/* font-size */
.font12{ font-size:12px;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font22{ font-size:22px;}

.font80p{ font-size:80%;}
.font90p{ font-size:90%;}
.font130p{ font-size:130%;}
.font140p{ font-size:140%;}

.strong{ font-weight: bold;}

.clear{clear: both;}