@charset "UTF-8";

/* =================================================================
	feature
================================================================= */

/* feature_section01 */
@media print, screen and (min-width: 769px){
	#container #feature_section01 .feature_section_title {
		height: 400px;
		background: url(../img/feature/feature_section01_title_bg.jpg) no-repeat;
		background-size: cover;
		position: relative;
	}

	#container #feature_section01 .feature_section_title h2 {
		width: 410px;
		height: 90px;
		text-indent: -9999px;
		background: url(../img/feature/feature_section01_title.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 94px;
		left: 50%;
		margin-left: -485px;
	}

	#container #feature01 {
		padding: 78px 0 92px;
    color: #FFF;
		background: #262626;
	}

	#container #feature01 .content_inner {
		display: flex;
		justify-content: space-between;
	}

	#container #feature01 .content_inner .feature_text {
		width: 450px;
		color: #fff;
	}
	
	#container #feature01 .feature_header {
		width: 450px;
		height: 120px;
		margin: 0 0 13px;
		text-indent: -9999px;
		background: url(../img/feature/feature01_title.png) no-repeat;
		background-size: contain;
	}
	
	#container #feature01 .feature_header + p {
		margin-bottom: 5px;
		color: #fff;
	}
	
	#container #feature01 .feature_text .hanging {
		font-size: 14px;
		line-height: 1.142;
	}

	#container #feature01 .content_inner .feature_img {
		width: 450px;
    margin-right: 15px;
	}
	
	
}

@media screen and (max-width: 768px){	
	#container #feature_section01 .feature_section_title {
		background: url(../img/feature/feature_section01_title_bg_sp.jpg) no-repeat bottom left;
		background-size: cover;
		position: relative;
	}
	
	#container #feature_section01 .feature_section_title h2 {
    display: flex;
    align-items: center;
    padding-left: 15px;
    height: 280px;
		line-height: 1.36;
		font-size: 24px;
    text-shadow: 0 0 5px rgba(124, 88, 44, 1);
		font-weight: normal;
		font-family: 'Noto Serif Japanese', serif;
		color: #fff;
	}

	#container #feature_section01 {
		background: #262626;
	}
	
	#container #feature01 {
		min-width: 320px;
		width: 100%;
		max-width: 500px;
		padding: 35px 0 30px;
		margin: 0 auto;
		color: #fff;
		position: relative;
		overflow: hidden;
	}
	
	#container #feature01 .feature_header {
		margin-bottom: 12px;
	}
	
	#container #feature01 .feature_header .header_sub {
		font-size: 16px;
		margin-bottom: 10px;
		text-align: center;
		border: 1px solid #fff;
    line-height: 26px;
		font-weight: normal;
		font-family: 'Noto Serif Japanese', serif;
		color: #fff;
	}

	#container #feature01 .feature_header h2 {
		font-size: 20px;
    line-height: 1.4;
		font-weight: normal;
		font-family: 'Noto Serif Japanese', serif;
	}

	#container #feature01 .feature_text p {
		margin-bottom: 15px;
		font-size: 12px;
		line-height: 1.5;
	}

	#container #container .feature_text .hanging {
		margin-bottom: 20px;
	}

	#container  #feature01 .feature_text,
	#container  #feature01 .feature_img {
    padding: 15px;
  }
    
	#container  #feature01 .feature_img {
		margin-bottom: 23px;
		text-align: center;
	}

}


