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

#inte503 {
font-family: "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
color:#4A433F;
}

@media screen and (min-width:769px){.sp {display:none;}}
@media screen and (max-width:768px){.pc {display:none;}}

#inte503 .main_wrap {width:900px; margin:auto;}


#inte503 #main {
    width:900px; margin:auto;
    margin-bottom:50px;
}
#inte503 #main .main_pic {
    width:100%;
}
#inte503 #main h1 img {
    width:690px;
    margin-left:63px;
    margin-bottom:72px;
}


#inte503 .block_sizeorder {
    background-color:#D9EAE5;
    text-align:center;
    padding:30px;
    color:#004F59;
    font:26px;
    margin-bottom:30px;
}
#inte503 .block_sizeorder h2 {
    margin-top:0px;
    font-size:26px;
}
#inte503 .block_sizeorder p {
    font-size:18px;
    line-height:1.8;
}

#inte503 #content02 .main_wrap {
    width:950px;
    margin:auto;
}

#inte503 .block_nayami {
    background-image: url("nayami_bg.png");
    background-size:100%;
    height:417px;
    padding:90px;
    margin-bottom:30px;
}

#inte503 .block_nayami h3 {
    font-size:24px;
    color:#4A433F;
    font-weight:normal;
}

#inte503 .block_nayami ul {
  list-style: none;
  padding-left:133px;
}

#inte503 .block_nayami ul li {
  font-size: 18px;
  margin-bottom: 20px;
  line-height: 1.5;
  position: relative;
  padding-left: 30px;
}

#inte503 .block_nayami ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 1px solid #999;
}

#inte503 .block_letstry h4 {
    text-align:center;
    font-size:24px;
    font-weight:normal;
    line-height:1.8;
}
#inte503 .letstry_box {
display: flex;
gap: 80px;
background-image: url("ordermade_bg.png");
background-size:30% auto;
background-repeat:no-repeat;
background-position: 140px 80px;
padding-bottom:80px;
margin-bottom:50px;
}

#inte503 .letstry_box img {
  width: 330px; 
  height: auto;
}

#inte503 .letstry_box p span {
    font-size:22px;
    display:block;
    padding-bottom:3px;
}
#inte503 .letstry_box p {
    font-size:20px;
  margin: 0; 
  line-height: 1.9;
    padding-top:50px;
}

#inte503 .block_step {
    background-color:#D9EAE5;
    color:#004F59;
    padding:13px;
    margin-bottom: 100px;
}
#inte503 .block_step h5 {
    font-size:24px;
    text-align:center;
    margin:5px 0 13px 0;
}
#inte503 .block_step ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 13px;
    margin: 0;
}
#inte503 .block_step ul li {
    background-color:#FFF;
    text-align:center;
}
#inte503 .stepttl {
    height:100px;
    text-align:center;
}
#inte503 .stepttl strong {
    display:block;
    font-size:16px;
    padding-top:12px;
}
#inte503 .stepttl strong em {
font-size:20px;
}
#inte503 .stepttl span {
    display:block;
    font-size:16px;
    padding-top:8px;
}
#inte503 .block_step ul li img {
    width:94%;
    margin-bottom:30px;
}
#inte503 .block_step ul li p {
    padding:8px;
    color:#4A433F;
    font-size:12px;
}

#inte503 .block_cwu {
border:solid 1px #80A7AC;
display: flex;
align-items: center; 
gap: 40px;
padding:22px;
margin-bottom:100px;
}

#inte503 .block_cwu img {
  width: 330px; 
  height: auto;
  flex-shrink: 0; 
}
#inte503 .block_cwu .text {
flex-grow: 1;
text-align:center;
color:#004F59;
}
#inte503 .block_cwu .text h4 {
margin-top: 0;
font-size:20px;
font-weight:normal;
margin-top:10px;
margin-bottom:20px;
}
#inte503 .block_cwu .text p {
font-size:16px;
line-height:1.9;    
}

#inte503 .block_brastyle {
background-color:#EFEFEF;
padding: 40px 50px;
margin-bottom:50px;
}
#inte503 .block_brastyle h4 {
margin-top:0px !important;
color:#004F59;
font-size:24px;
text-align:center;
font-weight:normal;
}
#inte503 .block_brastyle ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  gap: 28px;
  padding: 0;
  margin: 0;
}
#inte503 .block_brastyle ul li {
  text-align: center; 
  background-color: #FFF;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #E6EEEE;
  list-style: none;
}
#inte503 .block_brastyle ul li .li-inner {
  width: 100%;
  height: 100%;
  border: 1px solid #E6EEEE;
  padding: 10px;
  box-sizing: border-box;
}
#inte503 .block_brastyle ul li img {
  max-width: 90%;
  height: auto;
  margin: 10px 0;
}
#inte503 .block_brastyle ul li strong {
  display: block;
  font-size: 24px;
  margin-bottom: 5px;
  color:#004F59;
