@charset "utf-8";

/* 共通スタイル 変更部分
**************************************************/

#value_boushiwa_suit * {
	margin: 0;
	padding: 0;
	box-sizing: content-box;
}

#value_boushiwa_suit ul,
#value_boushiwa_suit ol {
	list-style: none;
}

#value_boushiwa_suit a:hover,
#value_boushiwa_suit a:focus {
	text-decoration: none;
}

#value_boushiwa_suit h1,
#value_boushiwa_suit h2 {
    border: none;
}

#value_boushiwa_suit .main {
    width: 980px;
    float: none;
}

/* value_boushiwa_suit
**************************************************/

#value_boushiwa_suit {
width:100%;
max-width:980px;
color:#333;
background:#fff;
margin:0 auto;
padding:0;
font-size:16px
}

#value_boushiwa_suit img {
width:100%
}

#value_boushiwa_suit p {
margin:0
}

#value_boushiwa_suit .for-pc {
display:block!important
}

#value_boushiwa_suit .for-sp {
display:none!important
}

#value_boushiwa_suit .main {
padding:4.5918367346939% 0 0 16.734693877551%;
box-sizing:border-box;
background-image:url(../_img/kv_pc.jpg);
background-color:#98742b;
background-repeat:no-repeat;
background-size:auto 100%;
background-position:50%;
position:relative
}

#value_boushiwa_suit h1,#value_boushiwa_suit h2,#value_boushiwa_suit h3 {
margin:0
}

#value_boushiwa_suit h1 {
width:26.960784313725%;
margin-bottom:3.064%
}

#value_boushiwa_suit .title_icon {
display:flex;
justify-content:center;
align-items:flex-start;
max-width:220px;
padding-bottom:14.093137254902%
}

#value_boushiwa_suit .title_icon .title_icon_el {
width:22.727272727273%;
display:block
}

#value_boushiwa_suit .main .btn {
width:100%;
max-width:230px;
margin:auto;
bottom:20px;
position:absolute;
left:0;
right:0
}
#value_boushiwa_suit .main .btn a {
width:100%;
line-height:1;
text-align:center;
vertical-align:middle;
border-radius:25px;
font-size:14px;
text-decoration:none;
background:#8a5d08;
margin:auto;
padding: 18px 0;
transition: all 0.3s;
touch-action: manipulation;
font-weight: bold;
display: block;
}

#value_boushiwa_suit .main .btn a {
text-decoration:none;
display:block
}

#value_boushiwa_suit .main .btn:hover {
opacity:.7
}
#value_boushiwa_suit .main .btn a:hover {
    text-decoration: none;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
#value_boushiwa_suit .main .btn span {
padding:0 15px 0 0;
background:url(../_img/ico_arw_down.png) no-repeat right center;
color:#fff
}
@media only screen and (max-width:768px) {
#value_boushiwa_suit .main .btn {
width:64%;
bottom:4%;
}
#value_boushiwa_suit .main .btn a {
font-size: 13px;
border-radius: 20px;
text-decoration: none;
font-weight: normal;
padding: 14px 0 14px;
}
}


#value_boushiwa_suit .tit {
height:40px;
background-color:#3e2905;
display:flex;
justify-content:center;
align-items:center
}

#value_boushiwa_suit .tit img {
width:38%
}

#value_boushiwa_suit .concept {
padding:0;
color:#fff;
background:#9f7f2b;
padding-bottom:40px;
margin-bottom:40px
}

#value_boushiwa_suit .concept .inner01 {
padding:5.1020408163265% 8.1632653061224%;
display:flex;
justify-content:space-between;
align-items:center
}

#value_boushiwa_suit .concept .inner01 div:first-of-type {
width:43.90243902439%
}

#value_boushiwa_suit .concept .inner01 div:last-of-type {
width:51.219512195122%
}

#value_boushiwa_suit .concept .inner01 h2 {
font-size:30px;
font-weight:700;
margin-bottom:7.1428571428571%
}

#value_boushiwa_suit .concept .inner01 .subtit {
font-size:21px;
line-height:1.6;
margin-bottom:7.1428571428571%
}

