@charset "utf-8";
/*------------------------------*/
/* Reset */
/*------------------------------*/
ul {padding: 0;}
ul, li, ol, dl, dt {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* General */
html, body {
	overflow-x: hidden;
}
header:not(#rec_header){
	position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
}

/*------------------------------*/
/* Bug fix */
/*------------------------------*/
a, [class*="btn"] {
	pointer-events: auto;
}

/*------------------------------*/
/* bootstrap overwrite */
/*------------------------------*/

/* Layout */

/* Backgroud */
.bg-light {
	background-color: #ebebeb!important;
}

/* Border */
.border-danger {
	border-color: #C50020!important;
}
.border_x_0 {
	border-left: none!important;
	border-right: none!important;
}
.bdr_Tp_cGray_1px {
	border-top: solid 1px #DADADB !important;
}

/* Badge */
.badge-info {
	background-color: #A2C430;
}

/* Button */
.btn-light {
	background-color: #ebebeb!important;
}

/* Icon */
.dropdown-toggle::after {
	content: none;
}

/* Modal */
.scroll_fixed {
	width: 100vw;
	/*height: 100vh;*/
	left: 0;
	overflow: hidden;
	position: fixed;
}
/*Lineheight*/
.lh_12{
	line-height: 1.2;
}

.underline{
	text-decoration: underline;
}

.fw_bold{
	font-weight: bold;
}

/*------------------------------*/
/* font family */
/*------------------------------*/
.ff_notoSansJP{
	font-family: "Noto Sans JP", sans-serif;
}
.ff_roboto{
	font-family: "Roboto", sans-serif;
}
@font-face {
	font-family: "ff_mb101_db";
	src: url("../font/A-OTF-GothicMB101Pro-DeBold.otf");
}
@font-face {
	font-family: "ff_mb101_b";
	src: url("../font/A-OTF-GothicMB101Pro-Bold.otf");
}
@font-face {
	font-family: "ff_mb101";
	src: url("../font/A-OTF-GothicMB101Pro-Reg.otf");
}
@font-face {
	font-family: "ff_midashi";
	src: url("../font/A-OTF-MidashiGoPro-MB31.otf");
}

.ff_mb101{
	font-family: "ff_mb101", "Noto Sans JP", sans-serif;
}
.ff_mb101_b{
	font-family: "ff_mb101_b", "Noto Sans JP", sans-serif;
}
.ff_mb101_db{
	font-family: "ff_mb101_db", "Noto Sans JP", sans-serif;
}
.ff_shuei_maru{
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 600;
	font-style: normal;
}
.ff_midashi{
	font-family: "ff_midashi", "Noto Sans JP", sans-serif;
}
/*------------------------------*/
/* カーニング */
/*------------------------------*/
.ls_002{
	letter-spacing: 0.02rem;
}
/*------------------------------*/
/* max width */
/*------------------------------*/
.max_w_576{
	max-width: 576px;
}
.max_w_1090{
	max-width: 1090px;
}
/*------------------------------*/
/* Background Color */
/*------------------------------*/
.bg_ivory_l {
	background-color: #FFFEEE;
}
.bg_ivory {
	background-color: #FFFFCC;
}
.bg_red_l {
	background-color: #FFB5B5;
}
.bg_gld_blue{
	background: linear-gradient(to right,  #0061b0 0%,#0076c2 35%,#008bd9 51%,#0076c2 68%,#0061b0 100%); 
}
.bg_yellow{
	background-color: #ffe85a;
}
/*------------------------------*/
/* FontColor */
/*------------------------------*/
.cBlue{
	color: #0098e6;
}
.cOrange{
	color: #ff8400;
}

/*------------------------------*/
/* text decoration underline */
/*------------------------------*/
.text_decoration_underline{
	text-decoration: underline;
}

/*------------------------------*/
/* Header */
/*------------------------------*/
header .btn_cart .btn {
	position: relative;
	min-width: 40px;
	min-height: 40px;
	width: 100%;
	/*background: url("../../_img/_common/icon/icon_global_cart.svg") no-repeat center 0;*/
	background: url("../../_img/_common/nav_icon/nav_cart.svg") no-repeat center 0.25rem;
	background-size: auto calc(100% - 1.5rem);
	padding: 1.75rem 0.25rem 0;
}
@media screen and (max-width:1040px){
	header .btn_cart .btn {
		background: url("../../_img/_common/icon/icon_global_cart.svg") no-repeat center -0.25rem;
		background-size: auto 85%;
		padding: 2.25rem 0.25rem 0;
	}
}
header .btn_cart .btn .item_count {
	position: absolute;
	color: #FFFFFF;
	/*background-color: #DC7D16;*/
	background-color: #FF8400;
	border-radius: 50%;
	padding: 0.25rem 0 0;
	min-width: 1.5rem;
	min-height: 1.5rem;
	top: -0.5rem;
	right: 0;
	text-align: center;
}

header .nav_cart_header .btn .item_count {
	position: absolute;
	color: #FFFFFF;
	/*background-color: #DC7D16;*/
	background-color: #FF8400;
	border-radius: 50%;
	padding: 0.1rem;
	min-width: 1.2rem;
	min-height: 1.2rem;
	top: 3px;
	right: -6px;
	text-align: center;
}
/*------------------------------*/
/* button */
/*------------------------------*/
a:hover{
	transition: 0.5s;
}
a{
	transition: 0.5s !important;
}
.apl_btn{
	background: linear-gradient(0deg, rgba(255, 111, 0, 1) 0%, rgba(255, 102, 0, 1) 24%, rgba(255, 119, 0, 1) 68%, rgba(255, 162, 0, 1) 100%);
	/* background: linear-gradient(135deg,  #00a724 0%,#85cd54 99%);  */
	margin: 0 auto;
	text-align: center;
	color: white;
	border-radius: 15px;
	font-weight: bold;
	max-width: 500px;
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2);
	padding-top: 46px;
    padding-bottom: 10px;
	font-size: 18px;
	letter-spacing: 1.2px;
}
.apl_btn:hover{
	color: #fff !important;
}
.btn.arrow_white_btn::after {
	content: '';
	width: 8px;
	height: 8px;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	position: absolute;
	right: 16px;
	top: 67%;
}

.btn.arrow_white_btn::after{
	transform: rotate(45deg);
}
@media screen and (min-width:768px){
	.apl_btn{
		margin-top: 1rem;
	}
}
/*------------------------------*/
/* Parts hukidashi */
/*------------------------------*/
.side_hukidashi_orange{
	position: relative;
}
.side_hukidashi_orange::before,.side_hukidashi_orange::after{
	position: absolute;
	bottom: 0;
	content: "";
	width: 1px;
	height: 100%;
	background-color: #ff8400;
}
.side_hukidashi_orange::before{
	left: -0.5rem;
	transform: rotate(-15deg);
}
.side_hukidashi_orange::after{
	right: -0.5rem;
	transform: rotate(15deg);
}
/*------------------------------*/
/* Parts dots */
/*------------------------------*/
.dots_txt_top{
	background-image: radial-gradient(circle at center, #ff8400 20%, transparent 20%); /* 点の色とサイズ調整 */
	background-position: top right; /* 点の位置 */
	background-repeat: repeat-x; /* 横方向に繰り返し */
	background-size: 1em 0.3em; /* 点の間隔とサイズ調整 */
	padding-top: .2em; /* 縦方向の位置調整 */
}

/*------------------------------*/
/* Parts Arrow */
/*------------------------------*/

/* general */
[class*="icon_arrow_"] {
	position: relative;
}
[class*="icon_arrow_"]::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	margin: auto;
	width: 10px;
	height: 10px;
}

/* Arrow Direction：icon_arrow_(position)_(direction) */
.icon_arrow_lu::before {
	left: 1rem;
	top: 5px;
	border-top: 2px solid #ccc;
	border-right: 2px solid #ccc;
	transform: rotate(-45deg);
}
.icon_arrow_ru::before {
	right: 1rem;
	top: 5px;
	border-top: 2px solid #ccc;
	border-right: 2px solid #ccc;
	transform: rotate(-45deg);
}
.icon_arrow_rr::before {
	right: 1rem;
	top: 0px;
	border-top: 2px solid #ccc;
	border-right: 2px solid #ccc;
	transform: rotate(45deg);
}
.icon_arrow_rl::before {
	right: 1rem;
	top: 0px;
	border-top: 2px solid #ccc;
	border-right: 2px solid #ccc;
	transform: rotate(-135deg);
}
.icon_arrow_rd::before {
	right: 1rem;
	top: -5px;
	border-top: 2px solid #ccc;
	border-right: 2px solid #ccc;
	transform: rotate(135deg);
}

/* Color */
[class*="icon_arrow_"][class*="c_arrow_dark"]::before {
	border-color: #303030;
}
[class*="icon_arrow_"][class*="c_arrow_blue"]::before {
	border-color: #0096E2;
}

/*------------------------------*/
/* Parts Icon */
/*------------------------------*/
.icon_check::before {
	content: "";
	display: block;
	position: absolute;
	margin: auto;
	width: 20px;
	height: 12px;
	left: -1.75rem;
	top: -7.5px;
	bottom: 0;
	border-top: 3px solid #A2C430;
	border-right: 3px solid #A2C430;
	transform: rotate(135deg);
}
.icon_redo::before {
	content: "";
	display: block;
	position: absolute;
	margin: auto;
	width: 25px;
	height: 25px;
	left: -15px;
	top: 0;
	bottom: 0;
	background: url("../../_img/_common/icon/icon_redo.svg") no-repeat left center;
	background-size: contain;
}
.icon_redo.btn {
	color: #333333;
	border-color: transparent;
	background-color: transparent;
	position: relative;
}
.icon_question_l {
	background: url("../../_img/_common/icon/question.svg") no-repeat left center;
	background-size: auto 100%;
	padding-left: 1.5rem;
}
.icon_question_r {
	background: url("../../_img/_common/icon/question.svg") no-repeat right center;
	background-size: auto 100%;
	padding-right: 1.5rem;
}
.icon_warning {
	background: url("../../_img/_common/icon/icon_warning.svg") no-repeat left center;
	background-size: auto 1.25em;
	padding-left: 2rem;
}

/*------------------------------*/
/* Parts Title */
/*------------------------------*/
.title {
    font-size: 1.5rem !important;
	font-family: "Noto Sans JP", sans-serif;
}

.title_bl_blue {
	border-left: 0.375rem solid #0096E2;
	padding-left: 0.5rem;
}
.title_bl_yellow {
	border-left: 0.375rem solid #fdda09;
	min-height: 2rem;
	padding-left: 0.5rem;
}
.title_icon_faq {
	background-image: url(../../_img/_common/nav_icon/box_icon/nav_b_faq.svg);
	background-size: 2.1rem/*contain*/;
	background-repeat: no-repeat;
	background-position: 0 0.4rem;
	padding-top: calc((2.5rem - 1em) / 2);
	padding-left:40px;
	min-height: 2.5rem;
}

/*------------------------------*/
/* Parts Button */
/*------------------------------*/
#button_estimate {
	font-weight: bold;
	color: #FFFFFF!important;
	background-color: #A2C430!important;
	border-color:  #A2C430!important;
}
.btn_3d {
	box-shadow: 0 0.5rem 0 rgba(0, 0, 0, 0.5);
}
#button_estimate.btn_3d {
	box-shadow: 0 0.5rem 0 #778800;
}

