@charset "UTF-8";

/*||| 共通 |||*/
html{scroll-behavior:smooth;}
sup{vertical-align: 0.5em;font-size: 0.6em;}

#header,
#header-inner{display: none!important;}
#footer p.pagetop a:hover{background-position: 0;}

.youtube {position: relative;width: 100%;padding-top: 56.25%;}
.youtube iframe {position: absolute;top: 0;right: 0;width: 100%;height: 100%;}

.fs_b{font-size: 1.5em;}
.fs_n{font-size: 1.3em;font-weight: 300;}
.fs_s{font-size: 1em;font-weight: 300;}
.fs_ss{font-size: 0.75em;}
a:hover{opacity: 0.5;transition: 0.3s all;}
.pc_none{display: none!important;}
#contents{line-height: 1.7;font-family: 'M PLUS 1p', sans-serif;font-size: 16px;font-weight: 400; margin-bottom: -15em;}
#container{padding-top: 56px;}
.contents_wrap{max-width: 1024px;padding: 0 30px;margin: 0 auto;}
.contents_wrap_pn{max-width: 1024px;margin: 0 auto;}
.inner_wrap{max-width: 902px;margin: 0 auto;position: relative;}

.contents_tit{background: #0085cd;height: 60px;}
.contents_tit > *{display: flex;align-items: center;height: 100%;}
.contents_tit span{font-size: 24px;font-weight: 600;line-height: 1;display: inline-block;padding-left: 10px;color: #fff;}
.contents_tit .circle{position: absolute;right: 30px;top: -40px;display: flex;}
.contents_tit .circle i{width: 120px;height: 120px;border: 3px solid #0085cd;border-radius: 50%;display: flex;justify-content: center;align-items: center;text-align: center;flex-direction: column; margin-left: 20px;background: #fff;font-size: 26px;color: #0085cd;font-weight: 300;line-height: 1.4;font-style: normal;padding-top: 5px;z-index: 1;}
.contents_tit .circle i small{font-size: 0.9em;}

.contents_tit02{background: linear-gradient(to right,#0085cd 50%,#fff 50%);height: 60px;}
.contents_tit02 > *{background: #fff;height: 100%;}
.contents_tit02 > * span{display: inline-flex;align-items: center;height: 100%;line-height: 1;background: #0085cd;padding: 0 160px 0 10px;font-size: 26px;color: #fff;font-weight: 600;position: relative;}
.contents_tit02 > * span::after{content: "";position: absolute;left: 100%;top: 0;width: 0;height: 0;border-style: solid;border-width: 60px 35px 0 0;border-color: #0085cd transparent transparent transparent;display: block;}

.item_tit{color: #323232;font-size: 26px;font-weight: 700;margin-top: 30px;}
.item_tit + p{line-height: 2;margin-top: 10px;}

.layer #tascal_footer{margin-top: 80px;}


@media only screen and (max-width: 1024px) {
.sp_br { display:none; }
#contents{margin-bottom: 0;}

}
@media only screen and (max-width: 768px) {
.sp_br2 { display:none; }

.pc_none{display: block!important;}
.sp_none{display: none!important;}
#contents{line-height: 1.6;font-size: 14px;}
#container{padding-top: 42px;}
.contents_wrap{padding: 0 15px;}

.contents_tit{height: 40px;}
.contents_tit span{font-size: 18px;padding-left: 15px;}
.contents_tit .circle{right: 15px;top: -30px;}
.contents_tit .circle i{width: 90px;height: 90px;border: 2px solid #0085cd;margin-left: 5px;font-size: 20px;padding-top: 3px;}

.contents_tit02{height: 40px;}
.contents_tit02 span{font-size: 19px;padding: 0 30px 0 15px;}
.contents_tit02 > * span::after{border-width: 40px 25px 0 0;}

.item_tit{font-size: 17px;margin-top: 20px;}
.item_tit + p{line-height: 1.6;margin-top: 7px;}

.layer #tascal_footer{margin-top: 50px;}

}

@media only screen and (max-width: 500px) {
.contents_tit span{font-size: 18px;}
.contents_tit .circle{right: 10px;top: -15px;}
.contents_tit .circle i{width: 67px;height: 67px;border: 2px solid #0085cd;margin-left: 5px;font-size: 15px;padding-top: 3px;}

.contents_tit02 span{font-size: 18px;}
}

/*||| ヘッダー |||*/
header{position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;background: #f9fbfc;}
.header_wrap{max-width: 1024px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;height: 56px;box-sizing: border-box;}
.header_wrap h1 {width: 206px;}
.header_wrap nav{display: flex;justify-content: space-between;width: 77%;}
.header_wrap nav .t_menu{display: flex;justify-content: space-between;}
.header_wrap nav .t_menu a{color: #0085cd;font-size: 16px;font-weight: 600;padding: 8px 25px;border-right: 1px solid #0085cd;letter-spacing: 0.05em;}
.header_wrap nav .t_menu a span{display: inline-block;padding: 2px 5px;}
.header_wrap nav .support_btn{width: 140px;line-height: 1;font-size: 16px;color: #fff;font-weight: 600;background: #0085cd;text-align: center;padding: 9px 0 11px;border-radius: 20px;}
header .hb_menu{display: none;}

/* セレクトページ */
#top_page .t_menu a[href$="./"] span,
#products .t_menu a[href$="./products.html"] span,
#faq .t_menu a[href$="./faq.html"] span
{background: linear-gradient(to bottom,transparent 45%,#f0e531 45%);}

@media only screen and (min-width: 769px){
.scroll_down header{box-shadow: 0 0 5px rgba(0,0,0,0.5);}
}

@media only screen and (min-width: 769px) and (max-width: 1064px) {
.header_wrap{padding: 0 20px;}
.header_wrap h1 {width: 180px;}
.header_wrap nav{width: 75%;}
.header_wrap nav .t_menu{width: calc(100% - 130px);}
.header_wrap nav .t_menu a{font-size: 14px;padding: 8px 1%;letter-spacing: 0em;text-align: center;flex-grow: 1;}
.header_wrap nav .support_btn{width: 120px;font-size: 14px;}
}

@media only screen and (max-width: 768px) {
.header_wrap{height: 42px;}
.header_wrap h1 {padding-left: 10px;box-sizing: border-box;width: 100%;height: 100%;background: #fff;position: relative;z-index: 1;display: flex;align-items: center;}
.header_wrap h1 img{width: 154px;}
.header_wrap nav{flex-wrap: wrap;align-content: flex-start;width: 100%;height: calc(100% - 42px); opacity: 0;position: fixed;left: 0;top: 42px;pointer-events: none;transform: translateY(-10px);box-sizing: border-box;padding: 0;transition: 0.5s all;background: linear-gradient(to bottom,#c1c5c7 0%,#fff 0.5%);}
.header_wrap nav .t_menu{flex-wrap: wrap;width: 100%;}
.header_wrap nav .t_menu a{font-size: 15px;padding: 15px 30px;border-right: none;border-bottom: 1px solid #0085cd;width: 100%;}
.header_wrap nav .support_btn{width: 140px;font-size: 15px;padding: 15px 0; margin: 25px auto 0;border-radius: 25px;}

.h_active .header_wrap nav{opacity: 1;pointer-events: painted;transform: translateY(0);}

/*ハンバーガーメニュー*/
header .hb_menu{position: absolute;top:0;bottom: 0;margin: auto 0; width: 30px;height: 32px;right: 10px;z-index: 990;transition: all 0.3s;cursor: pointer;display: block;}
header .hb_menu span{display: block;height: 3px;width: 30px;position: absolute;top:0;bottom: 0;left: 0;margin: auto 0;}
header .hb_menu span i{display: block;height: 3px;width: 100%;transition: all 0.3s;background: #0085cd;border-radius: 3px;}
header .hb_menu span::before,
header .hb_menu span::after{content:"";position: absolute;left: 0; display: block;height: 3px;width: 100%;background: #0085cd;transition: all 0.3s;border-radius: 3px;}
header .hb_menu span::before{top:-9px;}
header .hb_menu span::after{bottom:-9px;width: 100%;}

header.h_active .hb_menu span::before{transform:rotate(-135deg);top:0;right:0;}
header.h_active .hb_menu span::after{transform:rotate(135deg);bottom:0;right:0;width: 100%;}
header.h_active .hb_menu span i{display: none;}
}


/*||| フッターボタン |||*/
#tascal_footer{border-bottom: 1px solid #fff;width: 100%;height: 323px;}
.tascal_footer_tit{background: #bfc0c0;padding: 8px 0;height: 74px;box-sizing: border-box;}
.tascal_footer_tit > div{text-align: right;}
.tascal_footer_tit img{width: 80px;}
#tascal_footer > .tascal_footer_fixed{width: 100%;background: rgba(0,0,0,0.7);height: 100px;padding: 25px 0 20px 0;box-sizing: border-box;z-index: 100;}
.footer_item{display: flex;justify-content: space-around;}
.footer_item > li{width: 32.5%;color: #fff;display: flex;flex-direction: column;justify-content: center;}
.footer_item > li > .footer_item_tit{text-align: center;}
.footer_item > li > .footer_item_tit span{font-size: 21px;display: inline-block;padding: 0 5px;border-bottom: 1px solid #fff;padding-bottom: 12px;font-weight: 400;}
.footer_item > li > p{margin: 25px 0 35px;line-height: 1.7;text-align: center;padding-left: 0.5em;font-size: 16px;}
.footer_item > li a{display: block;color: #fff;text-align: center;width: 245px;border-radius: 5px;background: #d90012;line-height: 1;padding: 18px 0;margin: auto auto 0;position: relative;font-size: 16px;}
.footer_item > li a::after{content: "";display: block;width: 6px;height: 6px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);position: absolute;right: 12px;top: 0;bottom: 0;margin: auto;z-index: 1;}

@media only screen and (max-width: 860px) {
.footer_item > li a{width: 90%;}
}

@media only screen and (max-width: 768px) {
	#tascal_footer{height: auto;}
	.tascal_footer_tit{padding: 5px 0;height: auto;}
	.tascal_footer_tit img{width: 55px;}
	#tascal_footer > .tascal_footer_fixed{padding-top: 20px;padding-bottom: 20px;height: auto;}
	.footer_item{flex-wrap: wrap;}
	.footer_item > li{width: 100%;}
	.footer_item > li:nth-of-type(n+2){margin-top: 25px;}
	.footer_item > li > .footer_item_tit span{font-size: 16px;padding: 0 3px;padding-bottom: 5px;}
	.footer_item > li > p{margin: 12px 0;font-size: 14px;}
	.footer_item > li a{max-width: 245px;width: 70%;padding: 15px 0;font-size: 14px;}
}


/*||| トップページ「メイン」 |||*/
#top_page main{background: #fff;text-align: center;}
#top_page main .main_wrap img{width: 80%;}
#top_page main .main_wrap{max-width: 1280px;margin: 0 auto;position: relative;}
#top_page main .main_wrap p{width: 37%;position: absolute;left: 9%;top: 3%;}

#top_page main .main_wrap_logo{    
	background: #fff;
    display: flex;
    align-items: center;
    padding: 2em;
    gap: 20px;
    justify-content: center;
	height: 25px;
    font-size: 25px;
}
#top_page main .main_wrap_logo img{
    height: 40px;
    width: auto;
}
#top_page main .main_wrap p img{
	width: 100%;
}
@media only screen and (max-width: 768px) {
	#top_page main .main_wrap{
		padding-top: 20px;
	}
	#top_page main .main_wrap p{
		width: 52%;
		left: 1%;
		top: 0%;
		}
	#top_page main .main_wrap_logo {
		padding: 1.5em 1em;
		gap: 10px;
		font-size: 20px;
	}
	#top_page main .main_wrap_logo img{
		height: 25px;
		width: auto;
	}
	#top_page main .main_wrap img{
		width: 100%;
	}
	
}



/*||| トップページ「メイン下」 |||*/
#top_page #main_bottom{
	background-image: linear-gradient(90deg, #bbe3f9, #0085cd 20%, #52357e);
	padding: 85px 0;
}
#top_page .four_point{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#top_page .four_point li{
	width: 48%;
	text-align: center;
    color: #fff;
    font-weight: 400;
    margin-top: 30px;
    font-size: 20px;
    border: 2px solid #fff;
    padding: 10px;
    box-sizing: border-box;
}
#top_page .four_point li span{
	color: #ffff00;
	display: inline-block;
	margin-left: 5px;
}
#top_page #main_bottom .youtube{margin-top: 70px;}
#top_page #main_bottom .request_copy{font-size: 28px;text-align: center;color: #fff;font-weight: 400;}
#top_page #main_bottom .request_copy big{font-size: 1.6em;line-height: 1.3;display: block;font-weight: 700;}

@media only screen and (max-width: 768px) {
	#top_page #main_bottom{
		background-image: linear-gradient(90deg, #0085cd, #52357e);
		padding: 40px 0;
	}
	#top_page #main_bottom h2 img:nth-of-type(2){width: 26%; margin-top: -20px;}
	#top_page #main_bottom .request_copy{font-size: 16px;}
	#top_page #main_bottom .request_copy span{display: inline-block;}
	#top_page #main_bottom .request_copy big{
		font-size: 30px;
	}
}

@media only screen and (max-width: 600px) {
	#top_page .three_point li .copy{font-size: 13px;}
	#top_page .three_point li big{font-size: 1.6em;}
}

@media only screen and (max-width: 500px) {
	#top_page .three_point li .copy{font-size: 2.4vw;margin-bottom: 2px;}
	#top_page .three_point li figure{width: 70px;}
	
}


/*||| トップページ「重量物搬送が多い業界での運搬をアシスト！」 |||*/
#top_page #assist{margin-top: 50px;}
#top_page #assist .request_copy{
	font-size: 28px;
	text-align: center;
	color: #000;
	font-weight: 400;
	margin-bottom: 20px;
}
#top_page #assist .request_copy big{
	font-size: 1.6em;
	line-height: 1.3;
	display: block;
	font-weight: 700;
}
#top_page .eco_item01_tit{margin-top: 20px;}
#top_page .eco_item01_tit span{font-size: 28px;font-weight: 700;display: inline-block;padding: 0 10px;background: #fff;color: #0085cd;margin-left: 30px;}
#top_page .eco_item01{
	display: flex;
	justify-content: space-between;
	box-sizing: border-box; 
	padding: 30px;
    gap: 10px;
}
#top_page .eco_item01 > li{
	width: 33%;
	position: relative;
}
#top_page .eco_item01 figure{margin-top: 10px;text-align: center;}
#top_page .eco_item01 p{font-size: 18px;font-weight: 500; margin-top: 10px;text-align: center;}
#top_page .eco_item01 p span{font-weight: 500;}
#top_page .eco_item01 p strong{color: #0085cd;font-weight: 500;}
#top_page .eco_item01 ul{display: flex;justify-content: center;margin-top: 10px;}
#top_page .eco_item01 ul li{
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	padding: 8px;
	background: #dcdcdc;
	margin-right: 2%;
}
#top_page .eco_item01 ul li:last-of-type{margin-right: 0;}
#top_page .eco_item01 h4{
    position: absolute;
    bottom: 0;
    left: 50%;
	transform: translateX(-50%);
    color: #000;
    font-size: 1.8rem;
    margin: 0 !important;
    padding: 0 !important;
    background: rgb(255 255 255 / 70%);
    width: 100%;
    text-align: center;
    font-weight: normal;
}


@media only screen and (max-width: 768px) {
	#top_page #assist{
		margin-top: 50px;
	}
	#top_page #assist .request_copy big{
		font-size: 30px;
	}
	#top_page #assist .inner_wrap{
			padding: 0 15px;
	}
	#top_page .eco_item01{
		padding: 0;
	}	
	#top_page .eco_item01 h4{
		font-size: 16px;
	}
	
}



/*||| トップページ「お手持ちの台車に後付けカンタン！」 |||*/
#top_page #easy{
    margin-top: 50px;
    padding: 40px 0;
    position: relative;
}
#top_page #easy::before{
    background: #f2f2f2;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
}

#top_page #easy .request_copy{
	font-size: 28px;
	text-align: center;
	font-weight: 400;
	margin-bottom: 20px;
	color: #000;
}
#top_page #easy .request_copy big{
	font-size: 1.6em;
	line-height: 1.3;
	display: block;
	font-weight: 700;
}
#top_page #easy .request_copy big span{
	color: #0085cd;
}
#top_page #easy .wrap {
	display: flex;
	align-items: center;
    gap: 50px;
	position: relative;
	margin: 50px auto 0;
}
#top_page #easy .item {
  width: 300px;
  position: relative;
  text-align: center;
}
#top_page #easy .oval {    
	width: 300px;
    height: 300px;
	background: #fff;
	border-radius: 50%;
	z-index: -1;
}
#top_page #easy .cart-img {
	width: 200px;
	z-index: 1;
	margin-top: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#top_page #easy .label {
	display: inline-block;
	margin-top: 20px;
	padding: 6px 24px;
	border: 3px solid #000;
	font-size: 18px;
    border-radius: 10px;
    position: absolute;
    bottom: 20px;
    background: #fff;
    right: -50px;
}
#top_page #easy .bubble {
    position: absolute;
    right: -40px;
    top: 0;
    width: 180px;
    height: 180px;
    background: #2d7cc9;
    border-radius: 50%;
    color: #fffd3f;
    font-size: 40px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1.4;
}
#top_page #easy .bubble::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 40px solid transparent;
    border-right: 80px solid #2d7cc9;
    transform: rotate(-40deg);
    left: -30px;
    top: 95px;
    z-index: -1;
}

