@charset "utf-8";

*,
*::after,
*::before {
	box-sizing: border-box;
	padding: 0;
 	margin: 0;
}
html, body {
	margin: 0 auto;
	padding: 0;
	max-width: 1920px;
	min-width: 750px;
	font-family: Arial, Helvetica, "sans-serif", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
body{
    -webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, p {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: inherit;
	margin: 0;
	padding: 0;
}
.flex {
	display: flex;
}
@font-face {
	font-family: 'LEMON MILK Medium Italic';
	src: url("../font/LEMONMILK-MediumItalic.otf") format('opentype');
}
.LEMON_MILK {
	font-family: 'LEMON MILK Medium Italic';
}

/* ---------- サイトマップ ---------- */
.sitemap {
	background: #a2d0ff;
	margin-bottom: 50px;
}
.sitemap .flex {
	width: 90%;
	max-width: 1018px;
	height: 30px;
	align-items: center;
	margin: auto;
	color: #0072cd;
	font-size: 0.875rem;
}
.sub_page_title {
	font-size: 3rem;
	text-align: center;
	letter-spacing: 5px;
}

/* ---------- テーブル ---------- */
table {
	border-collapse: collapse;
	width: 90%;
	max-width: 1018px;
	margin: auto;
}
table span {
	font-size: 1rem;
	font-weight: normal;
}
table th {
	width: 30%;
	min-width: 220px;
	border-bottom: #0072cd 5px solid;
	vertical-align: top;
	font-size: 1.5rem;
	padding: 20px 0 20px 20px;
	text-align: left;
}
table td {
	border-bottom: #a2d0ff 5px solid;
	vertical-align: top;
	font-size: 1.4rem;
	padding: 20px 3%;
}

/* ---------- ヘッダー ---------- */
header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 0 17px 1%;
}
header .align {
	width: 560px;
	margin-top: 5px;
}
header .align .flex {
	width: 560px;
	justify-content: space-between;
}

/* バナー */
.headline {
	font-size: 0.75rem;
	padding-bottom: 5px;
	min-width: 700px;
}

/* ロゴ */
header .logo {
	display: block;
	width: 340px;
	height: 34px;
	margin: 3px 5px 0 0;
}

/* 電話番号 */
.tel {
	width: 380px;
	margin-top: 10px;
}
header .tel .phone:hover {
	opacity: 50%;
}
.tel .flex {
	justify-content: space-between;
}
.tel p {
	color: #0065ec;
	font-size: 1.15rem;
	font-weight: bold;
	border: #0065ec 2px solid;
	border-radius: 6px;
	padding: 0 25px;
}
.tel .img {
	padding-top: 10px;
}
.tel .number {
	color: #ff0000;
	font-size: 2.75rem;
	line-height: 2ex;
}

/* クレジットカード */
header .credit_cards {
	width: 245px;
}

/* 連絡ボタン */
header .contact {
	width: 270px;
	justify-content: space-between;
}
.button {
	width: 130px;
	height: 100px;
	padding-bottom: 10px;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}
.button h1 {
	color: #FFF;
	font-size: 0.95rem;
	line-height: 2ex;
	text-align: center;
	padding-top: 8px;
}
.button h1 span {
	font-size: 0.7rem;
	font-weight: normal;
}
.mail {
	background: #ff7c00;
}
.mail:hover {
	background: #dd4400;
}
.line {
	background: #2aad00;
}
.line:hover {
	background: #007500;
}

@media screen and (max-width: 1250px){
	header {
		padding: 10px 3% 15px 3%;
	}
	header .align {
		width: 100vw;
	}
	header .headline {
		font-size: 0.9rem;
	}
	header .logo {
		display: block;
		width: 504px;
		height: 50px;
	}
	header .credit_cards {
		display: none;
	}
	header .tel {
		display: none;
	}
	header .contact {
		display: none;
	}
}

/* ---------- ナビゲーション ---------- */
.navbar input[type="checkbox"],
.navbar .hamburger-lines {
	display: none;
}
.navbar {
	display: flex;
	justify-content: center;
	align-items: center;
}
.menu-items {
	display: flex;
	max-width: 1025px;
	width: 95%;
}
.menu-items a {
 	transition: color 0.3s ease-in-out;
	max-width: 200px;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-right: #000 1px dashed;
	border-bottom: #FFF 5px solid;
}
.menu-items a:first-child {
	border-left: #000 1px dashed;
}
.menu-items a p {
	font-weight: bold;
	font-size: 1.1rem;
	padding: 3px 0;
}
.menu-items a:hover {
	border-bottom: #038fff 5px solid;
}

@media (max-width: 800px) {
	.sticky {
		width: 100%;
		height: 0;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 1000;
	}
	.navbar input[type="checkbox"],
 	.navbar .hamburger-lines {
		display: block;
	}
	.navbar {
		width: 100%;
		height: 0;
		display: block;
		position: relative;
	}
	.navbar input[type="checkbox"] {
		position: absolute;
		display: block;
		cursor: pointer;
		height: 60px;
		width: 60px;
		top: 35px;
		right: 30px;
		z-index: 5;
		opacity: 0;
	}
	.navbar .hamburger-lines {
		height: 45px;
		width: 60px;
		position: absolute;
		top: 45px;
		right: 30px;
		z-index: 2;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.navbar .hamburger-lines .line {
		display: block;
		height: 6px;
		width: 100%;
		border-radius: 10px;
		background: #000;
	}
	.navbar .hamburger-lines .line1 {
		transform-origin: 0% 0%;
		transition: transform 0.4s ease-in-out;
	}
	.navbar .hamburger-lines .line2 {
    	transition: transform 0.2s ease-in-out;
	}
	.navbar .hamburger-lines .line3 {
		transform-origin: 0% 100%;
		transition: transform 0.4s ease-in-out;
	}
	.navbar .menu-items {
		padding: 80px 0 60px 0;
		background: #FFF;
		box-shadow: #000 0 0 10px;
		width: 100%;
		transform: translateY(-150%);
		display: flex;
		flex-direction: column;
		transition: transform 0.5s ease-in-out;
	}
	.navbar .menu-items a {
		border-right: none;
		border-left: none;
		border-bottom: #a7d5ff 5px solid;
		flex-direction: row;
		justify-content: flex-start;
		max-width: 750px;
		width: 90%;
		margin: 0 auto;
		padding: 40px 20px;
	}
	.navbar .menu-items a:first-child {
		border-top: #a7d5ff 5px solid;
	}
	.navbar .menu-items a:hover {
		background: #a7d5ff;
	}
	.navbar .menu-items a p {
		font-size: 1.5rem;
		margin-left: 10px;
	}
	.navbar input[type="checkbox"]:checked ~ .menu-items {
    	transform: translateY(0);
	}
	.navbar input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
		transform: rotate(43deg);
	}
	.navbar input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
    	transform: scaleY(0);
	}
	.navbar input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
    	transform: rotate(-43deg);
	}
}

