/*------------------------------
	deals02お得なキャンペーン情報
------------------------------*/


#deals02 { background: url(../img/top/promotion_bn_bg.gif); padding: 20px 0 10px 0; position: relative; text-align: center;}
/*#deals02 .wrapper {padding-top:100px;}
#deals02 .wrapper {padding-bottom:80px;}*/
#deals02 h3 {}
#deals02 h3.ribbon{  padding: 20px 0 30px; font-weight: bold; font-size:20px; margin: 0 auto 20px;}
#deals02 .dealslist { overflow: hidden; display: flex; flex-wrap: wrap;}
#deals02 .dealslist li { background: #ffffff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#deals02 .dealslist li .dealsimg { margin-bottom: 12px;}
#deals02 .dealslist li .dealstag { margin-bottom: 12px; color: #ffffff; text-align: left;}
#deals02 .dealslist li .dealstag .tag_e,
#deals02 .dealslist li .dealstag .tag_j,
#deals02 .dealslist li .dealstag .tag_h { padding: 5px 10px; display: inline-block;}
#deals02 .dealslist li .dealstag .tag_e { background: #0ab180;}
#deals02 .dealslist li .dealstag .tag_j { background: #f36683;}
#deals02 .dealslist li .dealstag .tag_h { background: #2d97d3;}
#deals02 .dealslist li .dealstxt { color: #222222; text-align: left; line-height: 1.3;}

.campaignlist_morebtn{
width:100%;	
}
.campaignlist_morebtn a{
	display:block;
	width:50%;
	margin: 0 auto;
	background:#f36683;
	color:#FFF;
	font-weight: bold;
	height:66px;
	line-height:66px;
	text-align:center;
	font-size:22px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	position:relative;
}
.campaignlist_morebtn a::before{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 3px #FFF;
	border-right: solid 3px #FFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -7px;
	transition:0.7s;
}

/* --PC-- */
@media screen and (min-width: 751px) {
#deals02 {margin-top: 0px; position: relative;}
#deals02 h3.ribbon {width: 600px; height: 138px; font-size: 26px; padding-top: 50px; color: #ffffff; background: url(../img/top/promotion_bn_img03_R.png) no-repeat center; vertical-align: middle;}
#deals02 .dealslist { margin-top: 20px;}
#deals02 .dealslist li { width: 234px; margin-left: 21px; padding: 12px;}
#deals02 .dealslist li:nth-child(4n+1) { margin-left: 0;}
#deals02 .dealslist li:nth-child(n+5) { margin-top: 20px;}
#deals02 .dealslist li .dealsimg {}
#deals02 .dealslist li .dealstag { font-size: 14px;}
#deals02 .dealslist li .dealstag .tag_e {}
#deals02 .dealslist li .dealstag .tag_j {}
#deals02 .dealslist li .dealstag .tag_h {}
#deals02 .dealslist li .dealstxt {}
}


/* --SP-- */
@media screen and (max-width: 750px) {
#deals02 { background: url(../img/top/promotion_bn_bg.gif); padding: 20px 0 5px 0; position: relative; text-align: center;}
#deals02 h3.ribbon{ /*height: 130px; */color: #ffffff; background: url(../img/top/promotion_bn_img03_R.png) no-repeat center; /*display: table-cell;*/ vertical-align: middle; font-size: 1.2rem; background-size: 95% auto; width: 95%; /*padding-left: 10px;*/}
#deals02 ul.dealslist {margin:0 8px;}
#deals02 .dealslist {}
#deals02 .dealslist li { width: 49%; margin-left: 2%;}
#deals02 .dealslist li:nth-child(2n+1) { margin-left: 0;}
#deals02 .dealslist li:nth-child(n+3) { margin-top: 10px;}
#deals02 .dealslist li .dealsimg { margin-bottom: 5px;}
#deals02 .dealslist li .dealstag { font-size: .7rem; padding:0 10px; margin-bottom: 5px;}
#deals02 .dealslist li .dealstag .tag_e {}
#deals02 .dealslist li .dealstag .tag_j {}
#deals02 .dealslist li .dealstag .tag_h {}
#deals02 .dealslist li .dealstxt { font-size: .8rem; padding:5px 10px 10px 10px;}

.campaignlist_morebtn{
width:100%;	
}

.campaignlist_morebtn a{
	display:block;
	width:90%;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size: 1.1rem;

}
}

/*------------------------------
	deals03　サービス情報
------------------------------*/

#deals03 { background: url(../img/top/promotion_bn_bg03.gif); padding: 20px 0 10px 0; position: relative; text-align: center;}

/*#deals03 .wrapper {padding-top:100px;}
#deals03 .wrapper {padding-bottom:80px;}*/

