@charset "utf-8";

body{
	font-family: "Zen Maru Gothic", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-weight: 700;
	font-size: 1.8rem;
	color: #333333;
}

img{
	width: 100%;
}

.ot-hd01{
	font-size: 2.22222em;
	margin-bottom: 40px;
}

.ot-hd01 .big{
	font-size: 150%;
}

.ot-hd02{
	font-size: 1.333333em;
	color: #006bc2;
	line-height: 1.417;
	margin-bottom: 7px;
}
	#mainContents .inner,
	footer .inner{
		width: calc(100% - 40px);
	}


header{
	height: 100px;
}
	header .container-fluid{
		max-width: 1550px;
		margin: 0 auto;
	}
		header .container-fluid h1{
			max-width: 152px;
		}

	header .container-fluid nav{
		width: calc(100% - 152px);
	}
		header .container-fluid nav ul li{
			border: none;
			margin-left: 38px;
		}

	header .container-fluid nav a{
		font-size: 1.6rem;
		font-weight: 500;
	}

	header .container-fluid nav ul li a span{
		padding: 0;
	}

	header .container-fluid nav .download{
		max-width: 230px;
		width: 100%;
		margin-left: 41px;
	}
	header .container-fluid nav > .download{
		display: none;
	}
		header .container-fluid nav .download a{
			display: flex;
			justify-content: center;
			align-items: center;
			background: #d64558;
			color: #fff;
			border-radius: 10px;
			width: 100%;
			padding: 12px 10px;
			position: relative;
			font-size: 1.8rem;
			transition: 0.3s all ease;
		}
		header .container-fluid nav .download a::before{
			content: "\f570";
			font-family: 'FontAwesome';
			font-size: 1.4445em;
			margin-right: 10px;
		}
		header .container-fluid nav .download a:hover{
			color: #d64558;
			background: #ffd9d9;
		}
		header .container-fluid nav ul .download a span{
			padding: 0;
		}

#mainContents{
	padding-top: 100px;
	min-height: calc(100vh - 297px);
}
	#mainContents > section{
		padding: 100px 0;
	}

	#mainContents .logo{
		vertical-align: text-bottom;
		margin-right: 18px;
		max-width: 302px;
		width: 100%;
		image-rendering: -webkit-optimize-contrast;
	}

.btnBox{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-top: 87px;
}

.btnBox li{
	max-width: 320px;
	width: 50%;
}

.btnBox .btn{
	font-size: 1.11111em;
	border-radius: 10px;
	padding: 17px 15px 18px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.btnBox .btn::after{
	content: none;
}
.btnBox .btn::before{
	margin-right: 8px;
}
.btnBox .contact .btn{
	background: #fff;
	color: #d64558;
	border: solid 3px #d64558;
}
.btnBox .contact .btn::before{
	content: "\f0e0";
	font-family: 'FontAwesome';
	font-weight: 600;
	font-size: 1.3em;
}
.btnBox .contact .btn:hover{
	background: #ffd9d9 !important;
	color: #d64558 !important;
	opacity: 1;
}
.btnBox .download .btn{
	background: #d64558;
	color: #fff;
	border: solid 3px #d64558;
}
.btnBox .download .btn::before{
	content: "\f570";
	font-family: 'FontAwesome';
	font-weight: 600;
	font-size: 1.3em;
}
.btnBox .download .btn:hover{
	background: #ffd9d9 !important;
	color: #d64558 !important;
	border-color: #ffd9d9;
	opacity: 1;
}

.blue{
	color: #006bc2;
}

@media screen and (max-width: 1100px){
	header {
		height: 70px;
	}
	header .container-fluid nav{
		display: flex;
		justify-content: flex-end;
		align-items: center;
		width: calc(100% - 102px);
	}
	header .container-fluid nav > .download{
		display: block;
		margin-right: 12px;
		margin-left: 0;
		max-width: 150px;
	}
		header .container-fluid nav > .download a{
			font-size: 1.4rem;
			padding: 6px;
		}
			header .container-fluid nav .download a::before{
				font-size: 1.2em;
				margin-right: 6px;
			}
	
	div.hg_menu_btn{
		width: 30px;
	}
		div.hg_menu_btn span{
			width: 100%;
		}
	
	header .container-fluid h1{
		max-width: 102px;
	}
	header .container-fluid nav ul{
		padding-bottom: 40px;
	}
	header .container-fluid nav ul li{
		margin-left: 0;
	}
	header .container-fluid nav li.download{
		display: none;
	}
	
	#mainContents{
		padding-top: 70px;
	}
}
@media screen and (max-width: 767px){
	body{
		font-size: 1.6rem;
	}
	#mainContents > section{
		padding: 60px 0;
	}
	#mainContents .logo{
		margin-right: 6px;
		max-width: 152px;
		vertical-align: baseline;
	}
	.ot-hd01{
		font-size: 1.8em;
	}
	.ot-hd01 .big{
		display: block;
	}
	
	.btnBox{
		margin-top: 30px;
	}
	.btnBox .btn{
		padding: 12px 15px 13px;
	}
}
@media screen and (max-width: 500px){
	.btnBox{
		display: block;
	}
	.btnBox li{
		margin: 0 auto;
		width: 100%;
	}
}
@media screen and (max-width: 374px){
	header .container-fluid h1{
		max-width: 92px;
	}
}


