@charset "utf-8";


/*.nav li .hover_design{ position:relative; }*/
/*@media screen and (min-width: 751px) {
.nav li.hover_design ul{  left:750px;  }
.nav li.hover_design ul li:not(:last-child){ margin-bottom:10px;  }
.nav li.hover_design ul a{ background:url(../../common/images/cmn_sidemn_icon_04.jpg) 10px center no-repeat; font-size:1em; padding:10px 10px 10px 30px; margin-right:20px; }
}*/
@media screen and (max-width: 750px) {

/*.nav > li.hover_design > ul { position:static; left: 0; }*/
/*.nav li.hover_design .parent ul{ position:static; left: 0; }*/

/*.nav li.hover_design ul.hover_design_sp{ position: absolute; left: -9999px; }
.nav > li.hover_sp > ul.hover_design_sp { left: 0; }
.nav li.hover_design { width: 100%; z-index: 10000; }
.nav > li.hover_design ul.hover_design_sp li:first-child { border-top: 1px solid #bebebe; }
.nav li > li:last-child { border-bottom: none; }
.nav li.hover_sp ul.hover_design_sp { left: 100%; top: 0; }
.nav li.hover_design{ position: relative; z-index: 10000; background: #f4f4f4; font-size: 14px; }
.nav li.hover_design a:hover { background: #f4f4f4; }
.nav li.hover_design ul.hover_design_sp { display: flex; flex-wrap: wrap; background: #fff;}

.nav li.hover_design li { width: 50%; background: #fff; border-bottom: 1px dotted #bebebe;}
.nav li.hover_design li:nth-child(2n + 1) a { border-right: 1px dotted #bebebe; }
.nav li.hover_design li:first-child,.nav li.hover_design li:nth-child(2) { border-top: 1px dotted #bebebe; }

.nav li.hover_sp ul.hover_design_sp{ position: static; }*/
/*.nav > li.hover_sp  ul{ position:static; }*/
}



/* コンテンツスタイル
----------------------------------------------------------- */
#main  h1::after{ background:#4a97d8; }
#main h1 span{ color:#4a97d8; }
#main a:hover{ /*opacity:.9;*/ }
#main  h2{ font-weight:bold; }
#main .useful_box h2{ font-size:18px; font-weight:bold; color:#4a97d8; margin:25px 0 5px 0; }

.lead_text,#main dd{ font-size:14px; }
.lead_text,#main dt,#main .sub_page dd{ letter-spacing:0.05em; }

#main .useful_box h2,#main .useful_box h3{ font-size:20px; letter-spacing:1px; font-weight:bold; line-height:1; }
/*h2{ font-size:18px; border-bottom:2px solid #e9e9e9; line-height:1em; height:25px; margin:0 0 15px 0; position:relative; }*/
#main dt{ font-weight:bold; font-size:16px; }
/*h2::after { content:""; position:absolute; bottom:-2px; left:0; height:2px; width:50px; background:#4a97d8; }*/

#main .useful_box h2{ border-left:6px solid #4a97d8; color:/*#4a97d8*/#333; padding:5px 10px; vertical-align:middle; margin-bottom:25px; }
#main .useful_box h3{ display:flex; align-items:center; color:#005eae; margin-bottom:20px; }
#main .useful_box h3::after{ content:""; height:2px; background:#005eae; flex-grow:1; margin-left:15px; }

.print_cat_box{ margin-bottom:50px; }
.print_point{ margin-bottom:30px; }