/*------------------------------*/
/* Parts Table */
/*------------------------------*/
.table_lBlue th {
	background-color: #E8F3F7;
}
.table_lBlue th, .table_lBlue td {
	border: 1px solid #dee2e6;
	border-collapse: collapse;
}

/*------------------------------*/
/* Parts List */
/*------------------------------*/
.list_disc_lBlue li {
	font-size: 90%;
	position: relative;
	padding-left: 1em;
}
.list_disc_lBlue li::before {
	position: absolute;
	content: "";
	display: block;
	width: 0.7em;
	height: 0.7em;
	background: #AADDFF;
	border-radius: 50%;
	top: calc(0.7em / 2);
	/*bottom: calc((100% - 0.7em) / 2);*/
	left: 0em;
}
li.list_disc_black {
	list-style: disc;
	text-indent: -0.5rem;
	margin-left: 1.5rem;
}
.notes li {
	margin-left: 1rem;
	text-indent: -1rem;
}
.notes li::before {
	content: "※";
}

/*------------------------------*/
/* Parts Other */
/*------------------------------*/
.error {
	display: block;
	background-color: #EBA3A3;
	border-radius: 0.3rem;
	margin: 0.5rem 0 1.5rem;
	padding: 0.25rem;
}

.box_fukidashi_top {
	background-color: #ffffff;
	border: #0096E2 solid 2px;
	border-radius: 0.5rem;
	position: relative;
}
.box_fukidashi_top::before, .box_fukidashi_top::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 2rem 1.5rem 2rem;
	border-color: transparent transparent #0096E2 transparent;
	position: absolute;
	top: -1.5rem;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.box_fukidashi_top::after {
	border-color: transparent transparent #ffffff transparent;
	top: calc(-1.5rem + 2px);
}
/*.itemenabled.cv_btn_mw,
.itemenabled.cv_btn_wrap2 {
	position: relative;
}
.itemenabled.cv_btn_mw::after,
.itemenabled.cv_btn_wrap2::after {
    content: "大変申し訳ございません。現在お申込いただけません。";
    display: block;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    position: absolute;
    top: -5px;
    left: -5px;
    background: rgba(100,100,100,0.8);
    border-radius: 6px;
    text-align: center;
    padding-top: calc(50% - 0.5rem);
    padding-left: 3rem;
    padding-right: 3rem;
    font-weight: bold;
    color: #FFFFFF;
}*/