h3.deals03_title {
	font-size:25px;
	position: relative;
	font-weight: bold;
	margin: 40px 20%;
	background: #FFA500;
	box-shadow: 0px 0px 0px 4px #FFA500;
	border: dashed 2px white;
	padding: 0.5em 0.5em;
	color: #FFF;
}


#deals03 .dealslist { overflow: hidden; display: flex; flex-wrap: wrap;}
#deals03 .dealslist li { background: #ffffff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#deals03 .dealslist li .dealsimg { margin-bottom: 12px;}
#deals03 .dealslist li .dealstag { margin-bottom: 12px; color: #ffffff; text-align: left;}
#deals03 .dealslist li .dealstag .tag_e,
#deals03 .dealslist li .dealstag .tag_j,
#deals03 .dealslist li .dealstag .tag_h { padding: 5px 10px; display: inline-block;}
#deals03 .dealslist li .dealstag .tag_e { background: #0ab180;}
#deals03 .dealslist li .dealstag .tag_j { background: #f36683;}
#deals03 .dealslist li .dealstag .tag_h { background: #2d97d3;}
#deals03 .dealslist li .dealstxt { color: #222222; text-align: left; line-height: 1.3;}


#deals03 .campaignlist_morebtn{
width:100%;	
}
#deals03 .campaignlist_morebtn a{
	display:block;
	width:50%;
	margin: 0 auto;
	background:#FFA500;
	color:#FFF;
	font-weight: bold;
	height:66px;
	line-height:66px;
	text-align:center;
	font-size:22px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	position:relative;
}
#deals03 .campaignlist_morebtn a::before{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 3px #FFF;
	border-right: solid 3px #FFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -7px;
	transition:0.7s;
}

/* --PC-- */
@media screen and (min-width: 751px) {
#deals03 {margin-top: 0px; position: relative;}



#deals03 .dealslist { margin-top: 20px;}
#deals03 .dealslist li { width: 234px; margin-left: 21px; padding: 12px;}
#deals03 .dealslist li:nth-child(4n+1) { margin-left: 0;}
#deals03 .dealslist li:nth-child(n+5) { margin-top: 20px;}
#deals03 .dealslist li .dealsimg {}
#deals03 .dealslist li .dealstag { font-size: 14px;}
#deals03 .dealslist li .dealstag .tag_e {}
#deals03 .dealslist li .dealstag .tag_j {}
#deals03 .dealslist li .dealstag .tag_h {}
#deals03 .dealslist li .dealstxt {}
}


/* --SP-- */
@media screen and (max-width: 750px) {
#deals03 { background: url(../img/top/promotion_bn_bg03.gif); padding: 20px 0 5px 0; position: relative; text-align: center;}
#deals03 ul.dealslist {margin:0 8px;}
h3.deals03_title {margin: 10px 10px 20px; font-size:1.1rem;   padding: 0.5em 0.5em;
}
#deals03 .dealslist {}
#deals03 .dealslist li { width: 49%; margin-left: 2%;}
#deals03 .dealslist li:nth-child(2n+1) { margin-left: 0;}
#deals03 .dealslist li:nth-child(n+3) { margin-top: 10px;}
#deals03 .dealslist li .dealsimg { margin-bottom: 5px;}
#deals03 .dealslist li .dealstag { font-size: .7rem; padding:0 10px; margin-bottom: 5px;}
#deals03 .dealslist li .dealstag .tag_e {}
#deals03 .dealslist li .dealstag .tag_j {}
#deals03 .dealslist li .dealstag .tag_h {}
#deals03 .dealslist li .dealstxt { font-size: .8rem; padding:5px 10px 10px 10px;}

#deals03 .campaignlist_morebtn{
width:100%;	
}

#deals03 .campaignlist_morebtn a{
	display:block;
	width:90%;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size: 1.1rem;

}
}



/**********************************************************************
*
*　　 ■アコーディオン表示　LP /index/
*
**********************************************************************/

/* --PC-- */
@media screen and (min-width: 751px) {

.cp_box{display: none;}	
}


/* --SP-- */
@media screen and (max-width: 750px) {
.lp_acd .step01 .cv_btn ul li a { padding-right: 35px;}
.lp_acd .step01 .cv_btn ul li .ribon { top: -5px; width: 50px; background-size: 100% auto; background-position: top left;}
.lp_acd .step01 .cv_btn ul li .ribon .inner { font-size: .8rem; padding: 16px 0 0 2px;}
.lp_acd .step01 .cv_btn ul li .offer_txt { font-size: 1.5rem; padding-left: 55px;}
.lp_acd .step01 .cv_btn ul li.free { width: 100%; margin-bottom: 20px;}
.lp_acd .step01 .cv_btn ul li.request { width: 100%;}
.cp_container div{	width:400px;margin: 0 auto;	padding-top:10px;}
.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;	box-sizing: border-box;}
.cp_box {
	position: relative; padding:10px;}
