@charset "utf-8";



.and_merit{
    border: 2px solid #B8ECFF;
    padding: 1rem 1.5rem 1.5rem 1.5rem;
    margin-top: 2rem;
}
.and_merit .merit_title{
	color:#009bd6;
	font-weight: bold;
	font-size: 1.5rem;
	padding-left: 2.5rem;
	margin-top: 1rem;
	background-image: url("../img/flower.png");
	background-repeat: no-repeat;
	background-position: 0 0;
}
.and_merit p{
	padding-left: 2.5rem;
}
.num01{
    background-image: url("../img/num1.png");
    background-repeat: no-repeat;
    background-position:left 2.3rem;
    background-size:auto 90px;
    padding: 2rem 0 2rem 5rem;
    border-top: 3px solid #C9E5F0;
	text-align: left;
}
.num02{
    background-image: url("../img/num2.png");
    background-repeat: no-repeat;
    background-position:left 2.3rem;
    background-size:auto 90px;
    padding: 2rem 0 2rem 5rem;
    border-top: 3px solid #C9E5F0;
	text-align: left;
}
.num03{
    background-image: url("../img/num3.png");
    background-repeat: no-repeat;
    background-position:left 2.3rem;
    background-size:auto 90px;
    padding: 2rem 0 2rem 5rem;
    border-top: 3px solid #C9E5F0;
	text-align: left;
}
.num04{
    background-image: url("../img/num4.png");
    background-repeat: no-repeat;
    background-position:left 2.3rem;
    background-size:auto 90px;
    padding: 2rem 0 2rem 5rem;
    border-top: 3px solid #C9E5F0;
	text-align: left;
}
.num05{
    background-image: url("../img/num5.png");
    background-repeat: no-repeat;
    background-position:left 2.3rem;
    background-size:auto 90px;
    padding: 2rem 0 2rem 5rem;
    border-top: 3px solid #C9E5F0;
	text-align: left;
}
.num06{
    background-image: url("../img/num6.png");
    background-repeat: no-repeat;
    background-position:left 2.3rem;
    background-size:auto 90px;
    padding: 2rem 0 2rem 5rem;
    border-top: 3px solid #C9E5F0;
	text-align: left;
}
.num07{
    background-image: url("../img/num7.png");
    background-repeat: no-repeat;
    background-position:left 2.3rem;
    background-size:auto 90px;
    padding: 2rem 0 2rem 5rem;
    border-top: 3px solid #C9E5F0;
	text-align: left;
}

.num_title{
	color: #009bd6;
	font-weight: bold;
	text-align: left;
	font-size: 2.5rem;
	line-height: 130%;
	margin-bottom: 3rem;
}
.num_title02{
	color: #009bd6;
	font-weight: bold;
	text-align: left;
	font-size: 2.5rem;
	line-height: 250%;
	margin-bottom: 1rem;
}
.jichitai_hyoka{
	margin: 2rem 0;
}
.jichitai_hyoka .hyoka_title{
    font-weight: bold;
    font-size: 1.2rem;
    color: #425483;
    border: 2px solid #425483;
    padding: 0.1rem 1rem;
    display: inline-block;
    margin-bottom: 1rem;
    border-radius: 0.8rem;
}
.jichitai_hyoka li{
	color: #425483;
	padding-bottom: 0.5rem;
	font-weight: bold;
	text-indent:-1em;
	margin-left:1em;
	line-height: 150%;
	font-size: 1.2rem;
	padding-left: 1rem;
}









.catch_phrase_service01{
	font-size: 21px;
	margin: 20px 0px 30px 0px;
	color: #333;
	font-weight: 400;
    letter-spacing: .011em;
}


.cd-scrolling-bg__content h2 {
	color: #333;
	font-size: 3.6rem;
	margin: 0px 0px 20px 0px;
	line-height: 140% !important;
}

.sansyarenkei{background-color: #fff; text-align: center; border-radius: 10px;padding-bottom: 0.5rem;}

.sansyarenkei img {vertical-align: middle;}

#hero_top1 .note{text-align: right; margin: 1rem 2rem 2rem 0;font-size: 1rem;}

.cd-scrolling-bg__content .descri{font-weight: bold; font-size: 1.2rem;}






/*ここからタブレット用（1000px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media only screen and (max-width: 1000px) {	
	#hero_top1 .note{font-size: 0.8rem;}
	.num_title02 {line-height: 130%;}
}



/*ここからタブレット用（481px～800px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:481px) and (max-width:800px){



}



/*ここからスマートフォン用（640px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 640px) {
	
	.num01,.num02,.num03,.num04,.num05,.num06,.num07 {
		background-size: auto 50px;padding: 2rem 0 2rem 0;}
	
	.num_title {font-size: 1.5rem; margin-bottom: 2rem; padding-left: 3rem;line-height: 120%; height: 60px; vertical-align: middle;display: table-cell;}
	.num_title02 {font-size: 1.5rem; margin-bottom: 2rem; padding-left: 3rem; padding-bottom: 1rem; line-height: 120%; height: 70px; vertical-align: middle;display: table-cell;}
	
	.and_merit .merit_title {font-size: 1.2rem;line-height: 130%;padding:0 0 0.5rem 1.5rem;background-size: 6%;}
	.and_merit p {padding-left: 1.5rem;}
	.and_merit {padding: 0.5rem 1rem 1rem 1rem;}	
	.cd-scrolling-bg03 {border-top: none;margin: 0 0 -2rem 0;padding: 2rem 0 5rem 0;}
	.cd-scrolling-bg03 .cd-scrolling-bg__content h2 {font-size: 1.5rem; margin: 0px 0px 0px 0px;}
	.cd-scrolling-bg__content .descri{font-weight: normal !important; font-size: 1rem !important;}
	.cd-scrolling-bg03 ul {width: 95%;margin: 1rem auto 1rem auto;}
	.cd-scrolling-bg__content h2 {font-size: 2rem !important;}
	.cd-scrolling-bg {padding: 2rem 0 2rem 0;}
	.catch_phrase_service01 {font-size: 1rem;text-align: left;}
	.jichitai_hyoka li { font-size: 1rem;}
	

}
/*ここからスマートフォン用（640px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 380px) {
	
	.cd-scrolling-bg__content h2 {
    font-size: 1.6rem !important;
}
	
}