@charset "UTF-8";
/* CSS Document */
h4{
	font-weight: 700;
}
.inner-01{
	width: 80%;
	margin: 0 auto;
}
.border-b {
    border-bottom: 1px solid rgb(0, 66, 142);
}
.indent-1 {
padding-left:1em;
text-indent:-1em;
}


.sub_slider_area {
  /*background: url(../img/main_01.jpg) no-repeat scroll center center;*/
  background-size: cover;
	height: 400px;
	overflow: hidden;
  width: 100%;
  position: relative;	
}
.sub_1st_area {
    padding: 70px 0 70px 0;
}
#bg-sub-main{
    width: 1280px;
    z-index: -1;
	position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    background: url(../img/main_01.jpg) no-repeat;
    background-size: cover;
}
.sub-mainview-txt {
    color: #fff;
    font-size: 4.5em;
    position: absolute;
    top: 14vw;
	background: url(../img/sub_main_01.png) no-repeat;
	width: 100%;
	height: 380px;
}
.c_title {
    text-align: left;
    padding-left: 10%;
    padding-bottom: 40px;
    position: relative;
}
.c_title:before {
	content:"";
	top: 0;
	left: 0;
	width: 100%;/*指定したい幅*/
	display: block;
}

.c_title:after {/*画像を絶対配置*/
  position: absolute;
  content: '';
  top: 10%;
  left:0;
  display: block;
  width: 10%;/*幅*/
  height: 70px;/*どれだけデカくなってもはみ出ないであろう高さを指定*/
  background-image:  url(../img/icon/title-icon.png);
  background-size: contain;
  background-repeat: no-repeat;/*画像を繰り返さない*/
  }
.c_title h2 {
    font-size: 3vw;
}
.c_title-2 {
    text-align: left;
    padding-left: 10%;
    padding-bottom: 40px;
    position: relative;
	color: #fff;
}
.c_title-2:before {
	content:"";
	top: 0;
	left: 0;
	width: 100%;/*指定したい幅*/
	display: block;
}

.c_title-2:after {/*画像を絶対配置*/
  position: absolute;
  content: '';
  top: 10%;
  left:0;
  display: block;
  width: 10%;/*幅*/
  height: 70px;/*どれだけデカくなってもはみ出ないであろう高さを指定*/
  background-image:  url(../img/icon/title-icon.png);
  background-size: contain;
  background-repeat: no-repeat;/*画像を繰り返さない*/
  }
.c_title-2 h2 {
    font-size: 3vw;
}




.feature_item {
    background: rgba(255,255,255,0.1);
	padding: 40px 0 0 0;
}
.feature_item p {
	font-size: 18px;
    padding-bottom: 1px;
	text-align: left;
}
.feature_item:hover {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.11);
}

.sub_2nd_area{
	background: url(../img/s_bg.jpg) no-repeat;
	background-size: cover;
	padding: 50px auto;
}
.sub_2nd_area {
	color: #fff;
}
.container-2 {
    max-width: 1140px;
    padding: 70px 15px;
    margin-right: auto;
    margin-left: auto;	
}
.service-span{
	font-size: 16px;
}
.service-img01 {
    width: 80%;
    margin: 30px auto 30px;
}
.service-img01 img{
	width: 100%;
	height: auto;
}
.service-ul {
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 600;
}
.service-ul li {
    padding-left: 0.6em;
    text-indent: -0.6em;
	margin-bottom: 10px;
}
.service-ul li i{
	margin-right: 5px;
}
.service-ul-2 {
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 600;
}
.service-ul-2 li {
    padding-left: 0.6em;
    text-indent: -0.6em;
	margin-bottom: 20px;
}
.service-ul-2 li i{
	margin-right: 5px;
}



.sub-mainview-txt2 {
    color: #fff;
    font-size: 4.5em;
    position: absolute;
    top: 14vw;
    background: url(../img/sub_main_02.png) no-repeat;
    width: 100%;
    height: 380px;
}

.inner-02 {
    width: 80%;
    margin: 0 auto;
    padding: 30px;
    background: rgba(255,255,255,0.2);
}

.line-tbl-01 {
  width: 100%;
}

.line-tbl-01 th{
  position: relative;
  text-align: left;
  width: 20%;
	vertical-align: top;
}

.line-tbl-01 th:after{
    display: block;
    content: "";
    width: 50px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 13px;
    right: 20px;
}

.line-tbl-01 td{
  text-align: left;
  width: 85%;
}


.line-tbl-02{
  width: 100%;
  border-spacing: 0;
}

.line-tbl-02 th{
  border-bottom: solid 2px #fb5144;
  padding: 10px 0;
}

.line-tbl-02 td{
  border-bottom: solid 2px #ddd;
  padding: 10px 20px;
}

.sub-mainview-txt3 {
    color: #fff;
    font-size: 4.5em;
    position: absolute;
    top: 14vw;
    background: url(../img/sub_main_03.png) no-repeat;
    width: 100%;
    height: 380px;
}
.prof-img{
	width: 100%;
	margin: -30px auto 50px;
}
.prof-img img {
    width: 100%;
}
.inner-03 {
    width: 60%;
    margin: 0 auto;
    padding: 30px;
    background: rgba(255,255,255,0.2);
}
.line-tbl-03 {
    width: 95%;
    margin: 10px 0 30px 5%;
    font-size: 18px;
}

.line-tbl-03 th{
  position: relative;
  text-align: left;
  width: 30%;
	vertical-align: top;
}

.line-tbl-03 th:after{
    display: block;
    content: "";
    width: 50px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 13px;
    right: 20px;
}

