/* -------------------------------------------------------------------- */
/*                                                                      */
/* -------------------------------------------------------------------- */
*{
	font-family: 'Noto Sans JP', sans-serif;
	margin:0;
	padding:0;
	color:#1a1a1c; /* sumi900 */
}
.serif {
	font-family: 'Noto Serif JP', serif!important;
}
:root {
	--pc_width: 1000px;
	--pc_width_lan : 1100px;
	--col_l_color : #1a1a1c;
	--col_i_blue : #00a3e5;
  	--col_i_blue_restrain : #8ed4f1;
  	--col_i_blue_sub:	#C8EFFF;
  	--col_i_green : #8cc220;
  	--col_i_green_restrain : #EFFFCF;
  	--col_i_sumi_500: #949497;
  	--col_i_sumi_100: #f1f1f4;
  	--col_i_pt:#d41e32;
  	--col_i_pt_sub:#f4c6cb;
  	--col_i_pt_sub2:#fdf0f2;
  	--col_i_ot:#1f82c1;
  	--col_i_ot_sub:#c6e0f0;
  	--col_i_ot_sub2:#f1f7fb;
  	--col_i_st:#f39800;
  	--col_i_st_sub:#fce5bf;
  	--col_i_st_sub2:#fff9ef;
	--box-shadow: .8rem .8rem 1.2rem rgba(0, 0, 0, .05), -.8rem -.8rem 1.2rem #fff;
    --box-shadow-hover: 1rem 1rem 1.5rem rgba(0, 0, 0, .08), -1rem -1rem 1.5rem #fff;
    --box-shadow-inset: inset .8rem .8rem 1.2rem rgba(0, 0, 0, .05), inset -.8rem -.8rem 1.2rem #fff;
    --box-shadow-dark: .8rem .8rem 1.2rem rgba(0, 0, 0, .1), -.8rem -.8rem 1.2rem rgba(#fff,.2);
}


h1 {
	font-size: 225%; /* 36px (default:16px) */
	margin-top:64px;
	margin-bottom:24px;
	line-height:1.4;
	letter-spacing: 0.04em;
}
h2 {
	font-size: 200%; /* 32px (default:16px) */
	margin-top:64px;
	margin-bottom:24px;
	line-height:1.5;
	letter-spacing: 0.04em;
}
h3 {
	font-size: 175%; /* 28px (default:16px) */
	margin-top:40px;
	margin-bottom:24px;
	line-height:1.5;
	letter-spacing: 0.04em;
}

p {
	margin: 4px 0;
	line-height:1.7;
	letter-spacing: 0.04em;
}
img {
	width: auto;
}
.inner {
	width:99%;
	max-width: var(--pc_width);
	margin: 0 auto;
}
.inner_lan {
	width:98%;
	max-width: var(--pc_width_lan);
	margin: 0 auto;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
table {
	border-collapse:collapse;
}
tr {
	width: 100%;
}
th {
	background-color:var(--col_i_blue);
	color: #fff;
}
/* --------------------------------*/
/* パンくずリスト */
/* --------------------------------*/
.breadcrumbs {
	border-bottom: 1px solid #ddd;
}
.breadcrumbs ol {
	padding: 16px 0;
}
.breadcrumbs li{
	display: inline-block;
}
.breadcrumbs li::after{
  content: '/';
  display: inline-block;
  padding: 0 8px; /*左右に余白*/
}
.breadcrumbs li:last-child::after{
  display: none;
}

/* --------------------------------*/
/* 3分割 */
/* --------------------------------*/
.wrap_oneThird_panel {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}
.oneThird_panel {
	display: block;
	width: calc( calc( 100% - 32px - 32px ) / 3.0 );
	border-radius: 12px;
	margin-right: 32px;
	margin-bottom:32px;
}
.oneThird_panel:nth-of-type(3n) {
	margin-right: 0px;
}
/* --------------------------------*/
/* 4分割 */
/* --------------------------------*/
.wrap_quarter_panel {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}
.quarter_panel {
	display: block;
	width: calc( calc( 100% - 32px - 32px - 32px ) / 4.0 );
	border-radius: 12px;
}

/* -------------------------------------------------------------------- */
/* アニメーション                                                       */
/* -------------------------------------------------------------------- */
/* --------------------------------*/
/* hoverすると画像が拡大 */
/* --------------------------------*/
.hover_img {
	overflow:hidden;
}
.hover_img img{
	transition: 0.5s;
}
.hover_img:hover img{
	transform: scale(1.1);
}