#top_page #easy .notice{
	font-size: .8em;
}

@media only screen and (max-width: 768px) {
	#top_page #easy{margin-top: 65px;}
	#top_page #easy .request_copy big{        
		font-size: 30px;
	}
	#top_page #easy .inner_wrap{
		padding: 0 15px;
	}
	#top_page #easy .wrap{
		gap: 40px;
		margin-top: 100px;
	}
	#top_page #easy .oval{
		width: 150px;
		height: 150px;
	}
	#top_page #easy .cart-img{
		width: 100px;
	}
	#top_page #easy .item{
		width: 150px;
	}
	#top_page #easy .bubble{
		top: -100px;
		right: -5px;
		width: 100px;
		height: 100px;
		font-size: 22px;
	}
	#top_page #easy .bubble::after{
		left: -10px;
		top: 50px;
	}
	#top_page #easy .label{
		font-size: 14px;
		padding: 6px 10px;
        bottom: 0;
        right: -45px;
	}
}






/*||| トップページ「そんな方にオススメ」 |||*/
#top_page #recommend {
    padding: 40px 0;
}
#top_page #recommend .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-top: 30px solid #000;
    border-bottom: 0;
    margin: 2em auto;
}

#top_page #recommend p{
	font-size: 20px;
	text-align: center;
    font-weight: 500;
} 
#top_page #recommend .wrap{
	display: flex;
    justify-content: center;
    align-items: flex-end;
	gap: 20px;
	margin-top: 5px;
}
#top_page #recommend .wrap img{
	width: 200px;
}