/* ------------------------------------------------------------------------ */

/*  キービジュアル

/* ------------------------------------------------------------------------ */

#mainContents > #keyVisual{
	background: url("/wp/wp-content/themes/ewaves/ontime/img/kv_bg.webp") no-repeat center -100px;
	background-color: #edfdfe;
	padding: 40px 0 60px;
}

#keyVisual > .inner{
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	z-index: 50;
}

#keyVisual .box_l{
	margin-right: 40px;
	padding-top: 29px;
	max-width: 580px;
	width: 55%;
}
#keyVisual .box_l h2{
	margin-bottom: 0;
	max-width: 509px;
}


#keyVisual .box_r{
	text-align: right;
	padding-top: 18px;
	max-width: 520px;
	width: 45%;
}
#keyVisual .box_r img{
	max-width: 480px;
}

#keyVisual .btnBox{
	margin-top: 3px;
}

@media screen and (min-width: 1921px){
	#keyVisual{
		background-size: cover;
	}
}

@media screen and (max-width: 1023px){
	#mainContents > #keyVisual{
		background-position: center top;
		background-size: cover;
	}
	#keyVisual > .inner{
		display: block;
	}
	#keyVisual .box_l,
	#keyVisual .box_r{
		width: 100%;
		margin: 0 auto;
	}
	
	#keyVisual .box_l{
		padding-top: 0;
	}
	
	#keyVisual .box_l h2{
		margin: 0 auto;
	}
	#keyVisual .box_r{
		margin-top: 40px;
	}
	
}
@media screen and (max-width: 500px){
	#mainContents > #keyVisual{
		background-size: 1270%;
	}
}

/* ------------------------------------------------------------------------ */

/*  こんなお悩みありませんか？

/* ------------------------------------------------------------------------ */
#mainContents #sec_trouble{
	background: #dfe8eb;
	position: relative;
	z-index: 20;
}
#sec_trouble::before{
	content: "";
	background: url("/wp/wp-content/themes/ewaves/ontime/img/line_bg.svg") no-repeat center top;
	width: 100%;
	height: 350px;
	position: absolute;
	top: -112px;
	left: 0;
	z-index: -1;
}

#sec_trouble .ot-hd01{
	position: relative;
}
#sec_trouble .ot-hd01 .line::after{
	content: "";
	display: block;
	width: 100%;
	height: 8px;
	background: url("/wp/wp-content/themes/ewaves/ontime/img/line_txt.svg") no-repeat center;
}

#sec_trouble .list{
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 40px;
}

#sec_trouble .list li{
	background: #fff;
	border-radius: 20px;
	padding: 30px 40px 36px;
	width: calc(100% / 3);
}

