@charset "UTF-8";

*, :after, :before{	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
	display: block;
}

body {
	line-height: 1;
}

a {
	color: #1d668a;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img:hover {
	opacity: 1;
	-webkit-animation: flash 1s;
	animation: flash 1s;
}

@-webkit-keyframes flash {
	0% {
		opacity: 0.4;
	}
	100% {
		opacity: 1;
	}
}

@keyframes flash {
	0% {
		opacity: 0.4;
	}
	100% {
		opacity: 1;
	}
}


ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}

summary {
	outline: none;
	cursor: pointer;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
	border-radius: 0;
}

/**
   * 1. Firefox 36+
   */
[type="number"] {
	width: auto;
	/* 1 */
}

/**
   * 1. Safari 8+
   */
[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
}

/**
   * 1. Safari 8
   */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
	/* 1 */
}

/**
   * 1. Internet Explorer 11+
   * 2. textarea要素に、垂直方向のリサイズを指定。
   */
textarea {
	overflow: auto;
	/* 1 */
	resize: vertical;
	/* 2 */
}

/**
   * 1. フォーム要素に、フォントの継承を指定。
   */
button,
input,
optgroup,
select,
textarea {
	font: inherit;
	/* 1 */
}

/**
   * 1. 前の指定により、フォントのウェイトを再定義。
   */
optgroup {
	font-weight: bold;
	/* 1 */
}

/**
   * 1. IE8/9/10/11に、overflow時にhiddenを設定。
   */
button {
	overflow: visible;
	/* 1 */
}

/**
   * Firefox4+に、内側のpaddingとborderを削除。
   */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: 0;
	padding: 0;
}

/**
   * 1. フォーカス時のスタイルを定義。
   */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	outline: 1px dotted ButtonText;
}

/**
   * 1. Android4に、ネイティブのaudio要素とvideo要素のコントロールのバグを防ぐ。
   * 2. iOSに、クリッカブルなbutton要素のtypeのスタイルを修正。
   */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
}

/**
   * 1. Firefox 40+, Internet Explorer 11-
   */
button,
select {
	text-transform: none;
	/* 1 */
}

/**
   * すべてのブラウザにおいて、デフォルトのボタンのスタイルを削除。
   */
button,
input,
select,
textarea {
	background-color: transparent;
	border-style: none;
	color: inherit;
}

/**
   * 標準的なinput要素のスタイルを選択。
   * 1. Firefox 36+
   * 2. Chrome 41+
   */
select {
	-moz-appearance: none;
	/* 1*/
	-webkit-appearance: none;
	/* 2 */
}

/**
   * 1. Internet Explorer 11+
   */
select::-ms-expand {
	display: none;
	/* 1 */
}

/**
   * 1. Internet Explorer 11+
   */
select::-ms-value {
	color: currentColor;
	/* 1 */
}

/**
   * 1. IE 8/9/10/11に、カラーの継承を定義。
   * 2. IEに、fieldset要素からカラーを継承するように定義。
   * 3. EdgeとIEに、テキストのラッピングを修正。
   * 4. EdgeとIEに、テキストのラッピングを修正。
   * 5. EdgeとIEに、テキストのラッピングを修正。
   */
legend {
	border: 0;
	/* 1*/
	color: inherit;
	/* 2 */
	display: table;
	/* 3 */
	max-width: 100%;
	/* 4 */
	white-space: normal;
	/* 5 */
}

/**
   * 1. iOSとSafariに、クリッカブルなtypeのスタイルを修正。
   * 2. ChromeとSafariに、フォントプロパティの継承を変更。
   */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

/**
   * Chrome, Edge, Safariに、テキストのスタイルを修正。
   */
::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.54;
}

/**
   * 1. ChromeとSafariに、アピアランスを修正。
   * 2. Safariに、アウトラインを修正。
   */
[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local("Noto Sans CJK JP"), local("Noto Sans JP"), url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format("opentype");
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: bold;
	font-weight: 700;
	font-display: swap;
	src: local("Noto Sans CJK JP Bold"), url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format("opentype");
}



