@charset "utf-8";

/* ==========================================================================
   Reset
============================================================================= */
.lp_contents div,
.lp_contents span,
.lp_contents object,
.lp_contents h1,
.lp_contents h2,
.lp_contents h3,
.lp_contents h4,
.lp_contents h5,
.lp_contents h6,
.lp_contents p,
.lp_contents a,
.lp_contents img,
.lp_contents dl,
.lp_contents dt,
.lp_contents dd,
.lp_contents ol,
.lp_contents ul,
.lp_contents li,
.lp_contents table,
.lp_contents tr,
.lp_contents th,
.lp_contents td,
.lp_contents article,
.lp_contents section,
.lp_contents audio,
.lp_contents video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
}

.lp_contents article,
.lp_contents section,
.lp_contents main {
  display: block;
}

.contentasset{
  -webkit-text-size-adjust: 100%;
}

.lp_contents ol,
.lp_contents ul {
  list-style: none;
}
.lp_contents table {
  border-spacing: 0;
  border-collapse: collapse;
}

/* ==========================================================================
   Base
============================================================================= */

.lp_contents input,
.lp_contents textarea {
  line-height: 2;
  border: 0;
  border-radius: 0;
  outline: none;
}


.lp_contents a {
  text-decoration: none;
	color:#000;
}

.lp_contents a:link,
.lp_contents a:visited {
  text-decoration: none;
}

.lp_contents a:hover,
.lp_contents a:active,
.lp_contents a:focus {
  text-decoration: none;
}
.lp_contents a img {
	border: none;
    border-style:none;
}

.lp_contents img {
	border: none;
	vertical-align:bottom;
}
.lp_contents span.supText {
	font-size: 50%;
	vertical-align: top;
	position: relative;
	top: -0.6em;
}

/* ==========================================================================
   Helper
============================================================================= */

/* clearfix
--------------------------------------------------------- */

.lp_contents .onlySP { display:none; }
.lp_contents .onlyPC { display:block; }

@media screen and (max-width: 767px) {  
	.lp_contents .onlySP { display:block; }
	.lp_contents .onlyPC { display:none; }

	.lp_contents img{
		width:100% !important;
		height:auto;
	}
}

.myperfectfit-orange{
	color:#e5710c;
}
/* mainvisual
--------------------------------------------------------- */
.lp_contents{
	font-size:24px;
	line-height: 160%;
	color: #333;
}
@media screen and (max-width: 767px) {
	.lp_contents{
		font-size:15px;
	}
}
.lp_contents .mainvisual_pc{
	position: relative;
	overflow: hidden;
	width:100%;
	height:430px;
}
.lp_contents .mainvisual_pc .mv_inner{
	position: relative;
	width:1820px;
	left:50%;
	margin-left:-910px;
}
@media screen and (max-width: 1200px) {
	.lp_contents .mainvisual_pc{
		height:auto;
	}
	.lp_contents .mainvisual_pc .mv_inner{
		position: relative;
		width:150%;
		left:50%;
		margin-left:-75%;
	}
}
@media screen and (min-width: 1820px) {
	.lp_contents .mainvisual_pc{
		height:auto;
	}
	.lp_contents .mainvisual_pc .mv_inner{
		position: relative;
		width:100%;
		left:0%;
		margin-left:0;
	}
	.lp_contents .mainvisual_pc .mv_inner img{
		width:100%;
		height:auto;
	}
}

.lp_contents .lp_contents_inner2{
	width:94%;
	max-width:1100px;
	margin:0 auto;
}


/* mt_navi
--------------------------------------------------------- */
.lp_contents .mt_navi{
	width:100%;
	margin:40px auto 60px;
}
.lp_contents .mt_navi ul{
	width:100%;
	marign:0 auto;
}
.lp_contents .mt_navi ul li{
	border-top:none !important;
	display: block;
	float:left;
	width:23.3%;
	margin-left:2.26% !important;
}
.lp_contents .mt_navi ul li:first-child{
	margin-left:0% !important;
}
.lp_contents .mt_navi ul li a{
	display: block;
	position: relative;
	border: 2px solid #000;
	text-align: center;
	color:#46484b;
	background: #fff;
	height:94px;
	line-height: 94px;
	/*font-size:100%;*/
	font-size:18pt;
	font-weight: normal;
}
.lp_contents .mt_navi ul li a span.ico{
	display: inline-block;
	position: absolute;
	right:8%;
	width:8.6%;
}
.lp_contents .mt_navi ul li a span.ico img{
	vertical-align: middle;
	margin-bottom: 5px;
}