/* feature_section02 */
@media print, screen and (min-width: 769px){

	#container #feature_section02 .feature_section_title {
		height: 400px;
		background: url(../img/feature/feature_section02_title_bg.jpg) no-repeat;
		background-size: cover;
		position: relative;
	}

	#container #feature_section02 .feature_section_title h2 {
		width: 410px;
		height: 100px;
		text-indent: -9999px;
		background: url(../img/feature/feature_section02_title.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 156px;
		left: 50%;
		margin-left: -485px;
	}

	#container #feature_section02 .feature02_04 {
		padding-top: 80px;
		padding-bottom: 90px;
		background: #fff;
	}

	#container #feature_section02 .feature02_04 {
		display: flex;
		justify-content: space-between;
	}
	
	#container #feature_section02 .feature02_04 > div {
		display: flex;
    justify-content: space-between;
	}

	#container #feature_section02 .feature02_04 > div > div {
    width: 300px;
  }
  
	#container #feature_section02 .feature02_04 #feature02 .feature_header,
	#container #feature_section02 .feature02_04 #feature03 .feature_header,
	#container #feature_section02 .feature02_04 #feature04 .feature_header {
		width: 300px;
		height: 105px;
		margin-bottom: 12px;
		text-indent: -9999px;
	}
	
	#container #feature_section02 .feature02_04 #feature02 .feature_header {
		background: url(../img/feature/feature02_title.png) no-repeat;
		background-size: contain;
	}

	#container #feature_section02 .feature02_04 #feature03 .feature_header {
		background: url(../img/feature/feature03_title.png) no-repeat;
		background-size: contain;
	}

	#container #feature_section02 .feature02_04 #feature04 .feature_header {
		background: url(../img/feature/feature04_title.png) no-repeat;
		background-size: contain;
	}

	#container #feature_section02 .feature02_04 .feature_text p {
		min-height: 78px;
		margin-bottom: 13px;
		line-height: 1.5;
	}
	
	
}

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

  #container #feature_section02 .feature_section_title {
		background: url(../img/feature/feature_section02_title_bg_sp.jpg) no-repeat;
    background-size: cover;
    position: relative;
    color: #fff;
	}

	#container #feature_section02 .feature_section_title h2 {
    display: flex;
    align-items: center;
    height: 280px;
    padding-left: 15px;
		line-height: 1.36;
		font-size: 22px;
		font-weight: normal;
		font-family: 'Noto Serif Japanese', serif;
		text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	}
	#container #feature_section02 .feature02_04 {
		padding: 35px 15px 14px;
		background: url(../img/common/bg_usual.png) repeat;
	}
	
	#container #feature_section02 .feature02_04 .feature_header {
		margin-bottom: 10px;
		font-size: 14px;
		font-weight: normal;
		font-family: 'Noto Serif Japanese', serif;
	}
	
	#container #feature_section02 .feature02_04 .feature_header .header_sub {
		margin-bottom: 10px;
    font-size: 16px;
		border: 1px solid #000000;
		text-align: center;
		line-height: 26px;
	}

	#container #feature_section02 .feature02_04 .feature_header h2 {
		font-size: 20px;
		line-height: 1.4;
	}
  
	#container #feature_section02 .feature02_04 .feature_header h2 span {
    display: inline-block;
  }
	
	#container #feature_section02 .feature02_04 .feature_text > p {
		margin-bottom: 13px;
		font-size: 12px;
		line-height: 1.5;
	}

	#container #feature_section02 .feature02_04 .feature_img {
		margin-bottom: 30px;
    text-align: center;
	}

	#container #feature_section02 .feature02_04 #feature03 .feature_img img,
  #container #feature_section02 .feature02_04 #feature04 .feature_img img {
    width: 100%;
  }
  
}


/* feat_other */
#container #feat_other {
  background: url("../img/common/bg_washi_gray.jpg") repeat;
  background-size: contain;
}

