@charset "UTF-8";

* {
-webkit-text-size-adjust: 100%;

}

#content_modanosusume_area,
#content_karakiosusume_area {
font-family: "MS Ｐゴシック", Osaka, sans-serif;
}

/* ========== #contentzone（メインコンテンツ） ========== */

#contentzone{
overflow: hidden;
}

div#footer3 {
overflow: hidden;
}




#contentzone ul#topicpath {
font-size: 10px;
line-height: 1.6;
margin-bottom: 21px;
margin-left: 10px;
}

#contentzone ul#topicpath li {
display: inline-block;
width: auto;
background: url(../images/butsudan/new_all/topicpath_arrow.gif) no-repeat 100% 50%;
padding-right: 18px;
}

#contentzone ul#topicpath li:last-of-type {
background: none;
padding-right: 0;
}

#contentzone .contactbox {
margin: 50px 0 50px 0;
padding: 0 20px;
text-align: center;
}

div.pageup{
color:#666;
font-size: 12px;
margin: 20px 0 40px 0;
text-align: right;
width: 95%;
}

a,a:link {
color:#333;
text-decoration: none;
}

a:visited{
color:#333;
}

a:hover{
text-decoration: none;
color:#666;
}

div a img:hover{
filter:alpha(opacity=73); /*←IE用*/
-moz-opacity:0.70; /*←Mozilla用*/
opacity:0.70; /*←Mozilla用*/
}

/* --------------------------------------------------
飾り方内容
-------------------------------------------------- */

.decorationTitle {
height: auto;
margin: 0 auto;
width: 93.5%;
margin-top: 2vw;
}

.decorationTitle p.caution_top {
font-size: 3.7vw;
line-height: 1.2;
color: #666666;
margin-bottom: 3vw;
}

.decorationTitle div.deco_top_area_all {
border: 1px solid #7c4d26;
padding: 5px 3% 0px;
background: url(../images/service/instructions_bt/top_tit_bg_all.jpg) no-repeat left top;
background-size: cover;
}


.decorationTitle div.deco_top_area_all h1.deco_top_h1_all {
font-size: 6vw;
line-height: 1.1;
color: #007d00;
font-weight: bold;
text-align: center;
letter-spacing: 1px;
padding-top: 2vw;
margin-bottom: 1vw;
text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;
}

.decorationTitle div.deco_top_area_all h1.deco_top_h1_all span.h1_b_all {
font-size: 9vw;
}

.decorationTitle div.deco_top_area_all p.deco_top_h1_all {
font-size: 6vw;
line-height: 1.1;
color: #ba9f5e;
font-weight: bold;
text-align: center;
letter-spacing: 1px;
padding-top: 5px;
margin-bottom: 7px;
}

.decorationTitle div.deco_top_area_all p.deco_top_h1_all span.h1_b_all {
font-size: 7.7vw;
}

.decorationTitle div.deco_top_area_all p.deco_top_h2_all {
font-size: 3vw;
line-height: 1.8;
background: #ba9f5e;
border-radius: 1vw;
font-weight: bold;
color: #fff;
letter-spacing: 1px;
text-align: center;
margin-bottom: 2vw;
}


/* --------------------------------------------------
メインテキスト h2
-------------------------------------------------- */
.decorationTitle div.deco_top_area_all2 {
border: 1px solid #4a7937;
padding: 5px 3% 0px;
background: url(../images/service/instructions_bt/top_tit_bg_all2.jpg) no-repeat left top;
background-size: cover;
margin-bottom: 4vw;
}

.decorationTitle div.deco_top_area_all2 h2.deco_top_h2_all {
font-size: 9vw;
line-height: 1.1;
color: #616161;
font-weight: bold;
text-align: center;
letter-spacing: 1px;
padding-top: 2vw;
margin-bottom: 1vw;
text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;
}

.decorationTitle div.deco_top_area_all2 p.deco_top_h2_all {
font-size: 3.2vw;
line-height: 1.8;
background: #93ba5e;
border-radius: 3px;
font-weight: bold;
color: #fff;
letter-spacing: 1px;
text-align: center;
margin-bottom: 2vw;
}

.decorationTitle div.deco_top_area_all2 h2.deco_top_h1_all span.h2_b_all {
font-size: 7.7vw;
}

div.instructions_top2{
margin-top: 15vw
}

/* --------------------------------------------------
飾り方カテゴリー(設置方法)
-------------------------------------------------- */


/*　2組 */
div.instructions_box{
width: 93.5%;
text-align: center;
margin: 0 3vw;
}

/*p.instructions_text{
padding: 2vw 3vw 2vw;
background: #60764d;
margin-bottom: 3vw;
color: white;
font-size: 4.3vw;
line-height: 1.4;
font-weight: bold;
margin-top: 8vw;
}*/

p.instructions_text{
  position: relative;
  padding: 2vw 3vw 2vw;
  background: #60764d;
  margin-bottom: 3vw;
  color: white;
  font-size: 4.3vw;
  line-height: 1.4;
  font-weight: bold;
  margin-top: 8vw;
  overflow: hidden;
}