#sec_trouble .list .ot-hd02{
	position: relative;
}
	#sec_trouble .list .ot-hd02::before{
		content: "";
		display: block;
		width: 140px;
		height: 120px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		margin: 0 auto 23px;
	}
	#sec_trouble .list .list1-1 .ot-hd02::before{
		background-image: url("/wp/wp-content/themes/ewaves/ontime/img/icon_binder.svg");
	}
	#sec_trouble .list .list1-2 .ot-hd02::before{
		background-image: url("/wp/wp-content/themes/ewaves/ontime/img/icon_document.svg");
	}
	#sec_trouble .list .list1-3 .ot-hd02::before{
		background-image: url("/wp/wp-content/themes/ewaves/ontime/img/icon_clock.svg");
	}
	#sec_trouble .list .list2-1 .ot-hd02::before{
		background-image: url("/wp/wp-content/themes/ewaves/ontime/img/icon_cloud.svg");
	}
	#sec_trouble .list .list2-2 .ot-hd02::before{
		background-image: url("/wp/wp-content/themes/ewaves/ontime/img/icon_stopwatch.svg");
	}
	#sec_trouble .list .list2-3 .ot-hd02::before{
		background-image: url("/wp/wp-content/themes/ewaves/ontime/img/icon_time.svg");
	}

#sec_trouble .list .txt{
	line-height: 1.556;
}
#sec_trouble .list1 .txt{
	text-align: left;
}

#sec_trouble .triangle {
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 210px solid transparent;
	border-left: 210px solid transparent;
	border-top: 60px solid #92c9e0;
	border-bottom: 0;
	margin: 40px auto;
}

@media screen and (min-width: 1921px){
	#sec_trouble::before{
		background-size: cover;
	}
}
@media screen and (min-width: 881px){
	#sec_trouble .list .list2-1 .ot-hd02 br{
		display: none;
	}
}
@media screen and (max-width: 1023px){
	#sec_trouble .list{
		gap: 20px;
	}
	#sec_trouble .list li{
		padding: 30px 20px 32px;
	}
	#sec_trouble .list .ot-hd02{
		font-size: 1.2em;
	}
	#sec_trouble .list .ot-hd02::before{
		width: 95px;
		margin-bottom: 0;
	}
	#sec_trouble .list2 .ot-hd02::before{
		width: 85px;
	}
}

@media screen and (max-width: 767px){
	#sec_trouble .list{
		flex-direction: column;
	}
	#sec_trouble .list li{
		padding: 20px 20px 22px;
		width: 100%;
	}
	#sec_trouble .list .ot-hd02{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		text-align: left;
		letter-spacing: -2px;
	}
	#sec_trouble .list .ot-hd02::before{
		margin: 0;
		margin-right: 10px;
		width: 55px;
		height: 60px;
	}
	#sec_trouble .list .ot-hd02 br{
		display: none;
	}
	
	#sec_trouble .triangle{
		border-top-width: 40px;
		border-right-width: 110px;
		border-left-width: 110px;
	}
	
	#sec_trouble .list2 .txt{
		text-align: left;
	}
	#sec_trouble .list2 .txt br{
		display: none;
	}

}
@media screen and (max-width: 500px){
	#sec_trouble::before{
		top: -2%;
		background-size: 131vw;
	}
}

/* ------------------------------------------------------------------------ */

/*  温タイムの特長

/* ------------------------------------------------------------------------ */

#sec_features .ot-hd01 > span{
	position: relative;
	z-index: 10;
}
#sec_features .ot-hd01 > span::after{
	content: "";
	display: inline-block;
	width: 118px;
	height: 162px;
	margin-left: 37px;
	background: url("/wp/wp-content/themes/ewaves/ontime/img/icon_character.webp") no-repeat center / contain;
	position: absolute;
	left: 100%;
	bottom: 0;
	z-index: 1;
}

#sec_features .list{
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 40px;
	counter-reset: listnum;
	position: relative;
	z-index: -1;
}

#sec_features .list li{
	border: solid 2px #006bc2;
	border-radius: 20px;
	overflow: hidden;
	padding: 30px 28px 40px;
	width: calc(100% / 3);
	position: relative;
}
#sec_features .list li::before{
	counter-increment: listnum;
	content: counter(listnum, decimal-leading-zero);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	background: #006bc2;
	color: #c3effa;
	border-bottom-right-radius: 20px;
	font-size: 1.666666em;
	position: absolute;
	top: -2px;
	left: -2px;
}

