@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url("reset.css");

html{
	font-size:100%;
}

body {
	font-family:   "Meiryo","Hiragino maru Gothic ProN W4", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "arial", "MS PGothic", sans-serif;
	background-color: #FEFAFC;
	text-align:left;
	font-size:100%;
	color:#0D0D0D;
	line-height:1.8;
	/*margin:10px 10px 10px 0;*/
	margin:0;	
}

.inner{
	width:95%;
	max-width:1200px;
	margin:0 auto;
}

.fa-square-phone{
	color:#F9042F;
	margin-right:5px;
}

a[href^="tel:"] {
	color:#0D0D0D;
}

section{
	width:100%;
}


h2{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 800;
	font-size:1.4rem;
	text-align: center;
}

/*--------------------------------


	ヘッダー


--------------------------------*/

header{
	width:100%;
}

#come{
	width:100%;
	margin:0 auto;
	background-color: #004084;
}

h1{
	width:99%;
	max-width: 1200px;
	font-size:0.7rem;
	color:#fff;
	text-align: center;
	padding:3px 0;
	margin:0 auto;
	line-height: 1;
}

header .inner{
	padding:3px 0;
	margin:0 auto;
	display: flex;
	line-height: 1.2;
}

#hname{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	flex:1;
	color:#002E5E;
	font-size:1.05rem;
	text-align: left;
}

#hname-japan{
	font-size:0.8rem;
	color:#555555;
}

#hcontact{
	/*flex:1;*/
	font-size:0.7rem;
	font-weight: bold;
	text-align: right;
}

#hcontact .tel{
	font-size:1.2rem;
}


/*--------------------------

	タブレット・スマートフォン

--------------------------*/

@media screen and (min-width: 481px){
	h1{
		text-align: right;
	}
	
	h2{
		font-size:2.8rem;
	}
	header .inner{
		padding:15px 0 5px 0;
	}
	#hname{
		font-size:2rem;
	}
	
	#hname-japan{
		font-size:1rem;
	}
	
	#hcontact{
		font-size:1.05rem;
	}
	
	#hcontact .tel{
	font-size:2rem;
	}

}


/*--------------------------------


	お問合せ


--------------------------------*/

section.contact{
	width:100%;
	background-color: #F8F8F8;
	padding:60px 0;
	font-weight: bold;
	text-align: center;
	margin-top:0!important;
}

section.contact .coment{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 800;
	font-size:1.4rem;
	/*font-size:1.2rem;*/
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0 -1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}

section.contact .zero{
	font-size:1.5rem;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-bottom:10px;
}

section.contact .zero::before,
section.contact .zero::after{
	content:'';
	width:20px;
	height: 30px;
	display: block;
	background-image: url("../img/bikuri.png");
	background-size: cover;
}

section.contact .zero::after{
	transform: scale(-1, 1);
}

section.contact strong{
	font-size:2rem;
	color:#F54500;
}

section.contact strong.black{
	color:#0D0D0D;
	font-size:2rem;
}

section.contact .uwaki span{
	background-color: #F66762;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width:150px;
	line-height: 60px;
	border-radius: 50%/50%;
	color:#fff;
	margin-right: 10px;
	text-shadow:none;
	font-size:28px;
}

section.contact .fcontact-japan{
	width:200px;
	margin:0 auto;
}

section.contact .fcontact-japan img{
	width:100%;
	height: auto;
}

section.contact .fcontact-main{
	width:99%;
	max-width: 1000px;
	background-color: #fff;
	border-radius: 3px;
	padding:5px;
	text-align: center;
	margin:0 auto;
	border:1px solid #BCBCBC;
}

section.contact .fcontact-main h3{
	width:100%;
	background-color: #336699;
	font-size:1.5rem;
	color:#fff;
	line-height: 1;
	padding:5px 0;
	margin-bottom:20px;
	border-radius: 3px;
}

section.contact .fcontact-main h4{
	font-size:1.3rem;
	line-height: 1;
	margin-bottom:15px;
	display: flex;
	justify-content: center;
	align-items: center;
}

section.contact .fcontact-main h4::before,
section.contact .fcontact-main h4::after{
	content: '';
	width:20px;
	height: 2px;
	border-top:1px solid #0D0D0D;
	border-bottom:1px solid #0D0D0D;
}

section.contact .fcontact-main h4::before{
	margin-right:8px;
}

section.contact .fcontact-main h4::after{
	margin-left:8px;
}

section.contact .fcontact-tel{
	margin-bottom:15px;
	font-size:0.8rem;
}

section.contact .fcontact-main a[href^="tel:"] {
	font-size:2rem;
}

section.contact .bana a{
	width:100%;
	max-width: 500px;
	line-height: 0;
	margin-bottom:8px;
	display: block;
	margin:0 auto;
}

section.contact .bana a:first-child{
	margin-bottom:15px;
}

section.contact .bana img{
	width:100%;
	height: auto;
}

/*--------------------------

	タブレット・スマートフォン

--------------------------*/

@media screen and (min-width: 481px){
	section.contact{
		margin-top:80px;
	}
	
	section.contact .coment{
		font-size:2rem;
	}
	
	
	section.contact .fcontact-tel{
		font-size:1.5rem;
	}
	
	section.contact strong,
	section.contact strong.black{
		font-size:3.2rem;
	}
	
	section.contact .fcontact-tel a[href^="tel:"]{
		font-size:3rem;
	}
	
	section.contact span{
		font-size:1.5rem;
		height: 80px;
	}
	
	
	section.contact .fcontact-mai h3{
		font-size: 2.8rem;
	}
	
	section.contact .bana a{
		max-width: 600px;
	}
	
	section.contact .bana a.line{
		max-width: 100%;
	}
	
	section.contact .uwaki{
	display: inline-flex;
	align-items:center;
	flex-wrap:wrap;
	line-height: 1.4;
	justify-content: center;
	
}
	
}

/*--------------------------------


	フッダー


--------------------------------*/

footer{
	width:100%;
	padding:15px 0 0 0;
	background-color: #336699;
	color:#fff;
	font-size:0.7rem;
	text-align: center;
}

footer strong{
	font-size:1rem;
}

footer ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:3px 8px;
	margin-top:10px;
}

footer li{
	display: inline-block;
	line-height: 1.2;
}

footer li a{
	color:#fff;
	text-decoration: none;
}

#copy{
	margin-top:10px;
	padding:3px 0;
	background-color: #2A5581;
	line-height: 1;
	font-size:0.6rem;
}

/*--------------------------

	タブレット・スマートフォン

--------------------------*/

@media screen and (min-width: 481px){
}