#main dt,#main dd,dd.solution,dd.ex_img{ margin-bottom:10px; }
dd.solution{ color:#d1190d; font-weight:bold; }
.print_point dd.solution span { font-weight:bold; color:#fff; background:#d1190d; padding:3px 10px; margin-right:10px; }
dd.ex_img{ padding-top:5px; }

/* お問合せ・e-myリンク共通
----------------------------------------------------------- */
.contact,.other_link{ padding-bottom:30px; text-align:center; font-size:16px; font-weight:bold; letter-spacing:1px; }
.h2_icon{ display:grid; place-items:center; background:#fff; min-height:66px; padding:5px; margin-bottom:15px; box-sizing:border-box; position:relative; }
.h2_icon::after{ content:""; position:absolute; bottom:-20px; left:50%; margin-left:-8px; border:8px solid transparent; border-top:12px solid #FFF; z-index:1;}
.contact h2,.other_link h2{ display:inline-block; font-size:16px; position:relative; }
.contact h2::before,.other_link h2::before{ vertical-align:middle; position:absolute; top:50%; left:0; margin-top:-25px; }
.contact .lead_text,.other_link .lead_text{ font-size:15px; color:#666; padding:0 15px; }
.contact .contact_bnr,.other_link .emy_bnr{ display:flex; justify-content:center; margin:15px auto 0 auto; }
.contact h2 .sp_br,.other_link h2 .sp_br{ display:none; }

/* お問合せバナー
----------------------------------------------------------- */
.contact{ background:#f5f2e9; margin-top:60px;  }
.contact .h2_icon{ border:8px #f5f2e9 solid; }
.contact h2{ color:#4a97d8; padding-left:60px; }
.contact h2::before{ content:url(../images/beginner-mark.png); }
.contact .form_btn{ width:350px; background:#cd4b4a; box-shadow: 0 4px 0 0 #aa3c3c; transition:.1s; border-radius:8px; padding:18px 10px; }
.contact .form_btn:hover{ transform:translateY(4px); box-shadow:0 0 0 0 #aa3c3c; opacity:.85; }
.contact .form_btn p{ color:#fff; }
.contact .btn_title{ display:inline; font-size:22px; position:relative; padding-left:50px; }
.contact .btn_title::before{ vertical-align:middle; position:absolute; top:50%; left:0; margin-top:-17px; }
.contact .form_btn .btn_title::before{ content:url(../images/form-icon.jpg); }
.contact .btn_sub{ margin-top:5px; font-size:14px; }
.contact .tel_contact{ width:312.5px; margin-left:40px; background:#fff; border-bottom:4px #fff solid; border-radius:8px; padding:18px 10px; color:#cd4b4a; }
.contact .tel_contact .btn_title::before{ content:url(../images/tel-icon.jpg); }

/* e-myリンクバナー
----------------------------------------------------------- */
.other_link{ background:#ecf4e3; margin-bottom:50px; margin-top:30px; }
.other_link .h2_icon{ border:8px #ecf4e3 solid; }
.other_link h2{ color:#006934; padding-left:130px; }
.other_link h2::before{ content:url(../images/quick-delivery.png); }
.other_link span{ color:#f39800; /*padding:0 2px;*/ }
.other_link .emy_bnr{ align-items:center; }
.other_link .emy_bnr > p{ letter-spacing:0.1px; color:#006934; font-size:20px; padding:13px 0; margin-right:27px; }
.other_link .emy_bnr > p span{ letter-spacing:-0.3px; padding:0 2px; }
.other_link .emy_link{ background:#fff; border-radius:8px; box-shadow:0 4px 0 0 #ddd; letter-spacing:0.5px; }
.other_link .emy_link .btn_title{ background:#7fc71b; color:#fff; font-size:18px; padding:8px; border-radius:8px 8px 0 0; }
.other_link .btn_sub{ color:#77b529; padding:10px 10px; font-size:15px; }
.other_link .emy_link img{ margin:0 5px; vertical-align:text-bottom; }
.other_link a img#emy_logo:hover{ opacity:1; /*画像個別の透過設定をリセット*/ }
.other_link .emy_link .btn_sub::after{ content:url(../images/emybag-link-icon.png); vertical-align:middle; padding-left:3px; line-height:1; }
.other_link .emy_link:hover{ transform:translateY(4px); box-shadow:0 0 0 0 #ccc; transition:.1s; opacity:.85; }

@media screen and (max-width: 750px) {
/*.pc_only { display: none; }*/
.lead_text,.useful_box{ padding:0 10px; }
#main dt,#main dd{ line-height:1.6; }
.print_point dd.solution span { display:block; width:60px; text-align:center; margin-bottom:5px; }
.useful_box .ex_img{ overflow-x:scroll; }

.contact, .other_link { margin-left: 10px; margin-right: 10px; }
.contact h2, .other_link h2{ line-height:1.6; text-align:left; }
.contact .contact_bnr,.other_link .emy_bnr{ display:block; }
.contact .lead_text, .other_link .lead_text{ font-size:14px; }
.contact h2{ padding-left:50px; }
.contact .contact_bnr{ width:370px; }
.contact .form_btn{ margin-bottom:20px; }
.contact .tel_contact{ margin:0 auto; }
.other_link h2{ padding-left:90px; }
.other_link h2::before{ content:url(../images/sp-quick-delivery.png); margin-top:-17.5px; }
.other_link .emy_bnr > p{ font-size:18px; padding:5px 0 13px 0; margin-right:0; letter-spacing:.8px; }
.other_link .emy_link{ display:inline-block; }
}

@media screen and (max-width:440px){
.contact h2, .other_link h2{ font-size:15px; letter-spacing:.8px; }
.other_link h2{ padding-left:45px; }
.other_link h2{ padding-left:75px; }
.other_link h2::before{ content:url(../images/sp2-quick-delivery.png); margin-top:-15px; }
.contact .contact_bnr,.other_link .emy_bnr{ width:95%; }
.contact .form_btn,.contact .tel_contact{ width:100%; box-sizing:border-box; }
.contact .btn_title{ font-size:19px; }
.other_link .emy_link{ width:100%; }
.other_link .emy_link .btn_sub::after{ padding-left:3px; }
.other_link .emy_link .btn_title,.other_link .emy_link .btn_sub{ padding:13px 8px; }

}

@media screen and (max-width:420px){
.other_link .emy_link img{ width:100px; height:auto; margin:0 3px; }
.other_link .emy_link .btn_title,.other_link .btn_sub{ font-size:17px; letter-spacing:.7px; }
.other_link .btn_sub { font-size:14px; }

}