@charset "utf-8";
@media screen and (max-width: 750px) {

}
/* コンテンツスタイル
----------------------------------------------------------- */
#main  h1::after{ background:#4a97d8; }
#main h1 span{ color:#4a97d8; }
#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 dt,#main dd,.anker li{ font-size:14px; }
.lead_text,#main .sub_page dd{ letter-spacing:0.05em; }

.anker{ display:flex; margin:15px 0 35px; width:860px; }
#main .anker li a{ position:relative; display:inline-block; padding:7px 30px 7px 18px; color:#005eae; background:#fff; font-weight:bold; letter-spacing:0.07em; border:#4a97d8 solid 1px; border-radius:8px; margin-right:10px; transition:.05s ease; }
#main .anker li a:hover{ background:#eef8ff; }
.anker li a::after{ content:""; display:inline-block; width:6px; height:6px; position:absolute; top:30%; right:12px;
			margin-left:7px; margin-bottom:2px; border-left:#005eae solid 2px; border-bottom:#005eae solid 2px; transform:rotate(-45deg); transition:.2s ease; }
.anker li a:hover::after{ top:40%; }

#main .useful_box h2,#main .useful_box h3{ font-size:20px; letter-spacing:1px; font-weight:bold; line-height:1; }
#main .useful_box h2{ border-left:6px solid #4a97d8; color:#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; }

.create_cat_box{ margin-bottom:50px; }
.print_point,.color{ margin-bottom:30px; }

.useful_box .create_cat_box .parts{ display:flex; justify-content:space-between; margin-top:20px; }
.create_cat_box .parts .invalid_data{ display:inline-block; background:#fafafa; border:#ccc solid 1px; border-radius:15px; padding:25px 20px; }
.create_cat_box .parts .invalid_data > p{ font-size:15px; padding-left:3.5em; position:relative; }
.create_cat_box .parts .invalid_data span.ng_icon{ font-size:20px; font-weight:bold; color:#005eae; position:absolute; top:0; left:0; margin-top:-3px; }
.create_cat_box .parts .invalid_data ol{ display:flex; width:322px; margin:30px auto 0 auto; font-size:13px; }
.create_cat_box .parts .invalid_data ol li{ text-align:center; }
.create_cat_box .parts .invalid_data ol li:first-child{ padding-right:60px; position:relative; }
.create_cat_box .parts .invalid_data ol li:first-child::after{ content:url(../images/arrow.png); position:absolute; top:30%; right:10px; }
.create_cat_box .parts .invalid_data ol p{ margin-top:20px; }

.create_cat_box table.line_width{ border-collapse:separate; font-size:14px; margin:20px 0 0 30px; }
.create_cat_box table.line_width th,.create_cat_box table.line_width td{ text-align:center; padding:11px 0; border-left:2px #fff solid; }
.create_cat_box table.line_width tr:first-child th{ padding:8px 0; }
.create_cat_box table.line_width tr{ position:relative; }
.create_cat_box table.line_width tr::after{ content:""; position:absolute; z-index:1; top:100%; left:0; display:block; width:100%; height:1px; background:#aaa; }
.create_cat_box table th{ font-weight:bold; }
.create_cat_box table.line_width td{ background:#eee; }
.create_cat_box table.line_width tr:first-child th:nth-child(n+2){ background:#ccc; width:150px; }
.create_cat_box table.line_width tr:nth-child(2) th{ width:135px; }

.create_cat_box dl.print_color{ margin:30px 0 0 30px; }
.create_cat_box dl.print_color dt{ float:left; font-weight:bold; }
.create_cat_box dl.print_color dd{ margin-left:140px; }
.create_cat_box dl.print_color dd:nth-of-type(1){ margin-bottom:25px; }

.useful_box:nth-of-type(2) .create_cat_box:nth-of-type(3){ text-align:center; }
#main a.print_link{ display:inline-block; background:#fff; border:1px #aaa solid; border-radius:10px; padding:15px 25px; font-size:15px; font-weight:bold; color:#005eae; width:auto; margin:0 auto; transition:ease .2s; }
#main a.print_link::after{ content:""; display:inline-block; margin-left:15px; width:7px; height:7px; border-top:#005eae solid 2px; border-right:#005eae solid 2px; transform:rotate(45deg); transition:ease .2s; }
#main a.print_link:hover{ background:#eef8ff; border:1px #005eae solid; }

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; }
.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) {
.sp_br{ display:none; }
#item-lead-noflex .lead_text,.anker,.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; }

#main .anker li a{ padding:10px 30px 10px 18px; }
.create_cat_box:not(.color){ margin-bottom:70px; }

.useful_box .create_cat_box .parts{ display:block; }
.useful_box .create_cat_box .parts img{ display:block; max-width:100%; height:auto; margin:0 auto; }
.create_cat_box .parts .invalid_data{ display:block; margin:30px auto 0 auto; width:85%; }
.create_cat_box .parts .invalid_data ol p{ margin-top:10px; }
.create_cat_box table.line_width{ margin: 20px 0 0 10px; }
.create_cat_box dl.print_color{ margin:20px 0 0 10px; }

.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){
.create_cat_box .parts .invalid_data li{ width:38%; }
.create_cat_box .parts .invalid_data ol{ margin: 20px auto 0 auto; }

.create_cat_box dl.print_color dt{ float:none; margin-bottom:3px; }
.create_cat_box dl.print_color dd{ margin-left:0; }
.create_cat_box dl.print_color dd:nth-of-type(1){ margin-bottom:10px; }
.create_cat_box dl.print_color dt:nth-of-type(2){ margin-top:20px; }

.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){
.anker{ display:block; }
#main .anker li:first-child{ margin-bottom:10px; }
#main a.print_link{ padding:15px 10px; }
#main a.print_link::after{ margin-left:5px; }

.create_cat_box .parts .invalid_data ol{ width:100%; }
.create_cat_box .parts .invalid_data ol li:first-child{ padding-right:40px; }
.create_cat_box .parts .invalid_data ol li:first-child::after{ right:0; }

.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; }
}