/* 元LPのbase.css */
/* 元base.cssにあったreset.cssは削除 */
/*container 調整-----------------------------------------------------------------------------*/

.container{
	width:100%;
	padding-right:30px;
	padding-left:30px;
	margin-right:auto;
	margin-left:auto
}

@media (min-width:576px){
	.container{max-width:767px}
}

@media (min-width:768px){
	.container{max-width:990px}
}

@media (min-width:992px){
	.container{max-width:990px}
}

@media (min-width:1200px){
	.container{max-width:1000px}
}



/*表示-----------------------------------------------------------------------------*/

/*スマホ表示のみ*/
@media (min-width:768px){
	.hid_sm_xs {
		display: none !important;
	}
}

/*pc表示のみ*/
@media (max-width:767px){
	.hid_md_lg {
		display: none !important;
	}
}
/* 元LPのstyle.css */
/*-------------------------------------------------------------------
	
	レイアウト

-------------------------------------------------------------------*/
.right {
	text-align: right;
	}

.center {
	margin:0 auto;
	}

.center_text {
	text-align:center;
	}

.f_left {
	float:left;
}

.f_right {
	float: right;
}

.font-b {
	font-weight: bold;
}

.font-36 {
	font-size: 3.6rem;
	line-height: 1.4;
}

.font-28 {
	font-size: 2.8rem;
	line-height: 1;
}

.font-24 {
	font-size: 2.4rem;
	line-height: 1.4;
	font-weight: bold;
}

.font-20 {
	font-size: 2rem;
	line-height: 1.2;
	font-weight: bold;
}

.font-18 {
	font-size: 1.8rem;
	line-height: 1.2;
	font-weight: bold;
}

.font-16 {
	font-size: 1.6rem;
	line-height: 1.2;
}

.font-14 {
	font-size: 1.4rem;
	line-height: 1.4;
}

.font-12 {
	font-size: 1.2rem;
	line-height: 1.4;
}


.bg-white {
	background-color:#fff;
}

.bg-green {
	background-color:#005142;
}

.bg-grey {
	background-color:#f9f9f9;
}

.bg-brown {
	background-color:#ece6db;
}

.bg-ye {
	background-color:#fffbe5;
}

.bg-grey2 {
	background-color:#f1f1f1;
}



.f-green {
	color:#005142;
}

.f-white {
	color:#fff;
}



/*マージン設定　----------------------------------------------------------*/

.mb15 {
	margin-bottom:15px;
	}

.mb20 {
	margin-bottom:20px;
	}

.mb30 {
	margin-bottom:30px;
	}

.mb40 {
	margin-bottom:40px;
	}

.mb60 {
	margin-bottom:60px;
	}

.mb100 {
	margin-bottom:100px;
	}

.mt20 {
	margin-top:20px;
	}

.mt40 {
	margin-top:40px;
	}

.mt50 {
	margin-top:50px;
	}

.mt60 {
	margin-top:60px;
	}

.mt80 {
	margin-top:80px;
	}

.mt100 {
	margin-top:100px;
	}

.pt05 {
	padding-top:5px;
	}

.pt10 {
	padding-top:10px;
	}

.pt20 {
	padding-top:20px;
	}

.pt30 {
	padding-top:30px;
	}

.pt40 {
	padding-top:40px;
	}

.pt60 {
	padding-top:60px;
	}

.pt80 {
	padding-top:80px;
	}

.pt100 {
	padding-top:100px;
	}

.pb05 {
	padding-bottom:5px;
	}

.pb10 {
	padding-bottom:10px;
	}

.pb20 {
	padding-bottom:20px;
	}

.pb30 {
	padding-bottom:30px;
	}

.pb40 {
	padding-bottom:40px;
	}

.pb30 {
	padding-bottom:30px;
	}

.pb60 {
	padding-bottom:60px;
	}

.pb80 {
	padding-bottom:80px;
	}

.pb100 {
	padding-bottom:100px;
	}

.mr5 {
	margin-right:5px;
	}

.mrl {
	margin-left:5px;
	}

.pr15 {
	padding-right:15px;
	}

.pl15 {
	padding-left:15px;
	}

.mr30 {
	margin-right:30px;
	}

.ml30 {
	margin-left:30px;
	}

.faq {
     position: relative;
     padding:0 0 0.5em 0.7em;
     border-bottom: 2px dotted #005142;
}
 
.faq::after {
     position: absolute;
     top: 0.2em;
     left:0;
     content: '';
     width: 5px;
     height:1em;
     background-color: #005142;
}


/*ボタン----------------------------------------------------------*/
.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #ff9c00;
  border-radius: 50px!important;
  padding: 20px 0px;
  font-weight: bold;

}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #ff6000;
  border-radius: 50px!important;
  padding: 20px 0px;
  font-weight: bold;
}

.btn--orange:active {
  color: #fff;
  border-radius: 50px!important;
  padding: 20px 0px;
  font-weight: bold;
}

@media (min-width:768px){
.btn--orange {
  font-size: 20px;
}
}

@media (max-width:767px){
.btn--orange {
  font-size: 18px;
}
}

/*ファーストビュー----------------------------------------------------------*/
.mv {
    width: 100%;
    height: 607px;
    background: url("../img/line/mv.jpg?3") no-repeat top center;
	background-color: #f0f0f0;
}


@media (min-width:768px){
	.headtxt {
		background-color: #fffae0;
	}
.box {
	margin: 0 auto;
	padding: 20px;
	background-color: #FFFFFF;
	border: solid 8px #00a0e9;
	border-radius: 20px;
}
.boxvoice {
	width: 100%;
	margin: 0 30px;
	padding: 20px;
	background-color: #FFFFFF;
	border: solid 8px #00a0e9;
	border-radius: 20px;
}
.ctapc {
	background: url("../img/line/cta-bg2.png?2") no-repeat top center;
	background-size: cover;
	height: 423px;
}

}

@media (max-width:767px){
.box {
	margin: 0 auto;
	padding: 20px;
	background-color: #FFFFFF;
	border: solid 8px #00a0e9;
	border-radius: 20px;
}
.boxvoice {
	width: 300px;
	margin: 0 5px;
	padding: 15px;
	background-color: #FFFFFF;
	border: solid 8px #00a0e9;
	border-radius: 20px;
}
}

.line img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}


/*以下コンテンツ----------------------------------------------------------*/

.present {
    background: url("../img/line/present-bg.jpg?2") no-repeat top center;
	height: 521px;
	background-size: cover;
}

.cta {
	background: url("../img/line/dazz-bg.jpg?2") no-repeat top center;
	background-size: cover;
}