@charset "UTF-8";


/***************************************************

	共通コンテンツ部

***************************************************/

@import url('https://fonts.googleapis.com/css2?family=Knewave&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');

:root {
	--text: #292929;
	--color1: #4169e1;
	--color2: #f0bd65;
	--bgcolor1: rgba(242,238,231,1);
}

html, body{margin:0; padding:0}

body{
	position: relative;
	font-size: 16px;
	font-weight: 400;
	color: var(--text);
	line-height: 1.7;
	font-family: "Noto Sans JP", sans-serif;

	word-wrap: break-word;
	word-break: break-all;
}

.en{
	font-family: "Roboto", sans-serif;
}

.pc-on{ display: block; }
.sp-on{ display: none; }

header{
	margin: 80px 0;
	text-align: center;
}

header h1{
	font-size: 40px;
	font-weight: 700;
	letter-spacing: 0.025em;
	line-height: 1.4;
	position: relative;
}

header h1::after{
	content: '';
    display: inline-block;
    width: 230px;
    height: 2px;
    background: var(--text);
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: auto;
}

.cont_wrapp{
	width: 720px;
	margin: 0 auto 120px;
}

.cont_wrapp p{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: 0.025em;
	margin-bottom: 	1em;
}

.cont_wrapp p:last-of-type{
	margin-bottom: 	0;
}

.cont_wrapp p.name{
	text-align: right;
	margin-top: 3em;
}

.cont_wrapp .date_box{
	text-align: center;
	margin: 60px 0 80px;
}

.cont_wrapp .date_box .title{
	margin-bottom: 32px;
}

.cont_wrapp .date_box .title strong{
	display: inline-block;
	height: 46px;
	line-height: 46px;
	background: var(--text);
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.5em;
	color: #fff;
	padding: 0 20px;
}

.cont_wrapp .date_box .date{
	font-size: 22px;
	letter-spacing: 0.025em;
	line-height: 1;
}

.cont_wrapp .date_box .date .num{
	font-size: 1.5em;
	font-weight: 700;
	letter-spacing: 0.025em;
}

.cont_wrapp .date_box .date .item{
	font-weight: 700;
	letter-spacing: 0.025em;
	margin-right: 0.5em;
}

.cont_wrapp .date_box .date .kara{
	font-weight: 700;
	letter-spacing: 0.025em;
	margin: 0 0.7em;
}

.cont_wrapp .date_box .note{
	display: inline-block;
	font-size: 14px;
	line-height: 1.4;
	padding-left: 1.2em;
	position: relative;
}

.cont_wrapp .date_box .note::before{
	content: '※';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.link{
	margin-top: 80px;
	text-align: center;
}

.link a{
	display: inline-block;
	background: var(--color1);
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	text-decoration: none;
	padding: 0 60px 0 20px;
	border-radius: 6px;
	position: relative;
	transition: all 0.2s linear;
}

.link a:hover{
	opacity: 0.8;
}

.link a:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 0;
	right: 14px;
	bottom: 0;
	margin: auto;
}


footer{

}

footer .copyright{
	background: #ccc;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.025em;
	text-align: center;
}




/********************************************************************************
	リッキド用 CSS
********************************************************************************/

@media(max-width:1280px){

body{
	font-size: 1.25vw;
}


header{
	margin: 6.25vw 0;
}

header h1{
	font-size: 3.125vw;
}

header h1::after{
    width: 17.96875vw;
    height: 0.15625vw;
    bottom: -2.34375vw;
}

.cont_wrapp{
	width: 56.25vw;
	margin: 0 auto 9.375vw;
}

.cont_wrapp p{
	font-size: 1.40625vw;
}

.cont_wrapp .date_box{
	margin: 4.6875vw 0 6.25vw;
}

.cont_wrapp .date_box .title{
	margin-bottom: 2.5vw;
}

.cont_wrapp .date_box .title strong{
	height: 3.59375vw;
	line-height: 3.59375vw;
	font-size: 1.5625vw;
	padding: 0 1.5625vw;
}

.cont_wrapp .date_box .date{
	font-size: 1.71875vw;
}

.cont_wrapp .date_box .note{
	font-size: 1.09375vw;
}

.link{
	margin-top: 6.25vw;
}

.link a{
	height: 3.59375vw;
	line-height: 3.59375vw;
	font-size: 1.25vw;
	padding: 0 4.6875vw 0 1.5625vw;
	border-radius: 0.46875vw;
}

.link a:before {
	border-width: 0.46875vw 0 0.46875vw 0.625vw;
	right: 1.09375vw;
}

footer .copyright{
	height: 4.6875vw;
	line-height: 4.6875vw;
	font-size: 1.09375vw;
}





}


/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media(max-width:430px){

body{
	font-size: 3.733333vw;
}

.sp-on{ display: block; }
.pc-on{ display: none; }

header{
	margin: 16vw 0;
}

header h1{
	font-size: 5.866667vw;
}

header h1::after{
    width: 48vw;
    height: 0.533333vw;
    bottom: -6.4vw;
}

.cont_wrapp{
	width: auto;
	margin: 0 5.333333vw 16vw;
}

.cont_wrapp p{
	font-size: 4.266667vw;
}

.cont_wrapp p.name{
	margin-top: 2em;
}

.cont_wrapp .date_box{
	margin: 10.666667vw 0;
}

.cont_wrapp .date_box .title{
	margin-bottom: 8.533333vw;
}

.cont_wrapp .date_box .title strong{
	height: 11.733333vw;
	line-height: 11.733333vw;
	font-size: 4.8vw;
	padding: 0 4.8vw;
}

.cont_wrapp .date_box .date{
	font-size: 4.8vw;
	line-height: 1.4;
}

.cont_wrapp .date_box .date .num{
	font-size: 1.3em;
}

.cont_wrapp .date_box .note{
	font-size: 2.933333vw;
}

.link{
	margin-top: 16vw;
}

.link a{
	height: 12.266667vw;
	line-height: 12.266667vw;
	font-size: 4.266667vw;
	padding: 0 16vw 0 5.333333vw;
	border-radius: 1.6vw;
}

.link a:hover{
	opacity: 1;
}

.link a:before {
	border-width: 1.6vw 0 1.6vw 2.133333vw;
	right: 3.733333vw;
}

footer{

}

footer .copyright{
	height: 16vw;
	line-height: 16vw;
	font-size: 3.2vw;
}








}