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

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

.column_wrap{margin:0; padding:0; box-sizing:border-box; line-height:2em;}

.column_wrap .txtbox{margin:1em 0 3em; padding: 0.5em;}
.column_wrap .txtbox p{font-weight: 500!important; margin:0 0 2em!important; line-height:2em;}
.column_wrap .clm_img{margin:2em auto; text-align:center;}
.column_wrap .clm_img img{width:100%;}

.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 .txtbox .mb0{margin-bottom:0 !important;} .column_wrap .txtbox .mb1em{margin-bottom:1em!important;} .column_wrap .txtbox .mb2em{margin-bottom:2em!important;}
.column_wrap .txtbox .mb3em{margin-bottom:3em!important;}.column_wrap .txtbox .mt0{margin-top:0 !important;} .column_wrap .txtbox .mt1em{margin-top:1em !important;}
.column_wrap .txtbox .mt2em{margin-top:2em !important;}
.column_wrap .txtbox .pb0{padding-bottom:0 !important;} .column_wrap .txtbox .pb1em{padding-bottom:1em!important;} .column_wrap .txtbox .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 a{	color:#f5a22e!important; 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 .btn1 a{
	display: block; padding: 0.8em 2em; text-align: center; text-decoration: none;
	color: #fff!important; border-radius: 100px; font-weight: bold;
	background: #e7124d; box-shadow: 0 3px 0 #B30E3D;
}
.column_wrap .btn2 a{
	display: block; padding: 0.8em 2em; text-align: center; text-decoration: none;
	color: #fff!important; border-radius: 100px; font-weight: bold;
	background: #f5a22e; box-shadow: 0 3px 0 #E3860B;
}
.column_wrap .btn3{
	display: block; 
	margin: 0 auto;
	border-radius: 100px;
	background: #feb953;
	box-shadow: 0 3px 0 #d5a752;
}
.column_wrap .btn3 a{
	display: block;
	padding: 0.8em 2em;
	text-align: center;
	text-decoration: none;
	color: #fff!important;
	font-weight: bold;
}
.column_wrap .btn4{
	display: block; 
	margin: 0 auto;
	border-radius: 100px;
	background: #d47fd6;
	box-shadow: 0 3px 0 #ac66ad;
}
.column_wrap .btn4 a{
	display: block;
	padding: 0.8em 2em;
	text-align: center;
	text-decoration: none;
	color: #fff!important;
	font-weight: bold;
}

/* 
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
　CONTENT
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
 */


.column_wrap h2{
	display: block;
	line-height:1.6em; margin:2em 0 1em; letter-spacing:0.02em;
	font-size:1.6em;
	font-weight:bold;
	background: #ada1d3;
	color: #fff;
	border-radius: 5px;
	padding: 0.7em;
}
.column_wrap h3{
	font-size:1.4em; line-height:1.6em;
	color: #ada1d3;
	margin:0 0 1em;
	font-weight: bold;
	border-left: 4px solid #ada1d3;
	padding: 0 10px;
}
.column_wrap h4{font-size:1.2em;}

.column_wrap .txt_red{color:#e7124d!important;}
.column_wrap .txt_violet{color:#8577af!important;}
.column_wrap .txt_bold{font-weight:bold;}
.column_wrap .txt_ul{text-decoration:underline;}
.column_wrap .txt_size_big{font-size:1.2em; font-weight:bold;}

.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: 0 auto 2em; padding:2em; background: #f9e6ec; color: #2c2c2f;}
.column_wrap .borderbox p:last-child, .column_wrap .borderbox li:last-child {margin-bottom:0 !important}


.column_wrap ul{list-style-type:none !important; background: none !important; text-indent:-1em!important; padding-left:1em!important; margin:0!important;}
.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 disc !important; padding:0;}
.column_wrap .list_num li{list-style: inside decimal !important; padding:0;}

.column_wrap .listTab table{margin:0 auto 2em; border:1px solid #ccc; border-collapse:collapse;}
.column_wrap .listTab table th{border:1px solid #ccc; padding:1em; background:#f5a22e; text-align: center;vertical-align:middle; color: #fff; font-weight: bold;}
.column_wrap .listTab table td{padding:1em; background:#fff; border:1px solid #ccc; vertical-align:middle; font-weight: 500;}
.column_wrap .listTab table td p:last-child ,.column_wrap .listTab table td li:last-child { margin-bottom: 0!important;}
.column_wrap .txtbox .va_m{ vertical-align: middle!important; }

.column_wrap .clm_box{
	display: flex; flex-wrap: wrap;
	flex-direction: row; justify-content: space-evenly;
}
.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 0; padding:2em;
	background:#efedf5;
	border-left:8px solid #6DB6C7; 
}
.column_wrap blockquote{margin:0 !important; padding:0 !important;  word-break:break-all;}
.column_wrap q{
	background:#eee; 
	padding:0.2em;
}
.column_wrap q::before,
.column_wrap q::after{
	content: "";
}

.column_wrap a[rel~='nofollow'] {outline: none!important; }
.column_wrap cite a{font-weight: inherit!important;}

.column_wrap .blog_card a {
	display: flex;
	padding: 4% 2%;
	box-shadow: 0 0 5px #ccc;
	border-radius: 10px;
	align-items: center;
	position: relative;
	margin-bottom: 2em;
}

.column_wrap .blog_card a img {
	max-width: 250px;
	margin-right: 25px;
}

.column_wrap .blog_card a:after {
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	font-weight: 900;
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 2em;
	color: #ccc;
}

.column_wrap .blog_card a:before {
	content: '関連記事';
	position: absolute;
	right: 15px;
	top: 15px;
	background: #ada1d3;
	color: #fff;
	padding: 0 10px;
	font-size: 1em;
}


/* 
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
　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 .txtbox{padding: 0.5em 0;}
.column_wrap .clm_img img{width:100%;}
.column_wrap h2{font-size: 1.4em;}
.column_wrap h3{font-size: 1.3em;}
.column_wrap .txt_size_big{font-size:1.15em;}


.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 .clm_box.clm4 > *{	width: 48%; }
.column_wrap .clm_box.spclm1{ display: block;}
.column_wrap .clm_box.spclm1 > *{ width: 100%!important;}

.column_wrap .blog_card a {
	flex-wrap: wrap;
	padding: 10px 10px 1em;
}
.column_wrap .blog_card a:before {
	left: 10px;
	right: inherit;
	top: 10px;
}
.column_wrap .blog_card a img {
	width: 100%;
	max-width: inherit;
	margin: 0 0 1em 0;
}
.column_wrap .blog_card a:after {display: none;}

.column_wrap .table-scroll {
  overflow-x: scroll;
}
.column_wrap table {
  width: 100%;
  white-space: nowrap;
}


}