p.instructions_text::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at top left, #fff 0 2.8vw, transparent 2.9vw),
    radial-gradient(circle at top right, #fff 0 2.8vw, transparent 2.9vw),
    radial-gradient(circle at bottom left, #fff 0 2.8vw, transparent 2.9vw),
    radial-gradient(circle at bottom right, #fff 0 2.8vw, transparent 2.9vw);
  background-size: 47% 48%;
  background-repeat: no-repeat;
  background-position: top left, top right, bottom left, bottom right;
}


div.img_2rows{
border: 1vw solid #d3bd9a;
border-radius: 5px;
position: relative;
background-color: #fef9d8;
padding: 5vw 3vw;
margin-bottom: 3vw;
}

div.img_2rows p{
font-size: 5vw;
text-align: center;
margin-bottom: 3vw;
font-weight: bold;
}

div.img_2rows p.text_code{
font-size: 3.7vw;
margin: 2vw 2vw;
text-align: left;
color: #494237;
line-height: 5vw;
font-weight: normal;
}

div.instructions_box2 div.img_rows {
padding: 20px 10px;
border: 3px solid #d3bd9a;
border-radius: 5px;
background-color: #fef9d8;
}


/*　3組 */

div.img_3rows{
border: 1vw solid #d3bd9a;
border-radius: 5px;
position: relative;
background-color: #fef9d8;
padding: 4vw 1.5vw;
}

div.img_3rows div{
display: inline-block;
width: 29.5%;
margin: 0 1vw;
}

div.img_3rows div p.rows3_p_text{
font-size: 4.3vw;
margin: 2vw 0;
font-weight: bold;
}

div.img_3rows div p img{
width: 100%;
}

div.img_3rows p.text_code {
font-size: 3.7vw;
font-weight: bold;
margin: 3vw 2vw;
text-align: left;
color: #494237;
line-height: 5vw;
font-weight: normal;
}

/*　2組 */

div.instructions_box2{
width: 93.5%;
text-align: center;
margin: 0 3vw;
}

div.img_rows p.text_code {
font-size: 3.7vw;
font-weight: bold;
margin: 2vw 3vw;
text-align: left;
color: #454545;;
line-height: 5vw;
font-weight: normal;
}


/*　LED */
div.instructions_box_led{
width: 93.5%;
margin: 4vw 2.5vw 0;
border: 1vw solid #b7b7b7;
border-radius: 1.5vw;
}

p.led_text_main{
font-size: 6vw;
text-align: center;
margin: 5vw 0;
font-weight: bold;
}

div.instructions_box_led div.img_rows{
text-align: center;
}

/*　QA */
div.instructions_box_qa {
width: 93.5%;
margin: 4vw 2.5vw 0;
border: 1vw solid #fefaca;
border-radius: 3vw;
background-color: #fefaca;
margin-bottom: 5vw;
}

div.instructions_box_qa div.img_rows p.text_code{
margin: 7vw 5vw 5vw;
}

p.qa_fukidasi {
position: relative;
padding: 2vw 1vw;
outline: 0.6vw solid #2e3588;
outline-offset: 1vw;
background: #ffe1e1;
color: #2e3588;
font-size: 4.4vw;
font-weight: bold;
text-align: center;
margin: 3vw 5vw 0 5vw;
border-radius: 2vw;
}

p.qa_fukidasi:before {
position: absolute;
top: 109%;
left: 50%;
transform: translateX(-50%) skew(-25deg);
height: 3vw;
width: 2vw;
border-right: 1vw solid #2e3588;
background-color: #ffe1e1;
content: "";
}

p.qa_fukidasi p{
color: #ffe1e1;
line-height: 1.5;
}

/* --------------------------------------------------
飾り方カテゴリー(設置方法)
-------------------------------------------------- */
div.instructions_box_btg{
padding: 0 4vw;
}

p.instructions_t1_btg, p.instructions_t2_btg{
text-align: center;
font-weight: bold;
}

p.instructions_t1_btg{
font-size: 6.4vw;
color: #407c26;
padding: 5vw 0 1.4vw 0;
border-bottom: solid;
border-color: #407c26;
border-width: 1vw;
}

p.instructions_t2_btg{
font-size: 4.6vw;
margin: 1.5vw 0 3vw 0;
}

div.img_rows_btg{
display: flex;
}

div.img_rows_btg p{
margin: 1vw 1.5vw;
}

div.img_rows_btg p img{
width: 95%;
}

div.btg_set02{
width: 55%;
float: left;
}

p.btg_title1, p.btg_title2, p.btg_title3, p.btg_title4{
font-size: 3.7vw;
text-align: center;
font-weight: bold;
padding: 1vw 0;
color: white;
}

p.btg_title1{
background-color: #ecca6b;
}

p.btg_title2{
background-color: #bcb03d;
}

p.btg_title3{
background-color: #96a536;
}

p.btg_title4{
background-color: #54671e;
}

p.btg_set_text{
margin: 2vw 0;
font-size: 3.5vw;
line-height: 4.3vw;
font-weight: bold;
color: #404040;
}

div.instructions_btg_qa{
border: 0.7vw solid #a06d57;
border-radius: 2vw;
background-color: #ffefe9;
margin: 2vw auto 2.5vw;
width: 93.5%;
}

div.instructions_top{
margin-top: 11vw;
}

div.instructions_btg_qa p{
background-color: #a06d57;
padding: 2vw;
font-size: 4vw;
font-weight: bold;
color: white;
text-align: center;
}

div.instructions_btg_qa p.text_code{
margin: 1vw 5vw 0 5vw;
line-height: 4.3vw;
background-color: #ffefe9;
color: #454545;
font-size: 3.7vw;
font-weight: normal;
}
img {
        max-width: 100%;
        height: auto;
    }