/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 07 2025 | 05:14:52 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;500;700;900&family=Noto+Serif+JP:wght@400;700;900&display=swap");
/* common */
html {scroll-behavior: smooth;}
html, body {
	font-family: "Noto Sans JP", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-top:0px;
}
body:lang(ja) {
	font-family: "Noto Sans JP", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight:normal;
	font-size:1rem;
	line-height:130%;
}
body {
	background:#fff;
	max-width:1800px;
	width:100%;
	margin:0px auto;
	
}
.page-header{
	background: url("http://hikko.info/hk/wp-content/uploads/cropped-header_bg1.jpg") no-repeat center bottom;
	background-size:cover;
	margin: 0px calc(50% - 50vw) 0px;
	padding:0px;
	color:#0a4671;
}
h2{font-size:1.4rem;}
h3{font-size:1.3rem;}
h4{font-size:1.2rem;}
li{margin-top:0em;margin-bottom:.5em}

.nonpc{display: none;}
.pc {display: block !important;}
.clear{
	float:none;
	clear:both;
	padding: 0px;
	margin:0px;
}
@media (max-width: 821px) {
	.nonpc{display:block;}
	.pc {display: none !important;}
}

#comments{display:none;}




input[type="text"] {
	padding: 8px 0px 8px 8px;
	border: solid 1px #cbbc87;
	border-radius:5px;
	width:80%;
}
input[type="tel"] {
	padding: 8px 0px 8px 8px;
	border: solid 1px #cbbc87;
	border-radius:5px;
	width:80%;
}
input[type="email"] {
	padding: 8px 0px 8px 8px;
	border: solid 1px #cbbc87;
	border-radius:5px;
	width:80%;
}
textarea {
	border: solid 1px #cbbc87;
	border-radius:5px;
	width:80%;
}
@media (max-width: 820px) {
	input[type="text"] {
	  padding: 10px 0px 10px 10px;
	  width:90%;
	}
	input[type="tel"] {
	  padding: 10px 0px 10px 10px;
	  width:90%;
	}
	input[type="email"] {
	  padding: 10px 0px 10px 10px;
	  width:90%;
	}
	textarea {width:90%;}
}


/* TOP-header */
.header_area{
	background: url("http://hikko.info/hk/wp-content/uploads/header_bg.png") no-repeat center bottom;
	margin: 0px calc(50% - 50vw) 0px;
	padding:0px;
}
.header{
	width:1200px;
	padding:0px;
	margin:0px auto;
}
.header_area img{ width:100%; height:auto; margin:0px auto; text-align:center;}
@media only screen and (min-width: 981px) and (max-width:1199px) {.header{width:96%; padding:0px 2%; }}
@media (max-width: 821px) {.header_area{background:none;}}


/* news_area */
.news_area{
	width:90%;
	max-width:800px;
	margin:30px auto;
}
.news{
	border-top:#ded6c8 solid 1px;
	border-bottom:#ded6c8 solid 1px;
}
.news ul{margin:0px; padding:0px}
.news li{ border-bottom:none; margin:15px 0px; padding:15px ;}
.wp-block-latest-posts__post-date{line-height:1; font-size:1rem;}


/* about */
.about_area{
	background:url("http://hikko.info/hk/wp-content/uploads/about_bg_01.png") no-repeat right top , 
		url("http://hikko.info/hk/wp-content/uploads/about_bg_02.png") no-repeat left bottom , #e9f5ff;
	background-size:70% auto, 70% auto;
	margin: 0px calc(50% - 50vw) 0px;
	padding:0px;
}
.about{
	width:1200px;
	padding:30px 0px;
	margin:0px auto;
}
.about_area img{ width:100%; height:auto; margin:0px auto; text-align:center;}

.btn {margin:20px auto 40px; }
.btn:hover{opacity:0.7}
@media (max-width: 481px) {.btn { width:80%;}}