.cp_box label {
	position: absolute;	z-index: 1;	bottom: 0;	width: 100%;height: 100px; /* グラデーションの高さ */cursor: pointer;text-align: center;/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 30%);}
.cp_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */}
.cp_box label:after {
	line-height: 2.5rem;position: absolute;	z-index: 2;	bottom: 10px; width:22rem;content: 'もっと見る''＋';	transform: translate(-50%, 0);	letter-spacing: 0.05em;	color: #ffffff;
	letter-spacing: 0.05em;	border-radius: 5px;	background-color:#F47818;}
.cp_box input {
	display: none;}
.cp_box .cp_container {
	overflow: hidden;	height: 250px; /* 開く前に見えている部分の高さ */	transition: all 0.5s;}
.cp_box input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.cp_box input:checked + label:after {
	content: ' 閉じる''×';}
.cp_box input:checked ~ .cp_container {
	height: auto;padding-bottom: 50px; /* 閉じるボタンのbottomからの位置 */	transition: all 0.5s;}

.cp_container span.txt{
	font-size:25px;	text-align:center;	font-weight:900;	padding-left:40px;	background: url(../img/top/subject_tit_bg.gif) repeat-x center center; text-align: center;}
	
.cp_container h3.lineTit { background: url(../img/top/subject_tit_bg.gif) repeat-x center center; text-align: center;}
.cp_container h3.lineTit .txt { background: #ffffff; padding: 0 20px; font-weight: bold;}
	


/* お問い合わせボタン*/
.lp_acd  { color:#FFFFFF; padding-bottom:30px;}
.lp_acd .cv_btn { padding: 20px 20px 20px 20px; font-weight: bold; background-color:rgba(207,236,252,1.00);}
.lp_acd .cv_btn .cv_btn_tit{color: rgba(233,81,83,1.00); font-weight:700; font-size:17px; margin-left:-13px;}
.lp_acd .cv_btn ul li { position: relative; letter-spacing: normal; font-size: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; box-shadow:0px 4px 0px -1px #b2c8d5; width:300px; margin-bottom:20px;}
.lp_acd .cv_btn ul li a { display: block; padding: 20px 10px 18px 14px;}
.lp_acd .cv_btn ul li .offer_txt { padding-left: 80px; font-size: 19px; display: block; line-height: 2; color: #fff; font-weight: bold; text-align: left;}
.lp_acd .cv_btn ul li .ribon { background: url(../img/common/ribon.png) no-repeat center left; display: block; height: 90px; position: absolute; top: -7px; width: 72px;}
.lp_acd .cv_btn ul li .ribon .inner { color: #2e2e2e; padding: 20px 0; display: block; text-align: center; font-size: 15px; margin-left: -7px; line-height: 1.3; font-weight: bold;}
.lp_acd .cv_btn ul li .offer_txt .txtyel { color: #eaf20a; font-weight: bold;display: block; font-size: 13px;}
.lp_acd .cv_btn ul li .offer_txt .txtyel .big { font-size: 18px; font-weight: bold;}
.lp_acd .cv_btn ul li .offer_txt .small { font-weight: bold;}
.lp_acd .cv_btn ul li.free {  background: #ea576a;  background: -moz-linear-gradient(top, #ea576a 0%, #e86877 49%, #e54e5f 51%, #e63a50 100%);  background: -webkit-linear-gradient(top, #ea576a 0%,#e86877 49%,#e54e5f 51%,#e63a50 100%);  background: linear-gradient(to bottom, #ea576a 0%,#e86877 49%,#e54e5f 51%,#e63a50 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea576a', endColorstr='#e63a50',GradientType=0 ); margin-right: 20px; width: 357px; }
.lp_acd .cv_btn ul li.free a { background: url(../img/common/icon_free_arrow.png) no-repeat center right 10px; padding-top: 14px;}
.lp_acd .cv_btn ul li.request { background: #1ab762; background: -moz-linear-gradient(top, #1ab762 0%, #1ab762 50%, #00af50 52%, #00af50 100%);  background: -webkit-linear-gradient(top, #1ab762 0%,#1ab762 50%,#00af50 52%,#00af50 100%);  background: linear-gradient(to bottom, #1ab762 0%,#1ab762 50%,#00af50 52%,#00af50 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ab762', endColorstr='#00af50',GradientType=0 ); width: 357px;}

.lp_acd .cv_btn ul li.request a { background: url(../img/common/icon_request_arrow.png) no-repeat center right 10px;}
.lp_acd .cv_btn ul li.request .ribon .inner { letter-spacing: -0.05em;}
.cv_btn_i { text-align:center;}
.cv_btn_i .subtit{ flex:0 1 auto;  width:250px;  margin:auto; background:rgba(199,199,199,1.00); padding:8px 5px; margin-bottom:-50px; position: relative; font-weight:700; font-size:14px;}



}


/*//////////201912追加分//////////*/
.slick-slide {
    margin: 0 10px;
}
.arrow img{
	display: none;	
}
#search.new_search .wrapper {
    padding: 40px 0 40px 0;
    margin: 30px auto 0;
}.popupModal1 [for="pop11"] {
    color: #ffffff;
    background: #005685 url(../img/top/search_icon06.png) right center no-repeat;
	background-position: right 18px bottom 50%;
}
.grade_button{
	margin: 40px auto;
	max-width: 1000px;
}
.grade_button ul{
	display: flex;
	position: relative;
	justify-content: center;
	z-index: 5;
	margin: 0 0 -3px 0;
}
.grade_button ul li{
	width: 255px;
	margin: 10px;
}
.grade_button ul li:first-child{
	margin-left: 0;
}
.grade_button ul li:last-child{
	margin-right: 0;
}
.grade_button ul li a{
	color: #fff;
    display: block;
    font-size: 30px;
    background: #0bb181;
    text-align: center;
    border-radius: 5px;
    padding: 3px 0;
}
.grade_button ul li a p{
	margin: 10px 0;
}
.grade_button ul li:nth-child(2) a{
    background: #f26683;
}
.grade_button ul li:nth-child(3) a{
    background: #2d97d3;
}
.grade_button ul li a p{
	font-size: 24px;
	line-height: 1.2;
}
.grade_button ul li a span{
	 font-size: 35px;
}
.top_inner{
	margin: 0 auto;
    padding: 40px 0;
    max-width: 1000px;
}
.four_reason{
	background: #feffdf;
}
.four_reason h3{
	font-size: 40px;
    text-align: center;
    font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.3;
}
.four_reason h3 .num{
	font-size: 50px;
}
.four_reason h3 span{
	color: #f24970;
	font-size: 40px;
    font-weight: bold;
}
.four_reason h3 br{
	display: none;
}
.four_reason_cont{
	display: flex;
}
.reason01,.reason03{
	margin-right: 10px;
}
.reason02,.reason04{
	margin-left: 10px;
}
.re_co{
	width: 50%;
    margin-top: 20px;
    border: 2px solid #abd6f6;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
}
.heading{
	display: flex;
	align-items: center;
    border-bottom: 2px solid #158fd0;
}
.res_num{
	color: #faf96d;
    font-size: 35px;
    background: #158FD1;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
	font-weight: bold;
}
.res_tit{
	font-size: 30px;
    color: #158fd1;
    line-height: 1.3;
    font-weight: bold;
    margin-left: 15px;
}
.reason_body ul{
	display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
}
.reason_body ul li{
    line-height: 1.5;
	font-size: 21px;
	font-weight: 600;
}
.reason_body ul li span{
    font-size: 21px;
	color: #f26683;
	font-weight: 600;
}
.reason_body ul li:nth-child(1){
	width: 160px;
    margin-right: 10px;
    vertical-align: bottom;
}
.reason_body ul li:nth-child(2){
	width: calc(100% - 160px);
}
.reason_body img{
	width: 100%;	
}
.reason_body p{
	font-size: 21px;
	margin: 20px 0;
	line-height: 1.6;
	font-weight: 600;
}
.reason_body p span{
	font-size: 21px;
	color: #f26683;
	font-weight: 600;
}
.reason_body .bl_text{
	font-size: 24px;
	color: #065888;
}
.reason_body .res04_top{
	text-align: center;
    margin: 20px 0;
    font-size: 21px;
	font-weight: 600;
}
.reason_body .res04_top  span{
	font-size: 21px;
    color: #f26683;
	font-weight: 600;
}
.reason_body .res04_top  p{
	margin: 0;
    font-size: 29px;
    color: #005685;
    margin-top: 5px;
}
.reason_body .res04_top  p span{
	color: #005685;
    font-size: 25px;
	font-weight: 600;
}
.reason_star{
	text-align: center;
	margin-bottom: 20px;
}
.link_box{
	background: #feffdf;
}
.link_box img{
	vertical-align: bottom;
}
.link_box_inner{
	display: flex;
}
.link_box_left{
	margin-right: 10px;
}
.link_box_right{
	margin-left: 10px;
}
.link_cont{
	width: 50%;
}
.link_cont a{
	color: #000;
}
.link_cont p.link_text {
    font-size: 20px;
    padding: 20px;
    line-height: 1.5;
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0;
}
.link_img{
	position: relative;
}
.link_img span{
    color: #fff;
    padding: 6px 20px;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0;
    font-size: 17px;
    background: #0085d0 url(../img/top/search_icon06.png) right center no-repeat;
    background-position: right 6px bottom 50%;
    background-size: 8px 13px;
}
.four_reason input {
    display: none;
}

@media screen and (max-width: 750px) {
	.grade_button ul li a p {
    	margin: 10px auto 0;
		font-size: 4.3vw;
	}
	.grade_button ul li a {
		padding: 3vw 2vw 3vw;
	}
	.grade_button ul li a {
		font-size: 4.5vw;
		line-height: 1.2;
	}
	.grade_button ul li a span {
    	font-size: 5.5vw;
	}
	.grade_button ul li {
		margin: 1.5vw;
	}
	.grade_button ul li:first-child {
		margin-left: 3vw;
	}
	.grade_button ul li:last-child {
		margin-right: 3vw;
	}
	.grade_button ul li a br{
		display: block;
	}
	.grade_button {
    	margin: 20px auto;
	}
	
	.link_box_inner {
		display: block;
	}
	.link_cont {
		width: 90%;
		margin: auto;
	}
	.link_box_left{
		margin-bottom: 15px;
	}
	.link_cont p.link_text {
		font-size: 16px;
		padding: 3vw;
	}
	.link_img span {
    	font-size: 13px;
	}
	
	
	
	/*****スタンダードが選ばれる4つの理由***/
	.four_reason_cont {
		display: block;
	}
	.four_reason h3 br {
    	display: block;
	}
	.reason_star{
		width: 150px;
    	margin: 0 auto 15px;
	}
	.re_co{
		width: 94%;
		margin: 3%;
		padding: 3%;
		/*border-radius: 0;
		border: 0;*/
    background: #fff;
    border-radius: 5px;
	}
	.reason_body p {
	    margin: 2rem 0;
	}
	.reason_body{
		margin: 0 4% 4%;
	}
	.res_num {
		/*color: #fff;*/
		text-align: center;
		width: 60px;
		height: 80px;
		line-height: 80px;
	}
	.res_tit {
		/*color: #faf96d;*/
		font-size: 1.7rem;
		line-height: 1.2;
		margin-left: 12px;
	}
	.top_inner {
    	padding: 20px 0;
	}
	
	.heading {
		align-items: center;
		/*border-top: 1px solid #158FD1;*/
		border-bottom: 1px solid #158FD1;
		/*background: #59addc;*/
	}
	
	/*
	.four_reason label {
		display: block;
		cursor: pointer;
		transition: all 1s;
	}
	.four_reason .reason_body {
		height: 0;
		overflow: hidden;
		opacity: 0;
		transition: .5s;
	}
	
	
	.ac:checked + label + .reason_body {
		height: auto;
		opacity: 1;
		display: inline-block;
		width: 92%;
	}
	*/
	
	.four_reason .heading{
        position: relative;
	}
	/*
	.four_reason .arrow{
        width: 26px;
		position: absolute;
		top: 50%;
		right: 3%;
		transform: translateY(-50%);
	}
	.four_reason .arrow img{
        width: 100%;
	}
	.ac:checked + label .heading .arrow img{
		transform: rotateZ(180deg);
		-moz-transform: rotateZ(180deg);
		-webkit-transform: rotateZ(180deg);
		-ms-transform: rotateZ(180deg);
	}
	.arrow img {
 	   display: block;
	}
	*/
	.slick-slide {
		margin: 0;
	}
	.reason_body ul li {
   		 font-size: 3.5vw;
	}
	.reason_body ul li:nth-child(1) {
  	 	width: 30vw;
		margin-right: 2vw;
	}
	.reason_body ul li:nth-child(2) {
 	   width: calc(100% - 30vw);
	}
	.reason_body ul li span {
    	font-size: 3.5vw;
	}
	.reason_body .bl_text {
    	font-size: 4.2vw;
	}
	.reason_body .res04_top {
    	text-align: center;
    	margin: 5vw 0;
		font-size: 3.7vw;
		line-height: 1.3;
	}
	.reason_body .res04_top span {
   		font-size: 3.7vw;
	}
	.reason_body .res04_top p {
	    font-size: 5.5vw;
	}
	.reason_body .res04_top p span {
  		font-size: 4vw;
	}
	.reason_body ul{
		margin: 5vw 0 3vw;
	}
	#search.new_search .wrapper {
	    padding: 2vw 0 5vw 0;
    	margin: 0 auto;
	}
	#wrap header #header_wrap .appeal_sp .call{
		display: none;
	}
}

@media screen and (max-width: 500px) {
	.four_reason h3,.four_reason h3 span {
    	font-size: 7vw;
	}
	.reason_star {
		width: 32%;
		margin: 0 auto 2%;
	}
	.reason_body p,.reason_body  p span {
		font-size: 3.7vw;
	}
	.link_cont p.link_text {
		font-size: 14px;
	}
	.res_num {
		font-size: 7vw;
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	.res_tit {
		font-size: 4.5vw;
	}
	.four_reason .arrow {
    	width: 20px;
	}
}

/*----------------------------------*/
.top_search_title{
	
}
.top_search_title p{
	font-size: 24px;
	font-weight:bold;
	letter-spacing:2px;
	padding:15px 0;
	display:block;
	width:310px;
	margin:0px auto;
	position:relative;
}
.top_search_title p span{
	color:#168ed2;
	font-size: 34px;
	font-weight:bold;
	margin:0 5px;
}
.top_search_title p:before{
	position:absolute;
	content:" ";
	width:26px;
	height:42px;
	background:url(../img/top/201912/search_left.jpg) no-repeat 0 0;
	left:0;
	top:15px;
}
.top_search_title p:after{
	position:absolute;
	content:" ";
	width:26px;
	height:42px;
	background:url(../img/top/201912/search_right.jpg) no-repeat 0 0;
	right:0;
	top:15px;
}
.top_search_title p:after{
}
#search .wrapper .top_search_title h3{
	text-align:center;
	margin:0;
	padding:0;
}
.top_search_title h3 span{
	font-size: 40px;
	font-weight:bold;
	background:url(../img/top/201912/magnifying.png) no-repeat 0 0;
	padding:0 0 0 55px;
}
.top_search_link{
	margin: 20px auto;
	max-width: 1000px;
}
.top_search_link ul{
	width:800px;
	margin: 0 auto;
	display: flex;
}
.top_search_link ul li{
	width: 50%;
	/*width: 33.3%;*/
	margin: 10px;
}
.top_search_link ul li:first-child{
	margin-left: 0;
}
.top_search_link ul li:last-child{
	margin-right: 0;
}

.top_search_link ul li h4{
	color:#168ed2;
	font-size:20px;
	margin:0 0 10px 0;
}
.top_search_btn,
.top_search_box{
	width:100%;
}
.top_search_btn a{
	display:block;
	width:100%;
	background:#168ed2;
	color:#FFF;
	height:66px;
	line-height:66px;
	text-align:center;
	font-size:20px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	position:relative;
}
.top_search_btn a::before{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 3px #FFF;
	border-right: solid 3px #FFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -7px;
	transition:0.7s;
}

.top_search_box{
	position:relative;
}
.top_search_box input[type='text']{
	width:100%;
	height:66px;
	line-height:66px;
	border:1px solid #168ed2;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:5px 70px 5px 20px;
	font-size:20px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}
.top_search_box input::placeholder {
	color:#a0a0a0;
}

.top_search_box .top_search_btn2{
	width:66px;
	height:66px;
	border-radius:0 5px 5px 0;
	-webkit-border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	position:absolute;
	right:0;
	top:0;
	background:#168ed2;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
	text-align:center;
	padding:13px 0 0 0;
}
.top_search_box .top_search_btn2 button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}
@media screen and (max-width: 750px) {
	.top_search_title h3 span{
		font-size:7vw;
		background:url(../img/top/201912/magnifying.png) no-repeat 0 0;
		background-size:30px auto;
		padding:0 0 0 40px;
	}
	.top_search_title p{
		font-size:1.1rem;
		width:280px;
	}
	.top_search_link2{
		width: 94%;
		margin:20px auto 0 auto;
	}
	.top_search_link2 ul{
		display: flex;
	}
	.top_search_link2 ul li{
		width: 50%;
		margin:0 10px;
	}
	.top_search_link2 ul li:first-child{
		margin-left: 0;
	}
	.top_search_link2 ul li:last-child{
		margin-right: 0;
	}
	.top_search_link ul{
		width: 94%;
		display:block;
		margin:0px auto;
	}
	.top_search_link ul li{
		width: 100%;
		margin: 10px 0 20px 0;
	}
	.top_search_link ul li h4{
		font-size:1.2rem;
		margin:0 0 5px 0;
	}
	.top_search_btn a{
		height:45px;
		line-height:45px;
		text-align:left;
		padding:0 0 0 10px;
		font-size:1.1rem;
	}
	.top_search_btn a::before{
		width: 6px;
		height: 6px;
		border-top: solid 2px #FFF;
		border-right: solid 2px #FFF;
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -4px;
		transition:0.7s;
	}

	.top_search_box input[type='text']{
		height:45px;
		line-height:45px;
		font-size:1.1rem;
	}
	.top_search_box .top_search_btn2{
		width:45px;
		height:45px;
		padding:8px 0 0 0;
	}
	.top_search_box .top_search_btn2 img,
	.top_search_box .top_search_btn2 input[type='image']{
		width:30px;
		height:auto;
	}
}
@media screen and (max-width: 320px) {
	.top_search_btn a{
		font-size:1.0rem;
	}
	.top_search_btn a::before{
		right:5px;
	}
}
/* スタンダードグループのサービス一覧 */


/*//////////20250410追加分//////////*/
.grade_voice{
	padding: 1px 0;
	background: #eef9fd;
}

.grade_voice .tab-content-area > h4{
	width: 657px;
	margin: 0 auto 42px;
}

.grade_voice .tab-content{
	width: 1000px;
	background: #ffffff;
}

.grade_voice .tab-content-area .grade_button ul li a{
	border-radius: 20px;
}

.grade_voice .tab-content-wrap,.grade_voice .tab-content{
	border-radius: 10px;
}

.grade_voice .grade_button ul{
	margin: 0 0 37px;
}

.grade_voice .grade_button ul li a p{
	margin: 0;
	font-size: 24px;
	font-weight: bold;
}

.grade_voice .grade_button ul li a{
	padding: 28px 10px 28px;
}

.grade_voice .grade_button ul li a.active-blue,.grade_voice .grade_button ul li a.active-pink,.grade_voice .grade_button ul li a.active-green{
	position: relative;
	padding: 25px 10px 25px;
}

.grade_voice .grade_button ul li a.active-blue::after{
	content: '';
	position: absolute;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);
	width: 14px;
	height: 14px;
	background-color: #fff;
	border-left: 3px solid #2797d5;
	border-bottom: 3px solid #2797d5;
	transform: translateX(-50%) rotate(-44deg);
	box-sizing: border-box;
}

.grade_voice .grade_button ul li a.active-pink::after{
	content: '';
	position: absolute;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);
	width: 14px;
	height: 14px;
	background-color: #fff;
	border-left: 3px solid #f26683;
	border-bottom: 3px solid #f26683;
	transform: translateX(-50%) rotate(-44deg);
	box-sizing: border-box;
}

.grade_voice .grade_button ul li a.active-green::after{
	content: '';
	position: absolute;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);
	width: 14px;
	height: 14px;
	background-color: #fff;
	border-left: 3px solid #09b081;
	border-bottom: 3px solid #09b081;
	transform: translateX(-50%) rotate(-44deg);
	box-sizing: border-box;
}

.grade_voice .tab-content-area .box-blue,.grade_voice .tab-content-area .box-pink,.grade_voice .tab-content-area .box-green{
	border: none;
}

.grade_voice .tab-content-area .content-box{
	padding: 40px;
}

.grade_voice .tab-content-area .tab-content p{
	margin: 1.5rem 0 0;
	font-size: 3.6vw;
	letter-spacing: .06em;
	line-height: 1.53;
}

.grade_voice .button-wrapper {
	display: flex;
	justify-content: flex-end;
}

.grade_voice .content-btn{
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 27vw;
	margin: 1rem 0 0 auto;
	padding: 1.5vw 0;
	background: #7e94a0;
	border-radius: 40px;
	color: #ffffff;
	font-size: 3vw;
	letter-spacing: .06em;
}

.grade_voice .content-btn::after{
	content: '';
	width: 6px;
	height: 6px;
	margin-left: 10px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg); /* 矢印の形 */
}