/*------------------------------*/
/*UI AutoComplete*/
/*------------------------------*/
.ui-autocomplete {
	width: 100%!important;
	z-index: 2100;
	top: 0px!important;
	text-align: left;
}
.ui-autocomplete .ui-menu-item {
	cursor: pointer;
}
.ui-autocomplete .ui-menu-item:hover {
	background-color: #FEFEDE;
}
.ui-autocomplete-loading {
	background: white url("../../_img/loading.gif") calc(100% - 0.25rem) center no-repeat;
	background-size: 1.2rem 1.2rem;
}

#input_test input {
	font-size: 1.0rem;
}
.ui-helper-hidden-accessible {
	display: none;
}

/*------------------------------*/
/* Humburger Icon */
/*------------------------------*/
#dropdownEX #dropdownMenuButton {
	width: 2.5rem;
	height: 2.5rem;
	padding: 0 0.5rem;
    margin-top: 0;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 5300;
}
#dropdownEX .dropdown-toggle::after {
	content: none;
}
#dropdownEX .hamburger-icon {
	position: relative;
	display: block;
	margin-top: 0px;
}
#dropdownEX .hamburger-icon,
#dropdownEX .hamburger-icon:before,
#dropdownEX .hamburger-icon:after {
	width: 100%;
    height: 1px;
    transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    background-color: #6C6C6C;
    max-width: 100%;
}
#dropdownEX .hamburger-icon:before,
#dropdownEX .hamburger-icon:after {
	position: absolute;
	top: -8px;
	left: 0;
	content: '';
}
#dropdownEX .hamburger-icon:after {
	top: 8px;
}

/*------------------------------*/
/* アコーディオン */
/*------------------------------*/
.accordion-container {
  width: 100%;
}

.accordion-list:not(:first-child) {
  margin-top: 10px;
}

.accordion-title {
  background: #0096E2;
  cursor: pointer;
  font-size: 16px;
  padding: 15px;
  position: relative;
    color: #fff;
}

.accordion-title:before {
  position: absolute;
  content: '';
  top: 50%;
  right: 25px;
  height: 2px;
  width: 15px;
  background: #fff;
  transform: rotate(90deg);
  transition: all .3s ease-in-out;
}
.accordion-title:after {
  position: absolute;
  content: '';
  top: 50%;
  right: 25px;
  height: 2px;
  width: 15px;
  background: #fff;
  transition: all .3s ease-in-out;
}

.accordion-title.open:before {
  transform: rotate(180deg);
}
.accordion-title.open:after {
  opacity: 0;
}

.accordion-text {
  border-left: 1px solid #0096E2;
  border-right: 1px solid #0096E2;
  border-bottom: 1px solid #0096E2;
  display: none;
  padding: 20px 10px;
}



