/* CSS Document */ @media print { body {-webkit-print-color-adjust: exact;} } html{ color:var(--text); font-size: 62.5%;/* 10px*/ scroll-behavior: smooth; } body{ font-size:16px;/*1.5rem; 15px*/ } .disnone_tb{ display: none; } p{ margin-bottom: 2em; } .inner{ width: 98%; margin: auto; } .inner::after { content: ""; clear: both; display: table; } .inner_cts{ width: 96%; margin: 0 auto 20px; line-height: 2.0 !important; } .inner_cts::after { content: ""; clear: both; display: table; } .box{ color: #fff; height:800px /*100vh!important*/; padding:40px;} .box1{ background-image: url("../images/toppage/top/key_top.png");background-size:cover;background-repeat:no-repeat;/* background: #F43959;*/} .box2{ /*background-image: url(https://www.westlawjapan.com/images/top/key202206.png);background-size:cover;background-repeat:no-repeat;*/background: #fff;} .box3{ /*background-image: url(https://www.westlawjapan.com/images/top/key202207.png);background-size:cover;background-repeat:no-repeat;*/background: #f5f5f5;} .box4{ /*background-image: url(https://www.westlawjapan.com/images/top/key202206.png);background-size:cover;background-repeat:no-repeat;*/background: #fff;} .box5{ /*background-image: url(https://www.westlawjapan.com/images/top/key202207.png);background-size:cover;background-repeat:no-repeat;*/background: #f5f5f5; height: 600px;} .box6{ /*background-image: url(https://www.westlawjapan.com/images/top/key202206.png);background-size:cover;background-repeat:no-repeat;*/background: #f5f5f5; height: 350px;} .box7{ /*background-image: url(https://www.westlawjapan.com/images/top/key202206.png);background-size:cover;background-repeat:no-repeat;*/background: var(--darkBlue); height: 500px;} .pagenation{ padding: 30px; position: fixed; left: 0; top: 50%;} .pagenation li{ list-style-type: none; margin-bottom: 20px;} .pagenation a{ display: block; height: 20px; width: 20px; border: 1px solid #777777; border-radius: 50%; background-color: #fff;} .pagenation a.active{ background: var(--minimedBlue);} /*.inner_cts{ width: 1157px; margin: 0 auto 0; line-height: 2.0 !important; } .inner_cts::after { content: ""; clear: both; display: table; } .inner_cts_s{ width: 1157px; height: 300px; margin: 0 auto 0; line-height: 2.0 !important; } .inner_cts_s::after { content: ""; clear: both; display: table; } */ .fixed_btn { position: fixed; z-index: 99999; /* top: 150px; */ bottom: 100px; right: 0px; border: none; background-color: none; width: 180px; } .sidenavi_pic{ width: 250px; } .sidenavi_picwide{ width: 300px; } .pic_legal01{ margin: 80px 0 0 20px;} .pic_legal02{ margin: 100px 0 0 20px;} .pic_legal04{ margin:20px 0 0 20px;} .disp_flex_wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; } .disp_flex_flow { display: flex;flex-flow: row wrap;justify-content: flex-start;} .global_header{ border-bottom: 1px solid #B7B6B6; font-size: 1.3rem; } .cell_w05{ width: 5% !important; } .cell_w10{ width: 10% !important; } .cell_w20{ width: 20% !important; } .cell_w30{ width: 30% !important; } .cell_w40{ width: 40% !important; } .cell_w50{ width: 50% !important; } .cell_w60{ width: 60% !important; } ul.att{margin: 0px 3px 12px; } ul.att li{background:url( "../images/mark/ic-astlsk-yl.gif") no-repeat left 6px; padding-left: 15px; } .on{color: #003379; } .semend{color: #D44101; border: 1px solid #D44101; padding: 4px 3px; text-align:center; } .semend span{color: #777; display:block; text-align:center; margin: 4px 0px 0px; } .rborder{border:1px solid #D44101; padding:10px 15px;} .grback{ background-color: #B7B6B6; padding:10px 15px;} .free800{width: 800px; margin: 30px auto 20px; padding: 15px 18px 0px; border: 1px solid #D9D9D9; } .free600{width: 600px; margin: 30px auto 20px; padding: 15px 18px 0px; border: 1px solid #D9D9D9; } div.border_semi{border:1px solid #d9d9d9;padding:1em;margin-bottom:15px;} div.border_semi div.left_con{float:left;width:310px;} div.border_semi div.right_con{float:right;width:340px;} div.border_semi ul.decimal{list-style-type:decimal;margin-left:2em;} div.border_semi ul.decimal li{line-height:1.5;} div.border_semi02{border:1px solid #d9d9d9;padding:1em;margin-bottom:15px;} div.border_sem02i ul.decimal{list-style-type:decimal;padding-left:1.5em;} div.border_semi02 ul.decimal li{line-height:1.5;} .bg-slider { width: 100%;/* height: 100vh;*/ background-position:center center; background-size: cover; display: flex; align-items: center; justify-content: center; } .bg-slider__title{ color: #fff; font-size: 48px; line-height: 1.5; font-weight: bold; text-align:center; text-shadow: 1px 1px 1px #000; } .cont_box_img{ margin: 1em 0; text-align : center } a.sol_box_300_de, div.sol_box_300_de{ width: 48%; height: 600px; display: block; color:var(--text); text-decoration: none;/* border: 1px solid #B7B6B6;*/ padding: /*43px*/ 25px 37px; box-sizing: border-box; /*background:#FFF;*/ margin-bottom: 30px; } a.sol_box_300_de:hover{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text);} .sol_box_300_de a h3{ font-weight: bold; margin-bottom: /*1.0em*/; font-size: 106.66%; } .sol_box_300_de a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 30px auto 0;} .sol_box_300_de a.plbtn_blue:hover{opacity: .7;} .cont_box_img{ margin: 1em 0; text-align : center } a.con_box_fst, div.con_box_fst{ width: 48%; height: 600px; display: block; color:var(--text); text-decoration: none;/* border: 1px solid #B7B6B6;*/ padding: /*43px*/ 25px 37px; box-sizing: border-box; /*background:#FFF;*/ margin-bottom: 30px; position:relative; } } a.con_box_fst:hover{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text);} .con_box_fst a h3{ font-weight: bold; margin-bottom: /*1.0em*/; font-size: 106.66%; } .con_box_fst p.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .con_box_fst p.con_txt a:hover{ text-decoration: underline; } .con_box_fst p a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto!important;} .con_box_fst p a.plbtn_blue:hover{opacity: .7;} .con_box_fst p.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 30px auto 0;} .con_box_fst p.con_txt a.plbtn_blue:hover{opacity: .7;} .cont_box_img{ margin: 1em 0; text-align : center } a.con_box_sec, div.con_box_sec{ width: 48%; height: 500px; display: block; color:var(--text); text-decoration: none;/* border: 1px solid #B7B6B6;*/ padding: /*43px*/ 25px 37px; box-sizing: border-box; /*background:#FFF;*/ margin-bottom: 30px; position:relative; } a.con_box_sec:hover{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text);} .con_box_sec a h3{ font-weight: bold; margin-bottom: /*1.0em*/; font-size: 106.66%; } .con_box_sec p.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .con_box_sec p.con_txt a:hover{ text-decoration: underline; } .con_box_sec p a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto!important;} .con_box_sec p a.plbtn_blue:hover{opacity: .7;} .con_box_sec p.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 30px auto 0;} .con_box_sec p.con_txt a.plbtn_blue:hover{opacity: .7;} .cont_box_img{ margin: 1em 0; text-align : center } a.con_box_thrd, div.con_box_thrd{ width: 48%; height: 600px; display: block; color:var(--text); text-decoration: none;/* border: 1px solid #B7B6B6;*/ padding: /*43px*/ 25px 37px; box-sizing: border-box; /*background:#FFF;*/ margin-bottom: 30px; position:relative; } a.con_box_thrd:hover{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text);} .con_box_thrd a h3{ font-weight: bold; margin-bottom: /*1.0em*/; font-size: 106.66%; } .con_box_thrd p.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .con_box_thrd p.con_txt a:hover{ text-decoration: underline; } .con_box_thrd p a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto!important;} .con_box_thrd p a.plbtn_blue:hover{opacity: .7;} .con_box_thrd p.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 30px auto 0;} .con_box_thrd p.con_txt a.plbtn_blue:hover{opacity: .7;} /*------/*----------------what's new_new---------------------------*/ #box_news{clear:both; background:#FFF; border: 2px solid var(--minimedBlue); border-radius: 4px; } .box_news_cts02{ margin: 0px auto; height: 200px; overflow-y:scroll;/* margin: 20px 0 35px; */} .box_news_cts02 ul{ margin: 0px 40px; } .box_news_cts02 ul li{/* border-bottom: 1px dotted #cfd1b8;*/ padding: 0.5em; } .t_top02{ background:var(--minimedBlue); color:#fff; border: 1px solid var(--minimedBlue); padding: 0.3em; margin-bottom: 0px;} .br-pc { display:block; } .br-sp { display:none; } /*=== list ===========================================================================================================================================================================*/ ol.as{list-style-type:armenian; margin: 13px 25px 20px 0px; } ol.as li{margin-bottom: 4px; } ul.disc{margin: 8px 0px 0px 33px; list-style:disc; } ul .disc_in{margin: 8px 0px 0px 33px!important; } ul.disc li{margin: 0px 0px 3px; line-height: 1.5; } ul li.disc_in{margin: 8px 0px 0px 28px;width:300px;} ul.disc2{margin: 8px 0px 0px 33px; list-style:disc; } ul.disc2 li{margin: 0px 0px 3px; line-height: 1.5; } ul li.disc_in_top{margin: 8px 0px 0px 30px;} .in_top{margin: 8px 0px 0px 40px; width: 90%;} ol.case{margin: 20px 0px 0px; list-style-type: none; padding: 0; }/* FOR CASE REPORT */ ol.case li{margin: 0px 0px 10px; padding: 0; line-height: 1.7; color: #BABABA; } ol.case li em{font-style:normal; } ol.case li a{display:block; border-top: 1px dotted #BABABA; padding: 15px 0px 15px; text-decoration:none; } ol.case li a:link, ol.case li a:visited{color: #828282; } ol.case li a:hover, ol.case li a:active{border-top: 1px dotted #828282; color: #505050; } ol.case li a em{text-decoration:underline; } ol.case li a span{font-weight: bold; color: var(--orange); font-size:smaller; padding-left: 4px; } ol.case li a span.bold{font-weight: bold; color:var(--text) !important; font-size: 100%; padding-left: 0; } .in1_5em{padding-left:1.5em; text-indent:-1.5em;} .in2em{padding-left:1.5em; text-indent:-3em;} .indent_1em{padding-left:4em; text-indent:-1.5em;} .in1_5-pl2{padding-left:2.5em; text-indent:-1.5em;} #item-list ul:after { content: ""; clear: both; display: block;} #item-list ul li { display: block; float: left; height: 20px; list-style-type: none;text-align: left; width: 33.33%;} /* header --------------------------------------------------------------------------------------------------------------------*/ header{ border-bottom: 1px solid #B7B6B6; margin: 0; padding: 0; background:#FFF; } /*.global_header{ border-bottom: 1px solid #B7B6B6; font-size: 1.3rem; background:#FFF; }*/ .gh_nav{ float: right; display: table; height: 34px; background:#FFF; } .gh_nav li{ display: table-cell; vertical-align: middle; height: 34px; padding-left: 14px; } .gh_nav li a{ text-decoration: none; color:var(--text); line-height: 1.0; display:block; }/*padding: 14px 14px 0 14px; */ .gh_nav li a:hover{ text-decoration: underline; } /*==English TOP page==*/ .gh_nav_en{ float: right; display: table; height: 30px; padding: 3px; background:#FFF; } .gh_nav_en li{ display: table-cell; vertical-align: middle; height: 30px; padding-left: 14px; } .gh_nav_en li a{ text-decoration: none; color:var(--text); line-height: 1.0; display:block; }/*padding: 14px 14px 0 14px; */ .gh_nav_en li a:hover{ text-decoration: underline; } .gh_nav_en li.fsize{/*padding: 0.8em;*/ font-size: 66.66%; vertical-align: middle; height: 30px; } .gh_nav_en li.fsize button{ border: 1px solid var(--text); margin-left: 5px; background:#FFF; } li.en_info{height: 30px!important;padding: 0 5px; border: 1px solid var(--orange); border-radius: 5px; background-color: var(--orange); font-weight: bold;width:100px;text-align: center;font-size:120% !important;} .breadcrumbs{ display:none; } .wjlogo{ float: left; margin: 20px 0 0; } /* search */ .search_box{ display: inline; } .search_menu{ display:block; float: right; padding: 2.2em 22px 1.9em 12px; } .search_menu img{width: 20px; height: auto; } #search_toggle {clear:both; border-top: 1px solid #B7B6B6; background:#FFF; padding: 10px; z-index: 200; display:none; } #search_toggle::after { content: ""; clear: both; display: table; } #searchform{ border: 1px solid #B7B6B6; border-radius: 6px; box-sizing: border-box; } .src{ outline:0; box-sizing: border-box; width: calc(100% - 60px); height: 57px; padding-left: 1em; border: none; border-radius: 6px 0 0 6px; } .src_btn{ box-sizing: border-box; width: 52px; height: 57px; background: url(..../images/mark/ic_search.png) no-repeat #FFF center center; background-size: 20px auto; text-indent: -9999px; border: none; /* float: left; position: absolute; width: 52px; height: 57px; border: 1px solid #B7B6B6; border-left: none; border-radius: 0 6px 6px 0; */ } /* mh */ .mh_sp_box {display: none; height: 100vh; position: fixed; top: 0; left: 0; width: 100%; background: #FFF; z-index: 200; overflow: scroll; } .mh_sp_box_header{ background:#FFF; border-bottom: 1px solid #B7B6B6; padding: 15px; } .mh_sp_box_header::after { content: ""; clear: both; display: table; } .mh_sp_wjlogo{ float: left; } .mh_sp_menu_close{ float: right; } .mh_sp_menu{ float: right; display:block; } .mh_sp_menu img{ width: 20px; padding: 36px 20px 30px 30px; } .mh_nav_box{ height: 0; line-height: 1.0; float: none; clear:both; width: 100%; height: 0; box-sizing: border-box; background:#FFF !important; z-index: 200; }/*transition: .2s; */ /* a.mh_menu{ display:block; padding: 1em 22px 1em 12px; margin-bottom: 0px; box-sizing: border-box; border-left: 4px solid #FFF; border-bottom: 1px solid #B7B6B6; text-decoration: none; background: url(../images/mark/ic_arrow_ora_right01.png) no-repeat 98% 50% #FFF; background-size: 6px auto; font-size: 1.4rem; } a.mh_menu:link{ color:var(--text); } a.mh_menu:visited { border-left: 4px solid #F00; } a.mh_menu:hover { color:var(--text); } a.mh_menu::active{ border-left: 4px solid #ff5900; color:#993500; } a.mh_menu.active{ border-left: 4px solid #ff5900; color:#993500; } */ a.mh_menu{ display:block; padding: 1em 22px 1em 12px; margin-bottom: 0px; box-sizing: border-box; border-left: 4px solid #FFF; border-bottom: 1px solid #B7B6B6; text-decoration: none; background: #FFF; font-size: 1.4rem; position: relative; } a.mh_menu::after{ content: ""; position: absolute; right: 20px; top: 44%; display: inline-block; vertical-align: middle; color: var(--minimedBlue); line-height: 1; width: 0.5em; height: 0.5em; border: 2px solid currentColor; border-left: 0; border-bottom: 0; box-sizing: border-box; transform: translateY(-25%) rotate(45deg); } a.mh_menu:link{ color:var(--text); } a.mh_menu:visited { border-left: 4px solid #F00; } a.mh_menu:hover { color:var(--text); } a.mh_menu:active{ border-left: 4px solid var(--minimedBlue); color:var(--minimedBlue); } a.mh_menu.active{ border-left: 4px solid var(--minimedBlue); color:var(--minimedBlue); } .mh_toggle{ display: none; padding: 1.5em 2em 1em; height: auto; opacity: 1; z-index: 100; background:#FFF; border-bottom: 1px solid #B7B6B6; /*position:absolute; */ } .mh_2nd_box{ display:block; padding: 0em; } .mh_2nd_box p{ margin-bottom: 1em !important; } .mh_2nd_box_r p{ margin-bottom: 1em !important; } /*.mh_2nd_box:first-child{ border-right: 1px solid #B7B6B6; }*/ .mh_2nd_item{ margin-bottom: 0.5em; cursor: pointer; } .mh_2nd_item:hover{ text-decoration: underline; } .mh_2nd_list{ } .mh_2nd_list li{ float: none; display: block; margin-bottom: 1.5em; } .mh_2nd_list li a{ text-decoration: none; color:var(--text); } .mh_2nd_list li a:hover{ text-decoration: underline !important; } /* solutions */ .mh_3rd_box{ display: none; padding: 0.5em 1.5em 1.5em 0.5em; box-sizing: border-box;background:var(--lightSilver); } .mh_3rd_item_ttl{ font-weight: bold; border-left: 4px solid #ff5900; padding-left: 0.5em; } .box-txt_boxsha_220{ display:inline-block; padding: 2em; margin: 2em 0; font-weight: bold;/* border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/height: 280px; } .box-txt_boxsha_220 li{ margin: 0; padding: 0; } .box-txt_boxsha_220 li.ec_merit_title{ font-size: 133.3%; text-decoration: bold; text-align: center; letter-spacing: -2px;} .box-txt_boxsha_220 li.ec_merit_img{ text-align: center;margin-top: 15px;margin-bottom: 15px;} .box-txt_boxsha_220 li.ec_merit_txt{ font-size: 100%; text-align: center; letter-spacing: -2px;} /* key --------------------------------------------------------------------------------------------------------------------*/ .key_col{ margin-bottom:0px/*67px*/; background: url( "../images/toppage/top/key_top.png") no-repeat; background-size: cover; } .key_col_pre{ margin-bottom:0px; background: url("../images/top/key202210.png") no-repeat; background-size: cover; } .key_bkg{ width: 100%; padding: 1em; box-sizing: border-box; position: relative; } .key_bkg_pre{ width: 100%; padding: 1em; box-sizing: border-box; position: relative; } .key_bkg_test{ width: 100%; height:850px; margin: auto; } .key_bkg_tb{ width: 100%; height:500px/*950px750px*/; margin: auto; } .key_bkg_tb_pre{ width: 100%; height:500px; margin: auto; } .key_bkg_tb_en{ width: 100%; height:500px; margin: auto; } .key_bkg_tb_en02{ width: 100%; height:600px; margin: auto;} .key_txt{ position: absolute; color:#FFF; top: 150px; left: 24px; } .key_txt p{ margin-bottom: 1em; } .key_txt2{color:#FFF; padding: 3em 0 1em 24px; box-sizing: border-box; } .key_txt2 p{ margin-bottom: 1em; } .key_ttl{ font-size: 60px; margin-bottom: 15px; line-height: 1.1; } .more{ display:inline-block;color:#FFF; line-height: 1.2; text-decoration: none; padding: 0 24px 0 0; background: url(../images/mark/ic_arrow_right01.png) no-repeat 98% 50%; background-size: 16px; } .more:hover{ text-decoration: underline; opacity: 0.8; } .key_col_ln{ margin-bottom: 67px; background: url(../images/top/key01_ln.png) no-repeat; background-size: cover; } .key_bkg_ln{ width: 100%; height: 553px; margin: auto; position: relative; } .key_txt_ln{ position: absolute; color:#FFF; top: 150px; left: 24px; } .key_txt_ln p{ margin-bottom: 1em; } .key_ttl_ln{ font-size: 60px; margin-bottom: 15px; line-height: 1.1; } .key_bnbox{ } .key_bnbox::after { content: ""; clear: both; display: table; } .key_bnbox_3bnr{ } .key_bnbox_3bnr::after { content: ""; clear: both; display: table; } .key_bnbox_2bnr{ } .key_bnbox_2bnr::after { content: ""; clear: both; display: table; } .key_bnbox_1bnr{ } .key_bnbox_1bnr::after { content: ""; clear: both; display: table; } .key_info{box-shadow: 1px 1px 5px 1px #999; width: 98%; background-color: rgba( 255,165,0, 0.5 );color:#FFF; position:absolute; left: 5px; right: 5px; bottom: 15px;} .key_info2{box-shadow: 1px 1px 5px 1px #999; width: 98%; background-color: rgba( 255,165,0, 0.5 );color:#FFF; position:absolute; left: 5px; right: 5px; bottom: 15px;} .key_info3{box-shadow: 1px 1px 5px 1px #999; width: 98%; background-color: rgba( 255,165,0, 0.5 );color:#FFF; position:absolute; left: 5px; right: 5px; bottom: 15px;} .key_info3_sh{box-shadow: 1px 1px 5px 1px #999; width: 98%; background-color: rgba( 255,165,0, 0.5 );color:#FFF; position:absolute; left: 5px; right: 5px; bottom: 15px;} .key_info3_in{width: 98%; } /*.key_info4{box-shadow: 1px 1px 5px 1px #999; width: 98%; background-color: rgba(255,255,255,0.6);color:#FFF; position:absolute; left: 5px; right: 5px; bottom: 15px;} .key_info4_sh{box-shadow: 1px 1px 5px 1px #999; width: 98%; height: 80px; background-color: rgba(255,255,255,0.6);color:#FFF; position:absolute; left: 5px; right: 5px; bottom: 250px; margin-bottom: 50px;} .key_info4_in{width: 98%; }*/ .key_info4_sh{box-shadow: 1px 1px 5px 1px #999; width: 48vw; background-color: rgba(255,255,255,0.9);color:#FFF; position:absolute; top:34%; left: 50%; box-sizing: border-box; } .key_info4_in{width: 98%; } .key_info4_in::after { content: ""; clear: both; display: table; } .key_info5_sh{ box-shadow: 1px 1px 5px 1px #999; width: 90%; margin: 0 auto; padding: 0.5em; background-color: rgba(255,165,0, 0.5 ); color:#FFF; box-sizing: border-box; }/*orange*/ .key_info5_sh::after { content: ""; clear: both; display: table; } .key_info6_sh{box-shadow: 1px 1px 5px 1px rgba(247,245,240,0.3); width: 90%; margin: 0 auto 0.7em; padding: 0.5em; background-color: rgba(128,185,238,0.3); color:var(--text); box-sizing: border-box; }/*wh*/ .key_info6_sh::after { content: ""; clear: both; display: table; } .key_info7_sh{ /*box-shadow: 1px 1px 5px 1px #999;*/ width: 90%; margin: 0 auto; /*padding: 0.5em; background-color: rgba(255,165,0, 0.5 ); color:#FFF;*/ box-sizing: border-box; }/*orange*/ .key_info7_sh img{width: 50%; } .key_info7_sh::after { content: ""; clear: both; display: table; } .key_info8_sh{box-shadow: 1px 1px 5px 1px rgba(247,245,240,0.2); width: 90%; margin: 0 auto 0.7em; padding: 0.5em; background-color: rgba(23,66,118,0.3); color:var(--text); box-sizing: border-box; }/*wh*/ .key_info8_sh::after { content: ""; clear: both; display: table; } .key_info9_sh{box-shadow: 1px 1px 5px 1px rgba(247,245,240,0.3); width: 48vw; background-color: rgba(23,66,118,0.5);color:#FFF; position:absolute; top:34%; left: 50%; box-sizing: border-box; } .key_info9_in{width: 98%; } .key_info9_in::after { content: ""; clear: both; display: table; } .key_info10_sh{box-shadow: 1px 1px 5px 1px rgba(247,245,240,0.5); width: 48vw; background-color: rgba(245,245,245,0.5);color:#FFF; position:absolute; top:34%; left: 50%; box-sizing: border-box; } .key_info10_in{width: 98%; } .key_info10_in::after { content: ""; clear: both; display: table; } .key_info_ti_free{padding: 1em; margin: 0; color: var(--text); font-size:133.3% !important;} .key_info_ti{padding: 1em 2em;/* margin-bottom: 5px;*/} .k_in_dec{font-weight: bold; font-size:110%;} .k_in_dec02{font-weight: bold; font-size:100%;} .k_in_dec03{color:#FFF; font-weight: bold; padding: 0.5em 1em ; background: var(--orange); border-radius: 5px; text-decoration: none; font-size: 120%; float: right; /*margin-right: 20px; margin-top: 20px;*/} /*.k_in_dec04{color:#FFF; font-weight: bold; padding: 0.5em 1em ; background: var(--orange); border-radius: 5px; text-decoration: none; font-size: 120%; float: right; }*/ .k_in_dec04{ display: block; width: 10.5em; text-align: center; box-sizing: border-box; margin: 0.5em auto; color:#FFF; font-weight: bold; padding: 0.5em 1em ; background: var(--orange); border-radius: 5px; text-decoration: none; font-size: 1.8rem;} .k_in_dec05{font-weight: bold; font-size:110%;} .k_in_dec06{ display: block; width: /*10.5em*/80%; text-align: center; box-sizing: border-box; margin: 0.5em auto; color:#FFF; font-weight: bold; padding: 0.5em 1em ; background: var(--orange); border-radius: 5px; text-decoration: none; font-size: 1.8rem;} /* TOP contents --------------------------------------------------------------------------------------------------------------------*/ .top_h2_base{ font-size: 2.8rem; margin: 0 0 1em; line-height: 1.2; } .k_in_btn01{color:#FFF; font-weight: bold; padding: 0.5em 1em ; background: #005DA2; border-radius: 5px; text-decoration: none; font-size: 120%; float: right; /*margin-right: 20px; margin-top: 20px;*/} .k_in_btn_left{color:#FFF; font-weight: bold; padding: 0.5em 1em ; background: #005DA2; border-radius: 5px; text-decoration: none; font-size: 120%; /*margin-right: 20px; margin-top: 20px;*/} .k_in_btn_left_bottom{color:#FFF; font-weight: bold; padding: 0.5em 1em ; background: #005DA2; border-radius: 5px; text-decoration: none; font-size: 120%; margin-left: 70px;/* margin-top: 20px;*/} .k_in_btn02{color:#FFF; font-weight: bold; padding: 0.5em 1em ; background: #0099C4; border-radius: 5px; text-decoration: none; font-size: 120%; float: right; /*margin-right: 20px; margin-top: 20px;*/} .k_in_btn03{ display: block; width: /*10.5em*/80%; text-align: center; box-sizing: border-box; margin: 0.5em auto; color:#FFF; font-weight: bold; padding: 0.5em 1em ; background: var(--orange); border-radius: 5px; text-decoration: none; font-size: 1.8rem;} .k_in_btn04{ display: block; width: /*10.5em*/80%; text-align: center; box-sizing: border-box; margin: 0.5em auto; color:#FFF; font-weight: bold; padding: 0.5em 1em ; background: var(--orange); border-radius: 5px; text-decoration: none; font-size: 1.8rem;} .k_in_btn_en{color:#FFF; font-weight: bold; padding: 0.5em 1em ; background: var(--orange); border-radius: 5px; text-decoration: none; font-size: 120%; float: right; /*margin-right: 20px; margin-top: 20px;*/} .k_in_btn_left_inevent{color:#FFF; font-weight: bold; padding: 0.5em 1em ; background:/* #005DA2*/var(--orange); border-radius: 5px; text-decoration: none; font-size: 120%;/* margin-left: 70px;*//* margin-top: 20px;*/} .k_in_btn_left_inevent:hover{ opacity: 0.8; color:#FFF;} .k_in_btn_left_inec{color:#FFF; font-weight: bold; padding: 0.5em 1em ; background: var(--orange); border-radius: 5px; text-decoration: none; font-size: 120%; margin-left: 70px;/* margin-top: 20px;*/} .k_in_btn_left_infree{color:#FFF; font-weight: bold; padding: 0.5em 1em ; background: #0099C4; border-radius: 5px; text-decoration: none; font-size: 120%; margin-left: 70px;/* margin-top: 20px;*/} /* Learn about our solutions & services --------------------------------------------------------------- */ a.sol_box, div.sol_box{ width: 31%; display: block; color:var(--text); text-decoration: none; border: 1px solid #B7B6B6; padding: 43px 37px; box-sizing: border-box; background:#FFF; margin-bottom: 30px; } a.sol_box:hover{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text); } div.sol_box a{ text-decoration: none; } div.sol_box a:hover{ text-decoration: underline; } .cate_en{ font-size: 1.0rem; letter-spacing: 3px; margin-bottom: 1em; } .cate_en_top{ font-size: 0.666%; letter-spacing: 3px; margin-bottom: 0.5em; } .details{ display:inline-block; font-size: 1.6rem; padding-right: 20px; background:url(../images/mark/ic_arrow_right01.png) no-repeat 98% 50% ; background-size: 12px auto; text-decoration: none; color:var(--text); } .details:hover{ text-decoration: underline; } .details_en{ display:inline-block; font-size: 1.6rem; padding-right: 20px; background:url(../images/mark/ic_arrow_right01.png) no-repeat 98% 50% ; background-size: 12px auto; text-decoration: none; color:#fff; } .details_en:hover{ text-decoration: underline; } .sol_box a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } a.sol_box_500, div.sol_box_500{ width: 31%; height: 500px; display: block; color:var(--text); text-decoration: none; border: 1px solid #B7B6B6; padding: 43px 37px; box-sizing: border-box; background:#FFF; margin-bottom: 30px; } a.sol_box_500:hover{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text); } div.sol_box_500 a{ text-decoration: none; } div.sol_box_500 a:hover{ text-decoration: underline; } .sol_box_500 a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } a.sol_box_400, div.sol_box_400{ width: 31%; height: 500px; display: block; color:var(--text); text-decoration: none; border: 1px solid #B7B6B6; padding: 43px 37px; box-sizing: border-box; background:#FFF; margin-bottom: 30px; } a.sol_box_400:hover{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text); } div.sol_box_400 a{ text-decoration: none; } div.sol_box_400 a:hover{ text-decoration: underline; } .sol_box_400 a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } /*Practical Law Dynamic Tool Set*/ a.sol_box_300_pl, div.sol_box_300_pl{ width: 31%; height: 450px; display: block; color:var(--text); text-decoration: none; border: 1px solid #B7B6B6; padding: 43px 37px; box-sizing: border-box; background:#FFF; margin-bottom: 30px; } a.sol_box_300_pl:hover{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text); } a.sol_box_300_bl, sol_box_300_bl{ width: 31%; height: 350px; display: block; color:var(--text); text-decoration: none; border: 1px solid #B7B6B6; padding: 10px 37px; box-sizing: border-box; background:rgba(128,185,238,0.3); margin-bottom: 30px; margin-right: 50px; } a.sol_box_300_bl{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text); } div.sol_box_300_bl a{ text-decoration: none; } div.sol_box_300_bl a:hover{ text-decoration: underline; } a.sol_box_300_lb, sol_box_300_lb{ width: 31%; height: 350px; display: block; color:var(--text); text-decoration: none; border: 1px solid #B7B6B6; padding: 10px 37px; box-sizing: border-box; background:rgba(23,66,118,0.3); margin-bottom: 30px; margin-right: 47px; } a.sol_box_300_lb{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text); } div.sol_box_300_lb a{ text-decoration: none; } div.sol_box_300_lb a:hover{ text-decoration: underline; } a.sol_box_300, sol_box_300{ width: 31%; height: 350px; display: block; color:var(--text); text-decoration: none; border: 1px solid #B7B6B6; padding: 10px 37px; box-sizing: border-box; background:#fff); margin: 25px 10px;} a.sol_box_300{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text); } div.sol_box_300 a{ text-decoration: none; } div.sol_box_300 a:hover{ text-decoration: underline; } /* ticker --------------------------------------------------------------- */ .ticker { position: relative; background:#727171; margin-bottom: 57px; height: 52px; width: 100%; box-sizing:border-box; padding: 0 0 0 140px; } .ticker > div { width: 100%; height: 52px; padding: 10px 0; overflow: hidden; box-sizing: border-box; } .ticker > div.first { border-bottom: none; } .ticker dl { display: block; margin: 0; } .ticker dt, .ticker dd { display: block; float: left; margin: 0 10px; padding: 5px 10px; font-size: 80%; } .ticker dt { color: #fff; padding-left: 1000px; } .ticker dd { color: #fff; margin: 0 ; border-left: 1px solid #FFF; } .ticker dd a{ color:#FFF !important; text-decoration: none; } .ticker_logo { position: absolute; z-index: 100; top: 0px; left: 0px; } .ticker_menu { position: absolute; right: 0; top: 0; width: 52px; height: 52px; box-sizing: border-box; cursor : pointer; z-index: 100; } /* Recent insights --------------------------------------------------------------- */ a.insights_box, div.insights_box{ width: 31%; display: block; color:var(--text); text-decoration: none; border: 1px solid #B7B6B6; box-sizing: border-box; background:#FFF; margin-bottom: 30px; } a.insights_box:hover{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text); } .insights_box img{ width: 100%; margin-bottom: 0; line-height: 0; } .insights_txt{ line-height: 1.4; box-sizing: border-box; padding: 42px 34px 20px; } .insights_box h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } a.insights_box_legal, div.insights_box_legal{ width: 24%; display: block; color:var(--text); text-decoration: none; border: 1px solid #B7B6B6; box-sizing: border-box; background:#FFF; margin-bottom: 30px; } a.insights_box_legal:hover{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text);} .insights_box_legal img{ width: 100%; margin-bottom: 0; line-height: 0; } .insights_txt_legal{ line-height: 1.4; padding: 42px 34px 20px; } .insights_box_legal h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 106.66%; } a.insights_box_500, div.insights_box_500{ width: 31%; /*height: 500px;*/ height: 530px; display: block; color:var(--text); text-decoration: none; border: 1px solid #B7B6B6; box-sizing: border-box; background:#FFF; margin-bottom: 30px; } a.insights_box_500:hover{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text); } .insights_box_500 img{ width: 100%; margin-bottom: 0; line-height: 0; } .insights_txt{ line-height: 1.4; box-sizing: border-box; padding: 42px 34px 20px; } .insights_box_500 h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } a.insights_box_400, div.insights_box_400{ width: 31%; /*height: 500px;*/ height: 400px; display: block; color:var(--text); text-decoration: none; border: 1px solid #B7B6B6; box-sizing: border-box; background:#FFF; margin-bottom: 30px; } .insights_box_400 img{ width: 100%; margin-bottom: 0; line-height: 0; } .insights_txt{ line-height: 1.4; box-sizing: border-box; padding: 42px 34px 20px; } .insights_box_400 h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 106.66%; } .insights_box_400 a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: var(--minimedBlue); font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: #fff!important; border: 1px solid var(--minimedBlue); margin: 30px auto 0;} .insights_box_400 a.plbtn_blue:hover{opacity: .7;} a.external_box_400, div.external_box_400{ width: 23%; /*height: 500px;*/ height: 400px; display: block; color:var(--text); text-decoration: none; border: 1px solid #B7B6B6; box-sizing: border-box; background:#FFF; margin-bottom: 30px; } .external_box_400 img{ width: 100%; margin-bottom: 0; line-height: 0;} .external_box_txt{ line-height: 1.4; box-sizing: border-box; padding: 42px 34px 20px; } .external_box_400 h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 106.66%; } .external_box_400 a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: var(--minimedBlue); font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: #fff!important; border: 1px solid var(--minimedBlue); margin: 30px auto 0;} .external_box_400 a.plbtn_blue:hover{opacity: .7;} .details_list{ line-height: 1.8; } .details_list a{ text-decoration: none; } .details_list a:hover{ text-decoration: underline; color:var(--text); } /* Spotlight ---------------------------------------------------------------------*/ .spotlight_col{ background:var(--lightSilver); padding: 50px 0 ; } .spotlight_box{width: 31%; background: url(../images/top/spotlight01.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; } .spotlight_box:hover{ text-decoration: none; color:#FFF; box-shadow: 0 0 5px rgba(0,0,0,.3); } .spotlight_txt{ padding: 25% 30px 30px;} .spotlight_ttl{ font-size: 200%; margin-bottom: 1.5em; font-weight: bold; } .wjln_box{width: 31%; background: url(../images/key/wjln.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; } .wjln_box:hover{ text-decoration: none; color:#FFF; box-shadow: 0 0 5px rgba(0,0,0,.3); } .wjln_txt{ padding: 25% 30px 30px;} .wjln_ttl{ font-size: 200%; margin-bottom: 1.5em; font-weight: bold; } .wjln_box_500{width: 31%; height: 500px; background: url(../images/key/wjln.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; } .wjln_box_400{width: 31%; height: 400px; background: url(../images/key/wjln.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; } .spotlight_box_ln{width: 62%; background: url(../images/top/spotlight01.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; } .spotlight_box_ln:hover{ text-decoration: none; color:#FFF; box-shadow: 0 0 5px rgba(0,0,0,.3); } .banner_box_ln{width: 100%; background: url(../images/key/event.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; } .banner_box_ln:hover{ text-decoration: none; color:#FFF; box-shadow: 0 0 5px rgba(0,0,0,.3); } .banner_txt{ padding: 5%;} .banner_ttl{ font-size: 200%; margin-bottom: 1.5em; font-weight: bold; } .banner_txt_en{ padding: 5%;} .spotlight_box_500{width: 31%; height: 500px; background: url(../images/top/spotlight01.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; } .spotlight_box_400{width: 31%; height: 400px; background: url(../images/top/spotlight01.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; } .spotlight_box02_500{width: 31%; height: 500px; background: url(../images/top/spotlight01_02.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; } .spotlight_box02_400{width: 31%; height: 400px; background: url(../images/top/spotlight01_02.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; } .spotlight_box03_400{width: 31%; height: 400px; background: url(../images/top/spotlight01_03.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; } .tab_wrap{ margin-bottom: 2em; } input[type="radio"]{display:none;} .tab_area{font-size:0;} .tab_area label{display:inline-block; padding:10px 2px; color:#3e3a39; font-size:1rem; cursor:pointer; transition:ease 0.2s opacity; box-sizing:border-box; } .tab_area label.tab1_label{ width:130px; font-size: 15px; padding: 0.5em 1em; margin: 2em 0;font-weight: bold;color: var(--text); background: #FFF;border: solid 3px #E2E2E2;border-radius: 10px;} .tab_area label.tab2_label{width:130px; font-size: 15px; padding: 0.5em 1em; margin: 2em 0;font-weight: bold;color: var(--text);background: #FFF;border: solid 3px #E2E2E2; border-radius: 10px; margin-left: 30px; } .tab_area label.tab3_label{ padding-left: 50px; width:150px; background: url(..../images/common/ic_short.png) no-repeat #eaf4f6 10px center;background-size: 32px 48px; } .tab_area label.tab4_label{ padding-left: 50px; width:130px;background: url(..../images/common/ic_tv.png) no-repeat #b5cfdb 5px center; } /*.tab_area label:hover{opacity:0.5;}*/ .panel_area{background:#fff;} .tab_panel{width:100%; padding: 1em; display:none; box-sizing: border-box; } .tab_panel p{} /*#tab1:checked ~ .tab_area .tab1_label{background: url(..../images/common/ic_am.png) no-repeat #b5cfdb 10px center; color:#3e3a39; }*/ #tab1:checked ~ .panel_area #panel1{display:block; } /*#tab2:checked ~ .tab_area .tab2_label{ background: url(..../images/common/ic_fm.png) no-repeat #cee1e7 5px center; color:#3e3a39; }*/ #tab2:checked ~ .panel_area #panel2{display:block; } /*#tab3:checked ~ .tab_area .tab3_label{background: url(..../images/common/ic_short.png) no-repeat #eaf4f6 10px center; color:#3e3a39; background-size: 32px 48px; }*/ #tab3:checked ~ .panel_area #panel3{display:block; } /*#tab4:checked ~ .tab_area .tab4_label{background: url(..../images/common/ic_tv.png) no-repeat #b5cfdb 5px center; color:#3e3a39; }*/ #tab4:checked ~ .panel_area #panel4{display:block;} .radio_box{ min-height: 310px; } .radio_txt{ float: left; width: 25%; font-size: 0.7rem; } /* WHATS NEW ---------------------------------------------------------------------*/ .whatsnew_box{ border: 1px solid #B7B6B6; width: 31%; background:#FFF; padding: 40px 35px; box-sizing: border-box; } .whatsnew_box dt{ font-weight: bold; margin-bottom: 0.8em; } .whatsnew_box dd{ margin-bottom: 1.2em; } .whatsnew_box dd a{ text-decoration: none; color:var(--text); } .whatsnew_box dd a:hover{ text-decoration: underline; } .whatsnew_box_500{ border: 1px solid #B7B6B6; width: 31%; height: 500px; background:#FFF; padding: 40px 35px; box-sizing: border-box; overflow: auto; } .whatsnew_box_500 dt{ font-weight: bold; margin-bottom: 0.8em; } .whatsnew_box_500 dd{ margin-bottom: 1.2em; } .whatsnew_box_500 dd a{ text-decoration: none; color:var(--text); } .whatsnew_box_500 dd a:hover{ text-decoration: underline; } .whatsnew_box_400{ border: 1px solid #B7B6B6; width: 31%; height:400px; background:#FFF; padding: 40px 35px; box-sizing: border-box; overflow: auto; } .whatsnew_box_400 dt{ font-weight: bold; margin-bottom: 0.8em; } .whatsnew_box_400 dd{ margin-bottom: 1.2em; } .whatsnew_box_400 dd a{ text-decoration: none; color:var(--text); } .whatsnew_box_400 dd a:hover{ text-decoration: underline; } .whatsnew_box_en{ border: 1px solid #B7B6B6; width: 31%; height: 400px; background:#FFF; padding: 40px 35px; box-sizing: border-box; /* overflow: scroll;*/ } .whatsnew_box_en dt{ font-weight: bold; margin-bottom: 0.8em; } .whatsnew_box_en dd{ margin-bottom: 1.2em; } .whatsnew_box_en dd a{ text-decoration: none; color:var(--text); } .whatsnew_box_en dd a:hover{ text-decoration: underline; } .expansion{text-align:right; margin-right:10px;} /* contact ---------------------------------------------------------------------*/ .top_contact_box{ float: left; width: 33%; text-align:center; padding: 60px 0 50px; } .top_contact_ttl{ font-size: 2.2rem; font-weight: bold; } .top_contact_txt{ font-size: 1.3rem; font-weight: bold; margin-bottom: 3em; } .access_pic{ margin: 13px 0;} .infobox{width: 470px; margin: 25px auto; padding: 12px 18px 5px; border: 1px solid #D9D9D9; }/* FOR CUSTOMER CONTACT */ /*=== NEXT contents ===========================================================================================================================================================================*/ /* key --------------------------------------------------------------------------------------------------------------------*/ .key2_col{ margin-bottom: 0; } .key2_bkg{ width: 100%; height: 374px; margin: auto; position: relative; } .key2_bkg_ec{ width: 100%; height: 400px; margin: auto; position: relative; } .key2_bkg_ann{ width: 100%; height: 600px; margin: auto; position: relative; } .key2_bkg_eblu{ width: 100%; height: 374px; margin: auto; position: relative; } .key2_bkg_ipd{ width: 100%; height: 374px; margin: auto; position: relative; } .key2_bkg_fam{ width: 100%; height: 374px; margin: auto; position: relative; } .key2_bkg_kids{ width: 100%; height: 374px; margin: auto; position: relative; } .key2_txt{ position: absolute; color:#FFF; top: 130px; left: 24px; } .key2_txt_eblu{ position: absolute; color:var(--minimedBlue); top: 130px; left: 24px; } .key2_txt_fam{ position: absolute; color:var(--minimedBlue); top: 130px; left: 24px; } .key2_txt_kids{ position: absolute; color:var(--minimedBlue); top: 130px; left: 24px; } .key2_txt_gr{ position: absolute; color:#D4D4D; top: 130px; left: 24px; } .key2_txt_free{ position: absolute; color:#FFF; top: 34%; left: 24px; width: calc( 50% - 24px); } .key2_txt_en{ position: absolute; color:#FFF; top: 34%; left: 24px; width: calc( 50% - 24px); } .key2_txt_ann{ position: absolute; color:#FFF; top: 130px; left: 24px; } .key2_ttl{ font-size: 420%/*6.3rem*/; margin-bottom: 15px; line-height: 1.1; } .key2_ttl_bp{ font-size: 400%/*6.3rem*/; margin-bottom: 15px; line-height: 1.1; } .key2_ttl_ds{ font-size: 420%/*6.3rem*/; margin-bottom: 15px; line-height: 1.1; text-shadow:3px 3px 4px #666666;} .key2_ttl_dds{ font-size: 420%/*6.3rem*/; margin-bottom: 15px; line-height: 1.1; text-shadow:3px 3px 4px var(--text);} .key2_ttl_lds{ font-size: 420%/*6.3rem*/; margin-bottom: 15px; line-height: 1.1; text-shadow:3px 3px 4px #AFAFAF;} .key2_ttl_eblu{ font-size: 350%; margin-bottom: 15px; line-height: 1.1; text-shadow:3px 3px 4px #AFAFAF;} .key2_ttl_ec{ font-size: 350%/*6.3rem*/; margin-bottom: 15px; line-height: 1.1; text-shadow:3px 3px 4px #666666;} .key2_ttl_ec_new{ font-size: 200%/*6.3rem*/; margin-bottom: 15px; line-height: 1.1; text-shadow:3px 3px 4px #666666;} .key2_ttl_free{ font-size: 5.3vw; line-height: 1.1; } .key2_ttl_en{ font-size: 5.3vw; line-height: 1.1; } .key2_ttl_fam{ font-size: 350%; margin-bottom: 15px; line-height: 1.1; text-shadow:3px 3px 4px #AFAFAF;} .key2_ttl_kids{ font-size: 350%; margin-bottom: 15px; line-height: 1.1; text-shadow:3px 3px 4px #AFAFAF;} .press{ background: url(../images/key/press.png) no-repeat; background-size: cover; } .english{ background: url(../images/key/english.png) no-repeat; background-size: cover; } .key2_bkg_app{ width: 1215px; height: 374px; margin: auto; position: relative; } .key2_txt_app{ position: absolute; color:#FFF; top: 130px; left: 24px; } .key2_ttl_app{ font-size: 420%/*6.3rem*/; margin-bottom: 15px; line-height: 1.1; text-shadow:3px 3px 4px #666666;} .company{ background: url(../images/key/company.png) no-repeat; background-size: cover; } .company_top{ background: url(../images/key/company_top.png) no-repeat; background-size: cover; } .company_career{ background: url(../images/key/company_career.png) no-repeat; background-size: cover; } .company_alliance{ background: url(../images/key/company_alliance.png) no-repeat; background-size: cover; } .company_media{ background: url(../images/key/company_media.png) no-repeat; background-size: cover; } .company_history{ background: url(../images/key/company_history.png) no-repeat; background-size: cover; } .company_access{ background: url(../images/key/company_access.png) no-repeat; background-size: cover; } .event{ background: url(../images/key/event.png) no-repeat; background-size: cover; } .l_alert{ background: url(../images/key/l_alert.png) no-repeat; background-size: cover; } .westlaw_japan{ background: url(../images/key/westlaw_japan.png) no-repeat; background-size: cover; } .westlawnext{ background: url(../images/key/westlawnext.png) no-repeat; background-size: cover; } .westlaw_china{ background: url(../images/key/westlaw_china.png) no-repeat; background-size: cover; } .westlaw_india{ background: url(../images/key/westlaw_india.png) no-repeat; background-size: cover; } .westlaw_middleeast{ background: url(../images/key/westlaw_middleeast.png) no-repeat; background-size: cover; } .westlaw_doctrinal{background: url(../images/key/westlaw_doctrinal_plus.png) no-repeat; background-size: cover; } .westlaw_checkpoint{ background: url(../images/key/westlaw_checkpoint.png) no-repeat; background-size: cover; } .westlaw_academicsuite{ background: url(../images/key/westlaw_academicsuite.png) no-repeat; background-size: cover; } .westlaw_asia{ background: url(../images/key/westlaw_asia.png) no-repeat; background-size: cover; } .practical_law{ background: url(../images/key/practical_law.png) no-repeat; background-size: cover; } .contract_ex{ background: url(../images/key/contract_ex.png) no-repeat; background-size: cover; } .compliance_learn{ background: url(../images/key/compliance_learn.png) no-repeat; background-size: cover; } .global_trade_content{ background: url(../images/key/gtc.png) no-repeat; background-size: cover; } .global_trade_management{ background: url(../images/key/gtm.png) no-repeat; background-size: cover; } .denied_party_screening{ background: url(../images/key/dps.png) no-repeat; background-size: cover; } .WLJP-BasicPackage{ background: url(../images/key/WLJP-BasicPackage.png) no-repeat; background-size: cover; } .WLJP-ec{ background: url(../images/key/WLJP-BasicPackage_ec_pre.png) no-repeat; background-size: cover; } .WLJP-ec_pre{ background: url("../images/key/WLJP-BasicPackage_ec_pre.png") no-repeat; background-size: cover; } .solutions{ background: url(../images/key/solutions.png) no-repeat; background-size: cover; } .compliance_learning{ background: url(../images/key/compliance_learning.png) no-repeat; background-size: cover; } .freetrial{ background: url(../images/key/freetrial.png) no-repeat; background-size: cover; } .search{ background: url(../images/key/search.png) no-repeat; background-size: cover; } .contact{ background: url(../images/key/contact.png) no-repeat; background-size: cover; } .support{ background: url(../images/key/support.png) no-repeat; background-size: cover; } .support_qa{ background: url(../images/key/westlaw_japan.png) no-repeat; background-size: cover; } .calendar{ background: url(../images/key/calender.png) no-repeat; background-size: cover; } .form_support{ background: url(../images/key/form_support.png) no-repeat; background-size: cover; } .support_training{ background: url(../images/key/support_training.png) no-repeat; background-size: cover; } .whatsnew{ background: url(../images/key/whatsnew.png) no-repeat; background-size: cover; } .p_affairs{ background: url(../images/key/p_affairs.png) no-repeat; background-size: cover; } .event_seminar{ background: url(../images/key/event_seminar.png) no-repeat; background-size: cover; } .event_premium{ background: url(../images/key/event.png) no-repeat; background-size: cover; } .event_premium_font{ background: url(../images/key/event.png) no-repeat; background-size: cover; font-family:'Knowledge2017', '�E�E�E�E�E�E�E��E�E�E�E�E�E�E��E�E�E�E�E�E�E�C�E�E�E�E�E�E�E��E�E�E�E�E�E�E��E�E�E�E�E�E�E�I', Meiryo,'Arial','Hiragino Kaku Gothic ProN','�E�E�E�E�E�E�E�q�E�E�E�E�E�E�E��E�E�E�E�E�E�E��E�E�E�E�E�E�E�M�E�E�E�E�E�E�E�m�E�E�E�E�E�E�E�p�E�E�E�E�E�E�E�S ProN W3','�E�E�E�E�E�E�E�q�E�E�E�E�E�E�E��E�E�E�E�E�E�E��E�E�E�E�E�E�E�M�E�E�E�E�E�E�E�m�E�E�E�E�E�E�E�p�E�E�E�E�E�E�E�S�E�E�E�E�E�E�E�V�E�E�E�E�E�E�E�b�E�E�E�E�E�E�E�N','Hiragino Sans','Meiryo UI',sans-serif; } .event_education{ background: url(../images/key/event.png) no-repeat; background-size: cover; } .event_casestudy{ background: url(../images/key/event.png) no-repeat; background-size: cover; } .event_report{ background: url(../images/key/event.png) no-repeat; background-size: cover; } .event_society{ background: url(../images/key/conference_info.png) no-repeat; background-size: cover; } .terms-conditions{ background: url(../images/key/terms-conditions.png) no-repeat; background-size: cover; } .privacy-policy{ background: url(../images/key/privacy-policy.png) no-repeat; background-size: cover; } .sitemap{ background: url(../images/key/sitemap.png) no-repeat; background-size: cover; } .notation{ background: url(../images/key/notation.png) no-repeat; background-size: cover; } .browser{ background: url(../images/key/browser.png) no-repeat; background-size: cover; } .tobira{ background: url(../images/key/tobira.png) no-repeat; background-size: cover; } .legislation_laws{ background: url(../images/key/legislation_laws.png) no-repeat; background-size: cover; } .case{ background: url(../images/key/case.png) no-repeat; background-size: cover; } .WJLR{ background: url(../images/key/LawReview.png) no-repeat; background-size: cover; } .WJLR_sougou{ background: url(../images/key/LawReview.png) no-repeat; background-size: cover; } .sales_web{ background: url(../images/key/sales_web.png) no-repeat; background-size: cover; } .sales_guide{ background: url(../images/key/sales_web.png) no-repeat; background-size: cover; } .column_law{ background: url(../images/key/column_law.png) no-repeat; background-size: cover; } .column-law_archive{ background: url(../images/key/column_law.png) no-repeat; background-size: cover; } .column_archive{ background: url(../images/key/column_law.png) no-repeat; background-size: cover; } .column_law_new{ background: url(../images/key/column_law.png) no-repeat; background-size: cover; } .study{ background: url(../images/key/study.png) no-repeat; background-size: cover; } .houreikaisetsu{ background: url(../images/key/houreikaisetsu.png) no-repeat; background-size: cover; } .legal_navi{ background: url(../images/key/legal_navi.png) no-repeat; background-size: cover; } .legal{ background: url(../images/key/legal.png) no-repeat; background-size: cover; } .sales_advertisement{ background: url(../images/key/sales_web.png) no-repeat; background-size: cover; } .sales_study{ background: url(../images/key/sales_web.png) no-repeat; background-size: cover; } .sales_pressrelease{ background: url(../images/key/sales_web.png) no-repeat; background-size: cover; } .sales_seminar{ background: url(../images/key/sales_web.png) no-repeat; background-size: cover; } .sales_premium{ background: url(../images/key/sales_web.png) no-repeat; background-size: cover; } .sales_case{ background: url(../images/key/sales_web.png) no-repeat; background-size: cover; } .sales_brochure-international{ background: url(../images/key/sales_web.png) no-repeat; background-size: cover; } .sales_brochure{ background: url(../images/key/sales_web.png) no-repeat; background-size: cover; } .sales_anniversary{ background: url(../images/key/sales_anniversary.png) no-repeat; background-size: cover; } .anniversary{ background: url("../images/key/anniversary_scroll.png") no-repeat; background-size: cover; background-attachment: fixed; background-position: top; /*background-size: cover;*/ background-repeat: no-repeat;} .highq{ background: url(../images/key/highq.png) no-repeat; background-size: cover; } .anniversary_content{ background: url(../images/key/anniversary_scroll.png) no-repeat; background-size: cover; } .CTAVol1{ background: url(../images/key/CTAVol1.png) no-repeat; background-size: cover; } .CTAVol2{ background: url(../images/key/CTAVol2.png) no-repeat; background-size: cover; } .Legal_Tracker{ background: url(../images/key/LT.png) no-repeat; background-size: cover; } .regulatory_intelligence{ background: url(../images/key/regulatory_intelligence.png) no-repeat; background-size: cover; } .WLJP-logo{ background: url(../images/key/WLJP-logo.png) no-repeat; background-size: cover; } .DL_report01{ background: url(../images/key/DL_report01.png) no-repeat; background-size: cover; } .DL_report02{ background: url(../images/key/DL_report02.png) no-repeat; background-size: cover; } .DL_report03{ background: url(../images/key/DL_report03.png) no-repeat; background-size: cover; } .DL_report04{ background: url(../images/key/DL_report04.png) no-repeat; background-size: cover; } .DL_report05{ background: url(../images/key/DL_report05.png) no-repeat; background-size: cover; } .DL_report06{ background: url(../images/key/DL_report06.png) no-repeat; background-size: cover; } .DL_report07{ background: url(../images/key/DL_report07.png) no-repeat; background-size: cover; } .DL_report08{ background: url(../images/key/DL_report08.png) no-repeat; background-size: cover; } .DL_report09{ background: url(../images/key/DL_report09.png) no-repeat; background-size: cover; } .DL_report10{ background: url(../images/key/DL_report10.png) no-repeat; background-size: cover; } .DL_report11{ background: url(../images/key/DL_report11.png) no-repeat; background-size: cover; } .DL_report12{ background: url(../images/key/DL_report12.png) no-repeat; background-size: cover; } .DL_report13{ background: url(../images/key/DL_report13.png) no-repeat; background-size: cover; } .covid19_info{ background: url(../images/key/covid19_info.png) no-repeat; background-size: cover; } .btn_more{ display:inline-block; color:#FFF; font-weight: bold; padding: 0.5em 1.5em ; background: var(--orange); border-radius: 10px; text-decoration: none; font-size: 133%; } .btn_more:hover{ opacity: 0.8; color:#FFF; } .btn_more_sm{ display:inline-block; color:#FFF; font-weight: bold; padding: 0.1em 0.5em ; background: var(--orange); border-radius: 10px; text-decoration: none; font-size: 133%; } .btn_more_sm:hover{ opacity: 0.8; color:#FFF; } .btn_more_gr{ display:inline-block; color:#FFF; font-weight: bold; padding: 0.5em 1.5em ; background: #575A57; border-radius: 10px; text-decoration: none; font-size: 133%; } .btn_more_gr:hover{ opacity: 0.8; color:#FFF;} .btn_more_wh{ display:inline-block; color:var(--text); font-weight: bold; padding: 0.5em 1.5em ; background: #fff; border-radius: 10px; border: 1px solid var(--text)!important; text-decoration: none; font-size: 133%; } .btn_more_wh:hover{ /*opacity: 0.8;*/ background-color: var(--text); color:#FFF;} .btn_ora_w700{ display:inline-block; color:#FFF; font-weight: bold; padding: 0.5em 1.5em ; background: var(--orange); border-radius: 10px; text-decoration: none; font-size: 133%; width: 600px; } .btn_ora_w700:hover{ opacity: 0.8; color:#FFF;} /*WJLP-EC*/ .btn_ora_w300{ display:inline-block; color:#FFF; font-weight: bold; padding: 0.5em 1.5em ; background: var(--orange); border-radius: 10px; text-decoration: none; font-size: 133%; width: 300px; } .btn_ora_w300:hover{ opacity: 0.8; color:#FFF;} .btn_ora_w300_ec{ display:inline-block; color:#FFF; font-weight: bold; padding: 0.5em 1.5em ; background: var(--orange); border-radius: 10px; text-decoration: none; font-size: 133%; width: 250px; } .btn_ora_w300_ec:hover{ opacity: 0.8; color:#FFF;} .btn_more_event{ display:inline-block; color:#FFF; font-weight: bold; padding: 0.1em 1.5em ; background: var(--orange); border-radius: 10px; text-decoration: none; font-size: 133%; } .btn_more_event:hover{ opacity: 0.8; color:#FFF; } .btn_more_legal{ display:inline-block; color:#FFF; font-weight: bold; padding: 0.3em 0.5em ; background: var(--orange); border-radius: 10px; text-decoration: none; font-size: 133%; width: 400px; } .btn_more_lt{ display:inline-block; color:#FFF; font-weight: bold; padding: 0.3em 0.5em ; background: var(--orange); border-radius: 10px; text-decoration: none; font-size: 133%; width: 380px; margin-left: 20px; } .btn_more_lt_dl{ display:inline-block; color:#FFF; font-weight: bold; padding: 0.3em 0.5em ; background: var(--orange); border-radius: 10px; text-decoration: none; font-size: 133%; width: 400px; margin-left: 20px; } .btn_more_lt_demo{ display:inline-block; color:#FFF; font-weight: bold; padding: 0.3em 0.5em ; background: var(--orange); border-radius: 10px; text-decoration: none; font-size: 133%; width: 380px; margin-left: 40px; } .btn_more_lt_demo2{ display:inline-block; color:#FFF; font-weight: bold; padding: 0.3em 0.5em ; background: var(--orange); border-radius: 10px; text-decoration: none; font-size: 133%; width: 350px; margin-left: -30px; } .btn_more_de{ display:inline-block; color:#FFF; font-weight: bold; padding: 0.3em 0.5em ; background: var(--orange); border-radius: 10px; text-decoration: none; font-size: 133%; width: 100%; } .btn_more_law{ display:inline-block; color:#FFF; font-weight: bold; padding: 0.3em 0.5em; background: var(--orange); border-radius: 10px; text-decoration: none; font-size: 133%; width: 250px;margin-left: 200px;text-align: center; } .btn_more_law:hover{ opacity: 0.8; color:#FFF;} .mid_nav_col{ width: 100%; z-index: 300; } .mid_nav_col.fixed{ position: fixed; top: 0; } .mid_nav_sp{ padding: 1em 22px 1em 12px; margin-bottom: 0px; box-sizing: border-box; border-left: 4px solid #FFF; border-bottom: 1px solid #B7B6B6; text-decoration: none; background: url(../images/mark/ic_arrow_ora_down01.png) no-repeat 98% 50% #FFF; background-size: 12px auto; font-size: 1.4rem; margin-bottom: 20px; } .mid_nav_sp.active{ background:url(../images/mark/ic_arrow_ora_up01.png) no-repeat 98% 50% #FFF; background-size: 12px auto; margin-bottom: 0px; } .mid_nav_box{ display: none; border-bottom: 1px solid #B7B6B6; padding: 0 0 5px; margin: 0 0 20px; } .mid_nav_box > .inner{ width: 100%; } .mid_nav { background:#FFF; overflow-y:scroll; height: 150px; } .mid_nav::-webkit-scrollbar{width:10px;} .mid_nav::-webkit-scrollbar-track{background:#dddddd;} .mid_nav::-webkit-scrollbar-thumb{background:#c1c1c1;} .mid_nav > li{ display:block; border-bottom: 1px solid #B7B6B6; } .mid_nav > li:last-child{ border-bottom:none ; } .mid_nav > li > a{ display: block; color: var(--text); text-decoration: none; height: 50px; line-height: 50px; font-size: 86.6666%; padding: 0 15px; } .mid_nav > li > a.on { color: var(--text); border-left: 5px solid var(--minimedBlue); } .mid_nav > li > a:hover { color: var(--text); opacity: 0.8; } .mid_nav > li:hover { -webkit-transition: all .5s; transition: all .5s; } .mid_nav li .mid_1st_item_pc{ display: none; } .mid_1st_item_sp{ cursor: pointer; display: block; color: var(--text); text-decoration: none; height: 50px; line-height: 50px; font-size: 86.6666%; padding: 0 15px; } .mid_1st_item_sp.on { color: var(--text); border-left: 5px solid var(--minimedBlue); } ul.mid_2nd_item { display: none; border-top: 1px solid #B7B6B6; } ul.mid_2nd_item > li { border-bottom: 1px solid #B7B6B6; } ul.mid_2nd_item > li > a{ display: block; color: var(--text); text-decoration: none; height: 50px; line-height: 50px; font-size: 86.6666%; padding: 0 15px 0 30px; } ul.mid_2nd_item > li > a:hover { color: var(--text); opacity: 0.8; } ul.mid_2nd_item > li > a:before {content: "- " } .mid_nav_01 { height: 50px!important; } .mid_nav_02 { height: 100px!important; } .imgcontents_cs{width:350px; float:left; margin-right: 15px; } .imgcontents_cs_sm{width:250px; float:left; margin-right: 15px; } .imgcontents_cs_wide{width:700px; float:left; margin-right: 20px; } .side_nav_pc{ display: none; } .side_nav_pc_sh{ display: none; } .side_nav_sp{width: 100%; border-top: 2px solid #a1a1a1; background:#FFF; } .side_nav_sp ul li{ border-bottom: 2px solid #a1a1a1; display:table; width: 100%; } .side_nav_sp ul li a{ display: table-cell; padding: 0 1.5em; height: 70px; vertical-align: middle; text-decoration: none; background: url(../images/mark/ic_arrow_right01.png) no-repeat 98% center; background-size: 16px auto; } /* column --------------------------------------------------------------------------------------------------------------------*/ .col_gray{background:#f5f5f5; padding: 50px 0 ; } .col_wh{ background:#FFF; padding: 50px 0 ; } .col_wh_kokuti{ background:#FFF; padding: 10px 0 ; } .col_dgray_top{ background:var(--text); padding: 50px 0 ; } .col_wh_top{ background:#FFF; padding: 0 0 50px 0 ; } .col_comic{ background-image: url("../images/lower/comickansou_bk.png");/* background-position: left top;*/ background-repeat: repeat-y; background-position: center; padding: 0 0 50px 0 ; } .col_green{background:#D8EEEB; padding: 50px 0 ; } .col_pink{background:#fbe4ee; padding: 50px 0 ; } .book-index{} .book-index p{ margin-bottom: 3px; } .book-index dl{ margin-bottom:1em;} .book-index dl dt{margin-left: 2em; } .book-index dl dd{ margin-left: 4em; } .book-index dl dd.indent{margin-left: 6em; } .books_org_l{float: left; padding-left: 4% !important;} .books_org_l_02{float: left; padding-left: 4% !important;} .books_org_r{padding-left: 5% !important; } .books_org_r_02{padding-left: 10% !important; } .books_org_02_l{float: left; padding-left: 4% !important;} .books_org_02_l_02{float: left; padding-left: 4% !important;} .books_org_02_r{padding-left: 4.5% !important;} .books_org_02_r_02{padding-left: 7.5% !important; } .shuryou_ka{ padding:3px 10px;border-radius:10px;background:#fff;vertical-align: middle; color:var(--orange); font-size:14px;} .dl_box{width: 100%;} .dl_fright{float: right;width: 50%;} .dl_fleft{ float: left;width: 48%; margin-right: 10px;} .box_double{ float: left; padding-right:10em; padding-left:5em; text-align:center !important;} /* Press releases --------------------------------------------------------------------------------------------------------------------*/ .p0721{margin-left:15px;} .p0721_en{margin-left:10px;} .archives{ border-top: 1px solid var(--text); margin-bottom: 1.5em; } .archives li{ border-bottom: 1px solid var(--text); font-size: 110%; color:var(--text); padding: 1em 0; } .archives li a{ display:inline-block; font-size: 146.66% ; color:/*#005da2*/var(--text); text-decoration: none; } .archives li a:hover{ text-decoration: underline; } .archives li em{ color:var(--orange); font-size: 100%; } .archives_eng{ border-top: 1px solid var(--text); margin-bottom: 1.5em; } .archives_eng li{ border-bottom: 1px solid var(--text); font-size: 110%; color:var(--text); padding: 1em 0; } .archives_eng li a{ display:inline-block; font-size: 146.66% ; color:/*#005da2*/var(--text); text-decoration: none; } .archives_eng li a:hover{ text-decoration: underline; } .archives li em{ color:var(--orange); font-size: 100%; } .m_archives{ border-top: 1px solid var(--text); margin-bottom: 1.5em; } .m_archives li{ border-bottom: 1px solid var(--text); font-size: 110%; color:var(--text); padding: 1em 0; } .m_archives li a{ display:inline-block; font-size: 146.66% ; color:var(--text); } .m_archives li a:hover{ color:#FF5900; text-decoration: underline;} .m_archives li em{ color:var(--orange); font-size: 100%; } .box_semi{width:95%; margin: 0 5%;} .txtcontents{width: 330px; float:left; } .txtcontents2{width: 330px; float:right; } /* �E�E�E�E�E�E�E�ڍ� �E�E�E�E�E�E�E�܂��E�E�E�E�E�E�E�͉��E�E�E�E�E�E�E�w�E�E�E�E�E�E�E��E�E�E�E�E�E�E��E�E�E�E�E�E�E�ʂ��E�E�E�E�E�E�E��E�E�E�E�E�E�E� */ .author{text-align:right; line-height: 1.3; padding: 13px 0px 0px; clear:both; } /*Contract Express icon*/ .ic_01{margin: 8px 20px 0px 0px; padding: 7px 0 0px 0px; background:url(../images/pic/CE/ic_01.jpg) 0px 0px no-repeat; border-bottom: none; }/* FOR Law Review */ .ic_02{margin: 8px 20px 0px 0px; padding: 7px 0 0px 0px; background:url(../images/pic/CE/ic_02.jpg) 0px 0px no-repeat; border-bottom: none; }/* FOR Law Review */ .ic_03{margin: 8px 20px 0px 0px; padding: 7px 0 0px 0px; background:url(../images/pic/CE/ic_03.jpg) 0px 0px no-repeat; border-bottom: none; }/* FOR Law Review */ .ic_04{margin: 8px 20px 0px 0px; padding: 7px 0 0px 0px; background:url(../images/pic/CE/ic_04.jpg) 0px 0px no-repeat; border-bottom: none;}/* FOR Law Review */ .ec_ic_01{margin: 8px 20px 0px 0px; padding: 7px 0 0px 0px; background:url(../images/pic/ec/ic_01.png) 0px 0px no-repeat; border-bottom: none; } .ec_ic_02{margin: 8px 20px 0px 0px; padding: 7px 0 0px 0px; background:url(../images/pic/ec/ic_02.png) 0px 0px no-repeat; border-bottom: none; } .ec_ic_03{margin: 8px 20px 0px 0px; padding: 7px 0 0px 0px; background:url(../images/pic/ec/ic_03.png) 0px 0px no-repeat; border-bottom: none; } .ec_ic_04{margin: 8px 20px 0px 0px; padding: 7px 0 0px 0px; background:url(../images/pic/ec/ic_04.png) 0px 0px no-repeat; border-bottom: none;} .appl{float:left;} .appr{float:left; padding-left:60px;} .inline-block_ec { text-align: center; } .inline-block_ec li { display: inline-block; } /* Englisih --------------------------------------------------------------------------------------------------------------------*/ .en_wjlogo_img{ width: 200px; float: left; } .en_wjlogo_txt{ width: calc(100% - 200px); float: left; } /* --------------------------------------------------------------------------------------------------------------------*/ /*.box_double_products{ float: left; padding-left:5em; padding-top:3em; width: 35%; } .box_double_products_r{ float: right; padding-right:5em; padding-top:3em; width: 35%; } .box_double_products_sd{ float: left; padding-left:5em; padding-top:7em; width: 35%; } .box_three_products_l{ float: left; padding-left:5em; width: 26%; } .box_three_products_mid{ float: left; padding-left:1em;width: 26%; } .box_three_products_r{ float: right; padding-left:1em;padding-right:5em; width: 26%;}*/ .box_pl{width:90%; margin: 0 5%; } .box_pl_hg{width:90%; margin: 0 5%; } .box_double_products{ float: left; width: 50%; box-sizing: border-box; padding: 0 2%;} .box_double_products_r{ float: right; width: 50%; box-sizing: border-box; padding: 0 2%;} .box_double_products_sd{ float: left; width: 50%; box-sizing: border-box; padding: 8% 2% 0;} .box_double_products_l{ float: left; width: 50%; box-sizing: border-box; padding: 0 2% 0 0;} .box_pl_de{width:100%; margin: 0 5%;} .box_four_products_01{ float: left; width: 25%; box-sizing: border-box; padding: 0 1%; } .box_four_products_02{ float: left; width: 25%; box-sizing: border-box; padding: 0 1%;} .box_four_products_03{ float: left; width: 25%; box-sizing: border-box; padding: 0 1%;} .box_four_products_04{ float: left; width: 25%; box-sizing: border-box; padding: 0 1%;} .box_double_products_01{ float: left; width: 70%; box-sizing: border-box; padding: 3% 2%;} .box_double_products_02{ float: right; width: 30%; box-sizing: border-box; padding: 3% 2%;} .box_pl_top{width:90%; margin: 0 5%;} .box_double_products_top{ float: left; width: 50%; box-sizing: border-box; padding: 0 2%;} .box_double_products_r_top{ float: right; width: 50%; box-sizing: border-box; padding: 0 2%;} .box_double_products_sd_top{ float: left; width: 50%; box-sizing: border-box; padding: 8% 2% 0;} .box_pl_top_ann{width:90%; margin: 0;} /*EC*/ .box_pl_ec{width:90%; margin: 0 auto;} .box_double_products_ec{ float: left; width: 10%; box-sizing: border-box; padding: 0 2%;} .box_double_products_ec_r{ float: left; width: 80%; box-sizing: border-box; padding: 0 2%;} .box_three_products_l{ float: left; width: 33.33%; box-sizing: border-box; padding: 0 1%; } .box_three_products_mid{ float: left;width: 33.33%; box-sizing: border-box; padding: 0 1%;} .box_three_products_r{ float: right; width: 33.33%; box-sizing: border-box; padding: 0 1%;} a.insights_box_300, div.insights_box_300{ width: 45%; /*height: 500px;*/ height: 400px; display: block; color:var(--text); text-decoration: none; border: 1px solid #B7B6B6; box-sizing: border-box; background:#FFF; margin-bottom: 30px; } a.insights_box_300:hover{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text); } .insights_box_300 img{ width: 100%; height: 40%; margin-bottom: 0; line-height: 0; } .insights_txt{ line-height: 1.4; box-sizing: border-box; padding: 42px 34px 20px; } .insights_box_300 h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } .col_img_rcep_ftan{background: url("../images/key/rcep-ftan.png") no-repeat; background-size: cover; background-attachment: fixed; background-position: top; /*background-size: cover;*/ background-repeat: no-repeat; padding: 50px 0;} .box-txt_ec{ display:inline-block; padding: 0.5em 1em; margin: 2em 0; font-weight: bold; border: solid 2px #B7B6B6; } .box-txt_ec li{ margin: 0; padding: 0; } .box-txt_ec_schedule{ display:inline-block; padding: 0.5em 1em; margin: 2em 0; font-weight: bold; background-color: #0099C4;color: white; /*border: solid 2px #B7B6B6;*/ } .text-sha_ec { color: #fff; -webkit-text-stroke: 2px #0099C4; text-stroke: 2px #fff; } .text-sha_ec_ora { color: #fff; -webkit-text-stroke: 2px var(--orange); text-stroke: 2px #fff; } .box-txt_ec_boxsha{ display:inline-block; padding: 2em; margin: 2em 0; font-weight: bold; border: solid 2px #B7B6B6; background-color: #fff; filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.5)); } .box-txt_ec_boxsha li{ margin: 0; padding: 0; } .box-txt_ec_boxsha_150{ display:inline-block; padding:2em 0.5em; margin: 2em 0; font-weight: bold; border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));height: 210px; } .box-txt_ec_boxsha_150 li{ margin: 0; padding: 0; } .box-txt_ec_boxsha_150 li.ec_plan_title{font-size: 133.3%; text-align: center; text-decoration: bold;} .box-txt_ec_boxsha_150 li.ec_plan_txt{ font-size: 150%; text-align: center; text-decoration: bold;color:var(--orange); letter-spacing: -4px; padding: 0!important;} .box-txt_ec_boxsha_150 li.ec_plan_title_letter{font-size: 133.3%; text-align: center; text-decoration: bold; letter-spacing: -4px;} .box-txt_ec_boxsha_150pre{ display:inline-block; padding:2em 0.5em; margin: 2em 0; font-weight: bold; border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));height: 150px;width: 230px; } .box-txt_ec_boxsha_150pre li{ margin: 0; padding: 0; } .box-txt_ec_boxsha_150pre li.ec_plan_title{font-size: 133.3%; text-align: center; text-decoration: bold;} .box-txt_ec_boxsha_150pre li.ec_plan_txt{ font-size: 150%; text-align: center; text-decoration: bold;color:var(--orange); letter-spacing: -4px; padding: 0!important;} .box-txt_ec_boxsha_150pre li.ec_plan_title_letter{font-size: 133.3%; text-align: center; text-decoration: bold; letter-spacing: -4px;} .box-txt_ec_boxsha_180{ display:inline-block; padding: 2em; margin: 2em 0; font-weight: bold; border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));height: 280px; } .box-txt_ec_boxsha_180 li{ margin: 0; padding: 0; } .box-txt_ec_boxsha_180 li.ec_merit_title{ font-size: 133.3%; text-decoration: bold; text-align: center; letter-spacing: -2px;} .box-txt_ec_boxsha_180 li.ec_merit_img{ text-align: center;margin-top: 15px;margin-bottom: 15px;} .box-txt_ec_boxsha_180 li.ec_merit_txt{ font-size: 100%; text-align: center; letter-spacing: -2px;} .box-txt_ec_boxsha_200{ display:inline-block; padding: 2em 0.5em; margin: 2em 0; font-weight: bold; border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));height: 260px; } .box-txt_ec_boxsha_200 li{ margin: 0; padding: 0; } .box-txt_ec_boxsha_200 li.ec_main_title{ font-size: 133.3%;text-decoration: bold; text-align: center;} .box-txt_ec_boxsha_200 li.ec_main_img{ font-size: 100%; text-align: center; } .ec_box_img{max-width: 100%;} .ec_box_img02{max-width: 70%;} .ec_box_img03{max-width: 100%;} .box-txt_ec_boxsha_300_up{ display:inline-block; padding: 2em 0.5em; margin: 2em 0; font-weight: bold; border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));height: 390px; background-color: } box-txt_ec_boxsha_300_up li{ margin: 0; padding: 0; } /*.box-txt_ec_boxsha_300 li img{ max-width: 100%; }*/ .box-txt_ec_boxsha_300_up li.ec_mag_title{ font-size: 133.3%;text-decoration: bold; text-align: left;line-height: 1.5;} .box-txt_ec_boxsha_300_up li.ec_mag_title02{ font-size: 133.3%;text-decoration: bold; text-align: left;line-height: 1.5; letter-spacing: -2px;} .box-txt_ec_boxsha_300_up li.ec_mag_img{ text-align: center; max-width: 100%;} .box-txt_ec_boxsha_300_up li.ec_mag_txt{font-size:100%;text-decoration: bold; } .box-txt_ec_boxsha_300{ display:inline-block; padding: 2em 0.5em; margin: 2em 0; font-weight: bold; border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));height: 430px; } .box-txt_ec_boxsha_300 li{ margin: 0; padding: 0; } /*.box-txt_ec_boxsha_300 li img{ max-width: 100%; }*/ .box-txt_ec_boxsha_300 li.ec_mag_title{ font-size: 133.3%;text-decoration: bold; text-align: left;line-height: 1.5;} .box-txt_ec_boxsha_300 li.ec_mag_title02{ font-size: 133.3%;text-decoration: bold; text-align: left;line-height: 1.5; letter-spacing: -2px;} .box-txt_ec_boxsha_300 li.ec_mag_img{ text-align: center; max-width: 100%;} .box-txt_ec_boxsha_300 li.ec_mag_txt{font-size:100%;text-decoration: bold; } .box-txt_ec_boxsha_400{ display:inline-block; padding: 2em 0.5em; margin: 2em 0; font-weight: bold; border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));height: 450px; } .box-txt_ec_boxsha_400 li{ margin: 0; padding: 0; } /*.box-txt_ec_boxsha_400 li img{ max-width: 100%; }*/ .box-txt_ec_boxsha_400 li.ec_mag_title{ font-size: 133.3%;text-decoration: bold; text-align: left;line-height: 1.5;} .box-txt_ec_boxsha_400 li.ec_mag_title02{ font-size: 133.3%;text-decoration: bold; text-align: left;line-height: 1.5; letter-spacing: -2px;} .box-txt_ec_boxsha_400 li.ec_mag_img{ text-align: center; max-width: 100%;} .box-txt_ec_boxsha_400 li.ec_mag_txt{font-size:100%;text-decoration: bold; } .box-txt_cal_boxsha_300{ display:inline-block; padding: 2em 0.5em; margin: 2em 0; font-weight: bold; border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));height: 300px; } .box-txt_cal_boxsha_300 li{ margin: 0; padding: 0; } .box-txt_cal_boxsha_300 li.ec_mag_title{ font-size: 133.3%;text-decoration: bold; text-align: left;line-height: 1.5;} .box-txt_cal_boxsha_300 li.ec_mag_img{ text-align: center; max-width: 100%;} .box-txt_cal_boxsha_300 li.ec_mag_txt{font-size:100%;text-decoration: bold; } .box-txt_cal_boxsha_500{ display:inline-block; padding: 2em 0.5em; margin: 2em 0; font-weight: bold; border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));height: 700px; } .box-txt_cal_boxsha_500 li{ margin: 0; padding: 0; } .box-txt_cal_boxsha_500 li.ec_mag_title{ font-size: 133.3%;text-decoration: bold; text-align: left;line-height: 1.5;} .box-txt_cal_boxsha_500 li.ec_mag_img{ text-align: center; max-width: 100%;} .box-txt_cal_boxsha_500 li.ec_mag_txt{font-size:100%;text-decoration: bold; } .box-txt_ec_boxsha_700{ display:inline-block; padding: 2em; margin: 2em auto; font-weight: bold; border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));height: 100px;width: 90%; } .box-txt_ec_boxsha_700 li{ margin: 0; padding: 0; } .box-txt_ec_boxsha_700 li.ec_img{ float: left;width: 20%; margin: 30 0 20 0;} .box-txt_ec_boxsha_700 li.ec_benefit_no{float: left;margin:20 20 0 20; width: 10%;} .box-txt_ec_boxsha_700 li.ec_benefit_txt{float: left;width: 60%;margin: 30 0 20 0;} .box-txt_ec_boxsha_700pre{ display:inline-block; padding: 4em 2em 0!important; margin: 2em auto; font-weight: bold; border: solid 2px #B7B6B6;background-color:#fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));height: 150px;width: 90%; } .box-txt_ec_boxsha_700pre li{ margin: 0; padding: 0; } .box-txt_ec_boxsha_700pre li.ec_img{ float: left;width: 20%; margin: 30 0 20 0;} .box-txt_ec_boxsha_700pre li.ec_benefit_no{float: left;margin:20 20 0 20; width: 10%;} .box-txt_ec_boxsha_700pre li.ec_benefit_txt{float: left;width: 60%;margin: 30 0 20 0;} .box-txt_ec_boxsha_700_h{ display:inline-block; padding: 2em; margin: 2em auto; font-weight: bold; border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));height: 180px;width: 90%; } .box-txt_ec_boxsha_700_h li{ margin: 0; padding: 0; } .box-txt_ec_boxsha_700_h li.ec_benefit_no{float: left; width: 15%;margin:20 20 0 20; } .box-txt_ec_boxsha_700_h li.ec_benefit_txt{float: left;width: 65%; } .box-txt_ec_boxsha_700_h li.ec_img{float: left;width: 10%; margin: 30 0 20 0; } .box-txt_ec_boxsha_700_h2{ display:inline-block; padding: 2em; margin: 2em auto; font-weight: bold; border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));height: 200px;width: 90%; } .box-txt_ec_boxsha_700_h2 li{ margin: 0; padding: 0; } .box-txt_ec_boxsha_700_h2 li.ec_benefit_no{float: left; width: 15%; margin:20 20 0 20; } .box-txt_ec_boxsha_700_h2 li.ec_benefit_txt{float: left;width: 65%; } .box-txt_ec_boxsha_700_h2 li.ec_img{float: left;width: 10%; margin: 30 0 20 0; } .ec_bkgd_gr{background-color:#E6E6E7; padding:2em 1em;} .ec_bene{} .ec_benefit01_txt{margin-top: 30px;} .btn_space_ec_l{ margin-right: 10px;margin-bottom: 1em; text-align: center;} .btn_space_ec_r{ text-align: center;} .ec_cam_img{margin: 1em; float: left; } .ec_cam_txt{margin-left: 50px; float: left;} .pes_block{ border: 1px solid var(--orange); padding: 10px 10px 10px 20px; width: 60%; line-height: 1.5em;} .event_ca{width: 90%; margin: auto;} .txtcontents{width: 330px; float:left;} .txtcontents2{width: 330px; float:right;} .t_mb300{ margin-bottom: 5px;} .repot_title{font-size: 250%; font-weight: bold; margin-bottom: 1em; line-height: 1.3; } /* Premium event seminar --------------------------------------------------------------------------------------------------------------------*/ .tbl_row{width: 980px;} .tbl_row td.com_txt{ width:50%; } .tbl_row td.lec_txt{ width:50%; } .archives_pr{ border-top: 1px solid var(--text); margin-bottom: 1.5em; } .archives_pr li{ border-bottom: 1px solid var(--text); font-size: 110%; color:var(--text); padding: 1em 0; } .archives_pr li a{ display:inline-block; font-size: 110% ; color:var(--text); text-decoration: none; } .archives_pr li a:hover{ text-decoration: underline; } .archives_pr li em{ color:var(--orange); font-size: 100%; } .seminar_box {height: 200px} .seminar_box img { float:left; margin-right: 15px; margin-bottom: 5px; width: 130px;} .seminar_box p{ overflow:hidden;} .seminar_box_s {height: 200px} .seminar_box_s img { float:left; margin-right: 15px; margin-bottom: 5px; width: 100px;} .seminar_box_s p{ overflow:hidden;} .seminar_box_lec {height: 200px} .seminar_box_lec img { float:left; margin-right: 15px; margin-bottom: 5px; width: 170px;} .seminar_box_lec p{ overflow:hidden;} .seminar_box_long {} .seminar_box_long img { float:left; margin-right: 15px; margin-bottom: 5px; width: 130px;} .seminar_box_long p{ overflow:hidden;} .seminar_box_en { height:250px; } .seminar_box_en img { float:left; margin-right: 15px; margin-bottom: 5px; width: 130px;} .seminar_box_en p{ overflow:hidden;} /* table --------------------------------------------------------------------------------------------------------------------*/ .tbl_base_scr{ border-collapse: separate; border-spacing: 2px; margin-bottom: 2.5em; box-sizing:border-box; } .tbl_base_scr th, .tbl_base_scr td{ padding: 0.5em; line-height: 1.6!important; vertical-align: middle; } .tbl_base_scr th{ background:#e2e2e2; text-align: left; } .tbl_base_scr td{ background:#FFF; } /*.tbl_base th.top{background:url(../images/mark/ic-att.gif) no-repeat 4px center #e2e2e2; padding-left: 37px; border-bottom: 1px solid #D9D9D9; color: #828282; }*/ .tbl_base th.non{background:none; background: #EFEFEF; } .tbl_base_free{ border-collapse: separate; border-spacing: 2px; margin-bottom: 2.5em; box-sizing:border-box; } .tbl_base_free th, .tbl_base td{ padding: 0.5em; line-height: 1.6!important; vertical-align: middle; } .tbl_base_free th{ background:#e2e2e2; text-align: left; } .tbl_base_free td{ background:#FFF; } .tbl_base_scr{ border-collapse: separate; border-spacing: 2px; margin-bottom: 2.5em; box-sizing:border-box; } .tbl_base_scr th, .tbl_base_scr td{ padding: 0.5em; line-height: 1.6!important; vertical-align: middle; } .tbl_base_scr th{ background:#e2e2e2; text-align: left; } .tbl_base_scr td{ background:#FFF; } .tbl_base_free th.top{background:url(../images/mark/ic-att.gif) no-repeat 4px center #e2e2e2; padding-left: 37px; border-bottom: 1px solid #D9D9D9; color: #828282; } .tbl_base_free th.non{background:none; background: #EFEFEF; } .tbl_bknon{ border-collapse: separate; border-spacing: 2px; margin-bottom: 2.5em; box-sizing:border-box; font-size: 160%; font-weight: bold; margin-bottom: 1em; line-height: 1.3; } .tbl_bknon th, .tbl_bknon td{ padding: 0.5em; line-height: 1.6!important; vertical-align: middle; } .tbl_bknon th{ text-align: left; } .tbl_bknon td{ } /*.tbl_bknon{ } .tbl_bknon th, .tbl_bknon td{ padding: 0.5em; line-height: 1.6!important; vertical-align: middle; } .tbl_bknon th{ background:#e2e2e2; text-align: left; font-size: 160%; font-weight: bold; } .tbl_bknon td{ background:#e2e2e2; font-size: 160%; font-weight: bold; } */ .box_pl_dl{} .box_double_productsdl{ float: left; width: 50%; box-sizing: border-box; padding: 3% 2% 3% 0;} .box_double_productsdl p.mb20{margin-bottom: 20px;} .box_double_productsdl p.mb40{margin-bottom: 40px;} .box_double_productsdl p.mb50{margin-bottom: 50px;} .box_double_productsdl p.mb70{margin-bottom: 70px;} .box_double_productsdl p.mb75{margin-bottom: 60px;} .box_double_productsdl p.mb100{margin-bottom: 100px;} .box_double_productsdl_r{ float: right; width: 50%; box-sizing: border-box; padding: 3% 0% 3% 2%; } .box_double_productsdl_r p.mb20{margin-bottom: 20px;} .box_double_productsdl_r p.mb40{margin-bottom: 40px;} .box_double_productsdl_r p.mb50{margin-bottom: 50px;} .box_double_productsdl_r p.mb70{margin-bottom: 70px;} .box_double_productsdl_r p.mb75{margin-bottom: 60px;} .seminar_box_long {} .seminar_box_long img { float:left; margin-right: 15px; margin-bottom: 5px; width: 130px;} .seminar_box_long p{ overflow:hidden;} /* ***** CONTACT ***** */ .cont{width: 100%; margin: 23px 0px; /*border: 1px solid #D9D9D9;*/ border-bottom: none; } .cont th, .cont td{text-align: left; vertical-align:middle; font-weight: normal; padding: 4px 9px; } .cont th{width: 28%; background:url(../images/mark/ic-att.gif) no-repeat 4px center #EFEFEF; padding-left: 37px; /*border-bottom: 1px solid #D9D9D9;*/ } .cont th.top{width: 28%; background:url(../images/mark/ic-att.gif) no-repeat 4px center #E3E3E3; padding-left: 37px; /*border-bottom: 1px solid #D9D9D9;*/ } .cont th.non{background:none; background: #EFEFEF; } .cont td.top{background:url(..../images/mark/ic-att.gif) no-repeat 4px center #EFEFEF; padding-left: 37px; /*border-bottom: 1px solid #D9D9D9;*/ color: #828282; } .cont td.topnon{background:none; background: #EFEFEF; /*border-bottom: 1px solid #D9D9D9;*/ color: #828282; } .cont td.color{color: #828282; } .cont td{/*border-bottom: 1px solid #ECECEC;*/ color: #AFAFAF; } /*.cont td.end{border-bottom: 1px solid #D9D9D9; }*/ .cont td.colorend{color: #828282; /*border-bottom: 1px solid #D9D9D9;*/ } .cont td.top{border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #E3E3E3; padding: 3px 10px; color: #717171; } .cont td ul li{ width:310px; float:left; /*color: #828282; margin: 0px 0px 3px;*/ } .cont td ul li.max{width: 320px; clear:both; } .cont td label{margin-right: 20px; } .cont td input.ime{ime-mode:disabled; } .pdf_go_sp{ width: 100%; } .pdf_go_sp ul li{ border-bottom: 2px solid #a1a1a1; display:table; width: 100%; } .pdf_go_sp ul li a{ display: table-cell; padding: 0 1.5em; height: 70px; vertical-align: middle; text-decoration: none; background: url(../images/mark/ic_arrow_right02.png) no-repeat 98% center; background-size: 16px auto; } /*.pdf_go_pc{ display: none; }*/ ul.three3 li{text-align:center;} ul.three3 li.p20{} p.formbtn{margin: 25px auto; text-align:center; } p.formbtn_dnone{margin: 25px auto; text-align:center; display:none; } p.formbtn input{width: 150px; text-align:center; padding: 3px 0px; margin: 0px 15px; color:#666666; } p.formbtn:hover{ opacity: 0.8; color:#FFF; } .sales td{width:23%; padding:1%; text-align:center; } .sales td em{color: var(--orange); font-weight: bold; font-size: smaller; /*font-family:Georgia, Century, "Times New Roman"; */padding-left: 4px; } .sales td a:link,.sales td a:visited{color:#777; text-decoration:none;} .sales td a:hover,.sales td a:active{color:#0099C4; text-decoration:underline;} .anniversary_bkgd_none{ padding:2em 1em;} .anniversary_bkgd_blue{ background-color:#0099C4!important; padding:2em 1em;} .box_pl_ann{width:90%; margin: 0 auto;} .box_three_ann_l_hover{ float: left; width:33.33%; box-sizing: border-box; /*padding: 0 1%;*/ } .box_three_ann_l{ float: left; width: 33.33%; box-sizing: border-box; padding: 0 1%; } .box_three_ann_mid{ float: left;width: 33.33%; box-sizing: border-box; padding: 0 1%;} .box_three_ann_r{ float: right; width: 33.33%; box-sizing: border-box; padding: 0 1%;} .box_pl_top_ann{width:90%; margin: 0;} .box_double_products_top_ann{ float: left; width: 50%; box-sizing: border-box; padding: 3% 5%;} .box_double_products_r_top_ann{ float: right; width: 50%; box-sizing: border-box; padding: 0 2%; margin-top: 3.5em;} .gradation{background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: gradient 15s ease infinite;/*height: 100vh;*/} @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .box_pl_mess{width:90%; margin: 0 5%; } .box_double_products_mess{ float: left; width: 50%; box-sizing: border-box; padding: 0 2%;} .box_double_products_r_mess{ float: right; width: 50%; box-sizing: border-box; padding: 0 2%;} .box_double_products_mess_l{ float: left; width: 50%; box-sizing: border-box; padding: 0 2%;} .ann_history {} .ann_history_pic{ width:700px!important; } .ann_history_year{ width:100px!important; } .ann_history_ml{ /*margin-left: 80px;*/} ul.allia02{margin: 30px 0px 0px 10px; }/* FOR ALLAIANCE */ ul.allia02 li{margin: 0px 35px 30px 0px; width: 300px; float:left; _margin: 0px 50px 30px 0px; } ul.allia02 li.doublel{margin: 0px 35px 10px 0px; width: 300px; float:left; _margin: 0px 50px 30px 0px; } ul.allia02 li.mb45{margin-bottom:45px!important;} ul.allia02 li img{margin-bottom: 2px; } ul.allia02 li a:link, ul.allia02 li a:visited{color: #828282; } ul.allia02 li a:hover, ul.allia02 li a:active{color: #0083BF; } .mar_au{width: 700px; margin: auto; } .mar_au_acc{width: 750px; margin: auto; } .mar_au_pff{width: 800px; margin: auto; } .box_paff{width:95%; margin: 0 5%;} ul.three2{margin: 8px 0px 20px 0px; padding-left: 20px; list-style:disc; width: 33.33%;float:left; box-sizing: border-box; border-right: 1px solid #D9D9D9; }/* FOR PEOPLE AFFIRE */ /*ul.three2{margin: 8px 0px 20px 10px; padding-left: 35px; list-style:disc; width: 170px; float:left; border-right: 1px solid #D9D9D9; }*//* FOR PEOPLE AFFIRE */ ul.three2 li{margin: 0px 0px 5px; line-height: 1.4; } ul.three2 li em,p.block em{font-weight: bold; color: var(--orange);/* font-family:Georgia, Century, "Times New Roman"; */font-size:smaller; padding-left: 4px; } ul.three2 li a:link, ul.three2 li a:visited{color: #828282; text-decoration:none; } ul.three2 li a:hover, ul.three2 li a:active{color: #003379; } ol.conmokuji01{margin: 15px 0px 20px 20px; _margin: 15px 0px 20px 10px; /*list-style:decimal; */ float:left;}/* FOR WLI,WLC REGISTRATION */ ol.conmokuji01 li{margin: 0px 0px 15px; padding: 4px 8px; border: 1px solid #CCC; width:165px; } ol.conmokuji02{margin: 15px 0px 20px 20px; /*list-style:decimal; */ float:left;}/* FOR WLI,WLC REGISTRATION */ ol.conmokuji02 li{margin: 0px 0px 15px; padding: 4px 8px; border: 1px solid #CCC; width:300px; } ol.conmokuji04{margin: 15px 0px 20px 20px; _margin: 15px 0px 20px 10px; /*list-style:decimal; */ float:left;}/* FOR WLI,WLC REGISTRATION */ ol.conmokuji04 li{margin: 0px 0px 15px; padding: 4px 8px; border: 1px solid #CCC; width:110px; } ol.conmokuji05{margin: 15px 0px 20px 20px; /*list-style:decimal; */ float:left;}/* FOR WLI,WLC REGISTRATION */ ol.conmokuji05 li{margin: 0px 0px 15px; padding: 4px 8px; border: 1px solid #CCC; width:320px; } ol.mokukuji_ann{margin: 15px 0px 20px 20px; /*list-style:decimal; */ float:left;}/* FOR WLI,WLC REGISTRATION */ ol.mokukuji_ann li{margin: 0px 0px 15px; padding: 4px 8px; border: 1px solid #CCC; width:500px; } ol.conmokuji03{margin: 15px 0px 20px 20px; float:left;}/* FOR WLI,WLC REGISTRATION */ ol.conmokuji03 li{margin: 0px 0px 15px; padding: 4px 8px; border: 1px solid #CCC; width:200px; } div#pdf-no{ text-align:right;/* float:right;*/ margin-bottom:0; padding-top:8px;/* padding: 5px 0px 0px;*/ /*position:absolute; bottom:3px; right:0px;*/ } dl.smap{width: 229px; float:left; } dl.smap dt{margin: 0px 35px 5px 0px; border: 1px solid #BABABA; padding: 2px 6px; } dl.smap dt.sub{background: #ECECEC; border: none; } dl.smap dd{margin: 0px 6px; } dl.smap dd.end{margin: 0px 6px 25px; } dl.smap a:link, dl.smap a:visited{text-decoration:none; } dl.smap a:hover, dl.smap a:active{text-decoration:underline; } #pagerCont { position: relative; overflow: hidden; margin: 10px } ul.pager { position: relative; left: 50%; float: left } ul.pager li { position: relative; left: -50%; float: left; margin-right: 5px; border: 1px solid var(--orange); font-weight: bold } ul.pager li.prev, ul.pager li.next { /*border: none*/ } ul.pager li a { position: relative; display: block; padding: 3px 8px; color: var(--orange); } ul.pager li a:link, ul.pager li a:visited { text-decoration: none } ul.pager li a:hover, ul.pager li a:active { opacity: 0.8; color:var(--orange); text-decoration: none; } ul.pager li em { display: block; padding: 3px 8px; background: #D0102C; color: #FFFFFF } ol li.cir{margin: 8px 15px 25px 25px; list-style:circle; }/* FOR Law Review */ ol li.sq{margin: 8px 15px 25px 25px; list-style:square; }/* FOR Law Review */ ul.cir{margin: 8px 15px 25px 25px; list-style:circle; }/* FOR LAW, CASE LAW, AFFIRE */ ul.cir li{margin: 0px 0px 10px; line-height: 1.4; } ul.cir li a:link, ul.cir li a:visited{color: #828282; } ul.cir li a:hover, ul.cir li a:active{color: var(--orange); } ul.cir a:link span, ul.cir a:visited span{background:url(../images/mark/ic-a.gif) no-repeat 10px 2px; padding-right: 30px; } ul.cir a:hover span, ul.cir a:active span{background:url(../images/mark/ic-bl.gif) no-repeat 10px 2px; padding-right: 30px; } ul.cir li em{font-weight: bold; color: var(--orange); /*font-family:Georgia, Century, "Times New Roman";*/ font-size:smaller; padding-left: 4px; } ul.cir li a em{text-decoration:none; border-bottom: 1px solid #FFF; } ol.lr{margin: 10px 0px 0px;}/* FOR CASE REPORT */ /*ol.lr{margin: 20px 0px 0px;}/* FOR CASE REPORT */ ol.lr li{margin: 0px 0px 0px; line-height: 1.7; color: #BABABA; border-bottom: 1px dotted #BABABA; padding: 0px 0px 0px; } /*ol.lr li{margin: 0px 0px 10px; line-height: 1.7; color: #BABABA; border-bottom: 1px dotted #BABABA; padding: 7px 0px 3px; }*/ ol.lr li em{font-style:normal; color:#777; } ol.lr li a{display:block; text-decoration:none; } ol.lr li a:link, ol.lr li a:visited{color: #003379;text-decoration: underline; } ol.lr li a:hover, ol.lr li a:active{/*border-top: 1px dotted #828282;*/color: #0083BF; text-decoration: underline;} ol.lr li.cir02{margin: 8px 15px 0px 0px; padding: 7px 0 0px 25px; background:url(../images/pic/wjlr/icon_1r_24.png) 0px 5px no-repeat; border-bottom: none; }/* FOR Law Review */ ol.lr li.sq{margin: 8px 15px 0px 0px;list-style:square; padding: 7px 0 0px 25px; background:url(../images/pic/wjlr/icon_1r_24.png) 0px 5px no-repeat; border-bottom: none; }/* FOR Law Review */ ol.lr li.sq02{margin: 8px 15px 0px 0px;list-style:square; border:none;}/* FOR Law Review */ ol.lr li.lr_02 a{display:block; border-top: none; /*border-top: 1px dotted #BABABA;*/ margin-top:5px; padding: 7px 0px 3px; text-decoration:none; } ol.lr li.lr_02 a:link, ol.lr li a:visited{color: #003379;text-decoration: underline; } ol.lr li.lr_02 a:hover, ol.lr li a:active{border-top: none;/*border-top: 1px dotted #828282;*/ color: #0083BF; text-decoration: underline;} /*a:link, a:visited{color: #003379; text-decoration: underline; } a:hover, a:active{color: #0083BF; text-decoration: underline; } */ ol.lr li a em{text-decoration:underline; } ol.lr li.last{ border-collapse:collapse;width:100%; border-bottom:1px solid #d9d9d9; margin:0; } ol.lr li span.new{font-weight: bold; color: var(--orange) ; /*font-family:Georgia, Century, "Times New Roman";*/ font-size:smaller; padding-left: 4px; } .wjlr_sum{ color:#777; border: 1px solid #777;padding: 10px 10px 10px 20px; margin-bottom: 10px;} .sales_ln td{width:23%; padding:1%; text-align:center; } .sales_ln td em{color: var(--orange); font-weight: bold; font-size: smaller; /*font-family:Georgia, Century, "Times New Roman";*/ padding-left: 4px; } .sales_ln td a:link,.sales td a:visited{color:#777; text-decoration:none;} .sales_ln td a:hover,.sales td a:active{color:#0099C4; text-decoration:underline;} .tbl_base_ln{ border-collapse: separate; border-spacing: 2px; margin-bottom: 2.5em; box-sizing:border-box; } .tbl_base_ln th, .tbl_base_ln td{ padding: 0.5em; line-height: 1.6!important; vertical-align: middle; } .tbl_base_ln td{ background:#e2e2e2; } .tbl_base_ln th.non{background:none; background: #EFEFEF; } /* search */ .results_ttl{font-size: 130%; color:var(--text); font-weight: bold; } /*wp-pagenavi*/ .wp-pagenavi { clear: both; text-align:center; } .wp-pagenavi a, .wp-pagenavi span {color: var(--text);background-color: #FFF;border: 1px solid var(--text);padding: 8px 15px;margin: 0 2px;white-space: nowrap;text-align: center;text-decoration: none;} .wp-pagenavi a:hover{color: #FFF;background-color: #CCC;border-color: var(--text);} .wp-pagenavi span.current{ color: #FFF;background-color: #ff5900; border-color: #ff5900;font-weight: bold;} /* footer ---------------------------------------------------------------------*/ .f_search{ text-align: center; width: 80%; margin: 0 auto 24px; } .f_search #searchform{ border: none; background:#666; } .f_search .src{ outline:0; width: calc(100% - 60px); max-width: 500px; height: 57px; background:#666; border: none; border-radius: 6px 0 0 6px; margin: 0; padding: 0.3em; box-sizing: border-box; color:#FFF; } .f_search .src_btn{ width: 52px; height: 57px; border: none; background: url(../images/mark/ic_search.png) no-repeat #666 center center; background-size: 20px auto; text-indent: -9999px; border-radius: 0 6px 6px 0; } .footer01{ background: var(--lightSilver); color: var(--text); font-size:/* 1.2rem*/100%; padding: 50px 10px 30px; border-top: 1px solid var(--darkSilver); } .footer01_help{ background: var(--text); color: var(--text); font-size:100%; color:#FFF; padding: 50px 10px 30px; } .footer_box{} .logo_shinnihon{ height: 50px; margin-right:20px; } .logo_thomson{height: 50px; } .f_menu{ display:block; pointer-events: none; font-weight: bold; padding: 0 0 2em 0; margin-bottom: 0; color: var(--darkBlue); } .f_toggle{ } .f_toggle li{ display: block; } .f_toggle li a{ color:var(--minimedBlue); text-decoration: none; display:inline-block; padding:/* 0.7em*/5px 0; font-weight: bold ; } .f_toggle li a:hover{ text-decoration: underline; } .f_col01{ float: none; } .f_col02{ float: none; } /* footer02 */ .footer02{ background:var(--lightSilver); color:var(--text); } /*.footer02 ul{ float: right; margin-top: 10px; } .footer02 ul li{ display:inline-block; } .footer02 ul li a{ display:inline-block; padding: 0.5em 1em; text-decoration: none; color:#7f7f80; font-size: 1.2rem; } .footer02 ul li a:hover{ text-decoration: underline; }*/ .logo_wh{ width: /*128*/205px; float: left; padding: 10px 10px 10px 0; } footer .logo_wh { width: 100%; min-width: 72px; max-width: 195px; padding: 30px; } .sns_fb{ display: inline-block; background: url(../images/top/fb.png) no-repeat; background-size:35px 35px;width:35px; height:35px;margin-left: 60px; margin-top: 10px; padding: 10px 10px 10px 0;} .sns_tw{ display:inline-block; background: url(../images/top/twitter.png) no-repeat; background-size:35px 35px;width:35px; height:35px;/*margin: 4px 6px;*/padding: 10px 10px 10px 0;} .sns_li{ display:inline-block; background: url(../images/top/line.png) no-repeat; background-size:35px 35px;width:35px; height:35px;padding: 10px 10px 10px 0;} .sns_lin{ display:inline-block; background: url(../images/top/LinkedIn.png) no-repeat; background-size:42px 35px;width:42px; height:35px; padding: 10px 10px 10px 0;} .f02_menu { display: none; pointer-events: none; } input.oc{ display: none; } .toggle { padding: 8px; list-style: none; } .f02_toggle{ float: right; margin-top: 0px; } .f02_toggle li{ display:inline-block; } /*.f02_toggle li a{ display:inline-block; padding: 0.5em 1em; text-decoration: none; color:#7f7f80; font-size: 1.2rem; }*/ .f02_toggle li a{ display:inline-block; padding: 0.5em 1em; text-decoration: none; color:var(--minimedBlue); font-size: 16px; font-weight: bold ; } .f02_toggle li a:hover{ text-decoration: underline; } .pc_slide{margin-left:150px;margin-top: 10px;} .key_col_en{ margin-bottom: 67px; background: url("../images/top/key202210.png") no-repeat; background-size: cover; } .key_col_en2{ margin-bottom: 67px; background: url("../images/top/key202210.png") no-repeat; background-size: cover; } .key_col_en3{ margin-bottom: 67px; background: url("../images/top/key202210.png") no-repeat; background-size: cover; } .banner_box_ln_en{width: 100%; background: url(../images/key/en_event_top.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; } .banner_box_ln_en:hover{ text-decoration: none; color:#FFF; box-shadow: 0 0 5px rgba(0,0,0,.3); } .banner_ttl_en{ font-size: 200%; margin-bottom: 1.5em; font-weight: bold; } .banner_ttl_en:hover{ text-decoration: none;} .spotlight_box_ln_en{width: 62%; height: 400px; background: url(../images/top/en_spotlight01.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; } .spotlight_box_ln_en:hover{ text-decoration: none; color:#FFF; box-shadow: 0 0 5px rgba(0,0,0,.3); } .english_company{ background: url(../images/key/en_company.png) no-repeat; background-size: cover; } .english_event{ background: url(../images/key/en_event.png) no-repeat; background-size: cover; } .english_pressrelease{ background: url(../images/key/en_press.png) no-repeat; background-size: cover; } .english_topmessage{ background: url(../images/key/en_topmessage.png) no-repeat; background-size: cover; } .english_whatsnew{ background: url(../images/key/en_whatsnew.png) no-repeat; background-size: cover; } .english_westlaw_doctrinal{ background: url(../images/key/en_westlaw_doctrinal_plus.png) no-repeat; background-size: cover; } .english_westlaw_asia{ background: url(../images/key/en_westlaw_asia.png) no-repeat; background-size: cover; } .english_westlaw_china{ background: url(../images/key/en_westlaw_china.png) no-repeat; background-size: cover; } .english_westlaw_japan{ background: url(../images/key/en_westlaw_japan.png) no-repeat; background-size: cover; } .english_westlaw_middleeast{ background: url(../images/key/en_westlaw_middleeast.png) no-repeat; background-size: cover; } .english_westlawnext{ background: url(../images/key/en_westlawnext.png) no-repeat; background-size: cover; } .english_regulatory_intelligence{ background: url(../images/key/en_regulatory_intelligence.png) no-repeat; background-size: cover; } .logo_libottom{ border-bottom:1px solid #AFAFAF;} .logo_center{width:33% !important;} .v_line_left { border-left: thick solid #FF5900; padding-left: 10px;} .col_img{background: url("../images/key/anniversary_scroll_btm.png") no-repeat; background-size: cover; background-attachment: fixed; background-position: top; /*background-size: cover;*/ background-repeat: no-repeat; padding: 50px 0;} .ann_box {height: 200px} .ann_box img { float:left; margin-right: 15px; margin-bottom: 5px; width: 300px;} /*.ann_box p{ overflow:hidden;}*/ .ann_box_en {/*height: 200px*/} .ann_box_en img { float:left; margin-right: 15px; margin-bottom: 5px; width: 500px;} .ann_history_txt{margin-left: 280px;} .ann_target{float:left; margin-right:20px; margin-bottom:20px; width:350px;} a.ann_box_con, div.ann_box_con{ width: 80%; height: 50px; display: block; color:var(--text); text-decoration: none; border: 1px solid #B7B6B6; padding:10px!important; box-sizing: border-box; background:#FFF; margin-bottom: 15px; } a.ann_box_con:hover{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text); } div.ann_box_con a{ text-decoration: none; } div.ann_box_con a:hover{ text-decoration: underline; } .ann_box_con a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } .box-txt_position{position:absolute;bottom:10px;} .box-txt_cal_boxsha_w400{ display:inline-block; padding: 2em 0.5em; margin: 2em 0; font-weight: bold; border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));height: 650px; } .box-txt_cal_boxsha_w400 li{ margin: 0; padding: 0; } .box-txt_cal_boxsha_w400 li.ec_mag_title{ font-size: 133.3%;text-decoration: bold; text-align: left;line-height: 1.5;} .box-txt_cal_boxsha_w400 li.ec_mag_img{ text-align: center; max-width: 100%;} .box-txt_cal_boxsha_w400 li.ec_mag_txt{font-size:100%;text-decoration: bold; } .plbtn_blue_appos{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 80%; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 30px auto 15px;} .plbtn_blue_appos:hover{opacity: .7; color: #fff;} .photo_container.fade{ background: #334006; border: 10px solid var(--text); border-radius: 6px; height: 500px; margin: 0 auto; overflow: hidden; position: relative; width: 500px; } .photo_container.fade *{ -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .photo_container.fade img { height: 520px; margin: -10px 0 0 -10px; width: 520px; } .photo_container.fade.hover .photo img, .photo_container.fade:hover .photo img{ height: 500px; margin: 0 ; opacity: 0.5; width: 500px; } .photo_container.fade .label { color: #fff; /* font-family: "Ryumin Ultra KL", serif; */ font-size: 28px; left: 20px; letter-spacing: 6px; opacity: 1; position: absolute; top: 14px; z-index: 999; } .photo_container.fade .description { color: #fff; left: 0; opacity: 0; position: absolute; -moz-transform: scale(0.95); -ms-transform: scale(0.95); -webkit-transform: scale(0.95); text-align: left; top: 100px; transform: scale(0.95); width: 500px; } .photo_container.fade.hover .description, .photo_container.fade:hover .description { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .photo_container.fade .description .photo_title{ border-bottom : 4px solid #fff; /* font-family: "Ryumin Ultra KL", serif; */ font-size: 48px; margin: 0 20px 10px 20px; padding-bottom: 10px; } .photo_container.fade .description p{ /* font-family: " Ryumin Heavy KL", serif; */ font-size: 24px; margin: 0; padding: 20px; } .cts{ float:left; width: 72.5%; box-sizing: border-box; padding: 0 0 0 1em; } .slide_btn{ background:url("../images/pic/15an/ic_plus.png") no-repeat left center; padding-left: 50px; } .slide_btn.active{ background:url("../images/pic/15an/ic_minus.png") no-repeat left center; padding-left: 50px; } .slide_btn:hover{cursor:pointer;} .slide_box{display:none;} .slide_btn02{ background:url("../images/pic/15an/ic_plus.png") no-repeat left center; padding-left: 50px; } .slide_btn02.active{ background:url("../images/pic/15an/ic_minus.png") no-repeat left center; padding-left: 50px; } .slide_btn02:hover{cursor:pointer;} .slide_box02{display:none;} .slide_btn03{ background:url("../images/pic/15an/ic_plus.png") no-repeat left center ; padding-left: 50px;} .slide_btn03.active{ background:url("../images/pic/15an/ic_minus.png") no-repeat left center; padding-left: 50px;} .slide_btn03:hover{cursor:pointer;} .slide_box03{display:none;} ol.number{margin: 15px 0px 15px 28px; list-style:decimal; }/* FOR POLICY */ ol.number li{margin: 0px 0px 13px; } ol.number li ul{margin: 8px 0px 15px 25px; list-style:disc; } ol.number li ul li{margin: 0px 0px 6px; } ol.terms{margin: 9px 0px 15px 0px; padding: 0px; list-style:none; }/* FOR TRIAL TERMS */ ol.terms li{padding-left: 23px; margin: 0px 0px 6px; line-height: 1.4; } ol.terms li.tm01{background:url(..../images/mark/ic-tms01.gif) no-repeat left 3px;} ol.terms li.tm02{background:url(..../images/mark/ic-tms02.gif) no-repeat left 3px; } ol.terms li.tm03{background:url(..../images/mark/ic-tms03.gif) no-repeat left 3px; } ol.terms li.tm04{background:url(..../images/mark/ic-tms04.gif) no-repeat left 3px; } ol.terms li.tm05{background:url(..../images/mark/ic-tms05.gif) no-repeat left 3px; } ol.terms li.tm06{background:url(..../images/mark/ic-tms06.gif) no-repeat left 3px; } ol.terms li.tm07{background:url(..../images/mark/ic-tms07.gif) no-repeat left 3px; } ol.terms li.tm08{background:url(..../images/mark/ic-tms08.gif) no-repeat left 3px; } ol.terms li.tm09{background:url(..../images/mark/ic-tms09.gif) no-repeat left 3px; } /* Hx --------------------------------------------------------------------------------------------------------------------*/ h1{ font-size: 250%; font-weight: bold; margin-bottom: 1em; line-height: 1.3; color: var(--minimedBlue); } h2{ font-size: 180%; font-weight: bold; margin-bottom: 1em; line-height: 1.3; color: var(--minimedBlue); } h3{ font-size: 160%; font-weight: bold; margin-bottom: 1em; line-height: 1.3; color: var(--darkBlue); } h2.h3_title { font-size: 160%; font-weight: bold; margin-bottom: 1em; line-height: 1.3; color: var(--darkBlue); } .pc_pad50{padding-top: 50px;} .link_cir{width: 300px; height: 300px; border: 4px var(--minimedBlue) solid; border-radius: 50%; padding: 20px; margin: 0 auto;} .link_cir_top{width: 400px; height: 400px; border: 4px var(--minimedBlue) solid; border-radius: 50%; padding: 20px; margin: 0 auto;} .link_cir_top img{width: 300px; margin: 40px auto 0;} .cir_title{ font-size: 133.3%; text-decoration: bold; text-align:center;line-height: 1.3; margin-top: 20px; margin-bottom:20px;} p a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 30px auto 0px;} p a.plbtn_blue:hover{opacity: .7;} .link_box { width: 500px; margin: 10px auto; padding: 20px 20px 0px 20px; border: 4px solid var(--minimedBlue); color: var(--darkBlue);} a.linkbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 400px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto!important;} .pagetop { display: none; position: fixed; bottom: 30px; right: 15px;} .pagetop a { display: block; background-color: #ccc; text-align: center; color: #222; font-size: 12px; text-decoration: none; padding: 5px 10px;�E�E�E�E�E�E�E�@filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} .pagetop a:hover { display: block; background-color: #b2d1fb; text-align: center; color: #fff; font-size: 12px; text-decoration: none; padding:5px 10px;�E�E�E�E�E�E�E�@filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} .key_test{ background: url(../images/key/key_test.png) no-repeat; background-size: cover; } .key_lennyletter{ background: url(../images/key/key_lennyletter.png) no-repeat; background-size: cover; } .key_blue{ background: url(../images/key/key_blue.png) no-repeat; background-size: cover; } .key_blue2023{ background: url(../images/key/key_blue_2023.png) no-repeat; background-size: cover; } .key_blue2025{ background: url(../images/key/key_blue_2025.png) no-repeat; background-size: cover; } .key_carbo{ background: url(../images/key/key_carbo.png) no-repeat; background-size: cover; } .key_class{ background: url(../images/key/key_class.png) no-repeat; background-size: cover; } .key_library{ background: url(../images/key/key_library.png) no-repeat; background-size: cover; } .key_lenny{ background: url(../images/key/key_lenny.png) no-repeat; background-size: cover; } .key_glycemic{ background: url(../images/key/key_glycemic.png) no-repeat; background-size: cover; } .key_inspection{ background: url(../images/key/key_inspection.png) no-repeat; background-size: cover; } .key_video{ background: url(../images/key/key_video.png) no-repeat; background-size: cover; } .key_smile{ background: url(../images/key/key_smile.png) no-repeat; background-size: cover; } .key_comic{ background: url(../images/key/key_comic.png) no-repeat; background-size: cover; } .key_comic2{ background: url(../images/key/key_comic2.png) no-repeat; background-size: cover; } .key_mamoring{ background: url(../images/key/key_mamoring.png) no-repeat; background-size: cover; } .key_mamoring_top{ background: url(../images/key/key_mamoring_top.png) no-repeat; background-size: cover; } .key_mamoring_interview01{ background: url(../images/key/key_mamoring_interview01.png) no-repeat; background-size: cover; } .key_mamoring_interview02{ background: url(../images/key/key_mamoring_interview02.png) no-repeat; background-size: cover; } .key_mamoring_interview03{ background: url(../images/key/key_mamoring_interview03.png) no-repeat; background-size: cover; } .key_mamoring_interview04{ background: url(../images/key/key_mamoring_interview04.png) no-repeat; background-size: cover; } .key_mamoring_interview05{ background: url(../images/key/key_mamoring_interview05.png) no-repeat; background-size: cover; } .key_app{ background: url(../images/key/key_app.png) no-repeat; background-size: cover; } .key_column{ background: url(../images/key/key_column.png) no-repeat; background-size: cover; } .key_ipd{ background: url(../images/key/key_ipd.png) no-repeat; background-size: contain; background-position: center; background-color: #ffd051;} .key_family{ background: url("../images/key/key_family.png") no-repeat; background-size: cover; } .key_kids{ background: url("../images/key/key_kids.png") no-repeat; background-size: cover; } .box_contents{width:500px; margin: 0 5%;} .box-txt_contents{ display:inline-block; padding: 2em; margin: 2em 0; font-weight: bold;height: 280px;} .box-txt_contents li{ margin: 0; padding: 0;} .box-txt_contents li.con_title{ font-size: 133.3%; text-decoration: bold; text-align:left;} .box-txt_contents li.con_img{ text-align: center;margin-top: 15px;margin-bottom: 15px; width: 100%;} .box-txt_contents li.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;} .box-txt_contents li.con_txt a:hover{ text-decoration: underline; } .box-txt_contents li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 30px auto 0px;} .box-txt_contents li a.plbtn_blue:hover{opacity: .7;} .box_one_products{ text-align: center; width: 33.33%; box-sizing: border-box; padding: 0 1%; margin: 0 auto; } .box_three_products_l{ float: left; width: 33.33%; box-sizing: border-box; padding: 0 1%;} .box_three_products_mid{ float: left;width: 33.33%; box-sizing: border-box; padding: 0 1%;} .box_three_products_r{ float: right; width: 33.33%; box-sizing: border-box; padding: 0 1%;} .box-img_contents{max-width: 70%;} .box_contents_li{width:100%; margin: 0 5%;} .box-txt_contents_li{ display:inline-block; padding: 1em; margin: 2em 0; font-weight: bold; color: var(--text);/* border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/height: 180px;position:relative; } .box-txt_contents_li li{ margin: 0; padding: 0;} .box-txt_contents_li li.con_title{ font-size: 133.3%; text-decoration: bold; text-align:left;line-height: 1.3; margin-top: 20px; margin-bottom:20px;} .box-txt_contents_li li.con_img{ font-size: 100%;text-align: center; } .box-txt_contents_li li.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .box-txt_contents_li li.con_txt a:hover{ text-decoration: underline; } .box-txt_contents_li li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto!important;} .box-txt_contents_li li a.plbtn_blue:hover{opacity: .7;} .box-txt_contents_li li.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto;} .box-txt_contents_li li.con_txt a.plbtn_blue:hover{opacity: .7;} .box_contents_com{width:100%; margin: 0 5%;} .box-txt_contents_com{ display:inline-block; padding: 1em; margin: 2em 0; font-weight: bold; color: var(--text);/* border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/height: 450px;position:relative; } .box-txt_contents_com li{ margin: 0; padding: 0;} .box-txt_contents_com li.con_title{ font-size: 133.3%; text-decoration: bold; text-align:left;line-height: 1.3; margin-top: 20px; margin-bottom:20px;} .box-txt_contents_com li.con_img{ font-size: 100%;text-align: center; } .box-txt_contents_com li.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .box-txt_contents_com li.con_txt a:hover{ text-decoration: underline; } .box-txt_contents_com li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto!important;} .box-txt_contents_com li a.plbtn_blue:hover{opacity: .7;} .box-txt_contents_com li.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto;} .box-txt_contents_com li.con_txt a.plbtn_blue:hover{opacity: .7;} .box_contents_shi{width:100%; margin: 0 5%;} .box-txt_contents_shi{ display:inline-block; padding: 1em; margin: 2em 0; font-weight: bold; color: var(--text);/* border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/height: 250px;position:relative; } .box-txt_contents_shi li{ margin: 0; padding: 0;} .box-txt_contents_shi li.con_title{ font-size: 133.3%; text-decoration: bold; text-align:left;line-height: 1.3; margin-top: 20px; margin-bottom:20px;} .box-txt_contents_shi li.con_img{ font-size: 100%;text-align: center; } .box-txt_contents_shi li.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .box-txt_contents_shi li.con_txt a:hover{ text-decoration: underline; } .box-txt_contents_shi li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto!important;} .box-txt_contents_shi li a.plbtn_blue:hover{opacity: .7;} .box-txt_contents_shi li.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto;} .box-txt_contents_shi li.con_txt a.plbtn_blue:hover{opacity: .7;} .box_contents_shi2{width:100%; margin: 0 5%;} .box-txt_contents_shi2{ display:inline-block; padding: 1em; margin: 2em 0; font-weight: bold; color: var(--text);/* border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/height: 250px;position:relative; } .box-txt_contents_shi2 li{ margin: 0; padding: 0;} .box-txt_contents_shi2 li.con_title{ font-size: 133.3%; text-decoration: bold; text-align:left;line-height: 1.3; margin-top: 20px; margin-bottom:20px;} .box-txt_contents_shi2 li.con_img{ font-size: 100%;text-align: center; } .box-txt_contents_shi2 li.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .box-txt_contents_shi2 li.con_txt a:hover{ text-decoration: underline; } .box-txt_contents_shi2 li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto!important;} .box-txt_contents_shi2 li a.plbtn_blue:hover{opacity: .7;} .box-txt_contents_shi2 li.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto;} .box-txt_contents_shi2 li.con_txt a.plbtn_blue:hover{opacity: .7;} .box_contents_shi3{width:100%; margin: 0 5%;} .box-txt_contents_shi3{ display:inline-block; padding: 1em; margin: 2em 0; font-weight: bold; color: var(--text);/* border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/height: 250px;position:relative; } .box-txt_contents_shi3 li{ margin: 0; padding: 0;} .box-txt_contents_shi3 li.con_title{ font-size: 133.3%; text-decoration: bold; text-align:left;line-height: 1.3; margin-top: 20px; margin-bottom:20px;} .box-txt_contents_shi3 li.con_img{ font-size: 100%;text-align: center; } .box-txt_contents_shi3 li.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .box-txt_contents_shi3 li.con_txt a:hover{ text-decoration: underline; } .box-txt_contents_shi3 li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto!important;} .box-txt_contents_shi3 li a.plbtn_blue:hover{opacity: .7;} .box-txt_contents_shi3 li.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto;} .box-txt_contents_shi3 li.con_txt a.plbtn_blue:hover{opacity: .7;} .box_contents_doc{width:100%; margin: 0 5%;} .box-txt_contents_doc{ display:inline-block; padding: 1em; margin: 2em 0; font-weight: bold; color: var(--text);/* border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/height: 200px;position:relative; } .box-txt_contents_doc li{ margin: 0; padding: 0;} .box-txt_contents_doc li.con_title{ font-size: 133.3%; text-decoration: bold; text-align:left;line-height: 1.3; margin-top: 20px; margin-bottom:20px;} .box-txt_contents_doc li.con_img{ font-size: 100%;text-align: center; } .box-txt_contents_doc li.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .box-txt_contents_doc li.con_txt a:hover{ text-decoration: underline; } .box-txt_contents_doc li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); /*margin-top: 30px;*//* margin-left: 120px;*/ margin: 30px auto 0;} .box-txt_contents_doc li a.plbtn_blue:hover{opacity: .7;} .box-txt_contents_doc li.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin-top: 30px;} .box-txt_contents_doc li.con_txt a.plbtn_blue:hover{opacity: .7;} .box_contents_doc2{width:100%; margin: 0 5%;} .box-txt_contents_doc2{ display:inline-block; padding: 1em; margin: 2em 0; font-weight: bold; color: var(--text);/* border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/height: 200px;position:relative;} .box-txt_contents_doc2 li{ margin: 0; padding: 0;} .box-txt_contents_doc2 li.con_title{ font-size: 133.3%; text-decoration: bold; text-align:left;line-height: 1.3; margin-top: 20px; margin-bottom:20px;} .box-txt_contents_doc2 li.con_img{ font-size: 100%;text-align: center; } .box-txt_contents_doc2 li.con_txt a{font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .box-txt_contents_doc2 li.con_txt a:hover{ text-decoration: underline; } .box-txt_contents_doc2 li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); /*margin-top: 30px;*//* margin-left: 120px;*/ margin: 30px auto 0;} .box-txt_contents_doc2 li a.plbtn_blue:hover{opacity: .7;} .box-txt_contents_doc2 li.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin-top: 30px;position: } .box-txt_contents_doc2 li.con_txt a.plbtn_blue:hover{opacity: .7;} .box_contents_in{width:100%; margin: 0 5%;} .box-txt_contents_in{ display:inline-block; padding: 2em; margin: 2em 0; font-weight: bold; color: var(--text);/* border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/height: 600px;position:relative; } .box-txt_contents_in li{ margin: 0; padding: 0;} .box-txt_contents_in li.con_title{ font-size: 133.3%; text-decoration: bold; text-align:left;line-height: 1.3; margin-top: 20px; margin-bottom:20px;} .box-txt_contents_in li.con_img{ font-size: 100%;text-align: center; } .box-txt_contents_in li.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .box-txt_contents_in li.con_txt a:hover{ text-decoration: underline; } .box-txt_contents_in li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); /*margin-top: 30px;*//* margin-left: 120px;*/ margin: 30px auto 0;} .box-txt_contents_in li a.plbtn_blue:hover{opacity: .7;} .box-txt_contents_in li.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin-top: 30px;} .box-txt_contents_in li.con_txt a.plbtn_blue:hover{opacity: .7;} .box_contents_in2{width:100%; margin: 0 5%;} .box-txt_contents_in2{ display:inline-block; padding: 1em; margin: 2em 0; font-weight: bold; color: var(--text);/* border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/height: 550px;position:relative;} .box-txt_contents_in2 li{ margin: 0; padding: 0;} .box-txt_contents_in2 li.con_title{ font-size: 133.3%; text-decoration: bold; text-align:left;line-height: 1.3; margin-top: 20px; margin-bottom:20px;} .box-txt_contents_in2 li.con_img{ font-size: 100%;text-align: center; } .box-txt_contents_in2 li.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .box-txt_contents_in2 li.con_txt a:hover{ text-decoration: underline; } .box-txt_contents_in2 li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); /*margin-top: 30px;*//* margin-left: 120px;*/ margin: 30px auto 0;} .box-txt_contents_in2 li a.plbtn_blue:hover{opacity: .7;} .box-txt_contents_in2 li.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin-top: 30px;position: } .box-txt_contents_in2 li.con_txt a.plbtn_blue:hover{opacity: .7;} .box_contents_movie{width:100%; margin: 0 5%;} .box-txt_contents_movie{ display:inline-block; padding: 1em; margin: 2em 0; font-weight: bold; color: var(--text);/* border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/height: 400px;position:relative; } .box-txt_contents_movie li{ margin: 0; padding: 0;} .box-txt_contents_movie li.con_title{ font-size: 133.3%; text-decoration: bold; text-align:left;line-height: 1.3; margin-top: 20px; margin-bottom:20px;} .box-txt_contents_movie li.con_img{ font-size: 100%;text-align: center; } .box-txt_contents_movie li.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .box-txt_contents_movie li.con_txt a:hover{ text-decoration: underline; } .box-txt_contents_movie li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); /*margin-top: 30px;*//* margin-left: 120px;*/ margin: 30px auto 0;} .box-txt_contents_movie li a.plbtn_blue:hover{opacity: .7;} .box-txt_contents_movie li.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin-top: 30px;} .box-txt_contents_movie li.con_txt a.plbtn_blue:hover{opacity: .7;} .box_contents_movie2{width:100%; margin: 0 5%;} .box-txt_contents_movie2{ display:inline-block; padding: 1em; margin: 2em 0; font-weight: bold; color: var(--text);/* border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/height: 400px;position:relative;} .box-txt_contents_movie2 li{ margin: 0; padding: 0;} .box-txt_contents_movie2 li.con_title{ font-size: 133.3%; text-decoration: bold; text-align:left;line-height: 1.3; margin-top: 20px; margin-bottom:20px;} .box-txt_contents_movie2 li.con_img{ font-size: 100%;text-align: center; } .box-txt_contents_movie2 li.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .box-txt_contents_movie2 li.con_txt a:hover{ text-decoration: underline; } .box-txt_contents_movie2 li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); /*margin-top: 30px;*//* margin-left: 120px;*/ margin: 30px auto 0;} .box-txt_contents_movie2 li a.plbtn_blue:hover{opacity: .7;} .box-txt_contents_movie2 li.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin-top: 30px;position: } .box-txt_contents_movie2 li.con_txt a.plbtn_blue:hover{opacity: .7;} .box_contents_sap{width:100%; margin: 0 5%;} .box-txt_contents_sap{ display:inline-block; padding: 1em; margin: 2em 0; font-weight: bold; color: var(--text);/* border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/height: 450px;position:relative; } .box-txt_contents_sap li{ margin: 0; padding: 0;} .box-txt_contents_sap li.con_title{ font-size: 133.3%; text-decoration: bold; text-align:left;line-height: 1.3; margin-top: 20px; margin-bottom:20px;} .box-txt_contents_sap li.con_img{ font-size: 100%;text-align: center; } .box-txt_contents_sap li.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .box-txt_contents_sap li.con_txt a:hover{ text-decoration: underline; } .box-txt_contents_sap li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); /*margin-top: 30px;*//* margin-left: 120px;*/ margin: 30px auto 0;} .box-txt_contents_sap li a.plbtn_blue:hover{opacity: .7;} .box-txt_contents_sap li.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin-top: 30px;} .box-txt_contents_sap li.con_txt a.plbtn_blue:hover{opacity: .7;} /*�E�E�E�E�E�E�E��E�E�E�E�E�E�E�i�E�E�E�E�E�E�E��E�E�E�E�E�E�E�*/ .box_contents_sap2{width:100%; margin: 0 5%;} .box-txt_contents_sap2{ display:inline-block; padding: 1em; margin: 2em 0; font-weight: bold; color: var(--text);/* border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/height: 500px;position:relative;} .box-txt_contents_sap2 li{ margin: 0; padding: 0;} .box-txt_contents_sap2 li.con_title{ font-size: 133.3%; text-decoration: bold; text-align:left;line-height: 1.3; margin-top: 20px; margin-bottom:20px;} .box-txt_contents_sap2 li.con_img{ font-size: 100%;text-align: center; } .box-txt_contents_sap2 li.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .box-txt_contents_sap2 li.con_txt a:hover{ text-decoration: underline; } .box-txt_contents_sap2 li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); /*margin-top: 30px;*//* margin-left: 120px;*/ margin: 30px auto 0;} .box-txt_contents_sap2 li a.plbtn_blue:hover{opacity: .7;} .box-txt_contents_sap2 li.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin-top: 30px;} .box-txt_contents_sap2 li.con_txt a.plbtn_blue:hover{opacity: .7;} .box_contents_archive{width:100%; margin: 0 5%;} .box-txt_contents_archive{ display:inline-block; padding: 1em; margin: 2em 0; font-weight: bold; color: var(--text);/* border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/height: 200px;position:relative; } .box-txt_contents_archive li{ margin: 0; padding: 0;} .box-txt_contents_archive li.con_title{ font-size: 133.3%; text-decoration: bold; text-align:left;line-height: 1.3; margin-top: 20px; margin-bottom:20px;} .box-txt_contents_archive li.con_img{ font-size: 100%;text-align: center; } .box-txt_contents_archive li.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .box-txt_contents_archive li.con_txt a:hover{ text-decoration: underline; } .box-txt_contents_archive li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto!important;} .box-txt_contents_archive li a.plbtn_blue:hover{opacity: .7;} .box-txt_contents_archive li.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto;} .box-txt_contents_archive li.con_txt a.plbtn_blue:hover{opacity: .7;} .box_contents_cook{width:100%; margin: 0 5%;} .box-txt_contents_cook{ display:inline-block; padding: 1em; margin: 2em 0; font-weight: bold; color: var(--text);/* border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/height: 800px;position:relative; } .box-txt_contents_cook li{ margin: 0; padding: 0;} .box-txt_contents_cook li.con_title{ font-size: 133.3%; text-decoration: bold; text-align:left;line-height: 1.3; margin-top: 20px; margin-bottom:20px;} .box-txt_contents_cook li.con_img{ font-size: 100%;text-align: center; } .box-txt_contents_cook li.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .box-txt_contents_cook li.con_txt a:hover{ text-decoration: underline; } .box-txt_contents_cook li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); /*margin-top: 30px;*//* margin-left: 120px;*/ margin: 30px auto 0;} .box-txt_contents_cook li a.plbtn_blue:hover{opacity: .7;} .box-txt_contents_cook li.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin-top: 30px;} .box-txt_contents_cook li.con_txt a.plbtn_blue:hover{opacity: .7;} .box_contents_cook2{width:100%; margin: 0 5%;} .box-txt_contents_cook2{ display:inline-block; padding: 1em; margin: 2em 0; font-weight: bold; color: var(--text);/* border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/height: 600px;position:relative;} .box-txt_contents_cook2 li{ margin: 0; padding: 0;} .box-txt_contents_cook2 li.con_title{ font-size: 133.3%; text-decoration: bold; text-align:left;line-height: 1.3; margin-top: 20px; margin-bottom:20px;} .box-txt_contents_cook2 li.con_img{ font-size: 100%;text-align: center; } .box-txt_contents_cook2 li.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .box-txt_contents_cook2 li.con_txt a:hover{ text-decoration: underline; } .box-txt_contents_cook2 li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); /*margin-top: 30px;*//* margin-left: 120px;*/ margin: 30px auto 0;} .box-txt_contents_cook2 li a.plbtn_blue:hover{opacity: .7;} .box-txt_contents_cook2 li.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin-top: 30px;position: } .box-txt_contents_cook2 li.con_txt a.plbtn_blue:hover{opacity: .7;} a.relation_box, div.relation_box{ width: 31%; /*height: 500px;*/ height: 400px; display: block; color:var(--text); text-decoration: none; /*border: 1px solid #B7B6B6;*/ box-sizing: border-box; background:#FFF; margin-bottom: 30px; } a.relation_box:hover{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text); } .relation_box a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: var(--minimedBlue); font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: #fff!important; margin: 30px auto 0 ;/* margin-left: 50px;*/ border: 1px solid var(--minimedBlue);} .relation_box a.plbtn_blue:hover{opacity: .7;} .relation_box img{ width: 100%; margin-bottom: 0; line-height: 0; } .insights_txt{ line-height: 1.4; box-sizing: border-box; padding: 42px 34px 20px; } .relation_box h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } .relation_box p.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none; font-weight: bold;} .relation_box p.con_txt a:hover{ text-decoration: underline; } .manga_box{ display:inline-block; padding: 1em; margin: 2em 0; font-weight: bold; color: var(--text);/* border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/height: 220px; } .manga_box li{ margin: 0; padding: 0;} .manga_box li.m_title{ font-size: 133.3%; text-decoration: bold; text-align: center;line-height: 1.3; margin-top: 20px; margin-bottom:20px;} .manga_box li.m_img{ font-size: 100%;text-align: center; } .manga_box li.m_txt{ font-size: 100%; text-align: left; /*letter-spacing: -1px;*/} .manga_box li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin-top: 30px; margin-left: 120px;} .manga_box li a.plbtn_blue:hover{opacity: .7;} .m_box_img{width:250px;} .kanso_box{ border: 1px solid var(--minimedBlue); padding: 1em; margin-bottom: 1em; } .kanso_box input[type=checkbox]{ width: 1.5em; height: 1.5em; } .kanso_box table{} .kanso_box table th{ font-weight: normal; text-align: left;font-size: 84%; vertical-align: top; } .kanso_box table td{ width: 10em; } .kanso_box table td div{ background: #ffffff; padding: 0.5em; } .comic_link2{ text-align: center!important; margin-bottom: 1em; color: #ffffff; } .comic_link2 span{ display: inline-block; border: 1px solid var(--minimedBlue); padding: 0.5em 2.5em 0.5em 1.5em; background:#ffffff; color:var(--minimedBlue);} .comic_link2 a{ display: inline-block; border: 1px solid var(--minimedBlue); padding: 0.5em 2.5em 0.5em 1.5em; background:url("../images/common/ic_navipurple.png") no-repeat 98% 50% #ffffff; text-decoration: none !important; } .comic_link2 a:hover{ background:url(../images/common/ic_navipurple.png) var(--minimedBlue) no-repeat 98% 50%;text-decoration: none; color: #ffffff; } /*pink*/ .arrow_answer, .arrow_question { position: relative; background: #FEF6FC; border: 1px solid #e5057f; border-radius: 10px; width:/*75%*/60%; font-size: 14px; padding:3%;} .arrow_question { float: right;} .arrow_answer:after, .arrow_answer:before, .arrow_question:after, .arrow_question:before { top: 30%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} .arrow_question:after, .arrow_question:before {right: 100%;} .arrow_answer:after, .arrow_answer:before{ left: 100%;} .arrow_answer:after, .arrow_question:after { border-color: rgba(255, 255, 255, 0); border-width: 8px; margin-top: -8px;} .arrow_answer:after{ border-left-color: #FEF6FC;} .arrow_question:after{ border-right-color: #FEF6FC;} .arrow_answer:before, .arrow_question:before { border-color: rgba(200, 200, 200, 0); border-width: 9px; margin-top: -9px;} .arrow_answer:before{ border-left-color: #e5057f;} .arrow_question:before { border-right-color: #e5057f;} .question_image{ float: left; width:/*15%*/30%;} .answer_image{ float: right; width:/*15%*/30%;} .answer_image img{ border-radius: 50px; display: block; margin: 0 auto; max-width: /*60px*/300px; width: 100%; border: solid 1px var(--text);} .question_image img{ border-radius: 50px; display: block; margin: 0 auto; max-width: /*60px*/300px; width: 100%; border: solid 1px var(--text);} .question_Box .name { text-align: center; font-size: 12px;} .question_Box{ width: 100%; overflow: hidden; margin-bottom: 25px;} /*blue*/ .arrow_answer_bl, .arrow_question_bl { position: relative; background: #edfbfc; border: 1px solid #7eca2a; border-radius: 10px; width:/*75%*/60%; font-size: 14px; padding:3%;} .arrow_question_bl { float: right;} .arrow_answer_bl:after, .arrow_answer_bl:before, .arrow_question_bl:after, .arrow_question_bl:before { top: 30%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} .arrow_question_bl:after, .arrow_question_bl:before {right: 100%;} .arrow_answer_bl:after, .arrow_answer_bl:before{ left: 100%;} .arrow_answer_bl:after, .arrow_question_bl:after { border-color: rgba(255, 255, 255, 0); border-width: 8px; margin-top: -8px;} .arrow_answer_bl:after{ border-left-color:#edfbfc;} .arrow_question_bl:after{ border-right-color: #edfbfc;} .arrow_answer_bl:before, .arrow_question_bl:before { border-color: rgba(200, 200, 200, 0); border-width: 9px; margin-top: -9px;} .arrow_answer_bl:before{ border-left-color: #7eca2a;} .arrow_question_bl:before { border-right-color: #7eca2a;} .question_image_bl{ float: left; width:/*15%*/30%;} .answer_image_bl{ float: right; width:/*15%*/30%;} .answer_image_bl img{ border-radius: 50px; display: block; margin: 0 auto; max-width: /*60px*/300px; width: 100%; border: solid 1px var(--text);} .question_image_bl img{ border-radius: 50px; display: block; margin: 0 auto; max-width: /*60px*/300px; width: 100%; border: solid 1px var(--text);} .question_Box_bl .name { text-align: center; font-size: 12px;} .question_Box_bl{ width: 100%; overflow: hidden; margin-bottom: 25px;} /*yellow*/ .arrow_answer_y, .arrow_question_y { position: relative; background: #FFF0D3; border: 1px solid #ffad00; border-radius: 10px; width:/*75%*/60%; font-size: 14px; padding:3%;} .arrow_question_y { float: right;} .arrow_answer_y:after, .arrow_answer_y:before, .arrow_question_y:after, .arrow_question_y:before { top: 30%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} .arrow_question_y:after, .arrow_question_y:before {right: 100%;} .arrow_answer_y:after, .arrow_answer_y:before{ left: 100%;} .arrow_answer_y:after, .arrow_question_y:after { border-color: rgba(255, 255, 255, 0); border-width: 8px; margin-top: -8px;} .arrow_answer_y:after{ border-left-color:#FFF0D3;} .arrow_question_y:after{ border-right-color: #FFF0D3;} .arrow_answer_y:before, .arrow_question_y:before { border-color: rgba(200, 200, 200, 0); border-width: 9px; margin-top: -9px;} .arrow_answer_y:before{ border-left-color: #ffad00;} .arrow_question_y:before { border-right-color: #ffad00;} .question_image_y{ float: left; width:/*15%*/30%;} .answer_image_y{ float: right; width:/*15%*/30%;} .answer_image_y img{ border-radius: 50px; display: block; margin: 0 auto; max-width: /*60px*/300px; width: 100%; border: solid 1px var(--text);} .question_image_y img{ border-radius: 50px; display: block; margin: 0 auto; max-width: /*60px*/300px; width: 100%; border: solid 1px var(--text);} .question_Box_y .name { text-align: center; font-size: 12px;} .question_Box_y{ width: 100%; overflow: hidden; margin-bottom: 25px;} ol.recipe_num{counter-reset:list; list-style-type:none;/* font: 14px/1.6 'arial narrow', sans-serif;*/ padding:0;} ol.recipe_num li{ position:relative; padding: 0 0 0 30px; margin: 7px 0 7px 0px; font-weight: bold; font-size:14px; line-height: 29px; border: dashed 1px transparent; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } ol.recipe_num li:before{ counter-increment: list; content: counter(list); position: absolute; left: -10px; width: 30px; height: 30px; text-align: center; color: #fff;line-height:30px; background: var(--minimedBlue); border-radius: 50%; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .dl_cooking-class{} .dl_cooking-class dt, .dl_cooking-class dd{ font-size: 84%; } .dl_cooking-class dt{ font-weight: bold; color: var(--minimedBlue); } .dl_cooking-class dd{ margin-bottom: 1.0em; } .nutrients_tbl{border-top: 1px solid #777777; /*border-left: 1px dotted #CCC;*/ width: 80%; margin: 0 2em 1.5em; font-size: 14px; } .nutrients_tbl th{font-weight: normal; text-align: left; background: #F1F1F1; } .nutrients_tbl th, .nutrients_tbl td{ /*border-bottom: 1px dotted #CCC; border-right: 1px dotted #CCC;*/ padding: 0.3em 0.5em; } .nutrients_tbl td{ text-align: right; } .tbl_toggle{ display: none; } .nutrients_tbl th#btn-txt{font-weight: normal; text-align:center; background: #FFF; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; font-size: 15px; color: #004B87; cursor: pointer; } .material_tbl_500{width:700px;} .material_tbl{border-top: 1px dotted #777777; border-left: 1px dotted #777777; width: 50%; float: left; } .material_tbl th{font-weight: normal; text-align: left; background: #F1F1F1; } .material_tbl th, .material_tbl td{ border-bottom: 1px dotted #777777; border-right: 1px dotted #777777; padding: 0.7em; } .material_tbl td{ text-align: right; } ol.recipe_list { counter-reset:number; list-style-type: none!important; padding:0.5em; } ol.recipe_list li { position: relative; line-height: 1.5em; padding: 1em 0.5em 1em 40px; font-size: 110%; } ol.recipe_list li:after{content:"";display:block;clear:both; } /* clearfix */ ol.recipe_list li:before{ position: absolute; counter-increment: number; content: counter(number); display:inline-block; background: var(--minimedBlue); color: #FFF; font-weight:bold; font-size: 15px; left: 0; width: 30px; height: 30px; border-radius: 50%; line-height: 25px; text-align: center; top: 1.8em; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .recipe_pic{ float: right; vertical-align: top; height: 100px; width: auto; } .tbl_base{ border-collapse: separate; border-spacing: 2px; margin-bottom: 2.5em; box-sizing:border-box; } .tbl_base th, .tbl_base td{ padding: 0.5em; line-height: 1.6!important; vertical-align: middle; } .tbl_base th{ background:#f5f5f5; text-align: left; } .tbl_base td{ background:#FFF; } .comment02{ text-align: right; } .comment02 p { position: relative; display: inline-block; margin: 0.5em 15px 0.5em 0; padding: 0.8em 15px; min-width: 120px; max-width: 80%; color: var(--text); font-size: 16px; background: #ffffff; border: solid 1px var(--minimedBlue); box-sizing: border-box; border-radius: 10px; text-align: left; line-height: 1.4; } .comment02 p:before { content: ""; position: absolute; top: 50%; right: -24px; margin-top: -12px; border: 12px solid transparent; border-left: 12px solid #ffffff; z-index: 2; } .comment02 p:after { content: ""; position: absolute; top: 50%; right: -26px; margin-top: -13px; border: 13px solid transparent; border-left: 13px solid var(--minimedBlue); z-index: 1; } .comment03{ text-align: left; } .comment03 p { position: relative; display: inline-block; margin: 0.5em 0px 0.5em 15px; padding: 0.8em 15px; min-width: 120px; max-width: 80%; color: var(--text); font-size: 16px; background: #ffffff; border: solid 1px var(--minimedBlue); box-sizing: border-box; border-radius: 10px; text-align: left; line-height: 1.4; } .comment03 p:before { content: ""; position: absolute; top: 50%; left: -24px; margin-top: -12px; border: 12px solid transparent; border-right: 12px solid #ffffff; z-index: 2; } .comment03 p:after { content: ""; position: absolute; top: 50%; left: -26px; margin-top: -13px; border: 13px solid transparent; border-right: 13px solid var(--minimedBlue); z-index: 1; } .sugar_tbl{border-top: 1px solid #777777; border-left: 1px solid #777777; width: 48.5%; float: left; margin-right: 3%; } .sugar_tbl th{background: var(--darkBlue); color: #ffffff; } .sugar_tbl th, .sugar_tbl td{ border-bottom: 1px solid #777777; border-right: 1px solid #777777; padding: 0.7em; } .sugar_tbl td{ } .sugarless_tbl{border-top: 1px solid #777777; border-left: 1px solid #777777; width: 48.5%; float: left; } .sugarless_tbl th{background: var(--darkBlue); color: #ffffff; } .sugarless_tbl th, .sugarless_tbl td{ border-bottom: 1px solid #777777; border-right: 1px solid #777777; padding: 0.7em; } .sugarless_tbl td{ } .food_pic img{ height: 40px; width: auto; } .lower_plbtn_blue{ align-items: center; justify-content: center; line-height: 1.7; text-decoration: none; color: #ffffff!important; border-radius: 30px; width:500px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 30px auto 0; padding: 15px;} .lower_plbtn_blue:hover{opacity: .7; color: #ffffff;} .low_plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin-top: 30px;/* margin-left: 120px; margin: 30px auto 0;*/} .low_plbtn_blue:hover{opacity: .7;} .nutrition_facts_label{ background: #F1F1F1; padding: 1em; } .quick_estimate_tbl{border-top: 1px solid #FFF; border-left: 1px solid #FFF; width: 48%; } .quick_estimate_tbl th{background: var(--darkBlue); font-size:90%; color: #ffffff; } .quick_estimate_tbl th, .quick_estimate_tbl td{ border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; padding: 0.5em 0.7em; vertical-align: middle; } .quick_estimate_tbl td{ font-size: 84%; background: #ffffff; } .capacity{ text-align: center; width: 25%; } .sugar_mass{text-align: center; width: 35%; line-height: 1.2; padding: 0.3em; background: #fce1b9!important; } .tbl_left{ float: left; margin: 0 1% 1em 0 ; } .tbl_right{ float: right; margin: 0 0 1em 1%; } .calculation_tbl{ margin: 0 0 1.5em 2.5em; background: #FFF; border: 10px solid #FFF; } .calculation_tbl th{ color: #666; font-weight: normal; } .calculation_tbl th, .calculation_tbl td{text-align: center; } .calculation_tbl td{ font-size:200%; font-weight: bold; padding: 0 0.5em; line-height: 1.0; } .accordion-area{ list-style: none; width:60% /*96%*/; max-width: 600px; margin:0 auto;} .accordion-area li{ margin: 10px 0;} .accordion-area section { border: 1px solid #777777; } .title { position: relative; cursor: pointer; /*font-size:1rem; font-weight: normal;*/ padding: 3% 3% 3% 50px; transition: all .5s ease; } .title::before, .title::after{ position: absolute; content:''; width: 15px; height: 2px; background-color: #333; } .title::before{ top:48%; left: 15px; transform: rotate(0deg); } .title::after{ top:48%; left: 15px; transform: rotate(90deg); } .title.close::before{ transform: rotate(45deg); } .title.close::after{ transform: rotate(-45deg); } .box_recipe { display: none; background: #f3f3f3; margin:0 3% 3% 3%; padding: 3%; } #header{ height: 70px; /* width:100%; */ /*ȉ̓CAEĝ߁ESS*/ display: flex; justify-content: space-between; align-items: center; background:#fff; /*color:#fff;*/ /*text-align: center;*/ padding: 20px; position: relative; /* 追加 */ z-index: 999; } #header.fixed{ position: fixed; z-index: 999; top:0; left:0; width: 100%; } .note_box {width: 500px; margin: 10px auto; padding: 20px; border: 2px solid var(--yellow); color: var(--text); background-color: var(--yellow);} /*inspection and treatment*/ .box_con{width:100%;/* margin: 0 5%;*/} .box_double_con_l{ float: left; width: 50%; box-sizing: border-box; padding: 2%;} .box_double_con_l img{ width: 100%;} .box_double_con_r{ float: right; width: 50%; box-sizing: border-box; padding: 2%;} .box_double_con_r img{ width: 100%;} .box_con{width:100%; margin: 0 5%;} .box-txt_con{ display:inline-block; padding: 2em; margin: 2em 0; font-weight: bold;height: 280px;} .box-txt_con li{ margin: 0; padding: 0;} .box-txt_con li.con_title{ font-size: 133.3%; text-decoration: bold; text-align:left;} .box-txt_con li.con_img{ text-align: center;margin-top: 15px;margin-bottom: 15px; width: 100%;} .box-txt_con li.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;} .box-txt_con li.con_txt a:hover{ text-decoration: underline; } .box-txt_con li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 30px auto 0px;} .box-txt_con li a.plbtn_blue:hover{opacity: .7;} .box_movie{width:100%;/* margin: 0 5%;*/} .box_double_movie_l{ float: left; width: 50%; box-sizing: border-box; padding: 2%;} .box_double_movie_l img{ width:300px;} .box_double_movie_r{ float: right; width: 50%; box-sizing: border-box; padding: 2%;} .box_double_movie_r img{ width:300px;} .balloon_l, .balloon_r{ margin: 30px 0; display:flex; justify-content: flex-start; align-items: flex-start; /* align-items: center; */ } .balloon_r{ justify-content:flex-end; } .faceicon img{ width: 80px; height: auto; } .balloon_r .faceicon{ margin-left:25px; } .balloon_l .faceicon{ margin-right:25px; } .balloon_r .faceicon{ order:2 !important; } .says { max-width:600px; display: flex; flex-wrap: wrap; position: relative; padding: 20px; border-radius: 50px; background: var(--minimedBlue); margin:0 !important; line-height:1.5; color: #fff; align-items: center; /* align-items: center; */ } .says p{ margin:8px 0 0 !important; } .says p:first-child{ margin-top:0 !important; } .says:after { content: ""; position: absolute; border: 10px solid transparent; /* margin-top:-3px; */ } .balloon_l .says:after { left: -26px; border-right: 22px solid var(--minimedBlue); } .balloon_r .says:after { right: -26px; border-left: 22px solid var(--minimedBlue); } .box_mamori{width:100%;/* margin: 0 5%;*/} .box_tri_mamori_l{ float: left; width: auto; box-sizing: border-box; padding: 2%;} .box_tri_mamori_m{ float: left; width: auto; box-sizing: border-box; padding: 2%;} .box_tri_mamori_r{ float: left; width: auto; box-sizing: border-box; padding: 2%;} a.relation_box_mamori, div.relation_box_mamori{ width: 31%; /*height: 500px;*/ height: 400px; display: block; color:var(--text); text-decoration: none; /*border: 1px solid #B7B6B6;*/ box-sizing: border-box; background:#FFF; margin-bottom: 30px;position: relative!important;} a.relation_box_mamori:hover{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text); } .relation_box_mamori a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: var(--minimedBlue); font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: #fff!important; margin: 30px auto 0 ;/* margin-left: 50px;*/ border: 1px solid var(--minimedBlue);} .relation_box_mamori a.plbtn_blue:hover{opacity: .7;} .relation_box_mamori img{ width: 100%; margin-bottom: 0; line-height: 0; } .insights_txt{ line-height: 1.4; box-sizing: border-box; padding: 42px 34px 20px; } .relation_box_mamori h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } .relation_box_mamori p.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none; font-weight: bold;position: absolute;bottom: 20px!important;} .relation_box_mamori p.con_txt a:hover{ text-decoration: underline; } .key_bkg_mamo{ width: 1215px; height: 553px; margin: auto; position: relative; } .box_mamori_l{ float: left; width: 50%; box-sizing: border-box; padding: 2%; text-align: center;} .box_mamori_l img{ width: 60%;} .box_contents_mamori{width:100%; margin: 0 5%;} .box-txt_contents_mamori{ display:inline-block; padding: 1em; margin: 2em 0; font-weight: bold; color: var(--text);/* border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/height: 320px;position:relative; } .box-txt_contents_mamori li{ margin: 0; padding: 0;} .box-txt_contents_mamori li.con_title{ font-size: 133.3%; text-decoration: bold; text-align:left;line-height: 1.3; margin-top: 20px; margin-bottom:20px;} .box-txt_contents_mamori li.con_img{ font-size: 100%;text-align: center; } .box-txt_contents_mamori li.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .box-txt_contents_mamori li.con_txt a:hover{ text-decoration: underline; } .box-txt_contents_mamori li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto!important;} .box-txt_contents_mamori li a.plbtn_blue:hover{opacity: .7;} .box-txt_contents_mamori li.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto;} .box-txt_contents_mamori li.con_txt a.plbtn_blue:hover{opacity: .7;} .box_contents_mamori02{width:100%; margin: 0 5%;} .box-txt_contents_mamori02{ display:inline-block; padding: 1em; margin: 2em 0; font-weight: bold; color: var(--text);/* border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/height: 420px;position:relative; } .box-txt_contents_mamori02 li{ margin: 0; padding: 0;} .box-txt_contents_mamori02 li.con_title{ font-size: 133.3%; text-decoration: bold; text-align:left;line-height: 1.3; margin-top: 20px; margin-bottom:20px;} .box-txt_contents_mamori02 li.con_img{ font-size: 100%;text-align: center; } .box-txt_contents_mamori02 li.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .box-txt_contents_mamori02 li.con_txt a:hover{ text-decoration: underline; } .box-txt_contents_mamori02 li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto!important;} .box-txt_contents_mamori02 li a.plbtn_blue:hover{opacity: .7;} .box-txt_contents_mamori02 li.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto;} .box-txt_contents_mamori02 li.con_txt a.plbtn_blue:hover{opacity: .7;} .box_mamori{width:100%;} .box_three_l{ float: left; width: 20%; box-sizing: border-box;} .box_three_mid{ float: left;width: 20%; box-sizing: border-box;} .box_three_r{ float: right; width: 60%; box-sizing: border-box;} .box-txt_mamori{ display:inline-block; padding: 1em; margin: 2em 0; font-weight: bold; color: var(--text);/* border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/height: 320px;position:relative;} .box-txt_mamori li.con_title{text-decoration: bold; text-align:left;line-height: 1.3; margin-top: 20px; margin-bottom:20px;} .box-txt_mamori li.con_img{ font-size: 100%;text-align: center; } .box-txt_mamori li.con_txt { font-size: 133.3%!important; text-align: left!important; color: var(--minimedBlue); text-decoration: none;} .box-txt_mamori li.con_txt a:hover{ text-decoration: underline; } .app_pic{ height: 50px; width: auto; } .appbtn_pic{ height: 50px; width: auto; text-align: center;} .searchList { margin-bottom: 20px; } .searchList li { display: inline-block; } .list_app { overflow: hidden; } .list_app li { float: left; width: 500px; margin: 10px; } #more { display: none; } label.is-disabled { color: #ccc; } .selectbox { display: inline-flex; align-items: center; position: relative; } .selectbox::after { position: absolute; right: 15px; width: 10px; height: 7px; background-color: #535353; clip-path: polygon(0 0, 100% 0, 50% 100%); content: ''; pointer-events: none; } .selectbox select { appearance: none; min-width: 230px; height: 2.8em; padding: .4em calc(.8em + 30px) .4em .8em; border: 1px solid #cccccc; border-radius: 3px; background-color: #fff; color: #333333; font-size: 1em; cursor: pointer; } .accordion-area_app{ list-style: none; width:96%; max-width: 800px; margin:0 auto;} .accordion-area_app li{ margin: 10px 0;} .accordion-area_app section { border: 1px solid #777777; } rt{font-size: 10px!important;} .sample {margin: 0 auto; position: relative; padding: 14px; width: 700px; background: -webkit-repeating-linear-gradient(135deg, #d43 0px, #d43 20px, #fec 20px, #fec 40px, #226 40px, #226 60px, #fec 60px, #fec 80px); background: repeating-linear-gradient(135deg, #d43 0px, #d43 20px, #fec 20px, #fec 40px, #226 40px, #226 60px, #fec 60px, #fec 80px); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.6); box-shadow: 0 0 6px rgba(0,0,0,0.6); } .sample section{ padding: 20px; background: #fec; color: #430; font-size:16px; } .sample h2{ margin: 0; } .sample h2 a{ margin: 0; color: #430; font-size: 19px; } .sample section p{ margin: 16px 0 0; line-height: 1.61; } .sample section p a{ display: block; margin: 6px 0 0; color: #27c; } .sample time{ position: absolute; bottom:0px; right: 20px; display: inline-block; padding: 10px; width: 100px; height: 100px; /*border: 5px double #430; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #430; text-align: center; font-size: 22px; font-family: 'Bree Serif', serif; line-height: 100px; -webkit-transform: rotate(-16deg); -ms-transform: rotate(-16deg); transform: rotate(-16deg);*/ } .sample time:before{ position: absolute; top: 14%; display: block; padding: 0 0 8px; width: 100%; /* border-bottom:1px solid #430; content: 'Posted at :'; font-size: 16px; line-height: 1;*/ } .sample time:after{ position: absolute; bottom: 16%; display: block; padding: 6px 0 0; width:100%; /*border-top: 1px solid #430; content: 'from TOKYO'; font-size: 13px; line-height: 1;*/ } .pic_lennyletter{ width:100px;} /*app*/ .box_con_app{width:100%; margin: 0 auto;} .box_double_con_l_app{ float: left; width: 50%; box-sizing: border-box; padding: 2%;} .box_double_con_l_app img{ width: 100%;} .box_double_con_r_app{ float: right; width: 50%; box-sizing: border-box; padding: 2%;} .box_double_con_r_app img{ width: 100%;} .box-txt_con_app li.con_txt_app a.plbtn_blue_app{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin-top: 30px;} .box-txt_con_app li.con_txt_app a.plbtn_blue_app:hover{opacity: .7;} /*.cookie-consent { display: flex; justify-content: center; align-items: center; position: fixed; bottom: 0; width: 100%; font-size: 12px; color: #fff; background: rgba(0,0,0,.7); padding: 1.2em; box-sizing: border-box; visibility: hidden; } .cookie-consent.is-show { visibility: visible; } .policy-link, :link, :visited, :active { color: var(--minimedBlue); font-size: 15px; text-decoration: none; } .cookie-agree, .cookie-reject { color: #fff; background: var(--minimedBlue); padding: .5em 1.5em; margin-left: 20px; } .cookie-agree:hover, .cookie-reject:hover { cursor: pointer; }*/ /* �E�E�E�E�E�E�E�p�E�E�E�E�E�E�E�b�E�E�E�E�E�E�E�Ə��E�E�E�E�E�E�E��E�E�E�E�E�E�E��E�E�E�E�E�E�E��E�E�E�E�E�E�E� */ /*.cc-hide1 { display: none; }*/ /* �E�E�E�E�E�E�E��E�E�E�E�E�E�E��E�E�E�E�E�E�E��E�E�E�E�E�E�E��E�E�E�E�E�E�E��E�E�E�E�E�E�E��E�E�E�E�E�E�E��E�E�E�E�E�E�E��E�E�E�E�E�E�E��E�E�E�E�E�E�E��E�E�E�E�E�E�E��E�E�E�E�E�E�E� */ /* .cc-hide2 { animation: hide 1s linear 0s; animation-fill-mode: forwards; } @keyframes hide { from { opacity: 1; } to { opacity: 0; visibility: hidden; } }*/ .box_contents_line{width:100%; margin: 0 5%;} .box-txt_contents_line{ display:inline-block; padding: 1em; margin: 2em 0; font-weight: bold; color: var(--text);/* border: solid 2px #B7B6B6;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/height: 250px;position:relative; } .box-txt_contents_line li{ margin: 0; padding: 0;} .box-txt_contents_line li.con_title{ font-size: 133.3%; text-decoration: bold; text-align:left;line-height: 1.3; margin-top: 20px; margin-bottom:20px;} .box-txt_contents_line li.con_img{ font-size: 100%;text-align: center; } .box-txt_contents_line li.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .box-txt_contents_line li.con_txt a:hover{ text-decoration: underline; } .box-txt_contents_line li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 250px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto!important;} .box-txt_contents_line li a.plbtn_blue:hover{opacity: .7;} .side_bn_sp{display: none;} a.con_box_bb, div.con_box_bb{ width: 48%; height: 450px; display: block; color:var(--text); text-decoration: none;/* border: 1px solid #B7B6B6;*/ padding: /*43px*/ 25px 37px; box-sizing: border-box; /*background:#FFF;*/ margin-bottom: 30px; position:relative; } a.con_box_bb:hover{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text);} .con_box_bb a h3{ font-weight: bold; margin-bottom: /*1.0em*/; font-size: 106.66%; } .con_box_bb p.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .con_box_bb p.con_txt a:hover{ text-decoration: underline; } .con_box_bb p a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 300px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto!important;} .con_box_bb p a.plbtn_blue:hover{opacity: .7;} .con_box_bb p.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 300px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 30px auto 0;} .con_box_bb p.con_txt a.plbtn_blue:hover{opacity: .7;} .box_contents_bb{width:100%; margin: 0;} .box-txt_contents_bb{ display:inline-block; padding: 1em; margin: 2em 0; font-weight: bold; color: var(--text);height: 150px!important;position:relative; } .box-txt_contents_bb li{ margin: 0; padding: 0;} .box-txt_contents_bb li.con_title{ font-size: 133.3%; text-decoration: bold; text-align:left;line-height: 1.3;} .box-txt_contents_bb li.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none;position:absolute;bottom: 0px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);} .box-txt_contents_bb li.con_txt a:hover{ text-decoration: underline; } .box-txt_contents_bb li a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); /*margin-top: 30px;*//* margin-left: 120px;*/ margin: 30px auto 0;} .box-txt_contents_bb li a.plbtn_blue:hover{opacity: .7;} .box-txt_contents_bb li.con_txt a.plbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin-top: 30px;} /*--------------------------WACAL-------------------------------*/ .category_title{background-color: var(--darkBlue); padding: 10px 20px; color: #fff;width:180px; text-align: center;} .popup-overlay-bg { background: rgb(0, 0, 0, .6); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999 } .popup-inner { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 500px; min-width: 280px; max-height: 500px; display: flex; align-items: center; justify-content: center; z-index: 99999; -webkit-animation: fadein .5s; -moz-animation: fadein .5s; -ms-animation: fadein 0.5s; -o-animation: fadein .5s; animation: fadein .5s } .popup-close { position: absolute; top: -10px; right: -10px; width: 29px; height: 29px; display: flex; border: 1px solid var(--minimedBlue); align-items: center; justify-content: center; background: #fff; cursor: pointer; border-radius: 50%; z-index: 999999; } .popup-close:after, .popup-close:before { width: 14px; height: 2px; content: ""; position: absolute; left: 7px; top: 12px; background: var(--minimedBlue) } .popup-close:before { -ms-transform: rotate(-45deg); transform: rotateZ(-45deg) } .popup-close:after { -ms-transform: rotate(45deg); transform: rotateZ(45deg) } .popup-close { width: 35px; height: 35px } .popup-close:after, .popup-close:before { /* width: 11px; height: 2px; left: 6px; top: 9px */ width: 13px; height: 2px; left: 11px; top: 16px } .popup-inner img { max-width: 100%; max-height: 500px; opacity: 1!important; } #popup { display: none; } @keyframes fadein { from { opacity: 0 } to { opacity: 1 } } @-moz-keyframes fadein { from { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes fadein { from { opacity: 0 } to { opacity: 1 } } @-ms-keyframes fadein { from { opacity: 0 } to { opacity: 1 } } @-o-keyframes fadein { from { opacity: 0 } to { opacity: 1 } } .more_box{ width: 31%;height: 200px; display: block; color:var(--text); text-decoration: none; /*border: 1px solid #B7B6B6; */box-sizing: border-box;/* background:#FFF;*/ margin-bottom: 30px; padding: /*3% */2%; } .more_box h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 106.66%; } .more_box p.con_txt a{ font-size: 100%; text-align: left!important; color: var(--minimedBlue); text-decoration: none; font-weight: bold;} .more_box p.con_txt a:hover{ text-decoration: underline; } .mailmaga_box { width: 500px; margin: 10px auto; padding: 20px 20px 0px 20px; border: 1px solid var(--darkBlue); color: var(--darkBlue);} a.mailbtn_blue{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 400px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0 auto!important;} .mailmaga_box_pop { width: 500px; margin: 10px auto; padding: 20px 20px 0px 20px; border: 1px solid var(--darkBlue); color: var(--darkBlue); background-color: #fff;} a.mailbtn_blue_pop{display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 400px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 30px auto 0;} .layout-width{ width: 100%; } .layout-width2 { width: initial; } /* モーダル */ .modal.js-modal { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999; background: rgba(0,0,0,0.7); justify-content: center; align-items: center; text-align: center; box-sizing: border-box; overflow: auto; display: flex; } .modal__img img { max-width: 80vw; max-height: 70vh; height: auto; width: auto; } .modal__close-button { position: fixed; right: 30px; top: 30px; width: 40px; height: 40px; background-color: var(--minimedBlue); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 50%; opacity: 1; z-index: 10001; } .modal__close-button::before, .modal__close-button::after { content: ""; position: absolute; width: 20px; height: 2px; background-color: #fff; transform-origin: center; } .modal__close-button::before { transform: rotate(45deg); } .modal__close-button::after { transform: rotate(-45deg); } .modal__close-button:hover { opacity: 0.8; background-color: var(--minimedBlue); } @media (max-width: 768px) { .modal__close-button { right: 10px; top: 10px; } } .col_wh_top--gray { background-color: #f5f5f5; padding-top: 50px; padding-bottom: 10px; } .col_wh_top--white { padding-top: 50px; padding-bottom: 10px; } .img-wrap { width: 100%; display: flex; gap: 20px; justify-content: space-between; } .img-wrap__item { display: flex; flex-direction: column; align-items: flex-start; /* gap: 5px; */ } .img-wrap__img { overflow: hidden; } .img-wrap img { width: 100%; height: 100%; transition: 0.6s; } .img-wrap img:hover { transform: scale(1.2); } .img-wrap__text { text-align: left; display: block; } .column_item--reverse { display: flex; flex-direction: column; gap: 20px; } .comic_link2.comic_link2--blue { display: inline-block; } .comic_link2.comic_link2--blue.comic_link2--center { display: block; } .comic_link2.comic_link2--blue a svg polygon { fill: var(--minimedBlue) !important; } .comic_link2.comic_link2--blue:hover a svg polygon { fill: #fff !important; } .comic_img-wrap { display: grid; grid-template-columns: repeat(1, 1fr); column-gap: 40px; row-gap: 20px; /* justify-items: center; */ } .comic_img-wrap--4col { grid-template-columns: repeat(4, 1fr); column-gap: 20px; row-gap: 20px; } .comic_img-wrap__item { display: flex; flex-direction: column; row-gap: 20px; } .column_image { width: 100%; max-width: 80%; } .column_image--big { max-width: 50%;; } .p-red { font-size: 1.3em; color: #e5057f; } .p-large { font-size: 1.2em; font-weight: 700; } .note_box--100 { width: initial; } .note_box--100 p{ margin-block-end: initial; } a.relation_box, div.relation_box.relation_box--50 { width: 50%; } a.relation_box, div.relation_box.relation_box--gray { background-color: inherit; } .ipad_img-wrap { display: flex; justify-content: space-evenly; } .u-desktop { display: block; } .u-sp { display: none; } .comic_img-item { display: flex; flex-direction: column; align-items: center; } .u-desktop2 { display: none; } .u-sp2 { display: block; } .blueballoon__sns-item { display: flex; gap: 10px; } .blueballoon__sns-image { width: 30px; } .blueballoon__sns-image img{ width: 100%; height: 100%; object-fit: contain; } .blueballoon__sns-text { display: flex; flex-direction: column; span{ line-height: 1; } a{ text-decoration: underline; color: var(--minimedBlue); line-height: 1; } a:hover{ opacity: 0.8; } } /* ============================================ # 私�Eターニングポイント（スマ�Eファーストで作�E�E�E =============================================== */ .c-flow__img-set { width: 180px; height: auto; img { width: 100%; height: 100%; object-fit: contain; aspect-ratio: 114 / 105; } } .c-flow__wrapper { display: flex; flex-direction: column; } .c-flows { display: grid; gap: 3vw; grid-template-columns: repeat(2, 1fr); column-gap: 30px; row-gap: 40px; border-radius: 10px; order: 2; } .c-flow { width: 100%; margin-inline: auto; } .c-flow__box-wrapper { position: relative; width: 100%; } .c-flow__box-shadow { position: absolute; top: 4px; left: 4px; width: 100%; height: 100%; border-radius: 5px; background-image: linear-gradient( to right bottom, #f6f8fc 10%, #dfe9f6 80% ); } .c-flow__box { width: 100%; height: 100%; background-color: transparent; border-radius: 5px; border: 1px solid #000; display: flex; align-items: center; justify-content: center; transform: translate(-4px, -4px); flex-direction: column; gap: 8px; padding: 15px; } .c-flow__box-content { font-size: 16px; line-height: 1.5; font-weight: 700; text-align: center; color: #201a6d; } .c-flow__box-age { font-size: 16px; line-height: 1; font-weight: 700; position: absolute; top: -11px; left: 30px; color: #333; z-index: 3; } .c-flow__txt { margin-top: 24px; } .c-flow__txt p { margin-top: 5px; padding-inline: 20px; font-size: 16px; line-height: 1.5; font-weight: 700; text-align: center; } .c-flow__txt-sub { margin-top: 16px; display: flex; align-items: center; justify-content: center; } .c-flow__txt-sub p { margin-bottom: 0; font-size: 16px; line-height: 1.5; font-weight: 700; } .c-flow__txt-highlight { background:linear-gradient(transparent 60%, #ff6 60%); } .kakko { padding: 20px; position: relative; } .kakko::before, .kakko::after { content: ""; width: 20px; height: 100%; position: absolute; } .kakko::before { border-left: solid 2px #888; border-top: solid 2px #888; border-bottom: solid 2px #888; top: 0; left: 0; } .kakko::after { border-right: solid 2px #888; border-top: solid 2px #888; border-bottom: solid 2px #888; top: 0; right: 0; } .fukidashi { position: relative; padding-block: 12px; padding-inline: 5px; border: 2px solid #333333; } .fukidashi::before { content: ""; position: absolute; top: 0; left: 25px; width: 48px; height: 10px; transform: translateY(-63%); align-self: flex-start; margin: 0 -10px; padding: 0 10px; background: #fff; } .fukidashi::after { content: ""; position: absolute; top: calc(100% + 5px); left: 50%; width: 30px; height: 2px; box-sizing: border-box; background-color: #333333; box-shadow: 0 2px 0 #ffffff, 0 -2px 0 #ffffff; rotate: 315deg; } .fukidashi__decoration { content: ""; position: absolute; top: 33px; right: -3px; width: 3.5px; height: 10px; transform: translateY(-63%); background: #eaf0f8; } .c-flow__image { grid-column: 1 / -1; margin-top: 0; /* margin-bottom: 80px; */ background-color: #dfe9f6; padding-block: 20px; padding-inline: 15px; border-radius: 10px; order: 1; img { width: 100%; height: auto; object-fit: contain; } } @media (max-width: 450px) { .c-flows { grid-template-columns: 1fr; } } @media (min-width: 768px) { .c-flow__wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3vw; grid-auto-rows: auto; } .c-flow--list1-item3.c-flow--wide, .c-flow--list2-item3.c-flow--wide { grid-column: span 4; } .c-flows { margin-top: 0; grid-column: 1 / -1; display: contents; } .c-flow--list1-item1 { grid-column: 1; grid-row: 1; } .c-flow--list1-item2 { grid-column: 2; grid-row: 1; } .c-flow--list1-item3 { grid-column: 3; grid-row: 1; } .c-flow__image-1 { grid-column: 1 / 7; grid-row: 2; } .c-flow--list2-item1 { grid-column: 1; grid-row: 3; } .c-flow--list2-item2 { grid-column: 2; grid-row: 3; } .c-flow--list2-item3 { grid-column: 3; grid-row: 3; } .c-flow__image { padding-inline: 0; } } .c-profile__wrapper { display: flex; align-items: center; gap: 20px; } .c-profile__item { width:min(50%, 460px); display: flex; flex-direction: column; } .c-profile__description { flex: 1; } .c-profile__image { width: 100%; } .c-profile__image img { width: 100%; height: 100%; object-fit: contain; } @media (max-width: 767px) { .c-profile__image { width: 35%; } } .c-profile__text { display: flex; flex-direction: column; justify-content: flex-start; padding-top: 8px; } .c-profile__name { margin: 0; font-size: 24px; line-height: 1.8; color: #333; font-weight: 600; } @media (max-width: 767px) { .c-profile__name { font-size: 18px; } } .turningpoint-top-img { width: 50%; } .key_turningpoint { .key2_txt_eblu { top: 14%; } } /* ============================================ # kidsnavi header =============================================== */ .headder-button-custom-pc { display: none; } .headder-button-custom-sp { height: inherit; margin-inline-end: 50px; display: flex; align-items: center; justify-content: center; padding: 1em 22px 1em 12px; a { display: flex; height: 80%; align-items: center; justify-content: center; border-radius: 50px; color: #fff; font-size: 1.4rem; font-weight: 700; padding: 15px 20px; background-color: #0067F0; text-decoration: none; } a:hover { color: #fff; opacity: 0.7; } } .minimed-button-box { margin-inline: auto; display: flex; justify-content: center; gap: 4rem; } .minimed-button { display: flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; color: #ffffff; font-size: 18px; border-radius: 30px; width: 200px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin-top: 30px; } .minimed-button:hover { opacity: 0.7; color: #fff; } .footer_update { margin-bottom: inherit; padding: 0.5em 1em; }