/* ---------- インボイス ---------- */
.display_tel{
	display: none;
}
.invoice_obi{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #0065eb;
	padding: 5px;
	letter-spacing: 1px;
}
.invoice_obi .icon{
	color: #0065eb;
	background-color: #ffff00;
	font-weight: bold;
	font-size: 25px;
	padding: 0px 30px;
	letter-spacing: 1px;
	line-height: 30px;
}
.invoice_obi .p{
	font-weight: bold;
	font-size: 29px;
	color: #fff;
	letter-spacing: 2px;
	margin-left: 10px;
}
.invoice_obi .p span{
	color: #ffff00;
	font-size: 32px;
}
@media screen and (max-width: 1000px){
	.display_tel{
	display: block;
}
	.invoice_obi{
		padding: 20px 0;
}
	.invoice_obi .icon{
		font-size: 40px;
		padding: 0px 30px;
		line-height: 55px;
		border-radius: 10px;
}
	.invoice_obi .p{
		font-size: 25px;
		margin-left: 10px;
		line-height: 30px;
}
.invoice_obi .p span{
	font-size: 25px;
}
}

/* ---------- トップ画像 ---------- */
#top_img_PC {
	width: 100%;
	max-width: 1330px;
	margin: 0 auto;
	line-height: 0;
}
#top_img_smartphone {
	display: none;
}
.top_bottom_text{
	display: none;
}

@media screen and (max-width: 1000px){
	#top_img_PC {
		display: none;
	}
	#top_img_smartphone {
		display: block;
		line-height: 0;
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
	}
	.top_bottom_text{
	display: block;
	background-color: #ffff00;
	width: 100%;
	padding: 20px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

}