/*------------------------------*/
/* DropDown Extend config */
/*------------------------------*/
.ddExShow {
	overflow-y: hidden;
}
#dropdownEX #dropdownEX_body  {
	position: fixed;
	/*transform: translateY(0px);*/
	background-color: transparent;
	padding: 0;
	margin: 0;
	border: none;
	height: 100vh;
	top: 0;
	z-index: 5000;
}
#dropdownEX .dropdownEX_body_bg {
	position: absolute;
	background-color: rgba( 0, 0, 0, 0.8);
	width: 100vw;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 5100;
}
#dropdownEX .dropdownEX_body_main {
	position: absolute;
	background-color: #ffffff;
	width: 100vw;/*左側にコンテンツエリア表示したい場合は横幅Max以下の値を設定（80％,80vwなど）*/
	height: 100%;
	overflow-y: scroll;
	z-index: 5200;
	right: 0;
}
#dropdownEX .dropdownEX_body_main_inner {
	width: 80vw;
	margin-left: 20vw;
}
#dropdownEX.show .hamburger-icon {
	background-color: transparent;
}
#dropdownEX.show .hamburger-icon::before {
	transform: rotate(45deg);
	top: 0;
}
#dropdownEX.show .hamburger-icon::after {
	transform: rotate(-45deg);
	top: 0;
}

/* ---------------------------------- */
/* DropDown Extend menu animation */
/* ---------------------------------- */
.slideToLeft {
	animation-name: slideLeft;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes slideLeft{
	from {
		opacity: 0;
		transform: translate(100vw, 0%);
	}
	to {
		opacity: 1;
		transform: translate(0vw, 0%);
	}
}

.slideToRight {
	animation-name: slideRight;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes slideRight{
	from {
		opacity: 1;
		transform: translate(0vw, 0%);
	}
	to {
		opacity: 0;
		transform: translate(100vw, 0%);
	}
}
/* ---------------------------------- */


/*------------------------------*/
/* Estimate Modal */
/*------------------------------*/
.modal[id^="estimateModal_"] .modal-title {
	font-size: 1.0rem;
	font-weight: bold;
}
.modal[id^="estimateModal_"] #collapse_area_list > ul {
	margin-bottom: 1rem;
}
.modal[id^="estimateModal_"] #collapse_area_list > ul:last-child {
	margin-bottom: 0;
}

/* Background */
.bg_success {
	background-color: #FEFEDE;
}

/* Step Icon */
.modal[id^="estimateModal_"] [id^="step_"] span.badge {
	border-radius: 0;
}

/* Parts Input */
input.required {
	background-color: #FEFEDE;
}
input.entered {
	background-color: #E8F0FE;
}
.modal[id^="estimateModal_"] #id_areaCheck_zip {
	background-color: #FEFEDE;
}
.modal[id^="estimateModal_"] #id_areaCheck_zip:focus,
.modal[id^="estimateModal_"] #model_number:focus {
	background-color: #e8f0fe;
}
.modal[id^="estimateModal_"] input[name="cover_select"] {
	appearance: none;
	position: absolute;
}
.modal[id^="estimateModal_"] label[for^="itemCV"] {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
/*.modal[id^="estimateModal_"] label[for^="itemCV"]::before {
	position: absolute;
	content: "";
	display: block;
	top: -240%;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 30px;
	height: 20px;
}*/
.modal[id^="estimateModal_"] li[id^="CV-"].cv_selected {
	border: 2px solid #0096E2!important;
}
/*.modal[id^="estimateModal_"] .cv_selected label[for^="itemCV"]::before {
	border-top: 5px solid #0096E2;
	border-right: 5px solid #0096E2;
	transform: rotate(135deg);
}*/
.modal[id^="estimateModal_"] li[id^="CV-"].cv_selected .card-body {
	background-color: #FEFEDE;
	border-radius: 0 0 0.3rem  0.3rem;
}
.modal[id^="estimateModal_"] li[id^="CV-"].cv_selected .card-img-top {
	opacity: 1/*0.5*/;
}
/*.modal[id^="estimateModal_"] li[id^="CV-"].cv_disabled {
	opacity: 0.5
}*/

/* Parts Other */
.border_result_success {
	border: #0096E2 2px solid!important;
}
/*.result_success #result_message {
	color: #0096E2;
	font-weight: bold;
	border: #0096E2 2px solid!important;
}*/
#cover_select li[id^="CV-"] div:not(.card-img-top) {
	height: 100%;
}
#cover_select li[id^="CV-"] .card-img-top > img {
	border-radius: 2px 2px 0 0;
}
.modal[id^="estimateModal_"] #itemName {
	font-weight: bold;
}
.modal[id^="estimateModal_"] #cover_select li[id^="CV-"],
.modal[id^="estimateModal_"] #cover_select li[id^="CV-"] * {
	cursor: pointer;
}
.modal[id^="estimateModal_"] #cover_select .btn:focus {
	box-shadow: none;
}

/*------------------------------*/
/* Top page */
/*------------------------------*/
.post_list, .support_list {
	overflow-x: scroll;
}
.post_list ul {
	width: calc((100% / 6) * 12);
}
.support_list ul {
	width: calc(100% * 12);
}
.support_list ul li {
	max-width: 240px;
}

#tokubetu_pack_disabled picture::after {
	content: "↑↑↑大好評につき受付締め切りました。多数のお申し込みまことにありがとうございました！";
	margin: auto;
	width: 100%;
	text-align: center;
	display: block;
	color: #dd0000;
	font-weight: bold;
}
#tokubetu_pack_disabled picture img {
	opacity: 0.4;
}
#tokubetu_pack_invisible {
	display: none;
}

