@charset "utf-8";


.mb0{
	margin-bottom: 0 !important;
}

.mb1{
	margin-bottom: 1em !important;
}

.mb2{
	margin-bottom: 2em !important;
}

.mb3{
	margin-bottom: 3em !important;
}

.mb4{
	margin-bottom: 4em !important;
}

.mb5{
	margin-bottom: 5em !important;
}

.rmb{
	margin-bottom: 9vw !important;
}

.mt1{
	margin-top: 1em !important;
}

.mt2{
	margin-top: 2em !important;
}

.mt3{
	margin-top: 3em !important;
}

.mt4{
	margin-top: 4em !important;
}

.mt5{
	margin-top: 5em !important;
}

.pt0{
	padding-top: 0 !important;
}

.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}


.blog-box{
	display: flex;
	flex-wrap: wrap;
}

.blog-thumnail img{
	width: 100%;
  transition:.5s all;
}
.blog-thumnail{
	width: 200px;
	min-width: 200px;
	margin-right: 16px;
	overflow: hidden;
}


.blog-date{
	font-size: 14px;
	color: #378CE7;
}
.blog-title{
	text-align: left;
	font-size: 18px;	
}


.blog-text{
	width: calc(100% - 216px);
}

.blog-list li{
	padding-bottom: 2em;
	margin-bottom: 2em;
	border-bottom: 1px solid #378CE7;
}

.blog-list li a:hover img{
	transform:scale(1.2,1.2);
  transition:.5s all;
}

.blog-list li a:hover{
	text-decoration: none;
}

.blog-list li a:hover .blog-title{
	text-decoration: underline;
	color: #378CE7;
}


@media screen and (max-width: 768px) {
	.blog-thumnail{
		width: 150px;
		min-width: 150px;
	}
	
	.blog-title-box{
		width: calc(100% - 166px);
		
	}
	.blog-text{
	  display: contents;
		
	}
	.blog-excerpt{
		width: 100%;		
	}
	
}

.wp-editor{
		font-family: 'Noto Sans JP', sans-serif;
  position: relative;
  font-size: 16px;
  font-weight: 400;
  color: #545454;

}

.wp-editor h2,
.page-single  h2{
	padding: 0 0 10px;
	margin-bottom: 1em;
	font-size: 24px;
	position: relative;
}

.wp-editor h2:after,
.page-single h2:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-image: repeating-linear-gradient(90deg, #378CE7 0, #378CE7 8px, rgba(0,0,0,0) 8px, rgba(0,0,0,0) 11px);

}

.wp-editor h3,
.page-single h3{
	font-size: 20px;
  position: relative;
  padding: .5em .8em;
  background: -webkit-linear-gradient(to right, rgba(115, 155, 255, 1), transparent);
  background: linear-gradient(to right, transparent, rgba(115, 155, 255, 1) 0%);
  color: #FFFFFF;
	margin-bottom: 16px;
	text-align: left;
	border-radius: 4px;
	overflow: hidden;	
}

.wp-editor h4,
.page-single h4{
  padding: .5em .8em;
  color: #494949;
  background: #f4fbff;
  border-left: solid 8px #378CE7;
	margin-bottom: 1em;
	border-radius: 4px;
	overflow: hidden;	
	font-size: 18px;
	
	
}

.wp-editor h5,
.page-single h5{
  color: #494949;
  padding: .5em .8em;
  border-top: solid 3px #378CE7;
  border-bottom: solid 3px #378CE7;
	font-size: 16px;
	margin-bottom: 1em;
}

.wp-editor p,
.page-single p{
	margin-bottom: 1em;
}

.wp-editor ol,
.page-single ol,
.wp-editor ul,
.page-single ul{
	margin-bottom: 1em;
}

.wp-editor ol li,
.page-single ol li,
.wp-editor ol,
.page-single ol{
	list-style: decimal;
}

.wp-editor ul li,
.page-single ul li,
.wp-editor ul,
.page-single ul{
	list-style: disc;
}


.wp-editor ul,
.page-single ul,
.wp-editor ol,
.page-single ol{
	padding-left: 2em;
}


.wp-editor a.btn,
.page-single a.btn3,
.page-single a.btn2,
.page-single a.btn{
	display: inline-block;
	text-decoration: none !important;
	position: relative;
	line-height: 1.5em;
	padding: .8em 1em;
	text-align: center;
	font-size: 16px;
	border-radius: 32px;
	border: 1px solid #378CE7;
	background-color: #378CE7;
	color: #FFFFFF;
	font-weight: 500;
	transition: background-color .3s,color .3s;
}

.wp-editor a.btn:hover,
.page-single a.btn:hover{
	background-color: #FFF;
	color: #378CE7;
}

.wp-editor a.btn3,
.wp-editor a.btn2,
.page-single a.btn3,
.page-single a.btn2{
	width: 12em;
	line-height: 1em;
	padding: .8em 1em;
	
}