#value_boushiwa_suit .concept .inner01 .txt {
font-size:14px;
line-height:1.9285714285714
}

#value_boushiwa_suit .bnr-set_sale {
width:100%;
position:relative
}

#value_boushiwa_suit .bnr-set_sale a {
position:absolute;
display:block;
bottom:10.294117647059%;
left:0;
right:0;
margin:auto;
width:23.469387755102%
}

#value_boushiwa_suit .bnr-set_sale a:hover {
opacity:.7
}

#value_boushiwa_suit #lu {
margin-bottom:60px
}

#value_boushiwa_suit .lu_tit {
font-size:24px;
font-weight:700;
color:#333;
text-align:center;
margin-bottom:20px
}

#value_boushiwa_suit .lu_tit span {
display:inline-block;
position:relative
}

#value_boushiwa_suit .lu_tit span:before {
content:'';
position:absolute;
top:50%;
left:-126px;
width:120px;
height:2px;
margin:-1px 0 0;
background:#333
}

#value_boushiwa_suit .lu_tit span:after {
content:'';
position:absolute;
top:50%;
right:-126px;
width:120px;
height:2px;
margin:-1px 0 0;
background:#333
}

#value_boushiwa_suit .tab_wrapper {
margin:0 auto 50px;
padding:0;
overflow:hidden;
max-width:720px;
width:100%;
display: flex;
justify-content: space-between;
}

#value_boushiwa_suit .tab_wrapper a{
width:48%;
  padding: 18px 0;
  line-height: 1;
box-sizing:border-box;
background-color:#253e8f;
font-size:14px;
font-weight:bold;
text-align:center;
margin:0;
list-style-type:none;
color: #fff;
display:block;
text-decoration:none;
    transition: all 0.3s;
touch-action: manipulation;
border-radius: 25px;
}
#value_boushiwa_suit .tab_wrapper a:last-child {
    margin-bottom: 0;
}
#value_boushiwa_suit .tab_wrapper a:hover {
    text-decoration: none;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
#value_boushiwa_suit .tab_wrapper a span{
background: url(../_img/ico_1_29000wrinklefree_arw.png) no-repeat right center;
color: #fff;
line-height: 1;
padding: 0 15px 0 0;
}
@media only screen and (max-width:768px) {
#value_boushiwa_suit .tab_wrapper {
margin:0 auto 50px;
width:84%;
display: block;
font-size: 13px;
font-weight: normal;
}
#value_boushiwa_suit .tab_wrapper a{
width: 100%;
padding: 14px 0;
margin: 0 0 20px;
font-weight: normal;
}
#value_boushiwa_suit .tab_wrapper a:last-child{
margin-bottom: 0;
}
}
#value_boushiwa_suit .tab_wrapper .tab_el a {
display:block;
text-decoration:none
}

#value_boushiwa_suit .tab_wrapper .tab_el a:hover {
opacity:.7
}

#value_boushiwa_suit .tab_wrapper .tab_el:first-child {
border-left:0;
border-radius:10px 0 0 0
}

#value_boushiwa_suit .tab_wrapper .tab_el:last-child {
border-right:0;
border-radius:0 10px 0 0
}

#value_boushiwa_suit .tab_el .txt {
color:#666;
line-height:1;
border-bottom:1px solid #666
}

#value_boushiwa_suit .tab_el.active {
margin-top:0;
line-height:58px;
color:#fff;
border-left:0;
border-right:0;
border-radius:10px 10px 0 0!important;
background-color:#8a5d08
}

#value_boushiwa_suit .tab_el.active .txt {
color:#fff;
border-bottom:0
}

@media only screen and (max-width:768px) {
body {
background:#FFF!important
}

.content > div:first-of-type {
max-width:768px!important;
margin:0 auto
}

#value_boushiwa_suit {
width:100%;
margin:0 auto;
font-size:13px;
line-height:1.5
}

#value_boushiwa_suit .main {
width:100%;
height:auto
}

#value_boushiwa_suit .for-pc {
display:none!important
}

#value_boushiwa_suit .for-sp {
display:block!important
}

#value_boushiwa_suit .main {
padding:4.088% 4.088% 0 5.45%;
background-image:url(../_img/kv_sp.jpg)
}

