@charset "UTF-8";
/* CSS Document */


/* clearfix */
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

/* デバイス切り替え */
.im_on {
	display: inherit !important;
}
.pc_on {
	display: inherit !important;
}
.pctab_on {
	display: inherit !important;
}
.tab_on {
	display: none !important;
}
.tabsp_on {
	display: none !important;
}
.sp_on {
	display: none !important;
}

@media only screen and (max-width: 960px){
.pc_on {
	display: none !important;
}
.pctab_on {
	display: inherit !important;
}
.tab_on {
	display: inherit !important;
}
.tabsp_on {
	display: inherit !important;
}
.sp_on {
	display: none !important;
}
}
@media only screen and (max-width: 480px) {
.pc_on {
	display: none !important;
}
.pctab_on {
	display: none !important;
}
.tab_on {
	display: none !important;
}
.tabsp_on {
	display: inherit !important;
}
.sp_on {
	display: inherit !important;
}
}



.outertower_text_r{
	text-align:right;
	margin-top:10px;
	font-size:12px;
	}

.outertower_wide{
	width:790px;
	margin:0 auto;
	}
.outertower_ttl{
	width:763px;
	margin-bottom:40px;
	}

	
@media only screen and (max-width: 960px) {
.outertower_wide{
	width:90%;
	}
.outertower_ttl{
	width:80%;
	}
}

@media only screen and (max-width: 480px) {
.outertower_text_r{
	font-size:11px;
	}
.outertower_wide{
	width:100%;
	}
.outertower_ttl{
	width:100%;
	margin-bottom:30px;
	}

}
	
	
	
/*--------メインエリア-------------------------*/

#outertower_main_area{
	margin-bottom:100px;
	}
.outertower_main h1{
	margin-bottom:60px;
	}
.outertower_text_01{
	margin-bottom:50px;
	}

.outertower_main_bottom{
	
	}
.outertower_main_bottom_image{
	position: relative;
	}

.outertower_circle{
	width: 240px;
    position: absolute;
    top: -190px;
    right: 44px;
	}
@media only screen and (max-width: 960px) {
.outertower_text_01 {
    margin-bottom: 100px;
}
.outertower_main_bottom{
	padding-top:60px;
	}
.outertower_circle{
	width:200px;
	top: -137px;
    right: 10px;
	}
}

@media only screen and (max-width: 480px) {
#outertower_main_area{
	margin-bottom:70px;
	}
.outertower_main h1{
	margin-bottom:40px;
	}
.outertower_text_01{
	margin-bottom:70px;
	}

.outertower_main_bottom{
	padding-top:0;
	}
.outertower_main_bottom_image{
	position: static;
	}
.outertower_circle{
	width:60%;
    position: static;
    top: 0;
    right: 0;
	margin:0 auto 40px;
	}
}
	
	
	
/*--------サブエリア-------------------------*/

#outertower_sub_area{
	margin-bottom:100px;
	}

.outertower_text_02{
	margin-bottom:50px;
	}
	

.outertower_sub_area_list{
	background-color:#eee;
	}
.outertower_sub_area_list_inner{
	width:790px;
	margin:0 auto;
	position:relative;
	}
.outertower_sub_r,
.outertower_sub_l{
	width:380px;
	float:right;
	margin-bottom:30px;
	}
.outertower_sub_l{
	margin-right:30px;
	}
	
.outertower_sub_2{
	margin-top:10px;
	}
.outertower_sub_3,.outertower_sub_5{
	margin-top:-320px;
	}
.outertower_sub_5,.outertower_sub_6{
	margin-bottom:0px;
	}


@media only screen and (max-width: 960px) {

.outertower_ttl_02{
	width:70%;
	}
	
	
.outertower_sub_area_list_inner{
	width:90%;
	}
.outertower_sub_r,
.outertower_sub_l{
	width:48%;	
	margin-bottom:2%;
	}
.outertower_sub_l{
	margin-right:4%;
	}
.outertower_sub_3,.outertower_sub_5{
	margin-top:-41%;
	}
.outertower_sub_5,.outertower_sub_6{
	margin-bottom:0px;
	}

}

@media only screen and (max-width: 480px) {
	
#outertower_sub_area{
	padding-top:0;
	margin-bottom:80px;
	}

.outertower_text_02{
	margin-bottom:30px;
	}

	
	
	
	
.outertower_sub_area_list_inner{
	width:88%;
	}
.outertower_sub_r,
.outertower_sub_l{
	width:100%;
	float:rnone;
	margin-bottom:30px;
	}
.outertower_sub_l{
	margin-right:0;
	}
	
.outertower_sub_2{
	margin-top:0;
	}
.outertower_sub_3,.outertower_sub_5{
	margin-top:0;
	}
.outertower_sub_5{
	margin-bottom:30px;
	}
.outertower_sub_6{
	margin-bottom:0;
	}

}




/*--------３つの特徴エリア------------------------*/

#outertower_feature_area{
	position: relative;
	margin:0 auto;
	margin-bottom:100px
	}
.outertower_feature_ttl{
	width:409px;
	margin-bottom:30px;
	}
.outertower_feature_list {
	margin-bottom:10px;
}
.outertower_feature_list_inner_ttl{
	margin-right:20px;
	}
.outertower_feature_list_inner_ttl img{
	width: 280px;
	}

.outertower_feature_list_inner {
  display: flex;
  justify-content: left;
  align-items: center;
  padding:30px 50px;
  margin: 0 auto;
  box-sizing:border-box;
  width:100%;
}

.outertower_feature_list_inner {
    background:
	linear-gradient(45deg, transparent 0, #eee 0),
	linear-gradient(135deg, transparent 20px, #eee 20px),
	linear-gradient(to right, #eee, #fff),
	linear-gradient(to right, #eee, #fff);
    background-position: bottom left, top left, top right, bottom right;
    background-size: 51% 51%;
    background-repeat: no-repeat;
}


@media only screen and (max-width: 960px) {
.outertower_feature_list_inner{
	display:block;
	padding:20px 30px;
	}
.outertower_feature_list_inner_ttl{
	margin-bottom:10px;
	}
 .outertower_feature_list_inner_ttl img.outertower_feature_list_ttl_tab{
	 width:440px;
	 }
}

@media only screen and (max-width: 480px) {

.outertower_feature_ttl{
	width:65%;
	}
.outertower_feature_list_inner{
	padding:25px;
	}
.outertower_feature_list_inner_ttl{
	margin-right:10px;
	margin-bottom:10px;
	}
.outertower_feature_list_inner_ttl img {
	width:245px;
}

}

/*--------コンテンツエリア------------------------*/

#outertower_contents_area{
	margin-bottom:100px;
	background:#eee;
	padding:60px 0 10px 0;
	}



.outertower_contents_box_inner{
	width:730px;
	margin:0 auto 60px;
	}	
.outertower_contents_box_inner .outertower_contents_ttl{
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0.1em;
    line-height: 1;
    margin-bottom: 10px;
}
	


@media only screen and (max-width: 960px) {

.outertower_contents_box_inner{
	width:90%;
	}	

}

@media only screen and (max-width: 480px) {
#outertower_contents_area{
	margin-bottom:80px;
	padding: 50px 0 30px 0;
	}
.outertower_contents_box_inner{
	width:90%;
	margin: 0 auto 30px;
	}
.outertower_contents_box_inner .outertower_contents_ttl {
    font-size: 18px;
}

}


/*--------商品仕様エリア------------------------*/
#outertower_appearance_area{
	margin-bottom:100px;
	}

@media only screen and (max-width: 480px) {
#outertower_appearance_area{
	border: 1px solid #adaeb0;
	}
}