font-weight:normal;
}

#inte503 .block_brastyle ul li span {
color:#004F59;
font-size:16px;
}
#inte503 .block_brastyle ul li p {
font-size:14px;
padding-bottom:10px;

}
#inte503 .btn_yoyaku {
text-align:center;
margin-bottom:100px;
}
#inte503 .btn_yoyaku a {
display:inline-block;
background-color:#004F59;
color:#FFFFFF;
padding: 20px 55px;
border-radius:5px;
font-size:24px;
}
#inte503 .btn_yoyaku a span {
display:block;
font-size:14px;
}

#inte503 .block_shop h4 {
font-size:24px;
text-align:center;
font-weight:normal;
}
#inte503 .shopdetail {
  display: flex;
  gap: 60px; 
  align-items: center; 
}
#inte503 .shopdetail img {
  width: 450px; 
  height: auto;
  flex-shrink: 0; 
}
#inte503 .shopdetail .detail_text {
flex-grow: 1;
text-align:left;

}
#inte503 .shopdetail .detail_text p strong {
font-size:16px;
margin-right: 10px;
display:block;
font-weight:500;
}
#inte503 .shopdetail .detail_text p {
margin-top: 0;
font-size:14px;
font-weight:normal;
}

#inte503 .btn_x {
margin-top:20px;
}
#inte503 .btn_x a {
display:inline-block;
font-size:16px;
font-weight:500;
background-image: url("ico_twitter.png");
background-size:35px auto;
background-repeat:no-repeat;
background-position: center right;
padding-right:55px;
height: 40px; 
line-height: 40px;
}






/********* SP *********/

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

#inte503 .main_wrap {width: 95%;margin:auto;}


#inte503 #main {
    width:100%;
    margin:auto;
    margin-bottom:30px;
}
#inte503 #main .main_pic {
    width:100%;
}
#inte503 #main h1 img {
    width: 83%;
    margin-left: 9%;
    margin-bottom: 25px;
}


#inte503 .block_sizeorder {
    background-color:#D9EAE5;
    text-align:center;
    padding:30px;
    color:#004F59;
    font:26px;
    margin-bottom: 0px;
}
#inte503 .block_sizeorder h2 {
    margin-top:0px;
    font-size: 5.3vw;
    font-weight:normal;
    margin-bottom:13px;
}
#inte503 .block_sizeorder p {
    font-size: 3.7vw;
    line-height:2;
}

#inte503 #content02 .main_wrap {
    width:100%;
    margin:auto;
}

#inte503 .block_nayami {
    background-image: url("nayami_bg_sp.png");
    background-size:100%;
    background-repeat:no-repeat;
    height:417px;
    padding: 20px;
    margin-bottom:0px;
}

#inte503 .block_nayami h3 {
    font-size: 5vw;
    color:#4A433F;
    font-weight:normal;
    padding-top:15%;
}

#inte503 .block_nayami ul {
  list-style: none;
  padding-left: 3%;
}

#inte503 .block_nayami ul li {
  font-size: 3.9vw;
  margin-bottom: 4%;
  line-height: 1.5;
  position: relative;
  padding-left: 24px;
}

#inte503 .block_nayami ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 1px solid #999;
  margin-top:0.5%;
}

#inte503 .block_letstry h4 {
    text-align:center;
    font-size: 5vw;
    font-weight:normal;
    line-height:1.8;
}
#inte503 .letstry_box {background-image: url("ordermade_bg.png");background-size:60% auto;background-repeat:no-repeat;background-position:117% 29%;padding-bottom: 40px;margin-bottom: 0px;text-align:center;display:block;}

#inte503 .letstry_box img {
  width: 80%;
  height: 100%;
    display:block;
    margin:auto;
}

#inte503 .letstry_box p span {
    font-size: 4.9vw;
    display:block;
    padding-bottom:3px;
}
#inte503 .letstry_box p {
    font-size: 4.4vw;
    margin: 0;
    line-height: 1.9;
    padding-top: 40px;
}

