@charset "utf-8";
@import url("stylelayout_ehp5.css");
@import url("stylelayout_ehp6.css");

/*------------------------------------------------------------------- 
	lineup proth
-------------------------- */
.proth_lineup_contents .ehp_txt_contents_box01_1 {
	display: flex;
	align-items: center;
  justify-content: center;
}
.proth_lineup_contents.ehp_txt_type70z1{
	width: 100%;
}
.proth_lineup_contents .ehp_txt_type70z1 img{
	width: 100%;
}

.proth_lineup_contents .ehp_txt_contents_box01 {
    background: #bdbdbd;
    color: #212121;
	padding: 40px 0 40px 0;
}

.proth_lineup_contents .ehp_txt_contents_box02 {
	width: 950px;
	margin: 0 auto;
    display: flex;
	align-items: center;
  justify-content: center;
}
.proth_lineup_contents .ehp_txt_contents_box02_1 {
    width: 33%;
	box-sizing: border-box;
}

.proth_lineup_contents .ehp_txt_contents_box03 {
	font-size: 16px;
    line-height: 1.4;
    padding-left: 0;
	font-weight: bold;
	
}
.proth_lineup_contents .ehp_txt_contents_box04 {
     line-height: 100%;
    font-family: 'DINNextLTPro-MediumCond';
    font-weight: normal;
	font-size: 55px;
}










/* ボタン共通設定 */
.ehp_txt_contents_box05_btn06{
    /*矢印の基点とするためrelativeを指定*/
  position: relative;
    /*ボタンの形状*/
  text-decoration: none;
  display: inline-block;
  background:#f5f5f5;
  color:#222;
    /*padding: 10px 40px 10px 30px;*/
  border-radius:25px;
    outline: none;
    /*アニメーションの指定*/
    transition: ease .2s;
    font-size: 15px;
    font-weight: bold;
	width: 300px;
	text-align: left;
	padding: 10px 0 10px 20px;
}

.ehp_txt_contents_box05_btn06:hover{
  background:#f5f5f5;
}

/* 矢印が回転 */

.ehp_txt_contents_box05_btnarrow3::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
  position: absolute;
    top: 42%;
    right: 13px;
    /*矢印の形状*/    
    width: 10px;
    height: 10px;
    border-top: 2px solid #222;
    border-right: 2px solid #222;
    transform: rotate(45deg);
    /*アニメーションの指定*/    
    transition: all .3s;
}

/*hoverした際のアニメーション*/
.ehp_txt_contents_box05_btnarrow3:hover::after{
  animation: arrowrotate .3s;
}

@keyframes arrowrotate {
100% {
    transform: rotate(360deg);
  }
}




.proth_lineup_contents .ehp_txt_contents_box06 {
font-size: 14px;
	line-height: 160%;
	margin: 20px 0 20px 0;
	width: 100%;
}

.proth_lineup_contents .ehp_txt_contents_box07 {
padding: 40px 0 40px 0;
}

.proth_lineup_contents #compare .ttl {
    font-size: 32px;
    padding-bottom: 50px;
	text-align: center;
}
.proth_lineup_contents .mincho  {
    font-family: 游明朝, "Yu Mincho", serif;
    font-weight: 500;
}
.proth_lineup_contents .ehp_txt_contents_box08 {
background: url(../../img/lineup/proth/bg.png) repeat;
    padding: 50px 15px;
}
.proth_lineup_contents .ehp_txt_contents_box08_1 {
background: url(../../img/lineup/proth/bg.png) repeat;
    padding: 50px 0 0 0;
}
.proth_lineup_contents .ehp_txt_contents_box09 {
	width: 971px;
	margin: 0 auto;
}

