@charset "utf-8";
/*=============================================================
Common Layout
=============================================================*/
#manazashi p ,#manazashi dd{font-size:18px; letter-spacing:0.08em;}
/* #manazashi p{ text-align: center;} */
/* mobile */
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
/* #manazashi dl dt dd{ text-align: left; text-align: justify; } */
#manazashi dl dt dd{ text-align: left;}
}


/* #ttlArea
---------------------------------------------------*/



/* #topicPath
---------------------------------------------------*/
#topicPath li,
#topicPath li a{
}



/* box
-------------------------------------------------------------*/
.box_or{
background-color: #FEF4EB;
padding: 0 20px 16px ;
border-radius: 15px;
border: 2px solid #FDD8B7;
}
.box_grn{
background-color: #EEF8EC;
padding: 0 20px 16px ;
border-radius: 15px;
border: 2px solid #CCE6C5;
}
.boxRoundT{
padding:10px ;
position: relative;
background-color:rgba(0,0,0,0);
max-width: 720px;
}

/* mobile */
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
}


/* back
---------------------------------------------------*/
#manazashi{
background-image: url(/workshop/img/mnzs_bg_gr.jpg);
background-repeat:repeat;
background-size: 188px 178px;
background-color:#EEF4EE;
padding-bottom: 0;
}

#mnzs_title{ background-color:rgba(255,255,255,0.7); }
#mnzs_about{ background-color:rgba(255,236,225,0.7); }
#mnzs_member{ background-color:rgba(255,255,255,0.7); }
#mnzs_report{ background-color:rgba(234,249,251,0.7); }
/* #mnzs_info{ background-color:rgba(242,237,251,0.7); } */
#mnzs_info{ background-color:rgba(255,240,245,0.7); }
#mnzs_act{ background-color:rgba(252,254,226,0.7); }
#mnzs_ato{ background-color:rgba(231,251,231,0.7); margin-bottom: 0; }



/* Heading
---------------------------------------------------*/
h2.title{
max-width: 960px;
width: 100%;
display: block;
margin:0 auto 50px;
}
h3{
margin-bottom: 30px;
text-align: center;
}
h3 img{
width: 65%;
max-width: 730px;
}
h4{ font-size: 2em; text-align: center; }
h4.msg{
background-color: #CCE6C5;
border-radius: 25px;
font-size: 1.8em;
position: relative;
top:-16px;
display: inline-block;
padding: 2px 2em;
margin-bottom: 0;
}

/* mobile */
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
h3 img{
width: 100%;
max-width: 730px;
}
h4.msg{
padding: 2px 1em;

}
}



/* text
-------------------------------------------------------------*/
.plt{font-feature-settings: "palt";}
.ddp{ display: none;}



/* title
-------------------------------------------------------------*/
#mnzs_title .boxContents{padding-top: 32px;}

/* mobile */
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
#mnzs_ato h3 img{
width: 100%;
max-width: 600px;
}
}


/*=============================================================
Contents
=============================================================*/

/* info
-------------------------------------------------------------*/

ul.news{
padding: 0;
position: relative;
}


ul.news dl dt{
font-size:95%;
color:#533036;
padding: 0;
position: relative;
}
ul.news dl dt::before{
content: "◆";
color: #FD9BAB;
font-size: 120%;
position: relative;
}

ul.news dl dd{
margin:0 0 1em;
line-height:1.53;
letter-spacing:0.05em;
}

/* member
-------------------------------------------------------------*/
.flex{
display: flex;
width: 100%;
gap:32px;
justify-content: center;
margin-left: 16px;
margin-bottom: 3.5em;
}
.item1{ flex:1.1; }
.item2{ flex:0.9; }
.item3{ flex:1.6; }
.item4{ flex:0.4; }
figcaption{
font-size: 1.1em;
text-align: center;
}
#mnzs_member dl {width: 100%;}
#mnzs_member dt{
font-size: 1.2em;
font-weight: bold;
margin-bottom: 0;
padding-bottom: 0;
line-height: 1;
}
#mnzs_member dd{
font-size: 1.4em;
font-weight: bold;
margin-bottom: 1em;
line-height: 1.3;
margin-top: 0;
padding-top: 0;
}
#mnzs_member dl>dd>span{
font-size: 0.7em;
font-weight: normal;
margin-bottom: 0;
padding-bottom: 0;
line-height: 1.2;
letter-spacing: 1;
}
#mnzs_member li.cl2{ display: flex; }
#mnzs_member li.cl2 div{ flex: 1; }

/* mobile */
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
.flex{
flex-direction:column;
margin:2em 0 1em;
}
.item1{ flex:1; }
.item2{ flex:1; margin-bottom: 2em; }
.newsPh img{ width: 100%;}
.newsPh figure { margin-left:0; margin-bottom: 1em;}

figcaption{
font-size: 1.1em;
text-align: center;
margin-bottom: 1em;
}
#mnzs_member li.cl2{
display: flex;
width: 100%;
margin-left: 0;
}
#mnzs_member dl>dd>span{
letter-spacing: 0.1em;
}
#mnzs_member li.cl2 div{ flex: 1.1; }
#mnzs_member li.cl2 div.sp{ flex: 0.9; }
}


