@charset "UTF-8";

/*
	Theme Name: kjs_lp
*/

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

html{
	height: 100%;margin-bottom: 1px;
}

body,div,class,img,p,form,fieldset,input,textarea,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td {
	margin: 0;padding: 0;vertical-align: baseline;vertical-align: bottom;
}

body {
	font-family: 'Noto Sans Japanese', 'ＭＳ Ｐゴシック', 'Osaka', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-weight: 200;
	color: #000;
	font-size: 14px;
	margin: 0 auto;
	-webkit-text-size-adjust: 100%;/*iPhoneフォントサイズ自動調整OFF*/
	width: 100%;
	background-color: #ffffff;
	text-align: left;
	/*padding-top: 230px;ヘッダー固定*/
	line-height: 1.6em;
}

article, aside, figure, figcaption, footer, header, nav, section {
	display: block;
}

body img {
	max-width: 100%;
	height: auto;
	border: none;
}

/*源ノ明朝*/
.font-min {
	font-family: 'Noto Serif JP', serif;
}
/*Frank Ruhl Libre*/
.font-frank {
	font-family: 'Frank Ruhl Libre', serif;
}

/*イメージフェード*/
.fade {
	-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;
}
.fade:hover {
    opacity: 0.6;filter: alpha(opacity=60);
}

