@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
html{
    scroll-behavior: smooth;
}
body{
    color: #242424;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.6;
    overflow-x: hidden;
	width: 100%;
    max-width: 750px;
	margin: 0 auto;
	font-size: 16px;

}
img{
    width: 100%;
}
a{
    text-decoration: none;
}
#wrapper{
    width: 100%;
    margin: 0 auto;
}
.content{
	width: 92%;
	margin: 0 auto;
}
.about{
	text-align: center;
}
.about h2{
	display: inline-block;
	border-bottom: 2px solid #ff9123;
	margin: 30px auto;
	font-size: 1.8rem;
}
.about p{
	text-align: left;
}
.about .kome{
	font-size: 0.875rem;
}
.about .about_text{
	font-size: 1.2rem;
}
.about .about_kome{
	font-size: 0.875rem;
		
}
.about .delivery{
	font-size: 1.125rem;
}
.arrow{
	position: relative;
	display: inline-block;
	padding: 20px 40px 20px 20px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
	border: 1px solid #CCC;
	margin: 50px auto;
	background-color: #EEE;
}
.arrow:hover{
	opacity: 0.8;
}
.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.yaji::after{
	right: 20px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #242424;
	border-right: 2px solid #242424;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.download .download_ttl{
	display: block;
	background-color: #a0a0a0;
	font-size: 1.5rem;
	text-align: center;
	color: #FFF;
	font-weight: 400;
	padding: 2%;
}
.download .btn_area01{
	border: 1px solid #a0a0a0;
}
.download .btn_box01{
	display: flex;
	padding: 20px 50px;
}
.download .btn_app{
	width: 270px;
	margin-right: 10px
}
.download .btn_google{
	width: 305px;
}
.download .kome{
	display: block;
	margin: 0 auto 20px;
	width: 85%;
	font-size: 0.875rem;
}
.table-item {
	margin: 0 auto;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
	max-width: 690px;
	/*font-size: 1.125rem;*/
}
.table-item__head {
    padding: 10px 0;
    border: 1px solid #ccc;
    background: #f4f4f5;
    font-weight: normal;
	font-size: 1.2rem;
}
.table-item__data {
    padding: 20px;
    border: 1px solid #ccc;
    text-align: center;
	vertical-align: middle;
	font-size: 1.2rem;
}
.point01 .point{
	text-align: left;
}
.point01 .point span{
	font-size: 0.8rem;
	display: block;
	line-height: 1.4;
	margin-top: 1em;
}
.table-item__head:nth-child(1){
	width: 20%;
}
.table-item__head:nth-child(2){
	width: 80%;
}
.point02 .text{
	font-size: 1.5rem;
	text-align: center;
}
.point02 .kome{
	text-align: left;
	font-size: 0.8rem;
	width: 74%;
	margin: 2em auto;
}
.point03 a:hover{
	opacity: 0.8;
}
.point03 .btn_box02{
	display: flex;
	width: 90%;
	margin: 0 auto 20px;
}
.point03 .btn_app02{
	width: 270px;
	margin-right: 10px
}
.point03 .btn_google02{
	width: 305px;
}
.point03 .kome02{
	display: block;
	margin: 0 auto 20px;
	width: 90%;
	font-size: 0.875rem;
	text-align: left;
}
.contact_box{
	margin: 0 auto 50px;
}
.contact_box a{
	display: block;
	width: 90%;
	margin:0 auto 14px;
}
.contact_box a:hover{
	opacity: 0.8;
}
footer{
	background-color: #cbf2ff;
	padding: 30px 10px;
}
footer .footer_box{
	width: 57%;
	display: flex;
	list-style: none;
	margin: 0 auto 20px;
	justify-content: center;
}
footer .footer_box a{
	display: inline-block;
	color: #242424;
	font-size: 1rem;
}
footer .footer_box a:hover{
	opacity: 0.8;
}
footer .footer_box a:first-child{
	margin-right: 30px;
}
footer .copy{
	font-size: 0.75rem;
	text-align: center;
}
.sp{
	display: none!important;
}
.pc{
	display: block!important;
}
@media screen and (max-width:750px) {
	.about{
		width: 92%;
		margin: 0 auto;
	}
	.about h2{
		margin: 20px auto 30px;
		font-size: 4.8vw;
	}
	.about .delivery{
		font-size: 3.6vw;
	}
	.arrow{
		font-size: 4vw;
		margin: 10% auto;
	}
	.about .about_text{
		font-size: 4vw;
	}
	.about .kome{
		font-size: 2.8vw;
	}
	.about .about_kome{
		font-size: 3.2vw;
	}
	.download .download_ttl{
		font-size: 4.8vw;
		padding: 2%;
		line-height: 1.4;
	}
	.download .btn_box01{
		display: flex;
		padding: 5% 3%;
	}
	.download .btn_app{
		width: 270px;
		margin-right: 3%
	}
	.download .btn_google{
		width: 305px;
	}
	.download .kome{
		display: block;
		margin: 0 auto 20px;
		width: 96%;
		font-size: 2.8vw;
	}
	.table-item {
		font-size: 3vw;
	}
	.table-item__head {
		padding: 1% 1.2vw;
		font-size: 4vw;
		vertical-align: middle;
	}
	.table-item__data {
		padding: 3% 1.2vw;
		font-size: 4vw;
	}
	.table-item__head:nth-child(1){
		width: 22%;
	}
	.table-item__head:nth-child(2){
		width: 56%;
	}
	.table-item__head:nth-child(3){
		width: 22%;
	}
	.point01 .point span{
		font-size: 2.6vw;
	}
	.point02 .text{
		font-size: 4.0vw;
	}
	.point02 .kome{
		font-size: 2.8vw;
		width: 90%;
	}
	.point03 .kome02{
		font-size: 2.8vw;
	}
	.contact_box a{
		margin:0 auto 2.5%;
	}
	footer .footer_box{
		width: 98%;
		margin: 0 auto 20px;
	}
	footer .footer_box a{
		font-size: 3.0vw;
	}
	footer .footer_box a:first-child{
		margin-right: 5vw;
	}
	footer .copy{
		font-size: 2.8vw;
		text-align: center;
	}
	.sp{
		display: block!important;
	}
	.pc{
		display: none!important;
	}
}