.proth_lineup_contents .ehp_txt_contents_box10 {
	margin-top: 40px;
}
.proth_lineup_contents .plan_ttl {
    background: url(../../img/lineup/proth/linup_img_02.png) no-repeat center center / cover;
	height: 580px;
    overflow-x: hidden;
}
.proth_lineup_contents .madori {
    margin: -100px auto 0;
    padding: 50px 100px;
    width: 1170px;
    max-width: 100%;
    background-color: #fff;
    box-shadow: 10px 10px 5px -5px rgba(33, 33, 33, 0.2), -10px 10px 5px -5px rgba(33, 33, 33, 0.2);
	margin-bottom: 120px;
}
.proth_lineup_contents .ehp_txt_contents_box11 {
	width: 970px;
	margin: 0 auto;
}
.proth_lineup_contents .ehp_txt_contents_box11 h3{
	margin: 0 0 30px 0;
}
.proth_lineup_contents .madori_txt {
    font-size: 24px;
	padding-top: 50px;
	text-align: center;
}
.proth_lineup_contents .note {
    font-size: 14px;
	margin-top: 10px;
}
.proth_lineup_contents .plan_ttl h2 {
    background-color: #fff;
    opacity: 0.95;
    text-align: center;
    font-size: 32px;
	line-height: 120%;
    font-weight: 600;
    padding: 18px 0 23px 0;
    height: 70px;
    width: 370px;
}

.proth_lineup_contents .ehp_txt_contents_box13 {
	width: 982px;
}
.proth_lineup_contents .ehp_txt_contents_box14 {
	background-color: #fff;
    font-size: 14px;
    line-height: 24px;
    width: 570px;
    text-align: center;
	margin-top: -40px;
	padding-bottom: -40px;
}

.proth_lineup_contents .prc {
    background: url(../../img/lineup/proth/noise.png) repeat left top, #212121;
    padding: 80px 15px;
}
.proth_lineup_contents .prc_2 {
    background: url(../../img/lineup/proth/noise.png) repeat left top, #212121;
    padding: 15px 15px;
}
.proth_lineup_contents .ehp_txt_contents_box15 {
    width: 950px;
	color: #ffffff;
}
.proth_lineup_contents h2.mincho_h2 {
    font-size: 32px;
    padding-bottom: 50px;
    font-family: 游明朝, "Yu Mincho", serif;
    font-weight: 500;
}

