@charset "UTF-8";
/*******************************
 
shinsotsu Css
 
*******************************/
.btn{
	padding: 13px 10px;
}
/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 768px){
}
/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px){
}


/*-----------------------------
intro
-----------------------------*/
.intro{
	margin: 100px 0;
}
.intro .flex .item{width: 50%;}
.intro .flex .txt-area{padding-right: 80px;}
.intro .inner-block{margin-bottom: 60px;}


.contents{text-align: center;}
.underline-ttl{
	text-align: left;
	font-size: 20px;
	font-weight: 600;
	border-bottom: solid 2px #529da5;
	padding-bottom: 10px;
	margin-bottom: 40px;
}
.contents .contents-list{text-align: left;}
.contents .contents-list .ttl{
    width: 20%;
    margin-bottom: 30px;
}
.contents .contents-list .ttl span{
    display: inline-block;
	background-color: #529da5;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    border-radius: 20px;
    padding: 5px 10px;
	width: 100%;
}
.contents .contents-list .item{
    width: 80%;
	padding-left: 40px;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 1.8;
}
.important{
	color: #e92626;
    font-weight: 600;
    margin-bottom: 30px;
    display: inline-block;
}
.contents .contents-list .item .link-btn{
	display: inline-block;
    margin-top: 10px;
}
.align-center{
	-ms-flex-item-align: center;
	align-self: center;
}
/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 768px){
}

/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px){
	.intro{
		margin: 0;
	}
	.intro .flex .item {
		width: 100%;
		padding-right: 0;
	}
	.intro .flex .txt-area{margin-bottom: 10px;}
	.contents .contents-list .ttl {
		width: 40%;
    	margin-bottom: 10px;
	}
	.contents .contents-list .item{padding-left: 0;}
}