.wp-editor a.btn3,
.page-single a.btn3{
	background-color: #ff0d66;
  color: #FFF;
  border: 1px solid #ff0d66;
}


.btn3 span:after,
.btn2 span:after{
	content: '\f105';
	display: inline-block;
	font-family: FontAwesome;
	position: absolute;
	top: calc(50% - .5em);
  right: 1em;
	font-weight: normal;
	font-size: inherit;
	text-rendering: auto;
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



.w100{
	width: 100% !important;
}

.wp-editor .img,
.page-single .img{
	border: 1px solid #b7b7b7 !important;
	max-width: 512px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin: 0.5em 1em 0.5em 0;
}

.alignright {
	float: right;
	margin: 0.5em 0 0.5em 1em;
}
.page-single{
	padding-top: 20px;
}


.ymark {
  background: linear-gradient(transparent 60%, #fff494 0%);
  font-weight: bold;
}

.bmark {
  background: linear-gradient(transparent 60%, #aae0ff 0%);
  font-weight: bold;
}


.rmark {
  background: linear-gradient(transparent 60%, #ffb9d6 0%);
  font-weight: bold;
}

.blog-link-list{
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: top

}

.blog-link-list:after {
  content: "";
  display: block;
	width: calc(25% - 8px);
  height: 0;
}

.blog-link-list:before {
  content: "";
  display: block;
	width: calc(25% - 8px);
  height: 0;
  order: 1;
}

.blog-link-list .blog-link-box{
   width: calc(25% - 8px);
	 margin-bottom: 16px;
	 border: 1px solid #378CE7;
	 border-radius: 16px;
	 overflow: hidden;
}

.blog-topics-list p,
.blog-link-list p{
	font-size: 12px;
	margin-bottom: 0;
	text-align: left;
}

.blog-topics-list .blog-topics-box img,
.blog-link-list .blog-link-box img{
	width: 100%;
	object-fit: cover;
  transition:.5s all;
}

.blog-topics-list{
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: top;
    text-align: left;
}

.blog-topics-list:after {
  content: "";
  display: block;
	width: calc(33% - 8px);
  height: 0;
}



.blog-topics-list .blog-topics-box{
	width: calc(33% - 8px);
	background-color: #f8ffff;
	margin-bottom: 16px;
	position: relative;
	border: 1px solid #378CE7;
	border-radius: 16px;
}

.blog-topics-list p{
	font-size: 16px;
}

.blog-topics-list .blog-excerpt{
	font-size: 14px;
	padding: 10px;
}

.blog-topics-list .blog-title{
	font-size: 18px;
	padding: 10px;
}

.blog-topics-list .blog-date{
	position: absolute;
	top:10px;
	left: -10px;
	z-index: 2;
	background-color: #FFF;
	padding: 0 .5em;
	transform:rotate(-30deg);
}

.blog-topics-list .img-box{
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	overflow: hidden;
}


.blog-topics-list .blog-topics-box img{
	width: 100%;
	object-fit: cover;
	height: 200px;
}
.blog-link-list .img-box,
.blog-topics-list .img-box{
	overflow: hidden;
}
.blog-link-list .blog-link-box a:hover img,
.blog-topics-list .blog-topics-box a:hover img{
	transform:scale(1.2,1.2);
  transition:.5s all;
}
.blog-link-list .blog-link-box a:hover,
.blog-topics-list .blog-topics-box a:hover{
	text-decoration: none;
}

.blog-topics-list .blog-topics-box a:hover .blog-title,
.blog-link-list .blog-link-box a:hover .blog-title{
	text-decoration: underline;
	color: #378CE7;
}


.blog-link-list h4{
  padding:10px 10px 0 10px;
  color: #494949;
  background: none;
  border: none;
	margin-bottom: none;
	border-radius: none;
	overflow: hidden;	
	font-size: 14px;
	
	
}

@media screen and (max-width: 768px) {
	
	.blog-link-list:after {
	  content: "";
	  display: block;
		width: calc(50% - 8px);
	  height: 0;
	}
	
	.blog-link-list:before {
	  content: "";
	  display: block;
		width: calc(50% - 8px);
	  height: 0;
	  order: 1;
	}
	
	.blog-link-list .blog-link-box{
	   width: calc(50% - 8px);
	}

	.blog-topics-list .blog-topics-box{
		width: 100%;
	}
	.blog-topics-list a{
		display: flex;
		flex-wrap: wrap;
	}
	.blog-topics-list .img-box{
		width: 180px;
		height: 140px;
		margin-right: 10px;
	}
	.blog-topics-list .title-box{
		width: calc(100% - 190px);
	}
	.blog-topics-list .blog-excerpt{
		width: 100%;
	
	}	
	
	.blog-topics-list .blog-topics-box img{
		height: auto;
	}
	.blog-topics-list .img-box{
		border-top-right-radius: 0;
	}

}