#sec_features .list .ot-hd02{
	font-size: 1.555555em;
	margin-bottom: 10px;
}
	#sec_features .list .ot-hd02::before{
		content: "";
		display: block;
		width: 140px;
		height: 140px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		margin: 0 auto 11px;
	}
	#sec_features .list .list-1 .ot-hd02::before{
		background-image: url("/wp/wp-content/themes/ewaves/ontime/img/features_icon_01.webp");
	}
	#sec_features .list .list-2 .ot-hd02::before{
		background-image: url("/wp/wp-content/themes/ewaves/ontime/img/features_icon_02.webp");
	}
	#sec_features .list .list-3 .ot-hd02::before{
		background-image: url("/wp/wp-content/themes/ewaves/ontime/img/features_icon_03.webp");
	}

#sec_features .list p{
	text-align: left;
	margin-top: 10px;
	line-height: 1.333;
}
#sec_features .list .indent{
	text-indent: -1em;
	padding-left: 1em;
}
#sec_features .list .min{
	font-size: 0.8em;
	font-weight: 500;
	vertical-align: 0.3em;
}

#sec_features .noteBox{
	margin-top: 15px;
}
#sec_features .noteBox p{
	font-size: 0.8888em;
	font-weight: 500;
}

@media screen and (max-width: 1023px){
	#sec_features .ot-hd01 > span::after{
		margin-left: 7px;
	}
	#sec_features .list{
		gap :20px;
	}
	#sec_features .list li{
		padding: 30px;
	}
	#sec_features .list .ot-hd02{
		font-size: 1.2em;
	}
	#sec_features .list .ot-hd02::before{
		width: 85px;
		height: 85px;
	}
	#sec_features .list p{
		font-size: 0.9em;
	}
}
@media screen and (max-width: 767px){
	#sec_features .ot-hd01 > span::after{
		width: 52px;
		height: 71px;
		margin-left: 0;
		bottom: -70px;
	}
	#sec_features .list{
		flex-direction: column;
	}
	#sec_features .list li{
		width: 100%;
	}
	#sec_features .list li::before{
		width: 50px;
		height: 50px;
	}
	#sec_features .list .ot-hd02{
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 1.555555em;
	}
	#sec_features .list .ot-hd02::before{
		margin: 0;
		margin-right: 15px;
	}
}
@media screen and (max-width: 374px){
	#sec_features .ot-hd01 > span::after{
		right: -20px;
		left: auto;
	}
}
/* ------------------------------------------------------------------------ */

/*  サービス概要

/* ------------------------------------------------------------------------ */

#mainContents #sec_overview{
	background: #FFFFFF;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(220, 244, 250, 1) 50%, rgba(220, 244, 250, 1) 100%);
	padding-top: 188px;
	position: relative;
}
#sec_overview::before{
	content: "";
	background: url("/wp/wp-content/themes/ewaves/ontime/img/line_bg_blue.svg") no-repeat center top;
	width: 100%;
	height: 350px;
	position: absolute;
	top: -18px;
	left: 0;
	z-index: -1;
}
#sec_overview .outer{
	background: #DCF4FA;
	position: relative;
	z-index: 20;
}

#sec_overview figure{
	background: #fff;
	padding: 27px 32px;
	border-radius: 20px;
}

@media screen and (min-width: 1601px){
	#sec_overview::before{
		background-size: cover;
	}
}

@media screen and (max-width: 767px){
	#mainContents #sec_overview{
		padding-top: 60px;
	}
	#sec_overview figure{
		padding: 17px 5px;
	}
}
@media screen and (max-width: 500px){
	#sec_overview::before{
		top: -2%;
		background-size: 131vw;
	}
}


/* ------------------------------------------------------------------------ */

/*  主要機能の紹介

/* ------------------------------------------------------------------------ */

#sec_function{
	background: #dfe8eb;
}

#sec_function .list > li{
	background: #fff;
	box-shadow: 4px 4px 30px 0 rgba(0,0,0,0.1);
	padding: 60px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

#sec_function .list > li + li{
	margin-top: 20px;
}

#sec_function .list > li .txtBox{
	text-align: left;
	max-width: 520px;
	width: 52%;
}