/*------------------------------*/
/* Q&A */
/*------------------------------*/
/* Link Text */
.faq_list div[id^="faq_"] a {
	display: inline-block;
	margin-left: 2.18rem;
}
.faq_list li a.icon_arrow_rr::before {
	right: -1.0rem;
}

/*------------------------------*/
/* Guide > Calendar */
/*------------------------------*/
#ct_calendar #footer_calendar {
	display: none;
}
#ct_calendar #footer_otoiawase {
	flex: 0 0 100%;
	max-width: 100%;
}

/*------------------------------*/
/* Blog */
/*------------------------------*/
#toc_container p.toc_title{
	text-align: left;
	font-size:22px;
}
#toc_container{
	padding:26px;
	background: #E8F3F7;
	width: 100%!important;
}
.info_support p {
	line-height: 2;
	/*margin-top: 1em;*/
	margin-bottom: 20px;
}
.info_support li {
	line-height: 2.0em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 1.5rem;
	list-style: disc;
}
.info_support #toc_container {
	border: none;
}
/*.info_support #toc_container .toc_list li {
	margin-bottom:25px;
}*/
.info_support #toc_container .toc_list > li {
	counter-increment: num;
}
.info_support #toc_container .toc_list > li::before {
	content: counter(num)". ";
	font-weight: bold;
	color: #0096E2;
}
.info_support #toc_container .toc_list > li > a {
	font-weight: bold;
}
.info_support #toc_container .toc_list > li li::before {
	content: "- ";
	color: #0096E2;
}
.info_support h2 {
	border-left: 0.4rem solid #0096E2;
    min-height: 2rem;
	font-size: 1.75rem!important;
	padding: 0.8rem 1rem 0.8rem 1.5rem!important;
	background-color: #E8F3F7 !important;
	margin-top: 4rem;
	margin-bottom: 1.5rem !important;
}
.info_support h3{
	font-size: 1.5rem!important;
    border-bottom: solid 3px #0096E2;
    padding-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 0.2rem;
}
.info_support h4{
	font-size: 1.25rem!important;
	padding-top: 1.5rem;
	padding-bottom: 0.5rem;
	color: #0096E2;
}
.info_support h5{
	font-size: 1.125rem!important;
}
.info_support h6 {
	font-size: 1.0625rem!important;
}
.info_support h2, .info_support h3, .info_support h4,
.info_support h5, .info_support h6 {
	font-weight: bold;
}
.info_support .intro_box,
.info_results .intro_box{
	position: relative;
}
.info_support .intro-service-header,
.info_results .intro-service-header{
	width: 100%;
	position: absolute;
	top: 0;
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
    text-align: center;
}
.info_support .intro-service-header_sm,
.info_results .intro-service-header_sm{
	width: 80%;
}
.info_support .intro-service-image,
.info_results .intro-service-image{
	position: absolute;
	top:-26px;
	right: -15px;
	bottom: 0;
	width:100%;
	max-width: 100px;
	height: auto;
	margin: 0;
}
.info_support .intro_txt{
	padding-top:70px;
}
.info_results .intro_txt{
	padding-top:100px;
}
.info_support .intro-service-image img,
.info_results .intro-service-image img{
	display: inline-block;
}

/* table design */
.blog_table01 table tr td,.blog_table02 table tr td,.blog_table03 table tr td{
	border: solid 1px #dbdbdb;
}
.blog_table01 table tr:nth-child(1),.blog_table01 table tr td:nth-child(1){
	background-color: #e2edf9;
}
.blog_table01 table tr td,.blog_table01 table tr th,.blog_table02 table tr td,.blog_table02 table tr th,.blog_table03 table tr td,.blog_table03 table tr th{
	font-size: 0.9rem!important;
	padding: 0.7rem 0.75rem;
	font-weight: bold;
}
.blog_table02 table tr:nth-child(1),.blog_table02 table tr td:nth-child(1){
	background-color: #f1f1f1;
}
.table_fixed table{
	table-layout: fixed;
}
.blog_table03 table td:nth-child(1){
	background-color: #f1f1f1;
}
.blog_table04 table tr:nth-child(1){
	background-color: #e2edf9;
}
/* table design */

/* rel_article */
#rel_article{
	box-shadow: 1px 2px 7px 0px #e3e3e3;
	background: #fafafa;
    border: 1px solid #d3d3d3;
	border-radius: 8px;
	overflow: hidden;
}
#rel_article .rel_img{
	width: 60%;
    min-width: 7rem;
    max-width: 11rem;
}
#rel_article .rel_img img{
	margin-top: 0;
    margin-bottom: 0;
}
#rel_article .rel_txtWrap{
	padding: 0.5rem 0.8rem;
}
#rel_article .rel_title{
	font-weight: 700;
	font-size: 0.8125rem!important;
	line-height: 1.25!important;
	margin-bottom: 0.5rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
#rel_article .rel_title span{
	font-weight: 400;
	font-size: 0.7rem!important;
	border: solid 1px #d3d3d3;
	background-color: #FFFFFF;
	border-radius: 4px;
	padding: 1px 4px;
	margin-bottom: 2px;
	display: inline-block;
}
#rel_article .rel_txt{
	font-size: 0.7rem!important;
	line-height: 1.25!important;
	margin-bottom: 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;

}
/* //rel_article */
/*------------------------------*/
/* Blog[end] */
/*------------------------------*/