.proth_lineup_contents ul.ehp_txt_contents_box16{
}
.proth_lineup_contents ul.ehp_txt_contents_box16 li{
	box-sizing: border-box;
	float: left;
	width: 50%;
}
.proth_lineup_contents ul.ehp_txt_contents_box16 li:nth-child(1) {
	padding-right: 40px;
}
.proth_lineup_contents ul.ehp_txt_contents_box16 li:nth-child(2) {
	padding-top: 20px;
}
.proth_lineup_contents ul.ehp_txt_contents_box16 li img{
	max-width: 100%;
}
.proth_lineup_contents ul.ehp_txt_contents_box16:after {
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.proth_lineup_contents .ehp_txt_contents_box16 .note {
    font-size: 12px;
    font-feature-settings: "palt";
}

.proth_lineup_contents .ehp_txt_contents_box17 {
     line-height: 100%;
    font-family: 'DINNextLTPro-MediumCond';
    font-weight: normal;
	font-size: 56px;
}
.proth_lineup_contents .ehp_txt_contents_box17_2 {
     line-height: 100%;
    font-family: 'DINNextLTPro-MediumCond';
    font-weight: normal;
	font-size: 65px;
}
.proth_lineup_contents .ehp_txt_contents_box18{
    width: 950px;
}

.proth_lineup_contents .ehp_txt_contents_box20{
	margin: 0 auto;
}



.proth_lineup_contents ul.ehp_txt_contents_box19{
}
.proth_lineup_contents ul.ehp_txt_contents_box19 li{
	box-sizing: border-box;
	float: left;
}
.proth_lineup_contents ul.ehp_txt_contents_box19 li:nth-child(1) {
	width: 40%;
	padding-right: 5px;
}
.proth_lineup_contents ul.ehp_txt_contents_box19 li:nth-child(2) {
	width: 60%;
	padding-left: 5px;
}
.proth_lineup_contents ul.ehp_txt_contents_box19 li:nth-child(1) img{
	max-width: 100%;
}
.proth_lineup_contents ul.ehp_txt_contents_box19 li:nth-child(2) img{
	max-width: 100%;
}
.proth_lineup_contents ul.ehp_txt_contents_box19 li img{
	max-width: 100%;
}
.proth_lineup_contents ul.ehp_txt_contents_box19:after {
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}


.proth_lineup_contents ul.ehp_txt_contents_box19_2{
}
.proth_lineup_contents ul.ehp_txt_contents_box19_2 li{
	box-sizing: border-box;
	float: right;
}
.proth_lineup_contents ul.ehp_txt_contents_box19_2 li:nth-child(1) {
	width: 40%;
	padding-left: 5px;
}
.proth_lineup_contents ul.ehp_txt_contents_box19_2 li:nth-child(2) {
	width: 60%;
	padding-right: 5px;
}
.proth_lineup_contents ul.ehp_txt_contents_box19_2 li:nth-child(1) img{
	max-width: 100%;
}
.proth_lineup_contents ul.ehp_txt_contents_box19_2 li:nth-child(2) img{
	max-width: 100%;
}
.proth_lineup_contents ul.ehp_txt_contents_box19_2 li img{
	max-width: 100%;
}
.proth_lineup_contents ul.ehp_txt_contents_box19_2:after {
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}





.proth_lineup_contents .ehp_txt_contents_box21{
	margin: 40px auto 40px auto;
}
.proth_lineup_contents .ehp_txt_contents_box22{
	font-size: 36px;
    padding: 50px 0 50px 0;
	line-height: 120%;
}

.proth_lineup_contents .ehp_txt_contents_box23{
	font-size: 14px;
	line-height: 170%;
}
.proth_lineup_contents .ehp_txt_contents_box24{
	margin-top: 60px;
}





.proth_lineup_contents ul.ehp_txt_contents_box25{
	width: 100%;
}
.proth_lineup_contents ul.ehp_txt_contents_box25 li{
	box-sizing: border-box;
	float: left;
    font-size: 14px;
    font-feature-settings: "palt";
   
    margin: 0;
    padding: 26px 0 26px 25px
}
.proth_lineup_contents ul.ehp_txt_contents_box25 li:nth-child(1) {
	width: 40%;
	border-top: 1px solid #9e9e9e;
}
.proth_lineup_contents ul.ehp_txt_contents_box25 li:nth-child(2) {
	width: 60%;
	border-top: 1px solid #9e9e9e;
}
.proth_lineup_contents ul.ehp_txt_contents_box25 li:nth-child(1) img{
	max-width: 100%;
}
.proth_lineup_contents ul.ehp_txt_contents_box25 li:nth-child(2) img{
	max-width: 100%;
}
.proth_lineup_contents ul.ehp_txt_contents_box25 li img{
	max-width: 100%;
}
.proth_lineup_contents ul.ehp_txt_contents_box25:after {
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
.proth_lineup_contents .ehp_txt_contents_box26_l{
	width: calc(50% - 10px);
	box-sizing: border-box;
	float: left; 
	padding-left: 5px;
}

.proth_lineup_contents .ehp_txt_contents_box26_r{
	width: calc(50% - 10px);
	box-sizing: border-box;
	float: right;
	padding-right: 5px;
}

.proth_lineup_contents 
.cost_ttl {
    font-size: 18px;
    font-weight: bold;
    padding-top: 50px;
    padding-bottom: 10px;
}

.proth_lineup_contents .ehp_txt_contents_box27 {
    height: 350px;
}
	.proth_lineup_contents .ehp_txt_contents_box28 {
    height: 250px;
}
.proth_lineup_contents .ehp_txt_contents_box29 {
    height: 230px;
}




.proth_lineup_contents .ehp_txt_contents_box30 .plan_ttl{
    background: url(../../img/lineup/proth/linup_img_04.png) no-repeat center center / cover;
	height: 580px;
    overflow-x: hidden;
}




.proth_lineup_contents ul.ehp_txt_contents_box31{
}
.proth_lineup_contents ul.ehp_txt_contents_box31 li{
	box-sizing: border-box;
	float: left;
	height: 60px;
	padding: 20px 0 0 10px;
}
.proth_lineup_contents ul.ehp_txt_contents_box31 li:nth-child(1){
	width: calc(50% - 5px);
	padding-right: 5px;
	border-bottom: 1px solid #9e9e9e;
}
.proth_lineup_contents ul.ehp_txt_contents_box31 li:nth-child(2){
	width: calc(50% - 5px);
	padding-left: 5px;
	border-bottom: 1px solid #9e9e9e;
}
.proth_lineup_contents ul.ehp_txt_contents_box31 li img{
	max-width: 100%;
}
.proth_lineup_contents ul.ehp_txt_contents_box31:after {
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.proth_lineup_contents .ehp_txt_contents_box32 {
   width: 950px;
	margin: 0 auto;
}
.proth_lineup_contents .ehp_txt_contents_box32:after {
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.proth_lineup_contents .ehp_txt_contents_box32_l {
	width: calc(50% - 5px);
	padding-right: 5px;
	float: left;
}
.proth_lineup_contents .ehp_txt_contents_box32_r {
	width: calc(50% - 5px);
	padding-left: 5px;
	float: right;
}


.proth_lineup_contents .repayment_contents p {
    border-bottom: 3px solid #9e9e9e;
    font-feature-settings: "palt";
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 10px 0;
}
.proth_lineup_contents .ehp_txt_contents_box33 {
  margin-top: 40px;
}
.proth_lineup_contents .ehp_txt_contents_box34 {
  font-size: 28px;
	font-weight: bold;
	line-height: 120%;
}
.proth_lineup_contents .ehp_txt_contents_box35 {
  margin-top: 15px;
}
.proth_lineup_contents .ehp_txt_contents_box36 {
 color: #ff5252;
}
.proth_lineup_contents .ehp_txt_contents_box37 {
  margin-top: 35px;
}
.proth_lineup_contents .ehp_txt_contents_box38 {
 font-size: 12px;
	margin-top: 30px;
}
.proth_lineup_contents .repayment_contents_txt {
    font-size: 24px;
    padding: 60px 0 0 0;
	text-align: center;
}

.proth_lineup_contents .mincho  {
    font-family: 游明朝, "Yu Mincho", serif;
    font-weight: 500;
}

.proth_lineup_contents .ehp_txt_contents_box39 {
    font-size: 32px;
    padding-bottom: 0;
    font-family: 游明朝, "Yu Mincho", serif;
    font-weight: 500;
	text-align: center;
}



.proth_lineup_contents ul.ehp_txt_contents_box40{
	width: 950px;
}
.proth_lineup_contents ul.ehp_txt_contents_box40 li{
	box-sizing: border-box;
	float: left;
	padding: 10px;
	background: #e0e0e0;
	width: calc(33.3% - 18px);
	margin: 3px;
	text-align: center;
	font-size: 14px;
}
.proth_lineup_contents ul.ehp_txt_contents_box40:after {
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.proth_lineup_contents .ehp_txt_contents_box41{
    margin: 0;
}

.proth_lineup_contents .ehp_txt_contents_box42{
    margin: 40px 0 40px 0;
}
.proth_lineup_contents .block_lineup_boxline  {
    width: 100%;
	height: 50px;
    box-shadow: 0 8px 4px -4px #e7e6e6;
}


.proth_lineup_contents .ehp_txt_contents_box43 {
   padding-top: 0 !important;
}
.proth_lineup_contents .ehp_txt_contents_box44 {
   padding-top: 60px !important;
}
.proth_lineup_contents .ehp_txt_contents_box44 img{
  width: 320px;
	max-width: 100%;
}

.proth_lineup_contents .ehp_txt_contents_box45 {
    width:650px;
	color: #ffffff;
}

.proth_lineup_contents .prc_2 {
    background: url(../../img/lineup/proth/noise.png) repeat left top, #212121;
    padding: 40px 15px;
}

.proth_lineup_contents #catalog_proth a{
	display: block;
	padding: 0 80px 0 80px;
}
.proth_lineup_contents #catalog_proth{
	margin: 40px 0 0 0;
}



.proth_lineup_contents ul.ehp_txt_contents_box46{
	width: 950px;
}
.proth_lineup_contents ul.ehp_txt_contents_box46 li{
	box-sizing: border-box;
	float: left;
	width: calc(33.3% - 18px);
	margin: 3px;
}
.proth_lineup_contents ul.ehp_txt_contents_box46 li　img{
	width: 100%;
}
.proth_lineup_contents ul.ehp_txt_contents_box46:after {
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.proth_lineup_contents .gaikan {
    padding: 50px 0 100px;
}
.proth_lineup_contents .ehp_txt_contents_box47{
    background: url(../../img/lineup/proth/bg.png) repeat left top;
}

.proth_lineup_contents .ehp_txt_contents_box48{
    background: url(../../img/lineup/proth/linup_img_05.png) repeat-x left bottom;
}

.proth_lineup_contents .gaikan h2 {
    font-size: 32px;
    padding-bottom: 10px;
	padding-top: 40px;
	text-align: center;
}


.pageup {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 3;
}

html {
    scroll-behavior: smooth;
}

.proth_lineup_contents .slider{
        width:100%;
        margin:0 auto;
    }
.proth_lineup_contents .slider img{
        width:100%;
    }
.proth_lineup_contents .slider .slick-slide{
        height:auto!important;
    }
.proth_lineup_contents .slider .slick-arrow{
        z-index:2!important;
    }
.proth_lineup_contents .slider .slick-next{
        right:0!important;
    }
.proth_lineup_contents .slider .slick-prev{
        left:0!important;
    }
.proth_lineup_contents .slider .slick-slide{
    margin-right: 3vw!important;
    margin-left: 3vw!important;
}
.proth_lineup_contents .slider .slick-next {
    right: 39% !important;
}
.proth_lineup_contents .slider .slick-prev {
    left: 38% !important;
}
.proth_lineup_contents .slick-prev:before, 
.proth_lineup_contents .slick-next:before {
    font-size: 30px;
    line-height: 1;
    opacity: .95;
    /*color: white;*/
		color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.proth_lineup_contents .ehp_txt_contents_box07 img{
  width: 100%;
}

.proth_lineup_contents 
.cmp-btn {
    background-color: #c50018;
    border-radius: 4px;
    box-shadow: 0 4px 0 #5e000b;
    color: #fff !important;
    font-feature-settings: "palt";
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    display: block;
    margin: 25px auto 0;
    padding: 13px 0;
    text-align: center;
    width: 205px;
}
.proth_lineup_contents 
#compare img {
 max-width: 100%;	
}

.proth_lineup_contents .ehp_txt_contents_box50{
    font-size: 12px;
}



.proth_lineup_contents .select_box_main  #mainImage2 {
    max-width: 100%;
  }

   .select_box_main  #altImage2 {
    display: none;
  }

.proth_lineup_contents .select_box_main .switch {
    position: relative;
    bottom: 10px;
    left: 10px;
    display: inline-block;
    width: 60px;
    height: 34px;
	  
	  
  }

 .proth_lineup_contents .select_box_main .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

.proth_lineup_contents .select_box_main .slider {
    position: relative;
    cursor: pointer;
	  /*
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
	 */
}

.proth_lineup_contents .select_box_main .slider:before {
	   content: "「リヴェルタ」と対比すると";
   background-color: #c50018;
    border-radius: 4px;
    box-shadow: 0 4px 0 #5e000b;
    color: #fff !important;
    font-feature-settings: "palt";
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    display: block;
    margin: 25px auto 0;
    padding: 13px 0;
    text-align: center;
    width: 205px;
    position: relative;
  }
.proth_lineup_contents .select_box_main input:checked + .slider {
   /* background-color: #2196F3;*/
	  
	  		  }

.proth_lineup_contents .select_box_main input:focus + .slider {
   /* box-shadow: 0 0 1px #2196F3;*/
  }

.proth_lineup_contents .select_box_main input:checked + .slider:before {
    /*-webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);*/
	  
content: "「プロス」と対比すると";
   background-color: #c50018;
    border-radius: 4px;
    box-shadow: 0 4px 0 #5e000b;
    color: #fff !important;
    font-feature-settings: "palt";
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    display: block;
    margin: 25px auto 0;
    padding: 13px 0;
    width: 205px;
    position: relative;
	
  }

.proth_lineup_contents .select_box_main  .slider_btn_checkbox{
    width: 205px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}













.proth_lineup_contents .madori_select_1f2f .select_box_main  #mainImage02 {
    max-width: 100%;
  }

.proth_lineup_contents .madori_select_1f2f .select_box_main  #altImage02 {
    display: none;
  }