@media screen and (max-width: 1000px) {
	.lp_contents .mt_navi ul li a{
		font-size:90%;
	}
}
@media screen and (max-width: 900px) {
	.lp_contents .mt_navi ul li a{
		font-size:75%;
	}
}


/* line_box
--------------------------------------------------------- */
.lp_contents .lp_article{
	margin-top:60px;
	padding-bottom:60px;
}
/* pull
--------------------------------------------------------- */
.lp_contents .lp_article .pull_wrap{
  margin-top:40px;
}

.lp_contents .lp_article .tit{
	padding:0 0 0px;
	line-height: 160%;
	font-size:125%;
	font-weight: bold;
	color:#012169;
	letter-spacing: 1px;
	text-align: center;
	width:100%;
}
.lp_contents .lp_article .img1{
	margin-top:0px;
}
.lp_contents .lp_article .lp_box{
	width:88%;
	margin:60px auto 0;
}
.lp_contents .lp_article .tit2{
	line-height: 160%;
	font-size:100%;
	font-weight: bold;
}
.lp_contents .lp_article .lp_box dl.lp_box_s{
	margin-top:55px;
    display: flex;
    justify-content: space-between !important;
    align-items: center;
    width: 100%;
}

.lp_box dl.lp_box_s + dl,
.lp_box dl.lp_box_s + dl + dl{
    margin-top: 40px !important;
}