#inte503 .block_step {
    background-color:#D9EAE5;
    color:#004F59;
    padding: 16px;
    margin-bottom: 45px;
}
#inte503 .block_step h5 {
    font-size: 4.4vw;
    text-align:center;
    margin:5px 0 13px 0;
    font-weight:normal;
}
#inte503 .block_step ul {
display: block;
grid-template-columns: repeat(4, 1fr);
gap: 13px;
margin: 0;
}
#inte503 .block_step ul li {
display: block; 
text-align: center; 
padding: 10px 0;
background-color: #FFF;
margin-bottom:20px;
}
#inte503 .block_step ul li:last-child {
margin-bottom: 5px;
}
#inte503 .block_step ul li .step-content {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
}
#inte503 .stepttl {
width: 50%;
height: auto;
text-align: center;
padding-left: 10px;
}
#inte503 .block_step ul li img {width: 46%;max-width: 50%;margin-bottom: 0;}
#inte503 .block_step ul li p {
width: 100%; 
padding: 8px 10px;
text-align: center;
box-sizing: border-box;
font-size:3.5vw;
}
#inte503 .stepttl strong {
padding-top: 0;
font-weight:normal;
}
#inte503 .stepttl strong em {
font-style:normal;
font-weight:normal;
}
#inte503 .stepttl span {
padding-top: 4px;
}

#inte503 .block_cwu {border:solid 1px #80A7AC;display: block;align-items: center;gap: 40px;padding:22px;margin-bottom: 50px;}

#inte503 .block_cwu img {
  width: 100%;
  height: auto;
  flex-shrink: 0;
}
#inte503 .block_cwu .text {
flex-grow: 1;
text-align:center;
color:#004F59;
}
#inte503 .block_cwu .text h4 {margin-top: 0;font-size: 4.3vw;font-weight:normal;margin-top:10px;margin-bottom:20px;}
#inte503 .block_cwu .text p {font-size: 3.5vw;line-height: 1.6;margin-bottom:20px;}

#inte503 .block_brastyle {background-color:#EFEFEF;padding: 30px 20px;margin-bottom:50px;}
#inte503 .block_brastyle h4 {margin-top:0px !important;color:#004F59;font-size: 5.2vw;text-align:center;font-weight:normal;margin-bottom:20px;}
#inte503 .block_brastyle ul {
  display: block;
  grid-template-columns: repeat(3, 1fr); 
  gap: 28px;
  padding: 0;
  margin: 0;
}
#inte503 .block_brastyle ul li {
  text-align: center; 
  background-color: #FFF;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #E6EEEE;
  list-style: none;
margin-bottom:15px;
}
#inte503 .block_brastyle ul li:last-child {
    margin-bottom: 0px;
}
#inte503 .block_brastyle ul li .li-inner {
  width: 100%;
  height: 100%;
  border: 1px solid #E6EEEE;
  padding: 10px;
  box-sizing: border-box;
}
#inte503 .block_brastyle ul li img {
  max-width: 90%;
  height: auto;
  margin: 10px 0;
}
#inte503 .block_brastyle ul li strong {
  display: block;
  font-size: 24px;
  margin-bottom: 5px;
  color:#004F59;
font-weight:normal;
}

#inte503 .block_brastyle ul li span {color:#004F59;font-size: 4vw;}
#inte503 .block_brastyle ul li p {
font-size:14px;
padding-bottom:10px;
}

#inte503 .sp_column {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
padding: 10px 0;
}
#inte503 .sp_column img {
width: 50%;
max-width: 50%;
margin: 0; 
padding-left: 5%;
padding-right: 5%;
}
#inte503 .sp_column .text-content {
width: 50%;
text-align: center;
padding-left: 5px;
}

    
#inte503 .btn_yoyaku {text-align:center;margin-bottom: 68px;}
#inte503 .btn_yoyaku a {display:inline-block;background-color:#004F59;color:#FFFFFF;padding: 14px 59px;border-radius:5px;font-size:24px;}
#inte503 .btn_yoyaku a span {
display:block;
font-size:14px;
}

#inte503 .block_shop h4 {font-size: 5vw;text-align:center;font-weight:normal;padding:0px;}
#inte503 .shopdetail {
  flex-direction: column;
  gap: 25px; 
  align-items: center; 
}
#inte503 .shopdetail img {
  width: 450px; 
  height: auto;
  flex-shrink: 0; 
}
#inte503 .shopdetail .detail_text {
order: 1;
flex-grow: 1;
text-align:left;

}
#inte503 .shopdetail .detail_text p strong {font-size: 3.8vw;margin-right: 10px;display:block;font-weight:500;}
#inte503 .shopdetail .detail_text p {margin-top: 0;font-size: 3.1vw;font-weight:normal;}

#inte503 .btn_x {
margin-top:20px;
}
#inte503 .btn_x a {display:inline-block;font-size: 3.6vw;font-weight:500;background-image: url("ico_twitter.png");background-size: 28px auto;background-repeat:no-repeat;background-position: center right;padding-right: 46px;height: 33px;line-height: 33px;}

}