/* 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*/ word-break: break-all; } .disnone_sp{ display: none; } p{ margin-bottom: 2em; } .sp_pic{ width: 90%; height: auto; } .seminar_pc{ width: 90%; height: auto; } .sp_legal_pic{ width: 100%; height: auto; margin-top: 50px;} .box{/*color: #fff; width:100%; height: auto;*/} .box1{ background-image: url( "../images/toppage/top/key_top.png");background-size:cover;background-repeat:no-repeat;} .box2{/*background: #fff;*/} .box3{/*background: #f5f5f5;*/} .box4{/*background: #fff;*/} .box5{/*background: #f5f5f5;*/} .box6{/*background: #f5f5f5;*/} .box7{/*background: var(--darkBlue);*/} /*.pagenation{ padding: 20px; position: fixed; left: 0; top: 50%;} .pagenation li{ list-style-type: none; margin-bottom: 20px;} .pagenation a{ display: block; height: 10px; border: 1px solid var(--text); border-radius: 50%; width: 10px;} .pagenation a.active{ background: var(--text);}*/ .pagination a .hover-text{/* display: none;*/ } .fixed_btn {display: none!important; } /*.pagenation{ display: none;} .pagenation li{display: none;} .pagenation a{display: none;} .pagenation a.active{display: none;}*/ /*.inner_cts{ width:100%; margin: 0 auto 0; line-height: 2.0 !important; } .inner_cts::after { content: ""; clear: both; display: table; } .inner_cts_s{width:100%; margin: 0 auto 0; line-height: 2.0 !important; } .inner_cts_s::after { content: ""; clear: both; display: table; } */ .inner{ width: 96%; margin: auto; } .inner::after { content: ""; clear: both; display: table; } .inner_cts{ width: 94%; margin: auto; line-height: 2.0 !important; } .inner_cts::after { content: ""; clear: both; display: table; } .sp_pic_legal01{ width: 100%; height: auto;} .sp_pic_legal02{ width: 100%; height: auto;} .sp_pic_legal03{ width: 100%; height: auto;} .sp_pic_legal04{ width: 100%; height: auto;} .sidenavi_pic{ width: 90%; height: auto; } .sidenavi_picwide{ width: 90%; height: auto; } .disp_flex_wrap{ } .disp_flex_flow{ } .cell_w05{ width: 90% !important; } .cell_w10{ width: 90% !important; } .cell_w20{ width: 90% !important; } .cell_w30{ width: 90% !important; } .cell_w40{ width: 90% !important; } .cell_w50{ width: 90% !important; } .cell_w60{ width: 90% !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: 90%; margin: 30px auto 20px; padding: 15px 18px 0px; border: 1px solid #D9D9D9; } .free600{width: 90%; 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{width:90%;} div.border_semi div.right_con{width:90%;} 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 } .sol_box_300_de a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } a.sol_box_300_de, div.sol_box_300_de{ width: 100%; display: block; color:var(--text); text-decoration: none;/* border: 1px solid #B7B6B6;*/ padding: /*43px 37px*/30px 20px; box-sizing: border-box;/* background:#FFF;*/ margin-bottom: /*30px*/10px; } /*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: 1.6rem; } .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: 0 auto;} .cont_box_img{ margin: 1em 0; text-align : center } .con_box_fst a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } a.con_box_fst, div.con_box_fst{ width: 100%; display: block; color:var(--text); text-decoration: none;/* border: 1px solid #B7B6B6;*/ padding: /*43px 37px*/30px 20px; box-sizing: border-box;/* background:#FFF;*/ margin-bottom: /*30px*/10px; } /*a.sol_box_300_de: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: 1.6rem; } .con_box_fst 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;} .con_box_fst p.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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: 30px auto;} .con_box_fst p a.plbtn_blue:hover{opacity: .7;} .cont_box_img{ margin: 1em 0; text-align : center } .con_box_sec a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } a.con_box_sec, div.con_box_sec{ width: 100%; display: block; color:var(--text); text-decoration: none;/* border: 1px solid #B7B6B6;*/ padding: /*43px 37px*/30px 20px; box-sizing: border-box;/* background:#FFF;*/ margin-bottom: /*30px*/10px; } /*a.sol_box_300_de: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: 1.6rem; } .con_box_sec 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;} .con_box_sec p.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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: 30px auto;} .con_box_sec p a.plbtn_blue:hover{opacity: .7;} .cont_box_img{ margin: 1em 0; text-align : center } .con_box_thrd a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } a.con_box_thrd, div.con_box_thrd{ width: 100%; display: block; color:var(--text); text-decoration: none;/* border: 1px solid #B7B6B6;*/ padding: /*43px 37px*/30px 20px; box-sizing: border-box;/* background:#FFF;*/ margin-bottom: /*30px*/10px; } /*a.sol_box_300_de: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: 1.6rem; } .con_box_thrd 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;} .con_box_thrd p.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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: 30px auto;} .con_box_thrd p a.plbtn_blue:hover{opacity: .7;} a.insights_box_400, div.insights_box_400{ width: 100%; display: block; color:var(--text); text-decoration: none;/* border: 1px solid #B7B6B6;*/ box-sizing: border-box; background:#FFF; margin-bottom: 30px; } a.insights_box_400:hover{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text); } .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; margin: 30px auto 0; border: 1px solid var(--minimedBlue);} .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: 1.6rem; } a.external_box_400, div.external_box_400{ width: 100%; display: block; color:var(--text); text-decoration: none;/* border: 1px solid #B7B6B6;*/ box-sizing: border-box; background:#FFF; margin-bottom: 30px; } a.external_box_400:hover{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text); } .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; margin: 30px auto 0; border: 1px solid var(--minimedBlue);} .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: 1.6rem; } /*Denied Party Screening*/ .box-txt_boxsha_220{display:inline-block; padding: 2em 1em; 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));*/width: 100%; box-sizing: border-box; } .box-txt_boxsha_220 li{ margin: 0; padding: 0; } .box-txt_boxsha_220 li.ec_merit_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_boxsha_220 li.ec_merit_img{ font-size: 120%; text-align: center;} .box-txt_boxsha_220 li.ec_merit_txt{ font-size: 120%; text-align: center; letter-spacing: -1px; } /*------/*----------------what's new_new---------------------------*/ .t_top02{ background:var(--minimedBlue); color:#fff; border: 1px solid var(--minimedBlue); padding: 0.3em; margin-bottom: 0px;} #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 15px; } .box_news_cts02 ul li{ padding: 0.5em; } .box_news_cts02 ul li span.date{ display: block; width: 100%; } .box_news_cts02 ul li span.n_cts{ display: block; width: 100%; } .br-pc { display:none; } .br-sp { display:block; } /*=== 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; } ul.disc li{margin: 0px 0px 3px; line-height: 1.5; } ul li.disc_in{margin: 8px 0px 0px 28px; width:90%; } 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 15px 30px; width:90%; } .in_top{margin: 8px 0px 15px 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:3em; 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: 50%;} /* header --------------------------------------------------------------------------------------------------------------------*/ header{ background:#FFF; border-bottom: 1px solid #B7B6B6; } header::after { content: ""; clear: both; display: table;} /*.global_header{ border-bottom: 1px solid #B7B6B6; font-size: 1.3rem; }*/ .gh_nav{ } .gh_nav li{ float: left; margin: 0; } .gh_nav li a{ display:block; text-decoration: none; color:var(--text); padding: 0.9em 1em 0.9em 0; } /*==English TOP page==*/ .gh_nav_en{ } .gh_nav_en li{ float: left; margin: 0; } .gh_nav_en li a{ display:block; text-decoration: none; color:var(--text); padding: 0.3em 0.5em 0.5em 0.5em; } .gh_nav_en li.fsize{display: none; } .gh_nav_en li.fsize span{ display: inline-block; border: 1px solid var(--text); padding: 0.5em; margin-left: 0.5em; } li.en_info{height: 30px; border: 1px solid var(--orange); border-radius: 5px; background-color: var(--orange); font-weight: bold;padding: 0!important; margin:3px 0!important; 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; xborder: 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: 34px 20px 30px 30px; } @media (max-width: 345px) { .mh_sp_menu img{ padding-inline: 0 !important; } } @media (max-width: 385px) { .wjlogo_new { width: 55%; } } .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: #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 0.5em; 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_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; } .mh_2nd_item{ margin-bottom: 0.5em; cursor: pointer; } .mh_2nd_item:hover{ text-decoration: underline; } .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; } /* 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; } .key_bkg_pre{ width: 100%; padding: 1em; box-sizing: border-box; } .key_bkg_tb{} .key_bkg_tb_pre{} .key_txt{ color:#FFF; top: 150px; left: 24px; } .key_txt2{ color:#FFF; } .key_ttl{ font-size: 63px; 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%; padding: 1em; box-sizing: border-box; } .key_txt_ln{ color:#FFF; top: 150px; left: 24px; } .key_ttl_ln{ font-size: 63px; 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: 100%;background-color: rgba( 255,165,0, 0.5 );color:#FFF;} .key_info2{box-shadow: 1px 1px 5px 1px #999; width: 100%;background-color: rgba( 255,165,0, 0.5 );color:#FFF;} .key_info3{box-shadow: 1px 1px 5px 1px #999; width: 100%;background-color: rgba( 255,165,0, 0.5 );color:#FFF;} .key_info3_sh{box-shadow: 1px 1px 5px 1px #999; width: 100%;background-color: rgba( 255,165,0, 0.5 );color:#FFF; margin-bottom: 20px;} .key_info3_in{width: 100%; margin: 0; } /*.key_info4{box-shadow: 1px 1px 5px 1px #999; width: 100%;background-color: rgba(255,255,255,0.6);color:#FFF;} .key_info4_sh{box-shadow: 1px 1px 5px 1px #999; width: 100%; height: 130px; background-color: rgba(255,255,255,0.6);color:var(--text); margin-bottom: 15px;} .key_info4_in{width: 100%; margin: 0 0 5px 0; }*/ .key_info4{box-shadow: 1px 1px 5px 1px #999; width: 100%;background-color: rgba(255,255,255,0.6);color:#FFF;} .key_info4_sh{box-shadow: 1px 1px 5px 1px #999; width: 90%; margin: 0 auto; background-color: rgba(255,255,255,0.9);color:var(--text); position:absolute; left: 5px; right: 5px; bottom: 15px;} .key_info4_in{width: 100%; margin: 0; } .key_info4_in::after { content: ""; clear: both; display: table; } .key_info5_sh{ box-shadow: 1px 1px 5px 1px #999; 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); margin-bottom: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; padding: 0.5em; background-color: rgba(255,165,0, 0.5 ); color:#FFF;*/ box-sizing: border-box; margin: 0 auto; width: 100%;}/*orange*/ .key_info7_sh img{width: 100%; height: auto;} .key_info7_sh::after { content: ""; clear: both; display: table; } .key_info8_sh{box-shadow: 1px 1px 5px 1px rgba(247,245,240,0.2); margin-bottom: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: 90%; margin: 0 auto; background-color: rgba(23,66,118,0.5);color:var(--text); position:absolute; left: 5px; right: 5px; bottom: 15px;} .key_info9_in{width: 100%; margin: 0; } .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: 90%; margin: 0 auto; background-color: rgba(245,245,245,0.5);color:var(--text); position:absolute; left: 5px; right: 5px; bottom: 15px;} .key_info10_in{width: 100%; margin: 0; } .key_info10_in::after { content: ""; clear: both; display: table; } .key_info_ti{padding: 1em;/* 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 0; 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:105%} .k_in_dec06{ display: block; width: /*10.5em*/90%; text-align: center; box-sizing: border-box; margin: 0.5em auto 0; color:#FFF; font-weight: bold; padding: 0.5em 1em ; background: var(--orange); border-radius: 5px; text-decoration: none; font-size: 1.8rem; } .key_info_ti_free{padding: 1em; margin: 0; color: var(--text); font-size:133.3% !important;} /* TOP contents --------------------------------------------------------------------------------------------------------------------*/ .top_h2_base{ font-size: 2.8rem; margin: 0 0 1em; line-height: 1.2; } .k_in_btn01{ display: block; width: /*10.5em*/90%; text-align: center; box-sizing: border-box; margin: 0.5em auto 0; color:#FFF; font-weight: bold; padding: 0.5em 1em ; background: #005DA2; border-radius: 5px; text-decoration: none; font-size: 1.8rem; } .k_in_btn_left{ display: block; width: /*10.5em*/90%; text-align: center; box-sizing: border-box; margin: 0.5em auto 0; color:#FFF; font-weight: bold; padding: 0.5em 1em ; background: #005DA2; border-radius: 5px; text-decoration: none; font-size: 1.8rem; } .k_in_btn_left_bottom{ display: block; width: /*10.5em*/90%; text-align: center; box-sizing: border-box; margin: 0.5em auto 0; color:#FFF; font-weight: bold; padding: 0.5em 1em ; background: #005DA2; border-radius: 5px; text-decoration: none; font-size: 1.8rem; } .k_in_btn02{ display: block; width: /*10.5em*/90%; text-align: center; box-sizing: border-box; margin: 0.5em auto 0; color:#FFF; font-weight: bold; padding: 0.5em 1em ; background: #0099C4; border-radius: 5px; text-decoration: none; font-size: 1.8rem; } .k_in_btn03{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_btn04{display: block; width: /*10.5em*/90%; text-align: center; box-sizing: border-box; margin: 0.5em auto 0; color:#FFF; font-weight: bold; padding: 0.5em 1em ; background: var(--orange); border-radius: 5px; text-decoration: none; font-size: 120%; } .k_in_btn_en{ display: block; width: /*10.5em*/90%; text-align: center; box-sizing: border-box; margin: 0.5em auto 0; 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_left_inevent{ display: block; width: /*10.5em*/90%; text-align: center; box-sizing: border-box; margin: 0.5em auto 0; color:#FFF; font-weight: bold; padding: 0.5em 1em ; background: /*#005DA2*/var(--orange); border-radius: 5px; text-decoration: none; font-size: 1.8rem; } .k_in_btn_left_inevent:hover{ opacity: 0.8; color:#FFF;} .k_in_btn_left_inec{ display: block; width: /*10.5em*/90%; text-align: center; box-sizing: border-box; margin: 0.5em auto 0; 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_left_infree{ display: block; width: /*10.5em*/90%; text-align: center; box-sizing: border-box; margin: 0.5em auto 0; color:#FFF; font-weight: bold; padding: 0.5em 1em ; background: #0099C4; border-radius: 5px; text-decoration: none; font-size: 1.8rem; } /* Learn about our solutions & services --------------------------------------------------------------- */ a.sol_box, div.sol_box{ width: 100%; 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: 1.0rem; letter-spacing: 3px; margin-bottom: 1em; } .cate_en_n{ font-size: 1.0rem; letter-spacing: 3px; margin-bottom: 30px; } .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; } .sol_box_500 a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } a.sol_box_500, div.sol_box_500{ width: 100%; 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); } .sol_box_500 a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } div.sol_box_500 a{ text-decoration: none; } div.sol_box_500 a:hover{ text-decoration: underline; } .sol_box_400 a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } a.sol_box_400, div.sol_box_400{ width: 100%; 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); } .sol_box_400 a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } div.sol_box_400 a{ text-decoration: none; } div.sol_box_400 a:hover{ text-decoration: underline; } .sol_box_300_bl a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } /*Practical Law Dynamic Tool Set*/ .sol_box_300_pl a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } a.sol_box_300_pl, div.sol_box_300_pl{ width: 100%; 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); } .sol_box_300_pl a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } a.sol_box_300_bl, div.sol_box_300_bl{ width: 100%; display: block; color:var(--text); text-decoration: none; border: 1px solid #B7B6B6; padding: 43px 37px; box-sizing: border-box; background:rgba(128,185,238,0.3); margin-bottom: 30px; } a.sol_box_300_bl:hover{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text); } .sol_box_300_bl a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } .sol_box_300_lb a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } a.sol_box_300_lb, div.sol_box_300_lb{ width: 100%; display: block; color:var(--text); text-decoration: none; border: 1px solid #B7B6B6; padding: 43px 37px; box-sizing: border-box; background:rgba(23,66,118,0.3); margin-bottom: 30px; } a.sol_box_300_lb:hover{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text); } .sol_box_300_lb a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } .sol_box_300 a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } a.sol_box_300, div.sol_box_300{ width: 100%; 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:hover{box-shadow: 0 0 5px rgba(0,0,0,.3); color:var(--text); } .sol_box_300 a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } /* ticker */ .ticker{ display: none; } /* Recent insights --------------------------------------------------------------- */ a.insights_box, div.insights_box{ width: 100%; 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: 100%; 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; box-sizing: border-box; padding: 42px 34px 20px; } .insights_box_legal h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } .details_list{ line-height: 1.8; } a.insights_box_500, div.insights_box_500{ width: 100%; 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; } /* Spotlight ---------------------------------------------------------------------*/ .spotlight_col{ background:var(--lightSilver); padding: 50px 0 ; margin-bottom: 30px; } .spotlight_box{width: 100%; display:block; background: url(../images/top/spotlight01.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; margin-bottom: 30px; } .spotlight_box:hover{ text-decoration: none; color:#FFF;box-shadow: 0 0 5px rgba(0,0,0,.3); } .spotlight_txt{ padding: 25% 0 30px 30px;} .spotlight_ttl{ font-size:200%; margin-bottom: 1.5em; font-weight: bold; } .wjln_box{width: 100%; display:block; background: url(../images/key/wjln.png) no-repeat ; background-size: cover; color:#FFF; text-decoration: none; margin-bottom: 30px; } .wjln_box:hover{ text-decoration: none; color:#FFF;box-shadow: 0 0 5px rgba(0,0,0,.3); } .wjln_txt{ padding: 25% 0 30px 30px;} .wjln_ttl{ font-size: 200%; margin-bottom: 1.5em; font-weight: bold; } .wjln_box_500{width: 100%; display:block; background: url(../images/key/wjln.png) no-repeat ; background-size: cover; color:#FFF; text-decoration: none; margin-bottom: 30px; } .wjln_box:hover_500{ text-decoration: none; color:#FFF;box-shadow: 0 0 5px rgba(0,0,0,.3); } .wjln_box_400{width: 100%; display:block; background: url(../images/key/wjln.png) no-repeat ; background-size: cover; color:#FFF; text-decoration: none; margin-bottom: 30px; } .wjln_box:hover_400{ text-decoration: none; color:#FFF;box-shadow: 0 0 5px rgba(0,0,0,.3); } .spotlight_box_ln{width: 100%; display:block; background: url(../images/top/spotlight01.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; margin-bottom: 30px; } .spotlight_box_ln:hover{ text-decoration: none; color:#FFF;box-shadow: 0 0 5px rgba(0,0,0,.3); } .banner_box_ln{width: 100%; display:block; background: url(../images/key/event.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; margin-bottom: 30px; } .banner_box_ln:hover{ text-decoration: none; color:#FFF;box-shadow: 0 0 5px rgba(0,0,0,.3); } .banner_box_txt{ padding: 25% 0 30px 30px;} .banner_box_ttl{ font-size:200%; margin-bottom: 1.5em; font-weight: bold; } .banner_ln_sp{width: 100%; height: 400px; display:block; background: url(../images/key/event_en.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; margin-bottom: 30px; } .banner_ln_sp:hover{ text-decoration: none; color:#FFF;box-shadow: 0 0 5px rgba(0,0,0,.3); } .banner_txt_sp{ padding: 25% 0 30px 30px;} .banner_ttl_sp{ font-size:200%; margin-bottom: 1.5em; font-weight: bold; } .spotlight_box_500{width: 100%; display:block; background: url(../images/top/spotlight01.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; margin-bottom: 30px; } .spotlight_box_500:hover{ text-decoration: none; color:#FFF;box-shadow: 0 0 5px rgba(0,0,0,.3); } .spotlight_box02_500{width: 100%; display:block; background: url(../images/top/spotlight01_02.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; margin-bottom: 30px; } .spotlight_box02_500:hover{ text-decoration: none; color:#FFF;box-shadow: 0 0 5px rgba(0,0,0,.3); } .spotlight_box_400{width: 100%; display:block; background: url(../images/top/spotlight01.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; margin-bottom: 30px; } .spotlight_box_400:hover{ text-decoration: none; color:#FFF;box-shadow: 0 0 5px rgba(0,0,0,.3); } .spotlight_box02_400{width: 100%; display:block; background: url(../images/top/spotlight01_02.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; margin-bottom: 30px; } .spotlight_box02_400:hover{ text-decoration: none; color:#FFF;box-shadow: 0 0 5px rgba(0,0,0,.3); } .spotlight_box03_400{width: 100%; display:block; background: url(../images/top/spotlight01_03.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; margin-bottom: 30px; } .spotlight_box03_400:hover{ text-decoration: none; color:#FFF;box-shadow: 0 0 5px rgba(0,0,0,.3); } /*---- Works --------------------------------*/ .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:0.9rem; cursor:pointer; transition:ease 0.2s opacity; box-sizing:border-box; } .tab_area label.tab1_label{ width: 33.3%; 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: 33.3%; 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.tab3_label{ padding-left: 50px; width: 33.3%; 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: 33.3%; 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; background:#eaf4f6; } /*#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; background:#b5cfdb; } /* WHATS NEW ---------------------------------------------------------------------*/ .whatsnew_box{ width: 100%; border: 1px solid #B7B6B6; 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{ width: 100%; border: 1px solid #B7B6B6; background:#FFF; padding: 40px 35px; box-sizing: border-box; } .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{ width: 100%; border: 1px solid #B7B6B6; background:#FFF; padding: 40px 35px; box-sizing: border-box; } .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{ width: 100%; border: 1px solid #B7B6B6; background:#FFF; padding: 40px 35px; box-sizing: border-box; } .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{} /* contact ---------------------------------------------------------------------*/ .top_contact_box{ width: 100%; 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: 90%; 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_eblu{ 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: 113px; /*left: -151px;*/ } .key2_txt_eblu{ position: absolute; color: var(--minimedBlue); top: 80px; left: 20px } .key2_txt_fam{ position: absolute; color: var(--minimedBlue); top: 80px; left: 20px } .key2_txt_kids{ position: absolute; color: var(--minimedBlue); top: 80px; left: 20px } /*.key2_txt_gr{ position: absolute; color:#D4D4D; top: 130px; left: 24px; } .key2_txt_free{ color:#FFF; padding: 12% 0 0 24px; } */ .key2_ttl{ font-size: 300%; margin-bottom: 15px; line-height: 1.1; } .key2_ttl_bp{ font-size: 295%; margin-bottom: 15px; line-height: 1.1; } .key2_ttl_ds{ font-size: 295%; margin-bottom: 15px; line-height: 1.1; text-shadow:3px 3px 4px #666666;} .key2_ttl_dds{ font-size: 295%; margin-bottom: 15px; line-height: 1.1; text-shadow:3px 3px 4px var(--text);} .key2_ttl_lds{ font-size: 295%; margin-bottom: 15px; line-height: 1.1; text-shadow:3px 3px 4px #AFAFAF;} .key2_ttl_eblu{ font-size: 250%; margin-bottom: 15px; line-height: 1.1; text-shadow:3px 3px 4px #AFAFAF;} .key2_ttl_fam{ font-size: 250%; margin-bottom: 15px; line-height: 1.1; text-shadow:3px 3px 4px #AFAFAF;} .key2_ttl_kids{ font-size: 250%; margin-bottom: 15px; line-height: 1.1; text-shadow:3px 3px 4px #AFAFAF;} .key2_bkg_app{ width: 100%; height: 374px; margin: auto; position: relative;} .key2_txt_app{ position: absolute; color: #FFF; top: 100px; /*left: -151px;*/ } .key2_ttl_app{ font-size: 200%; margin:0 15px 15px 25px; line-height: 1.1; text-shadow:3px 3px 4px var(--text);width: 90%;} .accordion-area_app{ list-style: none; width: 96%; max-width: 900px; margin:0 auto;} .accordion-area_app li{ margin: 10px 0;} .accordion-area_app section { border: 1px solid #ccc;} .press{ background: url(../images/key/press.png) no-repeat; background-size: cover; } .english{background: url(../images/key/english.png) no-repeat; background-size: cover; } .l_alert{ background: url(../images/key/l_alert.png) no-repeat; background-size: cover; } .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; } .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; } .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; } .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; } .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: var(--ja); } .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.png) no-repeat; background-size: cover; background-attachment: fixed; background-position: top; /*background-size: cover;*/ background-repeat: no-repeat; } .anniversary_content{ background: url(../images/key/anniversary.png) no-repeat; background-size: cover; } .highq{ background: url(../images/key/highq.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: 1px solid var(--text)!important; border-radius: 10px; text-decoration: none; font-size: 133%; width: 85%; } .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: 80%; } .btn_ora_w700:hover{ opacity: 0.8; color:#FFF;} /*WLJP-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: 80%; } .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: 80%; } .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: 90%; } .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: 90%; margin: 0 auto; } .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: 90%; margin: 0 auto; } .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: 90%; margin: 0 auto; } .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: 90%; margin: 0 auto; } .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: 90%; margin: 0 auto; } .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: 90%; margin: 0 auto; } .dl_box{width: 100%;} .dl_fright{width: 100%;} .dl_fleft{ width: 100%;} .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-bottom: 5px; background:#FFF; margin-bottom: 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 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; } .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: 30px 0 ; } .col_wh{ background:#FFF; padding: 30px 0 ; } .col_wh_kokuti{ background:#FFF; padding: 10px 0 ; } .col_dgray_top{ background:var(--text); padding: 0 0 30px 0 ; } .col_wh_top{ background:#FFF; padding: 0 0 30px 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 30px 0 ; } .col_green{background:#D8EEEB; padding: 30px 0 ;} .col_pink{background:#fbe4ee; padding: 30px 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.5%!important;} .books_org_l_02{float: left; padding-left: 4.5% !important;} .books_org_r{padding-left: 4.5% !important;} .books_org_r_02{padding-left: 10% !important; } .books_org_02_l{float: left; padding-left: 4.5% !important;} .books_org_02_l_02{float: left; padding-left: 10% !important;} .books_org_02_r{padding-left: 5% !important;} .books_org_02_r_02{padding-left: 10% !important; } .shuryou_ka{ padding:3px 10px;border-radius:10px;background:#fff;vertical-align: middle; color:var(--orange); font-size:14px;} .box_double_products{ width: 100%; height: auto; } .box_double_products_l{ width: 100%; height: auto; } .box_double_products_r{ width: 100%; height: auto; } .box_pl_hg{width:100%;} .box_three_products_l{ width: 100%; height: auto; } .box_three_products_mid{ width: 100%; height: auto; } .box_three_products_r{ width: 100%; height: auto; } .box_pl_de{width: 100%; height: auto;} .box_four_products_01{ width: 100%; height: auto; } .box_four_products_02{ width: 100%; height: auto;} .box_four_products_03{ width: 100%; height: auto;} .box_four_products_04{ width: 100%; height: auto;} .box_double_products_01{ width: 100%; height: auto;} .box_double_products_02{ width: 100%; height: auto;} .box_pl_top{width:100%;} .box_double_products_top{ width: 100%; height: auto; } .box_double_products_r_top{ width: 100%; height: auto; } .box_pl_top_ann{width:100%;} /*ec*/ .box_double_products_ec{ width: 100%; height: auto; } .box_double_products_ec_r{ width: 100%; height: auto; } .box_pl_ec{width:100%;} .p0721{margin-left:10px;} .p0721_en{margin-left:8px;} .archives{ border-top: 1px solid var(--text); margin-bottom: 1.5em; } .archives li{ border-bottom: 1px solid var(--text); font-size: 68; color:var(--text); padding: 1em 0; box-sizing: border-box; } .archives li a{ display:inline; font-size: 146.66% ; color:/*#005da2*/var(--text); text-decoration: none; margin-top: 1em;box-sizing: border-box; } .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: 68; color:var(--text); padding: 1em 0; box-sizing: border-box; } .archives_eng li a{ display:inline; font-size: 146.66% ; color:/*#005da2*/var(--text); text-decoration: none; margin-top: 1em;box-sizing: border-box; } .archives_eng li a:hover{ text-decoration: underline; } .archives_eng 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: 68; color:var(--text); padding: 1em 0; box-sizing: border-box; } .m_archives li a{ display:inline; font-size: 146.66% ; color:var(--text); margin-top: 1em;box-sizing: border-box; } .m_archives li a:hover{ color:#FF5900; text-decoration: underline; } .m_archives li em{ color:var(--orange); font-size: 100%; } .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; }/* FOR Law Review */ .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; }/* FOR Law Review */ .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; }/* FOR Law Review */ .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;}/* FOR Law Review */ .appl{width: 100%;} .appr{width: 100%;} .inline-block_ec { text-align: center; } .inline-block_ec li { display: inline-block;width: 100%; margin: auto; } /* Englisih --------------------------------------------------------------------------------------------------------------------*/ .en_wjlogo_img{ } .en_wjlogo_txt{ } .box_double_products{ padding-top:3em; width: 100%; } .box_double_products_r{ padding-top:3em; width: 100%; } .box_double_products_sd{ padding-top:3em; width: 100%; } .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; margin: 1em auto; font-weight: bold; border: solid 2px #B7B6B6; background-color: #fff; filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));width: 100%; box-sizing: border-box; } .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_title_letter{font-size: 133.3%; text-align: center; text-decoration: bold; letter-spacing: -2px;} .box-txt_ec_boxsha_150 li.ec_plan_txt{ font-size: 200%; text-align: center; text-decoration: bold;color:var(--orange);} .box-txt_ec_boxsha_150pre{ display:inline-block; padding: 2em; margin: 1em auto; font-weight: bold; border: solid 2px #B7B6B6; background-color: #fff; filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));width: 100%; box-sizing: border-box; height: 200px; } .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; margin-top: 20px;} .box-txt_ec_boxsha_150pre li.ec_plan_title_letter{font-size: 133.3%; text-align: center; text-decoration: bold; letter-spacing: -2px;} .box-txt_ec_boxsha_150pre li.ec_plan_txt{ font-size: 200%; text-align: center; text-decoration: bold;color:var(--orange);} .box-txt_ec_boxsha_180{ display:inline-block; padding: 2em 1em; 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));width: 100%; box-sizing: border-box; } .box-txt_ec_boxsha_180 li{ margin: 0; padding: 0; } .box-txt_ec_boxsha_180 li.ec_merit_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_ec_boxsha_180 li.ec_merit_img{ font-size: 120%; text-align: center;} .box-txt_ec_boxsha_180 li.ec_merit_txt{ font-size: 120%; text-align: center; letter-spacing: -1px; } .box-txt_ec_boxsha_300_up{ 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));width: 100%; box-sizing: border-box; } .box-txt_ec_boxsha_300_up li{ margin: 0; padding: 0; } .box-txt_ec_boxsha_300_up li.ec_mag_title{ font-size: 150%; text-decoration: bold; text-align: left; letter-spacing: -1px;} .box-txt_ec_boxsha_300_up li.ec_mag_img{ font-size: 120%; text-align: center;} .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; 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));width: 100%; box-sizing: border-box; } .box-txt_ec_boxsha_300 li{ margin: 0; padding: 0; } .box-txt_ec_boxsha_300 li.ec_mag_title{ font-size: 150%; text-decoration: bold; text-align: left; letter-spacing: -1px;} .box-txt_ec_boxsha_300 li.ec_mag_img{ font-size: 120%; text-align: center;} .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; 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));width: 100%; box-sizing: border-box; } .box-txt_ec_boxsha_400 li{ margin: 0; padding: 0; text-align: center!important;} .box-txt_ec_boxsha_400 li.ec_mag_title{ font-size: 150%; text-decoration: bold; text-align: left; letter-spacing: -1px;} .box-txt_ec_boxsha_400 li.ec_mag_img{ font-size: 120%; text-align: center!important;} .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; 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));width: 100%; box-sizing: border-box; } .box-txt_cal_boxsha_300 li{ margin: 0; padding: 0; text-align: center!important;} .box-txt_cal_boxsha_300 li.ec_mag_title{ font-size: 150%; text-decoration: bold; text-align: left; letter-spacing: -1px;} .box-txt_cal_boxsha_300 li.ec_mag_img{ font-size: 120%; text-align: center!important;} .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; 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));width: 100%; box-sizing: border-box; } .box-txt_cal_boxsha_500 li{ margin: 0; padding: 0; text-align: center!important;} .box-txt_cal_boxsha_500 li.ec_mag_title{ font-size: 150%; text-decoration: bold; text-align: left; letter-spacing: -1px;} .box-txt_cal_boxsha_500 li.ec_mag_img{ font-size: 120%; text-align: center!important;} .box-txt_cal_boxsha_500 li.ec_mag_txt{font-size:100%;text-decoration: bold; } .box-txt_ec_boxsha_200{ 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));width: 100%; box-sizing: border-box; } .box-txt_ec_boxsha_200 li{ margin: 0; padding: 0; } .box-txt_ec_boxsha_200 li.ec_main_title{ font-size: 150%; text-decoration: bold; text-align: center;} .box-txt_ec_boxsha_200 li.ec_main_img{ font-size: 120%;text-align: center; } .ec_box_img{ width: 90%;margin-top: 20px;} .ec_box_img02{ width: 20%;margin-top: 20px;} .ec_box_img03{ width: 90%;margin-top: 20px;} .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));width: 100%; box-sizing: border-box; } .box-txt_ec_boxsha_700 li{ margin: 0; padding: 0; } .box-txt_ec_boxsha_700 li.ec_benefit_no{padding: 20px auto;text-align: center;} .box-txt_ec_boxsha_700 li.ec_benefit_txt{padding: 20px auto;text-align: left;} .box-txt_ec_boxsha_700 li.ec_img{padding: 20px auto;/* margin-left: 30px;*/text-align: center; margin-top: 30px;} .box-txt_ec_boxsha_700pre{ 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));width: 100%; box-sizing: border-box; } .box-txt_ec_boxsha_700pre li{ margin: 0; padding: 0; } .box-txt_ec_boxsha_700pre li.ec_benefit_no{padding: 20px auto;text-align: center;} .box-txt_ec_boxsha_700pre li.ec_benefit_txt{padding: 20px auto;text-align: left;} .box-txt_ec_boxsha_700pre li.ec_img{padding: 20px auto;/* margin-left: 30px;*/text-align: center; margin-top: 30px;} .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));width: 100%; box-sizing: border-box; } .box-txt_ec_boxsha_700_h li{ margin: 0; padding: 0; } .box-txt_ec_boxsha_700_h li.ec_benefit_no{padding: 20px auto;text-align: center;} .box-txt_ec_boxsha_700_h li.ec_benefit_txt{padding: 20px auto;text-align: left;} .box-txt_ec_boxsha_700_h li.ec_img{padding: 20px auto;text-align: center; margin-top: 30px; } .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));width: 100%; box-sizing: border-box; } .box-txt_ec_boxsha_700_h2 li{ margin: 0; padding: 0; } .box-txt_ec_boxsha_700_h2 li{ margin: 0; padding: 0; } .box-txt_ec_boxsha_700_h2 li.ec_benefit_no{padding: 20px auto;text-align: center;} .box-txt_ec_boxsha_700_h2 li.ec_benefit_txt{;padding: 20px auto;text-align: left;} .box-txt_ec_boxsha_700_h2 li.ec_img{text-align: center; margin-top: 30px;} .ec_bkgd_gr{background-color:#E6E6E7; padding:2em 1em;} .ec_bene{} .sp_ec_center{margin: 0 auto;} .btn_space_ec_l{ margin-bottom: 30px!important;} .btn_space_ec_r{ } .ec_txt_letter_sp{letter-spacing: -2px;} .ec_cam_img{width: 20%; float: left; } .ec_cam_txt{width: 80%; float: left;} a.insights_box_300, div.insights_box_300{ width: 100%; 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%; 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; height: 300px; } .pes_block{ border: 1px solid var(--orange); padding: 10px 10px 10px 20px; width: 85%;} .t_mb300{ margin-bottom: 5px;} /* 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 } .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;width: 95%; } .tbl_bknon{ font-size: 130%; font-weight: bold; margin-bottom: 1em; line-height: 1.3; } .tbl_bknon{ border-collapse: separate; border-spacing: 2px; margin-bottom: 2.5em; box-sizing:border-box; } .tbl_bknon th, .tbl_bknon td{ padding: 0.5em; line-height: 1.6; display: block; width: 90%; } .tbl_bknon th{ background:; text-align: left; } .tbl_bknon td{ background:; } .tbl_base_free{ width: 100%; border-spacing: 2px; margin-bottom: 2.5em; box-sizing:border-box; } .tbl_base_free th, .tbl_base_free td{ padding: 0.5em; line-height: 1.6; display: block; width: 90% !important; } .tbl_base_free th{ background:#e2e2e2; text-align: left;} .tbl_base_free td{ background:#FFF; } .tbl_base_free_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 } .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;width:100%; } /* ***** 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; } .event_ca{width: 100%;margin: auto;} .txtcontents{width: 100%;} .txtcontents2{width: 100%;} .repot_title{ font-size: 170%; font-weight: bold; margin-bottom: 1em; line-height: 1.3; } /* Premium event seminar --------------------------------------------------------------------------------------------------------------------*/ .tbl_row{} .tbl_row td.com_txt{ width:55%; letter-spacing: -1px;} .tbl_row td.lec_txt{ width:40%; margin-left: 5%; } .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: 110%; } .txtcontents{width: 100%;} .txtcontents2{width: 100%;} .seminar_box{text-align:center;} .seminar_box img {float:none;margin-right: 0;} .seminar_box p {text-align:left;} .seminar_box_s{text-align:center;} .seminar_box_s img {float:none;margin-right: 0;} .seminar_box_s p {text-align:left;} .seminar_box_lec{text-align:center;} .seminar_box_lec img {float:none;margin-right: 0;} .seminar_box_lec p {text-align:left;} .seminar_box_long{text-align:center;} .seminar_box_long img {float:none;margin-right: 0;} .seminar_box_long p {text-align:left;} .seminar_box_en{text-align:center;} .seminar_box_en img {float:none;margin-right: 0;} .seminar_box_en p {text-align:left;} /* PDF--------------------------------------------------------------------------------------------------------------------*/ .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{} .WLJP-BasicPackage{font-size: 80%;} 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; } table{ width:100%; } .scroll{ overflow: auto; white-space: nowrap; } .scroll::-webkit-scrollbar{ height: 5px; } .scroll::-webkit-scrollbar-track{ background: #F1F1F1; } .scroll::-webkit-scrollbar-thumb { background: #BCBCBC; } .sales td{width:100�E�E�E�E�E�E�E��E�E�E�E�E�E�E�; 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;} /*15�E�E�E�E�E�E�E��E�E�E�E�E�E�E��E�E�E�E�E�E�E�N*/ .anniversary_bkgd_none{ background-color:; padding:2em 1em;} .anniversary_bkgd_blue{ background-color:#0099C4!important; padding:2em 1em;} .box_pl_ann{width:100%;} .box_three_ann_l_hover{ width: 100%; height: auto; margin: 0 auto;} .box_three_ann_mid_hover{ width: 100%; height: auto; margin: 0 auto;} .box_three_ann_r_hover{ width: 100%; height: auto; margin: 0 auto;} .box_pl_top_ann{width:100%;} .box_double_products_top_ann{ width: 100%; height: auto; } .box_double_products_r_top_ann{ width: 100%; height: auto; } .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:100%;} .box_double_products_mess{ width: 100%; height: auto; } .box_double_products_r_mess{ width: 100%; height: auto; } .box_double_products_mess_l{ width: 100%; height: auto; } .ann_history_year{ width:80px!important; } .ann_history {} .ann_history_pic{ width: 300px!important; height: auto; } .ann_history_ml{} ul.allia02{margin: 30px 0px 0px 10px; }/* FOR ALLAIANCE */ ul.allia02 li{margin: 0px 35px 30px 0px; width: 100%; float:left; _margin: 0px 50px 30px 0px; } ul.allia02 li.doublel{margin: 0px 35px 10px 0px; width: 100%; 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; } .box_paff{width:100%;/* padding:5% 30%;*/ margin: auto;} ul.three2{/*margin: 8px 0px 20px 5px;*/padding-left: 150px; list-style:disc; width: 100�E�E�E�E�E�E�E��E�E�E�E�E�E�E�; margin: auto; }/* 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; */ }/* FOR WLI,WLC REGISTRATION */ ol.conmokuji01 li{margin: 0px 0px 15px; padding: 4px 8px; border: 1px solid #CCC; width:90%; } ol.conmokuji02{margin: 15px 0px 20px 20px; /*list-style:decimal; */ }/* FOR WLI,WLC REGISTRATION */ ol.conmokuji02 li{margin: 0px 0px 15px; padding: 4px 8px; border: 1px solid #CCC; width:90%; } 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:90%; } ol.conmokuji05{margin: 15px 0px 20px 20px; /*list-style:decimal; */ }/* FOR WLI,WLC REGISTRATION */ ol.conmokuji05 li{margin: 0px 0px 15px; padding: 4px 8px; border: 1px solid #CCC; width:90%; } ol.mokukuji_ann{margin: 15px 0px 20px 20px; /*list-style:decimal; */ }/* FOR WLI,WLC REGISTRATION */ ol.mokukuji_ann li{margin: 0px 0px 15px; padding: 4px 8px; border: 1px solid #CCC; width:100%; } 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:90%; } 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: 90�E�E�E�E�E�E�E��E�E�E�E�E�E�E�;} 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; } ul.pager { position: relative; width: 98%; margin: auto; } ul.pager li { position: relative; width: 98%; border: 1px solid var(--orange); font-weight: bold; margin: 5px; } 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: 10px auto;width:100%;} .sales_ln td{width:100�E�E�E�E�E�E�E��E�E�E�E�E�E�E�; 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; display: block; width: 90%; } .tbl_base_ln th{ background:#e2e2e2; text-align: left;} .tbl_base_ln td{ background:#e2e2e2; } .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: 13px 6px; margin: 0 2px;white-space: nowrap;text-align: center;text-decoration: none; font-size: 86%; letter-spacing: -1px; } .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); height: 57px; padding-left: 1em; 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%; } .footer01 > .inner{ width: 100%; } .footer01_help{ background: var(--text); color: var(--text); font-size: 100%; color:#FFF; padding: 30px 0; } .footer01_help > .inner{ width: 90%; } .footer_box{ } .footer_box:last-child{ margin-right:0 } .logo_shinnihon{ height: 50px; margin-right:20px; } .logo_thomson{height: 50px; } .f_menu{ display:block; cursor: pointer; width: 100%; box-sizing: border-box; padding: 1.5em; margin-bottom: 0; border-top: 1px solid var(--darkSilver); position: relative; color: var(--darkBlue); } .f_menu::after{ content: ""; position: absolute; right: 30px; 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(135deg); } .f_menu.active{ display:block; cursor: pointer; width: 100%; box-sizing: border-box; padding: 1.5em; margin-bottom: 0; border-top: 1px solid var(--darkSilver); position: relative; } .f_menu.active::after{ top:48%; transform: translateY(-25%) rotate(-45deg); } .f_toggle{ display: none; padding: 8px; } .f_toggle li { display: block; margin-left: 15px; padding: 8px; line-height: 1.5; visibility: visible; opacity: 1; border-top: 1px solid var(--darkSilver); box-sizing: border-box; } .f_toggle li:last-child{ border-bottom: none;} .f_toggle li a{ color: var(--minimedBlue); text-decoration: none; display:block; padding: 0.7em 0; box-sizing: border-box; font-weight: bold ; } .f_toggle li a:hover{ text-decoration: underline; } .footer02{ background:var(--lightSilver); color:var(--text); border-top: 1px solid var(--darkSilver); padding-block-end: 60px;} .logo_wh{ width: /*100*/205px; padding: 13px 0 0 0; margin-bottom: 13px; } footer .logo_wh { width: 100%; min-width: 72px; max-width: 175px; padding: 30px; margin-bottom: 0; } .sns_fb{ display: inline-block; background: url(../images/top/fb.png) no-repeat; background-size:27px 27px;width:27px; height:27px;margin-left: 20px; margin-top: 13px; padding: 13px 10px 0 0;} .sns_tw{ display:inline-block; background: url(../images/top/twitter.png) no-repeat; background-size:27px 27px;width:27px; height:27px;/*margin: 4px 6px;*/padding: 13px 10px 0 0;} .sns_li{ display:inline-block; background: url(../images/top/line.png) no-repeat; background-size:27px 27px;width:27px; height:27px;padding: 13px 10px 0 0;} .sns_lin{ display:inline-block; background: url(../images/top/LinkedIn.png) no-repeat; background-size:31px 27px;width:31px; height:27px; padding: 13px 10px 0 0;} .f02_menu{ display:block; cursor: pointer; width: 60px; height: 60px; margin-bottom: 0; float: right; color: var(--minimedBlue); position: relative; padding-block-start: 30px;} .f02_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(135deg); } .f02_menu.active::after{ top:48%; transform: translateY(-25%) rotate(-45deg); } input.oc{ display: none; } .f02_toggle { display: none; height: auto; padding: 8px; } .f02_toggle li { display: block; padding: 8px; line-height: 1.5; visibility: visible; opacity: 1; } .f02_toggle li a{ color:var(--minimedBlue); text-decoration: none; font-weight: bold ;} .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; } /*.key_col_en3{ margin-bottom: 67px; background: url("../images/top/key202201_sp.png") no-repeat; background-size: cover; }*/ .banner_box_ln_sp{width: 100%; height: 400px; display:block; background: url(../images/key/en_event_top.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; margin-bottom: 30px; } .banner_box_ln_sp{ text-decoration: none; color:#FFF;box-shadow: 0 0 5px rgba(0,0,0,.3); } .banner_ttl_sp_en{ font-size:200%; margin-bottom: 1.5em; font-weight: bold; } .spotlight_box_ln_en{width: 100%; display:block; background: url(../images/top/en_spotlight01.png) no-repeat; background-size: cover; color:#FFF; text-decoration: none; margin-bottom: 30px; } .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{text-align:center !important;} .v_line_left { border-left: thick solid #FF5900; padding-left: 10px;} .col_img{background: url(../images/key/anniversary.png) no-repeat; background-size: cover; background-attachment: fixed; background-position: top; /*background-size: cover;*/ background-repeat: no-repeat; height: 300px; } .ann_box{text-align:center;} .ann_box img {float:none;margin-right: 0; width: 100%;} .ann_box p {text-align:left;} .ann_box_en{text-align:center;} .ann_box_en img {float:none;margin-right: 0; width: 100%;} .ann_box_en p {text-align:left;} .ann_history_txt{text-align: center;} .ann_box a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } a.ann_box_con, div.ann_box_con{ width: 100%; display: block; color:var(--text); text-decoration: none; border: 1px solid #B7B6B6; padding-left: 8%; padding-right: 8%; padding-top:15%; padding-bottom: 5%; 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); } .ann_box_con a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } div.ann_box_con a{ text-decoration: none; } div.ann_box_con a:hover{ text-decoration: underline; } .box-txt_cal_boxsha_w400{ 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));width: 100%; box-sizing: border-box; } .box-txt_cal_boxsha_w400 li{ margin: 0; padding: 0; text-align: center!important;} .box-txt_cal_boxsha_w400 li.ec_mag_title{ font-size: 150%; text-decoration: bold; text-align: left; letter-spacing: -1px;} .box-txt_cal_boxsha_w400 li.ec_mag_img{ font-size: 120%; text-align: center!important;} .box-txt_cal_boxsha_w400 li.ec_mag_txt{font-size:100%;text-decoration: bold; } .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{ padding: 0 2%; } .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;} .message-100_02 textarea{ border: solid 1px; margin: 5px 10px 10px 0px; width: 95%!important; } 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: 170%; font-weight: bold; margin-bottom: 1em; line-height: 1.3; color: var(--minimedBlue); } h2{ font-size: 150%; font-weight: bold; margin-bottom: 1em; line-height: 1.3; color: var(--minimedBlue); } h3{ font-size: 130%; font-weight: bold; margin-bottom: 1em; line-height: 1.3; color: var(--darkBlue); } h2.h3_title { font-size: 130%; font-weight: bold; margin-bottom: 1em; line-height: 1.3; color: var(--darkBlue); } .pc_pad50{} .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 0;} p a.plbtn_blue:hover{opacity: .7;} .link_box {�E�E�E�E�E�E�E�@width: 100%; margin: 10px; padding: 20px 10px 0 10px; border: 4px solid var(--minimedBlue); color: var(--darkBlue); background-color: #fff;} 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: 300px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 15px auto 0px;} .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_sp.png) no-repeat; background-size: cover; } .key_blue2023{ background: url(../images/key/key_blue2023_sp.png) no-repeat; background-size: cover; } .key_blue2025{ background: url(../images/key/key_blue2025_sp.png) no-repeat; background-size: contain; background-position: center; background-color: #ffffff;} .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_sp.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_sp.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_sp.png) no-repeat; background-size: cover; } .key_mamoring_interview01{ background: url(../images/key/key_mamoring_interview01_sp.png) no-repeat; background-size: cover; } .key_mamoring_interview02{ background: url(../images/key/key_mamoring_interview02_sp.png) no-repeat; background-size: cover; } .key_mamoring_interview03{ background: url(../images/key/key_mamoring_interview03_sp.png) no-repeat; background-size: cover; } .key_mamoring_interview04{ background: url(../images/key/key_mamoring_interview04_sp.png) no-repeat; background-size: cover; } .key_mamoring_interview05{ background: url(../images/key/key_mamoring_interview05_sp.png) no-repeat; background-size: cover; } .key_app{ background: url(../images/key/key_app_sp.png) no-repeat; background-size: cover;} .key_column{ background: url(../images/key/key_column_sp.png) no-repeat; background-size: cover;background-position: center center!important; width: 100%; } .key_family{ background: url(../images/key/key_family_sp.png) no-repeat; background-size: cover;background-position: center center!important; width: 100%; } .key_kids{ background: url(../images/key/key_kids_sp.png) no-repeat; background-size: cover;background-position: center center!important; width: 100%; } /* .key_ipd{ background: url(../images/key/key_ipd_sp.png) no-repeat; background-size: cover;background-position: center center!important; width: 100%; } */ .key_ipd{ background: url(../images/key/key_ipd_sp.png) no-repeat; background-size: contain; background-position: center; background-color: #ffd051;} .key2_bkg_ipd { width: 100%; height: 300px; margin: auto; position: relative; } .box_contents{width: 100%; height: auto;} .box-txt_contents{display:inline-block; padding: 2em 1em; 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));*/width: 100%; box-sizing: border-box;} .box-txt_contents li{ margin: 0; padding: 0;} .box-txt_contents li.con_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_contents li.con_img{ font-size: 120%; text-align: center;} .box-txt_contents li.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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-top: 30px; margin-left: 120px;} .box-txt_contents li a.plbtn_blue:hover{opacity: .7;} .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: 90%; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 5%;} .plbtn_blue_appos:hover{opacity: .7;} .box_one_products{ width: 100%; height: auto; } .box_three_products_l{ width: 100%; height: auto; } .box_three_products_mid{ width: 100%; height: auto; } .box_three_products_r{ width: 100%; height: auto; } .box-img_contents{ width: 100%;margin-top: 20px;} .box_contents_li{width: 100%; height: auto;} .box-txt_contents_li{display:inline-block; padding: 2em 1em; 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));*/width: 100%; box-sizing: border-box;} .box-txt_contents_li li{ margin: 0; padding: 0;} .box-txt_contents_li li.con_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_contents_li li.con_img{ font-size: 120%; text-align: center;} .box-txt_contents_li li.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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: 30px auto;} .box-txt_contents_li li a.plbtn_blue:hover{opacity: .7;} .box_contents_com{width: 100%; height: auto;} .box-txt_contents_com{display:inline-block; padding: 2em 1em; 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));*/width: 100%; box-sizing: border-box;} .box-txt_contents_com li{ margin: 0; padding: 0;} .box-txt_contents_com li.con_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_contents_com li.con_img{ font-size: 120%; text-align: center;} .box-txt_contents_com li.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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: 30px auto;} .box-txt_contents_com li a.plbtn_blue:hover{opacity: .7;} .box_contents_shi{width: 100%; height: auto;} .box-txt_contents_shi{display:inline-block; padding: 2em 1em; 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));*/width: 100%; box-sizing: border-box;} .box-txt_contents_shi li{ margin: 0; padding: 0;} .box-txt_contents_shi li.con_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_contents_shi li.con_img{ font-size: 120%; text-align: center;} .box-txt_contents_shi li.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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: 30px auto;} .box-txt_contents_shi li a.plbtn_blue:hover{opacity: .7;} .box_contents_shi2{width: 100%; height: auto;} .box-txt_contents_shi2{display:inline-block; padding: 2em 1em; 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));*/width: 100%; box-sizing: border-box;} .box-txt_contents_shi2 li{ margin: 0; padding: 0;} .box-txt_contents_shi2 li.con_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_contents_shi2 li.con_img{ font-size: 120%; text-align: center;} .box-txt_contents_shi2 li.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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: 30px auto;} .box-txt_contents_shi2 li a.plbtn_blue:hover{opacity: .7;} .box_contents_shi3{width: 100%; height: auto;} .box-txt_contents_shi3{display:inline-block; padding: 2em 1em; 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));*/width: 100%; box-sizing: border-box;} .box-txt_contents_shi3 li{ margin: 0; padding: 0;} .box-txt_contents_shi3 li.con_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_contents_shi3 li.con_img{ font-size: 120%; text-align: center;} .box-txt_contents_shi3 li.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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: 30px auto;} .box-txt_contents_shi3 li a.plbtn_blue:hover{opacity: .7;} .box_contents_doc{width: 100%; height: auto;} .box-txt_contents_doc{display:inline-block; padding: 2em 1em; 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));*/width: 100%; box-sizing: border-box;} .box-txt_contents_doc li{ margin: 0; padding: 0;} .box-txt_contents_doc li.con_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_contents_doc li.con_img{ font-size: 120%; text-align: center;} .box-txt_contents_doc li.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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: 30px auto;} .box-txt_contents_doc li a.plbtn_blue:hover{opacity: .7;} .box_contents_doc2{width: 100%; height: auto;} .box-txt_contents_doc2{display:inline-block; padding: 2em 1em; 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));*/width: 100%; box-sizing: border-box;} .box-txt_contents_doc2 li{ margin: 0; padding: 0;} .box-txt_contents_doc2 li.con_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_contents_doc2 li.con_img{ font-size: 120%; text-align: center;} .box-txt_contents_doc2 li.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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: 30px auto;} .box-txt_contents_doc2 li a.plbtn_blue:hover{opacity: .7;} .box_contents_in{width: 100%; height: auto;} .box-txt_contents_in{display:inline-block; padding: 2em 1em; margin: 0 auto; font-weight: bold;/* border: solid 2px #B7B6B6; background-color: #fff; filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/width: 100%; box-sizing: border-box;} .box-txt_contents_in li{ margin: 0; padding: 0;} .box-txt_contents_in li.con_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_contents_in li.con_img{ font-size: 120%; text-align: center;} .box-txt_contents_in li.con_txt {} .box-txt_contents_in li.con_txt a{ font-size: 120%; text-align: center;color: var(--minimedBlue); text-decoration: none; } .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: 30px auto;} .box-txt_contents_in li a.plbtn_blue:hover{opacity: .7;} .box_contents_in2{width: 100%; height: auto;} .box-txt_contents_in2{display:inline-block; padding: 2em 1em; margin: 0 auto; font-weight: bold;/* border: solid 2px #B7B6B6; background-color: #fff; filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/width: 100%; box-sizing: border-box;} .box-txt_contents_in2 li{ margin: 0; padding: 0;} .box-txt_contents_in2 li.con_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_contents_in2 li.con_img{ font-size: 120%; text-align: center;} .box-txt_contents_in2 li.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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: 30px auto;} .box-txt_contents_in2 li a.plbtn_blue:hover{opacity: .7;} .box_contents_sap{width: 100%; height: auto;} .box-txt_contents_sap{display:inline-block; padding: 2em 1em; margin: 0 auto; font-weight: bold;/* border: solid 2px #B7B6B6; background-color: #fff; filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/width: 100%; box-sizing: border-box;} .box-txt_contents_sap li{ margin: 0; padding: 0;} .box-txt_contents_sap li.con_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_contents_sap li.con_img{ font-size: 120%; text-align: center;} .box-txt_contents_sap li.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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: 30px auto;} .box-txt_contents_sap li a.plbtn_blue:hover{opacity: .7;} .box_contents_sap2{width: 100%; height: auto;} .box-txt_contents_sap2{display:inline-block; padding: 2em 1em; margin: 0 auto; font-weight: bold;/* border: solid 2px #B7B6B6; background-color: #fff; filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/width: 100%; box-sizing: border-box;} .box-txt_contents_sap2 li{ margin: 0; padding: 0;} .box-txt_contents_sap2 li.con_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_contents_sap2 li.con_img{ font-size: 120%; text-align: center;} .box-txt_contents_sap2 li.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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: 30px auto;} .box-txt_contents_sap2 li a.plbtn_blue:hover{opacity: .7;} .box_contents_archive{width: 100%; height: auto;} .box-txt_contents_archive{display:inline-block; padding: 2em 1em; 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));*/width: 100%; box-sizing: border-box;} .box-txt_contents_archive li{ margin: 0; padding: 0;} .box-txt_contents_archive li.con_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_contents_archive li.con_img{ font-size: 120%; text-align: center;} .box-txt_contents_archive li.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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: 30px auto;} .box-txt_contents_archive li a.plbtn_blue:hover{opacity: .7;} .box_contents_movie{width: 100%; height: auto;} .box-txt_contents_movie{display:inline-block; padding: 2em 1em; margin: 0 auto; font-weight: bold;/* border: solid 2px #B7B6B6; background-color: #fff; filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/width: 100%; box-sizing: border-box;} .box-txt_contents_movie li{ margin: 0; padding: 0;} .box-txt_contents_movie li.con_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_contents_movie li.con_img{ font-size: 120%; text-align: center;} .box-txt_contents_movie li.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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: 30px auto;} .box-txt_contents_movie li a.plbtn_blue:hover{opacity: .7;} .box_contents_movie2{width: 100%; height: auto;} .box-txt_contents_movie2{display:inline-block; padding: 2em 1em; margin: 0 auto; font-weight: bold;/* border: solid 2px #B7B6B6; background-color: #fff; filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/width: 100%; box-sizing: border-box;} .box-txt_contents_movie2 li{ margin: 0; padding: 0;} .box-txt_contents_movie2 li.con_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_contents_movie2 li.con_img{ font-size: 120%; text-align: center;} .box-txt_contents_movie2 li.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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: 30px auto;} .box-txt_contents_movie2 li a.plbtn_blue:hover{opacity: .7;} .box_contents_cook{width: 100%; height: auto;} .box-txt_contents_cook{display:inline-block; padding: 2em 1em; margin: 0 auto; font-weight: bold;/* border: solid 2px #B7B6B6; background-color: #fff; filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/width: 100%; box-sizing: border-box;} .box-txt_contents_cook li{ margin: 0; padding: 0;} .box-txt_contents_cook li.con_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_contents_cook li.con_img{ font-size: 120%; text-align: center;} .box-txt_contents_cook li.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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: 30px auto;} .box-txt_contents_cook li a.plbtn_blue:hover{opacity: .7;} .box_contents_cook2{width: 100%; height: auto;} .box-txt_contents_cook2{display:inline-block; padding: 2em 1em; margin: 0 auto; font-weight: bold;/* border: solid 2px #B7B6B6; background-color: #fff; filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/width: 100%; box-sizing: border-box;} .box-txt_contents_cook2 li{ margin: 0; padding: 0;} .box-txt_contents_cook2 li.con_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_contents_cook2 li.con_img{ font-size: 120%; text-align: center;} .box-txt_contents_cook2 li.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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: 30px auto;} .box-txt_contents_cook2 li a.plbtn_blue:hover{opacity: .7;} a.relation_box, div.relation_box{ width: 100%; 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;border: 1px solid var(--minimedBlue);} .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{ 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: 2em 1em; 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));*/width: 100%; box-sizing: border-box;} .manga_box li{ margin: 0; padding: 0;} .manga_box li.m_title{ font-size: 150%; text-decoration: bold; text-align:center;} .manga_box li.m_img{ font-size: 120%; text-align: center;} .manga_box li.m_txt{ font-size: 120%; text-align: center; letter-spacing: -1px; } .m_box_img{ width: 90%;margin-top: 20px;} .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, .kanso_box table td{ display: block; width: 100%; box-sizing: border-box; } .kanso_box table th{ font-weight: normal; text-align: left;font-size: 84%; vertical-align: top; } .kanso_box table th p{ margin-bottom: 0.3em;} /*.kanso_box table td{ width: 10em; }*/ .kanso_box table td div{ background: #ffffff; padding: 0.2em; margin-bottom: 0.5em; text-align: center; } .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% var(--minimedBlue); 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%;} .answer_image img{ border-radius: 50px; display: block; margin: 0 auto; width: 100%; max-width: /*60px*/200px; border: solid 1px var(--text);} .question_image img{ border-radius: 50px; display: block; margin: 0 auto; max-width: /*60px*/200px; 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; width: 100%; max-width: /*60px*/200px; border: solid 1px var(--text);} .question_image_bl img{ border-radius: 50px; display: block; margin: 0 auto; width: 100%; max-width: /*60px*/200px; 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*/200px; width: 100%; border: solid 1px var(--text);} .question_image_y img{ border-radius: 50px; display: block; margin: 0 auto; max-width: /*60px*/200px; 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%; text-align: left; } .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: 96%; margin: 0 4% 1em; font-size: 14px; box-sizing: border-box; } .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: 14px; color: #004B87; cursor: pointer; } .material_tbl{border-top: 1px dotted #777777; border-left: 1px dotted #777777; font-size: 90%; width: 100%; } .material_tbl th{font-weight: normal; text-align: left; background: #F1F1F1; width: 50%; } .material_tbl th, .material_tbl td{ border-bottom: 1px dotted #777777; border-right: 1px dotted #777777; padding: 0.5em; } .material_tbl td{ text-align: right; } .material_tbl + .material_tbl{border-top: none;} 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; 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; display: block; width: 90%; } .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: calc( 100% - 120px); 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; max-width: calc( 100% - 90px); 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: 100%; } .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: 100%; } .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:90%; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 0px auto; padding: 5px;} .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: 30px auto;} .nutrition_facts_label{ background: #F1F1F1; padding: 1em; } .quick_estimate_tbl{border-top: 1px solid #FFF; border-left: 1px solid #FFF; width: 100%; } .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{ } .tbl_right{ } .calculation_tbl{ margin: 0 0 1.5em 0; background: #FFF; border: 10px solid #FFF; width: 100%; } .calculation_tbl th{ color: #666; font-weight: normal; line-height: 1.2; font-size: 10px; } .calculation_tbl th, .calculation_tbl td{text-align: center; } .calculation_tbl td{ font-size:140%; font-weight: bold; padding: 0 0em 0.3em; line-height: 1.0; } .accordion-area{ list-style: none; width: 96%; max-width: 900px; margin:0 auto; } .accordion-area li{ margin: 10px 0; } .accordion-area section { border: 1px solid #ccc; } .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; 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%; padding: 20px; } .note_box { margin: 10px; padding: 20px; border: 2px solid var(--yellow); color: var(--text); background-color: var(--yellow);} /*inspection and treatment*/ .box_con{width:100%;} .box_double_con_l{ width: 100%; height: auto; } .box_double_con_l img{ width: 100%;} .box_double_con_r{ width: 100%; height: auto; } .box_double_con_r img{ width: 100%;margin: 0 auto;} .box_con{width: 100%; height: auto;} .box-txt_con{display:inline-block; padding: 2em 1em; 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));*/width: 100%; box-sizing: border-box;} .box-txt_con li{ margin: 0; padding: 0;} .box-txt_con li.con_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_con li.con_img{ font-size: 120%; text-align: center;} .box-txt_con li.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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;} .box-txt_con li a.plbtn_blue:hover{opacity: .7;} .box_movie{width:100%;/* margin: 0 5%;*/} .box_double_movie_l{ width: 100%; height: auto;} .box_double_movie_l img{ width: 100%;} .box_double_movie_r{ width: 100%; height: auto;} .box_double_movie_r img{ width: 70%;margin: 0 auto;} .balloon_l, .balloon_r{ margin: 30px 0; display:flex; justify-content: flex-start; align-items: flex-start; } .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); box-sizing:border-box; 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{ width: 100%; height: auto; margin-bottom: 10px;} .box_tri_mamori_m{ width: 100%; height: auto; margin-bottom: 10px;} .box_tri_mamori_r{ width: 100%; height: auto; margin-bottom: 10px;} a.relation_box_mamori, div.relation_box_mamori{ width: 100%; display: block; color:var(--text); text-decoration: none;/* border: 1px solid #B7B6B6;*/ box-sizing: border-box; background:#FFF; margin-bottom: 30px; } 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;border: 1px solid var(--minimedBlue);} .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{ text-align: left!important; color: var(--minimedBlue); text-decoration: none; font-weight: bold;} .relation_box_mamori p.con_txt a:hover{ text-decoration: underline; } .key_bkg_mamo{ width: 100%; height: 374px; margin: auto; position: relative;} .box_mamori_l{ width: 100%; height: auto; } .box_mamori_l img{ width: 60%; height: 0 auto;} .box_contents_mamori{width: 100%; height: auto;} .box-txt_contents_mamori{display:inline-block; padding: 2em 1em; margin-bottom: 0px!important;; font-weight: bold;/* border: solid 2px #B7B6B6; background-color: #fff; filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/width: 100%; box-sizing: border-box;} .box-txt_contents_mamori li{ margin: 0; padding: 0;} .box-txt_contents_mamori li.con_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_contents_mamori li.con_img{ font-size: 120%; text-align: center;} .box-txt_contents_mamori li.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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: 30px auto;} .box-txt_contents_mamori li a.plbtn_blue:hover{opacity: .7;} .box_contents_mamori02{width: 100%; height: auto;} .box-txt_contents_mamori02{display:inline-block; padding: 2em 1em; margin-bottom: 0px!important;; font-weight: bold;/* border: solid 2px #B7B6B6; background-color: #fff; filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/width: 100%; box-sizing: border-box;} .box-txt_contents_mamori02 li{ margin: 0; padding: 0;} .box-txt_contents_mamori02 li.con_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_contents_mamori02 li.con_img{ font-size: 120%; text-align: center;} .box-txt_contents_mamori02 li.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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: 30px auto;} .box-txt_contents_mamori02 li a.plbtn_blue:hover{opacity: .7;} .box_mamori{width: 100%; height: auto;} .box_three_l{ width: 100%; height: auto; margin-bottom: 0px!important;} .box_three_mid{ width: 100%; height: auto; margin-bottom: 0px!important;} .box_three_r{ width: 100%; height: auto; margin-bottom: 0px!important;} .box-txt_mamori{display:inline-block; padding: 1em; margin-bottom: 0px!important; font-weight: bold;width: 100%; box-sizing: border-box;} .box-txt_mamori li{ margin: 0!important; padding: 0;} .box-txt_mamori li.con_title{ text-decoration: bold; text-align:left;margin-bottom: 0px!important;} .box-txt_mamori li.con_img{ width: 70%;margin: 0 auto!important;} .box-txt_mamori li.con_txt { font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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; } rt{font-size: 10px!important;} .sample { position: relative; padding: 14px; width: 90%; 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: -20px!important; right: -20px!important; display: inline-block; padding: 10px 0 10px 0 !important; width: 100px; height: 100px; } .sample time:before{ position: absolute; bottom: 0px!important; right: 0px!important; display: block; padding: 0 0 8px; width: 82%; } .sample time:after{ position: absolute; bottom: 0px!important; right: 0px!important; display: block; padding: 6px 0 0; width: 82%; } .pic_lennyletter{ width: 60px;} /*app*/ .box_con_app{width:100%;} .box_double_con_l_app{ width: 100%; height: auto; } .box_double_con_l_app img{ width: 100%;} .box_double_con_r_app{ width: 100%; height: auto; } .box_double_con_r_app img{ width: 100%;margin: 0 auto;} .box-txt_con_app li 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; margin-left: 120px;} .box-txt_con_app li a.plbtn_blue_app:hover{opacity: .7;} /*cookie*/ /*.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%; height: auto;} .box-txt_contents_line{display:inline-block; padding: 2em 1em; 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));*/width: 100%; box-sizing: border-box;} .box-txt_contents_line li{ margin: 0; padding: 0;} .box-txt_contents_line li.con_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_contents_line li.con_img{ font-size: 120%; text-align: center;} .box-txt_contents_line li.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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: 100%; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 30 auto 0; } .box-txt_contents_line li a.plbtn_blue:hover{opacity: .7;} .side_bn_sp{ position:fixed; bottom: 0; width: 100%; display:table; height: 65px; } .side_bn_sp a{ display: table-cell; text-decoration: none; text-align:center; height: 60px; vertical-align: middle; font-size: 1.5rem; line-height: 1.2; } .side_bn_sp a.bn_contact{ width: 50%; background:var(--minimedBlue); color:#FFF; } .side_bn_sp a.bn_soudan{ width: 50%; background: #55F975; color:var(--text); } .con_box_bb a h3{ font-weight: bold; margin-bottom: 1.0em; font-size: 1.6rem; } a.con_box_bb, div.con_box_bb{ width: 100%; display: block; color:var(--text); text-decoration: none;/* border: 1px solid #B7B6B6;*/ padding: /*43px 37px*/30px 20px; box-sizing: border-box;/* background:#FFF;*/ margin-bottom: /*30px*/10px; } /*a.sol_box_300_de: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: 1.6rem; } .con_box_bb 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.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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-top: 30px; margin-left: 120px;} .con_box_bb p a.plbtn_blue:hover{opacity: .7;} /*--------------------------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 } } .box_contents_bb{width: 100%; height: auto;} .box-txt_contents_bb{display:inline-block; padding: 2em 1em; margin: 0 auto; font-weight: bold;/* border: solid 2px #B7B6B6; background-color: #fff; filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));*/width: 100%; box-sizing: border-box;} .box-txt_contents_bb li{ margin: 0; padding: 0;} .box-txt_contents_bb li.con_title{ font-size: 150%; text-decoration: bold; text-align:center;} .box-txt_contents_bb li.con_img{ font-size: 120%; text-align: center;} .box-txt_contents__bb li.con_txt a{ font-size: 120%; text-align:left;color: var(--minimedBlue); text-decoration: none; } .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: 30px auto;} .box-txt_contents_bb li a.plbtn_blue:hover{opacity: .7;} .more_box{ width: 100%; display: block; color:var(--text); text-decoration: none;/* border: 1px solid #B7B6B6;*/ box-sizing: border-box; background:#FFF; margin-bottom: 0px!important; } .more_box h3{ font-weight: bold; margin-bottom: 0px!important; font-size: 1.6rem; } .more_box p.con_txt a{ 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 {�E�E�E�E�E�E�E�@width: 100%; margin: 10px; padding: 20px 10px 0px 10px; border: 1px solid var(--darkBlue); color: var(--darkBlue); background-color: #fff;} 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: 300px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 15px auto 0;} .mailmaga_box_pop {�E�E�E�E�E�E�E�@width: 100%; margin: 10px; padding: 20px 10px 0px; 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: 300px; height: 50px; font-weight: bold; transition: 0.3s; background-color: var(--minimedBlue); margin: 15px auto 0;} .column_content { flex-direction: column; } .column_item { width: 100%; flex-direction: column; } .column_image { width: 100%; } .column_item:nth-child(odd) { flex-direction: row-reverse; } /* ============================================" # study/lenny/index.html サークル用 =============================================== */ @media (max-width: 500px) { .link_cir_top img.layout-image-sp { max-width: 190px; width: 100%; } .layout-circle-sp { width: 65.8vw; /* max-width: 329px; */ height: auto; } .cir_title.font-size-sp { font-size: initial; } .plbtn_blue.font-size-sp { font-size: initial; } .plbtn_blue.layout-button-sp { max-width: 152px; width: 100%; } } /* モーダル */ .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: 30px; padding-bottom: 10px; } .col_wh_top--white { padding-top: 30px; padding-bottom: 10px; } .img-wrap { width: 100%; display: flex; gap: 10px; justify-content: space-between; } .img-wrap__item { display: flex; flex-direction: column; align-items: flex-start; } .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; /* font-size: 1.3rem; */ } .img-caption { display: block; font-size: 1.3rem; } .comic_link2.comic_link2--blue a { background: url(../images/common/ic_navipurple.png) no-repeat 98% 50% #ffffff; /* padding: 0.5em */ padding: 0.5em 2.5em 0.5em 0.5em; } .comic_link2.comic_link2--blue a:hover { background: url(../images/common/ic_navipurple.png) var(--minimedBlue) no-repeat 98% 50%; text-decoration: none; color: #ffffff; } .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: white !important; } .comic_img-wrap { display: grid; grid-template-columns: repeat(1, 1fr); column-gap: 40px; row-gap: 20px; /* justify-items: center; */ @media (max-width: 500px) { grid-template-columns: repeat(1, 1fr); } } .column_image--big { max-width: min(435px, 100%); } .comic_img-wrap__item { display: flex; flex-direction: column; /* align-items: center; */ row-gap: 20px; width: 100%; } .comic_img-wrap__item p { text-align: justify; } .comic_img-wrap--4col { grid-template-columns: repeat(2, 1fr); column-gap: 7%; row-gap: initial; } .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: 80%; } .ipad_img-wrap { margin-top: 20px; display: flex; flex-direction: column; row-gap: 20px; max-width: 300px; width: 100%; } .ipad_img-wrap__item { width: 100%; height: auto; } .ipad_img-wrap__item img{ width: 100%; height: 100%; } .u-desktop, .u-desktop2 { display: none; } .u-sp, .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: 115px; height: auto; img { width: 100%; height: 100%; object-fit: contain; aspect-ratio: 114 / 105; } } .c-flow__wrapper { margin-bottom: 50px; display: flex; flex-direction: column; } .c-flows { display: grid; gap: 3vw; grid-template-columns: repeat(2, 1fr); column-gap: 30px; row-gap: 30px; 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; margin-bottom: 30px; 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 { width: fit-content; display: flex; flex-direction: column; } .c-profile__image { width: 40%; } .c-profile__image img { width: 100%; height: 100%; object-fit: contain; } .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; } } .c-profile__description { margin-top: 30px; display: flex; align-items: flex-start; gap: 3vw; p { flex: 1; font-size: 16px; line-height: 1.2; } } @media (max-width: 375px) { .c-profile__description { p { font-size: 14px; } } } .c-profile__description-iamge { width: 130px; img { width: 100%; height: 100%; object-fit: contain; } } .c-flow__image { position: sticky; top: 115px; z-index: 10; } /* ============================================ # 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; flex-direction: column; justify-content: center; gap: 2rem; li { display: flex; justify-content: center; } } .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); } .minimed-button:hover { opacity: 0.7; color: #fff; }