.line-tbl-03 td{
  text-align: left;
  width: 70%;
}
.zeimu{
	margin-left: 5%;
	margin-top: 10px;
}
.reward {
    display: inline-block;
    border: 1px solid;
    font-size: 16px;
    width: 165px;
    text-align: center;
    margin: 0 0 0 20px;
    vertical-align: middle;
}
.reward a{ 
	display: block;
	width: 100%;
	height: 100%;
	    padding: 7px;
}

/*◼️ 1280px~（大型PC） */
@media screen and (min-width:76em) {}/*◼️ 1280px~（大型PC） */
/*◼️ 1200px（タブレット横・PC）　*/
@media screen and ( max-width:75em) {
}/*◼️ 1200px（タブレット横・PC）　*/
/*◼️ 900px~1199px（タブレット縦横）　*/
@media screen and (min-width:56.25em) and ( max-width:74.9375em) {
.navbar-light .navbar-brand {
    width: 30%;
}	
.sub-mainview-txt {
    top: 22vw;
    width: 100%;
    height: 55px;
    background-size: 100%;
}	
.sub-mainview-txt2 {
    top: 22vw;
    width: 100%;
    height: 55px;
    background-size: 100%;
}
.sub-mainview-txt3{
    top: 22vw;
    width: 100%;
    height: 55px;
    background-size: 100%;
}		
}/*◼️ 900px~1199px（タブレット縦横）　*/
/*◼️ 500px~899px タブレット（縦）＆モバイル（横） */
@media screen and (min-width:31.25em) and ( max-width:56.1875em) {
.sub_slider_area {
    height: 350px;
}
.sub-mainview-txt {
    top: 22vw;
    width: 100%;
    height: 55px;
    background-size: 120%;
}	
.sub-mainview-txt2 {
    top: 22vw;
    width: 100%;
    height: 55px;
    background-size: 120%;
}
.sub-mainview-txt3{
    top: 22vw;
    width: 100%;
    height: 55px;
    background-size: 120%;
}
	
.c_title,.c_title-2 {
    padding-left: 27%;
}
.c_title:after,.c_title-2:after {
    width: 25%;
    height: 70px;
}
.c_title h6,.c_title-2 h6 {
    font-size: 28px;
	}
.c_title h2,.c_title-2 h2 {
    font-size: 5vw;
}
.inner-01 {
    width: 100%;
    margin: 0 auto;
}
.prof-img {
    background-size: contain;
	background-position: center;
    width: 100%;
    height: 150px;
    margin: -30px auto 30px;
}	
.inner-02 {
	width: 98%;
	padding: 30px 5px;
	}
.line-tbl-01 {
    width: 100%;
    font-size: 12px;
}

.line-tbl-01 td {
    padding-left: 20px;
}	
.line-tbl-01 th:after {
    width: 50px;
    height: 2px;
    right: -13px;
}

.line-tbl-02 {
    font-size: 14px;
}
.service-img01 {
    width: 98%;
}
.reward {
    margin: 30px auto;
	}
.tit-01 {
    margin: 0 auto 22px;
}
	
.inner-03 {
    width: 100%;
}	
.inner-03 h2 {
    font-size: 20px;
    margin: 20px auto;
	border-bottom: 1px solid #fff;
}
.line-tbl-03 {
    width: 65%;
    font-size: 18px;
	margin: 0 auto;
}
.line-tbl-03 td {
    padding-left: 30px;
}
.line-tbl-03 th {
    width: 40%;
}	
.line-tbl-03 th:after {
    width: 35px;
    height: 2px;
    right: -13px;
}

.inquiry_txt {
    margin: 0 auto!important;
}	
		
}/*◼️ 500px~899px タブレット（縦）＆モバイル（横） */
/*◼️ ~480px（モバイル縦） */
@media screen and ( max-width:31.1875em) { 

.sub_slider_area {
    height: 200px;
}
.sub-mainview-txt {
    top: 35vw;
    width: 100%;
    height: 55px;
    background-size: 160%;
}	
.sub-mainview-txt2 {
    top: 35vw;
    width: 100%;
    height: 55px;
    background-size: 160%;
}
.sub-mainview-txt3{
    top: 35vw;
    width: 100%;
    height: 55px;
    background-size: 160%;
}
	
.c_title,.c_title-2 {
    padding-left: 27%;
}
.c_title:after,.c_title-2:after {
    width: 25%;
    height: 70px;
}
.c_title h6,.c_title-2 h6 {
    font-size: 28px;
	}
.c_title h2,.c_title-2 h2 {
    font-size: 5vw;
}
.inner-01 {
    width: 100%;
    margin: 0 auto;
}
.prof-img {
    background-size: contain;
	background-position: center;
    width: 100%;
    height: 80px;
    margin: -30px auto 30px;
}	
.inner-02 {
	width: 98%;
	padding: 30px 5px;
	}
.line-tbl-01 {
    width: 100%;
    font-size: 12px;
}

.line-tbl-01 td {
    padding-left: 20px;
}	
.line-tbl-01 th:after {
    width: 15px;
    height: 2px;
    right: -13px;
}

.line-tbl-02 {
    font-size: 14px;
}
.service-img01 {
    width: 98%;
}
.reward {
    margin: 30px auto;
	}
.tit-01 {
    margin: 0 auto 22px;
}
	
.inner-03 {
    width: 100%;
}	
.inner-03 h2{
	font-size: 14px;
}
.line-tbl-03 {
    width: 100%;
    font-size: 16px;
}
.line-tbl-03 td {
    padding-left: 30px;
}
.line-tbl-03 th {
    width: 40%;
}	
.line-tbl-03 th:after {
    width: 15px;
    height: 2px;
    right: -13px;
}

.inquiry_txt {
    margin: 0 auto!important;
}	
	
	
	
}/*◼️ ~480px（モバイル縦） */