/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 29 2021 | 23:38:59 */
/*共通*/
.content_element {
  /*    border:1px solid #cccccc;*/
    font-family: 'Noto Sans JP', sans-serif;
	position: relative;
    padding-top:20px;
    padding-left:20px;
	box-shadow: 0 0 3px 0 rgba(0,0,0,.12), 0 2px 3px 0 rgba(0,0,0,.22);
	transition: .3s;

  
}

.content_element:hover {
	box-shadow: 0 15px 30px -5px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.1);
	transform: translateY(-4px);
}
.content_logo{
  text-align:center; 
  padding-top:10px;
  padding-right:20px;
  padding-bottom:10px;
}
.content_sentence{
  margin-right:20px;
  margin-bottom:30px;
  font-size:1em;  
  width:90%;
 /* border:solid 1px;*/
}
.content_element .img_more {
  position: absolute;
  right: 0;
  bottom: 0;
}
.content_mark{
  display:inline-block;
      font-size: 1.2em;
    font-weight:bold;
    border:solid 1px;
   padding:5px 5px 5px 5px;
}
.content_mark.yellow{
	color:#dcc632;
   border-color:#dcc632;  
}
.content_mark.blue{
	color:#619be5;
   border-color:#619be5;  
}
.content_mark.green{
	color:#3ac99b;
   border-color:#3ac99b;  
}
.content_mark.gray{
	color:#818181;
   border-color:#818181;  
}
.content_title{
  margin-top:10px;
  margin-bottom:10px;
  text-align:center;
  
}
.content_title.Large{
	    font-size:2em; 
        font-weight:bold;
}
.content_title.middle{
	    font-size:1.5em;  
        font-weight:bold;
}
.content_title.small{
	    font-size:1.1em;  
}
.blue{
	color:#619be5;  
}
.yellow{
	color:#dcc632;
}
.green{
	color:#3ac99b;  
}
.gray{
	color:#818181;
}
h2.sub_sub_title{
	font-family: 'Noto Sans JP', sans-serif;
  	font-size:1.3em;
  	font-weight:bold;
     padding: 1rem 2rem;
	border-left: 6px dotted #336699;
    border-radius:0px 10px 10px 0px;
	background: #619be5;
  color:#FFF;
} 
.sub_sub_title{
	font-family: 'Noto Sans JP', sans-serif;
  	font-size:1.3em;
  	font-weight:bold;
     padding: 1rem 2rem;
	border-left: 6px dotted #336699;
    border-radius:0px 10px 10px 0px;
	background: #619be5;
  color:#FFF;
}

.sub_m{
	font-family: 'Noto Sans JP', sans-serif;
  	font-size:1.2em;
  	font-weight:bold;
  position: relative;
  padding: 1em 0;
}

.sub_m:after{
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(97, 115, 229), transparent);
  background: linear-gradient(to right, rgb(97, 115, 229), transparent);
}

.text_s{
  	font-size:0.8em;

}
/*スマホ*/
@media screen and (min-width:360px) { 
  .content_element {
    	width:90vw;
    	margin-top:10px;
    	padding:10px;
  }
  .content_title{
    	font-size:0.9em;
  }
 .content_title.Large{
	    font-size:1.2em; 
        font-weight:bold;
}
.content_title.middle{
	    font-size:1em;  
        font-weight:bold;
}

  .wrapper{
    display: block;
  }

}
/*タブレット*/
@media screen and (min-width:768px) and ( max-width:1024px) {
  .content_element {
    	width:48%;
  }
  .wrapper{
    display: flex;
  }
  
}
/*PC*/
@media screen and (min-width:1024px) {
  .content_element {
    	width:48%;
  }
  .wrapper{
    display: flex;
  }

}