/* act
-------------------------------------------------------------*/

ul.act{
display: flex;
flex-wrap: wrap;
justify-content:flex-start;
}

ul.act li{
padding: 16px;
background-color:rgba(255,255,255,0.9);
margin: 16px 10px;
flex: 40%;
}
ul.act li:last-child{
background-color:rgba(255,255,255,0.9);
flex-grow:0.09;
}

ul.act dl dt {
color:#533036;
padding: 0;
border-bottom: 1px dashed #533036;
margin: 8px 0;
font-size:18px;
font-weight:bold;
}

.act_date{
font-size:80%;
font-feature-settings: "palt";
margin-right: 1em;
}

/* mobile */
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
.boxContents{ padding-right:10; padding-left:10;}
ul.act li:last-child{
flex-grow:1;
}
}



/* Ato
-------------------------------------------------------------*/
#mnzs_ato .boxRound{ margin-top: 1em;}
#mnzs_ato dl {
display: flex;
margin-top: 2em;
flex-wrap: wrap;
width: 100%;
gap:50px 20px;
font-size: 1.2em;
}
#mnzs_ato dl dt{
width: 110px;
}
#mnzs_ato dl dd{
width: calc(100% - 180px);
/*  border: 5px solid #7DD85C; */
border: 2px solid #085212;
border-radius: 10px;
padding: 10px;
position: relative;
background-image: url(/workshop/img/mnzs_bg_dlg.png);
background-repeat:repeat;
background-size: 33px 33px;
background-color:#EEF4EE;
line-height: 1.82;
box-sizing: border-box;
}
#mnzs_ato dl dt img{
max-width: 104px;
}
#mnzs_ato h4 img{
margin-top: 1em;
width: 100%;
max-width: 720px;
text-align: center;
}

#mnzs_ato dl dd:after, #mnzs_ato dl dd:before {
right: 100%;
top: 20%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
#mnzs_ato dl dd:after {
/* border-color: rgba(255, 255, 255, 0); */
border-color: rgba(246, 250, 249, 0);
border-right-color: #f6faf9;
border-width: 12px;
margin-top: -12px;
}
#mnzs_ato dl dd:before {
/* border-color: rgba(119, 214, 243, 0); */
border-color: rgba(8, 82, 18, 0);
border-right-color: #085212;
border-width: 15px;
margin-top: -15px;
}

#mnzs_ato dl.waku2 dd{
border: none;
border-radius: 20px;
color: #564641;
padding: 10px;
position: relative;
background-image:none;
background-color:rgba(255, 232, 232, 0.6);
border: 2px dashed #DB9D9E;
line-height: 1.82;
box-sizing: border-box;
}

#mnzs_ato dl.waku2 dd:after, #mnzs_ato dl.waku2 dd:before {
border: none;
position: absolute;
}
#mnzs_ato dl.waku2 dd:before {  
  content: "";
  position: absolute;
  left: -38px;
  width: 20px;
  height: 18px;
  top: 50px;
  background: rgba(255, 232, 232, 1);
  border-radius: 50%;
  }
#mnzs_ato dl.waku2 dd:after {
  left: -18px;
  width: 13px;
  height: 10px;
  bottom: 0;
  background: rgba(255, 232, 232, 1);
  border-radius: 50%;
}
.ul_pdf{
margin-bottom: 0.5em;
margin-left: 1em;
list-style: none;
}
.ul_pdf li:before{
content:url(/workshop/img/mnzs_i_book.png);
display:inline-block;
width:38px;
height:auto;
position:relative;
top:8px;
left:0;
}
ul.ul_shina{
display:inline-block;
padding:16px;
font-size:18px;
line-height: 1.82;
}
ul.ul_shina li{
list-style-type: square;
text-align:left;

}
.fuchi{
background-color:#564641;
border-radius: 5px;
color: #fff;
padding: 5px;
}
.next {
border-top:1px solid #635F5B;
border-bottom: 1px solid #635F5B;
padding: 30px 5px;
margin-top: 100px;
text-align: center;
}

.ato_index{
color: #635F5B;
text-indent: 1em;
display: inline;
font-size:16px;
}

.ato_index li{
border-bottom: 1px dashed #635F5B;
padding: 1em 0 1.5em;
}

.ato_index li:last-child{
border-bottom:none;
}


/* mobile */
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
#mnzs_ato dl {
flex-direction:column;
margin:2em 0 0;
gap:10px 10px;
}
#mnzs_ato dl dt{
width: 100%;
text-align: center;
margin: 0;
}
#mnzs_ato dl dd{
width: 100%;
text-align: left;
margin-top: 0.5em;
margin-bottom: 2.5em;
line-height: 1.82;
}

#mnzs_ato dl dd:after, #mnzs_ato dl dd:before {
	top: -15px;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#mnzs_ato dl dd:after {
	border-color: rgba(246, 250, 249, 0);
	border-bottom-color: #f6faf9;
	border-width: 15px;
	margin-left: -15px;
    }
#mnzs_ato dl dd:before {
	border-color: rgba(8, 82, 18, 0);
	border-bottom-color: #085212;
	border-width: 15px;
	margin-left: -15px;
}
.next {
margin-top:0;
}
}