@charset "utf-8";

.ad_service_box{
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:30px;
}
.ad_service_item{
	padding:36px 40px 33px;
	border:1px solid #ddd;
}
.ad_service_item h4{
	font-size:1.8rem;
	letter-spacing:0px;
	line-height:2.6rem;
	font-weight: 500;
	padding:0;
	margin:0 0 18px;
	background:none;
	border-bottom: none;
}
.ad_service_item li{margin:0;}
.ad_service_item > *:last-child{margin-bottom:0;}
.plan_table_box{
	position:relative;
	margin-top:70px;
}
/*.plan_table_box::before,
.plan_table_box::after{
	position:absolute;
	content:'';
	width:40px;
	height:4px;
	background:#333;
	bottom:27px;
	left:0;
	right:0;
	margin:auto;
}
.plan_table_box::after{transform:rotate(90deg);}*/
.plan_table{
	position:relative;
	min-width:850px;
	margin:10px 0 0;
	background:#fff;
	border-color:#D3D3D3;
	border-bottom:1px solid #D3D3D3;
}
.plan_table th, .plan_table td{
	border-color:#D3D3D3;
	border-bottom:none;
	font-size:1.2rem;
	letter-spacing:0;
	line-height:1.7rem;
	text-align:center;
	vertical-align:middle;
}
.plan_table th{
	min-width:175px;
	font-weight:bold;
	padding:25px 14px;
	background:none;
	color:#fff !important;
	font-size:1.4rem;
	letter-spacing:0;
	line-height:2rem;
	text-decoration:none;
}
.plan_table td{padding:11px 10px 14px;}
.plan_table thead{text-align:center;}
.plan_table thead th:nth-child(1){background:#489DDE;}
.plan_table thead th:nth-child(2){background:#1B81CF;}
.plan_table thead th:nth-child(3){background:#0264AF;}
.plan_table thead th:nth-child(4){background:#00477E;}
.plan_table thead th:nth-child(5){background:#003761;}
/*.plan_table thead a{
	display:inline-block;
	padding-left:20px;
	/*background:url(/img/common/arrow_d_white.svg) no-repeat center left;
	color:#fff !important;
	font-size:1.4rem;
	letter-spacing:0;
	line-height:2rem;
	text-decoration:none;
}*/
.plan_table thead a:hover{text-decoration:underline;}
.plan_table tr:nth-child(2n-1){background:#EEF7FF;}
.plan_table dd{
	font-size:1.6rem;
	letter-spacing:0;
	line-height:2.4rem;
	font-weight:bold;
	margin:5px 0 0;
}
.plan_table .cost dd{color:var(--color-blue);}
.option_list{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-gap:30px;
	padding:0;
	margin:20px 0 0;
}
.option_item{
	list-style:none;
	margin:0;
}
.option_link{
	display:block;
	height:100%;
	text-decoration:none;
	padding:28px 37px 26px;
	background:#fff;
	border:1px solid #ddd;
	transition:border-color 0.3s;
}
.option_link:hover{border-color:var(--color-blue);}
.option_title{
	font-size:1.8rem;
	letter-spacing:1.8px;
	line-height:2.7rem;
	font-weight:500;
	padding-left:22px;
	margin:0 0 28px;
	background:url(/img/common/arrow_r_blue.svg) no-repeat left top 9px;
	transition:color 0.3s;
}
a:hover .option_title{color:var(--color-blue);}
.option_about{
	font-size:1.5rem;
	letter-spacing:1.5px;
	line-height:2.7rem;
	margin:0;
	transition:color 0.3s;
}
a:hover .option_about{color:var(--color-blue);}
.plan_h3{
	font-size:2.6rem;
	letter-spacing:1.3px;
	line-height:3.6rem;
	font-weight:500;
	color:#fff;
	padding:19px 20px;
	margin:90px 0 43px;
}
.plan_h3 span{
	display:block;
	font-size:1.1rem;
	letter-spacing:1.1px;
	line-height:1.1rem;
	font-weight:normal;
	margin-bottom:4px;
}
#starterplan.plan_h3{background:#489DDE;}
#simpleplan.plan_h3{background:#1B81CF;}
#lightplan.plan_h3{background:#0264AF;}
#standardplan.plan_h3{background:#00477E;}
#premiumplan.plan_h3{background:#003761;}
.plan_area{
	padding:0 30px;
	margin-bottom:130px;
}
.plan_cost{
	display:flex;
	align-items:center;
	color:#003761;
	padding:0 0 35px;
	margin:0 0 17px;
	border-bottom:1px solid #ddd;
}
.plan_cost dt{
	font-size:1.6rem;
	letter-spacing:1.6px;
	line-height:1.95rem;
	padding:8px 16px;
	margin-right:15px;
	border:1px solid #003761;
}
.plan_cost dd{
	font-size:3rem;
	letter-spacing:1.5px;
	line-height:2rem;
	font-weight:bold;
}
.plan_about{
	font-size:1.8rem;
	letter-spacing:1.8px;
	line-height:3.24rem;
}
.plan_h4{
	font-size:2.4rem;
	letter-spacing:2.4px;
	line-height:3.6rem;
	padding:0;
	margin:50px 0 15px;
	border:none;
}
.example_img{
	padding:35px 20px;
	border:4px solid #F5F5F5;
	border-radius:10px;
}
.example_img img{
	width:520px;
	max-width:100%;
	margin:0 auto;
}

/* 20240710-デザイン価格追加 */
.ad_design_box{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
	margin-top: 60px;
}
.ad_design_item{
	border: 1px solid #ddd;
	text-align: center;
	padding: 10px;
	height: 180px;
}
.ad_design_item h4{
	font-size: 2rem;
    letter-spacing: 2px;
    line-height: 21px;
    color: #008BD2;
    border: none;
	padding-bottom: 0;
	margin: 22px 0 17px;
}
.ad_design_item h4 span{
	display: block;
    font-size: 1.3rem;
    letter-spacing: 1.3px;
    line-height: 2.1rem;
    margin-top: 10px;
    color: #333333;
	font-weight: normal;
}
.ad_design_item p{
	font-size: 2.6rem;
    letter-spacing: 2.6px;
    line-height: 2.1rem;
    font-weight: bold;
}
.ad_design_item p span{
	font-size: 3rem;
    line-height: 3rem;
}

/* 20241029 費用追加 */
.example_h4{
	padding:0;
	margin:40px 0 10px;
	border:none;
}
.example_box{
	position:relative;
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:74px;
	margin:20px 0 0;
}
.example_item{
	position:relative;
	background:#F5F5F5;
	border-radius:8px;
	padding:20px;
}
.example_item:nth-child(1)::after{
	position:absolute;
	display:flex;
	align-items:center;
	content:'or';
	font-size:2.2rem;
	letter-spacing:2.2px;
	line-height:2.7rem;
	font-weight:500;
	top:0;
	bottom:0;
	right:-51px;
	margin:auto;
}
.example_item img{
	width:274px;
	max-width:100%;
	margin:auto;
}

@media screen and (max-width:1024px){
/* 20240710-デザイン価格追加 */
.ad_design_box{display: block;margin-top: 40px;}
.ad_design_item{margin-bottom: 20px;}
.ad_design_item:last-child{margin-bottom: 0;}

}

@media screen and (min-width:768px) and (max-width:1024px){

.plan_about{
	font-size:1.6rem;
	letter-spacing:1.6px;
	line-height:2.84rem;
}
.plan_h4{
	font-size:2.2rem;
	letter-spacing:2.2px;
	line-height:3.4rem;
	margin:40px 0 15px;
}

}


@media screen and (max-width:900px){

.option_link{padding:20px;}

}


@media screen and (max-width:767px){

.ad_service_box{
	grid-template-columns:1fr;
	grid-gap:20px;
}
.ad_service_item{padding:30px 26px 28px;}
.ad_service_item h3{
	font-size:1.6rem;
	letter-spacing:1.6px;
	line-height:2.4rem;
		argin:0 0 12px;
}
.ad_service_item li{
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2.1rem;
}
.plan_table tr th:first-child{width:135px;}
.plan_table th,.plan_table td{
	font-size:0.9rem;
	line-height:1.4rem;
}
.plan_table th{
	min-width:145px;
	padding:17px 10px;
}
.plan_table td{padding:7px 10px 8px;}
.plan_table thead a{
	font-size:1rem;
	line-height:1.5rem;
	padding-left:12px;
	background-size:8px;
}
.plan_table dd{
	font-size:1.2rem;
	line-height:1.7rem;
	margin:2px;
}
.option_list{
	display:block;
	margin:20px 0 0;
}
.option_item{margin-bottom:20px;}
.plan_area{padding:0 10px;}
.plan_cost dt{font-size:1.3rem;letter-spacing:1.3px;padding:6px 12px;white-space:nowrap;}
.plan_cost dd{font-size:2.6rem;line-height:2.8rem;}
.plan_about{
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2.1rem;
}
.plan_h4{
	font-size:1.8rem;
	letter-spacing:1.8px;
	margin:11px 0 10px;
}

.example_img img{width:280px;}

.example_box{
	grid-template-columns:1fr;
	grid-gap:61px;
	margin:15px 0 0;
}
.example_item:nth-child(1)::after{
	justify-content:center;
	top:auto;
	bottom:-41px;
	right:0;
	left:0;
}
.example_item{padding:30px 15px;}
.example_h4{
	font-size:1.6rem;
	letter-spacing:1.6px;
	line-height:2.4rem;
}
}


@media screen and (max-width:599px){

.scroll_table .plan_table{min-width:680px;}

}