#top_page #recommend .wrap p span{
    background: #f15a24;
    color: #fff;
    padding: 10px 2em;
	border-radius: 10px;
}
#top_page #recommend .wrap p big{
	font-size: 85px;
	font-weight: bold;
	color: #f15a24;
}
#top_page #recommend .detail_btn{
	text-align: center;
	margin-top: 40px;
}
#top_page #recommend .detail_btn a{
    line-height: 1;
    font-size: 18px;
    color: #fff;
    background: #4d4d4d;
    text-align: center;
    padding: 10px 40px;
    border-radius: 100vh;
}

@media only screen and (max-width: 768px) {
	#top_page #recommend .inner_wrap{
		padding: 0 15px;
	}
	#top_page #recommend p{
		font-size: 16px;
	}
	#top_page #recommend .wrap img{
		width: 140px;
	}
	#top_page #recommend .wrap p big{
		font-size: 65px;
	}

}
/*||| 下層ページ「メイン」 |||*/
#layer_main{background: #0085cd;}
#layer_main > *{
	display: flex;
	justify-content: space-between;
	align-items: center;
    height: 250px;
}
#layer_main > * p{font-size: 36px;line-height: 1.2;font-weight: 600;color: #fff;padding-left: 10px;}
#layer_main > * figure{width: 51.76%;}