.proth_lineup_contents .madori_select_1f2f  .select_box_main .switch02 {
    position: relative;
    bottom: 10px;
    left: 10px;
    display: inline-block;
    width: 60px;
    height: 34px;
	  
	  
  }

 .proth_lineup_contents .madori_select_1f2f  .select_box_main .switch02 input {
    opacity: 0;
    width: 0;
    height: 0;
  }

.proth_lineup_contents .madori_select_1f2f  .select_box_main .slider02 {
    position: relative;
    cursor: pointer;
	  /*
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
	 */
}

.proth_lineup_contents .madori_select_1f2f  .select_box_main .slider02:before {
	   content: "2階間取り図を参照";
   background-color: #c50018;
    border-radius: 4px;
    box-shadow: 0 4px 0 #5e000b;
    color: #fff !important;
    font-feature-settings: "palt";
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    display: block;
    margin: 25px auto 0;
    padding: 13px 0;
    text-align: center;
    width: 205px;
    position: relative;
  }
.proth_lineup_contents .madori_select_1f2f .select_box_main input:checked + .slider02 {
   /* background-color: #2196F3;*/
	  
	  		  }

.proth_lineup_contents .madori_select_1f2f .select_box_main input:focus + .slider02 {
   /* box-shadow: 0 0 1px #2196F3;*/
  }