/* ---------- コロナ対策 ---------- */
.corona {
	background: #a9d7ff;
	padding: 0 0 0 25px;
}
.corona .align {
	max-width: 1300px;
	margin: auto;
	position: relative;
}
.corona h1 {
	background: linear-gradient(90deg, rgba(169,215,255,1) 0%, rgba(0,114,212,1) 20%, rgba(0,114,212,1) 80%, rgba(169,215,255,1) 100%);
	color: #FFF;
	font-size: 1.625rem;
	text-align: center;
	max-width: 750px;
}
.corona .img {
	width: 565px;
	display: flex;
	justify-content: space-between;
	margin: 15px 0 10px 80px;
}
.corona p {
	color: #0072d4;
	font-size: 1.05rem;
	font-weight: 500;
	width: 675px;
	margin-left: 80px;
	padding: 5px 0 20px 0;
}
.corona .top_img_taioueria {
	position: absolute;
	bottom: 20px;
	right: 135px;
	max-width: 490px;
}
@media screen and (max-width: 1250px){
	.corona .top_img_taioueria {
		width: 35%;
		right: 20px;
	}
}
@media screen and (max-width: 1100px){
	.corona .top_img_taioueria {
		width: 25%;
		bottom: 30px;
	}
}
@media screen and (max-width: 1000px){
	.corona .top_img_taioueria {
		display: none;
	}
	.corona {
		padding-top: 15px;
	}
	.corona h1 {
		margin: auto;
	}
	.corona .img {
		margin: 15px auto 10px auto;
	}
	.corona p {
		margin: 0 auto;
	}
}
/* ---------- キャンペーン ---------- */
.campaign {
	background: url("../images/campaign.png") center no-repeat;
	height: 855px;
	margin-top: 0px;
}
@media screen and (max-width: 900px){
.campaign{
	background: url("../images/campaign_tel.png") center no-repeat;
	height: 567px;
	}
}
/* ---------- ムービー ---------- */
.movie{
	background: url("../images/movie_BG.png") center no-repeat;
	height: 726px;
	background-position: center;
}
.movie p{
	font-weight: bold;
	font-size: 55px;
	color: #fff;
	letter-spacing: 2px;
	text-align: center;
	padding-top: 30px;
}
.movie video{
	width:850px;
	margin: auto;
	margin-top: 50px;
	border-radius: 30px;
}

@media screen and (max-width: 1200px){
.movie{
	background: url("../images/movie_BG.png") center no-repeat;
	height: 600px;
}
.movie p{
	font-size: 42px;
}
.movie video{
	margin-top: 30px;
	width:700px;
}	
}

/* ---------- テレビ ---------- */
.terebi {
	margin: 30px auto;
}
.terebi .img {
	background: url("../images/Top_terebi.png") center no-repeat;
	height: 186px;
}
.terebi p {
	text-align: center;
	font-size: 1.2rem;
	padding-top: 10px;
}
@media screen and (max-width: 1000px){
	.terebi .img {
		background: url("../images/Top_terebi (smartphone).png") center no-repeat;
		height: 272px;
	}
}

/* ---------- お問合せ　バナー ---------- */
.banner {
	background: url("../images/Banner.png") center no-repeat;
	height: 235px;
	position: relative;
}
.banner .align {
	position: absolute;
	width: 820px;
	justify-content: space-between;
	top: 95px;
	left: 50%;
	transform: translateX(-62%);
}
.banner .banner_tel {
	display: block;
	width: 476px;
	margin: 40px 0 0 35px;
}
.banner .banner_tel:hover {
	opacity: 50%;
}
.banner .contact {
	flex-direction: column;
}
.banner .contact .button {
	width: 280px;
	height: 55px;
	padding-top: 10px;
	margin: 5px 0;
	flex-direction: row;
	justify-content: center;
	border-radius: 10px;
}
.banner .contact .button h1 {
	color: #FFF;
	text-align: center;
	line-height: 1.5ex;
	font-size: 1.4rem;
	padding: 5px 0 0 5px;
}
@media screen and (max-width: 1000px){
	.banner {
		background: url("../images/Banner (smartphone).png") center no-repeat;
		height: 482px;
	}
	.banner .align {
		width: 683px;
		display: block;
		top: 220px;
		left: 50%;
		transform: translateX(-50%);
	}
	.banner .banner_tel {
		width: 605px;
	}
	.banner .contact {
		flex-direction: row;
		justify-content: space-between;
		width: 630px;
		margin: 50px auto 0 auto;
	}
	.banner .contact .button {
		width: 305px;
		height: 60px;
	}
	.banner .contact .button h1 {
		font-size: 1.6rem;
	}
}

