@charset "utf-8";

/*デバイス出し分け*/
@media screen and (max-width : 767px) {
.sp{display: block;}
.tb{display: none;}
.pc{display: none;}}
@media screen and (min-width: 768px) {
.sp{display: none;}
.tb{display: block;}
.pc{display: none;}}
@media screen and (min-width : 769px) {
.sp{display: none;}
.tb{display: none;}
.pc{display: block;}}


/*All*/

main{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 24px;
/*	font-size: 62.5%;*/
	font-family: 'Noto Serif JP', serif;
}


a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

img{
	width: 100%;
}

/*SP*/
header{
	width: 100%;
	padding: 4% 0;
}
header img{
	width: 55%;
	margin-left: 2%;
}

/*begin*/
.begin .mv img{
	width: 100%;
}
.begin .prize{
	margin-bottom: 5%;
}
.begin .cv {
	margin: 5% 5% 5%;
}
.begin .cv .cvInner{
	display: flex;
	justify-content: center;
}
.begin .cv .cvInner img{
	width: 90%;
	margin: 0 3%;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
}

/*term*/
.term{
	width: 95%;
	padding: 7% 0 2% 5%;
	background-color: #00164b;
}
.termInner .termInner01,
.termInner .termInner02{
	width: 90%
}
.term img{
	width: 100%;
}

/*area01*/
.area01 .area01Title{
	padding: 10% 5%;
	background-image: url("../image/area01Bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}
.area01 .area01Title p{
	font-size: 80%;
	text-align: center;
	text-shadow:0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe;
}

/*warranty*/
.warranty{
	text-align: center;
	padding: 5% 10% 5%;
}
.warranty .logo{
	width: 80%;
	margin: 5% auto;
}
.warranty p{
	margin-bottom: 5%;
	font-size: 100%;
	line-height: 1.5;
}
.warranty .waku{
	margin: 5%;
	padding: 1% 0 2%;
	border: 2px solid #000;
	font-size: 170%;
	letter-spacing: 2px;
}

/*plan*/
.plan{
	padding: 10% 5%;
	background-image: url("../image/planBg.jpg");
	background-repeat: repeat;
	background-size: 150%;
}
.plan .planInner{
	margin-bottom: 10%;
	padding: 3%;
	overflow: hidden;
	background-color: #FFF;
	border-top:2px solid #00164b;
	border-bottom:2px solid #00164b;
}
.plan .planInner p{
	margin-right: 2%;
	padding: 3%;
	float: left;
	background-color: #00164b;
	color: #fff;
	font-size: 70%;
}
.plan .planInner h2{
	color: #00164b;
	font-weight: bold;
	font-size: 98%;
	line-height: 1.3;
}
.plan ul{
	margin: 10% 5%;
}
.plan ul li{
	margin: 10% 0 0;
}
.plan ul li img{
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .5);
}

/*madori*/
.madori{
	margin-top: 10%;
	background: #fff;
	padding: 3% 3% 5% 3%;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .5);
}
.madori h3{
	margin: 5% 0;
	padding: 1% 3%;
	background-color: #00164b;
	color: #fff;
	text-align: center;
}

/*campaign*/
.campaign .mv img{
	width: 100%;
}
.campaign .prize{
	margin-bottom: 5%;
}
.campaign .cv {
	margin: 8% 5% 5%;
}
.campaign .cv .cvInner{
	display: flex;
}
.campaign .cv .cvInner img{
	width: 90%;
	margin: 0 3%;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
}