@media screen and (min-width:992px){
	.info_support .intro_txt{
	padding-top:70px;
}
	.info_support .intro-service-image,
	.info_results .intro-service-image{
	position: absolute;
	top:-59px;
	right: 0;
	bottom: 0;
	width:100%;
	max-width: 100px;
	height: auto;
	margin: 0;
}
	/* rel_article */
	#rel_article .rel_title{
		font-size: 0.9375rem!important;
	}
	#rel_article .rel_txt{
		font-size: 0.8rem!important;
	}
	#rel_article .rel_title{
		-webkit-line-clamp: 2;
	}
	/* //rel_article */
}
@media screen and (min-width:1200px){
	.info_results .intro_txt{
		padding-top:60px;
		text-align: center;
	}
	.info_support .intro-service-image,
	.info_results .intro-service-image{
	position: absolute;
	top:-59px;
	right: 70px;
	bottom: 0;
	width:100%;
	max-width: 100px;
	height: auto;
	margin: 0;
}
}
@media screen and (max-width:575px){
	.info_support h2 {
		font-size: 1.24rem!important;
    	padding: 0.5rem 1rem 0.5rem 1rem!important;
	}
	.info_support h3{
		font-size: 1.15rem!important;
	}
	.info_support h4{
		font-size: 1.1rem!important;
		padding-top: 1.5rem;
		padding-bottom: 0.5rem;
		color: #0096E2;
	}
	.info_support h5{
		font-size: 1.05rem!important;
	}
	.info_support h6 {
		font-size: 1.03rem!important;
	}
}

.word_break{
	word-break: break-all!important;
}

.has-luminous-vivid-amber-color{
	color:#000000!important;
	background: linear-gradient(transparent 60%, #ffff99 60%)!important;
    font-weight: bold!important;
}
.has-inline-color.has-black-color{
	background: linear-gradient(transparent 60%, #ffff99 60%)!important;
    font-weight: bold!important;
}
.mrk_yel{
	background: linear-gradient(transparent 60%, #ffff99 60%)!important;
    font-weight: bold!important;
}
.cat_img_resize a img{
	object-fit: cover;
    width: 100%;
    height: 13rem;
}
/*ライタープロフィール*/
.profile{
	padding-left:0.5em;
}
.profile div{
	display: flex;
	flex-direction: row;
	align-items: flex-end;
}
.profile img{
	display: block;
	width:50%;
	max-width:80px;
	padding:30px 0 20px;
}
.profile dt{
	font-size:16px;
	width:45%;
	padding:30px 0 20px;
	margin-left:5%
}
.profile dt span{
	display: block;
	color:gray;
	font-size:12px;
}
.profile dd{
	font-size:14px;
	line-height: 1.6;
	color:gray;
}
/*------------------------------*/
/* popup LINE */
/*------------------------------*/
#popup_line_wrap{
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000000a8;
	z-index: 11;
}
/* バツボタン */
#popup_line_wrap #popup_cancel{
	content: "";
	display: block;
	border-radius: 100px;
	width: 2.5rem;
	height: 2.5rem;
	background-color: #def4ff;
	border: solid 2px #008bd9;
	position: absolute;
	top: 0.25rem;
	right: 0.25rem;
}
#popup_line_wrap #popup_cancel::after,#popup_line_wrap #popup_cancel::before{
	content: "";
	width: 2rem;
	height: 0.25rem;
	background-color: #0076c2;
	border-radius: 100px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}
#popup_line_wrap #popup_cancel::after{
	transform: rotate(45deg);
}
#popup_line_wrap #popup_cancel::before{
	transform: rotate(-45deg);
}
/* バツボタン */
#popup_line_wrap .popup_line{
	display: table;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	max-width: 500px;
	padding: 1.5rem;
}
#popup_line_wrap a{
	display: table;
}

/* #popup_line_wrap > div > img{
	object-fit: contain!important;
} */
#popup_line_wrap .popup_line a img{
	object-fit: contain!important;
}

/*------------------------------*/
/* Media Query */
/*------------------------------*/
/* Smart phone */
@media screen and (max-width:575px){
	
	/*------------------------------*/
	/* Estimate Modal */
	/*------------------------------*/
	.modal[id^="estimateModal_"] .modal-dialog {
		margin: 0;
	}
	
}

/* Smart phone Large & Tablet device(iPad:portrait) */
@media screen and (min-width:576px){
	
}

/* Smart phone:landscape) */
@media screen and (min-width:576px) and (orientation:landscape) {
	
}

/* Tablet device */
@media screen and (min-width:768px){
	/* Layout */
	.inner_container {
		padding-left: 3rem!important;
		padding-right: 3rem!important;
	}
}

/* Tablet device & PC */
@media screen and (min-width:992px){
	/* General */
	html {
		overflow-y: scroll;
	}
	
	/* DropDown Extend config */
	#dropdownEX .dropdownEX_body_main {
		overflow-y: auto;
	}
	
	/* Top page */
	.support_list ul {
		width: calc((100% / 6) * 12);
	}
	.support_list ul li {
		max-width: 360px;
	}
}

@media screen and (min-width:1041px){
	#global_nav li.order-md-1.bg-warning {
		background-color: #ffffff!important;
	}
}

/* PC小以下全て */
@media screen and (max-width:1199px){
	
}

/* スマホ（iPhone X）横向き */
@media screen and (max-width:1199px) and (orientation: landscape){
	
}

/* PC */
@media screen and (min-width:1200px){
	
}