#sec_function .list > li .ttl{
	font-size: 1.888888em;
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #006bc2;
	line-height: 1.2;
}
#sec_function .list > li .ttl::before{
	content: "";
	display: inline-block;
	width: 68px;
	height: 68px;
	background: url("/wp/wp-content/themes/ewaves/ontime/img/icon_check.svg") no-repeat center / contain;
	flex-shrink: 0;
	margin-right: 5px;
}

#sec_function .list > li p{
	margin-top: 0.7em;
	font-weight: 500;
}

#sec_function .list > li figure{
	max-width: 420px;
	aspect-ratio: 21 / 13;
	width: 43%;
}
#sec_function .list > li.list-2 figure{
	padding: 0 44px;
}
#sec_function .list > li.list-3 figure{
	padding: 0 20px;
}

@media screen and (min-width: 1025px){
	#sec_function .list > li{
		min-height: 380px;
	}
}
@media screen and (max-width: 1024px){
	#sec_function .list > li .txtBox{
		width: 65%;
	}
	#sec_function .list > li figure{
		width: 33%;
	}
}
@media screen and (max-width: 880px){
	#sec_function .list > li{
		flex-direction: column;
	}
	#sec_function .list > li:nth-child(even){
		flex-direction: column-reverse;
	}
	
	#sec_function .list > li figure{
		margin: 20px auto 0;
		width: 53%;
	}
		#sec_function .list > li.list-2 figure{
			padding: 0 8%;
		}
		#sec_function .list > li.list-3 figure{
			padding: 0;
		}
	
	#sec_function .list > li .txtBox{
		max-width: inherit;
		width: 100%;
	}
	
	#sec_function .list > li.list-1 .pcStyle{
		display: none;
	}
}
@media screen and (max-width: 767px){
	#sec_function .list > li{
		padding: 30px;
	}
		#sec_function .list > li .ttl{
			font-size: 1.555555em;
		}
			#sec_function .list > li .ttl::before{
				width: 48px;
				height: 48px;
			}
}

/* ------------------------------------------------------------------------ */

/*  導入フロー

/* ------------------------------------------------------------------------ */

#sec_flow{
	background: #dcf4fa;
}
#sec_flow .flowList{
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 40px;
}
#sec_flow .flowList li{
	max-width: 182px;
	width: calc(100% / 5);
	height: 192px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	color: #2e93e6;
	font-size: 1.333333em;
	position: relative;
	background: #fff;
}
#sec_flow .flowList li::after{
	content: "";
	height: 100%;
	aspect-ratio: cos(80deg);
	clip-path: polygon(0 0,100% 50%,0 100%);
	background: #fff;
	position: absolute;
	top: 0;
	left: 100%;
}
#sec_flow .flowList li:last-child::after{
	content: none;
}
#sec_flow .flowList li span{
	position: relative;
}
#sec_flow .flowList li span::before{
	content: "";
	display: block;
	max-width: 70px;
	width: 73%;
	aspect-ratio: 1/1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin: 0 auto 15px;
}
	#sec_flow .flowList .flow-1 span::before{
		background-image: url("/wp/wp-content/themes/ewaves/ontime/img/icon_document2.svg");
	}
	#sec_flow .flowList .flow-2 span::before{
		background-image: url("/wp/wp-content/themes/ewaves/ontime/img/icon_hukidashi.svg");
	}
	#sec_flow .flowList .flow-3 span::before{
		background-image: url("/wp/wp-content/themes/ewaves/ontime/img/icon_logger.svg");
	}
	#sec_flow .flowList .flow-4 span::before{
		background-image: url("/wp/wp-content/themes/ewaves/ontime/img/icon_gear.svg");
	}
	#sec_flow .flowList .flow-5 span::before{
		max-width: 69px;
		background-image: url("/wp/wp-content/themes/ewaves/ontime/img/icon_handshake.svg");
	}

#sec_flow p{
	margin-top: 51px;
	font-weight: 500;
	line-height: 1.556;
}

@media screen and (max-width: 1023px){
	#sec_flow .flowList{
		gap: 30px;
	}
	#sec_flow .flowList li{
		font-size: 1em;
		height: 152px;
	}
	#sec_flow .flowList li span::before{
		width: 50px;
	}
}