/* ---------- 積み放題プラン ---------- */
.plan {
	max-width: 1018px;
	width: 90%;
	margin: auto;
}
.plan .subtitle {
	max-width: 711px;
	width: 90%;
	margin: auto;
}
.plan .title {
	max-width: 936px;
	margin: auto;
}
.plan .title_p {
	color: #FFF;
	font-size: 1.125rem;
	max-width: 902px;
	width: 95%;
	margin: auto;
}
.plan .keitora {
	margin-bottom: 60px;
}
.plan .keitora .smartphone {
	display: none;
}
.plan .keitora p {
	width: 95%;
	margin: auto;
	color: #FFF;
	font-size: 1.8rem;
	font-weight: bolder;
}
.plan .align {
	display: flex;
	justify-content: space-between;
}
.plan .ton {
	max-width: 487px;
	width: 50%;
	margin: 0 0 60px 0;
}
.plan .ton .smartphone {
	display: none;
}
.plan .ton p {
	margin: auto;
	color: #FFF;
	font-size: 1.375rem;
	font-weight: bolder;
}
.plan .anshin .bar {
	background: #FFF;
	border-radius: 20px;
	max-width: 1018px;
	width: 90%;
	margin: auto;
}
@media screen and (max-width: 1100px){
	.plan .ton {
		max-width: 430px;
	}
}
@media screen and (max-width: 1000px){
	.plan .title_p {
		text-align: center;
		padding: 5px 0 20px 0;
	}
	.plan .PC {
		display: none;
	}
	.plan .keitora .smartphone {
		display: block;
	}
	.plan .keitora p {
		width: 600px;
		text-align: center;
	}
	.plan .align {
		flex-direction: column;
		justify-content: center;
		width: 675px;
		margin: auto;
	}
	.plan .ton .smartphone {
		display: block;
	}
	.plan .ton p {
		width: 675px;
		padding: 0 40px;
		margin: auto;
		text-align: center;
		font-size: 1.8rem;
		font-weight: bolder;
	}
}

/* ---------- 安心パック ---------- */
.anshin {
	max-width: 1018px;
	width: 90%;
	margin: 40px auto;
}
.anshin .title {
	line-height: 0;
}
.anshin .smartphone {
	display: none;
}
.anshin .align {
	background: #ffff79;
	padding: 30px 0 10px 0;
	border-radius: 15px;
	display: flex;
	justify-content: center;
}
.anshin .flex {
	width: 420px;
	justify-content: space-between;
	margin: 0 8px;
	padding-bottom: 20px;
}
.anshin .pack {
	width: 130px;
	text-align: center;
}
.anshin .pack h1 {
	border-radius: 6px;
	background: #00ae00;
	color: #FFF;
	font-size: 1.4rem;
	letter-spacing: -1px;
}
@media screen and (max-width: 1000px){
	.anshin {
		width: 680px;
	}
	.anshin .PC {
		display: none;
	}
	.anshin .smartphone {
		display: block;
	}
	.anshin .flex {
		width: 600px;
		margin: auto;
	}
	.anshin .align {
		display: block;
	}
	.anshin .pack {
		width: 192px;
	}
	.anshin .pack h1 {
		border-radius: 6px;
		background: #00ae00;
		color: #FFF;
		font-size: 1.625rem;
		letter-spacing: -1px;
	}
}
/* ---------- お困り ---------- */
.okomari {
	background: url("../images/OkomariBG.png") center no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}
.okomari .PC {
	max-width: 1000px;
	width: 90%;
	padding: 30px 0;
}
.okomari .smartphone {
	display: none;
}
@media screen and (max-width: 1000px){
	.okomari .PC {
		display: none;
	}
	.okomari .smartphone {
		display: block;
	}
	.okomari {
		height: 880px;
	}
}

