@charset "utf-8";
/* CSS Document */
@import url("style.css");
section > a{
    background: #09f;
    padding: 15px 30px;
    margin: 50px auto 0;
    display: table;
    color: #fff;
    clear: both;
}
#kumiai {
    background: #f8f8f8;
    padding: 100px calc(50% - 400px);
}
#kumiai h2 {}
#kumiai > img:nth-of-type(1) {
    height: 100px;
    display: table;
    margin: 50px auto;
}
#kumiai > img:nth-of-type(2) {
    float: right;
    margin: 0 0 50px 50px;
    height: 200px;
}
#ginoujisshu {
    text-align: center;
    background-image: linear-gradient(to right, rgb(255 255 255 / 50%)0%, rgb(255 255 255 / 100%)50%),url(../img/top_bg-01.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
#ginoujisshu h2 {}
#ginoujisshu p {text-shadow: 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white;}
#tokuteiginou {
    text-align: center;
    background-image: linear-gradient(to right, rgb(51 51 51 / 100%)50%, rgb(51 51 51 / 50%)100%),url(../img/top_bg-02.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    color: #fff;
}
#tokuteiginou h2 {
    color: #fff;
}
#tokuteiginou a {
    background: #fff;
    color: #333;
}
#news {}
#news h2 {}
#news a {}
#news #newsList{}
#news #newsList dt {
	font-weight: 700;
	position: relative;
	display: flex;
	align-items: center;
}
#news #newsList dt:after {
	content: attr(title);
	background: #00ACD7;
	color: #fff;
	font-weight: 300;
	font-size: 10px;
	line-height: 1;
	margin-left: 10px;
	padding: 4px 20px;
}
#news #newsList dt[title="更新情報"]:after {
	/*background: #0cf;*/
}
#news #newsList dd {
	margin-bottom: 20px;
	padding: 10px 1rem 20px;
	border-bottom: dotted 1px #ddd;
	overflow: hidden;
}
#news #newsList dd b {
	display: block;
	font-weight: 700;
}
#news #newsList dd .newMark {
	color: #f90;
	font-weight: 700;
}
#news #newsList + a {
	display: none !important;
}
.pNav{
    background: #09f;
    padding: 18px calc(50% - 600px);
    display: flex;
    /* justify-content: center; */
    font-weight: 400;
    color: #fff;
}
.pNav a{color: #fff;margin: 0 5px 0;text-decoration: underline;}
#news_detail{
    padding: 100px calc(50% - 450px);
}
#news_detail #up_ymd{
    display: flex;
    align-items: center;
}
#news_detail #up_ymd span{
    content: attr(title);
    background: #00ACD7;
    color: #fff;
    font-weight: 300;
    font-size: 10px;
    line-height: 1;
    margin-left: 10px;
    padding: 4px 20px;
}
#news_detail h2{
    font-size: 24px;
    color: #666;
    text-align: left;
    border-bottom: solid 1px #ccc;
    padding: 0 20px 0;
}
#news_detail #detail{
    padding: 0 calc(50% - 400px);
}
#news_detail #detail img{
    display: table;
    margin: auto;
}
#news_detail .backORcloseBtn{
    border-top: solid 1px #ccc;
    margin: 100px 0 0;
}
#news_detail .backORcloseBtn a{
    display: table;
    margin: 10px auto;
    color: #fff;
    background: #09f;
    border-radius: 5px;
    padding: 3px 10px;
}
#news_detail .backORcloseBtn + a{
    display: none !important;
}
@media (max-width: 768px) {
section > a{}
#kumiai {
    padding: 50px 20px;
}
#kumiai h2 {}
#kumiai > img:nth-of-type(1) {
}
#kumiai > img:nth-of-type(2) {
    float: none;
    margin: auto;
    display: table;
}
#ginoujisshu {
    background-size: cover;
}
#ginoujisshu h2 {}
#tokuteiginou {
    background-size: cover;
}
#tokuteiginou h2 {}
#tokuteiginou a {}
#news {}
#news h2 {}
#news a {}
#news #newsList{}
#news #newsList dt {}
#news #newsList dt:after {}
#news #newsList dt[title="更新情報"]:after {}
#news #newsList dd {}
#news #newsList dd b {}
#news #newsList dd .newMark {}
#news #newsList + a {}
.pNav{
    padding: 10px 5px;
    font-size: 12px;
    flex-wrap: wrap;
}
.pNav a{}
#news_detail{
    padding: 50px 20px;
}
#news_detail #up_ymd{}
#news_detail #up_ymd span{}
#news_detail h2{
    padding: 0;
    font-size: 18px;
}
#news_detail #detail{}
#news_detail #detail img{}
#news_detail .backORcloseBtn{}
#news_detail .backORcloseBtn a{}
#news_detail .backORcloseBtn + a{}
}