@media screen and (max-width: 767px){
	#sec_flow .flowList{
		flex-direction: column;
		flex-shrink: 0;
		gap: 27px;
	}
	#sec_flow .flowList li{
		max-width: inherit;
		width: 100%;
		height: 76px;
		padding: 0;
		padding-top: 15px;
	}
	#sec_flow .flowList li:last-child{
		padding: 0;
		height: 90px;
	}
	#sec_flow .flowList li::after{
		width: 100%;
		height: 23px;
		clip-path: polygon(50% 100%,100% 0,0 0);
		top: 100%;
		left: 0;
	}
	#sec_flow .flowList li span::before{
		max-width: 35px;
		margin: 0 auto 2px;
	}
	#sec_flow .flowList .flow-5 span::before{
		max-width: 35px;
	}
	#sec_flow p{
		text-align: left;
		margin-top: 20px;
	}
}


/* ------------------------------------------------------------------------ */

/*  料金プランの他社との比較

/* ------------------------------------------------------------------------ */

#sec_plan{
	background: #dfe8eb;
}

#sec_plan .scroll{
	overflow: auto;
}

#sec_plan .ot-hd01{
	margin-bottom: 16px;
}
#sec_plan .note{
	font-size: 1.333333em;
	color: #006bc2;
	margin-bottom: 33px;
}

#sec_plan table{
	background: #fff;
	table-layout: fixed;
	border-collapse: collapse;
	border-bottom: solid 1px #000;
	width: 1100px;
}

#sec_plan table th,
#sec_plan table td{
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	text-align: center;
	vertical-align: middle;
	padding: 6px;
	line-height: 1.2;
}

#sec_plan table th{
	background: #6ebee5;
	color: #fff;
	height: 56px;
	font-size: 1.333333em;
}

#sec_plan table th img{
	width: 109px;
}
#sec_plan table td{
	height: 74px;
	font-size: 1.11111em;
}

#sec_plan table .none{
	border-right: none;
}
#sec_plan table .bgPink{
	background: #ff94a2;
	position: relative;
}
#sec_plan table .bgPink::before{
	content: "";
	display: block;
	width: 100%;
	height: 521px;
	border: solid 5px #ff94a2;
	position: absolute;
	top: 52px;
	left: 0;
}
#sec_plan table .big{
	font-size: 1.3em;
}
#sec_plan table .min{
	font-size: 0.8em;
}
#sec_plan table .red{
	color: #e6171a;
}
#sec_plan table .red.big{
	font-size: 2em;
}

#sec_plan table .big .min{
	font-size: 0.65em;
}


@media screen and (max-width: 767px){
	#sec_plan table{
		width: 760px;
	}
}

/* ------------------------------------------------------------------------ */

/*  温タイムのコラム

/* ------------------------------------------------------------------------ */

#sec_column .list{
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 40px;
}
	#sec_column .list > li{
		max-width: 245px;
		width: calc(100% / 4 - 20px);
	}

		#sec_column .list figure{
			max-width: 245px;
			width: 100%;
			aspect-ratio: 49 / 30;
		}
			#sec_column .list figure img{
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

		#sec_column .list .ttl{
			text-align: left;
			margin-top: 15px;
		}

		#sec_column .list .date{
			font-size: 0.777777em;
			text-align: right;
			margin-top: 9px;
		}

#sec_column .btn{
	background: #2e93e5;
	max-width: 280px;
	border-radius: 10px;
	border: solid 2px #2e93e5;
	padding: 14px 15px 15px;
	margin-top: 56px;
}
	#sec_column .btn::after{
		content: none;
	}

#sec_column .btn:hover{
	color: #2e93e5 !important;
	background: #c3effa !important;
	border-color: #c3effa;
}


@media screen and (max-width: 1100px){
	#sec_column .list{
		flex-wrap: wrap;
		gap: 30px;
		max-width: 530px;
		margin: 0 auto;
	}
	#sec_column .list > li{
		width: calc(100% / 2 - 15px);
	}
}
@media screen and (max-width: 600px){
	#sec_column .list > li{
		width: 100%;
	}
}

/* ------------------------------------------------------------------------ */

/*  よくある質問

/* ------------------------------------------------------------------------ */

#sec_faq{
	background: #dfe8eb;
}