/* ---------- 選ばれる理由 ---------- */
.riyuu {
	background: #60cfff;
	padding: 20px 0;
}
.riyuu .img {
	max-width: 937px;
	width: 90%;
	margin: auto;
}
.riyuu .flex {
	max-width: 1020px;
	width: 90%;
	justify-content: space-between;
	margin: 20px auto;
}
.riyuu .align {
	width: 479px;
	position: relative;
}
.riyuu .align p {
	position: absolute;
	bottom: 6%;
	text-align: justify;
	line-height: 3ex;
	font-size: 1.7rem;
	padding: 0 6%;
}
@media screen and (max-width: 1100px){
	.riyuu .align {
		width: 430px;
	}
	.riyuu .align p {
		font-size: 1.5rem;
	}
}
@media screen and (max-width: 1000px){
	.riyuu .flex {
		width: 670px;
	}
	.riyuu .align {
		width: 315px;
	}
	.riyuu .align p {
		font-size: 1.1rem;
	}
}

/* ---------- サービス比較 ---------- */
.service {
	max-width: 1018px;
	width: 90%;
	margin: 50px auto;
}
.service h1 {
	color: #002482;
	text-align: center;
	font-size: 4.375rem;
}
.service h2 {
	text-align: center;
	font-size: 2rem;
	font-weight: normal;
	padding-bottom: 30px;
}
.service .flex {
	flex-wrap: wrap;
	justify-content: space-between;
}
.service .align {
	width: 320px;
	border: #0072d3 6px solid;
	margin: 15px 0;
	text-align: center;
	color: #0072d3;
	font-size: 1.5rem;
}
@media screen and (max-width: 1100px){
	.service h1 {
		font-size: 3.2rem;
	}
	.service h2 {
		font-size: 1.4rem;
	}
	.service .flex {
		justify-content: space-around;
	}
}

/* ---------- よくある質問 ---------- */
.FAQ {
	background: #b2deff;
	padding: 0 0 80px 0;
	position: relative;
}
.FAQ .hiromi1 img{
	width: 150px;
	position: absolute;
	top: -50px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	margin-left: -290px;

}
.FAQ .hiromi2 img{
	width: 140px;
	position: absolute;
	top: -50px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	margin-left: 280px;

}
.FAQ .titles {
	position: relative;
	margin-top: -150px;
	margin-bottom: 50px;
}
.FAQ .titles .title1 {
	position: absolute;
	top: -70px;
	left: 50%;
	transform: translateX(-50%);
}
.title1 {
	display: block;
	background: #0072d3;
	color: #FFF;
	text-align: center;
	font-size: 2.5rem;
	width: 400px;
	border-radius: 25px;
	margin: auto;
}
.title2 {
	display: block;
	text-align: center;
	font-size: 2.55rem;
	padding-top: 40px;
}
.title3 {
	display: block;
	color: #0072d3;
	text-align: center;
	font-size: 4.375rem;
	line-height: 2ex;
}
.FAQ h1 {
	color: rgba(255,255,255,0.5);
	font-size: 24rem;
	text-align: center;
	line-height: 2ex;
}
details > summary {
	  list-style: none;
}
details > summary::marker, /* Latest Chrome, Edge, Firefox */ 
details > summary::-webkit-details-marker /* Safari */ {
	  display: none;
}
.FAQ details {
	max-width: 1018px;
	width: 90%;
	margin: 20px auto;
	border: #0072d3 3px solid;
}
.FAQ summary {
	display: flex;
	align-items: stretch;
	min-height: 65px;
	margin: auto;
	cursor: pointer;
}
.FAQ summary .Q {
	background: #0072d3;
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.75rem;
	width: 65px;
	line-height: 2.6ex;
}
.FAQ summary .question {
	background: #FFF;
	display: flex;
	align-items: center;
	padding: 10px 20px;
	font-size: 1.75rem;
	line-height: 2.6ex;
	width: 100%;
}
.FAQ details p {
	border-top: #0072d3 3px solid;
	background: #ffffbc;
	color: #0072d3;
	font-weight: bold;
	font-size: 1.45rem;
	line-height: 3.3ex;
	padding: 30px 5% 50px 5%;
}
.FAQ details a {
	text-decoration: underline;
	padding: 0 5px;
}
@media screen and (max-width: 1100px){
	.FAQ .titles {
		top: 50px;
	}
	.FAQ h1 {
		font-size: 18rem;
	}
	.title1 {
		font-size: 2.4rem;
	}
	.title2 {
		font-size: 2.5rem;
	}
	.title3 {
		font-size: 3rem;
	}
	
}
@media screen and (max-width: 1000px){
	.FAQ details p {
		font-size: 1.25rem;
	}
}