/* reason */
.reason_area{
	background: url("http://hikko.info/hk/wp-content/uploads/reazon_header.jpg") no-repeat center top, 
		url("http://hikko.info/hk/wp-content/uploads/reazon_bg.png") no-repeat center bottom,#e9f5ff;
	margin: 0px calc(50% - 50vw) 0px;
	padding:0px 0px 20px 0px;
}
.reason{
	width:1200px;
	padding:0px;
	margin:0px auto 0px;
}
.reason_area img{ width:100%; height:auto; margin:0px auto; padding:0px; text-align:center;}
.reason_area .wp-block-image{margin:0px; padding:5px 0px;}
.reason_text{ font-size:12px;}
.reason_text span{color:#ff0000;}
@media only screen and (min-width: 981px) and (max-width:1199px) {.reason_area{background-size:140% auto,130% auto;}}
@media (max-width: 821px) {.reason_area{background-position:center top, center center; background-size:150% auto,130% auto; padding:0px 0px 1px 0px;}}
@media (max-width: 481px) {.reason_text{ font-size:11px; text-align:left;}}



/* price */
.price_bn_area{
	background:url("http://hikko.info/hk/wp-content/uploads/price_bg_01.png") no-repeat right top , 
		url("http://hikko.info/hk/wp-content/uploads/price_bg_02.png") no-repeat left bottom , #025dc7;
	background-size:70% auto, 70% auto;
	margin: 0px calc(50% - 50vw) 0px;
	padding:0px;
}
.price_bn{
	width:1200px;
	padding:20px 0px 10px;
	margin:0px auto;
}
.price_bn_area .wp-block-image{margin:0px; padding:5px 0px;}
.price_bn_area img{ width:100%; height:auto; margin:0px auto; text-align:center;}
.price_text{font-size:12px; color:#fff;}



/* flow */
.flow_area{
	background: url("http://hikko.info/hk/wp-content/uploads/flow_header.png") no-repeat center top, 
		url("http://hikko.info/hk/wp-content/uploads/flow_bg.jpg") no-repeat center top;
	margin: 0px calc(50% - 50vw) 0px;
	padding:0px 0px 20px 0px;
}
.flow{
	width:1200px;
	padding:0px;
	margin:0px auto 0px;
}
.flow_area img{ width:100%; height:auto; margin:0px auto; padding:0px; text-align:center;}
.flow_area .wp-block-image{margin:0px; padding:5px 0px;}

@media (max-width: 821px) {.flow_area{background-position:center top, center top; background-size:140% auto,130% auto; padding:0px 0px 10px 0px;}}


/* contact */
.form_area{
	background:url("http://hikko.info/hk/wp-content/uploads/about_bg_01.png") no-repeat right 70px , 
		url("http://hikko.info/hk/wp-content/uploads/about_bg_02.png") no-repeat left bottom , #f1f1f1;
	background-size:70% auto, 70% auto;
	margin: 30px calc(50% - 50vw) 0px;
	padding:0px 0px 20px;
}
.form_area h3{
	font-size:1.5rem;
	padding:30px 0px;
	color:#fff;
	background:#025dc7;
}
.form{
	width:1000px;
	padding:0px;
	margin:0px auto;
}
.form_area h5{
	font-size:1.2rem;
	height:1;
}
.form_area .material-icons{
	vertical-align:bottom;
	padding-right:10px;
	color:#025dc7;
}
.hs{
	background:#ff0000;
	color:#fff;
	border-radius:5px;
	font-size:1rem;
	height:0;
	padding:1px 5px 3px;
}
.contact_form{
	width:90%;
	margin:0px auto;
	padding:0px 5%;
	font-size:1rem;
}
.box{border:1px solid #cec08e; border-radius:5px; margin:10px auto; padding-left:15px; }
.box2{background:#fff; text-align:center; font-weight:bold; padding:20px 10px; margin-bottom:15px;}

@media (max-width: 821px) {
	.form_area h3{padding:10px 0px; font-size:1.2rem;}
	.contact_form{width:95%; padding:0px 2%;}
	.form_area h5{font-size:1.1rem;}
	.box2{font-size:0.8rem;}
	
}


.site-bottom{display:none;}
.site-info{display:none;}

.news-table{ width:50%; margin:10px auto 0px 0px ;}
.grecaptcha-badge{bottom: 85px !important;}
.side-title a{text-decoration:none;}
@media (max-width: 821px) {.news-table{ width:90%;}}