@charset "utf-8";


@media screen and (max-width:896px) {

/**********************************************************************/
/*----------------------------- スマホ用開始-----------------------------*/
/**********************************************************************/





/**********************************************************************/
/*----------------------------- ヘッダー -----------------------------*/
/**********************************************************************/
#header-top { background-image: url(../img/header/main-visual_01.png); height: 800px; background-position: center top;}
.g-navi { max-width: 1160px; margin: 0 auto; padding: 20px 2%;}
.g-navi:after { display: block; clear: both; content: "";}
p.header_logo { float: left;}
.header_logo a { width: 100%; color: #fff!important; font-weight: bold;}
.g-navi .li2 a { color: #000;}
.g-navi .li3 a { color: #fff;}
.g-navi ul .ul { width: 480px; float: right; padding: 0; text-align: right;}
.g-navi li.li2 { display: inline-block; text-align: center; font-size: 16px; color: #fff !important; padding: 5px 20px;}
.g-navi li.li3 { display: inline-block; text-align: center; font-size: 16px; color: #fff !important; padding: 5px 20px;}
.g-navi .li4 a{ display: inline-block; text-align: center; font-size: 19px; color: #fff !important; padding: 5px 10px;}
.g-navi .li4_bk a{ display: inline-block; text-align: center; font-size: 19px; color: #000 !important; padding: 5px 10px;}
.li2.cv_button { background: #fff218; padding: 6px 10px; border-radius: 20px;}
.cv_button a { color: #000 !important; cursor: pointer;}

/* 業者選択ページ専用 */
.headline{ height: 8px; background: linear-gradient(to right, #77bdf0, #7ddbfd);}

.logo_bk  a{ width: 100%; color: black!important; font-weight: bold;}


/**********************************************************************/
/*----------------------------- ヘッダー終わり -----------------------------*/
/**********************************************************************/


/*TOPぺージメインビジュアル*/

.copy-box { max-width: 1160px; margin: 0 auto; padding: 60px 0 50px; text-align:center;}
p.main_copy { color: #fff; font-size: 38px; font-weight: bold; text-align: center; line-height: 3rem; text-shadow: 3px 3px #7777776b; padding: 0 0 30px;}
p.sub_copy { text-align: center; color: #fff; padding: 20px 0; font-size: 22px;}


/*TOPぺージメインビジュアル*/

.dummy_T { position: relative; margin:50% auto 32%; width: 100%; height: 1px;}
.dummy { position: relative; margin: 0 auto; width: 100%;}
.conte5 .dummy { position: relative; margin: 7% auto 10%; width: 100%;}
.dumy .dummy{ position: relative; margin: 7% auto 20%; width: 100%;}

.cta-box { padding: 30px 0px 0; width: 100%;}
.cta { background: url(../img/cta/cta_bg2.png) no-repeat; width: 100%; height: 300px; margin: 0 auto; position: absolute; top: -170px; background-size: 100%;}



.cta-box p { color: #fff !important; text-align: center;}
p.cta_title { padding: 10px 0px 8px 0; font-size: 20px; font-weight: bold; text-align: center; width: 100%;}
p.cta_sub_title { padding-bottom: 20px;}
p.tel_title { color: #484848 !important; background: #fff; font-weight: bold; border-radius: 18px; margin: 0 auto; text-align: center;}
.cta_tel { width: 70%; margin: 6% auto 0; float: none;}
.cta_button { width: 100%; cursor: pointer; float: none;}
p.tel_img { margin: 4% 0% 0% 0%;}
a.cta_click { color: #484848 !important; font-size: 16px; font-weight: bold; text-align: center; background: #fff218; padding: 8px 30px; width:70%; margin: 0 auto; border-radius: 46px; display: block;}
.cta-box2{width: 100%;}
.cta-box2:after { display: block; clear: both; content: "";}

.title-border { display: flex; align-items: center; width: 90%; margin: 0 auto; color: #fff;}
.title-border:before,.title-border:after {border-top: 1px solid #7cd5fa; content: "";flex-grow: 1;}
.title-border:before {margin-right: 1rem;}
.title-border:after {margin-left: 1rem;}

table tbody tr td img{width: 98%;}

/******************************************************************************/
/*-------------------- 掲載業者や文字装飾、特殊レイアウト --------------------*/
/******************************************************************************/
/* レイアウト */
.fl-right { float: right;	margin-left: 10px;}
.txt_right { text-align: right;}
.fl-left { float: left;	margin-right: 10px;}
.txt_left { text-align: left;}
.center {	margin: 0px auto 0;	text-align:center;}
.p_ex {	margin: 10px auto;	line-height: 1.8em;}


/* 文字装飾 */
/* 黒 */
.black { color: #000; font-weight: bold;	font-size:12px;}
.bold { color: #000; font-weight: bold;	font-size:14px;}
.black_bg {
	color: #333; font-size: 16px; font-weight: bold; margin: 8px 0; text-decoration: none; text-shadow: 2px 2px 0 #FFFFFF, 3px 3px 2px #999999;
}
/* 赤 */
.red { color: #f00;}
.strong { color: #f00; font-weight: bold; font-size: 14px;}
/* 緑 */
.green { color: #228B22; font-size: 14px;}
.big_green { color: #5A8B58; font-size: 15px; font-weight: bold;}
/* 青 */
.blue { color: #015DB2;}
.big_blue { color: #06C; font-size: 14px; font-weight: bold;}
/* 白 */
.white { color: #fff; font-weight: bold; font-size: 14px;}
.brown { color: #926337; font-size: 14px; font-weight: bold;}
.f_pink{color:#FF00FF;}
.f_pink02{color: #F89089;}
.gray{color: #666;}
.f_yellow01{color: #eef85a;}
.f_orange{color: #ff9c00;}

/* 文字サイズ */
.mini_txt { font-size: 12px;}
/* 下線underline */
.underL { text-decoration: underline;}
.bl{font-weight: bold;}




/*===============================================
	font-size
===============================================*/
.f7{font-size:7px !important;}
.f8{font-size:8px !important;}
.f9{font-size:9px !important;}
.f10{font-size:10px !important;}
.f11{font-size:11px !important;}
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;}
.f15{font-size:15px !important;}
.f16{font-size:16px !important;}
.f17{font-size:17px !important;}
.f18{font-size:18px !important;}
.f19{font-size:19px !important;}
.f20{font-size:20px !important;}
.f21{font-size:21px !important;}
.f22{font-size:22px !important;}
.f23{font-size:23px !important;}
.f24{font-size:24px !important;}
.f25{font-size:25px !important;}
.f26{font-size:26px !important;}
.f27{font-size:27px !important;}
.f28{font-size:28px !important;}
.f29{font-size:29px !important;}
.f30{font-size:30px !important;}
.f34{font-size:34px !important;}
.f_big{font-size:1.7rem !important; line-height: 2.3rem;} 
.f_big2{font-size:2.5rem !important;}

/******************************************************************************/
/*-------------------- 掲載業者や文字装飾、特殊レイアウト --------------------*/
/******************************************************************************/
sup {	font-size:7px;}
.spacing {	margin-bottom: 10px;}


/******************************************************************************/
/*-------------------- フッターデザイン --------------------*/
/******************************************************************************/
#f_navigation{ /*background:linear-gradient(to right, #3D9EA0, #3D638F);*/background-color: #3a4147; padding:50px 0 30px;}
.logo{width:100%; text-align:center; font-size:50px; margin:0 auto 30px; font-weight:bold; letter-spacing: 0.1em;}
.logo a{color:#fff !important;}
.logo a:hover{color:#fff !important;}
.copyright{width:100%!important; text-align:center; font-size:18px; margin:10px auto!important; color:#fff;}
#f_navigation ul{width:100%; text-align:center; margin:0 auto 20px; color:#fff; display: flex; flex-direction: row; justify-content: space-evenly;}
#f_navigation li{float:left; font-size:18px;}
#f_navigation li a{color:#fff !important;}
#f_navigation li a:hover{text-decoration:underline;}


/******************************************************************************/
/*-------------------- TOP共通 --------------------*/
/******************************************************************************/
.white-bg{background:#fff;}
.blue-bg{background:#78c9da;}
.inner{width:100%; text-align:center; margin:0 auto;}
.img1-bg{background:url(../img/top/con07.png);}
.img2-bg{background:url(../img/top/con10.png);}
.img3-bg{background:url(../img/top/con18.png);}



/*-------------------- 見出し --------------------*/
.contemidashi1{ font-size: 1.1rem; letter-spacing: 0.2rem; font-weight: bold; padding: 7% 0 0px; margin: 40% auto 0; text-align: center; width: 100%; height: 60px; background-image: url(../img/top/con01.png); background-repeat: no-repeat; background-position: 50% 53%; background-size: 97%;}
.contemidashi2{ font-size: 1.1rem; letter-spacing: 0.2rem; font-weight: bold; padding: 70px 0 0px; text-align: center; width: 100%; height: 140px; background-image: url(../img/top/con06.png); background-repeat: no-repeat; background-position: 50% 53%; background-size: 97%;}
.contemidashi3{ font-size: 1.1rem; letter-spacing: 0.2rem; font-weight: bold; padding: 25px 0 0px; margin: 15% auto 5%; text-align: center; width: 100%; height: 60px; background-image: url(../img/top/con08.png); background-repeat: no-repeat; background-position: 50% 53%; background-size: 97%;}
.contemidashi4{ font-size: 1.1rem; letter-spacing: 0.2rem; font-weight: bold; padding: 240px 0 50px; text-align: center; width: 100%; height: 310px; background-image: url(../img/top/con10.png); background-repeat: no-repeat; background-position: 50% 53%;background-size: 97%;}
.contemidashi5{ font-size: 1.1rem; letter-spacing: 0.2rem; font-weight: bold; padding: 75px 0 50px; text-align: center; width: 100%; height: 150px; background-image: url(../img/top/con11.png); background-repeat: no-repeat; background-position: 50% 53%; background-size: 97%;}
.contemidashi6{ font-size: 1.1rem; letter-spacing: 0.2rem; font-weight: bold; padding: 45px 0 50px; text-align: center; width: 100%; height: 95px; background-image: url(../img/top/con13.png); background-repeat: no-repeat; background-position: 50% 53%;background-size: 97%;}


/*-------------------- conte1 --------------------*/
.conte1{padding:0px 0 50px;}
.white-bg-conte1{background:#fff; height: 1180px; padding-top: 7%;}
.sp-conte1-1{margin:0 20%; background-repeat: no-repeat; height: 200px;}
.sp-conte1-1 li{margin: 0 0 50px; font-weight: bold; color: #114271; text-align: center; font-size: 15px; padding: 80% 0 0 0;}

.sp-conte1-1bk1{ background-image: url(../img/top/1-1-1.png); background-repeat: no-repeat; list-style: none; height:100%;     padding-top: 80%; background-position: 50% 0;}
.sp-conte1-1bk2{ background-image: url(../img/top/1-1-2.png); background-repeat: no-repeat; list-style: none; height:100%;     padding-top: 80%; background-position: 50% 0;}
.sp-conte1-1bk3{ background-image: url(../img/top/1-1-3.png); background-repeat: no-repeat; list-style: none; height:100%;     padding-top: 80%; background-position: 50% 0;}
.sp-conte1-1bk4{ background-image: url(../img/top/1-1-4.png); background-repeat: no-repeat; list-style: none; height:100%;     padding-top: 80%; background-position: 50% 0;}

.conte1-2{border:1px solid #AEAFAE; border-radius: 15px; padding:20px 0; margin:0 0 50px;}
.conte1-3{}

.campaign .conte1-1 td{margin:0 0 50px; font-weight: bold; color: #114271; text-align:center; padding:18px 7px!important;}
.institute .conte1-1 td{margin:0 0 50px; font-weight: bold; color: #114271; text-align:center; padding:18px  12px!important;}
.kasou .conte1-1 td{margin:0 0 50px; font-weight: bold; color: #114271; text-align:center; padding: 18px;}

/*-------------------- conte2 --------------------*/
.conte2{padding:50px 0 50px;}
.conte2-1 {font-size: 1.3rem; font-weight: 500; padding-bottom: 10%;}
.conte2-2 img{width:85%;}

/*-------------------- conte3 --------------------*/
.conte3{padding:50px 0 50px;}
.conte3-1{background:#fff; width:100%; display: flex; flex-direction: row; justify-content: space-evenly;}
.conte3-1 ul{padding:22px;}
.conte3-1 li{float:left; width:110px; text-align:center; margin:5px 0;}


/*-------------------- conte4 --------------------*/
.conte4{ height: 1040px;}
.conte4-1{height: 100%;}
.conte4bk{background: white; width: 90%; margin: 0 auto; padding-top: 5%; height: 100%;}

.sp-conte4-1{background:url(../img/top/con09-1.png); background-repeat: no-repeat; list-style: none; text-align: center; background-position: 50% 0; padding-top: 47%; margin: 10%;}
.sp-conte4-2{background:url(../img/top/con09-2.png); background-repeat: no-repeat; list-style: none; text-align: center; background-position: 50% 0; padding-top: 53%; margin: 10%;}
.sp-conte4-3{background:url(../img/top/con09-3.png); background-repeat: no-repeat; list-style: none; text-align: center; background-position: 50% 0; padding-top: 42%; margin: 10%;}

/*-------------------- conte5 --------------------*/
.conte5{padding:0;}


/*-------------------- conte6 --------------------*/
.conte6{padding:50px 0 50px;}
.conte6-1{flex; flex-direction: row; justify-content: space-evenly;}
.conte6-1 ul{ width: 100%; padding: 5%;}


.conte6-1 li{text-align: center; width: 100%; margin: 0 0 30px; font-size: 110%; font-weight: 500; padding:50px 8px;}
.conte6-1-1 {background: url(../img/top/con14.png); background-repeat: no-repeat; height: 329px; text-align: center; width: 50%; margin: 0 0 30px; padding: 8% 3% 0% 0%;}
.conte6-1-2 {background: url(../img/top/con15.png); background-repeat: no-repeat; height: 329px; text-align: center; width: 50%; margin: 0 0 30px; padding: 5.5% 3% 0% 0%;}
.conte6-1-3 {background: url(../img/top/con16.png); background-repeat: no-repeat; height: 329px; text-align: center; width: 50%; margin: 0 0 30px; padding: 5.5% 3% 0% 0%;}
.conte6-1-4 {background: url(../img/top/con17.png); background-repeat: no-repeat; height: 329px; text-align: center; width: 50%; margin: 0 0 30px; padding: 5.5% 3% 0% 0%;}
.faq_midashi{ font-size: 145%!important; font-weight: 600; color: #44acfe;}

/*-------------------- conte7 --------------------*/
.conte7{padding:0;}




/* 次のページへ進むボタン共通 */
.midashi1 {/*background: linear-gradient(45deg,#3D9EA0,#3D638F);*/ width: 100%; padding:8px; margin:0 auto;}
.midashi2{text-align: center; line-height: 2.5rem; background: #FFF; padding:15px 5px; font-size: 2.5em; font-weight: bold; letter-spacing: 0.2em; text-indent: 0.5em; transition: all .5s; width: 100%; border:0;}


/* 業者一覧 */
.corp_logo{ text-align: center; margin-bottom: 20px; width: 100%;}
.corp_right{ margin: 0 auto !important; width: 98%;}
.corp_right .corp_midashi{border-left:solid 5px #78c5f4; padding: 0 10px; font-size:20px; margin:0 0 15px; font-weight:bold;}
.corp_right .corp_txt{font-size:18px; margin:0 0 30px;}


/*免責事項*/
.dashed{border-bottom: dashed 1px gray;}

/*保護ポリシー*/
.corp_midashi{border-left:solid 5px #78c5f4; padding: 0 10px; font-size:20px; margin:0 0 15px; font-weight:bold;}


a{font-size: 18px;}

/******************************************************************************/
/*-------------------- 下層TOP共通 --------------------*/
/******************************************************************************/
#kasouheader-top3 {background-image: url(../img/header/main-visual_03.png); height: 82%; background-position: center top; margin-bottom: 60px;}
#kasouheader-top4 {background-image: url(../img/header/main-visual_04.png); height: 82%; background-position: center top -150px; margin-bottom: 60px;}
#kasouheader-top5 {background-image: url(../img/header/main-visual_05.png); height: 82%; background-position: center top; margin-bottom: 60px;}
#kasouheader-top6 {background-image: url(../img/header/main-visual_06.png); height: 82%; background-position: center top; margin-bottom: 60px;}


/*-------------------- 見出し --------------------*/
.kasou .contemidashi1{ font-size: 1.1rem; letter-spacing: 0.2rem; font-weight: bold; padding: 7% 0 0px; margin: 35% auto 0; text-align: center; width: 100%; height: 60px; background-image: url(../img/top/con01.png); background-repeat: no-repeat; background-position: 50% 53%; background-size: 97%;}
.kasou .contemidashi2{ font-size: 1.1rem; letter-spacing: 0.2rem; font-weight: bold; padding: 65px 0 0; text-align: center; width: 100%; height: 130px; background-image: url(../img/top/con06.png); background-repeat: no-repeat; background-position: 50% 53%;background-size: 97%;}
.kasou .contemidashi3{ font-size: 1.1rem; letter-spacing: 0.2rem; font-weight: bold; padding: 69px 0 0px; text-align: center; width: 100%; height: 140px; background-image: url(../img/top/con08.png); background-repeat: no-repeat; background-position: 50% 53%; background-size: 97%; margin: 0;}
.kasou .contemidashi4{ font-size: 1.1rem; letter-spacing: 0.2rem; font-weight: bold; padding: 240px 0 50px; text-align: center; width: 100%; height: 310px; background-image: url(../img/top/con10.png); background-repeat: no-repeat; background-position: 50% 53%;background-size: 97%;}
.kasou .contemidashi5{ font-size: 1.1rem; letter-spacing: 0.2rem; font-weight: bold; padding: 64px 0 0; text-align: center; width: 100%; height: 130px; background-image: url(../img/top/con11.png); background-repeat: no-repeat; background-position: 50% 53%; background-size: 97%;}
.kasou .contemidashi6{ font-size: 1.1rem; letter-spacing: 0.2rem; font-weight: bold; padding: 60px 0 50px; text-align: center; width: 100%; height: 135px; background-image: url(../img/top/con13.png); background-repeat: no-repeat; background-position: 50% 53%;background-size: 97%;}

#wrapper .kasou{margin-top: 180px;}
/**********************************************************************/
/*----------------------------- スマホ用終わり-----------------------------*/
/**********************************************************************/
}