.proth_lineup_contents .madori_select_1f2f .select_box_main input:checked + .slider02:before {
    /*-webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);*/
	  
content: "1階間取り図を参照";
   background-color: #c50018;
    border-radius: 4px;
    box-shadow: 0 4px 0 #5e000b;
    color: #fff !important;
    font-feature-settings: "palt";
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    display: block;
    margin: 25px auto 0;
    padding: 13px 0;
    width: 205px;
    position: relative;
	
  }

.proth_lineup_contents .madori_select_1f2f .select_box_main .slider_btn_checkbox{
    width: 205px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}



.proth_lineup_contents .speciacamp37 {
    width: 450px;
	margin: 60px auto;
}
.proth_lineup_contents 
.btn-area .c-btn a {
    font-size: 20px;
    padding: 12px;
}
.proth_lineup_contents 
.btn-area .c-btn a {
    display: block;
    background: #1D69BF;
    box-shadow: 0 3px 6px 0px rgb(0 0 0 / 20%);
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding: 13px;
    position: relative;
}
.proth_lineup_contents 
.btn-area .c-btn a::after {
    content: "";
    width: 10px;
    height: 20px;
    background: url(../../img/lineup/proth/icon_arrow.svg) center no-repeat;
    background-size: contain;
    position: absolute;
    top: calc(50% - 10px);
    right: 20px;
}
.proth_lineup_contents 
.btn-area .c-btn a:hover {
  opacity: 0.8; }