@media screen and (min-width: 751px) {
	.dedicated_app {
		width: 100%;
		overflow: hidden;
		position: relative;
		height: 1548px;
	}
	  
	.dedicated_app img {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		width: auto;
		height: auto;
	}
}

@media screen and (max-width: 750px) {
	.grade_voice{
		padding: 4rem 0;
		background: #eef9fd;
	}

	.grade_voice .tab-content-area > h4{
		width: 85%;
		margin: 0 auto;
	}

	.grade_voice .tab-content-area .grade_button ul li a{
		border-radius: 10px;
	}
	
	.grade_voice .tab-content-area{
		margin: 0;
	}
	
	.grade_voice .grade_button ul{
		margin: 0 .5rem 2rem;
	}
	
	.grade_voice .grade_button ul li a p{
		margin: 0;
		font-size: 6vw;
		font-weight: bold;
	}

	.grade_voice .grade_button ul li a{
		padding: 6vw 2vw 6vw;
	}

	.grade_voice .grade_button ul li a.active-blue,.grade_voice .grade_button ul li a.active-pink,.grade_voice .grade_button ul li a.active-green{
		position: relative;
		padding: 5.5vw 2vw 5.5vw;
	}

	.grade_voice .grade_button ul li a.active-blue::after{
		content: '';
        position: absolute;
        bottom: -9px;
        left: 50%;
        transform: translateX(-50%);
        width: 14px;
        height: 14px;
        background-color: #fff;
        border-left: 3px solid #2797d5;
        border-bottom: 3px solid #2797d5;
        transform: translateX(-50%) rotate(-44deg);
        box-sizing: border-box;
	}

	.grade_voice .grade_button ul li a.active-pink::after{
		content: '';
        position: absolute;
        bottom: -9px;
        left: 50%;
        transform: translateX(-50%);
        width: 14px;
        height: 14px;
        background-color: #fff;
        border-left: 3px solid #f26683;
        border-bottom: 3px solid #f26683;
        transform: translateX(-50%) rotate(-44deg);
        box-sizing: border-box;
	}

	.grade_voice .grade_button ul li a.active-green::after{
		content: '';
        position: absolute;
        bottom: -9px;
        left: 50%;
        transform: translateX(-50%);
        width: 14px;
        height: 14px;
        background-color: #fff;
        border-left: 3px solid #09b081;
        border-bottom: 3px solid #09b081;
        transform: translateX(-50%) rotate(-44deg);
        box-sizing: border-box;
	}

	.grade_voice .tab-content-area .box-blue,.grade_voice .tab-content-area .box-pink,.grade_voice .tab-content-area .box-green{
		margin: 0 auto;
		border: none;
		width: 95%;
	}
	
	.grade_voice .tab-content-area .content-box{
		padding: 2rem 2rem 3rem;
	}

	.grade_voice .tab-content-area .tab-content p{
		margin: 1.5rem 0 0;
		font-size: 3.6vw;
		letter-spacing: .06em;
		line-height: 1.53;
	}

	.grade_voice .button-wrapper {
		display: flex;
		justify-content: flex-end;
	}

	.grade_voice .content-btn{
		position: relative;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 27vw;
		margin: 1rem 0 0 auto;
		padding: 1.5vw 0;
		background: #7e94a0;
		border-radius: 40px;
		color: #ffffff;
		font-size: 3vw;
		letter-spacing: .06em;
	}

	.grade_voice .content-btn::after{
		content: '';
		width: 6px;
		height: 6px;
		margin-left: 10px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: rotate(-45deg); /* 矢印の形 */
	}
}