/*area02*/
.area02{
	padding: 0;
}
.area02 .area02Title{
	padding: 10% 5%;
	background-image: url("../image/area02Bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}
.area02 .area02Title h2{
	margin: 0 0 5%;
	font-size: 150%;
	text-align: center;
	text-shadow:0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe;
}
.area02 .area02Title p{
	font-size: 80%;
	text-align: center;
	text-shadow:0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe;
}

/*toyota*/
.toyota {
	width: 92%;
	margin: 4% auto;
	background-color: #FFF;
}
.toyota h2{
	margin-bottom:15px;
	font-size: 18px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.toyota h3 img{
/*	width: 94%;*/
}
.toyota .inner {
/*	width:88%;*/
	border-left:2px solid #ed7048;
	border-right:2px solid #ed7048;
	border-bottom:2px solid #ed7048;
	padding:3% calc(3% - 2px) 0;
}
.toyota .inner ul{
	width:100%;
	padding-bottom: 10%;
	background:url("../image/dotline.png") center bottom 0px no-repeat;
}
.toyota .inner ul.toyota03{
	background: none;
}

.toyota .inner ul li p{
	margin-bottom: 5%;
	font: 12px/1 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo", "ＭＳ Ｐゴシック",sans-serif;
	font-size: 16px;
	line-height: 24px;
	text-align: justify;
}
.toyota .maru img{
	width: 60%;
	display: block;
	margin: 5% auto;
}
.toyota h2 sup{
	font-size: 60%; 
	vertical-align: top;
	position: relative;
	top: -1em; 
}


/*area03*/
.area03{
	padding: 0;
}
.area03 .area03Title{
	padding: 10% 5%;
	background-image: url("../image/area03Bg-sp.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}
.area03 .area03Title h2{
	margin: 0 0 5%;
	font-size: 135%;
	line-height: 1.5;
	text-align: center;
	text-shadow:0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe,0 0 5px #fefefe;
}
.area03 .area03Title h2 .mini{
	font-size: 85%;
}

/*home*/
.home {
	width: 92%;
	margin: 4% auto;
}
.home .inner {
/*	width:88%;*/
	border-left:2px solid #036eb8;
	border-right:2px solid #036eb8;
	border-bottom:2px solid #036eb8;
	padding:3% calc(3% - 2px) 0;
	background-color: #e5f0f8;
}
.home h2{
	margin-bottom:15px;
	font-size: 18px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.home h3 img{
/*	width: 94%;*/
}
.home .inner ul li p{
	margin-bottom: 5%;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo", "ＭＳ Ｐゴシック",sans-serif;
	font-size: 16px;
	line-height: 24px;
	text-align: justify;
}

.home .inner ul{
	width:100%;
	padding-bottom: 5%;
	background:url("../image/dotline.png") center bottom 0px no-repeat;
}
.home .inner li img{
	margin: 2% 0;
}
.home .inner ul.home03{
	background: none;
}

/*banner*/
.banner{
	margin: 10% 3% 5%;
}
.banner ul li{
	margin: 0 0 5%;
}
.banner ul li img{
	width: 100%;
}
.banner ul li a{
	color: #333;
	font-size: 14px;
	text-decoration: none;
/*	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo", "ＭＳ Ｐゴシック",sans-serif;*/
}
.banner ul li a:hover{
	text-decoration: underline;
}

/*gaiyo*/
.gaiyo{
	padding: 5%;
}
.gaiyo h2{
	margin-bottom: 5%;
	padding: 2%;
	text-align: center;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo", "ＭＳ Ｐゴシック",sans-serif;
	color: #fff;
	background-color: #ff6600;
	font-size: 120%;
}
.gaiyo p,
.gaiyo p a{
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo", "ＭＳ Ｐゴシック",sans-serif;
	font-size: 12px;
	line-height: 1.6;
	text-align: justify;
	word-break: break-all;
}

/*footer*/
footer{
	width: 100%;
	padding: 3% 0 20% 0;
	background-color: #00164b;
	color: #fff;
	font-size: 10px;
	text-align: center;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo", "ＭＳ Ｐゴシック",sans-serif;
}

/*fixedBtn*/
.fixedBtn{
	width: 96%;
	margin: 0;
	padding: 0 2%;
	display: block;
	position: fixed;
	left: 0;
	bottom: 0;
	background-color: #00164b;
}
.fixedBtn ul{
	display: flex;
}
.fixedBtn ul li{
	width : 27.5% ;
	width : -webkit-calc(100% / 3) ;
	width : calc(100% / 3) ;
	margin: 2% 1%;
	text-align: center;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo", "ＭＳ Ｐゴシック",sans-serif;
}
	
.fixedBtn ul li a{
	height: 40px;
	padding: 2% 0 12%;
	color: #00164b;
	text-decoration: none;
	font-size: 70%;
	font-weight: bold;
	background-color: #fff;
	display: block;

}
.fixedBtn ul li a img{
	width: 35%;
	margin-bottom: 3%;
}


/*TB*/
@media screen and (min-width: 768px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}

.fixedBtn{
	display: none;
}
}



/*PC*/
@media screen and (min-width : 769px) {
header{
	width: 1180px;
	padding: 1% 0;
	margin: auto;
}
header img{
	width: 25%;
	margin: 0;
}
.mv{
	background-image: url("../image/main-pcBg.jpg");
	background-repeat: repeat;
	background-size: 120%;
}
.mv h1{
	width: 1180px;
	margin: auto;
}
.prize{
	width: 1180px;
	margin: auto;
}
.begin .prize{
	margin-bottom: 3%;
}
.begin .cv {
	width: 900px;
	margin: auto;
}
.begin .cv .cvInner{
	margin:2% auto 5%;
}
.begin .cv .cvInner img{
	width: 420px;
	margin: auto;
	padding: 2%;
}
.term{
	width: 100%;
	padding: 1.5% 0 1%;
}
.termInner{
	width: 1050px;
	margin: auto;
	display: flex;
}
.termInner .termInner01,
.termInner .termInner02{
	margin: 0 2%;
}
.term img{
	width: 462px;
}

.area01 .area01Title{
background-size: 100%;
background-position: 10%;
}

.area01 .area01Title h2{
	width: 700px;
	margin: 0 auto 3%;
}
.area01 .area01Title h2 img{
/*	padding: 0 30%;*/
}
.area01 .area01Title p{
	font-size: 120%;
}
.campaign .prize{
	margin-bottom: 3%;
}

.warranty{
	overflow: hidden;
	width: 1180px;
	margin: auto;
	padding: 5% 10% 2%;
}
.warrantyInner01{
	float: right;
		margin-top: 2%;
	width: 40%;
}
.warrantyInner02{
	float: left;
	width: 55%;
}
.plan {
	width: 100%;
    padding: 5% 3% 2%;
	}
.plan .planInner{
	width: 1180px!important;
	margin: auto;
	padding: 2% 0 2% 2%;
}
.plan .planInner p {
    margin-right: 1%;
    padding: 1%;
    float: left;
    font-size: 180%;
}
.plan p img{
	width:60%;
	margin: 2% auto;
}

.plan p img.jitsugen{
	width:60%;
	margin: 2% auto;
	display: block;
}
.plan .planInner h2 {
    font-size: 260%;
    line-height: 1;
}

.plan ul{
	display: flex;
	margin: 0 auto;
	width: 1180px;
	
}
.plan ul li{
	width: 30%;
	margin: 0;
	padding: 2%;
}
.madori {
	background: #fff;
	width: 1180px;
	margin: 3% auto;
	padding: 3% 0
}
.madori img {
    width: 1000px;
	margin: auto;
}


.campaign .mv{
	width: 1180px;
	margin: 5% auto 0;
}
.campaign .cv {
	width: 900px;
    margin: 3% auto 3%;
}
.campaign .cv .cvInner img{
	width: 420px;
	margin: auto;
	padding: 2%;
}
.campaign .cv p img {
/*	width: 810px;*/
	margin: 0 auto 3%;
}
.campaign .term{
	width: 100%;
	padding: 1.5% 0 1%;
}
.campaign .term .termInner{
	width: 1050px;
	margin: auto;
	display: flex;
}

.area02 .area02Title {
	padding: 8% 5%;
	background-size:contain;
	background-position: bottom left;
}

.area02 .area02Title h2 {
	margin: 0 0 5%;
	font-size: 300%;
	}
.area02 .area02Title p {
	font-size: 130%;
	line-height: 2;
}

.toyota{
	width: 1180px;
	margin: 5% auto;
}
.toyota01,
.toyota02,
.toyota03{
	overflow: hidden;
	padding: 2% 0 10%;
}
.toyota01 .maru,
.toyota02 .maru,
.toyota03 .maru{
	float: left;
	width: 20%;
}
.toyota .maru img {
    width: 100%;
}
.toyota01 .text,
.toyota02 .text,
.toyota03 .text{
	float: left;
	width: 22%;
	padding: 2%;
}
.toyota01 .photo,
.toyota02 .photo,
.toyota03 .photo{
	float: left;
	width: 54%;
	padding-top: 2%;
}
.toyota .inner{
	padding: 0% calc(3% - 2px) 0;
}
.toyota .inner ul{
	padding-bottom: 4%;
}

.area03 .area03Title{
	padding: 5% 0 2%;
	background-image: url("../image/area03Bg-pc.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.area03 .area03Title h2 {
	font-size: 300%;
}

.home{
	width: 1180px;
	margin: 5% auto;
}
.home .inner{
	padding: 3% 5% 0;
}
.home .inner ul{
	margin:1% 0 0;
}
.home .inner ul li p {
    margin-bottom: 2%;
}
.home01,
.home02,
.home03{
	overflow: hidden;
}
.home01 .title img,
.home02 .title img,
.home03 .title img{
	width: 792px;
	margin: 1% 0!important;
}

.left{
	float: left;
	width: 55%;
	margin: 1% 1% 0;
}
.right{
	float: right;
	width: 42%;
	margin: 2% 0 0;
}


.banner{
	width: 1180px;
	margin: 2% auto 1%;
}
.banner ul{
	display: flex;
}
.banner ul li {
	width: 24%;
	margin: 0;
	padding: 5px;
}



.gaiyo{
	width: 1180px;
	margin: auto;
	padding: 2% 0;
}
.gaiyo h2{
	margin-bottom: 1%;
	padding: 1%;
}
/*footer*/
footer{
	width: 100%;
	padding: 1% 3% 1% 3%;
	font-size: 100%;
}
.fixedBtn{
	display: none;
}




}