@media only screen and (max-width: 768px) {
	#layer_main > * p{font-size: 22px;padding-left: 15px;width: 44%;}
	#layer_main > * figure{width: 56%;}
	#layer_main > *{
		height: 135px;
	}
}

/*||| 製品情報 |||*/
#feature{margin-top: 60px;}
#feature .three_point{
	display: flex;
    margin-top: 20px;
    justify-content: center;
	gap: 70px;
}
#feature .three_point li figure{
	text-align: center;
    margin-top: 2em;
	width: 80%;
}
#feature .copy{
	text-align: center;
}
#feature .copy big{
	font-size: 1.6em;
	line-height: 1.3;
	display: block;
	font-weight: 700;
	color: #ffff00;
    margin-top: 15px;
}

.fig_col2{display: flex;margin-top: 15px;}
.fig_col2 > *{max-width: 390px;}
.fig_col2 > *:nth-of-type(even){margin-left: 4.4%;}
#unit{margin-top: 80px;}
#unit figure{
    width: 80%;
    margin: 40px auto;
}
#unit p{
    margin-top: 3em;
    display: flex;
    justify-content: center;
}
#unit p span{
    border: 1px solid #000;
    padding: 0 10px;
}
#set{margin-top: 80px;}
.fig_col4{display: flex;justify-content: space-around;;margin-top: 40px;}
.fig_col4 > *{width: 21.5%;}
.fig_col4 figure:nth-child(3){
	width: 25%;
}
.fig_col4 > * figcaption{
	font-size: 18px;
	font-weight: 500;
	padding: 0 0 0 5px;
    background: #0285cd;
    color: #fff;
}
#set .fig_col4 + p{font-size: 18px;font-weight: 500;margin-top: 5px;text-align: right;max-width: 1004px;}
.unit_spec_tit{background: #0285cd;line-height: 1;font-size: 18px;font-weight: 500;padding: 15px 20px;color: #fff;margin-top: 50px;box-sizing: border-box;}
.unit_spec{border: 1px solid #9f9f9f;width: 100%;}
.unit_spec td,
.unit_spec th{padding: 3px 15px;border-bottom: 1px dashed #9f9f9f;border-right: 1px solid #9f9f9f;}
.unit_spec th{font-weight: 400; width: 7em;text-align: left;}
.unit_spec .line_solid > *{border-top: 1px solid #9f9f9f;}
.unit_spec th.v_middle{vertical-align: middle;}
.unit_spec th:nth-child(2){
	width: 10em;
}
.unit_spec td{
	
}
.unit_spec .note{font-size: 0.85em;display: inline-block;background: #fff67f;}
#set .note_copy{margin-top: 10px;}
.note_copy p{font-size: 14px;text-indent: -2.5em;padding-left: 2.5em;}
#howto{margin-top: 80px;}
#howto figure{margin-top: 40px;}
#howto .note_copy{margin-top: -20px;width: 60%;}

@media only screen and (max-width: 768px) {
	#feature{margin-top: 30px;}
	#feature .three_point{
		flex-wrap: wrap;
        justify-content: space-around;
        gap: 10px 0;
	}
	#feature .three_point li{
		width: 49%;
	}
	#feature .copy big {
		margin-top: 0;
	}
	#feature .three_point li figure{
		margin-top: 10px;
		margin: 0 auto;
	}
	.fig_col2{margin-top: 10px;}
	.fig_col2 > *:nth-of-type(even){margin-left: 2%;}
	#unit{margin-top: 50px;}
	#unit figure{
		margin-top: 20px;
		width: 100%;
	}
	#set{margin-top: 50px;}
	.fig_col4{flex-wrap: wrap;margin-top: 20px;}
	.fig_col4 > *{width: 48%;}
	.fig_col4 > *:nth-of-type(n+3){margin-top: 20px;}
	.fig_col4 > * figcaption{font-size: 14px;padding-bottom: 5px;}
	#set .fig_col4 + p{font-size: 14px;margin-top: 5px;}
	.sp_note{margin-top: 20px;}
	#set .sp_wrap{overflow-x: scroll;width: calc(100% + 15px);margin-right: -15px;padding-right: 15px;box-sizing: border-box;}
	#set .sp_wrap > *{width: 800px;}
	.unit_spec_tit{font-size: 16px;padding: 12px 10px;margin-top: 3px;}
	#set .note_copy{margin-top: 7px;}
	.note_copy p{font-size: 12px;}
	#howto{margin-top: 50px;}
	#howto figure{margin-top: 0;}
	#howto .note_copy{margin-top: 15px;width: 100%;}
	.fig_col4 figure:nth-child(3){
		width: 48%;
	}
}