/*------------------------------*/
/* 地域ページ */
/*------------------------------*/
/*工事実績*/
.results_list h3{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.btn_h2_text{
	display: table;
    margin: 0 auto;
	padding: 0 16px;
}
.apl_btn_text {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 97%;
    font-size: 16px;
    text-shadow: none;
    line-height: 1.2;
    letter-spacing: -1px;
	padding: 0.2rem 0;
}
.btn_h2_text:before {
    position: absolute;
    left: 0;
    bottom: 10px;
    content: "";
    width: 3px;
    height: 50%;
    background: #0096E2 ;
    border-radius: 3px;
    transform: rotate(-25deg);
}
.btn_h2_text:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 10px;
    width: 3px;
    height: 50%;
    background: #0096E2 ;
    border-radius: 3px;
    transform: rotate(25deg);
}
@media screen and (min-width:768px){
	.btn_h2_text:after {
		right: -2rem;
	}
	.btn_h2_text:before {
		left: -2rem;
	}
}
/*価格相場テーブル*/
.markt_price_table_inner{
	overflow-x: scroll;
}
.markt_price_table table{
	border: 1px #000 solid;
	margin: 0 auto;
	width: 640px;
}
.markt_price_table table tr{
	border-bottom: 1px #000 solid;
}

.markt_price_table table th,
.markt_price_table table td{
	border-right: 1px #000 solid;
	padding-top:0.5rem;
	padding-bottom: 0.5rem;
}
.markt_price_table table th{
	font-size: 12px;
	background-color: #e6f8ea;
}
.markt_price_table table td{
	font-size: 14px;
	font-weight: bold;
}

.markt_price_table table th:last-child,
.markt_price_table table td:last-child{
	border-right: none;
}
.markt_price_table table .no_content{
	background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), #000000 50%, #000000 calc(50% + 0.5px), transparent calc(50% + 1px));
}

@media screen and (min-width:576px){
	.markt_price_table_inner{
		overflow-x: visible;
	}
	
	.markt_price_table table{
		width: 100%;
	}
}
@media screen and (min-width:992px){
	.markt_price_table table th{
		font-size: 16px;
	}
	.markt_price_table table td{
		font-size: 16px;
	}
	.apl_btn_text{
		font-size: 20px;
	}
}



/*------------------------------*/
/* バーガーメニュー */
/*------------------------------*/

.hamburger {
	display: block;
	height: 60px;
	margin-left: auto;
	position: relative;
	z-index: 10;
	width: 60px;
	border: none;
	background-color: transparent;
}
.hamburger,button:focus{
	outline: none;
}
.hamburger.-active .hamburger_line {
	background-color: transparent;
}
.hamburger.-active .hamburger_line::before {
	top: 0;
	transform: rotate(45deg);
}
.hamburger.-active .hamburger_line::after {
	top: 0;
	transform: rotate(-45deg);
}
.hamburger.-active .hamburger_text::before {
	content: 'MENU';
}
.hamburger_line {
	display: block;
	height: 0;
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 30px;
	background-color: #0098e6;
	transition: 0.4s;
}
.hamburger_line:before,
.hamburger_line:after {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	width: 100%;
	background-color: #0098e6;
	transition: inherit;
	height: 2px;
}
.hamburger__line:before {
	top: -px;
}
.hamburger_line:after {
	top: 9px;
}
.hamburger_text {
	content: "";
	position: absolute;
	bottom: 7px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}
.hamburger_text::before {
	content: "MENU";
	text-align: center;
	color: #0098e6;
	font-size: 12px;
}

.header_nav-area {
	position: fixed;
	top: 0;
	left: -100%;
	z-index: 9;
	height: 100vh;
	width: 100%;
	visibility: hidden;
	padding-top: 60px;
	background-color: #fff;
	transition: 0.4s;
}
.header_nav-area.-active {
	left: 0;
	visibility: visible;
}
.global_navigation {
	padding-bottom: 160px;
	overflow-y: scroll;
	height: 100vh;
}

.global_navigation .bg_blue{
	background-color: #0098e6 !important;
}
.global_navigation .arrow{
	position: relative;
	display: inline-block;
	padding: 10px;
}
.global_navigation .arrow_blue{
	position: relative;
	display: inherit;
}
.global_navigation .arrow_white,
.global_navigation .arrow_white_btn,
.global_navigation .arrow_blue_indent{
	position: relative;
	
}
.global_navigation .arrow_blue::after {
	content: '';
	width: 10px;
	height: 10px;
	border-top: solid 3px #0098e6;
	border-right: solid 3px #0098e6;
	position: absolute;
	right: 8px;
	top: 36%;
}
.global_navigation .arrow_blue_indent::after {
	content: '';
	width: 10px;
	height: 10px;
	border-top: solid 3px #0098e6;
	border-right: solid 3px #0098e6;
	position: absolute;
	right: 8px;
	top: 40%;
}
.global_navigation .arrow_white::after {
	content: '';
	width: 10px;
	height: 10px;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	position: absolute;
	right: -16px;
	top: 8px;
}
.global_navigation .arrow_white_btn::after {
	content: '';
	width: 10px;
	height: 10px;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	position: absolute;
	right: 16px;
	top: 24px;
}
.global_navigation .arrow_blue.arrow_right::after,
.global_navigation .arrow_blue_indent.arrow_right::after,
.global_navigation .arrow_white.arrow_right::after,
.global_navigation .arrow_white_btn.arrow_right::after{
	transform: rotate(45deg);
}
.global_navigation .tb_center{
	height: 80px;
    display: grid;
} 
.global_navigation .tb_center p{
	place-items:center;
	font-size: 14px;
	padding-right: 6px;
}
.global_navigation .tb_center p span{
	margin-top: -16px;
}
.fs_10_12{
	font-size: 10px;
}