@media only screen and (min-width: 821px) {  /*------------- (min-width: 821px) ------------- */
	.proth_lineup_contents .ehp_txt_contents_box49{ /* ：br 非表示 */
    display: none;
}
	.proth_lineup_contents .pc_contents_none {
    display: none;
}
.proth_lineup_contents .ehp_txt_contents_box60{ /* ：br 非表示 */
    display: none;
}
	.proth_lineup_contents .ehp_txt_contents_box63{ /* pc 非表示 */
    display: none !important;
}
} /*-------------end (min-width: 821px) ------------- */
@media only screen and (max-width: 820px) {  /*------------- (max-width: 820px) ------------- */

	.proth_lineup_contents .ehp_txt_contents_box02 {
    width: 90%;
		display: block;
		
}
	
	.proth_lineup_contents .ehp_txt_contents_box02_1 {
    width: 100%;
}
	
	.proth_lineup_contents .ehp_txt_contents_box09 {
   width: 100%;
    margin: 0 auto;
}
	.proth_lineup_contents #compare .ttl {
    font-size: 20px;
    padding-bottom: 50px;
    text-align: center;
}
.proth_lineup_contents .sp_contents_none {
    display: none;
}
	
.proth_lineup_contents .plan_ttl {
    background: url(../../img/lineup/proth/linup_img_02.png) no-repeat center center / cover;
    height: 232px;
    overflow-x: hidden;
}

