/* ===========================================================
トップページcss
============================================================ */

 /* 新規受入制限のお知らせ */

.oshirase250716_wrap{background:rgba(0,102, 204, .1); text-align:left;padding:20px 40px 20px;}
h4.darkblue_title{margin-bottom:10px;font-weight:bold; color:#0066cc;}

@media only screen and (max-width: 767px) {
.oshirase250716_wrap{padding:20px 20px 20px;margin-top:10px;}
}

 /* 受付に関するお知らせ */
.oshirase250430_wrap{background:rgba(0,185, 0, .1); text-align:left;padding:20px 40px 20px;margin-top:20px;}

h4.darkgreen_title{margin-bottom:10px;font-weight:bold; color:#006600;}
h4.darkgreen_title i{margin-right:8px;}
.p_darkgreen{color:#006600;}

.oshirase250430_wrap ul{margin-top:10px;margin-left:15px;margin-bottom:20px;}

.oshirase250430_wrap ul li{
  position: relative;
  padding-left: 15px;
}
 
.oshirase250430_wrap ul li:before {
  content: "";
  position: absolute;
  top: .6em;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #00b900;
  border-radius: 50%;
}


@media only screen and (max-width: 767px) {
.oshirase250430_wrap{padding:10px 20px 20px;margin-top:10px;}
}


 /*240214custom_komaigi.css変更 */
.top_concept_box240214{
margin-bottom:20px;
    display: flex;              /* フレックスボックスにする */
    align-items:flex-start;        /* 縦の位置指定 中央 */
    justify-content:space-between;       /* 横の位置指定・両端均等 */
    flex-wrap: wrap;            /* 折り返し指定 */
}
.top_concept_catch{width:65%;margin-bottom:30px;;line-height:1.8;}
.top_concept_image{width:30%;margin-bottom:30px;}
.top_concept_image img{width:100%;}
@media only screen and (max-width: 767px) {
.top_concept_box240214{flex-wrap: wrap; }
.top_concept_catch{width:100%;order:1;margin-bottom:10px;}
.top_concept_image{width:100%;order:2;}
.top_concept_image img{width:60%;margin-left:20%;}
}

.monodukuri_banner{margin-top:20px;
background:#1947a3;
color:#fff;
font-weight:bold;
padding:10px;
font-size:120%;
text-align:center;
}
.monodukuri_banner span{display:block;font-size:90%;font-weight:normal;}
.monodukuri_detail{
color:#333;
border:1px solid #1947a3;
padding:20px 30px;
}
.monodukuri_detail h3{font-size:120%;margin-bottom:1em;}
.monodukuri_detail ul{width:100%;padding-left:1.5em;font-size:16px;line-height:1.5;margin-left:18px;}
.monodukuri_detail ul li{	list-style-type: none;margin-bottom:.6em;text-indent:-.9em;}
.monodukuri_detail ul li:before{
	content: '';
	width: 14px;
	height: 14px;
	display: inline-block;
	border-radius: 0;
	background: #1947a3;
	position: relative;
	left: -.6em;
	top: 1px;
}
@media only screen and (max-width: 767px) {
.monodukuri{margin-bottom:25px;}
.monodukuri_banner{
font-size:100%;
text-align:left;
}
.monodukuri_banner span{text-align:center;}
.monodukuri_detail{padding:15px 15px;background:#f0f0f0;}
.monodukuri_detail ul{margin-left:0;}
.monodukuri_detail h3{font-size:100%;}
}
@media only screen and (max-width: 767px) {
.monodukuri{margin-bottom:25px;}
.monodukuri_banner{font-size:100%;text-align:left;}
.monodukuri_banner span{text-align:center;}
.monodukuri_detail{padding:15px 15px;background:#f0f0f0;}
.monodukuri_detail ul{margin-left:0;}
.monodukuri_detail h3{font-size:100%;}
}

.line_reservation_banner{margin-top:20px;background:#00b900;color:#fff;font-weight:bold;padding:10px;font-size:120%;text-align:center;
}
.line_reservation_banner .lrb_inner{width:100%;
    display: flex;              /* フレックスボックスにする */
    align-items:center;        /* 縦の位置指定 中央 */
    justify-content:center;       /* 横の位置指定 */
    flex-wrap: wrap;            /* 折り返し指定 */
}
.line_reservation_banner .lrb_inner i{font-size:180%;margin-right:5px;}
.line_reservation_banner span{display:block;font-size:90%;font-weight:normal;}
@media only screen and (max-width: 767px) {
.line_reservation{margin-bottom:25px;}
.line_reservation_banner{font-size:100%;text-align:left;}
.line_reservation_banner .lrb_inner i{display:none;}
.line_reservation_banner span{text-align:center;}
}

@media only screen and (min-width: 768px) {
.top_card25{width:30%;}
}

.oshirase01{margin-bottom:30px;}
.oshirase02{margin-bottom:10px;}
.oshirase_title{font-size:110%;font-weight:bold;color:#900;}
.oshirase_read{margin-bottom:10px;}

.oshirase_dl {
  display: flex;
  flex-wrap: wrap;
}
.oshirase_dl dt {
  width: 6em;
}
.oshirase_dl dd {
  width:calc(100% - 6em);
}
.kyouchou{text-decoration:underline;color:#900;}

@media only screen and (max-width: 767px) {
.oshirase_dl {display: block;}
}

@media only screen and (min-width: 768px) {
#oritatami_kawaguch_cal img{width:50%}
}