.global_navigation .list_title{
	position: relative;
    padding: 0;
}
.global_navigation .list_title:before{
	position: absolute;
    left: 10px;
    content: "";
    z-index: 1;
    background-repeat: no-repeat;
    display: block;
    width: 34px;
    height: 26px;
    top: 28%;
    left: 0;
}

.nav_list li .construction::before{
	background-image: url(../../_img/_common/nav_icon/nav_aircon.svg);
}
.nav_list li .price::before{
	background-image: url(../../_img/_common/nav_icon/nav_fee.svg);
}
.nav_list li .guide::before{
	background-image: url(../../_img/_common/nav_icon/nav_guide.svg);
}
.nav_list li .useful::before{
	background-image: url(../../_img/_common/nav_icon/nav_light.svg);
}
.nav_list li .contact::before{
	background-image: url(../../_img/_common/nav_icon/nav_contact.svg);
}

.global_navigation .second_icon{
	position: relative;
}
.global_navigation .second_icon:before{
	position: absolute;
    left: 10px;
    content: "";
    z-index: 1;
    background-repeat: no-repeat;
    display: block;
    width: 24px;
    height: 24px;
    top: 35%;
    left: 0px;
}

.nav_list li .price_list_01::before{
	background-image: url(../../_img/_common/nav_icon/box_icon/nav_b_fee.svg);
}
.nav_list li .price_list_02::before{
	background-image: url(../../_img/_common/nav_icon/box_icon/nav_b_feeplus.svg);
}

.nav_list li .guide_list_01::before{
	background-image: url(../../_img/_common/nav_icon/box_icon/nav_b_beginner.svg);
}
.nav_list li .guide_list_02::before{
	background-image: url(../../_img/_common/nav_icon/box_icon/nav_b_cart.svg);
}
.nav_list li .guide_list_03::before{
	background-image: url(../../_img/_common/nav_icon/box_icon/nav_b_heart.svg);
}
.nav_list li .guide_list_04::before{
	background-image: url(../../_img/_common/nav_icon/box_icon/nav_b_map.svg);
}
.nav_list li .guide_list_05::before{
	background-image: url(../../_img/_common/nav_icon/box_icon/nav_b_calender.svg);
}

.nav_list li .useful_list_01::before{
	background-image: url(../../_img/_common/nav_icon/box_icon/nav_b_aircon.svg);
}
.nav_list li .useful_list_02::before{
	background-image: url(../../_img/_common/nav_icon/box_icon/nav_b_noaircon.svg);
}
.nav_list li .useful_list_03::before{
	background-image: url(../../_img/_common/nav_icon/box_icon/nav_b_check.svg);
}
.nav_list li .useful_list_04::before{
	background-image: url(../../_img/_common/nav_icon/box_icon/nav_b_man.svg);
}
.nav_list li .useful_list_05::before{
	background-image: url(../../_img/_common/nav_icon/box_icon/nav_b_pen.svg);
}

.nav_list li .contact_list_01::before{
	background-image: url(../../_img/_common/nav_icon/box_icon/nav_b_faq.svg);
}
.nav_list li .contact_list_02::before{
	background-image: url(../../_img/_common/nav_icon/box_icon/nav_b_mail.svg);
}
.nav_list li .contact_list_03::before{
	background-image: url(../../_img/_common/nav_icon/box_icon/nav_b_phone.svg);
}

.global_navigation .list_title a{
	padding: 20px 0 20px 36px;
}
.global_navigation .nav_list li p.list_title a::before{
	content: "";
    position: absolute;
    top: calc(50% - 5px);
    right: 0rem;
    width: 16px;
    height: 3px;
    border-radius: 5px;
    background: #0096E2;
    transform: rotate(90deg);
    transition: all .3s ease-in-out;
}
.nav_list li .list_title{
	border-bottom: 1px #cccccc solid;
}
.nav_list li p.list_title a[aria-expanded="true"]::before {
    transform: rotate(180deg);
}
.nav_list li p.list_title a::after {
    content: "";
    position: absolute;
    top: calc(50% - 5px);
    right: 0rem;
    width: 16px;
    height: 3px;
    border-radius: 5px;
    background: #0096E2;
}
.nav_list li .list_title_inner{
	padding-left: 2rem;
}
.nav_list li .list_title_inner a{
	border-bottom: 1px #cccccc solid;
	padding: 0.8rem 0;
	display: block;
	padding-left: 2rem;
}
.nav_list li .list_title_inner a.construction{
	padding-left: 1rem;
}
.nav_list li .list_title_inner p{
	font-weight: bold;
	font-size: 14px;
}
.nav_list li .list_title_inner a span{
	font-weight: normal;
	font-size: 10px;
}
.rl_line {
    display: flex;
    justify-content: center;
    align-items: center;
}
.rl_line::before,.rl_line::after {
    content: "";
    background-color: #0098e6 ;
    height: 2px;
    width: 24px;
}
.rl_line::before {
    margin-right: 16px;
    transform: rotate(60deg); 
}
.rl_line::after {
    margin-left: 16px;
    transform: rotate(-60deg); 
}
@media screen and (min-width:576px){
	.global_navigation .tb_center p{
		font-size: 16px;
		display: block;
		padding: 1.5rem 0 1rem 0rem;
		text-align: center;
	}
	.fs_sm_16{
		font-size: 16px !important;
	}
	.fs_10_12{
		font-size: 12px;
	}
}
@media screen and (min-width:1041px){
	.nav {
		display: none;
	}
}