.proth_lineup_contents .madori {
    margin: -60px auto 0;
    /*padding: 50px 100px;*/
	padding: 0;
    width: 90%;
    max-width: 100%;
    background-color: #fff;
    box-shadow: 10px 10px 5px -5px rgba(33, 33, 33, 0.2), -10px 10px 5px -5px rgba(33, 33, 33, 0.2);
	margin-bottom: 60px;
}
.proth_lineup_contents .ehp_txt_contents_box11 {
    width: 100%;
	margin: 0 auto;
}
	.proth_lineup_contents .plan_ttl h2 {
    background-color: #fff;
    opacity: 0.95;
    text-align: center;
    font-size: 24px;
	line-height: 120%;
    font-weight: 600;
    padding: 10px 0 23px 0;
    height: 50px;
    width: 270px;
}
	.proth_lineup_contents .ehp_txt_contents_box13 {
	width: 100%;
}
	.proth_lineup_contents .ehp_txt_contents_box15 {
	width: 100%;
}
	.proth_lineup_contents ul.ehp_txt_contents_box16 li {
    box-sizing: border-box;
    float: none;
    width: 100%;
}
	.proth_lineup_contents .ehp_txt_contents_box18 {
    width: 90%;
}
	
	.proth_lineup_contents ul.ehp_txt_contents_box19 li:nth-child(1) {
    width: 100%;
    padding-right: 5px;
}
.proth_lineup_contents ul.ehp_txt_contents_box19 li {
    box-sizing: border-box;
    float: none;
}
	.proth_lineup_contents ul.ehp_txt_contents_box19_2 li:nth-child(2) {
    width: 100%;
    padding-left: 5px;
}
.proth_lineup_contents ul.ehp_txt_contents_box19_2 li {
    box-sizing: border-box;
    float: none;
}
	.proth_lineup_contents .ehp_txt_contents_box26_l {
    width: 100%;
    box-sizing: border-box;
    float: none;
    padding-left: 5px;
}
	.proth_lineup_contents .ehp_txt_contents_box26_r {
    width: 100%;
    box-sizing: border-box;
    float: none;
    padding-right: 5px;
	}
.proth_lineup_contents ul.ehp_txt_contents_box25 li:nth-child(2) {
   border-left: 1px solid #9e9e9e;
}
	.proth_lineup_contents .ehp_txt_contents_box49{
		height: 350px !important;
	}
	.proth_lineup_contents .ehp_txt_contents_box50{
		height: 160px !important;
   border-left: 1px solid #9e9e9e;
	}
	.proth_lineup_contents .ehp_txt_contents_box27 {
    height: auto;
}
	.proth_lineup_contents .ehp_txt_contents_box28 {
    height: auto;
}
	.proth_lineup_contents .ehp_txt_contents_box51 {
   border-bottom: 1px solid #9e9e9e;
		height: 200px !important;
}
	.proth_lineup_contents .ehp_txt_contents_box52 {
   border-bottom: 1px solid #9e9e9e;
		height: 300px !important;
}
	
	.proth_lineup_contents .gaikan h2 {
    font-size: 22px;
    padding-bottom: 10px;
    padding-top: 20px;
    text-align: center;
}
	.proth_lineup_contents .slider .slick-next {
    right: 9% !important;
}
	.proth_lineup_contents .slider .slick-prev {
    left: 5% !important;
}
	.proth_lineup_contents .slick-prev:before, 
