@charset "UTF-8";

body {
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.6;
}

/*----------------------
		ヘッダー		
----------------------*/

.sub_title {
	font-size:1.2em;
	line-height: 1.5;
}

.main_title {
	font-weight:bold;
	color:#fff;
	font-size:38px;
	line-height:1.2;
}
.main_title a{
	color:#fff;
}
.main_title a:hover{
	color:#fff;
}
.note_title {
	font-size:0.8em;
	margin-top:-35px;
}

.header_title_box {
	background-color:#df4840;
	color:#fff;
}

/* ヘッダーCTA */

.header_cta {
	background-color:#fff;
	color:#000;
}
.tel2 {
	font-weight:bold;
	font-size:36px;
	line-height: 1.2;
}

.cta_box {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	width: 300px;
	text-align: center;
}

.tel {
	font-weight:bold;
	font-size:36px;
	line-height: 1.2;
}

.tel a{
	text-decoration: none;
	color:#4141dd;
}

.tel a:hover {
	text-decoration: none;
	color:#4141dd;
}

.tel_note {
	font-size:0.8em;
}

.section_band {
	background-color:#df4840;
	padding:8px;
}

/*----------------------
	　 コンテンツ		
----------------------*/

a {
	text-decoration: none;
	color:#4141dd;
}
a:hover {
	text-decoration: none;
	color:#4141dd;
}

.container h1 {
	font-weight:900;
	color:#df4840;
}

.container h2 {
	font-size:28px;
}

.base_space {
	margin:10px 0px 20px 0px;
}
.back_red {
	background-color:#df4840;
}

.catch_box {
	border:5px solid #ff99ab;
}
.catch1 {
	padding:15px;
	background-color:#fff;
}

.catch2 {
	font-size:1.2em;
	background-color:#fff;
	
}

.under_yellow {
	background: linear-gradient(transparent 50%, yellow 50%);
}
.under_pink {
	background: linear-gradient(transparent 50%, #ff99ab 50%);
}
.under_blue {
	background: linear-gradient(transparent 50%, #a8eaff 50%);
}
.under_green {
	background: linear-gradient(transparent 50%, #8effa1 50%);
}

.under_yellow_min {
	background: linear-gradient(transparent 70%, yellow 70%);
}
.under_pink_min {
	background: linear-gradient(transparent 70%, #ff99ab 70%);
}
.under_blue_min {
	background: linear-gradient(transparent 70%, #a8eaff 70%);
}
.under_green_min {
	background: linear-gradient(transparent 70%, #8effa1 70%);
}
/* メイン 画像 */

.mainimg {
	border-bottom:3px solid #df4840;
}

.menu_image {
	max-width:100%;
}

/* メイン テキスト */

.point {
	background-color:#f2f2f2;
}

/* ページトップ */

#contents {
  width: 1060px;
  margin: 0 auto;
}
.pagetop {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 20px;
  width: 50px;
  height: 50px;
}
.pagetop a {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #9fb7d4;
  color: #fff;
  text-align:center;
  line-height:1.2em;
  text-decoration: none;
}
.pagetop a:hover {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #4776AF;
  text-decoration: none;
}
/*----------------------
		会社案内		
----------------------*/

/* 勧誘方針 */

.dl_box {
	width:80%;
	margin:0 auto;
	margin-top:30px;

}
.dl_box h2 {
	font-size:22px;
	font-weight:bold;
	padding: 0.25em 0.5em;
	border-left: solid 7px #df4840;
}

.dl_box p {
	font-size:0.8em;
}

.headline{
	font-weight:bold;
}

.contract dt {
	border-bottom:1px solid #df4840;
	font-size:0.8em;
}

.contract dd {
	font-size:0.7em;
}

/*----------------------
	 送信完了ページ		
----------------------*/

.thanks_box {
	width:80%;
	margin:0 auto;
	padding:50px 15px;
	line-height:2em;
}

/*----------------------
		フッター		
----------------------*/

footer {
  margin-top: auto;
}

.footer_link {
	color:#00f;
	text-align:center;

}


.footer_title_box {
	background-color:#df4840;
	color:#fff;
	font-size:0.85em;
}

.footer_main_title {
	font-weight:bold;
	font-size:36px;
	line-height: 1.2;
}
.footer_main_title a{
	color:#fff;
}
.footer_main_title a:hover{
	color:#fff;
}
.copyright {
	text-align:center;
	font-size:0.85em;
}

@media (min-width: 576px) {

	.container {
		max-width: 540px;
	}

	.mainimg {
		border-bottom:4px solid #df4840;
	}

}
 
@media (min-width: 768px) {

	.container {
		max-width: 720px;
	}

}
 
@media (min-width: 992px) {

	.container {
		max-width: 960px;
	}

	.mainimg {
		border-right:8px solid #df4840;
		border-bottom:0px;
	}
}
 
@media (min-width: 1200px) {

	.container {
		max-width: 1140px;
	}
}