@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* CSS Document */

body { font-family:'Noto Sans Japanese', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", 'MS PGothic','ＭＳ Ｐゴシック', 'MS Gothic', sans-serif; font-size:14px; margin:0px; text-align:center; background:url(../images/mainbg.png); background-color:#fff; line-height:150%; color:#474747; word-wrap:break-word; -webkit-text-size-adjust:none; min-width:1140px; }

p, form { margin:0px; padding:0px; }
img { border:none; margin:0px; padding:0px; }
a { text-decoration:underline; outline:none; color:#0095cc; }
a:hover { text-decoration:none; }
a:hover img { filter:alpha(opacity=75); opacity:0.75; }
a, a img, input, textarea { transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; }
input, textarea, select, button { outline:none; }
h1, h2, h3, h4, ul, dl, dt, dd { margin:0px; padding:0px; font-weight:normal; list-style:none; }
.nan { transition:none; -webkit-transition:none; -moz-transition:none; }
.cf { width:100%; }
th { text-align:left; }

/* Header */

.header { background-color:#fff; }
.header .cont { max-width:1120px; margin:0 auto; text-align:left; padding:0px 0px 10px 0px; }
.header h1, .header .h1 { font-size:11px; line-height:15px; padding:10px 0px 0px 0px; font-weight:200; }
.header .logo { float:left; padding:10px 0px; }
.header .rh .btn { float:right; }
.header .rh .btn a { display:block; font-size:16px; font-weight:bold; color:#fff; line-height:20px; padding:15px 18px 15px 43px; border-radius:5px; background:url(../images/ic1.png) no-repeat 15px 18px, linear-gradient(#f9a908, #f68006); text-decoration:none; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 3px 0px #e07300; }
.header .rh .btn a:hover { filter:alpha(opacity=75); opacity:0.75; }
.header .rh .tel { float:left; padding:5px 20px 0px 0px; }
.header .rh .tel b { background:url(../images/ic2.png) no-repeat 0px 3px; font-size:30px; font-weight:bold; font-family:Arial, sans-serif; display:block; cursor:default; pointer-events:none; line-height:30px; padding-left:44px; }
.header .rh .tel span { display:block; font-size:12px; line-height:12px; padding:3px 0px 0px 0px; }
.header .rh form { float:left; margin:14px 30px 0px 0px; position:relative; }
.header .rh form input[type=text] { font-size:12px; background-color:#f1f1f1; border:#e8e8e8 solid 1px; margin:0px; padding:4px 40px 4px 12px; font-family:inherit; width:130px; line-height:20px; height:20px; }
.header .rh form input[type=text]:focus { background-color:#fff; }
.header .rh form input[type=submit] { border:none; padding:0px; margin:0px; position:absolute; width:32px; height:28px; right:1px; top:1px; background:url(../images/ic3.png) no-repeat center center; cursor:pointer; }
.header .rh form input[type=submit]:hover { filter:alpha(opacity=75); opacity:0.75; }

.menu { border-bottom:#e8e8e8 solid 4px; background-color:#fff; }
.menu > ul { max-width:1120px; margin:0 auto; }
.menu > ul > li { float:left; padding-left:1px; position:relative; }
.menu > ul > li:before { content:""; height:20px; width:1px; background-color:#e2e2e2; left:0px; top:15px; position:absolute; }
.menu > ul > li.m8 { padding-right:1px; }
.menu > ul > li.m8:after { content:""; height:20px; width:1px; background-color:#e2e2e2; right:0px; top:15px; position:absolute; }
.menu > ul > li > a, .menu > ul > li > span { display:block; text-align:center; font-size:15px; font-weight:bold; text-decoration:none; color:#474747; line-height:20px; padding:15px 0px; border-bottom:#e8e8e8 solid 4px; margin-bottom:-4px; }
.menu > ul > li > a:hover, .menu > ul > li > a.sel { color:#e17aa3; border-bottom-color:#e17aa3; }
.menu > ul > li > span { cursor:default; color:#c6c6c6; }
.menu > ul > .m1 { width:111px; }
.menu > ul > .m2 { width:185px; }
.menu > ul > .m3 { width:140px; }
.menu > ul > .m4 { width:155px; }
.menu > ul > .m5 { width:170px; }
.menu > ul > .m6 { width:100px; }
.menu > ul > .m7 { width:140px; }
.menu > ul > .m8 { width:110px; }

/* Content */

.topbnr { height:406px; width:100%; min-width:1120px; position:relative; z-index:0; background-color:#fff; }
.topbnr div { height:406px; position:absolute; top:0px; left:0px; width:100%; text-align:left; }
.topbnr div.s1 { background:url(../images/slide7.png) no-repeat center center; }
.topbnr div.s2 { background:url(../images/slide10.png) no-repeat center center; }
.topbnr div.s3 { background:url(../images/slide9.png) no-repeat center center; }
.topbnr div img { filter:alpha(opacity=0); opacity:0; max-width:100%; height:406px; }
.topbnr > span { position:relative; max-width:1300px; margin:0 auto; height:0px; width:100%; display:block; }
.topbnr a.prev, .topbnr a.next { position:absolute; width:50px; height:50px; text-indent:-9999px; top:178px; text-align:left; z-index:100; }
.topbnr a.prev { background:url(../images/prev.png) no-repeat 0px 0px; left:10px; }
.topbnr a.next { background:url(../images/next.png) no-repeat 0px 0px; right:10px; }
.topbnr a.prev:hover, .topbnr a.next:hover { filter:alpha(opacity=75); opacity:0.75; }
.topbnr ul { position:absolute; cursor:default; left:0px; bottom:0px; width:100%; background-color:rgba(0, 0, 0, 0.1); z-index:100; padding:10px 0px; }
.topbnr ul li { display:inline-block; width:10px; height:10px; background-color:#919191; text-indent:-9999px; margin:0px 5px; text-align:left; cursor:pointer; border-radius:10px; }
.topbnr ul li.sel { background-color:#e17aa3; }

.tlinks { background:url(../images/bg1.png); padding:20px 0px; border-bottom:#dadada solid 1px; }
.tlinks .cont { max-width:1120px; margin:0 auto; }
.tlinks .cont > div, .tlinks .cont > div a { background-color:#fff; border-radius:10px; }
.tlinks .cont > div { float:left; width:360px; margin-right:20px; box-shadow:0px 3px 0px #d16a93; }
.tlinks .cont > div:last-child { margin-right:0px; }
.tlinks .cont > div a { display:block; text-decoration:none; }
.tlinks .cont > div a:hover { opacity:0.75; }
.tlinks h3 { font-size:24px; color:#d86291; line-height:30px; padding:20px 0px 65px 0px; }
.tlinks h3:after { display:block; color:#919191; font-size:12px; line-height:16px; }
.tlinks .cont > div:nth-child(1) h3:after { content:"MEDICAL"; }
.tlinks .cont > div:nth-child(2) h3:after { content:"DENTAL"; }
.tlinks .cont > div:nth-child(3) h3:after { content:"CITY HALL"; }
.tlinks .cont > div:nth-child(1) h3 { background:url(../images/ic4.png) no-repeat center bottom; }
.tlinks .cont > div:nth-child(2) h3 { background:url(../images/ic5.png) no-repeat center bottom; }
.tlinks .cont > div:nth-child(3) h3 { background:url(../images/ic6.png) no-repeat center bottom; }
.tlinks p { padding:5px 20px 20px 20px; color:#474747; }

.tnews { background:url(../images/bg2.png); padding:10px 0px; border-bottom:#dadada solid 1px; }
.tnews .cont { max-width:1120px; margin:0 auto; text-align:left; background-color:#fff; border-radius:10px; }
.tnews .cont > ul { padding:20px 30px 20px 130px; position:relative; }
.tnews .cont > ul:before { content:""; background:url(../images/news.png) no-repeat 0px 0px; width:105px; height:50px; position:absolute; left:0px; top:calc((100% - 50px) / 2); }
.tnews .cont > ul > li { position:relative; font-size:16px; color:#919191; line-height:25px; padding:3px 0px 3px 100px; }
.tnews .cont > ul > li > span { position:absolute; left:0px; }

.content { max-width:1120px; margin:0 auto; text-align:left; padding:40px 0px; }
.content .lbar { float:left; width:250px; }

.lbar .cta { background:url(../images/lctabg.png) no-repeat; height:200px; position:relative; margin-bottom:20px; }
.lbar .cta .btn { left:0px; top:135px; position:absolute; width:100%; text-align:center; }
.lbar .cta .btn a { display:inline-block; font-size:14px; font-weight:bold; color:#fff; line-height:18px; padding:12px; border-radius:5px; background:linear-gradient(#f9a908, #f68006); text-decoration:none; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 3px 0px #e07300; }
.lbar .cta .btn a:hover { filter:alpha(opacity=75); opacity:0.75; }
.lbar .cta .lnk { left:0px; top:195px; position:absolute; width:100%; text-align:center; }
.lbar .cta .lnk a { background:url(../images/arrow1.png) no-repeat 0px 5px; padding-left:18px; }

.lbar .bnrs { margin-bottom:10px; }
.lbar .bnrs div { padding-bottom:10px; }

.lmenu { background-color:#fff; border:#dadada solid 1px; margin-bottom:20px; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.07); }
.lmenu .ti { background:url(../images/ic32.png) no-repeat 1px center; border-top:#e17aa3 solid 2px; border-bottom:#dedede solid 1px; margin:-1px -1px 3px -1px; position:relative; font-size:16px; line-height:22px; font-weight:bold; padding:15px 10px 15px 30px; }
.lmenu .ti:before { content:""; position:absolute; left:1px; width:calc(100% - 2px); height:3px; background-color:#ebebeb; bottom:-4px; }
.lmenu .ti:after { content:attr(data-after); font-size:11px; color:#919191; font-weight:normal; display:block; line-height:16px; padding-top:0px; letter-spacing:1px; }
.lmenu > ul li { border-top:#dadada solid 1px; }
.lmenu > ul li a { display:block; text-decoration:none; color:#474747; }
.lmenu > ul > li > a { background:url(../images/arrow3.png) no-repeat right 14px center; font-size:16px; font-weight:bold; color:#d86291; padding:18px 25px 18px 50px; background-color:#ffe6eb; position:relative; }
.lmenu > ul > li > a:before { content:""; position:absolute; width:28px; height:24px; left:11px; top:50%; margin-top:-12px; }
.lmenu > ul > li.medical > a:before { background:url(../images/ic4.png) no-repeat center center; background-size:21px auto; }
.lmenu > ul > li.dental > a:before { background:url(../images/ic5.png) no-repeat center center; background-size:22px auto; }
.lmenu > ul > li.city_hall > a:before { background:url(../images/ic6.png) no-repeat center center; background-size:24px auto; }
.lmenu > ul > li.common_products > a:before { background:url(../images/ic33.png) no-repeat center center; }
.lmenu > ul > li > a:hover, .lmenu > ul > li > a.sel { background-color:#f9f6d9; }
.lmenu > ul > li > ul > li { position:relative; }
.lmenu > ul > li > ul > li > a { padding:14px 15px; }
.lmenu > ul > li > ul > li > a:hover, .lmenu > ul > li > ul > li > a.sel { background-color:#f1f1f1 !important; }
.lmenu > ul > li > ul > li > a.has { padding-right:40px; background:url(../images/lm_open.png) no-repeat right 15px center; }
.lmenu > ul > li > ul > li > a.has.sel { background:url(../images/lm_close.png) no-repeat right 15px center; }
.lmenu > ul > li > ul > li ul { padding:10px 15px; background-color:#f3f3f3; border-top:#dadada solid 1px; display:none; }
.lmenu > ul > li > ul > li ul li { border:none; font-size:12px; }
.lmenu > ul > li > ul > li ul li a { background:url(../images/arrow7.png) no-repeat 2px 9px; padding:3px 0px 3px 16px; }
.lmenu > ul > li > ul > li ul li a:hover { text-decoration:underline; }

.content .rbar { float:right; width:840px; }

.tdesc { background:url(../images/bg3.png) no-repeat 0px 0px; background-size:100% 100%; text-align:center; margin-bottom:30px; padding:40px 0px 0px 0px; height:130px; }
.tdesc p { background:url(../images/logo.png) no-repeat center top; font-size:18px; line-height:28px; font-weight:200; padding-top:40px; }

.box { background-color:#fff; border:#dadada solid 1px; margin-bottom:30px; box-shadow:0px 1px 4px rgba(0, 0, 0, 0.07); }
.box .title { background:url(../images/ic7.png) no-repeat 1px center; border-top:#e17aa3 solid 2px; border-bottom:#dedede solid 1px; margin:-1px -1px 3px -1px; position:relative; font-size:22px; line-height:26px; font-weight:bold; padding:22px 20px 22px 60px; }
.box .title:before { content:""; position:absolute; left:1px; width:calc(100% - 2px); height:3px; background-color:#ebebeb; bottom:-4px; }
.box .title:after { content:attr(data-after); font-size:13px; color:#919191; font-weight:normal; display:block; line-height:16px; padding-top:5px; letter-spacing:1px; }
.box .title.pgt { padding:30px 20px 30px 60px; }
.box .title.pgt:after { display:none; }
.box .cont { padding:29px 29px 40px 29px; }

.ranks > div { border-bottom:#dadada solid 1px; }
.ranks > div:last-child { border-bottom:none; }
.ranks > div > h3 { background:url(../images/rank.png) no-repeat 30px center; background-color:#daf4f0; font-size:26px; font-weight:bold; font-weight:600; line-height:34px; padding:12px 20px 16px 100px; display:flex; height:68px; align-items:center; margin-bottom:25px; }
.ranks > div > h3 i { font-style:normal; font-size:18px; color:#fff; background-color:#23bba1; display:inline-block; vertical-align:middle; padding:3px 0px; margin-left:15px; font-weight:500; position:relative; min-width:148px; text-align:center; }
.ranks > div > h3 i:after { content:""; height:calc(100% - 8px); width:calc(100% - 8px); left:2px; top:2px; position:absolute; border:#91ddd0 dotted 2px; }
.ranks > div:nth-child(1) > h3 { background:url(../images/rank1.png) no-repeat 20px center; background-color:#f9f6e3; padding-left:125px; }
.ranks > div:nth-child(2) > h3 { background:url(../images/rank2.png) no-repeat 20px center; background-color:#f0f0f0; padding-left:125px; }
.ranks > div:nth-child(3) > h3 { background:url(../images/rank3.png) no-repeat 20px center; background-color:#faeae8; padding-left:125px; }
.ranks > div > .mcetxt { padding:0px 29px 29px 29px; }
.ranks > div > ul { padding:0px 29px 20px 29px; }
.ranks > div > ul li { padding-bottom:15px; text-align:center; }

.btn1 { display:block; width:440px; border-radius:5px; color:#fff; font-weight:500; font-size:16px; background:url(../images/arrow2.png) no-repeat right 30px center; background-color:#e17aa3; border:#e17aa3 solid 1px; text-decoration:none; line-height:24px; padding:6px 50px 8px 50px; text-align:center; margin:0 auto; }
.btn1:hover { background:url(../images/arrow3.png) no-repeat right 30px center; background-color:#fff; color:#e17aa3; }

.tcats .cf { margin-bottom:30px; }
.tcats > .cf:last-child { margin-bottom:0px; }
.tcats .cf img { float:right; }
.tcats .cf h3 { width:442px; font-size:26px; font-weight:bold; line-height:32px; border-bottom:#dadada dotted 2px; margin-bottom:15px; padding:0px 0px 10px 48px; }
.tcats .cf:nth-child(1) h3 { background:url(../images/ic8.png) no-repeat 0px 7px; color:#4879bf; }
.tcats .cf:nth-child(2) h3 { background:url(../images/ic9.png) no-repeat 0px 7px; color:#529742; }
.tcats .cf:nth-child(3) h3 { background:url(../images/ic10.png) no-repeat 0px 7px; color:#ef854b; }
.tcats .cf p { width:490px; line-height:28px; }
.tcats .cf p span { font-weight:bold; font-size:16px; }
.tcats .cf ul.cf { margin:0px; width:490px; float:left; padding:10px 0px; }
.tcats .cf ul.cf li { float:left; width:240px; padding-top:10px; }
.tcats .cf ul.cf li:nth-child(2n) { float:right; }
.tcats .cf ul.cf li:nth-child(2n + 1) { clear:both; }
.tcats .cf ul.cf li a { width:auto; font-size:14px; padding:3px 25px 5px 25px; background-position:right 15px center; }
.tcats + div { padding-top:30px; text-align:center; }

.crhead { background:url(../images/bg4.png) no-repeat center top; padding-top:60px; margin-bottom:30px; }
.crhead p { line-height:24px; padding-bottom:15px; }

.chars { width:auto; border:#dadada dotted 2px; }
.chars > div { width:388px; float:left; background-color:#f3f3f3; }
.chars > div:nth-child(2n + 1) { clear:both; }
.chars > div:nth-child(4n - 1), .chars > div:nth-child(4n - 2) { background-color:#fff; }
.chars > div h3 { padding:0px 20px 15px 20px; font-weight:bold; font-size:20px; line-height:26px; }
.chars > div p { line-height:24px; padding:0px 20px 10px 20px; font-weight:300; }
.chars ul.cf { width:auto; padding:0px 10px 20px 20px; }
.chars ul.cf li { float:left; min-width:calc(50% - 10px); padding:5px 10px 5px 0px; }
.chars ul.cf li a { display:inline-block; background:url(../images/arrow1.png) no-repeat 0px 5px; padding-left:20px; }
.chars + div { padding-top:35px; text-align:center; }

.mbnr { margin-bottom:30px; }

.tcats2 .cf h3 { color:#474747 !important; padding-left:44px; }
.tcats2 .cf:nth-child(1) h3 { background:url(../images/ic11.png) no-repeat 5px 7px; }
.tcats2 .cf:nth-child(2) h3 { background:url(../images/ic12.png) no-repeat 5px 6px; }
.tcats2 .cf:nth-child(3) h3 { background:url(../images/ic13.png) no-repeat 5px 7px; }
.tcats2 .cf ul.cf { padding-bottom:10px; }
.tcats2 .cf ul.cf li { padding:5px 0px; }
.tcats2 .cf ul.cf li a { display:inline-block; background:url(../images/arrow1.png) no-repeat 0px 5px; padding:0px 0px 0px 20px; }
.tcats2 + div { padding-top:40px; }

.cprods h3 { font-size:20px; font-weight:bold; padding-bottom:15px; }
.cprods p { line-height:24px; padding-bottom:10px; }
.cprods li { border:#dadada solid 1px; float:left; margin:12px 12px 0px 0px; width:184px; position:relative; }
.cprods li:nth-child(1) { background:url(../images/cp1.png) no-repeat 0px bottom; }
.cprods li:nth-child(2) { background:url(../images/cp2.png) no-repeat 0px bottom; }
.cprods li:nth-child(3) { background:url(../images/cp3.png) no-repeat 0px bottom; }
.cprods li:nth-child(4) { background:url(../images/cp4.png) no-repeat 0px bottom; }
.cprods li:nth-child(5) { background:url(../images/cp5.png) no-repeat 0px bottom; }
.cprods li:nth-child(6) { background:url(../images/cp7.png) no-repeat 0px bottom; }
.cprods li:nth-child(7) { background:url(../images/cp6.png) no-repeat 0px bottom; }
.cprods li:nth-child(8) { background:url(../images/cp13.png) no-repeat 0px bottom; }
.cprods li:nth-child(9) { background:url(../images/cp11.png) no-repeat 0px bottom; }
.cprods li:nth-child(10) { background:url(../images/cp9.png) no-repeat 0px bottom; }
.cprods li:nth-child(11) { background:url(../images/cp10.png) no-repeat 0px bottom; }
.cprods li:nth-child(12) { background:url(../images/cp12_2.png) no-repeat 0px bottom; }
.cprods li:nth-child(4n) { margin-right:0px; }
.cprods li:nth-child(4n + 1) { clear:both; }
.cprods li:after { content:""; background:url(../images/arrow4.png) no-repeat; width:15px; height:15px; position:absolute; right:0px; bottom:0px; }
.cprods li span, .cprods li a { font-size:18px; display:flex; line-height:24px; padding:10px 10px 10px 80px; height:48px; align-items:center; color:#474747; text-decoration:none; font-weight:300; }
.cprods li a:hover { opacity:0.75; }
.cprods + div { padding-top:40px; }

.mdstg { background:url(../images/bg5.png) no-repeat 0px 0px; padding-top:57px; }
.mdstg div { border:#ffec5e solid 5px; margin:0px 85px 135px 85px; background-color:#fff; box-shadow:0px 3px 8px rgba(0, 0, 0, 0.2); padding:20px 25px; }
.mdstg div dl { margin:20px 0px; padding:0px 0px 0px 80px; min-height:60px; }
.mdstg div dl:nth-child(1) { background:url(../images/ic14.png) no-repeat 0px 0px; }
.mdstg div dl:nth-child(2) { background:url(../images/ic15.png) no-repeat 0px 0px; }
.mdstg div dt { font-size:26px; font-weight:bold; line-height:26px; padding-top:4px; }
.mdstg div dd { line-height:18px; padding-top:8px; }
.mdstg p { background:url(../images/bg6.png) no-repeat 0px 0px; font-weight:600; color:#fff; font-size:24px; line-height:34px; padding:24px 20px 28px 130px; }

.tfaq h3 { font-size:20px; font-weight:600; line-height:26px; padding:15px; text-align:center; background-color:#f1f1f1; position:relative; margin-bottom:25px; }
.tfaq h3:after { content:""; width:20px; height:10px; left:50%; margin-left:-10px; bottom:-10px; background:url(../images/fx1.png) no-repeat; position:absolute; }
.tfaq h3 span { background:url(../images/ic16.png) no-repeat 0px center; padding:5px 40px; }
.tfaq p { line-height:24px; }
.tfaq p span { font-weight:bold; font-size:16px; color:#0b9e85; }
.tfaq + div { padding-top:30px; }

.tflow p { padding-bottom:15px; }
.tflow li { font-size:17px; font-weight:600; color:#0b9e85; text-align:center; width:110px; padding:120px 0px 0px 0px; line-height:22px; float:left; margin-right:24px; position:relative; }
.tflow li:nth-child(1) { background:url(../images/fw1.png) no-repeat 0px 0px; }
.tflow li:nth-child(2) { background:url(../images/fw2.png) no-repeat 0px 0px; }
.tflow li:nth-child(3) { background:url(../images/fw3.png) no-repeat 0px 0px; }
.tflow li:nth-child(4) { background:url(../images/fw4.png) no-repeat 0px 0px; }
.tflow li:nth-child(5) { background:url(../images/fw5.png) no-repeat 0px 0px; }
.tflow li:nth-child(6) { background:url(../images/fw6.png) no-repeat 0px 0px; }
.tflow li:after { content:""; position:absolute; top:0px; right:-18px; background:url(../images/arrow5.png) no-repeat 0px center; height:110px; width:12px; }
.tflow li:last-child { margin-right:0px; }
.tflow li:last-child:after { display:none; }
.tflow + div { padding-top:20px; }

.tnews2 > li { border-bottom:#e2e2e2 solid 1px; line-height:24px; padding:0px 0px 15px 90px; margin-bottom:15px; position:relative; }
.tnews2 > li > span { position:absolute; left:0px; color:#777777; }
.tnews2 + div { padding-top:15px; }

/* Sub pages */

.sbnr { background-color:#fff !important; height:160px; border-bottom:#dadada solid 1px; }
.sbnr div { width:960px; margin:0 auto; text-align:left; font-weight:bold; color:#fff; font-size:30px; line-height:30px; padding-top:50px; }
.sbnr div:after { content:attr(data-after); font-weight:100; display:block; font-size:16px; padding-top:5px; opacity:0.9; letter-spacing:1px; }
.sbnr.order_flow { background:url(../images/order_flow_bnr.png) no-repeat center top; }
.sbnr.atrese { background:url(../images/atrese_bnr.png) no-repeat center top; }
.sbnr.faqpg { background:url(../images/faq_bnr.png) no-repeat center top; }
.sbnr.company { background:url(../images/company_bnr.png) no-repeat center top; }
.sbnr.tokutei { background:url(../images/tokutei_bnr.png) no-repeat center top; }
.sbnr.character { background:url(../images/character_bnr.png) no-repeat center top; }
.sbnr.fax_download { background:url(../images/fax_download_bnr.png) no-repeat center top; }
.sbnr.sitemap { background:url(../images/sitemap_bnr.png) no-repeat center top; }
.sbnr.contact { background:url(../images/contact_bnr.png) no-repeat center top; }
.sbnr.information { background:url(../images/information_bnr.png) no-repeat center top; }
.sbnr.medical { background:url(../images/medical_bnr.png) no-repeat center top; }
.sbnr.dental { background:url(../images/dental_bnr.png) no-repeat center top; }
.sbnr.city_hall { background:url(../images/city_hall_bnr.png) no-repeat center top; }
.sbnr.common_products { background:url(../images/common_products_bnr.png) no-repeat center top; }
.sbnr.sampling { background:url(../images/sampling_bnr.png) no-repeat center top; }

.pathway { color:#777777; font-size:12px; line-height:18px; margin:15px 0px -15px 0px; }
.pathway ul { margin:0 auto; text-align:left; max-width:1120px; }
.pathway li { display:inline-block; padding-right:8px; }
.pathway li a { margin-right:8px; }

.flow dl { border-bottom:#dadada dotted 2px; margin-bottom:30px; padding:0px 0px 25px 140px; position:relative; }
.flow dl:after { content:""; width:40px; height:20px; left:50%; margin-left:-20px; bottom:-22px; position:absolute; }
.flow dl:nth-child(1) { background:url(../images/fw1.png) no-repeat 0px 0px; }
.flow dl:nth-child(1):after { background:url(../images/fx2.png) no-repeat 0px 0px; }
.flow dl:nth-child(2) { background:url(../images/fw2.png) no-repeat 0px 0px; }
.flow dl:nth-child(2):after { background:url(../images/fx3.png) no-repeat 0px 0px; }
.flow dl:nth-child(3) { background:url(../images/fw3.png) no-repeat 0px 0px; }
.flow dl:nth-child(3):after { background:url(../images/fx4.png) no-repeat 0px 0px; }
.flow dl:nth-child(4) { background:url(../images/fw4.png) no-repeat 0px 0px; }
.flow dl:nth-child(4):after { background:url(../images/fx5.png) no-repeat 0px 0px; }
.flow dl:nth-child(5) { background:url(../images/fw5.png) no-repeat 0px 0px; }
.flow dl:nth-child(5):after { background:url(../images/fx6.png) no-repeat 0px 0px; }
.flow dl:nth-child(6) { background:url(../images/fw6.png) no-repeat 0px 0px; }
.flow dl:last-child { margin-bottom:0px; }
.flow dt { font-size:24px; font-weight:bold; color:#0b9e85; line-height:30px; padding-bottom:15px; }
.flow dt:before { display:inline-block; font-size:18px; font-weight:600; color:#0b9e85; border:#0b9e85 solid 1px; padding:2px 20px; line-height:24px; vertical-align:middle; margin-right:25px; }
.flow dl:nth-child(1) dt:before { content:"STEP1"; }
.flow dl:nth-child(2) dt:before { content:"STEP2"; }
.flow dl:nth-child(3) dt:before { content:"STEP3"; }
.flow dl:nth-child(4) dt:before { content:"STEP4"; }
.flow dl:nth-child(5) dt:before { content:"STEP5"; }
.flow dl:nth-child(6) dt:before { content:"STEP6"; }
.flow dd { line-height:24px; }

.rbar .cta { background:url(../images/ctabg.png) no-repeat 0px 0px; height:250px; margin:40px 0px 30px 0px; position:relative; }
.rbar .cta .ti { background:url(../images/ic17.png) no-repeat 0px 4px; font-size:26px; font-weight:600; padding:0px 45px; line-height:30px; left:210px; top:30px; position:absolute; }
.rbar .cta .btn { position:absolute; left:350px; top:150px; width:430px; }
.rbar .cta .btn a { display:block; font-size:22px; font-weight:500; color:#fff; line-height:24px; padding:18px 15px; border-radius:5px; background:linear-gradient(#f9a908, #f68006); text-decoration:none; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 3px 0px #e07300; text-align:center; }
.rbar .cta .btn a:hover { filter:alpha(opacity=75); opacity:0.75; }
.rbar .cta .tel { position:absolute; left:350px; top:100px; width:430px; }
.rbar .cta .tel b { background:url(../images/ic2.png) no-repeat 0px center; font-size:36px; font-weight:bold; font-family:Arial, sans-serif; display:block; cursor:default; pointer-events:none; line-height:30px; padding:4px 0px 0px 44px; float:left; }
.rbar .cta .tel span { float:left; display:block; font-size:14px; line-height:18px; padding:0px 0px 0px 10px; }

.pdesc { line-height:24px; padding-bottom:10px; }
.pdesc:last-child { padding-bottom:0px; }
.pdesc p, .pdesc .p { margin-bottom:25px; }
.pdesc .ph { margin-bottom:15px; }
.pdesc:last-child p:last-child, .pdesc:last-child .p:last-child { margin-bottom:0px; }
.pdesc .gb { color:#0b9e85; font-weight:bold; font-size:16px; }
.pdesc img.rh { float:right; margin:5px 0px 20px 40px; }
.pdesc table { width:100%; border-collapse:collapse; }
.pdesc th, .pdesc td { border:#dadada solid 1px; padding:15px 20px; }
.pdesc th { font-weight:bold; background-color:#f3f3f3; width:100px; }

.title2 { font-size:20px; font-weight:bold; border-bottom:#dadada dotted 2px; margin-bottom:20px; line-height:24px; padding:0px 0px 15px 30px; position:relative; }
.title2:before { content:""; width:20px; height:4px; background-color:#e17aa3; left:0px; top:10px; position:absolute; }

.atlist { padding-bottom:15px; text-align:center; }
.atlist > div { float:left; background-color:#f3f3f3; width:340px; margin-bottom:20px; padding:30px 20px; }
.atlist > div:nth-child(2n) { float:right; }
.atlist > div:nth-child(2n + 1) { clear:both; }
.atlist > div h3 { padding-top:140px; font-size:20px; color:#d86291; font-weight:bold; }
.atlist > div:nth-child(1) h3 { background:url(../images/at1.png) no-repeat center top; }
.atlist > div:nth-child(2) h3 { background:url(../images/at2.png) no-repeat center top; }
.atlist > div:nth-child(3) h3 { background:url(../images/at3.png) no-repeat center top; }
.atlist > div:nth-child(4) h3 { background:url(../images/at4.png) no-repeat center top; }
.atlist > div:nth-child(5) h3 { background:url(../images/at5.png) no-repeat center top; }
.atlist > div:nth-child(6) h3 { background:url(../images/at6.png) no-repeat center top; }
.atlist > div p { line-height:26px; padding:15px 0px 0px 0px; }

.pcta { border:#a7e7dc solid 5px; padding:25px 25px 30px 25px; text-align:center; }
.pcta .ti { background:url(../images/bg9.png) no-repeat center 4px; font-weight:bold; font-size:22px; line-height:26px; margin-bottom:20px; }
.pcta .ti span { color:#d86291; }
.pcta .btn a { display:inline-block; font-size:21px; font-weight:500; color:#fff; line-height:24px; padding:18px 130px; border-radius:5px; background:url(../images/ic18.png) no-repeat 0px center, linear-gradient(#2ac8b4, #1cae8e); text-decoration:none; text-shadow:2px 2px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 3px 0px #0b9e85; }
.pcta .btn a:hover { filter:alpha(opacity=75); opacity:0.75; }
.pcta + p { font-size:12px; padding-top:15px; }

.fqhead { margin-bottom:40px; }
.fqhead p { line-height:24px; padding-bottom:20px; }
.fqhead dl { border:#dadada dotted 2px; }
.fqhead dt { font-size:16px; font-weight:bold; padding:25px 30px 20px 60px; line-height:20px; }
.fqhead dt:nth-child(1) { background:url(../images/ic19.png) no-repeat 18px 22px; }
.fqhead dt:nth-child(3) { background:url(../images/ic20.png) no-repeat 18px 22px; }
.fqhead dt:nth-child(5) { background:url(../images/ic21.png) no-repeat 18px 22px; }
.fqhead dd { border-bottom:#dadada dotted 2px; padding:0px 28px 25px 28px; }
.fqhead dd:last-child { border-bottom:none; }
.fqhead dd li { line-height:24px; padding:0px 0px 2px 0px; }
.fqhead dd li a { background:url(../images/arrow6.png) no-repeat 0px center; padding-left:20px; }

.faq h2 { font-size:20px; font-weight:600; line-height:26px; padding:15px; text-align:center; background-color:#f1f1f1; position:relative; margin-bottom:30px; color:#d86291; }
.faq h2:after { content:""; width:20px; height:10px; left:50%; margin-left:-10px; bottom:-10px; background:url(../images/fx1.png) no-repeat; position:absolute; }
.faq h2:nth-child(1) span { background:url(../images/ic22.png) no-repeat 0px center; padding:5px 45px; }
.faq h2:nth-child(3) span { background:url(../images/ic23.png) no-repeat 0px center; padding:5px 50px; }
.faq h2:nth-child(5) span { background:url(../images/ic24.png) no-repeat 0px center; padding:5px 50px; }
.faq dl { padding-bottom:60px; }
.faq dl:last-child { padding-bottom:0px; }
.faq dt { background:url(../images/ic25.png) no-repeat 10px 1px; font-size:20px; font-weight:bold; line-height:24px; padding:0px 0px 20px 50px; }
.faq dd { background:url(../images/ic26.png) no-repeat 10px 1px; line-height:24px; padding:0px 0px 25px 50px; border-bottom:#dadada dotted 2px; margin-bottom:30px; }
.faq dd:last-child { margin-bottom:0px; }

.faxd > p { line-height:24px; padding-bottom:25px; }
.faxd .nm { text-align:center; border:#dadada dotted 2px; padding:25px; margin-bottom:30px; }
.faxd .nm b { background:url(../images/fax.png) no-repeat 0px 7px; font-size:45px; font-weight:bold; font-family:Arial, sans-serif; display:inline-block; cursor:default; pointer-events:none; line-height:45px; padding-left:135px; }
.faxd .nm span { display:block; padding-top:3px; }
.faxd > ul { padding-bottom:20px; }
.faxd > ul li { float:left; width:380px; margin-bottom:20px; }
.faxd > ul li:nth-child(2n) { float:right; }
.faxd > ul li:nth-child(2n + 1) { clear:both; }
.faxd > ul li a { display:block; border-radius:5px; background-color:#f1f1f1 !important; color:#474747; font-size:22px; font-weight:600; text-decoration:none; line-height:26px; padding:22px 15px 22px 110px; box-shadow:0px 3px 0px #dadada; }
.faxd > ul li a span { background:url(../images/pdf.png) no-repeat right center; display:inline-block; font-size:18px; padding-right:30px; margin-top:5px; }
.faxd > ul li a:hover { filter:alpha(opacity=75); opacity:0.75; }
.faxd > ul li:nth-child(1) a { background:url(../images/ic27.png) no-repeat 20px center; }
.faxd > ul li:nth-child(2) a { background:url(../images/ic28.png) no-repeat 20px center; }
.faxd > ul li:nth-child(3) a { background:url(../images/ic29.png) no-repeat 20px center; }
.faxd > ul li:nth-child(4) a { background:url(../images/ic30.png) no-repeat 20px center; }
.faxd .bt p { float:left; font-size:12px; line-height:20px; }
.faxd .bt div { float:right; }

.sitemap ul { float:left; width:390px; }
.sitemap ul:nth-child(2n) { float:right; }
.sitemap ul:nth-child(2n + 1) { clear:both; }
.sitemap ul li { padding:10px 10px; line-height:24px; }
.sitemap ul li a { background:url(../images/arrow1.png) no-repeat 0px center; padding-left:20px; }

/* Contact */

.form_cont .header { border-bottom:#e8e8e8 solid 4px; padding-bottom:8px; }
.form_cont .header .rh form, .form_cont .header .rh .btn, .form_cont .menu { display:none; }
.form_cont .content .rbar { width:auto; float:none; }
.form_cont .box .cont { padding-left:59px; padding-right:59px; }
.form_cont .footer { display:none; }

.ssl { margin-bottom:30px; }
.ssl p { line-height:24px; float:left; }
.ssl div { float:right; }
.ssl div table { border-collapse:collapse; border-spacing:0px; }
.ssl div a { display:block; }

.cptel { background-color:#f1f1f1; border:#dadada dotted 2px; margin-bottom:40px; padding:20px; text-align:center; }
.cptel div { font-weight:bold; font-size:20px; padding-bottom:10px; }
.cptel b { display:inline-block; background:url(../images/ic31.png) no-repeat 0px 5px; font-size:45px; font-weight:bold; font-family:Arial, sans-serif; cursor:default; pointer-events:none; line-height:45px; padding-left:68px;  }
.cptel span { display:block; padding-top:5px; }

.fsteps { padding:10px 0px; }

.inquiry { padding:0px 0px 20px 0px; }
.inquiry table { width:100%; border-collapse:collapse; }
.inquiry th, .inquiry td { border-bottom:#e8e8e8 solid 1px; padding:20px 50px 20px 60px; }
.inquiry th { width:240px; padding:30px 0px 30px 50px; font-size:15px; vertical-align:top; font-weight:bold; }
.inquiry th span { display:block; padding:0px 65px 0px 0px; position:relative; }
.inquiry th span:after { content:"任意"; color:#fff; background-color:#919191; border-radius:2px; padding:0px 7px; font-weight:100; font-size:13px; position:absolute; right:0px; line-height:20px; top:0px; }
.inquiry th span.req:after { content:"必須"; background-color:#e17aa3; }
.inquiry .noic th span:after { display:none; }
.inquiry .noic th span { padding-right:0px; }
.inquiry th em { font-weight:normal; font-style:normal; }
.inquiry .chk input, .inquiry .chk label { vertical-align:middle; }
.inquiry .chk input { margin-bottom:5px; margin-bottom:3px; }
.inquiry .chk label { padding-left:5px; cursor:pointer; margin-right:50px; }
.inquiry td.chk { vertical-align:middle; }
.inquiry td { vertical-align:top; }
.inquiry td p { color:#FF0000; font-size:13px; padding-top:5px; clear:both; font-weight:normal; }

.inquiry .inp, .inquiry select, .inquiry textarea { border:#dadada solid 1px; padding:8px 15px; border-radius:3px; font-family:inherit; font-size:14px; }
.inquiry .inp:focus, .inquiry select:focus, .inquiry textarea:focus { box-shadow:0px 0px 4px #23bba1; border:#23bba1 solid 1px; }
.inquiry input.def, .inquiry select.def, .inquiry textarea.def { color:#8f9298; }
.inquiry .inp { width:calc(100% - 32px); height:22px; line-height:22px; }
.inquiry .zip { width:165px; }
.inquiry select { line-height:22px; padding:6px 15px 6px 8px; }
.inquiry textarea { width:calc(100% - 32px); height:130px; }
.inquiry td .tn { padding-top:5px; font-size:12px; }
.inquiry td .tn + div { padding-top:15px; }
.inquiry td .tt2 { padding-bottom:10px; }
.inquiry td .tf { padding-bottom:20px; line-height:22px; }
.inquiry td .tf span { color:#ef1923; }

.agerr { border:#FFAFB1 solid 1px; padding:15px 20px; background-color:#FFE5E5; margin:10px 0px; color:#ff0000; }
.agree { text-align:center; padding-top:40px; }
.agree input { vertical-align:middle; margin:0px 10px 3px 0px; }
.agree a { background:url(../images/ext2.png) no-repeat right center; padding-right:12px; margin:0px 2px; }

.inquiry .nav { text-align:center; padding-top:40px; }
.inquiry .nav input, .inquiry .nav button, .inquiry .nav a { width:320px; background:linear-gradient(#f9a908, #f67f06); font-size:22px; font-weight:bold; line-height:30px; padding:17px 0px; color:#FFFFFF; display:inline-block; border-radius:5px; border:none; box-shadow:0px 3px 0px #e07300; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.3); margin:0 auto; margin:0px 15px; vertical-align:middle; cursor:pointer; font-family:inherit; text-decoration:none; }
.inquiry .nav input.confirm { width:420px; }
.inquiry .nav button.send2 { width:460px; background:linear-gradient(#d2307c, #bc2053); box-shadow:0px 3px 0px #9e0240; }
.inquiry .nav button br { display:none; }
.inquiry .nav a { background:linear-gradient(#b1b1b1, #8c8b8b); border:none; box-shadow:0px 3px 0px #777777; width:220px; }
.inquiry .nav input:hover, .inquiry .nav button:hover, .inquiry .nav a:hover { filter:alpha(opacity=75); opacity:0.75; }

.zbtn { margin:0px 0px 4px 10px; padding:5px 10px; vertical-align:middle; border-radius:2px; border:#949494 solid 1px; background:linear-gradient(#fff, #dddddd); font-family:inherit; font-family:13px; cursor:pointer; font-weight:200; }
.zbtn:hover { opacity:0.75; }

.senttxt { border:#9FD792 solid 1px; background-color:#E2FFDB; padding:30px; margin:15px 0px; line-height:24px; }

/* Dynamics */

.tnews2 + div.pager { padding-top:20px; }
.pager { text-align:center; }
.pager a, .pager span { display:inline-block; color:#474747; text-align:center; width:28px; line-height:28px; text-decoration:none; background-color:#e8e8e8; border-radius:3px; margin:0px 3px; vertical-align:middle; }
.pager a:hover, .pager span { background-color:#e17aa3; color:#fff; }

.cmdetail + div { padding-top:40px; }

.btn2 { display:block; width:160px; border-radius:5px; color:#e17aa3; font-weight:400; background:url(../images/arrow3.png) no-repeat right 30px center; background-color:#fff; border:#e17aa3 solid 1px; text-decoration:none; line-height:24px; padding:6px 50px 8px 50px; text-align:center; margin:0 auto; }
.btn2:hover { background-color:#ffe6eb; }

/* 404 */

.notfound { background-color:#fff; border:#dadada solid 1px; margin-bottom:30px; box-shadow:0px 1px 4px rgba(0, 0, 0, 0.07); padding:40px 50px; }
.notfound h1 { font-size:30px; line-height:40px; }
.notfound .stoptxt { line-height:28px; font-size:16px; padding:20px 0px; }
.notfound .p404 { padding:10px 0px 20px 0px; }
.notfound .form { padding-top:20px; }
.notfound form { padding-top:5px; }
.notfound form input { height:20px; vertical-align:top; }
.notfound form input.inp { padding:5px 15px; width:300px; margin-right:5px; }
.notfound form input.subm { padding:5px 15px; height:34px; }

/* Footer */

.footer { background:url(../images/bg7.png); }
.footer .cont { max-width:1120px; margin:0 auto; border-bottom:#e291b1 solid 1px; padding:40px 0px; position:relative; }
.footer .fmenu { padding-bottom:40px; }
.footer .fmenu div { float:left; }
.footer .fmenu ul { float:right; width:740px; text-align:left; }
.footer .fmenu li { float:left; width:25%; line-height:20px; margin:4px 0px; }
.footer .fmenu li a, .footer .fmenu li span { background:url(../images/arrow1.png) no-repeat 0px center; color:#2a2a2a; font-weight:bold; text-decoration:none; display:inline-block; padding-left:20px; }
.footer .fmenu li a:hover { color:#c62c6a; }
.footer .fmenu li span { opacity:0.5; }

.footer .txt { padding-bottom:40px; }
.footer .txt div { float:left; margin-right:20px; }
.footer .txt div:last-child { margin-right:0px; }
.footer .cont > p { font-size:11px; text-align:left; line-height:18px; }
.footer .link { position:absolute; right:0px; bottom:40px; }

.footer .fmenu2 { border-top:#f4d3e0 solid 1px; max-width:1120px; margin:0 auto; text-align:center; padding:16px 0px; }
.footer .fmenu2 li { display:inline-block; font-size:12px; line-height:12px; border-right:#c097a8 solid 2px; padding:0px 20px 2px 0px; margin-right:17px; }
.footer .fmenu2 li a { color:#2a2a2a; text-decoration:none; }
.footer .fmenu2 li a[target=_blank] { background:url(../images/ext.png) no-repeat right center; padding-right:15px; }
.footer .fmenu2 li a:hover { text-decoration:underline; }
.footer .fmenu2 li:last-child { border:none; padding-right:0px; margin-right:0px; }

body > address { background:url(../images/bg8.png); color:#fff; font-style:normal; font-size:12px; padding:10px 0px; }

.ptop { position:fixed; right:20px; bottom:120px; width:60px; z-index:100; }
.ptop a { background:url(../images/ptop.png) no-repeat 0px 0px; width:60px; height:60px; text-indent:-9999px; display:block; position:absolute; top:130px; }
.ptop a:hover { filter:alpha(opacity=75); opacity:0.75; }
.ptop a.up { top:0px; }

/* Update & New */

.title3 { font-size:20px; font-weight:bold; background-color:#f3f3f3; border-top:#e17aa3 solid 2px; border-bottom:#e2e2e2 solid 1px; line-height:26px; padding:18px 20px; margin-bottom:30px; }
.title3 span { display:block; margin:-18px 0px; padding:18px 0px 18px 42px; }
.title3 span.ic34 { background:url(../images/ic34.png) no-repeat 0px center; }
.title3 span.ic35 { background:url(../images/ic35.png) no-repeat 4px center; }
.title3 span.ic36 { background:url(../images/ic36.png) no-repeat 0px center; }

.tcats_fl { padding-bottom:40px; }
.tcats_fl .cf ul.cf li { float:none; width:auto; }

.nodata { margin:0px 29px 15px 29px; padding:50px 40px; background-color:#EBEBEB; border:#C9C9C9 solid 1px; text-align:center; color:#999; }
.nodata:first-child { margin-top:30px; }
.nodata:last-child { margin-bottom:30px; }

.pdlist { width:auto; padding:0px 9px 0px 9px; }
.pdlist:last-child { padding-bottom:20px; }
.title + .pdlist { padding-top:30px; }
.pdlist > div { float:left; width:calc(33.33% - 40px); padding:0px 20px 30px 20px; }
.pdlist > div:nth-child(3n + 1) { clear:both; }
.pdlist > div a { display:block; text-align:center; color:#474747; text-decoration:none; line-height:22px; }
.pdlist > div a:hover { color:#d86291; }
.pdlist > div a img { height:auto; width:auto; max-width:100%; max-height:125px; display:block; margin:0 auto 10px auto; }
.pdlist > div a h3 { background:url(../images/arrow1.png) no-repeat 0px 7px; display:inline; font-weight:bold; font-size:16px; padding-left:20px; }

.subitems > form { border:#e2e2e2 solid 2px; padding:0px 23px; margin-bottom:40px; }
.subitems > form > h2 { font-size:22px; font-weight:bold; text-align:center; border-bottom:#dadada solid 2px; padding:35px 0px 30px 0px; position:relative; margin-bottom:25px; line-height:30px; }
.subitems > form > h2:before { content:""; border-top:#e17aa3 solid 3px; width:calc(100% + 44px); left:-22px; top:1px; position:absolute; }
.subitems > form > div > h3 { font-size:18px; font-weight:bold; color:#d86291; margin-bottom:20px; }
.subitems > form > div > h3:before { content:"▼ "; }
.subitems > form > div > ul { padding:0px 0px 35px 0px; }
.subitems > form > div > ul li { margin-bottom:5px; }
.subitems > form > div > ul li label { display:block; border-radius:5px; padding:8px 20px; font-weight:bold; font-size:16px; cursor:pointer; }
.subitems > form > div > ul li label:hover { background-color:#f1efe0; }
.subitems > form > div > ul li label.sel { background-color:#ffef79; }
.subitems > form > div > ul li input { vertical-align:middle; margin:0px 10px 3px 0px; }
.subitems > form > div > ul li b { display:inline-block; }
.subitems > form > div > ul li span { display:inline-block; font-size:14px; font-weight:normal; margin-left:10px; position:relative; padding-right:38px; vertical-align:top; }
.subitems > form > div > ul li span:after { content:"……"; position:absolute; right:0px; }
.subitems > form > div > ul li i { font-style:normal; padding-left:15px; display:inline-block; }
.subitems > form > div > ul li i:after { content:"（税込）"; font-weight:normal; font-size:14px; }

.subgroup { border-top:#dfdfdf dotted 2px; padding:25px 0px 0px 0px; }
.subgroup > h4 { font-size:20px; font-weight:bold; position:relative; padding-left:30px; margin-bottom:15px; }
.subgroup > h4:before { content:""; width:20px; height:4px; background-color:#e17aa3; position:absolute; left:0px; top:50%; margin-top:-2px; }
.subgroup > .cmdetail { padding-bottom:15px; }
.subgroup > .cf { padding:0px 0px 1px 0px; width:auto; margin:0px -10px; }
.subgroup > .cf > div { padding:14px; border-radius:10px; border:#fff solid 1px; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.05); margin:0px 10px 20px 10px; text-align:center; }
.subgroup > .cf.col2 > div { float:left; width:calc(50% - 52px); }
.subgroup > .cf.col2 > div:nth-child(2n + 1) { clear:both; }
.subgroup > .cf.col3 > div { float:left; width:calc(33.33% - 52px); }
.subgroup > .cf.col3 > div:nth-child(3n + 1) { clear:both; }
.subgroup > .cf > div.sel { box-shadow:0px 0px 10px #d86291; border:#d86291 solid 1px; }
.subgroup > .cf > div h5 { margin:0px; text-align:left; }
.subgroup > .cf > div h5 span { display:block; margin:0px; font-size:12px; line-height:16px; font-weight:bold; position:relative; padding:0px 0px 10px 14px; }
.subgroup > .cf > div h5 span:before { content:"●"; color:#e17aa3; position:absolute; left:0px; }
.subgroup > .cf > div a { display:block; position:relative; }
.subgroup > .cf > div a:after { content:""; width:calc(100% + 6px); height:calc(100% + 6px); left:-3px; top:-3px; opacity:0; position:absolute; transition:all 0.25s ease-in-out; background:url(../images/zoom.png) no-repeat center center; background-color:rgba(0, 0, 0, 0.3); border-radius:3px; }
.subgroup > .cf > div a:hover:after { opacity:1; }
.subgroup > .cf > div a:hover img { opacity:1; }
.subgroup > .cf > div img { max-width:100%; height:auto; }
.subgroup > .cf > div p { font-size:16px; font-weight:bold; }
.subgroup > .cf > div p span { padding-top:15px; display:block; }
.subgroup > .cf > div > div { max-width:300px; margin:0 auto; padding-top:15px; }
.subgroup > .cf.col2 > div > div { max-width:200px; }
.subgroup > .cf > div > div label { border:#c6c6c6 solid 1px; display:block; border-radius:3px; font-weight:bold; padding:7px; background:linear-gradient(#f9f9f9, #ededed); cursor:pointer; position:relative; }
.subgroup > .cf.col2 > div > div label, .subgroup > .cf.col3 > div > div label { padding:4px; font-size:12px; }
.subgroup > .cf > div > div label:before { content:"選択"; }
.subgroup > .cf > div > div label.sel, .subgroup > .cf > div > div label.sel:hover { background:linear-gradient(#ffef79, #ffef79); } 
.subgroup > .cf > div > div label:hover { background:linear-gradient(#f1efe0, #f1efe0); }
.subgroup > .cf > div > div label.sel:before { content:"選択済み"; }
.subgroup > .cf > div > div input { margin:0px; padding:0px; position:absolute; left:20px; top:11px; }
.subgroup > .cf.col2 > div > div input, .subgroup > .cf.col3 > div > div input { left:10px; top:8px; }
.subgroup > .cf > div > div select { width:100%; border:#c6c6c6 solid 1px; padding:7px 10px; border-radius:3px; margin:0px; font-family:inherit; font-size:14px; font-weight:bold; color:#474747; background:linear-gradient(#f9f9f9, #ededed); cursor:pointer; }
.subgroup > .cf > div > div select:hover { background:linear-gradient(#f1efe0, #f1efe0); }
.subgroup > .cf.col2 > div > div select, .subgroup > .cf.col3 > div > div select { font-size:12px; padding:5px 7px; }
.subgroup > .cf > div > div select.sel, .subgroup > .cf > div > div select.sel:hover { background:linear-gradient(#ffef79, #ffef79); }

.subitems > form > div > .nav { background-color:#f1f1f1; margin:15px -23px 0px -23px; text-align:center; padding:25px 30px 30px 30px; }
.subitems > form > div > .nav p { font-size:20px; font-weight:500; line-height:30px; padding-bottom:5px; }
.subitems > form > div > .nav p span { color:#d86291; font-size:30px; vertical-align:middle; margin-bottom:10px; display:inline-block; }
.subitems > form > div > .nav p i { color:#d86291; font-style:normal; }
.subitems > form > div > .nav button { background:linear-gradient(#f9a908, #f67f06); font-size:22px; font-weight:bold; line-height:30px; padding:15px 0px; color:#FFFFFF; display:block; border-radius:5px; border:none; box-shadow:0px 3px 0px #e07300; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.3); margin:0 auto; cursor:pointer; font-family:inherit; text-decoration:none; max-width:100%; width:430px; }
.subitems > form > div > .nav button:before { content:"上記内容で確認する"; }
.subitems > form > div > .nav button:hover { filter:alpha(opacity=75); opacity:0.75; }
.subitems > form > div > .nav button.no { background:linear-gradient(#ababab, #ababab); box-shadow:0px 3px 0px #ababab; cursor:default; pointer-event:none; }
.subitems > form > div > .nav button.no:hover { filter:alpha(opacity=100); opacity:1; }
.subitems > form > div > .nav button.no:before { content:"商品を選択してください"; }

.alert { position:fixed; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.4); left:0px; top:0px; text-align:center; z-index:99999; transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; opacity:0; visibility:hidden; }
.alert > div { border:#e2e2e2 solid 5px; background-color:#fff; left:50%; top:50%; position:absolute; width:430px; margin-left:-220px; padding:1px 0px 1px; }
.alert > div .close { position:absolute; right:14px; top:14px; width:15px; height:15px; background:url(../images/close.png) no-repeat; text-indent:-9999px; }
.alert > div .close:hover { opacity:0.75; }
.alert > div p { text-align:left; margin:44px 28px 15px 28px; padding:0px 0px 0px 66px; min-height:43px; background:url(../images/att.png) no-repeat 0px 3px; }
.alert > div .ok { display:inline-block; color:#fff; font-weight:bold; border-radius:5px; font-size:16px; background-color:#e17aa3; text-decoration:none; width:170px; padding:10px 0px; margin-bottom:20px; }
.alert > div .ok:hover { opacity:0.75; }
.alert a { transition:none; -webkit-transition:none; -moz-transition:none; }

.saved > div { width:730px; margin-left:-370px; }
.saved > div .ad { padding:60px 0px 40px 0px; }
.saved > div .ad b { display:inline-block; font-weight:bold; font-size:30px; background:url(../images/ic38.png) no-repeat 0px center; padding-left:60px; line-height:40px; }
.saved > div .cf { padding:0px 50px 40px 50px; width:auto; }
.saved > div .cf a { width:300px; background:linear-gradient(#f9a908, #f67f06); font-size:22px; font-weight:bold; line-height:30px; padding:15px 0px; color:#FFFFFF; display:inline-block; border-radius:5px; border:none; box-shadow:0px 3px 0px #e07300; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.2); margin:0px; vertical-align:middle; font-family:inherit; text-decoration:none; float:right; }
.saved > div .cf a:first-child { float:left; padding:14px 0px; background:linear-gradient(#f8f8f8, #e6e6e6); border:#d0d0d0 solid 1px; box-shadow:0px 3px 0px #d0d0d0; color:#474747; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.1); }
.saved > div .cf a:hover { opacity:0.75; }

.confirm > div p { padding:10px 0px 10px 66px; min-height:23px; margin-top:30px; }
.confirm > div .cf { padding:10px 0px 20px 0px; }
.confirm > div .cf a { display:inline-block; color:#fff; font-weight:500; border-radius:5px; background-color:#e17aa3; text-decoration:none; width:150px; padding:8px 0px; margin:0px 10px; }
.confirm > div .cf a.n { background-color:#999; }
.confirm > div .cf a:hover { opacity:0.75; }
.alert.on { opacity:1; visibility:visible; }

.order_list { box-shadow:0px 2px 5px rgba(0, 0, 0, 0.1); margin-bottom:20px; }
.order_list table { width:100%; border-collapse:collapse; }
.order_list th, .order_list td { border:#dadada solid 1px; font-size:16px; padding:20px 28px; vertical-align:top; line-height:26px; }
.order_list th { background-color:#f3f3f3; width:170px; }
.order_list td.pr span, .order_list td.pr b { font-size:20px; font-weight:bold; }
.order_list td.pr span { margin-right:15px; }
.order_list td.pr b { margin-left:15px; }
.order_list td.pr b:before { content:"……"; margin-right:15px; font-size:16px; font-weight:normal; }
.order_list td.it .cf { margin:5px 0px; padding-bottom:15px; }
.order_list td.it .cf:last-child { padding-bottom:0px; }
.order_list td.it .cf img { max-width:115px; height:auto; float:left; margin:3px 20px 3px 0px; }
.order_list td.it .cf span { font-weight:bold; color:#d86291; font-size:20px; }

.inquiry .chk div { margin-bottom:10px; }
.inquiry .chk div label { margin-right:0px; margin-bottom:10px; }
.inquiry .chk div:last-child { margin-bottom:0px; }
.form_desc { padding-top:35px; }

.inquiry .nav button.save { background:url(../images/ic37.png) no-repeat 40px center, linear-gradient(#f9a908, #f67f06); width:440px; padding-left:20px; }
.inquiry .att2 { text-align:center; padding:20px 0px 0px 245px; }
.inquiry .attc { padding-left:0px; }
.inquiry .att2 span { background:url(../images/att.png) no-repeat 0px center; background-size:20px auto; display:inline-block; font-size:16px; font-weight:bold; padding-left:30px; }

.saved_widget { width:100%; height:84px; left:0px; bottom:0px; z-index:90; position:relative; }
.saved_widget > div { width:100%; position:fixed; left:0px; bottom:0px; z-index:90; background-color:rgba(0, 0, 0, 0.4); }
.saved_widget.static > div { position:absolute; }
.saved_widget .cf { width:800px; margin:0 auto; padding:15px 0px; text-align:center; }
.saved_widget .cf p { background-color:#fff; display:inline-block; font-size:18px; font-weight:500; border-radius:5px; border:#dbdbdb solid 1px; line-height:30px; padding:11px 30px; }
.saved_widget .cf p b { font-size:30px; vertical-align:top; display:inline-block; margin-top:-2px; }
.saved_widget .cf p a { color:#d86292; margin-right:5px; text-decoration:underline; }
.saved_widget .cf p a:hover { opacity:0.75; text-decoration:none; }
.saved_widget .cf p br { display:none; }
.saved_widget .cf div { float:right; width:290px; background-color:#fff; border-radius:5px; }
.saved_widget .cf div a { background:url(../images/ic39.png) no-repeat 42px center, linear-gradient(#f9a908, #f67f06); font-size:20px; font-weight:500; line-height:30px; padding:10px 0px 11px 30px; color:#FFFFFF; display:block; border-radius:5px; border:none; box-shadow:0px 3px 0px #e07300; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.2); font-family:inherit; text-decoration:none; }
.saved_widget .cf div a:hover { opacity:0.75; box-shadow:0px 3px 0px #f39611; }
.form_cont .saved_widget { display:none; }

.pos { padding-top:20px; margin-top:-20px; }
.fsorder { padding:0px 0px 35px 0px; }
.olsub { padding:10px 0px 0px 0px; }
.form_cont .nodata { margin:30px 0px; }

.order_list .ti { background-color:#e17aa3; position:relative; }
.order_list .ti h3 { color:#fff; font-weight:500; font-size:20px; line-height:26px; padding:12px 20px; }
.order_list .ti div { position:absolute; right:20px; top:10px; }
.order_list .ti div a { display:inline-block; margin-left:10px; border-radius:3px; font-size:12px; line-height:20px; text-decoration:none; vertical-align:middle; }
.order_list .ti div a:first-child { border:#c6c6c6 solid 1px; color:#474747; background:url(../images/arrow8.png) no-repeat 14px center, linear-gradient(#f9f9f9, #ededed); padding:4px 20px 4px 30px; }
.order_list .ti div a:first-child:hover { background:url(../images/arrow8.png) no-repeat 14px center, linear-gradient(#ffc8de, #ffc8de); }
.order_list .ti div a:last-child { color:#fff; background:url(../images/close2.png) no-repeat 10px center, linear-gradient(#767676, #616161); padding:5px 20px 5px 30px; }
.order_list .ti div a:last-child:hover { background:url(../images/close2.png) no-repeat 10px center, linear-gradient(#525252, #525252); }
.order_list .det { display:none; }
.order_list .det tr:first-child th, .order_list .det tr:first-child td { border-top:none; }
.order_list .btn { background-color:#ffe6eb; text-align:center; padding:15px; border:#dadada solid 1px; border-top:none; cursor:pointer; }
.order_list .btn span { background:url(../images/arrow6.png) no-repeat right 5px; display:inline-block; font-size:16px; font-weight:500; line-height:20px; padding-right:20px; }
.order_list .btn span:before { content:"詳細情報を確認する"; }
.order_list .btn.on span { background:url(../images/arrow9.png) no-repeat right 5px; }
.order_list .btn.on span:before { content:"詳細情報を閉じる"; }

.ord_total { padding:20px 0px; }
.ord_total .lf a { background:url(../images/ic40.png) no-repeat 35px center, linear-gradient(#f9f9f9, #e6e6e6); font-size:16px; font-weight:500; line-height:20px; padding:10px 70px 10px 90px; color:#474747; display:block; border-radius:5px; border:#d0d0d0 solid 1px; box-shadow:0px 3px 0px #d0d0d0; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.1); font-family:inherit; text-decoration:none; }
.ord_total .lf a:hover { opacity:0.75; }
.ord_total .rh { font-size:20px; font-weight:500; line-height:40px; position:relative; }
.ord_total .rh span { display:block; position:relative; z-index:1; }
.ord_total .rh b { font-size:40px; display:inline-block; font-weight:bold; }
.ord_total .rh:before { content:""; position:absolute; bottom:2px; height:15px; left:-7px; right:0px; background-color:#ffec5e; }
.ord_total + p { line-height:28px; padding-bottom:40px; }
.ord_total + p + .onsp { display:none; }

.inquiry .file { background:url(../images/browse.png) no-repeat 350px 0px; width:480px; height:30px; position:relative; overflow:hidden; margin-bottom:5px; }
.inquiry .file a { display:block; width:50px; height:30px; background:url(../images/delete.png) no-repeat 0px 0px; position:absolute; top:0px; right:0px; transition:none; -webkit-transition:none; -moz-transition:none; }
.inquiry .file a:hover { background-position:0px -30px; }
.inquiry .file span { position:absolute; line-height:14px; top:7px; left:0px; }
.inquiry .file input.inp { width:202px; line-height:16px; height:16px; margin-left:130px; font-size:13px; padding:6px; }
.inquiry .file input.fake { position:absolute; z-index:5; top:0px; left:130px; height:30px; border:none; padding:0px; margin:0px; font-size:19px; vertical-align:middle; cursor:pointer; width:290px; filter:alpha(opacity=0); opacity:0; }
.inquiry .filehover { background-position:350px -30px; }
.inquiry .add { padding-top:10px; }
.inquiry .add + .tn { padding-top:20px; }

.ordersent { text-align:center; }
.ordersent h2 { background:url(../images/thanks.png) no-repeat center top; font-size:30px; font-weight:500; line-height:40px; padding-top:160px; }
.ordersent h2 br { display:none; }
.ordersent p { width:574px; margin:0 auto; text-align:left; line-height:28px; font-size:16px; padding:30px 0px; font-weight:200; }
.ordersent div { padding:10px 0px; }
.ordersent div a { background:url(../images/arrow3.png) no-repeat right 30px center; display:inline-block; color:#d86291; width:260px; border-radius:5px; border:#d86291 solid 1px; text-decoration:none; }
.ordersent div a span { background:url(../images/ic41.png) no-repeat 0px center; padding:10px 30px; display:inline-block; }
.ordersent div a:hover { background-color:#ffe6eb; }

.pgt + .nodata { margin-top:30px; }



/*サンプリング・サービス*/
.contents img {max-width: 100%;}
.mainvisial { position: relative; }
.contents_bg { background: #ffe600; padding: 20px; margin: 40px 0; position: relative; }
.contents_bg:nth-of-type(2n-1) { background: #008ccf; }
.mainvisial::before,.contents_bg::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 30px; border-color: #ffe600 transparent transparent transparent; position: absolute; bottom: -29px; left: 50%; transform: translateX(-50%); }
.contents_bg:nth-of-type(2n-1)::before { border-color: #008ccf transparent transparent transparent; }
.contents { background: #fff; border-radius: 20px; padding: 20px; }
.contents_bg:nth-of-type(2) .contents { padding: 20px 20px 3px; }
.contents_bg:nth-of-type(5) .contents { padding: 20px 20px 15px; }
.contents h2 { font-weight: bold; padding: 20px 0 20px 120px; position: relative; background: url("/web/images/sampling/img21.jpg") no-repeat center left 15px; background-size: auto 100%; margin-bottom: 40px; font-size: 24px; }
.contents_bg:nth-of-type(3) .contents h2 { background: url("/web/images/sampling/img22.jpg") no-repeat center left 15px; background-size: auto 100%; }
.contents_bg:nth-of-type(4) .contents h2 { background: url("/web/images/sampling/img23.jpg") no-repeat center left 15px; background-size: auto 100%; }
.contents_bg:nth-of-type(5) .contents h2 { background: url("/web/images/sampling/img24.jpg") no-repeat center left 15px; background-size: auto 100%; }
.contents h2::before {content: ""; width: 5px; height: 100%; padding-top: 20px; box-sizing: content-box; display: block; background: #0089cb; position: absolute; left: 100px; top: -20px; }
.contents .flex { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -10px; }
.contents .flex .flex_box { width: calc( 33.33% - 10px ); margin-left: 10px; background: #B2DDF0; }
.contents_bg:nth-of-type(3) .contents .flex .flex_box { background: #fccf00; }

.contents .column4 { margin-left: -15px; margin-bottom: 20px;}
.contents .column4 .flex_box { width: calc( 25% - 15px ); margin-left: 15px; position: relative; }
.contents .column4 .flex_box::after { content: ""; display: inline-block; width: 11px; height: 21px; background: url("/web/images/sampling/arrow.png") no-repeat center; background-size: cover; position: absolute; top: 50%; right: -11px; transform: translateY(-50%); }
.contents .column4 .flex_box:last-child::after { content: none; }
.contents .column4 .flex_box dt { font-size: 16px; color: #fff; text-align: center; padding: 5px 0 6px; background: #33A3D8; }

.contents .column4 .flex_box dd { padding: 15px 10px 7px; }
.contents .column4 .flex_box dd img { margin-bottom: 15px; }
.contents .column4 .flex_box dd ul li { font-size: 12px; padding-left: 14px; position: relative; letter-spacing: -1px; }
.contents .column4 .flex_box dd ul li::before { content: "" ; width: 10px; height: 10px; display: inline-block; background: #47a1d5; position: absolute; top: 6px; left: 0; border-radius: 50%;}
.contents .column4 .flex_box dd ul li .note { display: block; font-size: 10px; margin-left: -14px; text-align: justify; }


.contents .flex .flex_box h3 { font-weight: bold; color: #fff; padding: 30px 0 30px 100px; font-size: 18px; line-height: 1.5; }
.contents_bg:nth-of-type(2) .contents .flex .flex_box:nth-of-type(1) h3{ background: #33a3d9 url("/web/images/sampling/img02.jpg") no-repeat left top; background-size: auto 100%; }
.contents_bg:nth-of-type(2) .contents .flex .flex_box:nth-of-type(2) h3{ background: #33a3d9 url("/web/images/sampling/img03.jpg") no-repeat left top; background-size: auto 100%; }
.contents_bg:nth-of-type(2) .contents .flex .flex_box:nth-of-type(3) h3{ background: #33a3d9 url("/web/images/sampling/img04.jpg") no-repeat left top; background-size: auto 100%; }
.contents_bg:nth-of-type(3) .contents .flex .flex_box:nth-of-type(1) h3{ background:  url("/web/images/sampling/img08.jpg") no-repeat left top; background-size: auto 100%; color: #231815; }
.contents_bg:nth-of-type(3) .contents .flex .flex_box:nth-of-type(2) h3{ background: url("/web/images/sampling/img09.jpg") no-repeat left top; background-size: auto 100%; color: #231815; }
.contents_bg:nth-of-type(3) .contents .flex .flex_box:nth-of-type(3) h3{ background: url("/web/images/sampling/img10.jpg") no-repeat left top; background-size: auto 100%; color: #231815; }

.contents .flex .flex_box .box_main { padding: 10px; background: #b2ddf1; }
.contents_bg:nth-of-type(3) .contents .flex .flex_box .box_main { background: #ffe600; }
.contents .flex .flex_box .box_main .ttl { margin: 10px 0 10px; border-bottom: 2px #fff solid;  padding-bottom: 10px; letter-spacing: -1px; text-align: justify; box-sizing: border-box; line-height: 1.8; }
.contents .flex .flex_box .box_main .txt { padding-bottom: 10px; border-bottom: 2px #fff solid; font-size: 10px; line-height: 1.5; }
.contents_bg:nth-of-type(3) .contents .flex .flex_box .box_main .ttl{ border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.contents .flex .flex_box .box_main .note { font-size: 10px; color: #008ccf; position: relative; vertical-align: top; top: 0.5em; }
.contents .note1 { text-align: left; font-size: 12px; margin-top: 3px; }
.contents .note1 span { color: #008ccf; display: inline-block; margin-right: 10px;}

.system { width: 100%; height: 0; padding-bottom: 53.4%; background: url("/web/images/sampling/bg01.png") no-repeat center; background-size: cover; position: relative; }
.system .flow { position: absolute; background: #fff; border: #66BAE2 3px solid; padding: 15px; width: 45%; box-sizing: border-box; }

.system .flow img { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px #C8C9CA solid; }
.system .flow.cooperation img { margin-bottom: 0; padding-bottom: 0; border: 0;}
.system .flow p { font-size: 11px; text-align: justify; }
.system .connection { color: #fff; font-size: 20px; background: #008CCF; border-radius: 7px; padding: 5px 10px 7px; position: absolute;}

.system .flow.mibyou { top: 5%; left: 3%; }
.system .flow.medicalland { top: 60%; left: 3%; }
.system .flow.cooperation { top: 5%; left: 54%; background: #FFE500; border-color: #DDC600; width: 43%; }
.system .connection.alliance { top: 48%; left: 18.3%;}
.system .connection.offer { top: 84%; left: 66.3%; }

.payment h3 { color: #fff; display: inline-block; background: #008ccf; padding: 4px 10px; border-radius: 5px; margin-bottom: 10px; font-size: 1.2rem; }
.payment .about { margin-bottom: 40px; }
.payment .about ul:nth-child(2) li { background: #e5e5e6; padding: 5px 0 5px 34px; margin-bottom: 5px; position: relative; line-height: 1.2; font-size: 16px;}
.payment .about ul:nth-child(2) li .number { color:#fff; display: inline-block; background: #595757; position: absolute; left: 0; top: 0; height: 100%; box-sizing: border-box; line-height: 29px; width: 29px; text-align: center;}
.payment .about ul:nth-child(2) li .number1 {color: #fff; background: #888888; display: inline-block; margin:0 2px; font-size: 14px; width: 20px; line-height: 20px; border-radius: 50%; text-align: center;box-sizing: border-box;}
.payment .about ul:nth-child(2) li .small { font-size: 14px; letter-spacing: -1px; }

.payment .about ul:nth-child(3) { margin-left: 25px; }
.payment .about ul:nth-child(3) li { padding: 0 0 0px 30px; margin-bottom: 5px; position: relative; border-bottom: 1px dotted #888; font-size: 15px; line-height: 2; }
.payment .about ul:nth-child(3) li .number { display: block; position: absolute; color: #fff; width: 22px; line-height: 22px; border-radius: 50%; background: #888888; left: 0; top: 3px; text-align: center; }
.payment .about ul:nth-child(3) li .small { font-size: 13px; } 
.payment .about ul:nth-child(3) li .small .note { font-size: 10px; color: #008ccf; position: relative; vertical-align: top; top: 0.5em;} 

.payment .example .flex { margin-left: -20px; margin-bottom: 13px;}
.payment .example .flex table { border-top: #594e00 1px solid; border-left: #594e00 1px solid; border-bottom: #594e00 1px solid; width: calc( 60% - 20px) ; margin-left: 20px; border-collapse: collapse; border-spacing: 0; }
.payment .example .flex table th, .payment .example .flex table td { border-right: #594e00 1px solid; padding: 10px 10px 10px 20px; }
.payment .example .flex table tr:nth-of-type(2n) { background: #fffacc; }
.payment .example .flex table tr:nth-of-type(2n-1) { background: #fff280; }
.payment .example .flex table th { background: #ffe600; font-size: 18px; text-align: center; }
.payment .example .flex table td { font-size: 16px; }
.payment .example .flex table td .numberA { color: #fff; background: #595757; display: inline-block; margin-right: 5px; font-size: 18px; width: 25px; line-height: 25px; text-align: center; box-sizing: border-box;}
.payment .example .flex table td .number1 { color: #fff; background: #888888; display: inline-block; margin-right: 5px; font-size: 18px; width: 25px; line-height: 25px; border-radius: 50%; text-align: center;box-sizing: border-box;}

.payment .example .flex .concrete { margin-left: 20px; width: calc( 40% - 20px); }
.payment .example .flex .concrete dl { color: #fff; width: 100%; position: relative; }
.payment .example .flex .concrete dl::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: #595757 transparent transparent transparent; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); }
.payment .example .flex .concrete dt, .payment .example .flex .concrete dd { padding: 5px 15px; }
.payment .example .flex .concrete dt { font-size: 18px; padding: 5px 10px; background: #231815; text-align: center; }
.payment .example .flex .concrete dt .note { font-size: 12px; color: #fff; margin-left: 10px; position: relative; vertical-align: top; top: 0.1em;} 
.payment .example .flex .concrete dd { background: #595757; border-bottom: 1px dotted #fff; } 
.payment .example .flex .concrete dd:last-child { border-bottom: none; } 
.payment .example .flex .concrete dd span { display: inline-block; width: 110px; }
.payment .example .flex .concrete p { margin-top: 20px; }
.payment .comment { font-size: 12px; }
.payment .comment span { color: #008ccf; display: inline-block; margin-right: 10px;}

.contents_btn { padding: 20px; border: #fff7b2 5px solid; }
.contents_btn a { display: block; color: #000; background: linear-gradient(#ffea2a 0%, #f8b800 100%); text-align: center; font-size: 26px; padding: 18px 15px; text-decoration: none; font-weight: bold; border-radius: 5px; line-height: 24px; }
.contents_btn a:hover { opacity: 0.7; }
/*サンプリング・サービス ここまで*/

/* プライバシーポリシー */
.privacy h2 { font-size: 20px; font-weight: 700; margin: 40px 0 20px; }
/* プライバシーポリシー ここまで */

/* Enviroments */

body .mcetxt { padding:0px 0px 0px 0px; margin:0px; border:none; text-indent:0px; background:none; width:auto; line-height:172%; font-size:14px; color:#474747; overflow:hidden; }
body .mcetxt p { padding:0px; }
body .mcetxt table { border-collapse:collapse; }
body .mcetxt th, body .mcetxt td { border:#d7d7d7 solid 1px; padding:5px 10px; background-color:#fff; }
body .mcetxt th { background-color:#f5f5f5; font-weight:normal; text-align:center; word-break:keep-all; }
body .mcetxt ul { padding-left:25px; }
body .mcetxt ul li { list-style:outside; }
body .mcetxt ol { padding-left:25px; }
body .mcetxt h2 { font-size:20px; font-weight:bold; border-bottom:#dadada dotted 2px; margin:5px 0px 15px 0px; line-height:24px; padding:0px 0px 15px 30px; position:relative; }
body .mcetxt h2:before { content:""; width:20px; height:4px; background-color:#e17aa3; left:0px; top:10px; position:absolute; }
body .mcetxt h3 { font-size:16px; font-weight:bold; margin:5px 0px 15px 0px; line-height:22px; padding:0px 0px 0px 30px; position:relative; }
body .mcetxt h3:before { content:""; width:20px; height:4px; background-color:#ffc8de; left:0px; top:10px; position:absolute; }
body .mcetxt h4 { font-size:16px; margin:0px 0px 15px 0px; line-height:22px; }
body .mcetxt img.ilf { float:left; margin-right:15px; margin-bottom:10px; }
body .mcetxt img.irh { float:right; margin-left:15px; margin-bottom:10px; }

.mcetxt p { text-indent:0px; padding:0px; }
.fs11 { font-size:12px; }
.lsmin { letter-spacing:-1px; }
.bl { display:block; }
.b { font-weight:bold; }
.hide { display:none; }
.show { display:block; }
.center { text-align:center; }
.right { text-align:right; }
.lf { float:left; }
.rh { float:right; }
.clr { clear:both; }
.bold { font-weight:bold; }
.cf:after { content:" "; display:block; height:0; clear:both; overflow:hidden; visibility:hidden; }

/* 20240322 atrese */
.pdesc .b_fig_right {
  float: right;
  margin:5px 0px 20px 40px;
  width: 250px;
}