body {
	font-family: 'Noto Sans JP', "Hiragino Sans", sans-serif;
	-webkit-font-feature-settings: "palt" 1;
	font-feature-settings: "palt" 1;
	color: #333;
}
/*ヘッダーのログイン*/
.menu__block {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: row;
	width: 1020px;
	margin: auto auto 20px;
}
@media screen and (max-width: 640px) {
	.menu__block {
		width: 100%;
		display: block;
		box-sizing: border-box;
		padding: 10px;
		margin-bottom: 0;
	}
}
.menu__search {
	width: 490px;
}
@media screen and (max-width: 640px) {
	.menu__search {
		width: 100%;
	}
}
.menu__account {
	width: 490px;
	margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
	.menu__account {
		width: 100%;
		margin-bottom: 0;
	}
}
.menu__account a:hover {
	color: #F26161;
}
.menu__details {
	margin-top: 10px;
}
.menu__summary {
	font-weight: 700;
	cursor: pointer;
}
@media screen and (max-width: 640px) {
	.menu__summary {
		margin-bottom: 10px;
	}
}
.menu__keyword--term {
	font-weight: 700;
}
.menu__keyword--list {
	font-size: 13px;
}
.menu__keyword--item {
	display: inline;
}
.menu__keyword--item a {
	display: inline-block;
	padding: 5px 10px;
	border: solid 1px #CCC;
	border-radius: 5px;
	margin-bottom: 5px;
}
.menu__keyword--item a:hover {
	background-color: #EFEFEF;
	text-decoration: none;
	transition: all 0.5s 0s ease;
}
.menu__account--term {
	font-weight: 700;
}
.menu__account--term:nth-of-type(2) {
	margin-top: 10px;
}
.menu__logout {
	margin-top: 20px;
}
.menu__logout--term {
	padding: 20px 10px;
	border: solid 1px #CCC;
	border-radius: 6px;
	text-align: center;
}
.menu__input {
	width: 100%;
	padding: 8px;
	font-size: 16px;
	border: 1px solid #ccc !important;
	border-radius: 4px !important;
	box-sizing: border-box;
}
.menu__input--keyword {
	width: calc(100% - 80px);
}
@media screen and (max-width: 640px) {
	.menu__input--keyword {
		width: calc(80% - 10px);
	}
}
.menu__button--search {
	border-radius: 4px;
	cursor: pointer;
	width: 70px;
	margin-left: 10px;
	background-color: #DDD;
}
@media screen and (max-width: 640px) {
	.menu__button--search {
		width: 20%;
	}
}
.menu__button--search:hover {
	background-color: #C4C4C4;
}
.menu__button--login {
	margin-top: 10px;
	cursor: pointer;
	background-color: #DDD;
}
.menu__button--login:hover {
	background-color: #C4C4C4;
}
.menu__reminder {
	font-size: 12px;
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
}
.menu__reminder--item {
	box-sizing: border-box;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.menu__reminder--item {
		width: 49%;
	}
}
.menu__reminder--item br {
	display: none;
}
@media screen and (max-width: 640px) {
	.menu__reminder--item br {
		display: block;
	}
}
@media screen and (max-width: 640px) {
	.menu__reminder--item a {
		display: block;
		padding: 5px;
		text-align: center;
		border: solid 1px #CCC;
		border-radius: 4px;
		line-height: 1.4;
	}
}

/* line 860, ../scss/design.scss */
.footer {
	width: 100%;
}
/* line 862, ../scss/design.scss */
.footer__inner {
	background-color: #333;
	padding: 0 0 10px;
}
/* line 866, ../scss/design.scss */
.footer__logo {
	padding: 15px;
}
@media screen and (max-width: 481px) {
	/* line 866, ../scss/design.scss */
	.footer__logo {
		padding: 10px;
	}
}
/* line 871, ../scss/design.scss */
.footer__logo img {
	width: 120px;
	height: auto;
	display: block;
	margin: auto;
}
@media screen and (max-width: 481px) {
	/* line 871, ../scss/design.scss */
	.footer__logo img {
		width: 100px;
	}
}
/* line 881, ../scss/design.scss */
.footer__attention {
	display: block;
	color: #FFF;
	font-size: 11px;
	text-align: center;
}
@media screen and (max-width: 481px) {
	/* line 881, ../scss/design.scss */
	.footer__attention {
		font-size: 10px;
	}
}

