/* A Modern CSS Reset */
*,*::before,*::after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],figure,blockquote,dl,dd{margin:0}body{min-height:100vh;scroll-behavior:smooth;/*text-rendering:optimizeSpeed;*/line-height:1.5}ul[class],ol[class]{list-style:none}a:not([class]){/*text-decoration-skip-ink:auto*/}img{max-width:100%;display:block}article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}

/*校正追加20220628*/
body.test .index_box.test, body.test .test { display:block;}
body.test span.test { display:inline;}
body.test table.test{ display:table;}
div.test, span.test, .index_box.test, table.test, 
body.test li#post-163, 
body.test li#post-169, 
body.test li#post-172, 
body.test .index_box#post-172, 
body.test .index_box#post-163, 
body.test .index_box#post-169, 

body.test div.test + p, 
body.test div.test + p + hr, 
body.test div.test + p + hr + p, 
body.test .insert-page-169, 
body.test .index_box.old, 
body.test table.old, body.test .old { display:none; }



.f_s { font-size:0.9rem;}
.f_ss { font-size:0.8rem;}

html { overflow-x:hidden; min-width:100vw; }
body { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; color:#3D3E40; background:#fff; position:relative; font-size:1rem; line-height:2; letter-spacing:0.05em; overflow-x:hidden; -webkit-overflow-scrolling:touch; -webkit-text-size-adjust:100%; font-feature-settings:"palt"; padding-top:7rem;  }

a { color:#222; transition:0.15s; outline-style:none; }

.pc_no, .pc_no2 { display:none; }
.sp_no { display:block; }
span.sp_no { display:inline; }
br.sp_no { display:inline; }
br.sp_no2 { display:inline; }
.tc { text-align:center; }
.tr { text-align:right; }
.clear { clear:both; }

p { margin-bottom: 2rem;}
hr { background: none; border: none; border-top: 1px solid rgba(0,0,0,0.2);}

.purple { color:#84329B; }
.red { color:#D9487E; }
.blue { color:#487ED9; }
.black { color:#3D3E40; }


.fadein { opacity : 0; transform : translate(0, 0); transition :all 0.75s ease 0.15s;}
.fadein.show { opacity : 1; transform : translate(0, 0); }

.fadeinUp { opacity : 0; transform : translate(0, 50px); transition :all 0.75s ease 0.15s; }
.fadeinUp.show { opacity : 1; transform : translate(0, 0); }

.fadeinDown { opacity : 0; transform : translate(0, -50px); transition :all 0.75s ease 0.15s;}
.fadeinDown.show { opacity : 1; transform : translate(0, 0); }

.fadeinLeft { opacity : 0; transform : translate(-50px, 0); transition :all 0.75s ease 0.15s;}
.fadeinLeft.show { opacity : 1; transform : translate(0, 0); }

.fadeinRight { opacity : 0; transform : translate(50px, 0); transition :all 0.75s ease 0.15s;}
.fadeinRight.show { opacity : 1; transform : translate(0, 0); }


.article { width:86%; max-width:1200px; padding:0; margin:0 auto; box-sizing:border-box; position:relative; z-index:1; scroll-snap-type: y mandatory }
.full { margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
.full_max { margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
.full_bg { padding-left:calc(50vw - 50%); padding-right:calc(50vw - 50%); }


.header { position:fixed; top:0; left:0; right:0; z-index:1000; width:100vw; transition:0.15s; min-height:5rem; }
.header.bg { background: rgba(255,255,255,0.95); box-shadow:0 1rem 1rem -1rem rgba(0,0,0,0.1);}
.header .inner { width:88%; max-width:1200px; margin: auto; padding: 2rem 0; display: flex; flex-flow:row wrap; align-items: center; justify-content: space-between; transition:0.15s; }
body.logged-in .header { position:fixed; top:32px; }

.t_title {display: block; width:70%; max-width:240px; min-width:200px; z-index: 11000; transition:0.25s; }
.t_title img { width: 100%; height: auto; }
.t_title.smaller { max-width:240px; }


/*--HEADER MENU--*/
.hm { display: flex; flex-flow: column-reverse wrap; max-height:120px; margin-right:-1rem; }
.hm ul { margin:auto; padding:0; display:flex; flex-flow:row wrap; justify-content:flex-end; align-items: center; list-style: none; width: 100%; text-align:center; }
.hm ul li { text-align: center; width:auto;  position: relative; }
.hm ul li a { display: block; padding:0.5rem 0.8rem; letter-spacing:0.1rem; text-decoration: none; color:#84329B; }
.hm ul li a::after { content:""; display:block; height:1px; width:0; border-bottom:1px solid #84329B; }
.hm ul li a:hover::after { content:""; display:block; height:1px; width:100%; border-bottom:1px solid #84329B; transition:0.5s; }
.hm ul li.active a::after { content:""; display:block; height:1px; width:100%; border-bottom:1px solid #84329B; }

.hm li.m_contact a { display: block; width:4rem; height:2rem; background:url("../img/i_tel.svg") center center /2.5rem no-repeat; text-indent:-20rem; overflow: hidden; }


.hm li .sub {display: none; position:absolute; top:100%; left:calc(50% - 10rem); width:20rem; z-index:100000; box-shadow:0 1rem 0.5rem -1rem rgba(0,0,0,0.1); }
.hm li .sub ul { display:flex; flex-flow:column wrap; margin:0.5rem 0 0 0; padding:0.75rem; text-align: left; background:rgba(118, 26, 143,0.9); background:rgba(255, 255, 255,0.9); }
.hm li .sub ul li { display: block; width: 100%; margin: 0; }
.hm li .sub ul li a { display:block; color:#fff; padding:0.5rem 0.75rem; line-height:1.5; text-align: left; text-decoration: none; border-bottom:1px solid rgba(255,255,255,0.2);}
.hm li .sub ul li a:hover { background-color:rgba(255,255,255,0.1); }
.hm li .sub ul li a:hover::after,
.hm ul li.active .sub li a::after { display:none; }

.hm.smaller { /*background:rgba(255,255,255,0.9);*/ }

.tel, .fax { font-family: 'Roboto Condensed', sans-serif; letter-spacing: normal; line-height:1.5; color:#487ED9; }
.tel strong, .fax strong { font-size:2rem; font-weight: normal; }
.tel a,.fax a { color:#487ED9; }

body.temp .hm { }
body.temp .contact_box { /*display: none;*/ }


/*--MAIN--*/
.main { position: relative; z-index:5; border-radius:1rem; }
.main_img { width:50vw; height:50vw; max-width:640px; max-height:640px; margin-left: auto; margin-bottom:-4vw; overflow: hidden; border-radius:0.75rem; }
.t_copy { z-index:100; position: absolute; top:9%; left:calc(20% - 90px); }
.t_copy img { width:100%; max-width:180px; ; mix-blend-mode: difference; }

.t_copy .show:nth-of-type(1) { transition-delay:0.5s; }
.t_copy .show:nth-of-type(2) { transition-delay:0.75s; }


.main .caption { font-size: 0.5rem; padding:0.5rem; letter-spacing: normal; position: relative; margin:-2.5rem 0 0 0; text-align: right; z-index: 0; }
.svg_mask { position: absolute; top: 0; left: 0; height:0; width: 0; }
.svg_img { width:100%; height:auto; margin-left: auto; }

.main .slick-slider li > div { position: absolute; top:0; left:0; right:0; bottom:0;}
.main01 { }

/*--MAIN SLIDER--*/
.main .slick-slider { width:100%; margin:auto; }
.main .slick-slider img { width:auto; margin:auto; }
.main .slick-slider .slick-track { border-radius:0 0 0 0; }
.main .slick-slider .slick-track > li { height:55vw; max-height:80vh }
.main .slick-slider .slick-track > li img { position:relative; left:50%; top:50%;; transform: translate(-50%, -50%); width: 100%; height:55vw; max-width: 90vw; /*max-height:90vh;*/ }
.main .slick-slider .slick-prev, .main .slick-slider .slick-next { display:none !important; }
.main .slick-slider .slick-dots { position:relative; text-align:left; margin-top:0; padding:0 0.5rem; z-index:1000; display:none !important; }
.main .slick-slider .slick-dots li { display:inline-block; padding:0 0.25rem; }
.main .slick-slider .slick-dots li button { display:inline-block; background:#EEF1F4; width:0.75rem; height:0.75rem; border-radius:1rem; text-indent:-5rem; overflow:hidden; margin:0; padding:0; border:none; }
.main .slick-slider .slick-dots li button::after { display:none; }
.main .slick-slider .slick-dots li.slick-active button { background:rgba(236, 108, 165,0.6); }
.main .slick-slider a { border:none; }



.anchor { height:9rem; margin-top:-9rem; width:1px; position:relative; z-index:-1; }
body.logged-in .anchor { width:100%; height:calc(7.5rem + 32px); margin-top:calc(-7.5rem - 32px); position:relative; z-index:-1; }

h1, h2, h3, h4, h5, h6 { color:#84329b; line-height: 1.5; letter-spacing:0.2rem; margin-top:0; font-weight: normal;   }
h1 { font-size:2.25rem; }
h2 { font-size:2rem; margin-bottom: 1rem; }
h2 .ja, h3 .ja { display: block; font-size:1rem; }
h3 { font-size:1.75rem; margin-bottom: 1rem; }
h4 { font-size:1.5rem; margin-bottom: 1rem; }
h5 { font-size:1.25rem; margin-bottom: 0.5rem; }
h6 { font-size:1.0rem; margin-bottom: 0.5rem; }

h2 .comment, h3 .comment, h4 .comment { font-size:1rem; }

.index_area > h1, .index_area > h2, .index_area > h3, .index_area > h4, .index_area > h5, .index_area > h6 { width: 100%; padding:0 1rem;  }

body.neoprobe .text_area h3, body.neoprobe .text_area h4, body.neoprobe .text_area h5  { color:#487ED9; }
.section { position: relative; }
.section h2 { margin-bottom: 2rem; }
.section h2 .en { display:inline-block; border-bottom: 1px solid #84329B; padding-bottom:0.25rem; margin-bottom:0.75rem; } 

h3.termstitle { background:#84329B !important; }
.tdarkoverlay { background-color:#fff !important; z-index:9999998; }
.tbrightcontent { width:100vw; height:100vh; top:0; left:0; display:flex; justify-content:center; align-items:center; z-index:99999999;  }
.tthebutton { width:100% !important;}
.termstitle { color:#fff !important;}

a.more { display: block; position: relative; padding:0.25rem 1rem; font-size:0.875rem; text-align: center; font-weight: lighter; text-decoration:none; transition:0.25s; width:8rem; background: #487ED9; color:#fff; border-radius:2rem; }
a.more::after{ content:""; display: block; position: absolute; right:1rem; top:calc(50% - 0.3rem); width:0.5rem; height: 0.5rem; border-top:1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }
a.more:hover { background:#78AAFF; }
a.more:hover::before { border-color:#84329B; transition:0.5s ; }
.tr a.more { margin-left: auto; }


/*-- INDEX --*/
.index_area { display:flex; flex-flow:row wrap;  padding:0; margin:0 -1rem; box-sizing:border-box; }
.index_area.full { margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }

.index_box { display: inline-block; width:50%; position:relative; vertical-align:top; box-sizing:border-box; text-align:left; padding:0 1rem; }
.index_box a { display:flex; flex-flow:row nowrap; align-items:flex-start; width:100%; border-top: 1px solid rgba(204,204,204,0.5); padding:1.5rem 0; text-decoration:none !important; color:#222 !important; }
.index_box a:hover { text-decoration:none; opacity:1; color:#222; }
.index_box a:hover strong { color:#487ED9; }
.index_box a:hover .photo img { background:center center /120% no-repeat; }

.index_box .photo { width:160px; position:relative; overflow:hidden; background: #fff; border-radius: 0.5rem; margin:0 1rem 0 0; min-width:160px;  }
.index_box .photo img { width:100%; background:center center /100% no-repeat; transition:0.5s; }
.index_box p { margin:0; text-decoration:none; }
.index_box .new { /*position:absolute; top:0.625rem; left:0.625rem;*/ font-size:0.8rem; display:inline-block; padding:0 0.5rem; /*border:2px solid #fff;*/ background:#ff8e65; color:#fff; text-align:center; /*z-index:10;*/ }
.index_box .text {  flex-grow:1; padding:0; font-size:0.9rem; line-height:1.75;  }
.index_box .date { font-size:0.875rem; color:#84329B; font-weight:300; margin-bottom:0.25rem; display: none; }
.index_box strong { display:block; font-size:1.1rem; font-weight:normal; color:#84329B; line-height:1.5; margin-bottom:0.25rem; }
.index_box .more { display:flex; flex-flow:row nowrap; align-items:center; position: relative; padding:1rem 0 0.5rem 0; margin-top:auto; font-weight: lighter; transition:0.5s; }
.index_box .more::before{ content:""; display: block; width:4rem; height:0; margin-right:1rem; border-top:1px solid #222; }
.index_box .more::after{ content:"view more"; font-size: 0.9rem; }
.index_box:hover .more { color:#84329B; }
.index_box:hover .more::before { border-color:#84329B; transition:0.5s ;}


.index_box.show:nth-of-type(1) { transition-delay:0s; }
.index_box.show:nth-of-type(2) { transition-delay:0.15s; }
.index_box.show:nth-of-type(3) { transition-delay:0.3s; }
.index_box.show:nth-of-type(4) { transition-delay:0.45s; }
/*
.index_box.show:nth-of-type(5) { transition-delay:0.6s; }
.index_box.show:nth-of-type(6) { transition-delay:0.75s; }
.index_box.show:nth-of-type(7) { transition-delay:0.8s; }
.index_box.show:nth-of-type(8) { transition-delay:0.95s; }
*/

body.archive .index_area { display: inline-flex; width: calc(100% - 8rem); margin: 0 0 0 -1rem; } 
body.archive .index_box .date { display:block; }
body.archive .index_box strong { color:#333; }
body.archive .index_box a:hover strong { color:#487ED9; }
body.archive .text_area { width: calc(100% - 10rem); display: inline-block; } 
body.archive .side { display: inline-block; vertical-align: top; width: 8rem; padding-left:2rem; } 
body.archive .side h6 { margin-top:0; margin-bottom:0.5rem; }
body.archive .side ul { padding-left:1.0rem; margin-top:0; }
body.archive .side ul li::marker { color:#ddd;}




.box_bf, .box_af, .box_bf_sp { display: block; position: absolute; z-index:0; left:calc(50% - 51vw); right:calc(50% - 51vw); width:102vw; height:21vw; }
.box_af { z-index:-1; }

.info_event_box { display: flex; flex-flow:row wrap; justify-content:space-between; align-items: flex-start; background:#84329b; padding-top:5vw; padding-bottom:10vw; position: relative; }
.info_event_box .box_bf { top:-20vw; background:url("../img/r_02.svg") top center /cover no-repeat, linear-gradient(to bottom, rgba(255,255,255,1) 2%,rgba(132,50,155,1) 2%);; }

/*--INFO--*/
.info_box { padding:0; width:45%; position: relative; color:#fff; }

.info_box h2 { color: #fff; text-align: left; margin-bottom:1rem; }
.info_box .info_list {width: 100%; }
.info_box ul { width: 100%; display:flex; flex-flow:column wrap; justify-content:space-around; position: relative; z-index: 10; margin:0 0 1rem 0; padding:0; list-style: none; border-bottom:1px solid rgba(204,204,204,0.5); }
.info_box ul li { width: 100%; padding:1rem 0; text-align:left; border-top:1px solid rgba(204,204,204,0.5); }
.info_box ul li a { display: block; text-decoration: none; line-height: 1.5; color:#fff; }
.info_box ul li .photo { margin-bottom: 0.5rem; display:none; }
.info_box ul li .text { display: flex; flex-flow: row wrap; }
.info_box ul li .date { width:6.5rem; padding-right:1rem; color: #fff; font-size: 0.825rem; margin-top:0.1rem; }
.info_box ul li p { flex-grow: 1; margin-bottom:0; }
.info_box a.more { background: none; justify-content: flex-start; color: #fff; position: absolute; top:0rem; right: -0.75rem; width: auto; padding-right:1.75rem; }

.about_mammotome { padding:5vw 0 0 0; margin-bottom:-5vw; width:45%; color:#fff; font-size:0.875rem; position: relative; }
.about_mammotome .box_bf { display: none; } 
.about_mammotome .inner { position: relative; z-index: 1; }
.about_mammotome h4 { color:#fff; }


/*カーブ*/
.r_top img, .r_bottom img { width:100vw; max-width:100vw; }



/*--GREETING_BOX--*/
.greeting_box { position: relative; margin-top:7.5vw; }

.greeting_box .box_bf { top:-11vw; background:url("../img/r_04.svg") bottom center /cover no-repeat, linear-gradient(to bottom, rgba(132,50,155,1) 98%,rgba(255,255,255,1) 98%); }
.greeting_box .box_bf_sp { display: none; }

.greeting_box .inner { display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: space-between; max-width:800px; margin: 0 auto 5vw auto; position: relative; /*z-index: 10;*/ }
.greeting_box h2 { width: 100%; text-align: left; margin-bottom:2rem; }
.greeting_box .face { width:180px; text-align: center; transition:0.5s; margin-top:0.5rem; }
.greeting_box .face img { border-radius:10px; margin-bottom: 1rem; }
.greeting_box .face .name { font-size: 1.125rem; letter-spacing:0.1rem; }
.greeting_box .face .name .title { font-size: 0.8125rem; }
.greeting_box .text { width:calc(100% - 180px - 3rem); transition:0.5s; }

.text_inner .greeting_box { display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: space-between; margin-top: 0; }
.text_inner .greeting_box .text { width: calc(100% - 180px - 3rem); }


/*--PRODUCT_BOX--*/
.product_box { background:#F5F5F5; margin-top:15vw; padding-top:0; padding-bottom:4vw; display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: space-between; position: relative; }
.product_box .more { position: absolute; left:calc(100% - 8rem); top:0; }
.product_box .box_bf { left:0; top:-15vw; background: url("../img/r_07.svg") top center /cover no-repeat; }
.product_box .inner { width:100%; margin-top: -9vw; margin-right:calc(50% - 50vw); position: relative; }

.product_slider { width:100vw; margin-left:calc(50% - 50vw); }

.slick-slider img { width:auto; margin:auto; }
.slick-slider .slick-track { border-radius:0 0 0 0; display: flex; align-items: stretch; }
.slick-slider .slick-track > li { padding:0 0.5rem 2rem 0.5rem; padding:0; margin:0 0.5rem 2rem 0.5rem; float: none; border:1px solid #f3f3f3;  background:#fff; box-shadow:0 1rem 1rem -1rem rgba(0,0,0,0.1); border-radius:0.75rem;   }
.slick-slider .slick-track > li.active { border:1px solid #84329B;}
.slick-slider .slick-track > li img { position:relative; width: 100%; }
.slick-slider .slick-track > li a { display: block;  padding: 1rem; text-decoration: none;  }
.slick-slider .slick-slide { height: auto; }
.slick-slider .slick-dots { position:relative; text-align:center; margin-top:-1rem; margin-bottom:1rem; padding:0 0.5rem; z-index:1000; }
.slick-slider .slick-dots li { display:inline-block; padding:0 0.25rem; }
.slick-slider .slick-dots li button { display:inline-block; background:#ddd; width:0.75rem; height:0.75rem; border-radius:1rem; text-indent:-5rem; overflow:hidden; margin:0; padding:0; border:none; }
.slick-slider .slick-dots li button::after { display:none; }
.slick-slider .slick-dots li.slick-active button { background:rgba(132, 50, 155,0.6); }
.slick-slider a { border:none; }
.slick-slider .slick-prev, .slick-slider .slick-next { position: absolute; top:calc(-9vw + 0.5rem); border: none; background: none; width:2rem; height: 2rem; overflow: hidden; text-indent: -30rem; outline: none; }
.slick-slider .slick-next { right:calc(50vw - 50% + 13rem); }
.slick-slider .slick-prev { right:calc(50vw - 50% + 15rem); }
.slick-slider .slick-next:after , .slick-slider .slick-prev:after {content:""; position: absolute; top:0.5rem; display: block; width: 1rem; height:1rem; border-top:2px solid #84329b; }
.slick-slider .slick-next:after { border-right: 2px solid #84329b; transform: rotate(45deg); right:0.75rem; }
.slick-slider .slick-prev:after { border-left: 2px solid #84329b; transform: rotate(-45deg); right:0.25rem; }

.slick-slider .slick-dots li.slick-active:first-of-type:last-of-type { display: none; }
.slick-slider .text { display:block;  line-height:1.5 ; padding-top:0.75rem; margin-top:1rem;  border-top:1px solid #ddd;  } 

.slider {  opacity: 0; transition: 3s; }
.slick-initialized{ opacity: 1; }

/*--DATE_BOX--*/
.data_box { background:#84329B; margin-top:15vw; margin-bottom:15vw; display: flex; flex-flow: row wrap; align-items: flex-start; justify-content:space-around; position: relative; }
.data_box .box_bf { top:-15vw; background: url("../img/r_12.svg") top center /cover no-repeat, linear-gradient(to bottom, rgba(245,245,245,1) 98%,rgba(132,50,155,1) 98%); }
.data_box .box_af { z-index: 0; bottom:-15vw; background:url("../img/r_09.svg") bottom center /cover no-repeat, linear-gradient(to bottom, rgba(132,50,155,1) 2%,rgba(255,255,255,1) 2%); }

.data_box .r_top { position: absolute; background:#F5F5F5; z-index:-1; left:0; top:-18vw; right:0; width:100vw; height:20vw; }
.data_box .r_bottom { position: absolute; z-index:-1; left:0; bottom:-18vw; right:0; width:100vw; height:20vw; }
.data_box a { display: block; width: 33%; /*max-width:320px;*/ position: relative; /*z-index:10;*/ border-radius:10px; overflow: hidden; box-shadow: 0 1rem 0.5rem -1rem rgba(0,0,0,0.3); }
.data_box a:hover { opacity: 0.8;}
.data_box a:nth-of-type(1) { margin-top:-7vw; }
.data_box a:nth-of-type(2) {}
.data_box a:nth-of-type(3), .data_box a { margin-top:7vw; margin-bottom:-7vw; }

.data_box a:nth-of-type(1) { margin-top:-4vw; }
.data_box a:nth-of-type(2) { margin-bottom:-4vw;}


.data_box a .photo img { width: 100%; }
.data_box a .text { position: absolute; bottom:0; left:0; right:0; padding:0.75rem 2rem 0.75rem 1rem; background: linear-gradient(to right, rgba(132,50,155,0.8) 30%,rgba(72,126,217,0.8) 100%) ; color:#fff; line-height: 1.5; }
.data_box a .text::after { content: ""; display: block; position: absolute; right:1rem; top:calc(50% - 0.25rem); width:0.5rem; height:0.5rem; border-top:1px solid #fff; border-right:1px solid #fff; transform: rotate(45deg);}



/*--FOOTER--*/
.footer { display:flex; flex-flow:row wrap; align-items: flex-start; position: relative; max-width: none !important; /*padding:5rem 0 0 0; border-top: 1px solid rgba(84, 86, 88,0.15);*/ padding:6rem 0 0 0; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding-left:calc(50vw - 50%); padding-right:calc(50vw - 50%); background:#84329B; color:#fff; }

.footer .address_box { margin:0 2rem 2rem 0; }
.footer .name { display: block; font-size:1.125rem; line-height: 1.5; margin:-2.75rem 0 1rem 0; /*color:#487ED9;*/ color:#fff; }
.footer .address { /*margin-bottom: 1rem;*/ margin-bottom:0; line-height:1.75; }
.footer .tel, .footer .fax { display:inline-block; font-family: 'Roboto Condensed', sans-serif; letter-spacing: normal; line-height:1.5; /*color:#487ED9;*/ color:#fff; margin-right:1rem; }
.footer .tel strong, .footer .fax strong { font-size:1rem; font-weight: normal; }
.footer .tel a, .footer .fax a { /*color:#487ED9;*/ color:#fff; }
.footer .fm { margin:0 3rem 2rem 0; line-height:2; font-size: 0.875rem; }
.footer .fm + .fm { margin-right:0;}
.footer .fm li::before { content:"● "; color:rgba(255, 255, 255,0.3); }
.footer .fm a { text-decoration:none; color:#fff; }



.mla { margin-left:auto; }
.b_mmt { margin:0 0 2rem 0; display: block; min-width:12rem; max-width:24rem; border:1px solid rgba(84, 86, 88,0.15); margin-left:0; margin-right:auto; width:calc((100% - 3rem)/4); }

.footer .copyright_box { width:100%; display: flex; flex-flow: row wrap; justify-content: space-between; /*align-items: center; padding:2rem 0;*/ border-top:1px solid rgba(84, 86, 88,0.15); align-items:flex-end; line-height:1.25; padding:1rem 0 3rem 0; }
.footer .copyright { font-size:0.75rem; }
.footer .logo { display:block; width:14rem; height:2rem; max-width:14rem; background: url("../img/logo_w.svg") center center /100% no-repeat; margin-bottom:1rem; }
.footer .f_danaher { width:3rem; height:4rem; background: url("../img/danaher_tm_white.png") center center /100% no-repeat;}



.pagetop { position:fixed; bottom:0; right: 0; width: 3.5rem; height: 3.5rem; background:rgba(118, 26, 143,0.9); z-index: 15000; text-decoration: none; }
.pagetop::after { content:""; display: block; position: absolute; width: 0.75rem; height: 0.75rem; border-top:1px solid #fff; border-left:1px solid #fff; top:1.1rem; left:calc(50% - 0.35rem); transform: rotate(45deg); }
.pagetop::before { content:"PAGE TOP"; position:absolute; bottom:0; display:block; width:100%; font-size:8px; color:#fff; text-align:center; padding:0.5rem 0; letter-spacing:normal; }
.sp_fm { display: none; }


.b_box { margin-bottom:1rem !important;}
.b_box li { width:calc((100% - 3rem)/4); margin-bottom:2rem;}
.b_box li a { display:block; max-width: 24rem; } 
.b_box li a::after { display:none !important; }
.b_box li a img { vertical-align:bottom; border:1px solid rgba(84, 86, 88,0.15); } 






/*-- TEMPLARE CONTENTS --*/

body.temp .main { display:none; }

.contents { position: relative; /*background:#f5f5f5;*/ padding-top: 15vw; padding-bottom: 15vw; min-height:40vw; }
.contents .box_bf { top:0; z-index:0; background:url("../img/r_03.svg") top center /cover no-repeat; }
.contents .box_af { bottom:0; z-index:0; background:url("../img/r_01.svg") bottom center /cover no-repeat; }
.contents > .inner { margin:0 auto -5vw auto; max-width:1200px; position: relative; }

.navibar { position:relative; top:-14vw; z-index:0; margin-bottom:-14vw; }
.navibar ul { /*text-align:right;*/ width:100%; margin:0 0 1rem 0; padding:1rem 0; font-size:0.75em; line-height:1.5; /*border-bottom:1px solid rgba(0,0,0,0.2);*/}
.navibar ul li { list-style-type:none; padding:0; display: inline; /*max-width:12rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/ }
.navibar ul li em { font-weight:bold; font-style:normal; }
.navibar ul li::before { content:"/"; margin:0 10px; }
.navibar ul li:first-child::before { display:none; }
.navibar a { border:none !important; }
.navibar br { display:none; }


.hero { position:relative; margin-bottom: 2rem; display: flex; flex-flow:row wrap; align-items: center; justify-content: flex-start; }
.hero div { padding: 1rem 0; width:100%; }
.hero h2 { margin-right: auto; position: relative; text-shadow:1px 1px 1px rgba(255,255,255,0.9); color:#333; margin-bottom:0;  }
.hero .comment { margin-bottom:0; line-height: 1.75; width:auto; } 

.text_area { position: relative; }
.text_area:empty { display:none; }
.text_area img { }

.text_inner {  display: flex; flex-flow:row wrap;   justify-content: space-between; margin: 0 auto;  }
.text_inner .hl { width:20rem; padding-right:2rem;   }
.text_inner .text { width:calc(100% - 20rem); }


/*-- 2列ボックス/ --*/
.LR_box { display:inline-block; vertical-align:top; width:49%; margin:0; padding:0 2% 1em 2%; box-sizing:border-box; }
.LR_box .LR_box { width:45% !important; }
.LR_box .LCR_box { width:31% !important; }

/*-- 3列ボックス/ --*/
.LCR_box { display:inline-block; vertical-align:top; width:33%; margin:0; padding:0 2% 1em 2%; box-sizing:border-box; letter-spacing:0.1em; }
.LCR_box2 { display:inline-block; vertical-align:top; width:64%; margin:0; padding:0 2% 1em 2%; box-sizing:border-box; letter-spacing:0.1em; }
.LR_box img, .LCR_box img { width:100%; object-fit:cover; font-family:'object-fit:cover;'; margin-bottom:1em; }
.LR_box h3, .LR_box h4, .LR_box h5, .LCR_box h3,.LCR_box h4, .LCR_box h5, .LCR_box2 h3,.LCR_box2 h4, .LCR_box2 h5 { white-space:normal; word-break:break-all; }


.col1 { padding:0 2rem; }
.col2 { column-count:2; column-gap:2rem; padding:0 2rem; }
.col3 { column-count:3; column-gap:2rem; padding:0 2rem; }



a.link { padding:0.5em 0.15em 0.5em 1em; margin:0; text-decoration:underline; box-sizing:border-box; position:relative; }
a.link::before { content:""; position:absolute; display:block; left:0; top:0.7rem; width:0.5em; height:0.5em; margin:0; border-top:1px solid #84329b; border-right:1px solid #84329b; transform:rotate(45deg); box-sizing:border-box; }
a.link.active::after { border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); }
a.link { overflow:hidden; margin:0; }
a.link.red { color:#f55; }

ul.page-link { margin-bottom:1.5rem; position:relative; z-index:10; }
.hero ul.page-link { margin-bottom:0; }
ul.page-link li { display: inline-block; padding:0.25em 1em; margin:0; box-sizing:border-box; position:relative; }
ul.page-link a::before { content:""; position:absolute; display:block; left:0; top:0.8rem; width:0.5em; height:0.5em; margin:0; border-top:1px solid #222; border-right:1px solid #222; transform:rotate(135deg); box-sizing:border-box; }
.f_s ul.page-link a::before { top:0.9rem;}


.index_box a[target='_blank'] .title::after,
.LCR_box a[target='_blank']::after,
body.link .article li a[target='_blank']::after,
body.link .article a:link[target='_blank']::after,
.article a:link[target='_blank']::after
 { content:""; position:relative; display:inline-block; vertical-align:middle; width:1.2em; height:1.2em; margin:0 0.25em; background:url(../img/i_blank.svg) center bottom /100% no-repeat; }
.index_box a[target='_blank']::after { display:none !important; }
a[target='_blank'].banner::after { display:none !important; }


.index_box a[href*='.pdf'] .title::after,
.info_list a[href*='.pdf'] .title::after, 
a[href*='.pdf']::after, 
.index_box ul li a[href*='.pdf']::after { content:"PDF" !important; position:relative; display:inline-block !important; font-size:0.6em; line-height:1; width:auto !important; height:auto !important; padding:0.2em 0.5em; letter-spacing:normal; color:#e55; font-weight:bold; background:#fff !important; margin:0 0.25em; border:1px solid #eee; border-radius:2px; transform:translate(0,-2px); }

.index_box a[href*='.pdf']::after,
.info_list a[href*='.pdf']::after { display:none !important; }

.index_box a[href*='.xls'] .title::after, 
.index_box a[href*='.xlsx'] .title::after, 
a[href*='.xls']::after, 
a[href*='.xlsx']::after, 
.index_box ul li a[href*='.xls']::after, 
.index_box ul li a[href*='.xlsx']::after { content:"Excel" !important; position:relative; display:inline-block !important; font-size:0.6em; line-height:1; width:auto !important; height:auto !important; padding:0.25em 0.5em; letter-spacing:normal; color:#7da52b; font-weight:bold; background:#fff !important; margin:0 0.25em; border:1px solid #eee; border-radius:2px; transform:translate(0,-2px); } 

.index_box a[href*='.xls']::after,
.index_box a[href*='.xlsx']::after { display:none !important; }

.index_box a[href*='.doc'] .title::after, 
.index_box a[href*='.docx'] .title::after, 
a[href*='.doc']::after, 
a[href*='.docx']::after, 
.index_box ul li a[href*='.doc']::after, 
.index_box ul li a[href*='.docx']::after { content:"Word" !important; position:relative; display:inline-block !important; font-size:0.6em; line-height:1; width:auto !important; height:auto !important; padding:0.25em 0.5em; letter-spacing:normal; color:#222; font-weight:bold; background:#fff !important; margin:0 0.5em; border:1px solid #eee; border-radius:2px; transform:translate(0,-2px); } 

.index_box a[href*='.doc']::after,
.index_box a[href*='.docx']::after { display:none !important; }


/*-- FORM/ --*/
form { margin:0; padding:0; border:0; font-size:100%; vertical-align:middle; background:transparent; }
form label { vertical-align:middle; } 

.w100 { width: 100%; }
.w75 { width: 75%; min-width:22.5rem; }
.w50 { width: 50%; min-width:15rem; }
.w33 { width: 33%; min-width:10rem; }
.w32 { width: 32%; min-width:9.5rem; }
.w30 { width: 30%; min-width:9rem; }
.w25 { width: 25%; min-width:7.5rem; }
.w23 { width: 23%; min-width:7.5rem; }
.w20 { width: 20%; min-width:6rem; }
.w5 { width: 5%; min-width:1.5rem; }


select, input, textarea, button { width:100%; max-width:100%; -webkit-appearance:none; vertical-align:middle; position:relative; line-height:30px; font-size:1.2em; margin:5px 0; padding:3px 10px; /*top:-1px; */ border:1px solid #222; border-radius:0; box-shadow:none; z-index:0; box-sizing:border-box; }
input[type="text"] { /*width:auto;*/ margin:5px 5px 5px 0; }
input.long { width:100%; margin:5px 0; position:relative; }
.button, input[type="button"], input[type="submit"] { display:inline-block !important; vertical-align:middle; -webkit-appearance:none; overflow:visible; width:auto; min-width:8rem; letter-spacing:0.1em; margin:0.25rem; padding:0.5rem 1.25rem; background:#84329B; border:none; color:#fff !important; position:relative; text-decoration:none; border-radius:2rem; text-align:center; transition:all .2s; box-sizing:border-box; cursor:pointer; box-shadow: 0 1rem 0.5rem -1rem rgba(0,0,0,0.3); }

.b_back { display:inline-block; -webkit-appearance:none; overflow:visible; width:auto; background:#ff8e65; position:relative; padding:10px 20px 10px 40px; height:50px; line-height:30px; font-size:1.2em; letter-spacing:0; margin:10px; border:none; color:#222 !important; border-radius:3px; box-sizing:border-box; }
.b_back::after { content:""; position:absolute; display:inline-block; left:10px; top:18px; width:10px; height:10px; border-top:2px solid #222; border-right:2px solid #222; transform:rotate(45deg); box-sizing:border-box; }

.button:hover, input[type="button"]:hover, input[type="submit"]:hover { opacity:0.7; }
option { padding:5px; font-size:1.2em; line-height:1.5; }

button[disabled], a.button[disabled], .button[disabled], input[type="button"][disabled], input[type="submit"][disabled],
button[disabled]:hover, a.button[disabled]:hover, .button[disabled]:hover, input[type="button"][disabled]:hover, input[type="submit"][disabled]:hover { background:#eee; border:none; color:#fff; opacity:1.0; cursor:default; position:relative; }

button.mini, .button.mini { min-width:0; }
#map button, #calendar button, button[class^="fc-"], button[class^="ui-"] { width: auto !important; min-width:auto !important; min-height:auto !important; -webkit-appearance:none !important; /*border-radius:0.25rem;*/ }
#map button::before, #calendar button::before, button[class^="ui-"]::before { display:none; }
input:focus, select:focus, textarea:focus { border:1px solid #84329B; outline:none; }

.button.en { font-family:'Roboto Condensed', sans-serif; }


button.modal_close {border:0; padding:0 1rem; margin:0; height:0; line-height:2.5rem; overflow:visible; width:auto; position:fixed; bottom:0; left:50%; transform: translate(-50%, 0); font-size:0.9rem; background: none; border-bottom: 2.5rem solid rgb(34, 34, 34, 1); border-left: 1.25rem solid transparent; border-right: 1.25rem solid transparent; vertical-align:middle; color:#fff !important; min-width:auto; z-index:9000; text-transform: uppercase; letter-spacing:0.1rem; }
button.modal_close::before { content:"CLOSE"; background:url(../img/i_close.svg) left center /1rem no-repeat; display: block; padding:0 0 0 2rem; vertical-align: middle; z-index:11000; position:relative; text-indent:0; }


.m_modal { width:100%; height:2.5rem; position:fixed; bottom:0; left:50%; transform: translate(-50%, 0); background:rgba(255,255,255,0.7); }
.m_modal .prev, .m_modal .next { display: block; width:2.5rem; height:2.5rem; position:absolute; bottom:0; }
.m_modal .prev::before, .m_modal .next::before { content: ""; display: block; width:0.75rem; height:0.75rem; border-top: 1px solid #222; border-right: 1px solid #222; position: absolute; top:0.88rem; }
.m_modal .prev { left:0; }
.m_modal .prev::before { transform: rotate(-135deg); left:1rem; }
.m_modal .next { right:0; }
.m_modal .next::before { transform: rotate(45deg); left:0.75rem; }
.m_modal .prev.no, .m_modal .next.no { display: none; }


/*-- Radio and Checkbox/ --*/
input[type="radio"], input[type="checkbox"] { margin:0 3px 0 0; width:1.25em; height:1.25em; display:none; }
input[type="radio"] + span, input[type="checkbox"] + span { padding-left:1.5em; position:relative; margin-right:1em; display:inline-block; }
input[type="radio"] + span::before{ content:""; display:block; position:absolute; top:0.25em; left:0; width:1.2em; height:1.2em; border:1px solid #222; border-radius:50%; z-index:5; margin-right:3px; box-sizing:border-box; }
input[type="radio"]:checked + span, input[type="checkbox"]:checked + span { color:#84329B; }
input[type="radio"]:checked + span::after{ content:""; display:block; position:absolute; top:0.45em; left:calc(0.25em - 1px); width:0.8em; height:0.8em; background:#84329B; border-radius:50%; z-index:10; }
input[type="checkbox"] + span::before { content:""; display:block; position:absolute; top:calc(50% - 8px); top:0.25em; left:0; width:1.2em; height:1.2em; border:1px solid #222; border-radius:0; margin-right:3px; box-sizing:border-box; }
input[type="checkbox"]:checked + span::after { content:""; display:block; position:absolute; top:-0.2rem; left:0.4rem; width:0.75rem; height:1.25rem; transform:rotate(40deg); border-bottom:3px solid #84329B; border-right:3px solid #84329B; box-sizing:border-box; }

button.i_delete { min-width:0 !important; }
button.i_delete::before { display:none; }

/*-- SELECT/ --*/
select { -webkit-appearance:none; -moz-appearance:none; position:relative; z-index:auto !important; border-radius:0; font-size:inherit; text-align:left; background:#fff url(../img/i_pulldown.png) right center /24px no-repeat; border:1px solid #ccc; height:30px; padding:3px 5px; margin:0 2px 0 0; box-sizing:border-box; display:none; display:block; }
select:disabled, select.disabled { border:1px solid #ccc; color:#ccc; color:silver; background:none; z-index:auto; }

.error, .required { color:#f55; }
div.error { border:2px solid #f55; padding:0 0.5em; margin:0 0 0.5em 0; }
span.error { background:#f55; color:#fff; padding:2px 5px; display:block; }
.example { color:#777; white-space:nowrap; }
body.contact p { margin:0; }


.hissu { display: inline-block; background:#84329B; color:#fff; font-size:0.7rem; padding:0.1rem 0.25rem; vertical-align: inherit; position: relative; }
.ninni {display: inline-block; background:#ccc; color:#fff; font-size:0.7rem; padding:0.1rem 0.25rem; vertical-align: inherit; margin:0 0.15rem 0.25rem 0; }

/*-- TABLE/ --*/
caption { text-align:left; margin-bottom:10px; font-size:95%; }

table { border-collapse:collapse; width:100%; margin:0 auto 2rem auto; }
table th, table td { padding:0.75rem; /*vertical-align:top; line-height:1.5;*/ letter-spacing:0.05rem; }

.table01 { border-bottom:1px dashed #ccc; }
.table01 th, .table01 td { border-top:1px dashed #ccc; }
.table01 thead th { }
.table01 th { font-weight:bolder; text-align:left; }
.table01 td { }

.table02 { border-bottom:1px solid #ccc; }
.table02 th, .table02 td { border-top:1px solid #ccc; }
.table02 thead th, .table02 thead td { background:#f5f5f5; }
.table02 th { font-weight:bolder; text-align:left; white-space:nowrap; }
.table02 td { }
.table02 td.tr { width:auto; }

.table03 { border:1px solid #ccc; border-left:1px dotted #ccc;  border-right:1px dotted #ccc; }
.table03 th, .table03 td { border:1px solid #ccc; border-left:1px dotted #ccc;  border-right:1px dotted #ccc; line-height: 1.5; }
.table03 thead th, .table03 thead td { background:#f5f5f5; }
.table03 th { font-weight:bolder; text-align:left; }
.table03 td { }

.l_double { border-top:3px double #ccc; }
.l_dashed th, .l_dashed td { border-top:1px dashed #ccc !important; }
th p, td p { margin:0; }
.noborder th, .noborder td { border-top:0px solid #ccc;}


/*-- 幅の広いテーブルにスクロール表示 --*/
.scroll, #calcResult { overflow:auto; }
.scroll::-webkit-scrollbar, #calcResult::-webkit-scrollbar { height:15px; /*tableにスクロールバーを追加*/}
.scroll::-webkit-scrollbar-track, #calcResult::-webkit-scrollbar-track { background:rgba(0,0,0,0.1); /*tableにスクロールバーを追加*/}
.scroll::-webkit-scrollbar-thumb, #calcResult::-webkit-scrollbar-thumb { background:#bc6;/*tableにスクロールバーを追加*/}
.scroll table, #calcResult table { margin-bottom:20px !important; }


/*-- WordPress/ --*/
.aligncenter {display:block; margin:0 auto; }
.alignright { float:right; margin:0 0 1.5rem 2rem; position:relative; z-index:1; }
.alignleft { float:left; margin:0 2rem 1.5rem 0; position:relative; z-index:1; }
img[class*="wp-image-"],
img[class*="attachment-"] { max-width:100%; height:auto; }
img.alignright, img.alignleft { max-width:45%; }
.adminbar-button { min-width:auto !important; min-height:auto !important; line-height:1.5 !important;}


/*お問い合わせ*/
/*body.contact .text_area { max-width:900px; }*/
body.contact .footer .logo, body.contact .footer .address, body.contact .footer .fm { display: none; }
body.contact .footer .sns_copy { margin: auto; }
input.datepickr { background:#fff url(../img/i_cal.svg) calc(100% - 0.5rem) center /1.2rem no-repeat; min-width:17.5rem; }

.wpcf7 form .wpcf7-response-output { margin: 1rem 0 0; padding: 0.5rem 1rem; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output { color: #B94A48; background-color: #FCE4EC !important; border:none !important; }
.wpcf7 form.sent .wpcf7-response-output { color: #3A87AD; background-color: #E1F5FE !important; border:none !important; }
.wpcf7 form .wpcf7-not-valid { background:#FCE4EC; }
.wpcf7 form .wpcf7-not-valid-tip { color:#ef5350; }


.invisible { display: none; transition:0.5s ease; }


.notice { padding:1rem; background: #f5f5f5; margin-bottom:2rem; border-radius:10px; } 
.notice.bg_purple { background:rgba(132, 50, 155, 0.07); } 
.notice p:last-of-type { margin-bottom:0.5rem; }

ul.listbox { margin-top:1rem; margin-bottom: 2rem; }
ul.listbox li { display: flex; border-bottom:1px dashed rgba(0,0,0,0.15); padding-left:1rem; }
ul.listbox li::before { content:"●"; color:#487ED9; margin-left:-1rem; }
ul.listbox li .title { display: block; width:25%; padding-right:1rem; min-width:7.5rem; }
ul.listbox li .data { display: block; width:75%; }


/*カタログ*/
body.page-catalog .text_area .index_box { width:33.3%; }
body.page-catalog .text_area .index_box .photo { width:120px; min-width:120px; border-radius:0;  }
body.page-catalog .text_area .index_box p { display:none; }
body.page-catalog .text_area .index_area.nolink  .index_box a { pointer-events: none;  }
body.page-catalog .text_area .index_area.nolink  .index_box .notice { padding: 0.5rem 0.75rem; margin:0.25rem 0 0 0;  }
body.page-catalog .index_box.show:nth-of-type(3n-2) { transition-delay:0s; }
body.page-catalog .index_box.show:nth-of-type(3n-1) { transition-delay:0.15s; }
body.page-catalog .index_box.show:nth-of-type(3n-0) { transition-delay:0.3s; }


.rei { color:rgba(132,50,155,0.7); } 

ul { padding-left: 1.25rem; }
::marker { color:rgba(132, 50, 155,0.7);}
ol.roman { list-style-type: lower-roman; padding-left:2rem;  margin-bottom:1rem; }

.kome { line-height:1.75; position:relative; padding-left:1.2rem; font-size:0.8rem; }
.kome::before { content:"※"; margin-left:-1rem;  }

.flex { display:flex; flex-flow:row wrap; }
.flex.jcsb { justify-content:space-between; } 
.flex .w30 { width: 30%; min-width:0; font-size:0.8rem; line-height:1.5; }
.flex .w30 img { display:block; margin-bottom:0.5rem; }



/*-- 製品情報 --*/
body.page-products .contents { background:#f5f5f5; }
body.page-products .contents .box_bf { background:#fff url("../img/r_07.svg") top center /cover no-repeat; }
body.page-products .contents .box_af { background:#fff url("../img/r_05.svg") bottom center /cover no-repeat; }
body.page-products .index_box {width:25%; padding:0 0.5rem 1rem 0.5rem; }
body.page-products .index_box a { flex-flow:column nowrap; height:100%; background:#fff; box-shadow:0 1rem 0.5rem -1rem rgba(0,0,0,0.1); padding:0 0.5rem 2rem 0.5rem; padding:1rem;  float: none; border:1px solid #f3f3f3;  background:#fff; box-shadow:0 1rem 1rem -1rem rgba(0,0,0,0.1); border-radius:0.75rem; }
body.page-products .index_box a .text { width:100%; display:block; line-height:1.5; padding-top:0.75rem; border-top:1px solid #ddd;  }
body.page-products .index_box .photo { width:100%; margin:0 0 1rem 0;  }
body.page-products .index_box .text { display:flex; flex-flow:column nowrap;  }

body.products.page .LCR_box { position: sticky; top: 7rem; }
body.products h3.flex { justify-content:space-between; align-items:center; }

/*術式ビデオ*/
body.video .text_area .index_box p { display:none; }
body.video .index_box { }
body.video .index_box > div { display:flex; align-items:flex-start; padding:1.5rem 0; border-top: 1px solid rgba(204,204,204,0.5); }
body.video .index_box a.iframe_video { border:none;  padding:0; }
body.video .index_box .text span.bold, body.research .index_box .text span.bold { font-weight: bold;} 

body.page-research .index_box .comment, body.page-video .index_box .comment { display:block; margin-bottom:0.5rem; }
.index_box a.button { width: auto; padding:0.25rem 1rem 0.25rem 2.25rem !important; color: #fff !important; font-size:0.9rem;  }
.index_box a.button.iframe_video { background:#84329B url(../img/i_video.svg) left 0.5rem center /24px no-repeat;  }
.index_box a.button.dl { background:#487ED9 url(../img/i_dl.svg) left 0.5rem center /24px no-repeat;  }

/*動画モーダル*/
.info_box h2.video_title { /*letter-spacing:0.02rem;*/ margin-bottom:1rem;  }
.video_title span { }

.video_box { display:flex; flex-flow:row wrap; justify-content:space-between; margin-left:auto; width: 100%; max-width: calc(100% - 10rem); padding-top:1.25rem; }
.video_box span.comment { display:block; width:100%;  padding:0;  margin-bottom:0.75rem;}
.video_box .iframe-video { display:block; width:48%; padding:0; margin-bottom:0.5rem; text-decoration:none;}
.video_box .iframe-video .caption { display:block; background:rgba(255,96,0,0.9); color:#fff; padding:0.5rem 0.75rem ; margin:-0.5rem 0.5rem 0 0.5rem; position:relative; line-height:1.5; font-size:0.7rem; font-weight:bolder;  }
.video_box .iframe-video .caption strong { display:block; font-size:0.7rem; font-weight:normal; border-bottom:1px solid #fff; margin-bottom:0.5rem; }
.video_box  a.more { margin-bottom:2rem;  }
.modal-video { width:100%; height:auto; max-width:640px;}
.video_box .more_box { display:block; width:100%;   }
.video_list { display:flex; flex-flow:row wrap;}
.video_list .iframe-video {  width:33.3%; padding:1rem; text-decoration:none; font-size:0.9rem;}
.video_list .iframe-video .caption { display:block; background:rgba(255,96,0,0.9); color:#fff; padding:0.5rem 0.75rem; margin:-0.75rem 1rem 0 1rem; position:relative; line-height:1.5; font-size:0.8rem; font-weight:bolder; }
.video_list .iframe-video .caption strong { display:block;  font-size:0.7rem; font-weight:normal; border-bottom:1px solid #fff; margin-bottom:0.5rem; }
.line_id { font-size:0.8rem; color:#555; letter-spacing:0.02rem; }

.video_copyright { font-size:0.75rem; padding:1rem; color:#777; }

.video480 { display:block; width:50%; padding:0.5rem; max-width:calc(240px + 1rem); }
.video480 img { width:100%; }


body.page-template-page-empty { padding:0; margin:0; background:none !important; }
body.page-template-page-empty .text_area { padding:0; margin:0;  }
body.page-template-page-empty p { padding:0; margin:0; display:flex; width:100vw; height:100vh; justify-content:center; align-items:center; }
body.page-template-page-empty video { vertical-align:bottom;}
body.page-template-page-empty #wpadminbar { display:none; }
#cboxLoadedContent video {  width:100% !important; height:auto !important; }
iframe html { margin-top:0 !important;}
@media screen and (max-width:782px) {
body.page-template-page-empty.logged-in { margin-top:-46px !important; margin-bottom:-46px !important; }
}
body.page-template-page-empty .cboxIframe { max-height:480px; overflow:hidden;}


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

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

body  { font-size:0.875rem; padding-top: 5rem; }
.m_contact a { background:url("../img/i_tel_w.svg") left 0.5rem top 45% /1.6rem no-repeat; }
.header .inner {  padding: 1.5rem 0;  }


body.archive .index_box { width:100%;  }
body.page-products .index_box { width:33.3%;  }
body.page-catalog .text_area .index_box { width:50%; }
body.page-research .index_box, body.page-video .index_box { width:100%;  }
body.page-research .index_box .comment, body.page-video .index_box .comment { display:none; }


.pc_no { display:block; }
br.pc_no { display:inline-block; }
.sp_no, br.sp_no { display:none; }
span.sp_no { display:none; }


.t_title { top:0; left:5vw;}

.contact_box { display:none;}


.t_copy { width:22vw; left:7.5vw; }


.info_box { width:100%; }
.info_box .info_list { padding-bottom:15vw; }
.about_mammotome { width:120%; background:#f5f5f5; color: #84329B; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
.about_mammotome h4 { color:#84329B; }
.about_mammotome .inner { top:-5vw; padding:0 5%; }
.about_mammotome .box_bf { display: block; top:-10vw; background: #84329B; background:url("../img/r_08.svg") top center /cover no-repeat, linear-gradient(to bottom, rgba(132,50,155,1) 98%,rgba(245,245,245,1) 98%) ; }


.greeting_box .box_bf { display: none; }
.greeting_box .box_bf_sp { display: block; top:-22vw; background:#fff url("../img/r_05.svg") bottom center /cover no-repeat; }


.footer .name { font-size: 1rem; }
.footer .copyright_box { padding-bottom:5rem; }
	
.b_mmt, .b_box li { width:calc((100% - 1rem)/2); margin-bottom:1rem;}


.sp_fm { width:calc(100% - 3.5rem); display:flex; flex-flow:row nowrap; height:3.5rem; position:fixed; z-index:1000; left:0; bottom:0; background: rgba(118, 26, 143,0.9); border-top:1px solid rgba(0,0,0,0.1); }
.sp_fm li { width:100%; }
.sp_fm a { display: block; color:#fff; padding:0.75rem 1rem 0.75rem 3rem; text-decoration:none; position: relative; height:3.5rem; }
.m_tel { display: none; }  
.m_tel a { background:url("../img/i_tel_w.svg") left 0.5rem center /1.6rem no-repeat; }
.m_tel a::before { content: ""; position: absolute; top:0.25rem; bottom:0.25rem; left:0; width:1px; border-left:1px solid rgba(255,255,255,0.2); }
.sp_fm .m_contact a { background:url("../img/i_tel_w.svg") left 1rem top 45% /1.6rem no-repeat; }
.sp_fm .m_contact a::after { content: ""; position: absolute; right:0; top:0.25rem; bottom:0.25rem; width:1px; border-left:1px solid rgba(255,255,255,0.2); }


.text_inner { flex-flow:column wrap; }
.text_inner .hl { width:100%; padding-right:0;  }
.text_inner .text { width:100%; }


.table01:not(.noresp) th, .table02:not(.noresp) th { display:inline-block; width:100%; padding:0.75rem 0 0 0; }
.table01:not(.noresp) td, .table02:not(.noresp) td { display:inline-block; width:100%; border-top:none; padding:0.5rem 0; }
.table01.noresp th, .table02.noresp th { padding-left: 0; }

h2 { font-size:1.4rem; }
h2 .ja, h3 .ja { font-size:0.8rem; }
h3 { font-size:1.3rem; }
h4 { font-size:1.2rem;}
h5 { font-size:1.1rem; }
h6 { font-size:1.0rem; }

h2 .comment, h3 .comment, h4 .comment { font-size:0.8rem; }

	
input[type="checkbox"]:checked + span::after { top:-0.1rem; left:0.4rem; width:0.6rem; height:1.0rem; transform:rotate(40deg); border-bottom:3px solid #84329B; border-right:3px solid #84329B; box-sizing:border-box; }


/*WordPress*/
.aligncenter { display:block;margin: 0 auto;}
.alignright { float:none; display:block; margin:0 auto 1rem auto; }
.alignleft { float:none; display:block; margin:0 auto 1rem auto; }
img[class*="wp-image-"],
img[class*="attachment-"] { max-width: 100%; height: auto; }
img.alignright, img.alignleft { max-width:100%; }


.LR_box { width:100% !important; }
.LCR_box, .LCR_box2 { width:100% !important; padding:0 2% 2rem 2%; margin:0; overflow:visible !important; }

.col2 { column-count:1; }

	
.anchor { height:6rem; margin-top:-6rem;  }
.scroll::before { content:"→ 横スクロールしてご確認ください。"; display: block; font-size:0.8rem;  margin-bottom:0.5rem;}


.resp100 { width:100%; }
.resp90 { width:90% !important; }
.resp80 { width:80% !important; }
.resp70 { width:70% !important; }
.resp60 { width:60% !important; }
.resp50 { width:50% !important; }
.resp48 { width:48% !important; }
.resp47 { width:47% !important; }
.resp40 { width:40% !important; }
.resp30 { width:30% !important; }
.resp20 { width:20% !important; }
.resp10 { width:10% !important; }

.resp49 { width:49% !important; }
.resp_no { display: none; }
.resp_ma { margin:auto !important; }

}



@media screen and (max-width:782px) {
body.logged-in .header { top:calc(46px); }

}




@media screen and (max-width:640px) {
p + hr { margin-top:-2rem;}
hr + p { margin-bottom:0rem;}

/*--MAIN--*/
.main { display: block; margin-bottom:-15vw; }
.main_img { width:90vw; height:90vw; overflow: hidden; border-radius:0.75rem; }
.t_copy { left:3vw; }


.info_event_box { padding-top: 25vw; }

.hm ul li a { letter-spacing:0.2rem; }

br.sp_no2 { display:none; }
br.pc_no2 { display:inline; }

.b_control { } 
.b_control div { padding:2rem 1rem; } 



/*-- INFO --*/
.info_box { flex-flow: column wrap; }
.info_box .info_list, .info_box .video_box { max-width:100%; padding-top:0; }
.info_box ul li { display: block; width: 100%; }
.info_box ul li a { display:flex; flex-flow:row wrap; justify-content: space-between; text-decoration: none; line-height: 1.5; }
.info_box ul li .photo { width: 35%; height: auto; display:none; }
.info_box ul li .text { width:100%; flex-flow:column wrap; }
	.info_box ul li .text .date { margin-bottom:0.25rem; }
.info_box h2.video_title { margin-bottom:0; }


/*-- GREETING --*/
.greeting_box, .text_inner .greeting_box { flex-flow: column wrap; }
.greeting_box .face { width:130px; margin:0 auto 1.5rem auto;}
.greeting_box .face img { margin:0 auto 1rem auto;}
.greeting_box .text, .text_inner .greeting_box .text { width: 100%; }



/*-- DATA_BOX --*/
.data_box a { width: 43%; }
.data_box a .text { padding:0.25rem 1.75rem 0.25rem 0.75rem; font-size:0.8rem;   line-height: 1.5; }


.b_mmt, .b_box li { width:100%;}
	
	

/*-- INDEX --*/
.index_box { width:100%; letter-spacing:normal; }
.index_box .photo { width:90px; min-width:90px;  } 
.index_box .date { font-size:0.75rem; }
.index_box strong { font-size:1rem; }
.index_box .cat { font-size:0.75rem; }
.index_box .tab { display:flex; flex-flow:row wrap; justify-content:flex-end; padding:1rem 1rem 1rem 0.5rem; }
.index_box .tab span { font-size:0.75rem; background:#222; color:#fff; padding:0 0.25rem 0 0.45rem; margin-left:0.5rem; text-align:center; line-height:1.8; }

body.archive .text_area { width:100%; }
body.archive .index_area { width:calc(100% + 2rem); }
body.archive .side { width:100%; padding:1.5rem 0; border-top: 1px solid #ddd; }

body.page-products .index_box { width:50%;  }

body.page-catalog .text_area .index_box { width:100% !important; }
body.page-catalog .text_area .index_box .photo { width:90px; min-width:90px;  }


/*--FOOTER--*/
.footer { display:flex; flex-flow:column wrap; }
.footer .address_box { margin-right: 0; }

.LR_box { padding:0 0 2rem 0; }
.LCR_box, .LCR_box2 { padding:0 0 2rem 0; }
.col1, .col2, .col3 { column-count:1; padding:0; }

	
body.products h3.flex .more { letter-spacing:normal ;width: auto; padding: 0.25rem 1.5rem 0.25rem 1rem; }
body.products h3.flex .more::after { right:0.75rem;}
}


@media screen and (max-width:600px) {
body.logged-in #wpadminbar { position:fixed; }
}


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

#submit_agree + span { letter-spacing: normal; }

.footer .name { font-size:0.9rem; }
.product_box h2 { letter-spacing: 0.1rem; }
.product_box .more {   left: calc(100% - 7rem); width:7rem;  top: -0.15rem; }

.scroll table th, .scroll table td { white-space: nowrap; }

body.video .index_box > div { padding:1rem 0;  }
.index_box a.button { width: auto; min-width:0; padding:0.25rem 0.75rem 0.25rem 1.5rem !important; margin:0.25rem 0.2rem; font-size:0.7rem; letter-spacing:normal;  }
.index_box a.button.iframe_video { background:#84329B url(../img/i_video.svg) left 0.35rem center /16px no-repeat;  }
.index_box a.button.dl { background:#487ED9 url(../img/i_dl.svg) left 0.35rem center /16px no-repeat;  }

.termspopupcontainer p { font-size:0.9rem !important; margin-bottom:1rem;}
}


@media print{
.header, body.logged-in .header { position:absolute; width:100%; top:-7rem; left:0; }
.header .inner { width:100%; }
.fadein, .fadeinUp, .fadeinLeft, .fadeinRight { opacity : 1; transform : translate(0, 0); }
h3 { height:3rem; display:inline-block; width:100%;}
.pagetop { display:none; }
.LCR_box { break-before:auto; }
	.contents .box_bf, .contents .box_af { display:none;}
}