.proth_lineup_contents .slick-next:before {
    font-size: 40px;
    line-height: 1;
}
	
	.proth_lineup_contents .ehp_txt_contents_box30 .plan_ttl {
    background: url(../../img/lineup/proth/linup_img_04.png) no-repeat center center / cover;
    height: 232px;
    overflow-x: hidden;
}
	.proth_lineup_contents .ehp_txt_contents_box53{
		margin-top: -40px;
		margin-bottom: 40px;
}
	.proth_lineup_contents .ehp_txt_contents_box32 {
    width:100%;
    margin: 0 auto;
}
	.proth_lineup_contents .ehp_txt_contents_box32_l {
    width:100%;
    padding-right: 0;
    float: none;
}
	.proth_lineup_contents .ehp_txt_contents_box32_r {
    width:100%;
    padding-left: 5px;
    float: none;
}
	.proth_lineup_contents ul.ehp_txt_contents_box40 {
    width: 100%;
}
	.proth_lineup_contents ul.ehp_txt_contents_box40 li {
    box-sizing: border-box;
    float: left;
    padding: 10px;
    background: #e0e0e0;
    width: calc(50% - 12px);
    margin: 3px;
    text-align: center;
    font-size: 14px;
}
	
	.proth_lineup_contents .ehp_txt_contents_box45 {
    width: 100%;
    color: #ffffff;
}
	.proth_lineup_contents .ehp_txt_contents_box44 img {
    width: 320px;
    max-width: 100%;
}
	.proth_lineup_contents ul.ehp_txt_contents_box16 li.ehp_txt_contents_box43 {
   display: block !important;
		padding-top: 20px;
}
	.proth_lineup_contents ul.ehp_txt_contents_box16 li.ehp_txt_contents_box44 {
   display: block !important;
		padding-top: 20px !important;
}
	.proth_lineup_contents .prc_2 {
    padding: 0 15px 15px 15px;
}
	.proth_lineup_contents .ehp_txt_contents_box43 {
    padding-top: 20px !important;
}
.proth_lineup_contents .ehp_txt_contents_box11 img{
    max-width: 100%;
	margin-bottom: 20px;
}
.proth_lineup_contents #prc ul.ehp_txt_contents_box16 li{
    display: block;
}
	.proth_lineup_contents .prc {
    padding: 30px 15px;
}
	.proth_lineup_contents #prc h2.mincho_h2 {
    font-size: 22px;
    padding-bottom: 20px;
}
	.proth_lineup_contents .ehp_txt_contents_box39 {
    margin-top: 20px;
}
	.proth_lineup_contents .ehp_txt_contents_box11 {
    width: 90%;
    margin: 0 auto;
		padding: 20px 0 20px 0;
}
	
	.proth_lineup_contents .madori .madori_txt {
    font-size: 16px;
    line-height: 1.6;
    padding: 20px 0 20px 0;
    text-align: center;
}
	.proth_lineup_contents .ehp_txt_contents_box13 img{
		width: 100%;
}
	.proth_lineup_contents .ehp_txt_contents_box22 {
    font-size: 24px;
    padding: 50px 0 50px 0;
    line-height: 120%;
}
	.proth_lineup_contents .repayment_contents_txt {
    font-size: 18px;
    padding: 30px 0 30px 0;
    text-align: center;
}
	.proth_lineup_contents .ehp_txt_contents_box42 {
    margin: 20px 0 20px 0;
}
	.proth_lineup_contents .ehp_txt_contents_box54{
		background: url(../../img/lineup/proth/noise.png) repeat left top, #212121;
		padding: 20px 0 20px 0;
	}
	.proth_lineup_contents .ehp_txt_contents_box61{ /* sp 非表示 */
    display: none !important;
}
	.proth_lineup_contents .ehp_txt_contents_box62{ /* sp 非表示 */
    display: none !important;
}

.proth_lineup_contents .speciacamp37 {
    width: 80%;
	margin: 60px auto;
}
}/*------------- end (max-width: 820px)------------- */
/*------------- (min-width: 481px)------------- */
@media (min-width: 481px){
.proth_lineup_contents .speciacamp37 br{
	display: none;
}
}/*------------- end (min-width: 481px)------------- */
/*------------- end (max-width: 480px)------------- */
@media (max-width: 480px){
.proth_lineup_contents .btn-area .c-btn a{
	font-size: 15px !important;
}
}/*------------- end (max-width: 480px)------------- */
/*-------------------------
	/lineup proth 
------------------------------------------------------------------- - */