@media print, screen and (max-width: 480px) {

	/* TODO: new header commonに移植する */
	header {width: 100%;}
	header .header_logo_container {position: relative;background-color: #FFF;width: 100%;height: 58px;border-bottom: 2px solid #000;}
	header .header_logo_container.modal-open-now {position: fixed;z-index: 500;}
	header .header_inner {width: 100%;padding: 0 10px;position: relative;}
	header .header_inner::after {content: '';display: block;clear: both;}
	header .header_inner .logo {    padding: 15px 0 0 0;display: flex;justify-content: flex-start;width: 100%;align-items: stretch;}
	header .header_inner .logo a:hover {text-decoration: none;}
	header .header_inner .logo svg {width: 95px;height: auto; fill: #231815;}
	header .header_inner span.current_service, h1.current_service {display: inline-block;margin: 0 0 0 4px;color: #000;font-weight: bold;font-size: 14px;line-height: 30px;}
	header .header_inner .hamburger_bk, header .header_inner .hamburger {position: absolute;z-index: 500;display: block;width: 26px;height: 22px;top: 0;right: 10px;margin-top: 16px;transition: all .4s;box-sizing: border-box;cursor: pointer;}
	header section.service_nav {width: 100%;margin: 0 auto;}
	header section.service_nav::after {content: '';display: block;clear: both;}
	header section.service_nav .header_nav_ul {width: 100%;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex; }
	header section.service_nav .header_nav_ul li {font-size: 0.8em;text-align: center;border-bottom: 5px solid #F7F7F7;flex-grow: 1;padding: 0 8px;}
	header section.service_nav .header_nav_ul li.is-current {border-bottom: 5px solid #F90101;}
	header section.service_nav .header_nav_ul li a {display: inline-block;width: 100%;height: 100%;padding: 7px 0;}
	header section.service_nav .header_nav_ul li a:hover {text-decoration: none;color: #000;}
	header section.service_nav .header_nav_ul li a:visited {color: #000;}

	/*ハンバーガー内ナビゲーション*/
	#navigation {position: fixed;display: none;width: 100%;height: 100%;top: 52px;right: 0;z-index: 499;background-color: rgba(255, 255, 255, 0.97);overflow-y: scroll;font-size: 14px;line-height: 20px;-webkit-overflow-scrolling: touch;}
	#navigation h2 {font-size: 16px;font-weight: bold;}
	#navigation h3 {font-size: 14px;font-weight: bold;}
	#navigation .underline_large {border-bottom: 2px solid #707070;margin: 16px 0 8px;width: 100%; font-weight: 700;}
	#navigation .underline_small {border-bottom: 3px solid #C4C4C4;padding: 4px 0;width: 100%;}
	#navigation .general_lst {margin: 0 0 16px 0;}
	#navigation .general_lst li {border-bottom: 1px solid #C4C4C4;}
	#navigation .general_lst li a {padding: 12px 0 12px 4px;}
	#navigation .general_lst_container a {display: inline-block;width: 100%;padding: 12px 0;background: no-repeat 98% 50% url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2224%22%20viewBox%3D%220%200%209%2028%22%3E%3Cpath%20fill%3D%22%23F26161%22%20d%3D%22M9.297%2015c0%200.125-0.063%200.266-0.156%200.359l-7.281%207.281c-0.094%200.094-0.234%200.156-0.359%200.156s-0.266-0.063-0.359-0.156l-0.781-0.781c-0.094-0.094-0.156-0.219-0.156-0.359%200-0.125%200.063-0.266%200.156-0.359l6.141-6.141-6.141-6.141c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266%200.156-0.359l0.781-0.781c0.094-0.094%200.234-0.156%200.359-0.156s0.266%200.063%200.359%200.156l7.281%207.281c0.094%200.094%200.156%200.234%200.156%200.359z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);}
	#navigation .login_box {padding: 12px 15px;background: #F7F7F7;text-align: center;}
	#navigation .login_box .login_container {margin: 0 auto;}
	#navigation .login_box .login_container li {width: 49%;display: inline-block;text-align: center;}
	#navigation .login_box .login_container li a {display: block;width: 100%;padding: 12px 0;font-size: 16px;line-height: 24px;font-weight: bold;}
	#navigation .login_box .login_container li a.login {background-color: #F26161;border: 1px solid #F26161;color: #FFF;}
	#navigation .login_box .login_container li a.login:hover {background-color: #D25151;text-decoration: none;}
	#navigation .login_box .login_container li a.sign_up {background: #FFF;border: 1px solid #707070;}
	#navigation .login_box .login_container li a.sign_up:hover {background-color: #CCC;color: #000;text-decoration: none;}
	#navigation .top_nav_box {width: 100%;margin: 0 auto;padding: 16px 12px 0 12px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
	#navigation .top_nav_box .lbox {width: 100%;}
	#navigation .top_nav_box .rbox {width: 100%;}
	#navigation .top_nav_box .service_nav .header_nav_ul{flex-wrap: wrap; justify-content: flex-start; margin: 0 0 10px 0;}
	#navigation .top_nav_box .service_nav .header_nav_ul li {border: 1px solid #C4C4C4; height: 44px; box-sizing: border-box; flex: 0 0 49%; margin: 0 2% 8px 0;}
	#navigation .top_nav_box .service_nav .header_nav_ul li:nth-child(2n) {margin-right: 0;}
	#navigation .top_nav_box .service_nav .header_nav_ul li a {padding: 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
	#navigation .top_nav_box .service_nav .header_nav_ul li a:hover {background-color: #C4C4C4;color: #000;text-decoration: none;transition: all 0.5s 0s ease;}
	#navigation .top_nav_box .catalog_container .maker_lst {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;font-size: 12px;margin: 8px 0 0;}
	#navigation .top_nav_box .catalog_container .maker_lst li {margin: 0 0 8px 0;width: calc(100% / 5);text-align: center;}
	#navigation .top_nav_box .catalog_container .maker_lst li:nth-child(6n+1) {clear: both;}
	#navigation .top_nav_box .catalog_container p a {display: block;padding: 12px 0;width: 100%;border-top: 1px solid #C4C4C4;border-bottom: 1px solid #C4C4C4;background: no-repeat 98% 50% url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2224%22%20viewBox%3D%220%200%209%2028%22%3E%3Cpath%20fill%3D%22%23F26161%22%20d%3D%22M9.297%2015c0%200.125-0.063%200.266-0.156%200.359l-7.281%207.281c-0.094%200.094-0.234%200.156-0.359%200.156s-0.266-0.063-0.359-0.156l-0.781-0.781c-0.094-0.094-0.156-0.219-0.156-0.359%200-0.125%200.063-0.266%200.156-0.359l6.141-6.141-6.141-6.141c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266%200.156-0.359l0.781-0.781c0.094-0.094%200.234-0.156%200.359-0.156s0.266%200.063%200.359%200.156l7.281%207.281c0.094%200.094%200.156%200.234%200.156%200.359z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);}
	#navigation .bottom_nav_box {width: 100vw;margin: 0 auto 60px;padding: 0 12px;overflow: auto;}
	#navigation .bottom_nav_box .bottom_nav_container {margin: 0 0 16px 0;}
	#navigation .bottom_nav_box .bottom_nav_3 .general_lst li:first-child {border-bottom: 1px solid #707070;}

	/* TODO: new header commonに移植する ここまで */
	/*ページトップ*/
	.pagetop {display: none;position: fixed;bottom: 100px;right: 15px}
	.pagetop a {font-size: 15px;line-height: 30px;padding: 12px 5px 0 5px;width: 50px;height: 50px;}
	.pagetop a svg {top: 18px;right: 19px;}

	.hamburger_bk {position:fixed; display:block; width:26px; height:16px; top:-1px; right:15px; z-index:99999; margin-top:16px; transition:all .4s; box-sizing:border-box; cursor:pointer}
	.hamburger_bk span {display:inline-block; transition:all .4s; box-sizing:border-box; position:absolute; left: 0; width:100%; height:2px; background-color:#000; margin: 0 auto}
	.hamburger_bk span:nth-of-type(1) {top: 2px}
	.hamburger_bk span:nth-of-type(2) {top: 9px}
	.hamburger_bk span:nth-of-type(3) {top: 16px}
	.hamburger_bk.active span:nth-of-type(1) {-webkit-transform:translateY(7px) rotate(-45deg); transform:translateY(7px) rotate(-45deg)}
	.hamburger_bk.active span:nth-of-type(2) {opacity: 0}
	.hamburger_bk.active span:nth-of-type(3) {-webkit-transform:translateY(-7px) rotate(45deg); transform:translateY(-7px) rotate(45deg)}
	.togglebox2{display: none; font-size: 12px !important; line-height: 120%;}

}

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

	/* TODO: new header commonに移植する */
	header{width: 100%;}

	header a, header a:link, header a:visited{color:#383838;}
	header a:hover{color:#787878;}

	header .header_logo_container{position: relative;width: 100%;height: 58px;background-color: #FFF;border-bottom: 2px solid #000;}

	header .header_logo_container.modal-open-now{position: fixed;z-index: 500;}

	header .header_inner{width: 1020px;
		padding: 20px 0 24px;
		position: relative;margin: 0 auto;}

	header .header_inner .logo{width: 500px;display: flex;justify-content: flex-start;align-items: flex-end;}

	header .header_inner .logo a:hover{text-decoration: none;}

	header .header_inner .logo svg{width: 100px;height: auto;fill: #231815;}

	header .header_inner span.current_service, h1.current_service{display: inline-block;margin: 0 0 0 8px;color: #000;font-weight: bold;font-size: 18px;line-height: 30px;}

	header .header_inner span.current_service, h1.current_service a{cursor: pointer;}

	header .header_inner .hamburger_bk, header .header_inner .hamburger{position: absolute;z-index: 500;display: block;width: 26px;height: 22px;top: 0;right: 23px;margin-top: 16px;transition: all .4s;box-sizing: border-box;cursor: pointer;}

	header section.service_nav{width: 1020px;margin: 0 auto;}

	header section.service_nav::after{content: '';display: block;clear: both;}

	header section.service_nav .header_nav_ul{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: flex;margin: 0 0 10px 0;}

	header section.service_nav .header_nav_ul li{font-size: 0.8em;text-align: center;border-bottom: 5px solid #F7F7F7;flex-grow: 1;}

	header section.service_nav .header_nav_ul li.is-current{border-bottom: 5px solid #F90101;}

	header section.service_nav .header_nav_ul li a{display: inline-block;width: 100%;height: 100%;padding: 16px 8px;}

	header section.service_nav .header_nav_ul li a:hover{text-decoration: none;color: #000;}

	header section.service_nav .header_nav_ul li a:visited{color: #000;}

	/*ハンバーガー内ナビゲーション*/
	#navigation{position: fixed;display: none;width: 100%;height: 100vh;top: 60px;right: 0;z-index: 499;background-color: rgba(255, 255, 255, 0.97);overflow-y: scroll;font-size: 16px;line-height: 26px;}

	#navigation h3{font-size: 16px;font-weight: bold;}

	#navigation .lbox{width: 48%;float: left;}

	#navigation .rbox{width: 48%;float: right;}

	#navigation .top_nav_box{width: 1020px;margin: 24px auto 20px;padding: 0 15px;}

	#navigation .top_nav_box::after{content: '';display: block;clear: both;}

	#navigation .top_nav_box .service_nav .header_nav_ul{flex-wrap: wrap; justify-content: flex-start; margin: 0 0 10px 0;}

	#navigation .top_nav_box .service_nav .header_nav_ul li{border: 1px solid #C4C4C4; height: 44px; box-sizing: border-box; flex: 0 0 32%; margin: 0 2% 8px 0;}

	#navigation .top_nav_box .service_nav .header_nav_ul li:nth-child(3n){margin-right: 0;}

	#navigation .top_nav_box .service_nav .header_nav_ul li a{padding: 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}

	#navigation .top_nav_box .service_nav .header_nav_ul li a:hover{background-color: #C4C4C4;color: #000;text-decoration: none;transition: all 0.5s 0s ease;}

	#navigation .bottom_nav_box{width: 1020px;margin: 0 auto 24px;padding: 0 15px 64px 15px;overflow: auto;}

	#navigation .bottom_nav_box .bottom_nav_1{float: left;width: 25%;}

	#navigation .bottom_nav_box .bottom_nav_1::after{content: '';display: block;clear: both;}

	#navigation .bottom_nav_box .bottom_nav_3{float: right;width: 71%;}

	#navigation .bottom_nav_box .bottom_nav_3::after{content: '';display: block;clear: both;}

	#navigation .bottom_nav_box .bottom_nav_3 h3.underline_large a{width: 32%;}

	#navigation .bottom_nav_box .bottom_nav_3 .bottom_nav_container{float: left;width: 32%;margin: 0 2% 0 0}

	#navigation .bottom_nav_box .bottom_nav_3 .bottom_nav_container:last-child{margin: 0;}

	#navigation .underline_large{border-bottom: 2px solid #707070;font-weight: bold;padding: 0 0 4px 0;margin: 0 0 12px 0;cursor: default;}

	#navigation .underline_small{border-bottom: 3px solid #C4C4C4;font-weight: bold;padding: 4px 0;margin: 8px 0 0;cursor: default;}

	#navigation .general_lst_container a{display: inline-block;width: 100%;padding: 12px 0 12px 4px;cursor: pointer;background: no-repeat 98% 50% url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2224%22%20viewBox%3D%220%200%209%2028%22%3E%3Cpath%20fill%3D%22%23F26161%22%20d%3D%22M9.297%2015c0%200.125-0.063%200.266-0.156%200.359l-7.281%207.281c-0.094%200.094-0.234%200.156-0.359%200.156s-0.266-0.063-0.359-0.156l-0.781-0.781c-0.094-0.094-0.156-0.219-0.156-0.359%200-0.125%200.063-0.266%200.156-0.359l6.141-6.141-6.141-6.141c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266%200.156-0.359l0.781-0.781c0.094-0.094%200.234-0.156%200.359-0.156s0.266%200.063%200.359%200.156l7.281%207.281c0.094%200.094%200.156%200.234%200.156%200.359z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);}

	#navigation .general_lst{margin: 0 0 32px 0;}

	#navigation .general_lst li{border-bottom: 1px solid #C4C4C4;}

	#navigation .login_box{padding: 12px 0;background: #F7F7F7;text-align: center;}

	#navigation .login_box .login_container{width: 1020px;margin: 0 auto;}

	#navigation .login_box .login_container li{width: 238px;display: inline-block;text-align: center;margin: 0 4px;}

	#navigation .login_box .login_container li a{display: block;height: 22px;width: 100%;padding: 15px 0;font-size: 18px;font-weight: bold;}

	#navigation .login_box .login_container li a.login{background-color: #F26161;border: 1px solid #F26161;color: #FFF;}

	#navigation .login_box .login_container li a.login:hover{background-color: #D25151;text-decoration: none;transition: all 0.5s 0s ease;}

	#navigation .login_box .login_container li a.sign_up{background: #FFF;border: 1px solid #707070;}

	#navigation .login_box .login_container li a.sign_up:hover{background-color: #CCC;color: #000;text-decoration: none;}

	#navigation .catalog_container p{font-size: 14px;overflow: auto;}

	#navigation .catalog_container p a{display: inline-block;float: right;position: relative;padding: 12px 0;}

	#navigation .catalog_container p a::before{display: block;position: absolute;width: 12px;height: 24px;content: '';left: -16px;background: no-repeat url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2222%22%20viewBox%3D%220%200%209%2028%22%3E%3Cpath%20fill%3D%22%23F26161%22%20d%3D%22M9.297%2015c0%200.125-0.063%200.266-0.156%200.359l-7.281%207.281c-0.094%200.094-0.234%200.156-0.359%200.156s-0.266-0.063-0.359-0.156l-0.781-0.781c-0.094-0.094-0.156-0.219-0.156-0.359%200-0.125%200.063-0.266%200.156-0.359l6.141-6.141-6.141-6.141c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266%200.156-0.359l0.781-0.781c0.094-0.094%200.234-0.156%200.359-0.156s0.266%200.063%200.359%200.156l7.281%207.281c0.094%200.094%200.156%200.234%200.156%200.359z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);}

	#navigation .catalog_container .maker_lst{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;font-size: 12px;line-height: 100%;margin: 12px 0 0;}

	#navigation .catalog_container .maker_lst li{float: left;width: 90px;margin: 0 6px 20px 0;text-align: center;}

	#navigation .catalog_container .maker_lst li:nth-child(5n+1){clear: both;}

	#navigation .catalog_container .maker_lst li:nth-child(n+6){margin: 0 6px 0 0;}

	a[href^="tel:"]{pointer-events: none;}

	/*ページトップ*/
	.pagetop{display: none;position: fixed;bottom: 50px;right: 50px}

	.pagetop a {
		display: block;
		background-color: #313233;
		text-align: center;
		color: #fff;
		font-size: 15px;
		line-height: 40px;
		text-decoration: none;
		padding: 12px 5px 0px 5px;
		filter: alpha(opacity = 80);
		-moz-opacity: 0.8;
		opacity: 0.8;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		vertical-align: middle;
	}

	.pagetop a svg{top: 24px;right: 24px;}

	.pagetop a.search{display: table-cell;font-size: 12px;line-height: 13px;vertical-align: middle;}

	.pagetop a.search svg{width: 20px;height: 20px;fill: #FFF;top: 12px;right: 21px;}

	/* TODO: new header commonに移植する ここまで */
	/*共通ボックス*/
	.con_box{width: 1020px; margin: 0 auto; }

	.con_box::after{content: ''; display: block; clear: both;}

	.con_box .con_lbox, .flex_lbox{float: left; width: 680px;}

	.con_box .con_rbox, .flex_rbox{float: right; width: 300px;}

	.con_box .con_rbox{padding: 24px 0 0 0;}

	.flex_lbox, .flex_rbox{padding: 0;}

	/* serivece用ヘッダフッタ */
	.service_header > div{float: left; margin: 8px 0 24px 0;}

	section.service_footer dl{float: left;margin: 0 160px 20px 0;}

	/*ハンバーガーメニュー*/
	.hamburger_bk, .hamburger {position:absolute; display:block; width:26px; height:16px; top:-3px; right:15px; z-index:99999; margin-top:16px; transition:all .4s; box-sizing:border-box; cursor:pointer}
	.hamburger_bk span, .hamburger span {display:inline-block; transition:all .4s; box-sizing:border-box; position:absolute; left: 0; width:100%; height:2px; background-color:#000; margin: 0 auto}
	.hamburger_bk span:nth-of-type(1), .hamburger span:nth-of-type(1) {top: 2px}
	.hamburger_bk span:nth-of-type(2), .hamburger span:nth-of-type(2) {top: 9px}
	.hamburger_bk span:nth-of-type(3), .hamburger span:nth-of-type(3) {top: 16px}
	.hamburger_bk.active span:nth-of-type(1), .hamburger_bk.active span:nth-of-type(1) {-webkit-transform:translateY(7px) rotate(-45deg); transform:translateY(7px) rotate(-45deg)}
	.hamburger_bk.active span:nth-of-type(2), .hamburger_bk.active span:nth-of-type(2) {opacity: 0}
	.hamburger_bk.active span:nth-of-type(3), .hamburger_bk.active span:nth-of-type(3) {-webkit-transform:translateY(-7px) rotate(45deg); transform:translateY(-7px) rotate(45deg)}

	#breadcrumb li {
		display: inline-block;
		list-style: none;
		float: left;
	}

	#breadcrumb a, .shortcutnav a {
		color: #313233;
	}
}