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

* {
	box-sizing: border-box;
}
html {
	font-size: 62.5%;
}
body {
	font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	background-color: #fff;
	line-height: 1.7;
	color: #333;
}
a{
	text-decoration: none;
}
/* text_align */
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}

/* margin */
/* sp */
@media screen and (max-width: 750px) {

	/* top */
	.mt0-sp:not(#_) {
		margin-top: 0;
	}
	.mt5-sp:not(#_) {
		margin-top: 5px;
	}
	.mt10-sp:not(#_) {
		margin-top: 10px;
	}
	.mt15-sp:not(#_) {
		margin-top: 15px;
	}
	.mt20-sp:not(#_) {
		margin-top: 20px;
	}
	.mt25-sp:not(#_) {
		margin-top: 25px;
	}
	.mt30-sp:not(#_) {
		margin-top: 30px;
	}
	.mt35-sp:not(#_) {
		margin-top: 35px;
	}
	.mt40-sp:not(#_) {
		margin-top: 40px;
	}
	/* bottom */
	.mb0-sp:not(#_) {
		margin-bottom: 0;
	}
	.mb5-sp:not(#_) {
		margin-bottom: 5px;
	}
	.mb10-sp:not(#_) {
		margin-bottom: 10px;
	}
	.mb15-sp:not(#_) {
		margin-bottom: 15px;
	}
	.mb20-sp:not(#_) {
		margin-bottom: 20px;
	}
	.mb25-sp:not(#_) {
		margin-bottom: 25px;
	}
	.mb30-sp:not(#_) {
		margin-bottom: 30px;
	}
	.mb35-sp:not(#_) {
		margin-bottom: 35px;
	}
	.mb40-sp:not(#_) {
		margin-bottom: 40px;
	}
	/* left */
	.ml0-sp:not(#_) {
		margin-left: 0;
	}
	.ml5-sp:not(#_) {
		margin-left: 5px;
	}
	.ml10-sp:not(#_) {
		margin-left: 10px;
	}
	.ml15-sp:not(#_) {
		margin-left: 15px;
	}
	.ml20-sp:not(#_) {
		margin-left: 20px;
	}
	.ml25-sp:not(#_) {
		margin-left: 25px;
	}
	.ml30-sp:not(#_) {
		margin-left: 30px;
	}
	.ml35-sp:not(#_) {
		margin-left: 35px;
	}
	.ml40-sp:not(#_) {
		margin-left: 40px;
	}
	/* right */
	.mr0-sp:not(#_) {
		margin-right: 0;
	}
	.mr5-sp:not(#_) {
		margin-right: 5px;
	}
	.mr10-sp:not(#_) {
		margin-right: 10px;
	}
	.mr15-sp:not(#_) {
		margin-right: 15px;
	}
	.mr20-sp:not(#_) {
		margin-right: 20px;
	}
	.mr25-sp:not(#_) {
		margin-right: 25px;
	}
	.mr30-sp:not(#_) {
		margin-right: 30px;
	}
	.mr35-sp:not(#_) {
		margin-right: 35px;
	}
	.mr40-sp:not(#_) {
		margin-right: 40px;
	}
	/* all */
	.m0-sp:not(#_) {
		margin: 0;
	}
	.m5-sp:not(#_) {
		margin: 5px;
	}
	.m10-sp:not(#_) {
		margin: 10px;
	}
	.m15-sp:not(#_) {
		margin: 15px;
	}
	.m20-sp:not(#_) {
		margin: 20px;
	}
	.m25-sp:not(#_) {
		margin: 25px;
	}
	.m30-sp:not(#_) {
		margin: 30px;
	}
	.m35-sp:not(#_) {
		margin: 35px;
	}
	.m40-sp:not(#_) {
		margin: 40px;
	}
	/* padding */
	/* top */
	.pt0-sp:not(#_) {
		padding-top: 0;
	}
	.pt5-sp:not(#_) {
		padding-top: 5px;
	}
	.pt10-sp:not(#_) {
		padding-top: 10px;
	}
	.pt15-sp:not(#_) {
		padding-top: 15px;
	}
	.pt20-sp:not(#_) {
		padding-top: 20px;
	}
	.pt25-sp:not(#_) {
		padding-top: 25px;
	}
	.pt30-sp:not(#_) {
		padding-top: 30px;
	}
	.pt35-sp:not(#_) {
		padding-top: 35px;
	}
	.pt40-sp:not(#_) {
		padding-top: 40px;
	}
	/* bottom */
	.pb0-sp:not(#_) {
		padding-bottom: 0;
	}
	.pb5-sp:not(#_) {
		padding-bottom: 5px;
	}
	.pb10-sp:not(#_) {
		padding-bottom: 10px;
	}
	.pb15-sp:not(#_) {
		padding-bottom: 15px;
	}
	.pb20-sp:not(#_) {
		padding-bottom: 20px;
	}
	.pb25-sp:not(#_) {
		padding-bottom: 25px;
	}
	.pb30-sp:not(#_) {
		padding-bottom: 30px;
	}
	.pb35-sp:not(#_) {
		padding-bottom: 35px;
	}
	.pb40-sp:not(#_) {
		padding-bottom: 40px;
	}
	/* left */
	.pl0-sp:not(#_) {
		padding-left: 0;
	}
	.pl5-sp:not(#_) {
		padding-left: 5px;
	}
	.pl10-sp:not(#_) {
		padding-left: 10px;
	}
	.pl15-sp:not(#_) {
		padding-left: 15px;
	}
	.pl20-sp:not(#_) {
		padding-left: 20px;
	}
	.pl25-sp:not(#_) {
		padding-left: 25px;
	}
	.pl30-sp:not(#_) {
		padding-left: 30px;
	}
	.pl35-sp:not(#_) {
		padding-left: 35px;
	}
	.pl40-sp:not(#_) {
		padding-left: 40px;
	}
	/* right */
	.pr0-sp:not(#_) {
		padding-right: 0;
	}
	.pr5-sp:not(#_) {
		padding-right: 5px;
	}
	.pr10-sp:not(#_) {
		padding-right: 10px;
	}
	.pr15-sp:not(#_) {
		padding-right: 15px;
	}
	.pr20-sp:not(#_) {
		padding-right: 20px;
	}
	.pr25-sp:not(#_) {
		padding-right: 25px;
	}
	.pr30-sp:not(#_) {
		padding-right: 30px;
	}
	.pr35-sp:not(#_) {
		padding-right: 35px;
	}
	.pr40-sp:not(#_) {
		padding-right: 40px;
	}
	/* all */
	.p0-sp:not(#_) {
		padding: 0;
	}
	.p5-sp:not(#_) {
		padding: 5px;
	}
	.p10-sp:not(#_) {
		padding: 10px;
	}
	.p15-sp:not(#_) {
		padding: 15px;
	}
	.p20-sp:not(#_) {
		padding: 20px;
	}
	.p25-sp:not(#_) {
		padding: 25px;
	}
	.p30-sp:not(#_) {
		padding: 30px;
	}
	.p35-sp:not(#_) {
		padding: 35px;
	}
	.p40-sp:not(#_) {
		padding: 40px;
	}
}
/* PC */
@media screen and (min-width: 751px) {
	/* top */
	.mt0-pc {
		margin-top: 0;
	}
	.mt5-pc {
		margin-top: 5px;
	}
	.mt10-pc {
		margin-top: 10px;
	}
	.mt15-pc {
		margin-top: 15px;
	}
	.mt20-pc {
		margin-top: 20px;
	}
	.mt25-pc {
		margin-top: 25px;
	}
	.mt30-pc {
		margin-top: 30px;
	}
	.mt35-pc {
		margin-top: 35px;
	}
	.mt40-pc {
		margin-top: 40px;
	}
	/* bottom */
	.mb0-pc {
		margin-bottom: 0;
	}
	.mb5-pc {
		margin-bottom: 5px;
	}
	.mb10-pc {
		margin-bottom: 10px;
	}
	.mb15-pc {
		margin-bottom: 15px;
	}
	.mb20-pc {
		margin-bottom: 20px;
	}
	.mb25-pc {
		margin-bottom: 25px;
	}
	.mb30-pc {
		margin-bottom: 30px;
	}
	.mb35-pc {
		margin-bottom: 35px;
	}
	.mb40-pc {
		margin-bottom: 40px;
	}
	/* left */
	.ml0-pc {
		margin-left: 0;
	}
	.ml5-pc {
		margin-left: 5px;
	}
	.ml10-pc {
		margin-left: 10px;
	}
	.ml15-pc {
		margin-left: 15px;
	}
	.ml20-pc {
		margin-left: 20px;
	}
	.ml25-pc {
		margin-left: 25px;
	}
	.ml30-pc {
		margin-left: 30px;
	}
	.ml35-pc {
		margin-left: 35px;
	}
	.ml40-pc {
		margin-left: 40px;
	}
	/* right */
	.mr0-pc {
		margin-right: 0;
	}
	.mr5-pc {
		margin-right: 5px;
	}
	.mr10-pc {
		margin-right: 10px;
	}
	.mr15-pc {
		margin-right: 15px;
	}
	.mr20-pc {
		margin-right: 20px;
	}
	.mr25-pc {
		margin-right: 25px;
	}
	.mr30-pc {
		margin-right: 30px;
	}
	.mr35-pc {
		margin-right: 35px;
	}
	.mr40-pc {
		margin-right: 40px;
	}
	/* all */
	.m0-pc {
		margin: 0;
	}
	.m5-pc {
		margin: 5px;
	}
	.m10-pc {
		margin: 10px;
	}
	.m15-pc {
		margin: 15px;
	}
	.m20-pc {
		margin: 20px;
	}
	.m25-pc {
		margin: 25px;
	}
	.m30-pc {
		margin: 30px;
	}
	.m35-pc {
		margin: 35px;
	}
	.m40-pc {
		margin: 40px;
	}
	/* padding */
	/* top */
	.pt0-pc {
		padding-top: 0;
	}
	.pt5-pc {
		padding-top: 5px;
	}
	.pt10-pc {
		padding-top: 10px;
	}
	.pt15-pc {
		padding-top: 15px;
	}
	.pt20-pc {
		padding-top: 20px;
	}
	.pt25-pc {
		padding-top: 25px;
	}
	.pt30-pc {
		padding-top: 30px;
	}
	.pt35-pc {
		padding-top: 35px;
	}
	.pt40-pc {
		padding-top: 40px;
	}
	/* bottom */
	.pb0-pc {
		padding-bottom: 0;
	}
	.pb5-pc {
		padding-bottom: 5px;
	}
	.pb10-pc {
		padding-bottom: 10px;
	}
	.pb15-pc {
		padding-bottom: 15px;
	}
	.pb20-pc {
		padding-bottom: 20px;
	}
	.pb25-pc {
		padding-bottom: 25px;
	}
	.pb30-pc {
		padding-bottom: 30px;
	}
	.pb35-pc {
		padding-bottom: 35px;
	}
	.pb40-pc {
		padding-bottom: 40px;
	}
	/* left */
	.pl0-pc {
		padding-left: 0;
	}
	.pl5-pc {
		padding-left: 5px;
	}
	.pl10-pc {
		padding-left: 10px;
	}
	.pl15-pc {
		padding-left: 15px;
	}
	.pl20-pc {
		padding-left: 20px;
	}
	.pl25-pc {
		padding-left: 25px;
	}
	.pl30-pc {
		padding-left: 30px;
	}
	.pl35-pc {
		padding-left: 35px;
	}
	.pl40-pc {
		padding-left: 40px;
	}
	/* right */
	.pr0-pc {
		padding-right: 0;
	}
	.pr5-pc {
		padding-right: 5px;
	}
	.pr10-pc {
		padding-right: 10px;
	}
	.pr15-pc {
		padding-right: 15px;
	}
	.pr20-pc {
		padding-right: 20px;
	}
	.pr25-pc {
		padding-right: 25px;
	}
	.pr30-pc {
		padding-right: 30px;
	}
	.pr35-pc {
		padding-right: 35px;
	}
	.pr40-pc {
		padding-right: 40px;
	}
	/* all */
	.p0-pc {
		padding: 0;
	}
	.p5-pc {
		padding: 5px;
	}
	.p10-pc {
		padding: 10px;
	}
	.p15-pc {
		padding: 15px;
	}
	.p20-pc {
		padding: 20px;
	}
	.p25-pc {
		padding: 25px;
	}
	.p30-pc {
		padding: 30px;
	}
	.p35-pc {
		padding: 35px;
	}
	.p40-pc {
		padding: 40px;
	}
}
.w5p {
	width: 5%;
}
.w10p {
	width: 10%;
}
.w15p {
	width: 15%;
}
.w20p {
	width: 20%;
}
.w25p {
	width: 25%;
}
.w30p {
	width: 30%;
}
.w35p {
	width: 35%;
}
.w40p {
	width: 40%;
}
.w45p {
	width: 45%;
}
.w50p {
	width: 50%;
}
.w55p {
	width: 55%;
}
.w60p {
	width: 60%;
}
.w65p {
	width: 65%;
}
.w70p {
	width: 70%;
}
.w75p {
	width: 75%;
}
.w80p {
	width: 80%;
}
.w85p {
	width: 85%;
}
.w90p {
	width: 90%;
}
.w95p {
	width: 95%;
}
.w100p {
	width: 100%;
}
@media screen and (max-width: 750px) {
	.w5p-sp {
		width: 5%;
	}
	.w10p-sp {
		width: 10%;
	}
	.w15p-sp {
		width: 15%;
	}
	.w20p-sp {
		width: 20%;
	}
	.w25p-sp {
		width: 25%;
	}
	.w30p-sp {
		width: 30%;
	}
	.w35p-sp {
		width: 35%;
	}
	.w40p-sp {
		width: 40%;
	}
	.w45p-sp {
		width: 45%;
	}
	.w50p-sp {
		width: 50%;
	}
	.w55p-sp {
		width: 55%;
	}
	.w60p-sp {
		width: 60%;
	}
	.w65p-sp {
		width: 65%;
	}
	.w70p-sp {
		width: 70%;
	}
	.w75p-sp {
		width: 75%;
	}
	.w80p-sp {
		width: 80%;
	}
	.w85p-sp {
		width: 85%;
	}
	.w90p-sp {
		width: 90%;
	}
	.w95p-sp {
		width: 95%;
	}
	.w100p-sp {
		width: 100%;
	}
}
@media screen and (min-width: 751px) {
	.w5p-pc {
		width: 5%;
	}
	.w10p-pc {
		width: 10%;
	}
	.w15p-pc {
		width: 15%;
	}
	.w20p-pc {
		width: 20%;
	}
	.w25p-pc {
		width: 25%;
	}
	.w30p-pc {
		width: 30%;
	}
	.w35p-pc {
		width: 35%;
	}
	.w40p-pc {
		width: 40%;
	}
	.w45p-pc {
		width: 45%;
	}
	.w50p-pc {
		width: 50%;
	}
	.w55p-pc {
		width: 55%;
	}
	.w60p-pc {
		width: 60%;
	}
	.w65p-pc {
		width: 65%;
	}
	.w70p-pc {
		width: 70%;
	}
	.w75p-pc {
		width: 75%;
	}
	.w80p-pc {
		width: 80%;
	}
	.w85p-pc {
		width: 85%;
	}
	.w90p-pc {
		width: 90%;
	}
	.w95p-pc {
		width: 95%;
	}
	.w100p-pc {
		width: 100%;
	}
}
/* sp/pc共通 */
img {
	max-width: 100%;
	height: auto;
}
.img-center {
	display: block;
	text-align: center;
}
.note-wrap{
	line-height: 1.2;
}
.note-wrap li{
	display: block;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.5;
}
.note{
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.5;
}
.text-bold{
	font-weight: bold;
}
.text-red{
	color: #F1382E;
	font-weight: bold;
}
.text-blue{
	color: #5d6d8a;
	font-weight: bold;
}
.text-white{
	color: #fff;
}
.text-black{
	color: #333;
}
.text-link{
	color: #5d6d8a;
	text-decoration: underline;
}
.text-dot{
	background-image: radial-gradient(circle at center, #F1382E 20%, transparent 20%);
	background-position: top right;
	background-repeat: repeat-x;
	background-size: 1em 0.3em;
	padding-top: .2em;
  }
/* background */
.bg-white:not(#_){
	background-color: #fff;
}
.bg-gray {
  background: #f9f9f9;
}
.bg-gray02 {
	background: #f6f6f6;
  }
.bg-primary {
  background: #ECA713;
}
.bg-daikouBeige {
	background: #FCF9F6;
  }
.bg-daikouCream {
background: #FFF9EF;;
}
.bg-secondary {
    background-color: #ffe09d;
  }
.underline{
	background: linear-gradient(transparent 60%, #fffb80 60%);
}
@media screen and (max-width: 750px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.note,
	.note-wrap li{
		font-size: calc((24/750)*100vw);
	}
	.list-style li{
		position: relative;
		padding-left: 3.5vw;
		position: relative;
		margin-bottom: 5px;
	}
	.list-style li:before{
		content: '';
		width: 1.5vw;
		height: 1.5vw;
		background: #ECA713;
		position: absolute;
		top: 3vw;
		left: 0;
		border-radius: 50%;
	}
}
@media screen and (min-width: 751px) {
	.pc {
		display: block;
	}
	.sp {
		display: none;
	}
	.content-center{
		display: block;
		margin: 0 auto;
	}
	.text-link:hover{
		text-decoration: none;
	}
	.note,
	.note-wrap li{
		font-size: 12px;
	}
	.list-style li{
		position: relative;
		padding-left: 18px;
		position: relative;
		margin-bottom: 5px;
	}
	.list-style li:before{
		content: '';
		width: 5px;
		height: 5px;
		background: #ECA713;
		position: absolute;
		top: 10px;
		left: 0;
		border-radius: 50%;
	}
}
@media screen and (min-width:751px) and ( max-width:1000px) {
	img{
		max-width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 750px) {
	.header {
		margin: 15px auto;
		text-align: center;
	}
	.header-logo {
		width: 250px;
		height: auto;
	}
	.footer{
		background: #333;
		padding: 30px 0 10vw;
		text-align: center;
		color: #fff;
		box-shadow: 0 0 10px rgb(0 0 0 / 10%);
	}
	.copyright{
		font-size: calc((26/750)*100vw);
	}
}
@media screen and (min-width: 751px) {
	.header {
		margin: 15px auto;
		text-align: center;
	}
	.header-logo {
		width: 300px;
		height: auto;
	}
	.footer{
		background: #333;
		padding: 50px 0 50px;
		text-align: center;
		color: #fff;
	}
	.copyright{
		font-size: 13px;
	}
}