#value_boushiwa_suit h1 {
width:34.036144578313%;
margin-bottom:5.7228915662651%
}

#value_boushiwa_suit .title_icon {
max-width:226px;
width:34.036144578313%;
margin:0;
padding-bottom:0
}

#value_boushiwa_suit .title_icon .title_icon_el {
width:28.761061946903%;
margin-bottom:105.75221238938%
}

/*#value_boushiwa_suit .main .btn {
width:49.048%;
height:8%;
line-height:3;
border-radius:30px;
font-size:20px;
bottom:4%
}*/

#value_boushiwa_suit .main .btn:hover {
opacity:1
}

#value_boushiwa_suit .main .btn span {
padding:0 14px 0 0;
background:url(../_img/ico_arw_down.png) no-repeat right center;
background-size:7px auto
}

#value_boushiwa_suit .concept {
padding-bottom:0;
margin-bottom:7%;
border-bottom:50px #997726 solid
}

#value_boushiwa_suit .tit{
height: 80px;
}

#value_boushiwa_suit .tit img {
width:87.6%;
}

#value_boushiwa_suit .concept .inner01 {
padding:0;
justify-content:center;
flex-direction:column
}

#value_boushiwa_suit .concept .inner01 .inner {
width:100%
}

#value_boushiwa_suit .concept .inner01 .inner:first-of-type {
order:2;
width:100%;
box-sizing:border-box;
background-image:url(../_img/img_01_sp.jpg);
background-repeat:no-repeat;
background-size:100% auto;
background-position:100%;
position:relative;
min-height:320px;
max-height:640px;
overflow: hidden;
}

#value_boushiwa_suit .concept .inner01 .inner:last-of-type {
order:1;
width:89.333333333333%;
padding:0 5.3333333333333%;
overflow:hidden
}

#value_boushiwa_suit .concept .inner01 h2 {
font-size:40px;
padding:4.6666666666667% 0;
margin-bottom:0;
text-align:center
}

#value_boushiwa_suit .concept .inner01 .subtit {
font-size:36px;
line-height:1.5;
padding-bottom:0;
text-align:left
}

#value_boushiwa_suit .concept .inner01 p.txt {
padding:12.944% 5.3333333333333% 38% 50%;
font-size:26px
}

#value_boushiwa_suit #lu {
margin-bottom:17%
}

#value_boushiwa_suit .lu_tit {
font-size:21px
}

#value_boushiwa_suit .lu_tit span {
display:inline-block;
position:relative
}

#value_boushiwa_suit .lu_tit span:before {
content:none
}

#value_boushiwa_suit .lu_tit span:after {
content:none
}

#value_boushiwa_suit .bnr-set_sale {
width:90%;
margin:0 auto
}

#value_boushiwa_suit .tab_wrapper .tab_el {
line-height:38px;
font-size:12px;
max-width: inherit;
width: 50%;
}

#value_boushiwa_suit .tab_wrapper .tab_el:first-child {
border-left:0;
border-radius:5px 0 0 0
}

#value_boushiwa_suit .tab_wrapper .tab_el:last-child {
border-right:0;
border-radius:0 5px 0 0
}

#value_boushiwa_suit .tab_el.active {
margin-top:0;
line-height:48px;
border-radius:5px 5px 0 0!important
}

#value_boushiwa_suit .bnr-set_sale a {
position:absolute;
display:block;
bottom:5.3333333333333%;
left:0;
right:0;
margin:auto;
width:52%
}
}

@media only screen and (max-width:640px) {
/*#value_boushiwa_suit .main .btn {
border-radius:15px;
font-size:10px;
height:30px;
width:54%
}*/

#value_boushiwa_suit .tit{
height: 40px;
}

#value_boushiwa_suit .concept {
border-bottom:25px #997726 solid
}

#value_boushiwa_suit .concept .inner01 h2 {
font-size:20px!important;
}

#value_boushiwa_suit .concept .inner01 .subtit {
font-size:15px
}

#value_boushiwa_suit .concept .inner01 p.txt {
font-size:13px
}
#value_boushiwa_suit .concept .inner01 .inner:first-of-type {
background-size:auto 100% ;
}
}