﻿@charset "utf-8";
/* =====================================================================
2025 コーポレートサイト新デザイン
===================================================================== */

/* 汎用的なクラス
===================================================================== */

/* 改行 */
@media screen and (min-width:769px) {
	.br_sp{
		display:none;
	}
}

@media screen and (max-width:768px) {
	.br_pc{
	display:none;
	}
}

/* テキストそろえ */
.center{
	text-align:center !important;
}

/* テキスト色 */
.text_cyan{
	color:#10728D;
}

/* テキスト装飾 */
.underline{
	text-decoration: underline;
	margin:0 8px 0 0;
}
.underline:hover{
	text-decoration: none;
}

/* アイコン付与 */
.new_window:after{
	display: inline-block;
	content: url(/pct/etc/img/new_window.png);
	width: 16px;
	height: 16px;
	margin: 0 0 0 4px;
	vertical-align: text-top;
}


/* 基本的なレイアウト
===================================================================== */

/* .main_contents */
@media screen and (min-width:769px) {
	.main_contents{
		padding:64px 0 0 0;
	}
}
@media screen and (max-width:768px) {
	.main_contents{
		padding:32px 24px 0;
	}
}

/* .contents_section */
.contents_section>*{
	margin:0 0 32px 0;
	line-height:1.5;
}
.contents_section>h1{
	text-align: center;
}
.contents_section>p{
	font-size:16px !important;
	text-align: justify;
}
.contents_section>span{
	font-size:12px !important;
}
@media screen and (min-width:769px) {
	.contents_section{
		padding:0 0 96px 0;
	}
	.contents_section>h1{
		font-size:36px !important;
	}
	.contents_section>h2{
		font-size:28px !important;
	}
}
@media screen and (max-width:768px) {
	.contents_section{
		padding:0 0 64px 0;
	}
	.contents_section>h1{
		font-size:24px !important;
	}
	.contents_section>h2{
		font-size:20px !important;
		text-align: center;
	}
}

/* .basic_list */
.basic_list{
	padding-left: 24px;
}
.basic_list>li{
	list-style:disc;
	margin:0 0 8px 0;
}