.dli-plus{
	text-align: center;
	background: #c3effa;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 14px;
	right: 20px;
}
	.dli-plus::before{
		content: "\2b";
		font-family: "FontAwesome";
		font-weight: 400;
		color: #fff;
		color: #006bc2;
	}
	.active .dli-plus::before{
		content: "\f068";
	}

.accordion dl{
	background: #fff;
	border-radius: 6px;
}
.accordion dl + dl{
	margin-top: 20px;
}
	.accordion dl dt,
	.accordion dl dd{
		text-align: left;
		padding: 10px;
	}

	.accordion dl dt,
	.accordion dl dd .box{
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.accordion dl dt{
		position: relative;
		cursor: pointer;
		font-size: 1.11111em;
		color: #006bc2;
		padding-right: 50px;
	}

	.accordion dl dd{
		display: none;
		font-weight: 500;
		background: url("/wp/wp-content/themes/ewaves/ontime/img/hd_blue.svg") repeat-x left top / 5px 2px;
	}
		.accordion dl dd.open{
			display: block;
		}
		.accordion dl dd .indent{
			display: inline-block;
		}
		.accordion dl dd .min{
			font-size: 0.9em;
		}

	.accordion dl .icon{
		font-size: 1.5em;
		width: 40px;
		height: 40px;
		flex-shrink: 0;
		border-radius: 4px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: 10px;
	}

	.accordion dl dt .icon{
		background: #006bc2;
		color: #fff;
		padding-bottom: 2px;
	}
	.accordion dl dd .icon{
		background: #ffd9d9;
		color: #e6171a;
		font-weight: 700;
	}

	.accordion dl dt .txt{
		padding-top: 4px;
	}
	.accordion dl dd .txt{
		padding-top: 6px;
	}


/* ------------------------------------------------------------------------ */

/*  商品スペック

/* ------------------------------------------------------------------------ */

#sec_spec table{
	border-top: solid 1px #000;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}

#sec_spec .scroll + .subttl{
	margin-top: 52px;
}

	#sec_spec .subttl{
		font-size: 1.666666em;
		margin-bottom: 11px;
		text-align: left;
	}

	#sec_spec table th,
	#sec_spec table td{
		border-bottom: solid 1px #000;
		border-collapse: collapse;
		padding: 13px 15px 13px 20px;
		text-align: left;
	}

	#sec_spec table th{
		color: #006bc2;
		font-size: 1.11111em;
		border-right: solid 1px #000;
		width: 275px;
	}
	#sec_spec table .th-1{
		width: 160px;
	}
	#sec_spec table .th-2{
		width: 115px;
	}

	#sec_spec table td{
		width: calc(100% - 275px)
	}

	#sec_spec table .dotted{
		border-bottom-style: dashed;
		border-bottom-color: #999;
	}

	#sec_spec table .none{
		border-right: none;
	}


@media screen and (max-width: 768px){
	#sec_spec table{
		width: 728px;
	}
}


/* ------------------------------------------------------------------------ */

/*  （下層）資料ダウンロード

/* ------------------------------------------------------------------------ */
#sec_manual ul{
	margin: 20px auto 0;
	max-width: 450px;
	width: 100%;
	text-align: left;
}

#sec_manual ul li + li{
	margin-top: 10px;
}

#sec_manual a{
	color: #006bc2;
	text-decoration: underline;
}

/* ------------------------------------------------------------------------ */

/*  footer

/* ------------------------------------------------------------------------ */

footer{
	background: #dfe8eb;
	padding: 37px 0 40px;
}

footer .brand_logo{
	max-width: 241px;
	margin: 0 auto;
}
	footer .brand_logo img{
		width: 100%;
	}

footer ul{
	gap: 40px;
	margin: 40px 0;
}
	footer ul li{
		font-size: 1em;
		margin: 0;
	}
		footer ul li a{
			color: #333;
			font-weight: 500;
		}

footer p.copyright{
	font-size: 0.777777em;
	color: #666;
}

@media screen and (max-width: 1024px){
	footer .brand_logo{
		max-width: 161px;
	}
	footer ul{
		margin: 20px 0;
		flex-direction: column;
		gap: 10px;
	}
}