@media only screen and (max-width: 500px) {
.fig_col2{flex-wrap: wrap;justify-content: center;}
.fig_col2 > *{width: 70%;}
.fig_col2 > *:nth-of-type(even){margin: 10px 0 0 0;}
}


/*||| よくあるご質問・取扱説明書 |||*/
#qa{margin-top: 60px;}
.question{font-size: 21px;font-weight: 600;color: #0085cd;margin-top: 40px;display: flex;align-items: center;background: #e4f5ff;}
.question big{font-size: 33px;font-weight: 600;line-height: 1;background: #0085cd;color: #fff;height: 40px;width: 40px;display: flex;align-items: center;justify-content: center; margin-right: 10px;box-sizing: border-box;padding-bottom: 5px;}
.question span{width: calc(100% - 50px);}
.answer{margin-top: 10px;display: flex;align-items: center;}
.answer big{font-size: 33px;font-weight: 600;color: #0085cd;line-height: 1;margin-right: 10px;height: 39px;width: 39px;display: flex;align-items: center;justify-content: center;border: 1px solid #0085cd;align-self: flex-start;margin-top: 5px;}
.answer span{width: calc(100% - 50px);}
#flow{margin-top: 80px;}
.flow_item{display: flex;justify-content: space-between; align-items: center;margin-top: 60px;border-radius: 20px;background: #fff;padding: 10px 20px 10px 30px;border: 3px solid #0085cd;position: relative;}
.flow_item > dt{width: 48%;}
.flow_item > dt p{font-size: 20px;font-weight: 600;}
.step_i{width: 90px;height: 90px;border-radius: 50%;display: flex;justify-content: center;align-items: center;text-align: center;flex-direction: column; background: #0085cd;font-size: 20px;color: #fff;font-weight: 600;line-height: 1.4;font-style: normal;z-index: 1;position: absolute;left: 30px;top: -30px;}
.step_i big{font-size: 2em;line-height: 1;}
.flow_item > dd{width: 50%;}
.flow_item:nth-of-type(n+2){margin-top: 50px;}
.flow_item:nth-of-type(n+2)::before{content: "";width: 0;height: 0;border-style: solid;border-width: 20px 25px 0 25px;border-color: #0085cd transparent transparent transparent;display: block;position: absolute;left: 0;right: 0;margin: 0 auto;top: -35px;}
.manual_btn{display: block;width: 380px;margin: 50px auto 0;background: #0085cd;text-align: center;border-radius: 35px;padding: 15px 0;}
.manual_btn span{color: #fff;font-size: 22px;font-weight: 500;}
.manual_btn span::before{content: "";display: inline-block;width: 0;height: 0;border-style: solid;border-width: 8.5px 0 8.5px 17px;border-color: transparent transparent transparent #fff;margin-right: 15px;}
#flow .contents_tit02{
	margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
#qa{margin-top: 30px;}
.question{font-size: 17px;margin-top: 25px;}
.question big{font-size: 28px;height: 35px;width: 35px;margin-right: 7px;}
.question span{width: calc(100% - 45px);}
.answer big{font-size: 28px;margin-right: 7px;height: 33px;width: 33px;margin-top: 5px;}
.answer span{width: calc(100% - 45px);}
#flow{margin-top: 50px;}
.flow_item{flex-wrap: wrap;margin-top: 40px;border-radius: 15px;background: #fff;padding: 10px;border: 3px solid #0085cd;position: relative;}
.flow_item > dt{width: 100%;}
.flow_item > dt p{font-size: 16px;margin-left: 43px;}
.step_i{width: 65px;height: 65px;font-size: 15px;left: -10px;top: -30px;}
.flow_item > dd{width: 100%;margin-top: 10px;}
.flow_item:nth-of-type(n+2){margin-top: 35px;}
.flow_item:nth-of-type(n+2)::before{border-width: 15px 20px 0 20px;top: -28px;}
.manual_btn{max-width: 380px;width: 80%; margin: 30px auto 0;border-radius: 25px;padding: 10px 0;}
.manual_btn span{font-size: 18px;}
.manual_btn span::before{border-width: 7px 0 7px 13px;margin-right: 10px;}
}