/* ---------- 対応エリア ---------- */
.taioueria .img {
	width: 90%;
	max-width: 968px;
	margin: 30px auto;
}
.taioueria .area {
	width: 90%;
	max-width: 1018px;
	margin: 30px auto 40px auto;
}
.taioueria .area h1 {
	font-size: 1.7rem;
	padding: 3px 45px;
}
.taioueria .area p {
	text-align: justify;
	font-size: 1.05rem;
	font-weight: 500;
	line-height: 3.5ex;
	width: 92%;
	margin: 20px auto;
}
.taioueria .area p span {
	color: #39aa4a;
}
.taioueria .tokyo h1 {
	background: #dbd53d;
}
.taioueria .kanagawa h1 {
	background: #72a73b;
}
.taioueria .saitama h1 {
	background: #a2cb00;
}
.taioueria .chiba h1 {
	background: #7ecb00;
}

/* ---------- 口コミ ---------- */
.kuchikomi {
	background: #b2deff;
	max-width: 1920px;
	margin: auto;
	padding-bottom: 150px;
}
.kuchikomi .smartphone {
	display: none;
}
.kuchikomi .flex {
	max-width: 1018px;
	width: 90%;
	margin: 50px auto;
	justify-content: space-between;
}
.kuchikomi .customer {
	width: 160px;
}
.kuchikomi .review {
	display: flex;
}
.kuchikomi .triangle {
	width: 0; 
	height: 0; 
}
.kuchikomi #left {
 	border-top: 25px solid transparent; 
	border-bottom: 15px solid transparent;
	border-right: 45px solid #FFF;
	margin: 80px 0 0 10px;
}
.kuchikomi #right {
 	border-top: 25px solid transparent; 
	border-bottom: 15px solid transparent;
	border-left: 45px solid #FFF;
	margin: 80px 10px 0 0;
}
.kuchikomi .box {
	background: #FFF;
	border-radius: 10px;
	padding: 30px 40px;
	max-width: 800px;
}
.kuchikomi .bar {
	position: relative;
	width: 231px;
	margin: -15px 0 0 -45px;
}
.kuchikomi h2 {
	color: #FFF;
	font-size: 0.875rem;
	position: absolute;
	top: 3px;
	left: 20px;
}
.kuchikomi h1 {
	color: #ff7c00;
	font-size: 1.6rem;
	padding: 5px 0 15px 0;
}
.kuchikomi p {
	font-size: 1.2rem;
}
@media screen and (max-width: 1000px){
	.kuchikomi .PC {
		display: none;
	}
	.kuchikomi .smartphone {
		display: block;
	}
	.kuchikomi .bar {
		position: relative;
		width: 342px;
	}
	.kuchikomi h2 {
		font-size: 1.375rem;
		top: 5px;
		left: 20px;
	}
}

/* ---------- フッターバナー ---------- */
.footer_banner {
	background: url("../images/Footer_banner.png") center no-repeat;
	height: 427px;
	margin-top: -120px;
	box-shadow: #999 0 15px 10px -5px;
	position: relative;
}
.footer_banner .tel {
	width: 760px;
	margin: 0;
	position: absolute;
	top: 175px;
	left: 50%;
	transform: translateX(-67%);
}
.footer_banner .tel:hover {
	opacity: 70%;
}
.footer_banner .contact {
	width: 355px;
	justify-content: space-between;
	position: absolute;
	top: 265px;
	left: 50%;
	transform: translateX(-25%);
}
.footer_banner .contact .button {
	width: 175px;
	height: 35px;
	padding-top: 5px;
	margin: 5px 0;
	border: #FFF 3px solid;
	border-radius: 6px;
	flex-direction: row;
	justify-content: center;
}
.footer_banner .contact .button h1 {
	font-size: 0.9rem;
	line-height: 1.5ex;
	margin-left: 5px;
}
.footer_banner .contact .button h1 span {
	font-size: 0.5rem;
}
@media screen and (max-width: 1100px){
	.footer_banner {
		background: url("../images/Footer_banner (smartphone).png") center no-repeat;
		height: 276px;
		margin-top: -120px;
	}
	.footer_banner .tel {
		width: 500px;
		margin: 0;
		position: absolute;
		top: 110px;
		left: 50%;
		transform: translateX(-67%);
	}
	.footer_banner .contact {
		width: 255px;
		top: 165px;
		transform: translateX(-25%);
	}
	.footer_banner .contact .button {
		width: 125px;
		height: 25px;
		padding-top: 10px;
		border: #FFF 2px solid;
	}
	.footer_banner .contact .button h1 {
		padding: 0;
		font-size: 0.75rem;
		margin-left: 0;
	}
	.footer_banner .contact .button h1 span {
		display: none;
	}
}