a {color: #424242;}
a:visited {color: #424242;text-decoration: none;}
a:active {color: #424242;text-decoration: none;}
a:hover {color: #0b7fc6;}

@media screen and (min-width : 641px){
   .sp {display: none;}
}
@media screen and (max-width : 640px){
   .pc {display: none;}
}
@media screen and (min-width : 801px){
   .sp8 {display: none;}
}
@media screen and (max-width : 800px){
   .pc8 {display: none;}
}

.inner {
	max-width: 1200px;
	margin: auto;
    padding-left: 36px;
	padding-right: 36px;
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
}
@media screen and (max-width : 1200px){
	.inner {
		padding-left: calc(36/1200*100vw);
		padding-right: calc(36/1200*100vw);
	}
}
.inner_2nd {
	max-width: 1072px;
	margin: auto;
    padding-left: 36px;
	padding-right: 36px;
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
}
@media screen and (max-width : 1072px){
	.inner_2nd {
		padding-left: calc(36/1200*100vw);
		padding-right: calc(36/1200*100vw);
	}
}

/*ヘッダー*/
header {
    z-index: 100;/*ヘッダー固定*/
	position: fixed !important;/*ヘッダー固定*/
	top: 0;/*ヘッダー固定*/
	left: 0;/*ヘッダー固定*/
    width: 100%;
    height: 68px;
	background-color: rgba( 255, 255, 255, 0.9);
}
@media print, screen and (max-width : 640px) {
	header {
		height: 48px;
	}
}
@media print, screen and (max-width : 319px) {
	header {
		border-top-color: #cc0000;
	}
}

.logo {
	float: left;
	width: 300px;
	margin-top: 16px;
}
@media only screen and (max-width: 640px) {
	.logo {
		width: 240px;
		margin-top: 10px;
	}
}
@media only screen and (max-width: 340px) {
	.logo {
		width: 200px;
		margin-top: 14px;
	}
}

.cont {
	width: 100%;
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
}

.padding {
    padding: 60px 0 70px 0;
}
@media only screen and (max-width: 480px) {
    .padding {
        padding: 40px 0 50px 0;
    }
}





/*フッター*/
footer {
	width: 100%;
	background-color: #ffffff;
}
/*ロゴ*/
.footer_logo {
	width: 100%;
	text-align: center;
}
.footer_logo img {
	width: 280px;
}
@media screen and (max-width : 639px){
	.footer_logo img {
		width: 220px;
	}
}

/*フッターナビ*/
.footer_ul {
	text-align: center;
    margin: auto;
    list-style: none;
}
.footer_ul li {
	display: inline-block;
}
.footer_ul li a {
	padding: 0px 20px 8px 20px;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;
}
.footer_ul li a:hover {
    -webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;
}

/*コピーライト*/
.copyright {
	text-align: right;
	width: 100%;
	font-size: 13px;
	color: #ffffff;
	background-color: #0b7fc6;
}
@media screen and (max-width : 960px){
    .copyright {
	    text-align: center;
    }
}
.copyright a {color: #ffffff;text-decoration: none;}
.copyright a:visited {color: #ffffff;text-decoration: none;}
.copyright a:active {color: #ffffff;text-decoration: none;}
.copyright a:hover {color: #ffffff;text-decoration: none;}

/*ページTOPへ戻る*/
.page_top {
	width: 100%;
    height: 54px;
	background-color: #0b7fc6;
    background-image: url(images/page_top.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#page-top {
	position: fixed;
	z-index: 10;
	bottom: 45px;
	right: 0px;
	font-size: 79%;
}
@media screen and (max-width : 640px){
    #page-top {
        bottom: 0px;
    }
}
#page-top a {
	background: #000000;
	-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;
	opacity: 0.6;
	text-decoration: none;
	color: #fff;
	width: 46px;
	height: 42px;
	padding: 4px 0 0 0;
	text-align: center;
	display: block;
	border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
	-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;
}




/*お問い合せ*/
.contact_btn {
    display:none;
}
.contact_btn {
	position: fixed;
	z-index: 10;
	bottom: 82px;
	right: 20px;
}
.contact_btn a {
    -webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;
}
.contact_btn a:hover {
	opacity: 0.8;
    -webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;
}
@media screen and (max-width : 1199px){
    .contact_btn {
        width: 146px;
    }    
}
@media screen and (max-width : 640px){
    .contact_btn {
        width: 80px;
        bottom: 110px;
        right: 10px;
    }    
}

/*改行禁止*/
.nowrap {
	white-space: nowrap;
}
/*センター揃え*/
.center {
	text-align: center;
}
/*レフト揃え*/
.left {
	text-align: left;
}
/*ライト揃え*/
.right {
	text-align: right;
}
/*フロートレフト*/
.f_left {
	float: left;
}
/*フロートライト*/
.f_right {
	float: right;
}

/*太字*/
.strong {
	font-weight: 600;
}
/*赤太*/
.style_rb {
	color: #CC0000;
	font-weight: 600;
}
/*赤*/
.style_r {
	color: #CC0000;
}
/*青*/
.style_blu {
	color: #003399;
	font-weight: 200;
}
/*白*/
.style_w {
	color: #ffffff;
}

/*字下げ*/
.text_indent {
	text-indent: -1em;
	padding-left: 1em;
}
.text_indent_left {
	padding-left: 1em;
}
.text_indent_left0 {
	padding-left: 0.4em;
	text-indent: 0em;
}
.text_indent_left1-4 {
	padding-left: 1.4em;
}
.text_indent_left_i {
	padding-left: 1.2em;
	text-indent: -1.2em;
}
.t-indent-8 {
	text-indent: -8px;
}

.justify {
	text-align: justify;
	text-justify: inter-ideograph;
}

/*打ち消し線*/
.line-through_top {
	color: red;
	text-decoration: line-through;
}
.line-through {
	color: black
}


/*前の記事・次の記事*/
.nav_box {
	display: flex;
}
.nav_right {
	float: right;
	width: 50%;
	padding: 30px 30px 30px 20px;
	text-align: right;
	line-height: 1.4em;
	border: 1px solid #333333;
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
	background-image: url(images/nav_right.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
}
.nav_left {
	float: left;
	width: 50%;
	line-height: 1.4em;
	padding: 30px 20px 30px 30px;
	border: 1px solid #333333;
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
	background-image: url(images/nav_left.png);
	background-repeat: no-repeat;
	background-position: left 10px center;
}
/*ページングここまで*/

/*お問い合わせフォームここから*/
input[type="button"],input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
.wpform a:hover {
	text-decoration: underline;
}
.wpform_tbl {
	width: 100%;
	border-collapse: collapse;
}
.wpform_tbl th {
	width: 30%;
	font-size: 16px;
    vertical-align: top;
	padding: 20px 20px 20px 50px;
	text-align: left;
	font-weight: normal;
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
	border-bottom: 1px solid #c9c9c9;
}
.mw_wp_form_preview .wpform .wpform_tbl th {
    padding: 20px 20px 20px 0px !important;
}
.wpform_tbl th.contact_hisu {
    background-image: url(images/contact_hisu.png);
	background-repeat: no-repeat;
	background-position: left top 22px;
}
.wpform_tbl th.contact_nini {
    background-image: url(images/contact_nini.png);
	background-repeat: no-repeat;
	background-position: left top 22px;
}
.mw_wp_form_preview .wpform .wpform_tbl th.contact_hisu, .mw_wp_form_preview .wpform .wpform_tbl th.contact_nini {
    background-image: none;
}
.wpform_tbl td {
	width: 70%;
    font-size: 16px;
    vertical-align: top;
	padding: 20px 0px 20px 0px;
	text-align: left;
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
	line-height: 1.4em;
	border-bottom: 1px solid #c9c9c9;
}
.mw_wp_form_preview .wpform .wpform_tbl td {
    padding: 20px 0px 20px 10px !important;
}
.wpform_tbl td p {
    font-size: 16px;
    font-weight: normal;
}
@media screen and (max-width : 800px){
	.wpform_tbl th {
		display: block;
		width: 100%;
		border: none;
        padding-bottom: 0px;
	}
	.wpform_tbl td {
		display: block;
		width: 100%;
	}
}

/*入力必須
.wpform .hisu {
	color: #CC0000;
}*/

.wpform input[type="text"],
.wpform input[type="email"],
.wpform input[type="tel"],
.wpform input[type="url"],
.wpform textarea {
	font-size: 16px;
	background-color: #FCFCFC;
	color: #333;
	width: 100%;
	border: 1px solid #999999;
	padding: 12px;
	border-radius: 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 0.5s;
}
.wpform input:focus,
.wpform textarea:focus {
	box-shadow: 0px 0px 10px #FF0000;
	border: 1px solid #FF0000;
    outline: none;
}
.wpform input[name=tel] {
	width: 180px;
}

/*お問い合せ内容チェックボックス※横並びの場合*/
.toiawas .horizontal-item label {
    margin-right: 30px;
    margin-bottom: 8px;
    display: inline-block;
}
/*ご希望サービス内容注意書き*/
.form_cap_kibo {
    margin-top: 8px;
}

.wpform input[name=lname], .wpform input[name=lkana] {
	width: 49.5%;
	margin-right: 1%;
	float: left;
}
.wpform input[name=fname], .wpform input[name=fkana] {
	width: 49.5%;
	float: right;
}
.wpform textarea {
	height: 200px;
}
.wpform p {
	width: 100%;
}

/*エラーメッセージ*/
.wpform .error {
	color: #fff;
	background-color: #ce052c;
	padding: 4px 10px 4px 10px;
    display: inline-block;
    border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;
    
}
.mw_wp_form_error .error_box {
    padding: 0px 0px 8px 0px;
    background-image: url(images/error.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*確認画面では注意書き非表示*/
.mw_wp_form_preview .wpform .form_cap {
    display: none;
}

.mw_wp_form_error input[name=company],
.mw_wp_form_error input[name=tel],
.mw_wp_form_error input[name=kibo],
.mw_wp_form_error input[name=lname],
.mw_wp_form_error input[name=fname],
.mw_wp_form_error input[name=email],
.mw_wp_form_error .privacy input[type=checkbox] {
	border: 1px solid #cc0000;
}

/*確認画面*/
.mw_wp_form_preview .wpform_tbl th {
	padding: 30px 0px 8px 0px;
}
.mw_wp_form_preview .wpform_tbl td {
	background-color: #F2F2F2;
	padding: 8px 10px 8px 10px;
}
.mw_wp_form_preview .privacy_preview {
	display: none;
}

/*ボタン基本*/
.wpform input[type="submit"] {
	/*float: left;*/
	width: 100%;/*必須*/
    border: none;
    outline: none;
    font-size: 16px !important;
    font-weight: normal;
	color: #FFFFFF;
    cursor: pointer;
	line-height: 1.5em;
	border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;
	padding-top: 16px;
	padding-bottom: 16px;
	text-align: center;
	background-color: #0b7fc6;
    -webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;
}
.wpform input[type="submit"]:hover {
	opacity: 0.8;
	filter: alpha(opacity=10);
	-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;
}
/*入力画面確認ボタン*/
.wpform input[name=submitConfirm] {
    max-width: 460px !important;
    margin: auto !important;
}
/*確認画面送信ボタン*/
.mw_wp_form_input .wpform input[name=send] {
	display: none;
}
.mw_wp_form_preview .wpform input[name=send] {
	float: right;
	width: 49.5%;
}
/*確認画面戻るボタン*/
.mw_wp_form_preview .wpform input[name=submitBack] {
	float: left;
	width: 49.5%;
}

/* ラジオボタン */
.wpform input[type=radio] {
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	position: relative;
	background-color: #fff;
	border: 1px solid #000000;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: .1em;
	margin-bottom: 5px;
	border-radius: 25px;
}
.wpform input[type=radio]:checked::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-color: #cc0000;
	border: 3px solid #fff;
	width: 12px;
	height: 12px;
	border-radius: 25px;
}

/* チェックボックス*/
 .wpform input[type=checkbox] {
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	position: relative;
	background-color: #fff;
	border: 1px solid #000000;
	width: 20px;
	height: 20px;
	vertical-align: top;
	margin-right: .5em;
	margin-top: 2px;
	margin-bottom: 5px;
}
.wpform input[type=checkbox]:checked::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	/*background-color: #cc0000;*/
	border: 3px solid #fff;
	width: 12px;
	height: 12px;
    background-image: url(images/checkbox.svg);
	background-repeat: no-repeat;
	background-position: center center;
    outline: none;
}
.wpform input[type=checkbox]:focus {
	box-shadow: none;
    outline: none;
}
label:hover {
    background-color: #ebebeb;
}
/*お問い合わせフォームここまで*/


/*サイトマップ*/
.sitemap {
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 60px;
}
.sitemap p{
	line-height: 2.2em;
}

/*404*/
.error404 {
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 40px;
}

/*SNS*/
.sns-btn {
	float: left;
	width: 100%;
	margin-top: 3%;
	margin-bottom: 3%;
}
.sns-btn_top {
	float: left;
	width: 100%;
	margin-top: 30px;
}
.sns_facebook {
	float: left;
	margin-right: 10px;
}
.sns_twitter {
	float: left;
	margin-right: 10px;
	margin-top: 1px;
}
.sns_youtube {
	float: left;
	margin-right: 10px;
	margin-top: 1px;
}
.sns_google_plus_one {
	float: left;
	margin-top: 1px;
}

/*404*/
.file_not_found {
	text-align: center;
	width: 100%;
	margin-top: calc(60/1920*100vw);
	margin-bottom: calc(100/1920*100vw);
	line-height: 2em;
}

/*WP標準*/
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright {
	float: right;
	margin-left: 14px;
}
.alignleft {
	float: left;
	margin-right: 14px;
}

/*投稿ナビゲーション*/
.nav-links {
	display: none;
}

.none {
	display: none;
}

/*外部リンクアイコン*/
.ico_link_w {
	padding-right: 22px;
	background-image: url(images/ico_link_w.png);
	background-repeat: no-repeat;
	background-position: right 5px;
}
.ico_link {
	padding-right: 22px;
	background-image: url(images/ico_link.png);
	background-repeat: no-repeat;
	background-position: right 5px;
}

.center {
	text-align: center;
}
.t_right {
	text-align: right;
}
.no_link{
	pointer-events:none;
}

.br::before {
	content: "\A" ;
	white-space: pre ;
}

.clearfix {
	clear: both;
}