﻿@charset "utf-8";



/* =====================================================
 *
 *	service
 *
===================================================== */



/* BOX
----------------------------------------------------- */
.service_main_image {
	padding: 0 16px;
	margin: 0 auto 40px;
}
.service_main_image img{
  max-width: 100%;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.hedding_h2_02 {
	margin-top: 0;
	padding: 0;
	font-family: 'Oswald', 'Noto Sans JP',sans-serif;
	font-size: clamp(16px,4.5vw,32px);
	letter-spacing: 0.06em;
}
#seminar .hedding_h2_02 {
	font-size: clamp(18px,5vw,36px);
}
.bg_white p {
	font-weight: 700;
}
.service_catch {
	margin-bottom: 30px;
	word-break: keep-all;
	text-align: center;
	font-weight: 700;
	line-height: 1.8;
}
.boxWrap {
	list-style: none;
	margin: 24px 0 0;
}
.box {
	padding: 0 0;
	margin: 0 0 35px 0;
	}
.box:last-child {
	margin-bottom: 10px;
}
.box_download {
	padding: 10px 16px 24px;
	background: #d5e8f1;
}
.box_thumbnail {
	height: auto;
	padding: 0;
	}
.box_thumbnail img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	}
.box_btn {
	width: 100%;
	display: block;
	margin-top: 8px;
	padding: 0 0;
	}
.btn_ts {
	font-size: 0.875rem;
}
.box_thumbnail + div .box_btn:first-child {
	margin-top: 16px;
}

/* PC・TABLET */
@media screen and (min-width: 769px){
	.second .block {
		padding: 50px 30px;
	}
	.hedding_h2_02  {
		font-size: 50px;
	}
	.service_main_image {
		padding-top: 0;
		background: #fff;
	}
	.service_main_image img{
		width: auto;
		margin: 0 auto;
	}
	.service_catch {
		margin-bottom: 60px;
		font-size: 20px;
	}
	.boxWrap {
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-flow: row nowrap;
		gap: 0 16px;
	}
	.box {
		max-width: 243px;
		width: 23.786%;
		padding: 0 0;
		margin: 0 0;
		flex: 1;
	}
	.box_thumbnail {
		height: auto;
		padding: 0;
		}
	.box_title {
		font-size: 1.250rem;
		line-height: 1.6;
		margin-top: 32px;
		}
	.box_text {
		font-size: 1.000rem;
		margin-top: 32px;
		line-height: 2.0;
		padding: 0 72px;
		}
	.box_btn {
		display: block;
		margin: 14px 0 0;
		padding: 0;
		position: static;
		}
	.box.box_download {
		width: 100%;
		margin-top: 0;
		padding: 44px 72px 40px;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-flow: row nowrap;
	}
	.box.box_download .box_thumbnail {
		margin-right: 4.34%;
	}
	.box_download_right {
		flex-grow: 1;
		flex-shrink: 1;
	}
	.box_download .box_text {
		margin: 0;
		padding: 0;
	}
	.box_download .box_btn {
		position: static;
		margin: 24px auto 0;
		padding: 0 0;
	}
	.box_download .box_btn .btn_ts {
		width: 73.2%;
		min-width: 250px;
		margin: 0 auto 0 0;
	}
	.box_btn_wrap_business {
		width: 100%;
		max-width: 460px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-flow: row wrap;
	}
	.box_btn_wrap_business .box_btn {
		float: none;
	}
	.box_btn_wrap_business span.box_btn:first-child{
		margin-right: 20px;
	}
	.btn_ts:hover {
    transform: scale(1.1) translate(0);
	}
	.box_thumbnail + div .box_btn:first-child {
		margin-top: 20px;
	}
	#seminar .hedding_h2_02 {
		font-size: 64px;
	}
	.seminar .box {
		max-width: 503px;
	}
}





