@charset "utf-8";
/* CSS Document */

/*サブコンテンツ全体*/

.p-topics {
	width:70%;
	max-width: 360px;
	margin:0 auto;
}

/*メニュー*/
.p-menu-logo {
	width: 100%;
	max-width: 400px;
}

/*メインビジュアル*/

.p-mv-image {
	background-size: cover;
	width:100%;
	max-width: calc( 1200px + 12% );
	height:640px;
	box-sizing: border-box;
	padding:6%;
	margin:0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.p-mv-title {
	width:100%;
	max-width: 850px;
	margin:0 auto;
}

/*事業内容*/

.p-service-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin:0 auto;
	gap:32px 0;
}

.p-service-box {
	width:49%;
	text-align: left;
	font-size: 1.7rem;
	color:#666666;
	box-sizing: border-box;
}

@media screen and (min-width:961px) { /*PC*/
	.p-service-box {
		width:49%;
	}
}
@media screen and (max-width:960px) { /*MB*/
	.p-service-box {
		width:100%;
	}
}

.p-service-img {
	position: relative;
	width:100%;
	border:1px solid #666666;
}

.p-service-box p span {
	display: inline-block;
	transform: rotate(-90deg);
	color: #f39800;
	margin-right:6px;
}

/*会社概要*/

.p-company-body {
	line-height: 1.6;
	color:#666666;
	width:100%;
	max-width: 960px;
	margin:0 auto;
}

.p-company-body dl {
	display: flex;
	justify-content: flex-start;
	width:100%;
	max-width: 960px;
	border-bottom:1px solid #666666;
	position: relative;
	font-size: 1.7rem;
}

.p-company-body dl dt {
	width:20%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding:12px;
	font-style: normal;
	line-height: 1.8;
}

.p-company-body dl dd {
	width:80%;
	text-align: left;
	padding:12px;
	line-height: 1.8;
}

.p-company-body dl dd ol {
	list-style-type: decimal;
	list-style-position: inside;
}

/*アクセス*/

.p-map-body {
	width:100%;
	height:500px;
}

.p-access-info {
	box-sizing: border-box;
	width:100%;
	max-width: 640px;
	margin:0 auto;
	font-size: 1.7rem;
	line-height: 1.6;
	padding:24px;
	background-color:#fff;
	color:#666666;
}

/*リンク*/

.p-link-bt {
	width:100%;
	max-width: 700px;
	margin:0 auto;
}

.p-link-bt a {
	width:100%;
	height: 80px;
	display: block;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	transition: all 0.3s;
}

.p-link-bt a:after {
	content: "";
	display: block;
	background:url("../img/bt_over.png") left top no-repeat;
	background-size: cover;
	width:60px;
	height:60px;
	position: absolute;
	right:20px;
	top:10px;
	transition: all 0.3s;
}

.p-link-bt a:hover:after {
	transform: translateX(10px);
}

.p-link-contact {
	background:url("../img/bt_contact.png") left top no-repeat;
	background-size: cover;
}

.p-link-recruit {
	background:url("../img/bt_recruit.png") left top no-repeat;
	background-size: cover;
}

/*フッター*/

.p-foot-logo {
	width:100%;
	max-width: 400px;
	margin:0 auto;
	position: relative;
}

.p-copyright {
	font-size: 1.5rem;
}

.p-other-link {
	font-size: 1.5rem;
}

.p-other-link a {
	color:#666666;
}

.p-other-link span {
	display: inline-block;
	transform: rotate(-90deg);
	color: #f39800;
}

/*共通テキスト*/

.p-textbox-body {
	width:100%;
	max-width: 1440px;
	margin:0 auto;
	text-align: left;
	color:#666666;
}

.p-textbox-body h1 {
	font-family: 'Noto Sans JP', sans-serif;
	transform: rotate(0.03deg);
	font-weight: 700;
	font-size: 3rem;
	background: linear-gradient(to bottom,  #0db1f0 0%,#8fd5c6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color:#fff;
	border-radius: 15px;
	border:3px solid #ffffff;
	outline: solid 3px #016dee;
	box-sizing: border-box;
	padding:12px;
}

.p-textbox-body h2 {
	font-family: 'Noto Sans JP', sans-serif;
	transform: rotate(0.03deg);
	font-weight: 700;
	font-size: 3rem;
	color:#00a0ea;
	border-bottom:1px solid #00a0ea;
	padding-bottom:12px;
}

.p-textbox-body h3 {
	font-family: 'Noto Sans JP', sans-serif;
	transform: rotate(0.03deg);
	font-weight: 700;
	font-size: 2.3rem;
	background-color:#f39800;
	color:#fff;
	border-radius: 10px;
	padding:12px;
	box-sizing: border-box;
}

.p-textbox-body h3 span {
	font-size: 80%;
}

.p-textbox-body h4 {
	font-family: 'Noto Sans JP', sans-serif;
	transform: rotate(0.03deg);
	font-weight: 700;
	font-size: 2.3rem;
	background-color:#00a0ea;
	color:#fff;
	border-radius: 10px;
	padding:12px;
	box-sizing: border-box;
}

.p-textbox-body h5 {
	font-family: 'Noto Sans JP', sans-serif;
	transform: rotate(0.03deg);
	font-weight: 400;
	font-size: 2rem;
	color:#00a0ea;
	padding:8px;
	box-sizing: border-box;
	border-bottom:1px solid #00a0ea;
	border-left:10px solid #00a0ea;
}

.p-textbox-body h6 {
	font-size: 1.9rem;
	color:#00a0ea;
	font-weight: bold;
	padding:4px 0;
	box-sizing: border-box;
}

.p-textbox-body p {
	font-size: 1.6rem;
	line-height: 1.6;
}

.p-textbox-body ul {
	padding-left:24px;
}

.p-textbox-body ul li {
	font-size: 1.6rem;
	line-height: 1.6;
	list-style: disc;
	margin-bottom:8px;
	border-bottom:1px dotted #6A6A6A;
}

.p-textbox-dlgroup {
	display: flex;
	flex-direction: column;
	gap:16px;
}

.p-textbox-dlgroup dl {
	font-size: 1.6rem;
	line-height: 1.6;
}

.p-textbox-dlgroup dl dt {
	background-color:#D8D8D8;
	padding:3px 6px;
}

.p-textbox-dlgroup dl dd {
	padding:3px 6px;
}