@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

* {
 padding           : 0;
 margin            : 0;
 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
}

body{
 background        : linear-gradient(-70deg, rgb(51, 41, 103) 50%, rgb(208, 17, 26) 50%);
 color             : #333333;
 height            : 100vh;
 text-align        : center;
 font-size         : 1vw;
}

.codepc{ display:inline; }
.codesp{ display:none; }

a[href^="tel:"]{
 pointer-events      : none;
}

a img {
 border-top-style    : none;
 border-right-style  : none;
 border-bottom-style : none;
 border-left-style   : none;
}

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

a img{
 opacity            : 1;
 filter             : alpha(opacity=100);
 -moz-opacity       : 1;
 -ms-filter         : "alpha(opacity=100)";
 -webkit-transition : 0.4s;
 -moz-transition    : 0.4s;
 -o-transition      : 0.4s;
 -ms-transition     : 0.4s;
 transition         : 0.4s;
}

.clear-both{ clear : both;}

.home_copy{
 float             : left;
 display           : inline;
 margin            : 4vw 0 0vw 12vw;
 width             : 38.5vw;
}
.home_copySP{
 display           : none;
}
.home_ill01{
 position          : absolute;
 width             : 40vw;
 top               : 0.5vw;
 right             : 7.5vw;
}
.home_ill01index{
 position          : absolute;
 width             : 45vw;
 top               : 0.5vw;
 right             : 3vw;
}
.home_ill02{
 width             : 90%;
}


.home_content{
/* display           : flex;*/
/* align-items       : flex-end;*/
 display           : inline;
 float             : left;
 margin            : 1.5vw 12vw 1vw 12vw;
 padding           : 1.5vw 3vw 1.5vw 3vw;
 width             : 70vw;
 background        : #ffffff;
 text-align        : left;
 font-size         : 1.3vw;
}
.home_content .txt{
 float             : left;
 display           : inline;
 width             : 56%;
 padding           : 0.8vw 0 0 0;
}
.home_content .btn{
 float             : left;
 display           : inline;
 padding           : 18vw 0 0 0;
 width             : 44%;
 text-align        : center;
 font-size         : 1vw;
}
.home_content .btn_index{
 float             : left;
 display           : inline;
 padding           : 24vw 0 0 0;
 width             : 44%;
 text-align        : center;
 font-size         : 1vw;
}
.home_content .btn_index img,
.home_content .btn img{
 width             : 100%;
 padding           : 0 0 0.5vw 0;
}
.home_content .btn_index strong,
.home_content .btn strong{
 font-size         : 1.6vw;
}

.home_content .btn_index .box01,
.home_content .btn .box01{
 float             : left;
 display           : inline;
 width             : 48%;
 margin            : 0 2% 0 0;
}
.home_content .btn_index .box02,
.home_content .btn .box02{
 float             : left;
 display           : inline;
 width             : 48%;
 margin            : 0 0 0 2%;
}

.home_content .txt h2{
 font-size         : 1.8vw;
 font-weight       : 700;
}
.home_content .txt p{
 width             : 100%;
 padding           : 0 0 1em 0;
}




footer{
 float             : left;
 display           : inline;
 width             : 100%;
 text-align        : center;
 color             : #ffffff;
 font-size         : 0.7vw;
 padding           : 0 0 2vw 0;
}

footer address{
 font-style        : normal;
 font-size         : 0.7vw;
}


.mochikomi{
 float             : left;
 display           : inline;
 width             : 84%;
 font-size         : 1.1vw;
 background        : #f8fcce;
 padding           : 0.5em 3% 0.5em 3%;
 border-radius     : 0.5em
}




/* ipad以下のサイズはスマホレイアウトへ ///////////////////////////////////////////////////////// */



@media (max-width: 850px) {



	* {
 padding           : 0;
 margin            : 0;
	}

	.codepc{ display:none; }
	.codesp{ display:inline; }

	a[href^="tel:"]{
	 pointer-events      : auto;
	}

	body{
	 background        : linear-gradient(-25deg, rgb(51, 41, 103) 50%, rgb(208, 17, 26) 50%);
	 font-size         : 3.5vw;
	 overflow-x        : hidden;
	}

	.home_copy{
	 display           : none;
	}
	.home_copySP{
	 float             : left;
	 display           : inline;
	 margin            : 4vw 0 0vw 4vw;
	 width             : 44vw;
	}
	.home_ill01{
	 position          : absolute;
	 width             : 57vw;
	 top               : 0.5vw;
	 right             : -5vw;
	}
	.home_ill01index{
	 position          : absolute;
	 width             : 57vw;
	 top               : 0.5vw;
	 right             : -5vw;
	}
	.home_ill02{
	 width             : 100%;
	}


	.home_content{
	 margin            : 1.5vw 4% 3vw 4%;
	 padding           : 3.5vw 4% 1.5vw 4%;
	 width             : 84%;
	 font-size         : 3.5vw;
	}
	.home_content .txt{
	 width             : 100%;
	 padding           : 2vw 0 0 0;
	}
	.home_content .btn_index,
	.home_content .btn{
	 padding           : 9vw 0 9vw 0;
	 width             : 100%;
	 font-size         : 3.5vw;
	 line-height       : 120%;
	}
	.home_content .btn_index img,
	.home_content .btn img{
	 width             : 100%;
	 padding           : 0 0 1.5vw 0;
	}
	.home_content .btn_index strong,
	.home_content .btn strong{
	 display           : inline-block;
	 width             : 100%;
	 font-size         : 4.5vw;
	 line-height       : 120%;
	 padding           : 0 0 1vw 0;
	}

	.home_content .btn_index .box01,
	.home_content .btn .box01{
	 width             : 80%;
	 margin            : 0 10% 5vw 10%;
	}
	.home_content .btn_index .box02,
	.home_content .btn .box02{
	 width             : 80%;
	 margin            : 0 10% 5vw 10%;
	}

	.home_content .txt h2{
	 font-size         : 4.5vw;
	 font-weight       : 700;
	 line-height       : 120%;
	}
	.home_content .txt p{
	 width             : 100%;
	 padding           : 0 0 1.5em 0;
	}

	footer{
	 font-size         : 1.5vw;
	 padding           : 0 0 4vw 0;
	}

	footer address{
	 font-style        : normal;
	 font-size         : 1.5vw;
	}


	.mochikomi{
	 width             : 94%;
	 font-size         : 3vw;
	}










}/* @media (max-width: 778px) */