.lp_contents .lp_article .lp_box dl.lp_box_s dt{
	width:34%;
	font-size:20px;
	color:#53565a;
	font-weight: normal;
	line-height: 1.5;
	text-align: center;
	background-size: 100% auto;
    position: relative;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lp_contents .lp_article .lp_box dl.lp_box_s dt::before{
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 25px;
    background: url("../images/interview/kakko01.png")
}

.lp_contents .lp_article .lp_box dl.lp_box_s dt::after{
	content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 12px;
    height: 25px;
    background: url("../images/interview/kakko02.png")
}

.lp_contents .lp_article .lp_box dl.lp_box_s dd{
	font-size:16px;
	line-height: 1.8;
	font-weight: normal;
    padding0:0;
    width: 61.3%;
}


/* btns
--------------------------------------------------------- */
.lp_contents .lp_btns{
	padding-bottom:60px;
}
.lp_contents .lp_article .lp_box2{
	width:100%;
	margin:10px auto 0;
}
.lp_contents .lp_article .lp_box2 ul{
	width:100%;
}
.lp_contents .lp_article .lp_box2 ul li{
	float:left;
	width:48.5%;
}
.lp_contents .lp_article .lp_box2 ul li:first-child{
	margin-right:3% !important;
}
.lp_contents .lp_article .pull_wrap4 .lp_box2 ul li:first-child{
  margin-left:51.5% !important;
	margin-right:0% !important;
}
.lp_contents .lp_article .lp_box2 ul li a{
	display: block;
	padding:4% 4% 2% 4%;
	background: #efeeeb;
	color:#333;
}
.lp_contents .lp_article .lp_box2 ul li a .box2_s{
	position: relative;
	width:100%;
}
.lp_contents .lp_article .lp_box2 .img{
	float:left;
	width:41%;
	margin-right:4%;
}
.lp_contents .lp_article .lp_box2 .box2_right{
	float:left;
	width:55%;
}
.lp_contents .lp_btns .b_tit,
.lp_contents .lp_article .b_tit{
	line-height: 160%;
	font-size:100%;
	font-weight: bold;
	margin-top:5px;
}
.lp_contents .lp_btns .b_txt,
.lp_contents .lp_article .b_txt{
	font-size:83%;
	font-weight: bold;
	line-height: 180%;
}
.lp_contents .lp_article .lp_box2 ul li .b_tit{
	text-indent: 10px;
}
.lp_contents .lp_article .pull_wrap2 .lp_box2 ul li.list2 .b_tit{
	text-indent: 0px;
  padding-left:5px;
  /*padding-top:20px;*/
  /*text-align: center;*/
}
.lp_contents .lp_article .pull_wrap3 .lp_box2 ul li.list2 .b_tit{
	text-indent: 0px;
  margin-left: 0px;
  margin-right:-10px;
}
.lp_contents .lp_article .pull_wrap4 .lp_box2 ul li .b_tit{
	text-indent: 0px;
  margin-left: 10px;
}
.lp_contents .lp_article .lp_box2 ul li.list1 .b_txt{
	margin-top: -10px;
}
.lp_contents .lp_article .lp_box2 ul li.list2 .b_txt{
	text-indent: 10px;
}
.lp_contents .lp_article .pull_wrap2 .lp_box2 ul li.list1 .b_txt{
	text-indent: 0px;
  padding-left:10px;
}
.lp_contents .lp_article .pull_wrap3 .lp_box2 ul li .b_txt{
	text-indent: -10px;
  padding-left:10px;
}
.lp_contents .lp_btns .link,
.lp_contents .lp_article .link{
	position: absolute;
	bottom:0;
	right:2%;
	width:52%;
	max-width:250px;
	background: #53565a;
	height:50px;
	/*font-size:66.6%;*/
	color:#fff;
	text-align: center;
	font-weight: bold;
	line-height: 50px;
}
.lp_contents .lp_article .pull_wrap3 .lp_box2 ul li.list2 .link{
	line-height: 140%;
	height:62px;
  padding-top:8px;
}
.lp_contents .lp_btns .lp_box3{
	width:100%;
	margin:15px auto 0;
}
.lp_contents .lp_btns .lp_box3 a{
	display: block;
	border: 1px solid #d2d2d2;
	padding:1.8% 1.8% 0.5% 2.5%;
	color:#333;
}
.lp_contents .lp_btns .lp_box3 a .box3_s{
	position: relative;
	width:100%;
}
.lp_contents .lp_btns .lp_box3 .img{
	float:right;
	width:48%;
}
.lp_contents .lp_btns .lp_box3 .box3_left{
	float:left;
	width:52%;
}
.lp_contents .lp_btns .lp_box3 .box3_left .b_tit{
	margin-top: -6px;
}
.lp_contents .lp_btns .lp_box3 .link{
	right:auto;
	left:0.5%;
}


/* back_to_top
--------------------------------------------------------- */
.lp_contents .back_to_top{
	width:100%;
	margin:65px auto 80px;
}
.lp_contents .back_to_top a{
	display: block;
	border: 1px solid #535353;
	text-align: center;
	color:#46484b;
	background: #fff;
	height:65px;
	line-height: 65px;
	font-size:18px;
    max-width: 620px;
    margin: 0 auto;
}
.lp_contents .back_to_top a span.ico{
	display: inline-block;
	margin-right:26px;
	width:12px;
}
.lp_contents .back_to_top a span.ico img{
	vertical-align: middle;
}


@media screen and (max-width: 1149px) {
.lp_contents .lp_btns .b_tit,
.lp_contents .lp_article .b_tit{
	font-size:90%;
	margin-top:0px;
}
.lp_contents .lp_btns .b_txt,
.lp_contents .lp_article .b_tit{
	font-size:80%;
	line-height: 180%;
}
.lp_contents .lp_btns .link,
.lp_contents .lp_article .link{
	font-size:60%;
}
.lp_contents .lp_article .pull_wrap3 .lp_box2 ul li.list2 .link{
	height:60px;
  padding-top:10px;
}
}
@media screen and (max-width: 1080px) {
.lp_contents .lp_btns .b_tit,
.lp_contents .lp_article .b_tit{
	font-size:80%;
	margin-top:0px;
}
.lp_contents .lp_btns .b_txt,
.lp_contents .lp_article .b_txt{
	font-size:70%;
	line-height: 180%;
}
.lp_contents .lp_btns .link,
.lp_contents .lp_article .link{
	font-size:50%;
}
.lp_contents .lp_article .pull_wrap3 .lp_box2 ul li.list2 .link{
	height:58px;
  padding-top:12px;
}
}
@media screen and (max-width: 935px) {
.lp_contents .lp_btns .b_tit,
.lp_contents .lp_article .b_tit{
	font-size:70%;
	margin-top:0px;
}
.lp_contents .lp_btns .b_txt,
.lp_contents .lp_article .b_txt{
	font-size:60%;
	line-height: 150%;
	margin-top:-10px;
}
.lp_contents .lp_btns .lp_box3 .box3_left .b_tit{
	line-height: 140%;
}
}
@media screen and (max-width: 810px) {
.lp_contents .lp_btns .b_tit,
.lp_contents .lp_article .b_tit{
	font-size:60%;
	margin-top:0px;
}
.lp_contents .lp_btns .b_txt,
.lp_contents .lp_article .b_txt{
	font-size:50%;
	line-height: 150%;
	margin-top:-10px;
}
.lp_contents .lp_btns .lp_box3 .box3_left .b_tit{
	line-height: 130%;
}
.lp_contents .lp_btns .link,
.lp_contents .lp_article .link{
	font-size:40%;
}
.lp_contents .lp_article .pull_wrap3 .lp_box2 ul li.list2 .link{
  line-height: 150%;
	height:56px;
  padding-top:14px;
}
}




.lp_contents .mtt10{
	margin-top:10px !important;
}
.lp_contents .mtt20{
	margin-top:20px !important;
}
.lp_contents .mtt30{
	margin-top:30px !important;
}
.lp_contents .mtt40{
	margin-top:40px !important;
}
.lp_contents .mtt50{
	margin-top:50px !important;
}
.lp_contents .mtt60{
	margin-top:60px !important;
}
.lp_contents .mtt70{
	margin-top:70px !important;
}
.lp_contents .mtt80{
	margin-top:80px !important;
}
.lp_contents .mtt90{
	margin-top:90px !important;
}
.lp_contents .mtt100{
	margin-top:100px !important;
}
.lp_contents .mtt110{
	margin-top:110px !important;
}
.lp_contents .mtt120{
	margin-top:120px !important;
}


@media screen and (max-width: 767px) {
	.lp_contents .lp_contents_inner2{
		width:94%;
		max-width:94%;
	}

	/* mt_navi
	--------------------------------------------------------- */
	.lp_contents .mt_navi{
		width:100%;
		margin:20px auto 10px;
	}
	.lp_contents .mt_navi ul{
		width:100%;
		marign:0 auto;
	}
	.lp_contents .mt_navi ul li{
		border-top:none !important;
		display: block;
		float:left;
		width:48.5%;
		margin-left:3% !important;
		margin-bottom:3% !important;
	}
	.lp_contents .mt_navi ul li:first-child,
	.lp_contents .mt_navi ul li:nth-child(2n+1){
		margin-left:0% !important;
	}
	.lp_contents .mt_navi ul li a{
		border: 1px solid #000;
		height:47px;
		line-height: 47px;
		font-size:100%;
	}
	.lp_contents .mt_navi ul li a span.ico{
		display: inline-block;
		position: absolute;
		right:8%;
		width:8.6%;
	}
	.lp_contents .mt_navi ul li a span.ico img{
		vertical-align: middle;
		margin-bottom: 5px;
	}

/* line_box
--------------------------------------------------------- */
.lp_contents .lp_article{
	margin-top:20px;
	padding-bottom:30px;
}
/* pull
--------------------------------------------------------- */
.lp_contents .lp_article .pull_wrap{
  margin-top:20px;
}
.lp_contents .lp_article .close_btn{
  margin-top:0px;
}
.lp_contents .lp_article .tit{
	padding:0px 0 0;
	font-size:100%;
	letter-spacing: 0px;
}
.lp_contents .lp_article .img1{
	width:100%;
	margin:0 auto 0;
}
.lp_contents .lp_article .lp_box{
	width:100%;
	margin:30px auto 0;
}
.lp_contents .lp_article .tit2{
	line-height: 160%;
	font-size:100%;
	font-weight: bold;
	letter-spacing: -0.5px;
	text-align: left;
}
.lp_contents .lp_article .lp_box dl.lp_box_s{
	margin-top:20px;
}


.lp_contents .lp_article .lp_box2{
	width:100%;
	margin:0px auto 0;
}
.lp_contents .lp_article .lp_box2 ul{
	width:100%;
}
.lp_contents .lp_article .lp_box2 ul li{
	float:left;
	width:48.5%;
}
.lp_contents .lp_article .lp_box2 ul li:first-child{
	margin-right:3% !important;
}
.lp_contents .lp_article .pull_wrap4 .lp_box2 ul li:first-child{
  margin-left:51.5% !important;
	margin-right:0% !important;
}
.lp_contents .lp_article .lp_box2 ul li a{
	padding:3% 3% 1% 3%;
}
.lp_contents .lp_article .lp_box2 ul li a .box2_s{
	position: relative;
}
.lp_contents .lp_article .lp_box2 .img{
	float:left;
	width:41%;
	margin-right:4%;
}
.lp_contents .lp_article .lp_box2 .box2_right{
	float:left;
	width:55%;
}
.lp_contents .lp_btns .b_tit,
.lp_contents .lp_article .b_tit{
	line-height: 160%;
	font-size:102%;
	text-align: left;
	margin-top: 0px;
}
.lp_contents .lp_btns .b_txt,
.lp_contents .lp_article .b_txt{
	font-size:80%;
	font-weight: normal;
	line-height: 180%;
	text-align: left;
}
.lp_contents .lp_article .lp_box2 ul li .b_tit{
	text-indent: 5px;
}
.lp_contents .lp_article .pull_wrap2 .lp_box2 ul li.list2 .b_tit{
	text-indent: 0px;
  padding-top:15px;
}
.lp_contents .lp_article .lp_box2 ul li.list2 .b_txt{
	text-indent: 5px;
}
.lp_contents .lp_article .pull_wrap2 .lp_box2 ul li.list1 .b_txt{
	text-indent: 0px;
  padding-left:5px;
}

.lp_contents .lp_btns .link,
.lp_contents .lp_article .link{
	position: absolute;
	right:0%;
	width:55%;
	max-width:55%;
	height:40px;
	font-size:73%;
	line-height: 40px;
}
.lp_contents .lp_article .pull_wrap3 .lp_box2 ul li.list2 .link{
  line-height: 150%;
	height:50px;
  padding-top:8px;
}
.lp_contents .lp_btns .lp_box3{
	width:100%;
	margin:15px auto 0;
}
.lp_contents .lp_btns .lp_box3 a{
	padding:3% 3% 3% 3%;
}
.lp_contents .lp_btns .lp_box3 .img{
	float:none;
	width:100%;
}
.lp_contents .lp_btns .lp_box3 .box3_left{
	float:none;
	width:100%;
}
.lp_contents .lp_btns .lp_box3 .box3_left .b_tit{
	margin-top: 8px;
}
.lp_contents .lp_btns .lp_box3 .link{
	position: relative;
	float:right;
	right:0;
	left:auto;
	margin-top:10px;
}

/* back_to_top
--------------------------------------------------------- */
.lp_contents .back_to_top{
	width:100%;
	margin:10% auto 12%;
}
.lp_contents .back_to_top a{
	display: block;
	border: 1px solid #000;
	text-align: center;
	color:#46484b;
	background: #fff;
	height:47px;
	line-height: 47px;
	font-size:15px;
	font-weight: bold;
}
.lp_contents .back_to_top a span.ico{
	display: inline-block;
	margin-right:13px;
	width:6px;
}
.lp_contents .back_to_top a span.ico img{
	vertical-align: middle;
	margin-bottom: 3px;
}



	.lp_contents .sp_mtt10{
		margin-top:10px !important;
	}
	.lp_contents .sp_mtt20{
		margin-top:20px !important;
	}
	.lp_contents .sp_mtt30{
		margin-top:30px !important;
	}
	.lp_contents .sp_mtt40{
		margin-top:40px !important;
	}
	.lp_contents .sp_mtt50{
		margin-top:50px !important;
	}
	.lp_contents .sp_mtt60{
		margin-top:60px !important;
	}
	.lp_contents .sp_mtt70{
		margin-top:70px !important;
	}
	.lp_contents .sp_mtt80{
		margin-top:80px !important;
	}
	.lp_contents .sp_mtt90{
		margin-top:90px !important;
	}
	.lp_contents .sp_mtt100{
		margin-top:100px !important;
	}
	.lp_contents .sp_mtt110{
		margin-top:110px !important;
	}
	.lp_contents .sp_mtt120{
		margin-top:120px !important;
	}



	#mv_pop .close_wrap a{
		top:-6px;
		width:26px;
	}
    
    
    .lp_contents .lp_article .lp_box dl.lp_box_s{
        margin-top:55px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between !important;
        align-items: center;
        width: 100%;
    }

    .lp_box dl.lp_box_s + dl,
    .lp_box dl.lp_box_s + dl + dl{
        margin-top: 40px !important;
    }


    .lp_contents .lp_article .lp_box dl.lp_box_s dt{
        width:100%;
        font-size:14px;
        color:#53565a;
        font-weight: normal;
        line-height: 1.5;
        text-align: center;
        background-size: 100% auto;
        position: relative;
        height: auto;
        min-height: 3em;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 20px;
    }

    .lp_contents .lp_article .lp_box dl.lp_box_s dt::before{
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 8px;
        height: 17px;
        background: url("../images/interview/kakko01.png");
        background-size: 8px 17px;
    }

    .lp_contents .lp_article .lp_box dl.lp_box_s dt::after{
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 8px;
        height: 17px;
        background: url("../images/interview/kakko02.png");
        background-size: 8px 17px;
    }

    .lp_contents .lp_article .lp_box dl.lp_box_s dd{
        font-size:12px;
        line-height: 1.6;
        font-weight: normal;
        padding0:0;
        width: 100%;
    }
    
    
    
    
    
    
    
    
    
    
    
}
@media screen and (max-width: 710px) {
	/* banner
	--------------------------------------------------------- */
	.lp_contents .lp_banner{
		width:100%;
		margin:20px auto 0;
	}
	.lp_contents .lp_banner ul{
		text-align: center;
		width:100%;
	}
	.lp_contents .lp_banner ul.banner_list li{
		display: inline-block;
		width:100%;
		margin:6% 0 0 0 !important;
		padding:0;
		border:0;
	}
	.lp_contents .lp_banner ul.banner_list li:first-child{
		margin-top:0 !important;
	}
	
	
	.lp_contents .lp_article .lp_box2 ul li{
		float:none;
		width:100%;
		margin-bottom:5% !important;
	}
	.lp_contents .lp_article .lp_box2 ul li:first-child{
		margin-right:0 !important;
	}
  .lp_contents .lp_article .pull_wrap4 .lp_box2 ul li:first-child{
    margin-left:0% !important;
    margin-right:0% !important;
  }

	.lp_contents .lp_article .lp_box3{
		margin:0 auto 0;
	}
}
@media screen and (max-width: 500px) {
	.lp_contents .sec01 .select_pro ul li .pricedown{
		margin:-2px auto 0;
	}
}
@media screen and (max-width: 354px) {
.lp_contents .lp_article .lp_box dl.lp_box_s dt,
.lp_contents .lp_article .lp_box dl.lp_box_s dt.dan2,
.lp_contents .lp_article .lp_box dl.lp_box_s dt.dan3{
	font-size:88%;
}
}


@media print {
	body {
		zoom: 86%;
	}
	.lp_contents{
		background: #fff !important;
	}
}