/* ---------- フッター ---------- */
footer {
	padding: 50px 0 40px 0;
}
.footer_smartphone {
	display: none;
}
footer .flex {
	width: 90%;
	max-width: 1018px;
	margin: auto;
	justify-content: space-between;
	align-items: flex-end;
}
footer h1 {
	text-align: center;
	color: #4d4d4d;
	font-size: 1.375rem;
}
footer nav hr {
	height: 50px;
}
footer nav {
	display: flex;
	align-items: center;
}
footer nav a {
	display: block;
	padding: 10px 20px;
}
footer nav a:hover {
	text-decoration: underline;
}
footer .address {
	font-size: 1.5rem;
}
.privacy_policy_btn:hover {
	text-decoration: underline;
}
footer .copyright {
	color: #0065e8;
	font-weight: normal;
	font-size: 1.2rem;
}
@media screen and (max-width: 1100px){
	.footer_smartphone {
		display: block;
	}
	.footer_PC {
		display: none;
	}
	footer h1 {
		font-size: 1.1rem;
	}
	footer .address {
		font-size: 1.1rem;
	}
	footer .privacy_policy_btn {
		display: block;
		text-align: center;
		margin-top: 20px;
	}
	footer .copyright {
		text-align: center;
		font-size: 1rem;
	}
}
/* ---------- stick ---------- */
#stick {
	background: #ff006a;
	width: 100%;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: sticky;
	bottom: 0;
}
#stick .adjust {
	width: 840px;
	justify-content: space-between;
	align-items: center;
	margin-right: -20px;
}
#stick .adjust h1{
	font-size: 16px;
	margin-left: 10px;
	margin-bottom: -10px;
}
#stick h1 {
	color: #FFF;
	font-size: 16px;
}
#stick .hour {
	width: 600px;
	justify-content: space-between;
}
#stick p {
	color: #000;
	background: #FFF;
	border-radius: 6px;
	padding: 4px 50px 2px 50px;
	font-size: 1.85rem;
	font-weight: bold;
}
#stick .tel {
	width: 470px;
	margin-top: 0;
}
#stick .tel img{
	margin-top: 8px;
}
#stick .tel .number {
	color: #ffff00;
	font-size: 3.68rem;
}
#stick .tel .number:hover {
	text-decoration: underline;
}
#stick .contact {
	margin-left: 40px;
}
#stick .contact .mail img {
	width: 38px;
}
#stick .contact .line img {
	width: 43px;
	margin-bottom: -3px;
}
#stick .button {
	width: 160px;
	height: 130px;
	margin: 0 5px;
	border: #FFF 2px solid;
	border-radius: 10px;
	padding-bottom: 5px;
}
#stick .button h1 {
	font-size: 1.45rem;
	margin-bottom: 2px;
	
}
#stick .button h1 span {
	font-size: 1.2rem;
}
#stick .smartphone {
		display: none;
	}
@media screen and (max-width: 1250px){
	#stick .adjust h1{
	font-size: 13px;
	margin-left: 5px;
	margin-bottom: 0px;
}
	#stick .smartphone {
		display: flex;
	}
	#stick .PC {
		display: none;
	}
	#stick {
		justify-content: space-around;
	}
	#stick .adjust {
		width: 465px;
		margin-bottom: -5px;
	}
	#stick .logo {
		display: none;
	}
	#stick h1 {
		font-size: 0.95rem;
	}
	#stick .hour {
	width: 340px;
	}
	#stick p {
		border-radius: 4px;
		padding: 3px 10px;
		font-size: 1.4rem;
	}
	#stick .contact {
		margin-left: 0;
	}
	#stick .tel {
		width: 500px;	
	}
	#stick .tel .number {
		font-size: 3.75rem;
	}
	#stick .tel .img {
		padding-top: 25px;
	}
	#stick .tel .img img{
		width: 45px;
	}
	#stick .button {
		width: 120px;
		height: 150px;
		border: none;
		border-radius: 0;
		padding-bottom: 15px;
	}
	#stick .contact .mail img {
		width: 40px;
	}
	#stick .contact .line img {
		width: 50px;
	}
	#stick .button h1 {
		font-size: 1.5rem;
	}
	#stick .button h1 span {
		font-size: 1.1rem;
	}
}