@charset "utf-8";

/* ==

　style
=============================================================================== */
#main .imgCap{
	font-size:108%;
	margin:10px 0 20px;
}
.reverse .col1{float:right;}
.reverse .col2{float:left;}


/* live
------------------------------------------------------------------------------- */
.anD .pcC{text-align:center;}
.anD .bnrBlock p.bnrJirei{
	border: 2px solid #7b6800;
	background:#ab9736;
} 
.anD .h4Block{
	background:#efefef;
	padding:20px;
}
.h4Block dt,
.h4Block dd{font-size:116%;}
.h4Block dd p{font-size:87.5%;}
.h4Block dl.lead{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom: 1px solid #ccc;
}
.h4Block dt{
	float:left;
	display:inline;
}
.h4Block dd{padding:0 0 0 11em;}
.h4Block .colImg dd{padding:0 0 0 11em;}

/* -------- other -------- */
#main .w657{
max-width:657px;
margin:0 auto;
}

@media only screen and (max-width: 600px) {	
	.h4Block dl.lead dt{
		width:100%;
		padding-bottom:10px;
		display:block;
		text-align:center;
	}
	.h4Block dl.lead dd{
		width:100%;
		padding:0;
	}
	.h4Block .colImg p{text-align:center;}
/* -------- other -------- */
}


/* goodidea
------------------------------------------------------------------------------- */
#main .bgBlock02{
	padding:20px;
	background:#fafdf4;
	margin-bottom:40px;
}
/* -------- other -------- */
#main .bgBlock02 .tit3{
  padding:15px 10px 10px;
  font-size:200%;
  color:#5ba339;
  font-weight:bold;
  text-align:center;
  background:#fff;
  border:1px solid #5ba339;
  border-bottom:3px solid #5ba339 !important;
  border-right:3px solid #5ba339;
}
#main .bgBlock02 .tit4{
  margin-bottom:15px;
  padding:15px 10px 10px;
  font-size:140%;
  background: linear-gradient(70deg, #5ba339, #fafdf4);
  color:#fff;
  text-shadow: 2px 3px 3px rgba(0,0,0,0.2);
  line-height:1;
  font-weight:normal;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"
}
#main .bgBlock02 .tit4::first-letter{
  font-size:160%;
}
#main .bgBlock02 .listCol{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;  
}
#main .tit4-2{
  margin-bottom:10px;
  font-weight:nomal;
  font-size:130%;
}
#main .tit4-2 span{
  font-size:140%;
  color:#5ba339;
}
#main .point{
  border: 1px dotted #5ba339;
  margin-bottom:10px;
  padding:20px 20px 0;
}
#main .point .tit3-2 {
  margin-left:-25px;
  display: inline-block;
  position: relative;
  height: 50px;
  line-height: 50px;
  text-align: center;
  padding: 0 40px 0 18px;
  font-size: 18px;
  background: #5ba339;
  color: #FFF;
  box-sizing: border-box;
}
#main .point .tit3-2:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}
#main .point .tit3-2:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
#main .point .tit4-3{
  font-size:130%;
  margin-bottom:10px;
  background:#deecd4;
  padding:5px 10px;
}
@media only screen and (max-width: 600px) {	
#main .bgBlock02{padding:10px;}
/* -------- other -------- */

#main .bgBlock02 .tit3{ font-size:170%;}
#main .tit4-2{text-align:center;}
#main .point{padding:10px;}
#main .point .tit3-2 {margin-left:-15px;}
}


/* column
------------------------------------------------------------------------------- */

#column h3.tit3{
    margin-bottom: 20px !important;
    padding: 15px 0 !important;
    border-top: 2px dashed #996cac !important;
    border-bottom: 2px dashed #996cac !important;
}
#column h4.tit4{
    margin-bottom:20px;
    color:#996cac;
    font-size:170%;
    border-bottom:1px dotted #996cac;
}
#column  .bgColor{
  padding:20px;
    background:#fbf1ff;
}
#column .pointC dt{
  margin-bottom:5px;
    color:#996cac;
    font-size:140%;
    font-weight:bold;
}
#column .pointC dt span{
  margin-right:5px;
  display:inline-block;
   background:#996cac;
   border-radius: 10px;
   line-height:18px;
   width:18px;
  height:18px;   
   color:#fff;
   text-align:center;
   font-size:12px;
   vertical-align: middle;
}
#column .pointC dd{
  margin-bottom:20px;
}
#column #knack{
  position:relative;
}
#column #knack h3{
  border-bottom:0 !important;
}
#column #knack .tit{
  position:absolute;
  top:-70px;
  left:0;
}
#column #knack h4{
  position:relative;
  color:#996cac;
  font-size:150%;
  margin-bottom:10px;
  padding:0 0 10px 80px;
  border-bottom:1px dotted #996cac;
  line-height: 1.4;
}
#column #knack h4 em{
  position:absolute;
  font-size:50px;
  left:0;
  top:1px;
  color:#e1d6e4;
  line-height: 1;
}
#column #knack h4 span{
display:block;
  font-size:86%;
  color:#996cac;
  line-height:1.4;
}
#column #knack .floatL{
  width:50%;
  margin:0 15px 15px 0;
}
#column #knack h4.imgTit{
  background:#996cac;
  color:#fff;
  padding:10px;
}
#column .endBox{
  font-size:140%;
  text-align:center;
  padding:20px 10px;
  font-weight:bold;
  border-top:2px solid #996cac;
  border-bottom:2px solid #996cac;
}
#column .endBox p{color:#996cac;}
@media only screen and (max-width: 600px) {	
  #column #knack .tit{
    width:70%;
    top:-40px;
  }
  #column #knack h4 span{display:inline;}
  #column.borderBlock01 .floatL{
    float:none;
    text-align:center;
    margin-bottom:10px;  
  }  
}