@charset "utf-8";
/* CSS Document */

/*
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
　BASE ~ AGENDA
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
*/

.column_wrap{margin:2em auto 0; padding:0 4%; box-sizing:border-box; line-height:2em;width:100%;max-width: 1024px;font-size: 1.2em;}

.column_wrap .txtbox{margin:1em 0 4em;}
.column_wrap .txtbox p{margin:0 0 2em;line-height:2em;color: #444;}
.column_wrap .banner{margin:2em auto; text-align:center;}
.column_wrap .banner img{width:100%;max-width:850px;}

.column_wrap .width10{width:10% !important;} .column_wrap .width20{width:20% !important;} .column_wrap .width30{width:30% !important;}
.column_wrap .width40{width:40% !important;} .column_wrap .width50{width:50% !important;} .column_wrap .width60{width:60% !important;}
.column_wrap .width70{width:70% !important;} .column_wrap .width80{width:80% !important;} .column_wrap .width90{width:90% !important;}
.column_wrap .width100{width:100% !important;} .column_wrap .width33{width:33.3% !important;}
.column_wrap .width25{width:25% !important;} .column_wrap .width35{width:35% !important;}
.column_wrap .width65{width:65% !important;} .column_wrap .width75{width:75% !important;} .wauto{width: auto!important;}


.column_wrap .mb0{margin-bottom:0 !important;} .column_wrap .mb1em{margin-bottom:1em!important;} .column_wrap .mb2em{margin-bottom:2em!important;}
.column_wrap .mt0{margin-top:0 !important;}
.column_wrap .pb0{padding-bottom:0 !important;} .column_wrap .pb1em{padding-bottom:1em!important;} .column_wrap .pb2em{padding-bottom:2em!important;}
.column_wrap .text_right{text-align:right!important;} .column_wrap .text_left{text-align:left!important;} .column_wrap .text_center{text-align:center!important;}

.column_wrap .txtbox p.mb0{margin-bottom:0 !important;}
.column_wrap .txtbox p.mb1em{margin-bottom:1em!important;} 
.column_wrap .txtbox p.mb2em{margin-bottom:2em!important;}
.column_wrap .txtbox p.mt0{margin-top:0 !important;}

.column_wrap .pageindex {
	max-width: 620px;
	margin:1.5em auto 6em;
	padding:1.5em 2.5em;
	background:#fff;
	border: 7px solid #ddd;
	list-style-type:none;
}
.column_wrap .pageindex p{
	font-size:1.5em; text-align: center;
	margin-bottom: 1em; color: #333;
}
.column_wrap .pageindex ol {counter-reset:item;	list-style-type:none; padding-left: 0;}
.column_wrap .pageindex ol li {list-style:none !important; padding: 0.4em 0;}
.column_wrap .pageindex ol li ol{padding-left:1em !important;}
.column_wrap .pageindex ol li:before{ counter-increment:item; content:counters(item, "-")". ";}
.column_wrap .pageindex ol li a {line-height:2em !important;}

.column_wrap a{color: #ee6d99;text-decoration:none;cursor:pointer;}

.column_wrap a:hover,
.column_wrap a img:hover{opacity:0.7; transition: .5s;}

.column_wrap .mauto{ margin-left: auto!important; margin-right: auto!important; }
.column_wrap .btn a{
	display: block;
	padding: 0.3em 2em;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	background: #ee6d99;
	box-shadow: 0 3px 0 #e15686;
}



/* 
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
　CONTENT
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
 */
 .column_wrap h2{color:#ee6d99;font-size: 2em;font-weight: bold;border-bottom: 5px solid #ffd1d1;display: inline;}

.column_wrap h3{position: relative;font-weight:bold;background: #ee6d99;box-shadow: 0px 0px 0px 5px #ee6d99;border: dashed 2px white;padding: 0.2em 1em;color: #fff;font-size: 1.3em;letter-spacing: 2px;}
.column_wrap h3:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #ee6d99;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.column_wrap h4{
	font-size: 1.3em;
	margin:0 0 1em;
	color:#444;
	font-weight:bold;
	position:relative;
	padding-bottom: .3em;
	letter-spacing: 1px;
}
.column_wrap h4:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #ee6d99, #ee6d99 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #ee6d99, #ee6d99 2px, #fff 2px, #fff 4px);
}


.column_wrap .txt_red{color: #ee6d99;}
.column_wrap .txt_bold{font-weight:bold;}
.column_wrap .txt_ul{text-decoration:underline;}
.column_wrap .txt_size_big{font-size:1.2em;}

.column_wrap .bg_red{background:#fff4f9 !important;}
.column_wrap .bg_blue{background:#edf8ff !important;}
.column_wrap .bg_green{background:#f5ffed !important;}
.column_wrap .bg_yellow{background:#fffef2 !important;}
.column_wrap .bg_violet{background:#fef4ff !important;}
.column_wrap .bg_orange{background:#fbf3e7 !important;}
.column_wrap .bg_stripe{
	background: -webkit-repeating-linear-gradient(-45deg, #ffffff, #ffffff 3px,#f5f5f5 3px, #f5f5f5 7px) !important;
	background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 3px,#f5f5f5 3px, #f5f5f5 7px) !important;
}


.column_wrap .borderbox {margin: 2em auto; padding:2em; border:1px solid #A0A0A0;}
.column_wrap .borderbox p:last-of-type, .column_wrap .borderbox li:last-of-type{margin-bottom:0 !important}


.column_wrap ul{list-style-type:none !important; padding:0; margin:0;}
.column_wrap ol{list-style-type:none !important; padding:0; margin:0;}
.column_wrap .txtbox li{list-style: none;}
.column_wrap .list_dot li{list-style: inside circle !important; padding:0; }
.column_wrap .list_num li{list-style: inside decimal !important; padding:0; }

.column_wrap .listTab table{margin:2em auto; border:1px solid #595959; border-collapse:collapse;}
.column_wrap .listTab table th{border:1px solid #A0A0A0;padding:1em;background: #ee6d99;text-align: center;color: #fff;font-weight: bold;}
.column_wrap .listTab table td{padding:1em; background:#fff; border:1px solid #A0A0A0;}
.column_wrap .txtbox .va_m{ vertical-align: middle!important; }

.column_wrap .clm_box{
	display: flex; flex-wrap: wrap; align-items: center;
	flex-direction: row; justify-content: space-between;
}
.column_wrap .clm_box.vtop{
	align-items: flex-start;
}

.column_wrap .clm_box.clm2 > *{	width: 48%; }
.column_wrap .clm_box.clm3 > *{	width: 30%; }
.column_wrap .clm_box.clm4 > *{	width: 22%; }


.column_wrap .bq{
	margin:2em auto;
	padding:2em;
	background: #f9f9f9;
	border-left: 8px solid #ee6d99;
}
.column_wrap blockquote{margin:0 !important; word-break:break-all;}
.column_wrap q{
	background: #fde3e3;
	padding:0.2em;
}
.column_wrap q::before,
.column_wrap q::after{
	content: "";
}




/* 
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
　RESPONSIVE
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
*/
 
@media only screen and (min-width: 601px) {
.column_wrap .pcnone{ display:none !important; }
.column_wrap .spnone{ display:block !important; }
}

@media only screen and (max-width:600px) {
.column_wrap .pcnone{ display:block !important; }
.column_wrap .spnone{ display:none !important; }
.column_wrap .banner img{width:100%;}
.column_wrap .listTab table{width:100%; word-break:break-all;}

.column_wrap .bq,.column_wrap .borderbox{ padding: 1em; }
.column_wrap .pageindex{ padding:1.5em 1em; }
.column_wrap h2{font-size:1.7em;line-height:1.7em;}
.column_wrap .clm_box.clm4 > *{	width: 48%; }
.column_wrap .clm_box.spclm1{ display: block;}
.column_wrap .clm_box.spclm1 > *{ width: 100%!important;}

}