@media print, screen and (min-width: 769px){
	#container #feat_other {
		padding: 76px 0 24px;
	}
	
	#container #feat_other #feat_other_header {
		width: 210px;
		height: 40px;
		margin: 0 auto 40px;
		text-indent: -9999px;
		background: url(../img/feature/feat_other_title.png) no-repeat;
		background-size: contain;
	}
	
	#container #feat_other #feat_other01 .feature_header {
		width: 450px;
		height: 80px;
		text-indent: -9999px;
		background: url(../img/feature/feat_other01_title.png) no-repeat;
		background-size: contain;
	}

	#container #feat_other .content_inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
    padding: 0 15px 80px;
		position: relative;
    box-sizing: border-box;
	}
	
	#container #feat_other .content_inner #feat_other01,
	#container #feat_other .content_inner .feat_other02_03 {
		width: 450px;
		margin-bottom: 3px;
	}

	#container #feat_other .content_inner .feat_other02_03 {
		display: flex;
		flex-wrap: wrap;
	}
	
	#container #feat_other .content_inner .feat_other02_03 #feat_other02 {
		width: 450px;
		order: 1;
	}
	
	#container #feat_other .content_inner .feat_other02_03 #feat_other03 {
		width: 450px;
		order: 2;
	}

	#container #feat_other .content_inner .feat_other02_03 .feat_other02_notes,
	#container #feat_other .content_inner .feat_other02_03 .feat_other03_notes {
		width: 930px !important;
		position: absolute;
		left: 15px;
		bottom: 1.5em;
	}
	
	#container #feat_other .content_inner .feat_other02_03 .feat_other02_notes {
		bottom: 3em;
	}
	
	#container #feat_other .content_inner .feat_other02_03 .feat_other02_notes {
		order: 3;
	}
	
	#container #feat_other .content_inner .feat_other02_03 .feat_other04_notes {
		order: 4;
	}
	
	#container #feat_other .content_inner #feat_other_notes {
		line-height: 1.57;
	}
	
	#container #feat_other .content_inner .feature_text p {
		margin-bottom: 14px;
		line-height: 1.5;
	}

	#container #feat_other .content_inner #feat_other01 .feature_header {
		margin-bottom: 4px;
	}

	#container #feat_other .content_inner #feat_other01 .feature_header p {
		margin-bottom: 14px;
	}
	
	#container #feat_other .content_inner #feat_other01 .feature_img {
		text-align: center;
	}
	
	#container #feat_other #feat_other02 {
		margin-bottom: 10px;
	}
	
	#container #feat_other #feat_other02 .feature_header,
	#container #feat_other #feat_other03 .feature_header {
    margin-bottom: 4px;
  }
    
	#container #feat_other #feat_other02 .feature_header {
		width: 450px;
		height: 80px;
		text-indent: -9999px;
		background: url(../img/feature/feat_other02_title.png) no-repeat;
		background-size: contain;
	}
	
	#container #feat_other #feat_other02 .feature_text p {
		margin-bottom: 32px;
	}
	
	#container #nwla_feature #feat_other .feature_table {
    padding-left: 20px;
    padding-right: 20px;
  }
  
	#container #nwla_feature #feat_other .feature_table table {
		width: 100%;
		border-collapse: collapse;
		line-height: 29px;
	}

	#container #nwla_feature #feat_other .feature_table table caption {
		margin-bottom: 4px;
		text-align: right;
		font-size: 14px;
		line-height: 1;
	}

	#container #nwla_feature #feat_other .feature_table table th,
	#container #nwla_feature #feat_other .feature_table table td {
		text-align: center;
		font-weight: normal;
		border: solid 1px #e5e5e5;
    background: #fff;
	}

	#container #nwla_feature #feat_other .feature_table table th {
    width: 120px;
		background: #dbdbdb;
	}

  #container #nwla_feature #feat_other .feature_table table td {
    width: 145px;
  }  

	#container #feat_other #feat_other03 .feature_header {
		width: 450px;
		height: 80px;
		text-indent: -9999px;
		background: url(../img/feature/feat_other03_title.png) no-repeat;
		background-size: contain;
	}

	#container #feat_other #feat_other03 .feature_text p {
		margin-bottom: 8px;
	}

}

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

	#container #feat_other {
		padding: 35px 15px 1px;
	}
	
	#container #feat_other #feat_other_header {
		line-height: 1.36;
		font-size: 24px;
		font-weight: normal;
		margin: 0 auto;
		text-shadow: 0px 0px 20px #fff;
		font-family: 'Noto Serif Japanese', serif;
	}

	#container #feat_other #feat_other_header h2 {
		margin-bottom: 29px;
		text-align: center;
	}
	
	#container #feat_other .content_inner .feature_header {
		margin-bottom: 10px;
		font-size: 14px;
		font-weight: normal;
		font-family: 'Noto Serif Japanese', serif;
	}
	
	#container #feat_other .content_inner .feature_header .header_sub {
		margin-bottom: 10px;
		border: 1px solid #000000;
		text-align: center;
		line-height: 26px;
	}

	#container #feat_other .content_inner .feature_header h3 {
		font-size: 20px;
		line-height: 1.4;
	}
	
	#container #feat_other .content_inner .feature_text > p {
		margin-bottom: 10px;
		font-size: 12px;
		line-height: 1.5;
	}

	#container #feat_other .content_inner #feat_other01 .feature_img {
    margin: 0 auto;
    text-align: center;
	}
	
	#container #nwla_feature #feat_other .feature_table {
		margin-bottom: 11px;
	}

	#container #nwla_feature #feat_other .feature_table table {
		width: 100%;
		border-collapse: collapse;
		line-height: 22px;
	}

	#container #nwla_feature #feat_other .feature_table table caption {
		margin-bottom: 2px;
		text-align: right;
		font-size: 11px;
		line-height: 1;
	}

	#container #nwla_feature #feat_other .feature_table table th,
	#container #nwla_feature #feat_other .feature_table table td {
		text-align: center;
		font-weight: normal;
		font-size: 12px;
		border: solid 1px #e5e5e5;
	}

	#container #nwla_feature #feat_other .feature_table table th {
		background: #dbdbdb;
	}

	#container #nwla_feature #feat_other .feature_table table td {
    background: #fff;
  }
  
	#container #nwla_feature #feat_other .feat_other_notes table {
		margin-bottom: 32px;
	}

	#container #nwla_feature #feat_other #feat_other03 + .feat_other_notes table {
		margin-bottom: 50px;
	}
	
}