@charset "utf-8";
/* ------------------------------------------------------- */
/* ページ内共通お問い合わせボックス----------------------- */
/* ------------------------------------------------------- */
.pageContact1 {
    border: 1px solid #e4e4c3;
    padding: 10px 10px 20px 10px;
    text-align: center;
    background: #fffff6;
    margin-top: 30px;
}
.pageContact1 div:nth-of-type(1) {
    background: #d0111b;
    padding: 5px 5px 8px 5px;
    color: #fff;
    font-family: "フォーク M" , Folk Medium;
    font-size: 1.8rem;
    margin-bottom: 20px;
}
.pageContact1 div:nth-of-type(2) {
    font-size: 1.8rem;
    margin-bottom: 15px;
}
#main .pageContact1 p {margin-bottom: 0;}
.pageContact1 a {
    cursor: default;
    text-decoration: none;
    color: #000;
    display: inline-block;
    margin: 0 5px;
}

@media only screen and (max-width:768px) {
    .pageContact1 a {
        display: block;
        background: #d0111b;
        border-radius: 5px;
        padding: 10px;
        text-align: center;
        color: #fff;
        text-decoration: none;
        font-size: 1.8rem;
        font-weight: bold;
        cursor: pointer;
        margin: 0 0 10px 0;
    }
    .pageContact1 a::before,
    .pageContact1 a::after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
    }
    .pageContact1 a::before {
        content: "\f098";
        margin-right: 10px;
    }
    .pageContact1 a::after {
        content: "\f0da";
        margin-left: 10px;
    }
    .pageContact1 a + br {display: none;}
}
/* ------------------------------------------------------- */
/* インデックス----------------------- */
/* ------------------------------------------------------- */
/*インデックスh2*/
.indexNews h2,
.indexScene h2,
.indexService h2 {
    text-align: center;
    font-size: 2.8rem;
    margin-bottom: 20px;
    line-height: 1.5;
    font-family: "フォーク M" , Folk Medium;
}
@media only screen and (max-width:768px) {
    .indexNews h2,
    .indexScene h2,
    .indexService h2 {
        font-size: 2.3rem;
    }
}

/*メイン画像*/
.mainimage img { 
    width: 100%;
}
.indexNews {
	width: 100%;
	margin-bottom: 50px;
}
.indexSeasonBnr ul {
    display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.indexSeasonBnr ul li {
	width: calc(( 100% - 50px ) / 3 );
	margin-right: 25px;
    margin-bottom: 15px;
}
.indexSeasonBnr ul li:nth-child(3n) {
	margin-right: 0;
}
.indexSeasonBnr ul li img {
	width: 100%;
	display: block;
}
@media only screen and (max-width:768px) {
    .indexNews,
    .indexSeasonBnr {
        width: 100%;
        float: none;
    }
	.indexSeasonBnr ul {
		display: block;
	}
	.indexSeasonBnr ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
}

/*サービス*/
.indexService {
    padding-top: 30px;
}
.indexService img {
    display: block;
    margin: 0 auto 5px;
}
.indexService img + div {
    text-align: center;
    font-weight: bold;
    background: #f5f5f5;
    padding: 5px;
    margin-bottom: 5px;
}
@media only screen and (max-width:768px) {
}

/*ご利用シーン*/
.indexScene {
    background: #f8f8ee;
    padding: 30px 0;
    margin-bottom: 40px;
}

/* ご利用シーンリスト ---------------------------------------- */
.sceneList {
    
}
.sceneList li {
    background: #fff;
    padding: 10px;
    border: 1px solid #eee;
}
.sceneThumbs {
    margin-bottom: 10px;
}
.sceneThumbs img {
    display: block;
    margin: 0 auto;
}
.sceneTitle {
    margin-bottom: 10px;
    font-size: 1.8rem;
    font-weight: bold;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
}
.sceneText {
    
}

/*　新型コロナ　お知らせ ---------------------------------------- */

.kinkyuBox {
	width: 100%;
	text-align: center;
	border: solid 5px #C00F12;
	border-radius: 15px 15px 0 0;
	margin-bottom: 50px;
}
.kinkyuBox > div:nth-child(1) {
	width: 100%;
	color: #FFF;
	background: #C00F12;
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 25px;
	padding: 5px 0;
}
.kinkyuBox > p:nth-child(2) {
	margin-bottom: 25px;
}
.kinkyuBox > p:nth-child(3) {
	background: #FFEADA;
	color: #C00F12;
	font-weight: bold;
	font-size: 2.0rem;
	padding: 15px 0;
}
.kinkyuBox .kinkyuBox-contact {
	display: flex;
	margin: 0 auto 25px;
	width: 50%;
}
.kinkyuBox-contact div {
	width: calc(( 100% - 25px ) / 2 );
	margin-right: 25px;
}
.kinkyuBox-contact div > p:nth-child(1) {
	border: solid 3px #ccc;
	border-radius: 10px;
	padding: 15px;
}
.kinkyuBox-contact div > p:nth-child(2) {
	background: #FFEADA;
	padding: 15px;
}
.kinkyuBox-contact div:last-child {
	margin-right: 0;
}
.bentou {
	background: #FFEADA;
	padding: 15px;
	width: 50%;
	margin: 0 auto 25px;
}

@media only screen and (max-width:768px) {
	.kinkyuBox > p:nth-child(2) {
		padding: 15px;
		margin-bottom: 15px;
		text-align: left;
	}
	.kinkyuBox .kinkyuBox-contact {
		display: block;
		width: 100%;
		padding: 0 15px;
		margin-bottom: 15px;
	}
	.kinkyuBox-contact div {
		width: 100%;
		margin-right: 0;
	}
	.kinkyuBox-contact div > p:nth-child(1) {
		margin-bottom: 15px;
	}
	.kinkyuBox-contact div > p:nth-child(2) {
		margin-bottom: 25px;
	}
	.bentou {
		width: 90%;
	}
}