/* --PC-- */
@media screen and (min-width: 751px) {
	

#footer_top div h3 {color: hsla(0,1%,27%,1.00);	font-size:23px;	font-weight:600; text-align:center;  display: flex; align-items: center; padding:30px 0;}
#footer_top div h3:before,#footer_top div h3:after { border-top: 1px solid #AAD3EA; content: ""; flex-grow: 0; width:12em; margin:0 auto;}
#footer_top div h3:before { margin-right: 1rem;}
#footer_top div h3:after { margin-left: 1rem;}
#footer_top ul {width: 920px; margin:0 auto;}
#footer_top ul li {	float: left;}
#footer_top ul li a p {	display: block;width:450px;	font-size: 13px;color:hsla(0,0%,41%,1.00);	text-align: center;	padding-bottom:50px;}
}



/* --SP-- */
@media screen and (max-width: 750px) {

#footer_top div h3 {width:100%;	text-align: center;	font-size: 16px; padding-bottom:20px; font-weight:600;	border-bottom: 1px solid #E7E1E1;}

#footer_top li{	display: table;	width:100%;	border-bottom: 1px solid #E7E1E1;}
#footer_top a{	display:block;	vertical-align: middle;	line-height:40px;	background: url(../img/common/blue-arrow.png) no-repeat  5px;	background-position : 96% 50%;	outline: none;	padding:7px 0;
}


#footer_top ul li a img{
	width:74px;	float:left;	padding:0 4px 0 5px;}

#footer_top ul li a p{
	font-size:10px;	color:hsla(0,0%,33%,1.00);	line-height:40px;	}
}





/**********************************************************************
*
*　　 ■回り込み解除
*
**********************************************************************/

#footer_top ul li:after {
	content: "";
	display: block;
	clear: both;
}