/* For Smartphone */ @media screen and (max-width: 560px) { * { margin:0; padding:0; border:none;} body { font-size:16px; line-height:1.61; min-width: 100%; } h1 {margin: 0 0 5px 0; font-size:10px; padding:0; font-weight:normal; line-height:1.1; color:#fff; opacity:.6; display:none;} h1 span{ display:none;} h2 {margin:0 auto 20px auto; color:#0a308f; font-size:16px; font-weight:normal; line-height:1; text-align:center;} /*h2:after{ content:""; display:block; background-color:#0a308f; width:20px; height:1px; margin:20px auto 0 auto;}*/ h2 span {display:block; font-size:32px; margin-bottom: 13px;} #wrap-outer,#wrap-outer2nd{overflow:hidden;} /*#wrap-outer2nd .ttl {display:table; margin:0 auto 20px auto; width:100%; height:100px; text-align:center; background:url(../images/title/business_title_bg.jpg) no-repeat center top; box-shadow:0 5px 0 #f6f7f8; position: relative; z-index: 2; padding:0; box-sizing: border-box;}*/ /* #wrap-outer2nd .ttl {display:table; margin:0 auto 10px auto; width:100%; text-align:center; background:url(../images/title/business_title_bg.jpg?t=1) no-repeat center top; background-size:560px auto; box-shadow:0 5px 0 #f6f7f8; position: relative; z-index: 2; padding:110px 0 0 0; box-sizing: border-box;} #wrap-outer2nd .ttl.company_ttl{ background-image:url(../images/title/company_title_bg.jpg?t=1);} #wrap-outer2nd .ttl.bukken_ttl{ background-image:url(../images/title/bukken_title_bg.jpg);} #wrap-outer2nd .ttl.news_ttl{ background-image:url(../images/title/news_title_bg.jpg?t=1);} #wrap-outer2nd .ttl.recruit_ttl{ background-image:url(../images/title/recruit_title_bg.jpg);} #wrap-outer2nd .ttl.privacy_ttl{ background-image:url(../images/title/privacy_title_bg.jpg);} #wrap-outer2nd .ttl.contact_ttl{ background-image:url(../images/title/contact_title_bg.jpg?t=1);}*/ h3 {color:#2c2721; font-size:20px; font-weight:bold; line-height:1.3; margin:40px auto 10px auto; padding:0 0 0 0;} #wrap-outer2nd h3{ font-size:16px; color:#ffffff; font-weight:bold; box-sizing: border-box; padding: 13px 15px 13px 15px; letter-spacing: .5px; margin:0 0 20px 0; background: #07246b; background: -moz-linear-gradient(-45deg, rgba(7,36,107,1) 0%, rgba(7,36,107,1) 40%, rgba(9,48,143,1) 60%, rgba(9,48,143,1) 99%); background: -webkit-linear-gradient(-45deg, rgba(7,36,107,1) 0%,rgba(7,36,107,1) 40%,rgba(9,48,143,1) 60%,rgba(9,48,143,1) 99%); background: linear-gradient(135deg, rgba(7,36,107,1) 0%,rgba(7,36,107,1) 40%,rgba(9,48,143,1) 60%,rgba(9,48,143,1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07246b', endColorstr='#09308f',GradientType=1 );} h4 {font-size:20px; margin-bottom:8px;} #wrap-outer2nd h4{ font-size: 24px; color: #0098c3; font-weight: bold; border-bottom: 2px solid #0098c3; box-sizing: border-box; padding: 0 0 5px 0; letter-spacing: .5px; margin-bottom: 20px;} #contents-inner-pages #safe .safe_list + h4{ margin-top:30px;} img{ max-width:100%; margin-bottom:10px;} .sp_none{ display:block;} .pc_none{ display:none;} /*-----------------------------------------common----------------------------------------*/ #contents-inner-pages #main .box{ margin:0 0 30px 0;} .sp_table_2col_to_1col{ width:100% !important; border-bottom:1px solid #DEDEDE;} .sp_table_2col_to_1col th,.sp_table_2col_to_1col td{ display:block; border-bottom:none !important;} .sp_table_2col_to_1col td{ border-bottom:none !important; } .sp_table_2col_to_1col td:nth-of-type(1){ font-weight:bold; background-color:#f5fcff;} .sp_table_2col_to_1col th + td{ font-weight:normal !important; background-color:transparent !important;} /*---------------------------- side_menu -------------------------------------*/ #side_menu{display:none;} #side_menu.member-list{display:block; overflow-x:scroll; -webkit-overflow-scrolling:touch; border-collapse: separate; border-spacing: 10px 0; padding-bottom:10px; margin-bottom:7px;} #side_menu.view_menu{ margin-bottom:20px;} #side_menu ul{} #side_menu li{display:table-cell; margin:0px 20px 0px 10px; padding:5px 10px 5px 10px; border-bottom:1px solid #ccc; width:60px; border:1px solid #ccc; background-color:#fff; text-align:center; font-size:20px;} #side_menu li a{display:block; width:100%; white-space:nowrap; text-decoration:none;} #side_menu li a:link,#side_menu li a:visited{color:#333;} #side_menu .head{display:none;} #side_menu::-webkit-scrollbar {background:none; width:15px;} #side_menu::-webkit-scrollbar-thumb { background:none;} /*-- sp --*/ .sp_width_max{ display:block; margin:0 3% 0 3%; max-width:94%; box-sizing:border-box;} .sp_width_max tbody,.sp_width_max tr{ display:block; width:100%;} .sp_width_max th,.sp_width_max td{ display:block; width:auto !important; padding:10px;} .sp_width_max img{ width:100% !important; height:auto !important; margin:10px 0 0 0;} /*img.sp_width_max{ width:100% !important; height:auto !important; margin:10px 0 0 0;}*/ /*--- form --------------------------------------------------------------------------------------*/ input[type="text"],input[type="tel"] {font-size:100%; border:1px solid #DDD;} input[type="submit"] {-webkit-appearance:none;} label{margin-right:20px;} .btn_mail, .btn_top, .btn_line { display:block; /*border-radius:2px;*/ background: #d02465; /*background: -moz-linear-gradient(top, #ff8900 0%, #c63602 100%); background: -webkit-linear-gradient(top, #ff8900 0%,#c63602 100%); background: linear-gradient(to bottom, #ff8900 0%,#c63602 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8900', endColorstr='#c63602',GradientType=0 );*/ border:none; text-align:center; color:#FFF; font-size:20px; line-height:1; text-decoration:none; width:100%; box-sizing:border-box; padding:20px 0 18px 0; margin:0 auto 0 auto; cursor:pointer; } .btn_top {margin-top:50px;} .btn_line {background:#00b900; border-bottom:6px solid #00a100;} .btn_back { display:block; /*border-radius:6px; */background:url(/images/contact/form_btn_indent_back.png),#8d8d8d; background-repeat:no-repeat; background-position:15% center; border:none; /*border-bottom:6px solid #1A7;*/ text-align:center; cursor:pointer; color:#FFF; font-size:20px; line-height:1; letter-spacing:1px; text-decoration:none; box-sizing:border-box; padding:20px 25px 18px 40px; margin:0 0 20px 0; float:left; width: 45%; } .btn_end { display:block; /*border-radius:6px;*/ background:url(/images/contact/form_btn_indent.png),#c81717; background-repeat:no-repeat; background-position:10% center; border:none; /*border-bottom:6px solid #924;*/ text-align:center; cursor:pointer; color:#FFF; font-size:20px; line-height:1; letter-spacing:1px; text-decoration:none; box-sizing:border-box; padding:20px 25px 18px 40px; margin:0 0 20px 0; float:right; width: 45%; } /*.btn_more { display:block; border-radius:10px; background:#C36; border:none; border-bottom:6px solid #924; text-align:center; color:#FFF; font-size:16px; line-height:1; letter-spacing:1px; text-decoration:none; box-sizing:border-box; padding:20px 25px 20px 25px; margin:0 auto 0 auto; } */ .btn_more { display:block; background: #004e63; border:none; /*border-bottom:6px solid #924;*/ text-align:center; color:#FFF; font-size:16px; font-weight:bold; line-height:1; letter-spacing:1px; text-decoration:none; box-sizing:border-box; padding:15px 0 15px 0; margin:50px auto 0 auto; width:90%; cursor:pointer; letter-spacing: .1em; } .btn_more a{color:#fff; display:block; text-decoration:none;} .btn_more a span{ display:block; font-size:14px;margin-bottom:8px;} /*--- menu --------------------------------------------------------------------------------------*/ #menu {display: none; z-index:10;} #menu li {width: 100%; border-bottom:1px solid #1999CC; font-size:16px;} #menu li span {display:inline-block; margin-left:10px; font-size:10px;} #menu li a {display:block; padding:10px; background:#1485C2; color:#FFF; text-align:left; text-decoration:none;} #menu li:last-child a{border: none;} #toggle {display: block; position: relative; width: 100%; background:#1999CC; /*position:fixed; top:0; z-index:100;*/} #toggle a{display: block; position: relative; padding: 12px 0 12px 0; border-bottom: 1px solid #FFF; color:#FFF; text-align: center; text-decoration: none;} #toggle:before {display:block; content:""; position:absolute; top:50%; left:10px; width:30px; height:30px; margin-top:-15px; background:#FFF;} #toggle a:before, #toggle a:after {display:block; content:""; position:absolute; top:50%; left:10px; width:30px; height:6px; background:#1999CC;} #toggle a:before {margin-top:-9px;} #toggle a:after {margin-top: 3px;} /*--- wrap-outer --------------------------------------------------------------------------------*/ #wrap-outer, #wrap-outer2nd, #wrap-outerContact { width:100%; position:relative; height:auto !important; height:100%; min-height:100%; } #wrap-outer2 {/*background: url(/images/footer/footer_bk.jpg) no-repeat center bottom;*/} #wrap-outer3 {} #wrap-outer2nd, #wrap-outerContact {background:none;} #wrap-outer2 {width:100%; /*background:url(/images/footer/footer_bk.jpg) no-repeat center bottom/auto 1480px;*/} #wrap-outer2nd #wrap-outer2 { background:none;} #wrap-outerContact {margin-bottom:0px;} /*--- wrap --------------------------------------------------------------------------------------*/ #wrap {width:100%;} #wrap,#wrap-outer2nd #wrap,#wrap-outer2nd #wrap-navi {width:100%; /*background:url(/images/bg_wrap-outer.png) repeat; background-position:center top;*/ padding: 0 0 0 0; } /*--- header ------------------------------------------------------------------------------------*/ #header { width:100%; margin:0 auto 0 auto; padding:15px 10px 16px 10px; display: block; box-sizing:border-box; /*background: #07246b; background: -moz-linear-gradient(-45deg, rgba(7,36,107,1) 0%, rgba(9,48,143,1) 99%); background: -webkit-linear-gradient(-45deg, rgba(7,36,107,1) 0%,rgba(9,48,143,1) 99%); background: linear-gradient(135deg, rgba(7,36,107,1) 0%,rgba(9,48,143,1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07246b', endColorstr='#09308f',GradientType=1 );*/} #header .logo {max-width:290px; width: 100%; margin-bottom:0;} #header ul.navi {display:none;} #header ul.navi_sp { margin:23px 0 0 -10px; overflow:auto; white-space:nowrap; -webkit-overflow-scrolling:touch;} #header ul.navi_sp::-webkit-scrollbar{ display:none;} #header ul.navi_sp li{ display:inline-block; position:relative;} #header ul.navi_sp li::before{ display:block; content:""; width:1px; height:28px; position:absolute; top:calc(50% - 14px); left:-1px; background:#ddd;} #header ul.navi_sp li a{ display:table; width:100%; text-decoration:none; font-size:14px; line-height:1.4; text-align:center; padding:0 10px 0 10px; height:40px; box-sizing:border-box; white-space:normal; color:#000000; } #header ul.navi_sp li a span{ display:table-cell; vertical-align:middle; width:100%; height:100%;} #header.navinone ul.navi_sp li a{ height:0;} #header.navinone ul.navi_sp li.long a{ height:0;} .member_area{display:none;} /*--- contents ----------------------------------------------------------------------------------*/ #contents {margin:0 auto 30px auto; padding:0;} #contents .mainvis {height:auto; box-sizing:border-box; position:relative;} #contents .mainvis img {width:100%;} #contents .mainvis_btn{display:block; position:absolute; bottom:14px; left:50%; transform:translateX(-50%); width:80%; max-width:300px;} #contents .mainvis_btn img{} #contents .mainvis .top-text{position: absolute;top: 32px; left:30px;} #contents .mainvis .top-text img{max-width:320px;} #contents .inn {width: 100%;margin: 0 auto 0 auto;padding: 16px 3% 0 3%; box-sizing: border-box;} /*--- wrap_add01　 --------------------------------------------------------------------------------*/ #wrap_add01 {width:100%;position:relative; background:url(../images/top/bg_service.jpg) no-repeat top center;} /*#wrap_add01:after{content:""; position:absolute; bottom:-37px; left:0; background:url(../images/top/nami_bk02.png) no-repeat center top/100% auto ; width:100%; height:37px; z-index:9999; }*/ #wrap_add01 .inn {width:100%; margin:0 auto 0 auto; padding:50px 3% 50px 3%; box-sizing:border-box;} #wrap_add01 h2 img{max-width:50%;} #wrap_add01 .box{margin-top:30px; text-align:center;} #wrap_add01 .box > div{float:left; width:48%; margin-bottom:20px;} #wrap_add01 .box > div:nth-child(odd){margin-right:4%;} /*#wrap_add01 .box > div{ background-color:#ffffff; box-shadow:0 3px 0 #e9e9e9; transform:.3s;}*/ #wrap_add01 .box > div a{/* display:block;*/ text-decoration:none; color:#000; opacity:1 !important; } #wrap_add01 .box > div h3{ font-size:20px; color:#0a308f; font-weight:bold; margin:25px 20px 21px 20px; padding-bottom:0;} #wrap_add01 .box > div p{ font-size:13px; margin:0 20px 0 20px; padding-bottom:20px;} #wrap_add01 .page_link{ margin-top:30px; text-align:center;} #wrap_add01 .page_link a{ display:block;} #wrap_add01 .page_link a img{ margin-bottom:0;} #wrap_add01 .page_link .img_pc{ display:none;} #wrap_add01 .page_link .img_sp{ display:block;} /*--- wrap_add02 --------------------------------------------------------------------------------*/ #wrap_add02 {width:100%; position:relative;} /*#wrap_add02:after{content:""; position:absolute; bottom:-20px; left:0; background:url(/images/top/nami_bk04.png) no-repeat center bottom/100% auto; width:100%; height:21px; z-index:9999;}*/ #wrap_add02 .inn {width:100%; margin:0 auto 0 auto; padding:60px 3% 60px 3%; box-sizing:border-box;} #wrap_add02 .inn h2{ color:#ffffff;} #wrap_add02 .inn h2 img{ max-width:80%;} #wrap_add02 .inn h3{ font-size:20px; color:#ffffff; margin:0 0 5px 0;} #wrap_add02 .inn .gallery_wrap{overflow-x:auto; white-space:nowrap;} #wrap_add02 .inn .gallery_wrap ul{ width:1000px;margin-top:30px; text-align:center;} #wrap_add02 ul li{display:inline-block; vertical-align:top; margin:0 20px 20px 0; width:260px;} #wrap_add02 .inn p > a{ text-decoration:none; color:#ffffff; opacity:1 !important; cursor:text;} #wrap_add02 ul li img{ max-width:100%; height:auto; border-radius:20px; border:6px solid #00a7d4;} /*#wrap_add02 ul{margin-top:30px; text-align:center;} #wrap_add02 ul li{display:inline-block; margin:0 0 20px 20px;} #wrap_add02 ul li:nth-child(odd){margin-left:0;} #wrap_add02 ul li img{width:130px;}*/ /*--- wrap_add03 　--------------------------------------------------------------------------------*/ #wrap_add03 {width:100%; background:#0096be; position:relative; background:url(../images/top/bg_event.jpg) no-repeat top center/cover;} /*#wrap_add03:after{content:""; position:absolute; bottom:-20px; left:0; background:url(/images/nami_bk03.png) repeat-x; width:100%; height:21px; z-index:9999;background-size:40%;}*/ #wrap_add03 h2 img{max-width:80%;} #wrap_add03 .inn {width:100%; margin:0 auto 0 auto; padding:50px 3% 50px 3%; box-sizing:border-box; color:#fff;} #wrap_add03 .top_event{ margin:0 auto 20px auto; background:#fff; color:#004e63; text-align:left; box-sizing:border-box; font-size:16px; text-align:center; border-radius:20px; padding-bottom:200px} #wrap_add03 .top_event h3{margin-bottom:20px; padding:20px 20px 20px 20px; border-bottom:#0096be 1px solid; font-size:18px; color:#0096be;} #wrap_add03 .top_event h3 img{text-align:center; width:70%; max-width:250px;} #wrap_add03 .top_event_inn{box-sizing:border-box; padding:0 20px 38px 20px;} #wrap_add03 .top_event_inn img{width:80%; max-width:240px;} #wrap_add03 .top_event_inn > table{ width:100%; position:relative;} #wrap_add03 .top_event_inn > table tr{ width:100%;} #wrap_add03 .top_event_inn table td{ display:block; width:100%; } #wrap_add03 .top_event_inn > table > tbody > tr > td:nth-of-type(1){ position:absolute;bottom:-175px } #wrap_add03 .top_event_inn > table > tbody > tr > td:nth-of-type(1) img{ max-height:180px; width:auto;} #wrap_add03 .top_event_inn table table{margin:20px 0 20px 0; text-align:left;width:100%;} #wrap_add03 .top_event_inn table table tr{ display:block; margin-bottom:10px;} #wrap_add03 .top_event_inn table table td{padding:0 0 5px 0; } #wrap_add03 .top_event_inn table table tr:last-child td{ text-align:center;} /*#wrap_add03 .top_event_inn table table tr td:nth-child(1) { width:62px;}*/ #wrap_add03 .top_event_inn table table tr{border-bottom:dotted 1px #004e63;} #wrap_add03 .top_event_inn table table tr:nth-last-child(-n+2){border-bottom:none; } /*#wrap_add03 #map{ display:block; width:100%; height:250px;} #wrap_add03 #map iframe{ display:block; width:100%; height:250px;}*/ /*--- wrap_add04 --------------------------------------------------------------------------------*/ #wrap_add04 {width:100%; position:relative;} #wrap_add04:after{content:""; position:absolute; bottom:-21px; left:0; background:url(/images/nami_bk01.png) repeat-x; width:100%; height:21px; z-index:9999; background-size:40%;} #wrap_add04 .inn {width:100%; margin:0 auto 0 auto; padding:0; box-sizing:border-box;} #wrap_add04 .inn .h{ width:100%; box-sizing:border-box; padding:10px 3% 0 3%;} /*#wrap_add04 .inn .h h2{ color:#164a84;} #wrap_add04 .inn .h h2:after{ background-color:#164a8;}*/ #wrap_add04 .inn .h h2 img{max-width:40%;} #wrap_add04 .news-list{ padding:5px 5% 28px 5%; box-sizing:border-box; height:180px; overflow-y:scroll;} /*#wrap_add04 .news-list li + li{ margin-top:20px; color:#3b352e;} #wrap_add04 .news-list li a{ color:#3b352e;}*/ #wrap_add04 .news-list tr{border-bottom: 1px dotted #00a7d4; padding-bottom:10px;} #wrap_add04 .news-list td{ padding:20px 10px 20px 10px;} #wrap_add04 .news-list td:nth-child(1){ width:100px;padding:20px 0px 20px 10px;} #wrap_add04 .news-list a,#wrap_add04 .news-list li a:visited{color:#00a9d9;} #wrap_add04 .text{padding:10px 0 30px 0;} /*---sns_wrap---*/ #wrap_add04 .sns_wrap { text-align:center; margin:20px 0 20px 0; background-color:#f0f9fb; padding:26px 0 20px 0;} #wrap_add04 .sns_wrap h3{ margin:0; color:#00a9d9;} #wrap_add04 .sns_wrap ul { font-size:0; text-align:center; margin:20px 0 0 0;} #wrap_add04 .sns_wrap ul li { display:inline-block; width:50px; margin:0 37px 0 0;} #wrap_add04 .sns_wrap ul li:last-child{ margin:0 8px 0 0;} #wrap_add04 .sns_wrap ul li img{ border:none; width:50px;} /*--- wrap_add05 --------------------------------------------------------------------------------*/ /*#wrap_add05 {width:100%; position:relative; background:url(/images/footer/footer_bk_sp_01.jpg) no-repeat center bottom; background-size: auto 150%;}*/ #wrap_add05 .inn {width:100%; margin:0 auto 0 auto; padding:60px 3% 60px 3%; box-sizing:border-box;} #wrap_add05 .inn h2{ color:#ffffff;} /*#wrap_add05 .inn h2 + p{color:#ffffff;}*/ #wrap_add05 .inn h2 img{ max-width:80%;} #wrap_add05 .inn h3{ font-size:20px; color:#ffffff; margin:0 0 5px 0;} #wrap_add05 .inn ul{ margin-top:30px; text-align:center;font-size:0;} #wrap_add05 .inn ul::after{content:"";display:block; clear:both;} #wrap_add05 ul li{float:left; vertical-align:top; margin:0 0 20px 0; width:48%;} #wrap_add05 ul li:nth-of-type(even){ float:right;} #wrap_add05 .inn p > a{ text-decoration:none; color:#ffffff; opacity:1 !important; cursor:text;} #wrap_add05 ul li img{ max-width:100%; height:auto;} /*--- footer ------------------------------------------------------------------------------------*/ #footer-outer {width:100%;} #wrap-outer #footer{background:url(/images/footer/footer_bk_sp_02.jpg) no-repeat center top; background-size: auto 100%;} #wrap-outer2nd #footer{background:url(/images/footer/footer_bk.jpg) no-repeat center bottom/auto 1100px;} #footer .inn .company_info,#footer .inn table.footer_navi td ul li a{color:#FFF !important;} #footer {width:100%; position:relative;} #footer .inn {width:100%; margin:0 auto 0 auto; padding:25px 3% 0px 3%; box-sizing:border-box;} #footer .inn.top_inn {padding:37px 3% 0px 3%;} #footer .inn .page_link_footer{ margin-bottom:25px;} #footer .inn .page_link_footer img{ margin-bottom:0;} #footer .inn .company_info{ color:#004e63;} #footer .inn .company_info .h{ font-weight:bold; font-size:20px; margin:0 0 10px 0;} #footer .inn .company_info .h img{ display:block; margin-bottom:6px; } #footer .inn .company_info p{/* opacity:.7;*/ font-size:16px; line-height:2.0;} /*#footer .inn .company_info p a{text-decoration:none; display:block; background:#fff; border-radius:5px; color:#00a7d4; padding:8px 10px; text-align:center; font-weight:bold; font-size:20px; max-width:90%; margin:0 auto;}*/ #footer .inn .company_info p a{text-decoration:none; display:block; color:#fff;} #footer .inn .company_info table{margin-top:8px;} #footer .inn .company_info table th{font-weight: normal; vertical-align: top; text-align: left; font-size:13px; padding-bottom:5px;width:80px;} #footer .inn .company_info table td{font-size:13px; padding-bottom:5px;} #footer .inn table.footer_navi {width:100%; margin:25px 0 0 0; padding:0; border-collapse:collapse;} #footer .inn table.footer_navi td { display:block; padding:0; box-sizing:border-box;} #footer .inn table.footer_navi td:first-child {padding-left:0;} #footer .inn table.footer_navi td:last-child {border:none; margin:0; padding-right:0;} #footer .inn table.footer_navi td ul li {background:url(/images/footer/indent.png) no-repeat left center; background-size:14px auto; font-size:16px; padding-left:20px; /*margin-bottom:30px;*/ line-height:1; white-space:nowrap; letter-spacing:1px; border-top:1px solid rgba(255,255,255,.2);} #footer .inn table.footer_navi td ul li:last-child {margin-bottom:0;} #footer .inn table.footer_navi td ul li.nest {background:none; margin-bottom:0;} #footer .inn table.footer_navi td ul li ul li {font-weight:normal; background:url(/images/indent_sub.png) no-repeat 0px 3px;} #footer .inn table.footer_navi td ul li a {display:block; padding:20px 0 20px 20px; color:#004e63; text-decoration:none; } #footer .inn table.footer_navi td ul li a:hover{ text-decoration:none;} #footer-outer .bookmarkArea {width:1000px; position:relative;} #footer-outer .bookmarkArea #bookMarks {overflow:hidden; position:absolute; bottom:15px; right:0;} #footer-outer .bookmarkArea #bookMarks li {float:left; background:none; margin-right:15px;} #footer-outer .bookmarkArea #bookMarks .twitter {} #footer-outer .bookmarkArea #bookMarks .google {} #footer-outer .bookmarkArea #bookMarks .facebook {} #footer #footer-copyright {width:100%; margin:0 auto 0 auto; padding:0 3% 0 3%; font-size:10px; color:#FFF; letter-spacing:.3px; box-sizing:border-box;} #footer #footer-copyright .copyright{ padding:25px 25px 25px 0; border-top:1px solid rgba(255,255,255,.2); box-sizing:border-box;} /* --- */ #scrollUp { height: 40px; /* Height of image */ width: 40px; /* Width of image */ background-size:40px; } /*--- contents-inner-pages ---------------------------------------------------------------------*/ /*================================== 2ndpage navigation ==================================*/ #contents ul#contents_navi {width:100%; background:#E59; overflow:hidden; box-sizing:border-box; padding:10px;} #contents ul#contents_navi li {float:left; font-size:12px;} #contents ul#contents_navi li a {color:#FFF; text-decoration:none; display:block; background:url(/images/common/contents_navi_line.gif) no-repeat right center; padding-right:10px; margin-right:8px;} #contents ul#contents_navi li.current a {font-weight:bold;} /*================================== 2ndpage 共通 ==================================*/ #contents-inner-pages {margin:0 auto 0 auto; font-size:16px; line-height:1.6;} #contents-inner-pages .inn{/*width:94%;*/ margin:0 auto 0 auto;} #contents-inner-pages:after {content:""; display:block; clear:both;} #contents-inner-pages h2 img{max-width:50%;} #wrap-outer2nd .ttl { margin: 0 auto 30px auto; width: 100%; position: relative; z-index: 2; padding: 100px 0 0 0; box-sizing: border-box; background:url(../images/title/about_title_bg.jpg) no-repeat center top/cover; } #wrap-outer2nd .ttl h2{position:absolute; top:50%; transform:translateY(-50%); width:100%; color: #ffffff;} #wrap-outer2nd .ttl#consultation { margin: 0 auto 0 auto; width: 100%; height:270px; text-align: center; background: url(../images/title/consultation_title_bg.jpg?t=2) no-repeat; background-size: 200%; background-position:-300px top; position: relative; z-index: 2; padding: 140px 0 0 0; box-sizing: border-box; } #wrap-outer2nd .ttl#contact{ margin: 0 auto 0 auto; width: 100%; height:270px; text-align: center; background: url(../images/title/contact_title_bg.jpg) no-repeat; background-size: 200%; background-position:center top; position: relative; z-index: 2; padding: 140px 0 0 0; box-sizing: border-box; } #wrap-outer2nd .ttl#remote{ margin: 0 auto 30px auto; width: 100%; height:auto; text-align: center; background: url(../images/title/remote_ttl_bg.jpg) no-repeat; background-size: 200%; background-position:center top; position: relative; z-index: 2; padding: 33% 0 0 0; box-sizing: border-box; } #wrap-outer2nd .ttl img{ max-width:300px;} #wrap-outer2nd .ttl#contact h2 img{ max-width: inherit; height:85px; } #wrap-outer2nd h3 { font-size: 20px; color: #ffffff; font-weight: bold; box-sizing: border-box; padding: 10px 10px 10px 10px; letter-spacing: .5px; margin: 0px 0 30px 0; background:#00a7d4; } #contents-inner-pages p.read {padding:0;} #contents-inner-pages .sp_off{ display:none; } #contents-inner-pages .common_h { font-size: 20px; font-weight: bold; line-height: 1.3; margin:40px 0 20px 0; padding:0 10px 0 10px; } #contents-inner-pages .common_h_pink{ color:#ee5599; font-size: 20px; font-weight: bold; line-height: 1.3; margin:40px 0 20px 0; padding:0 10px 0 10px; } #contents-inner-pages .table_caption{ font-weight:bold; font-size:18px; padding:0 10px 8px 10px; } #contents-inner-pages .text_img td{ display: block; width:100% !important; padding:0 10px 0 10px; box-sizing:border-box; } #contents-inner-pages .text_img td:last-of-type{ padding:10px 10px 0 10px; } #contents-inner-pages .text_img p{ text-align:center; } #contents-inner-pages .text_img img{ width:180px; } #wrap-outer2nd img.kushi12_waribiki_img{ float: none !important;} .contact_box{ margin: 40px auto 0 auto; /*background: url(../images/common/contact_bk.png) no-repeat left center;*/ background-size: contain; box-sizing: border-box; text-align:center; } .contact_box a{ display:block;} .contact_box img{max-width:90%; margin-bottom:20px;} /* table typeA */ #contents-inner-pages table.common_table_type_a {margin:0 0 40px 0;} #contents-inner-pages table.common_table_type_a th, #contents-inner-pages table.common_table_type_a td {border-right:2px solid #FFF; border-bottom:2px solid #FFF; padding:10px; text-align:center; font-size:12px; font-weight:bold; line-height:1.4; box-sizing:border-box;} #contents-inner-pages table.common_table_type_a td:first-child{ text-align:left;} #contents-inner-pages table.common_table_type_a th:last-child, #contents-inner-pages table.common_table_type_a td:last-child {border-right:none;} /*color*/ #contents-inner-pages table.common_table_type_a th {background:#FC3; color:#432; border-bottom:2px solid #D7D3CD;} #contents-inner-pages table.common_table_type_a td {} #contents-inner-pages table.common_table_type_a tr:nth-child(even) {background:#F5F4F2;} #contents-inner-pages table.common_table_type_a tr:nth-child(odd){background:#EBE9E5;} /* table typeB */ #contents-inner-pages table.common_table_type_b {margin:0 0 40px 0;} #contents-inner-pages table.common_table_type_b th, #contents-inner-pages table.common_table_type_b td {display: block; width:100% !important; text-align:left; border-bottom:2px solid #FFF; padding:10px ; line-height:1.8; box-sizing:border-box;} #contents-inner-pages table.common_table_type_b th{background:#EBE9E5; font-weight:bold; } #contents-inner-pages table.common_table_type_b td{background:#F5F4F2; border-right:none;} #contents-inner-pages .weight_normal tr td{ font-weight:normal; } #contents-inner-pages .weight_normal tr td:first-of-type{ font-weight:bold; } .gray_back{ background-color:#f8f4f3; padding:1px 10px 30px 10px; margin-top:30px;} /*================================== パンくず ==================================*/ #bread_navi{ background:url(../images/common/bread_bg.png) no-repeat left top; background-color:#48433c; min-height:30px; padding-top: 4px; padding-left: 25px; letter-spacing: .6px; box-sizing:border-box;} #bread_navi li{ display:inline;} #bread_navi li a{ display:inline-block; color:#ffffff; font-size:10px; text-decoration:none;} #bread_navi li:first-child a{ font-weight:bold;} #bread_navi li + li:before{ display:inline-block; content:""; background:url(../images/common/bread-icon.png) no-repeat; width:4px; height:8px; margin:0 7px 0 20px;} /*================================== diving02 ==================================*/ #diving02{background:url(../images/title/diving02_ttl_bg.jpg) no-repeat center top/cover !important;} #diving02.ttl h2 img{ max-width:260px;} /*================================== diving05 ==================================*/ #diving05{background:url(../images/title/diving05_ttl_bg.jpg) no-repeat center top/cover !important;} /*================================== diving06 ==================================*/ #diving06{background:url(../images/title/diving06_ttl_bg.jpg) no-repeat center top/cover !important;} /*================================== event ==================================*/ #event{background:url(../images/title/event_ttl_bg.jpg) no-repeat center top/cover !important;} /*================================== blog ==================================*/ #blog{background:url(../images/title/blog_ttl_bg.jpg) no-repeat center top/cover !important;} /*================================== voice ==================================*/ #voice{background:url(../images/title/voice_ttl_bg.jpg) no-repeat center top/cover !important;} #voice.ttl h2 img{ max-width:180px;} /*================================== about ==================================*/ #about{background:url(../images/title/about_title_bg.jpg) no-repeat center top/cover !important;} /*================================== 業務内容 ==================================*/ #contents-inner-pages .business_ttl + p.read br{ display:none;} #contents-inner-pages .business_box{ margin-top:30px;} #contents-inner-pages .business_box .text{ } #contents-inner-pages .business_box .images{ margin:15px 0 45px 0;} #contents-inner-pages .business_box p + p{ margin-top:16px;} #contents-inner-pages .business_box p.bold{ font-weight:bold; font-size:17px;} #contents-inner-pages #wrap_add02{ margin-bottom:-10px; box-sizing:border-box;} #contents-inner-pages #wrap_add02 h2{ margin-bottom:20px;} #contents-inner-pages #wrap_add02 h2:after{ display:block; content:""; width:15px; height:1px; background-color:#ffffff; margin:21px auto 0 auto;} #contents-inner-pages #wrap_add02 .inn p {margin-bottom: 20px; font-size: 14px;} #contents-inner-pages #wrap_add02 .brown_btn {font-size: 17px; padding-top: 15px;} /*================================== store ==================================*/ #contents-inner-pages #company_info .photo{ text-align:center; margin: 20px auto 15px auto;} #contents-inner-pages #company_info .photo li{ display: inline-block; margin: 0 3px 0 3px; box-sizing:border-box; width:47%;} #contents-inner-pages #company_info .photo li img{ width:100%;} #contents-inner-pages #company_info .photo li p{ display:table; width:100%; height:42vw; background:#e6e6e6;} #contents-inner-pages #company_info .photo li p span{ display:table-cell; vertical-align:middle;} #contents-inner-pages table.mod-table {width:100%; table-layout:fixed; border-collapse:collapse; text-align:left; background-color:#ffffff; display:block;} #contents-inner-pages table.mod-table tbody{width:100%;display:block; } #contents-inner-pages table.mod-table tr{width:100%;display:block; } #contents-inner-pages table.mod-table th, #contents-inner-pages table.mod-table td {display:block; padding:10px; clear:both; color:#333333; width:100%; box-sizing:border-box;} #contents-inner-pages table.mod-table td a{ display:inline-block; margin-bottom:10px;} #contents-inner-pages table.mod-table th {background-color:#edf6fa; vertical-align:top;} #contents-inner-pages table.mod-table .gmap {width:100%; height:245px;} #contents-inner-pages table.mod-table .add_box em{ display:table; font-weight:bold; margin-bottom:15px;} #contents-inner-pages table.mod-table .add_box + .add_box{ border-top:1px dotted #b19f85; margin-top:15px; padding-top:15px;} #contents-inner-pages table.mod-table .add_box .add{ width:100%; margin-bottom:10px;} #contents-inner-pages table.mod-table .add_box .add a{ color:#444444; text-decoration:none;} #contents-inner-pages #access .gmap {width:100%; height:250px;} #contents-inner-pages #company_info{} #contents-inner-pages #access{margin-top:30px;} #contents-inner-pages a.tel_link{ color:#000; text-decoration:none; } #contents-inner-pages #access p.text-center{ margin-bottom:15px;} /*================================== プライバシーポリシー ==================================*/ #contents-inner-pages .ttl#privacy h2 img{max-width:80%;} #contents-inner-pages .privacy_blocks p + h3{ margin-top:30px; margin-bottom:15px;} #contents-inner-pages .privacy_blocks a.btn { display:block; border:1px solid #000000; color:#000000; text-decoration:none; text-align:center; width:100%; margin:15px 0 0 0; padding:10px 0 10px 0; opacity:1 !important;} /*================================== ニュースリリース ==================================*/ #contents-inner-pages #news{ } #contents-inner-pages #news .news-list{ box-sizing:border-box;} #contents-inner-pages #news .news-list li + li{ margin-top:20px; color:#3b352e;} #contents-inner-pages #news .news-list li a{ color:#3b352e; text-decoration:none;} #contents-inner-pages #news .news-list li span{ display:block; vertical-align:middle; height:30px; text-align:center; font-size:15px; background-color:#ffffff; padding-top: 4px; box-sizing: border-box; } #contents-inner-pages #news .news-list li p{ font-size:14px; margin-top:12px;} #contents-inner-pages #news .news-list li a p{ text-decoration:underline;} /*================================== 採用情報 ==================================*/ #contents-inner-pages #recruit{} #contents-inner-pages #recruit .red_btn{ display:block; width:100%; font-size:16px; text-align:center; border:1px solid #d02465; background-color:#d02465; color:#ffffff; text-decoration:none; padding:20px 0 20px 0; box-sizing:border-box; opacity:1 !important; margin:30px auto 0;} /*================================== プライバシーポリシー ==================================*/ #contents-inner-pages .privacy_blocks{ padding:0;} /*================================== 新着情報 ==================================*/ #contents-inner-pages .news {padding:0 10px 20px 10px;} #contents-inner-pages .news table {margin-bottom:20px;} #contents-inner-pages .news td.oshirase, #contents-inner-pages .news td.blog {width:80px; font-size:13px; color:#FFF; display:inline-block; vertical-align:middle; padding:3px 4px 2px 4px; text-align:center; box-sizing:border-box;} #contents-inner-pages .news td.oshirase {background:#E59;} #contents-inner-pages .news td.blog {background:#0AE;} #contents-inner-pages .news td.date {padding-left:10px; font-weight:bold;} #contents-inner-pages .news td img {width:100%;} #contents-inner-pages .news td table td {display:block;} /*================================== 準備中 ==================================*/ #wrap-outer2nd .comming_soon{ margin:50px auto 50px auto; opacity:.75;} #wrap-outer2nd .comming_soon h3{ font-size:26px; margin-bottom:0;} #wrap-outer2nd .comming_soon h3:before{ display:none;} #wrap-outer2nd .comming_soon h3 img{ display:block; margin:0 auto 15px auto; width:34px;} /*================================== お問い合わせ ==================================*/ #contents form .w1 {width:100%; box-sizing:border-box;} #contents form .w2 {width:100%; box-sizing:border-box;} #contents form .w3 {width:100%; box-sizing:border-box;} #contents form .w4 {width:100%; box-sizing:border-box; border:1px solid #DDD;} #contents .contents-form input[type="text"],#contents .contents-form input[type="tel"] {font-size:120%;} #contents .contents-form {margin:0 0 20px 0;} #contents .contents-form table#telephone {} #contents .contents-form table#telephone td {font-size:14px; text-align:center; padding:0 10px 15px 10px;} #contents .contents-form table#telephone td br {display:block;} #contents .contents-form table#telephone td.number {padding:15px 0 0 0;} #contents .contents-form table#telephone td.number a {font-size:36px; padding:50px 0 0 0; background:none; font-family:inherit;} #contents .contents-form table#telephone td.number img {display:block; width:40px; height:auto; margin:0 auto 5px auto;} #contents .contents-form table.basicTable {margin:0 auto 20px auto;} #contents .contents-form table th, #contents .contents-form table td {display:block; box-sizing:border-box; padding:10px;} #contents .contents-form table th {border-bottom:none; padding-bottom:0;} #contents .contents-form .item {width:100%; margin:0 0 10px 0; padding:5px; box-sizing:border-box; background:#3BD; border-radius:6px; color:#FFF; font-weight:normal; white-space:nowrap; text-align:center;} #contents .contents-form label {padding:0 5px 0 5px;} #contents .contents-form .value {margin:0;} #contents .contents-form .lng {white-space:normal;} #contents .contents-form .vlng {} #contents .contents-form .required {color:#FFF; font-size:11px; vertical-align:middle; padding-left:10px;} #contents .contents-form .supplement {color:#666; font-weight:normal; font-size:12px; margin-bottom:10px;} #contents .contents-form .ex {color:#666; font-weight:normal; font-size:12px; display:block; padding:0; margin-top:10px;} #contents .contents-form .reaffirmation {color:#666; font-weight:normal; font-size:12px; margin:10px 0 10px 0;} #contents .contents-form .error_description, #contents .contents-form .description1 {padding:0 0 15px 0;} #contents .contents-form .error_list {padding:0 10px 0 10px;} #contents .contents-form .error_list .alert {margin-bottom:15px; background:url(../images/contact/attention.gif) no-repeat 0 0; padding:5px 0 10px 50px; color:#e64545;} #contents .contents-form .msg_top {padding:0 10px 0 10px;} #wrap .form_btn_pos{text-align:center} #contents .contents-form td.btn input{ padding:0; border:none;} #contents .contents-form .bt td{background:none;} /*================================== リモート無料相談 ==================================*/ #contents-inner-pages #remote h2{ margin: -25% auto 0 -15%;} #contents-inner-pages #remote h2 img{ max-width:70%;} #contents-inner-pages .remote_box .text{ padding:0 3% 0 3%; text-align:center;} #contents-inner-pages .remote_box #wrap_add04{ padding: 0 0 30px 0; box-sizing:border-box;} #contents-inner-pages .remote_box #wrap_add01 .inn{ padding:50px 0 20px 0;} #contents-inner-pages .remote_box #wrap_add04 .inn{ padding:0;} #contents-inner-pages .remote_box #wrap_add01 .osusume_title{ margin-bottom:20px;} #contents-inner-pages .remote_box #wrap_add01 .osusume_img_pc{ display:none;} /*#contents-inner-pages .remote_box #wrap_add01 .osusume_img_sp ul{ font-size:0;} #contents-inner-pages .remote_box #wrap_add01 .osusume_img_sp ul li{ display:inline-block; width:48%;} #contents-inner-pages .remote_box #wrap_add01 .osusume_img_sp ul li:nth-child(odd){ margin-right:3%;}*/ #contents-inner-pages .remote_box #wrap_add01 .osusume_img_sp ul li img{ width:100%; margin:0;} #contents-inner-pages .remote_box #wrap_add04.answer{ padding-top:50px;} #contents-inner-pages .remote_box #wrap_add04 .ans_img{ display:none;} #contents-inner-pages .remote_box #wrap_add04 ul.remote_ques{ text-align:center;} #contents-inner-pages .remote_box #wrap_add04 ul.remote_ques li{ padding-bottom:20px;} #contents-inner-pages .remote_box #wrap_add04 ul.remote_ques li:last-child{ padding-bottom:0;} /*#contents-inner-pages .remote_box #wrap_add01 .step_box{ position:relative; background:#dff2f7; padding:70px 3% 20px 3%;}*/ #contents-inner-pages .remote_box #wrap_add01 .step_box{ position:relative; background:#dff2f7; padding:20px 3% 20px 3%;} #contents-inner-pages .remote_box #wrap_add01 .step_box span.step_num{ display:block; position:absolute; top:-5px; left:-5px;} #contents-inner-pages .remote_box #wrap_add01 .step_box span.step_num img{ width:55px; height:auto;} /*#contents-inner-pages .remote_box #wrap_add01 .step_box .step_ttl{ font-size:18px; color:#004e63; font-weight:bold; margin-bottom:20px;}*/ #contents-inner-pages .remote_box #wrap_add01 .step_box .step_ttl{ font-size:18px; color:#004e63; font-weight:bold; margin-bottom:20px; padding-left:55px;} #contents-inner-pages .remote_box #wrap_add01 .step_box .step_ttl .large{ display:block; font-size:24px; color:#00a7d4;} #contents-inner-pages .remote_box #wrap_add01 .step_box .float .step_contact{ margin:20px 0 20px 0;} #contents-inner-pages .remote_box #wrap_add01 .step_box .step_img{ display:block; margin:auto;} #contents-inner-pages .remote_box #wrap_add01.step .arrow_bottom{ text-align:center; margin:20px 0 20px 0; line-height:0;} #contents-inner-pages .remote_box #wrap_add01.step .arrow_bottom img{ margin:0; width:auto; height:20px;} #contents-inner-pages .remote_box #wrap_add01 .step_box table.download{ margin:20px 0 30px 0; width:100%;} #contents-inner-pages .remote_box #wrap_add01 .step_box table.download td{ font-size:12px; text-align:center; border:none; width:29%;} #contents-inner-pages .remote_box #wrap_add01 .step_box table td .pc_text{ font-size:10px;} #contents-inner-pages .remote_box #wrap_add01 .step_box table.download td img{ margin:5px 0 0 0; width:94px !important; height:auto !important; max-width:98%;} #contents-inner-pages .remote_box #wrap_add01 .step_box table.download td.zoom{vertical-align:middle; width:13%;} #contents-inner-pages .remote_box #wrap_add01 .step_box table.download td.zoom img{ width:auto !important; height:40px !important; /*padding-top:8px;*/ margin:0 10px 0 0;} #contents-inner-pages .remote_box #wrap_add01 .step_box.step03 .step_img{ margin:20px auto 0 auto;} #contents-inner-pages .remote_box #wrap_add01 .attention{ margin-top:60px;} #contents-inner-pages .remote_box #wrap_add01 .attention .attention_title{ border-top:1px solid #00a7d4; padding-top:10px; font-size:16px; font-weight:bold; color:#00a7d4;} #contents-inner-pages .remote_box #wrap_add01 .attention .attention_text{ font-size:14px;} .menu-btn { top: 0px; right:0px; position:fixed; z-index:100000; display: block; width: auto; min-width:35px; cursor: pointer; font-size:12px; letter-spacing:1px; text-align:center; border-radius:0; background-color:#00a9d9; padding:4px 7px 7px 7px; color:#fff; font-weight:bold; font-family:'Century Gothic', Helvetica, Arial, sans-serif; } .menu-btn span { display: block; height: 1px; width: 100%; background: #fff; border-radius: 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .menu-btn span:nth-of-type(1){ margin-top: 2px; } .menu-btn span:nth-of-type(2), .menu-btn span:nth-of-type(3) { margin-top: 6px; } /* お問い合わせフォーム */ #contents .contents-form {margin:0 0 30px 0;} /*#telephone.inquiry {margin:-10px auto 0 auto; text-align:center; padding:0 0 35px 0;} #telephone.inquiry a.num { display:block; font-size:34px; text-decoration:none; font-family: "Century Gothic",Verdana,Arial,sans-serif; color:#d02465;} #telephone.inquiry a.num em:before{ display:inline-block; content:""; background:url(/images/common/inquiry_tel_v2.png) no-repeat right center; background-size:auto 23px; width:22px; height:23px; margin-right:5px;} #telephone.inquiry .open {font-size: 14px; line-height:1; } */ #contents-inner-pages .contents-contact .inn{ width:100%;} #contents .contents-form {margin:0 0 30px 0;} #telephone.inquiry {margin:-10px auto 0 auto; text-align:center; padding:0 0 24px 0;} #telephone.inquiry a.num { display:block; font-size:34px; text-decoration:none;color:#000000;} #telephone.inquiry a.num em:before{ display:inline-block; content:""; background:url(/images/common/inquiry_tel_v3.png) no-repeat right center; background-size:auto 23px; width:22px; height:23px; margin-right:5px;} #telephone.inquiry .open {font-size: 14px; line-height:1; margin-top:4px; } #telephone.inquiry .open table{margin:0 auto 0 auto; max-width:330px;} #telephone.inquiry .open table th{border:none; background: none; width:27%; color:#000; padding:0 0 10px 3%; vertical-align: top; font-weight: normal; line-height: 2em;} #telephone.inquiry .open table td{border:none; background: none; width:70%; padding:0 0 10px 0; text-align: left; line-height: 2em;} #contents .contents-form table.basicTable td input {border:1px solid #EEE; margin:0 10px 0 0;} #contents .contents-form .error_list .alert{ margin-bottom:15px; background:url(../images/contact/attention.gif) no-repeat 0 0; padding:5px 0 10px 50px; color:#e64545; } .contents-form table.basicTable {border-top:1px solid #dddddd; margin-top:20px;} .contents-form table.basicTable th, .contents-form table.basicTable td {display:block; width:100%; padding:10px 0px 15px 0px; box-sizing:border-box; text-align:left; background:none; border-bottom:1px solid #dddddd;} .contents-form table.basicTable th {padding:8px 10px 4px 10px;} .contents-form table.basicTable .ex {color:#666; font-size:12px; padding-left:5px;} .require {color:#C00; padding-left:5px;font-size:12px; font-weight:normal;} .contents-form .contact_bt {margin-top:25px; text-align:center;} .contents-form .error_list {margin:25px 0 20px 0;} .contents-form .error_list .alert { margin-bottom:15px; background: url(../images/contact/attention.gif) no-repeat 0 0; padding:5px 0 10px 50px; color:#e64545; } /*.contents-form div { margin-bottom:10px}*/ .contents-form input[type="text"], .contents-form input[type="tel"], .contents-form textarea { margin:0 0 10px 0; padding:5px;} .contents-form textarea { border:1px solid #ccc;} .contents-form .imeDisabled {} .contents-form .w1 {width:200px; border:1px solid #ccc;} .contents-form .w2 {width:95%; border:1px solid #ccc;} .contents-form .w3 {width:50px; border:1px solid #ccc;} .contents-form .w4 {width:200px; border:1px solid #ccc;} .contents-form div.privacy { padding: 10px; overflow: auto; height: 200px; border: 1px solid #ccc; background-color:#ffffff; font-size:80%;} .contents-form div.privacy p + p{ margin-top:20px;} .wrap_privacy_accept{text-align:center; margin:30px 0 30px 0; font-weight:bold;} .privacy{ margin:10px 0 10px 0;} .privacy_title{ margin:10px 10px 0px 10px;} ::-webkit-scrollbar { background:#ccc; width:15px;} ::-webkit-scrollbar-thumb { background:#aaa;} .slick-dots li button:before { top: -30px; z-index:100000; } } /***********************/ /* For Smartphone */ @media screen and (max-width: 560px) { /*------------------------------------------各ページ共用----------------------------------------*/ /* ページ見出し */ #wrap-outer_2 #contents .main_image img {width:100%; max-width:100%; height:auto;} /* テキスト（PHP以外） */ #contents-inner-pages .asset-body .div1 {padding:10px; text-align:left;} /* floatクリア */ #contents-inner-pages .clear {border: 0 none; clear: both; height: 0; margin: 0; padding: 0;} /*------------------------------------------お問い合わせブロック----------------------------------------*/ #inquiry {width:100%; margin:0 auto 0 auto; padding:15px 10px 15px 10px; border:4px solid #CCC; background:#FFF; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; line-height:1;} #inquiry .h {text-align:center; font-size:12px; font-weight:bold;} #inquiry .tel {width:100%; vertical-align:top; margin:10px 0 10px 0;} #inquiry .tel .text {border-radius:3px; padding:7px 5px 5px 5px; margin:0; color:#FFF; text-align:center; letter-spacing:0.05em; background:#00A6D3; font-size:12px;} #inquiry .tel .num {margin:9px auto 7px auto; padding:0px; color:#333; font-size:35px; font-family: "Century Gothic",Verdana,Arial,sans-serif; white-space:nowrap; background:none; text-align:center; font-weight:bold;} #inquiry .tel .num a {color:#333; text-decoration:none;} #inquiry .tel .num span { display:none;} #inquiry .tel .open {font-size:12px; text-align:center;} #inquiry .mail {vertical-align:top;} #inquiry .mail .btn {padding:12px 10px 10px 10px; border-radius:6px; font-size:20px; text-align:center; border:1px #F90 solid; background-color:#F90; background:-moz-linear-gradient(top, #FA0, #F70); background:-webkit-linear-gradient(top, #FA0, #F70); background:linear-gradient(to bottom, #FA0, #F70); background:-webkit-gradient(linear, left top, left bottom, from(#FA0), to(#F70)); -pie-background:linear-gradient(top, #FA0, #F70); behavior:url("/contents/style/PIE.htc"); position:relative;/*for PIE*/ display:block;} #inquiry .mail .btn span {font-size:12px; text-shadow:-1px 1px 0 rgba(0,0,0,0.2); letter-spacing:0.2em; margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid rgba(0,0,0,0.1); display:inline-block;} #inquiry .mail .btn a {display:block; color:#FFF; text-decoration:none;} #inquiry .mail .btn a:hover {opacity:0.5;} /*------------------------------------------会員一覧----------------------------------------*/ #contents-inner-pages .ttl#member-list h2 img{max-width:40%;} #contents-inner-pages .member-list {} #contents-inner-pages .member-list table#link td {display:block;} #contents-inner-pages .member-list table#link tr:nth-child(2) td {display:block; width:100%; font-size:12px; text-align:center;} #contents-inner-pages .member-list ul.member {overflow:hhidden;} #contents-inner-pages .member-list ul.member li {float:left; width:50%; padding:10px; box-sizing:border-box;} #contents-inner-pages .member-list ul.member li dl dt {} #contents-inner-pages .member-list ul.member li dl dt img {width:100%; max-width:100%; height:auto;} #contents-inner-pages .member-list ul.member li dl dd {line-height:1.5;} #contents-inner-pages .member-list ul.member li dl dd:nth-of-type(1) {color:#8A7146; font-weight:bold; margin:-8px 0 0 0;} #contents-inner-pages .member-list ul.member li dl dd:nth-of-type(2) {margin:-4px 0 0 0;} /*link*/ #contents-inner-pages #link table *{ margin:0; padding:0; display:block;border:none;} #contents-inner-pages #link tr { display: inline-block; width:100%;} #contents-inner-pages #link td { display: block; border:none;padding:5px 5px 10px 10px; font-size:14px; width:auto !important;} #contents-inner-pages #link td br {display:none;} #contents-inner-pages #link td:nth-child(odd) {} #contents-inner-pages #link td:first-child {padding:10px;} #contents-inner-pages #link td:first-child p { display:inline-block; margin:0 10px 0 0;} #contents-inner-pages #link tr:first-child td:nth-child(1) {background:#DDD;} #contents-inner-pages #link tr:first-child td:nth-child(2) {display:none;} #contents-inner-pages #link tr:last-child td {display:block; float:left; padding:6px; box-sizing:border-box; width:33% !important;} /*member list area*/ #contents-inner-pages #list table *{ margin:0; padding:0; display:block; border:none;} #contents-inner-pages #list {border:none; border-top:1px solid #eee;} #contents-inner-pages #list tr {display: inline-block; text-align:left;border-bottom:1px solid #eee;width:100%;} #contents-inner-pages #list td {display: block; border:none;padding:10px 10px 10px 10px; width:auto !important;} #contents-inner-pages #list td:first-child {10px; background-color:#EEE;} #contents-inner-pages #list td:first-child p { display:inline-block; margin:0 10px 0 0;} /*member list history*/ #contents-inner-pages #list_member_history .head { display:none;} #contents-inner-pages #list_member_history table *{ margin:0; padding:0; display:block;border:none;} #contents-inner-pages #list_member_history {border:none; border-top:1px solid #CCC;} #contents-inner-pages #list_member_history tr { display: inline-block; text-align:left;border-bottom:1px solid #CCC;width:100%; padding-bottom:10px;} #contents-inner-pages #list_member_history td { display: block; border:none;padding:5px 5px 10px 10px; width:auto !important;} #contents-inner-pages #list_member_history td:nth-child(1) {display:inline-block; padding:10px 5px 0px 10px; font-weight:bold;} #contents-inner-pages #list_member_history td:nth-child(2) {display:inline-block; padding:10px 5px 0px 10px; font-weight:bold;} #contents-inner-pages #list_member_history td:nth-child(3) {display:block; padding:10px 5px 0px 10px;} #contents-inner-pages #list_member_history td:nth-child(4) {display:inline-block; padding:10px 5px 0px 10px;} /*------------------------------------------相談したい----------------------------------------*/ #contents-inner-pages .consultation {} #contents-inner-pages .consultation table td {display:block;} #contents-inner-pages .consultation table td:first-child {padding:10px; text-align:left;} #contents-inner-pages .consultation .im1{ float:right; width:30%; margin-left:15px;} #contents-inner-pages .consultation div.div1 + div > img {width:100%; max-width:100%; height:auto;} #contents-inner-pages .consultation div .contact img {width:inherit;} #contents-inner-pages .consultation .contact, #contents-inner-pages .consultation .sodan {display:none;} #contents-inner-pages .consultation #tb1 *{ margin:0; padding:0; display:block;border:none;} #contents-inner-pages .consultation #tb1 tr { display: inline-block; width:100%;} #contents-inner-pages .consultation #tb1td { display: block; border:none; width:auto !important;} #contents-inner-pages .consultation #tb1 img { display:block; margin:0 auto 30px auto; width:60%; max-width:400px;} /*--------------------------------------相談したい（相続）------------------------------------*/ #contents-inner-pages .consultation *{ box-sizing:border-box;} /*#contents-inner-pages .consultation h3.h4{ margin: 0 0 20px 0; padding: 5px 0 5px 10px; font-size: 20px; color: #266fa0; border-bottom: 1px solid #ccc; border-left: 5px solid #266fa0; font-weight: normal; text-align: left; line-height: 1.3; } #contents-inner-pages .consultation section{ padding:15px 3% 15px 3%;}*/ #contents-inner-pages .consultation p{ text-align:left;} #contents-inner-pages .consultation .clearfix:before,#contents-inner-pages .consultation .clearfix:after{ display:block; content:""; clear:both;} #contents-inner-pages .consultation #soudan .blue_blocks{ border-top:1px solid #16aacd; border-bottom:1px solid #16aacd; color:#16aacd; text-align:left; padding:15px 0 13px 0; margin:20px 0 25px 0;} #contents-inner-pages .consultation #soudan .blue_blocks br{ display:none;} #contents-inner-pages .consultation #soudan .question{ background-color:#faf1df; border:1px solid #e7cfa0; border-radius:6px; padding:12px 15px 15px 15px; position:relative; text-align:left;} #contents-inner-pages .consultation #soudan .question .h{ font-size:20px; border-bottom:1px solid #e7cfa0; color:#926d22; padding-bottom:2px; margin-bottom:16px;} #contents-inner-pages .consultation #soudan .question > img{ position:absolute; top:65px; width:60px;} #contents-inner-pages .consultation.akiya #soudan .question > img{ width:52px;} #contents-inner-pages .consultation.syakuchi #soudan .question > img{ width:50px;} #contents-inner-pages .consultation #soudan .question li{ background-color:#ffffff; font-size:13px; color:#333333; border-radius:5px; position:relative; padding:10px 15px 10px 15px;} #contents-inner-pages .consultation #soudan .question li + li{ margin-top:7px;} #contents-inner-pages .consultation #soudan .question.or > img{ left:10px;} #contents-inner-pages .consultation #soudan .question.or li{ margin-left:70px;} #contents-inner-pages .consultation #soudan .question.or li:before { content: ""; position: absolute; top: 50%; left: -24px; margin-top: -6px; border: 6px solid transparent; border-right: 18px solid #ffffff; } #contents-inner-pages .consultation #soudan .question.blue{ background-color:#e4edf1; border-color: #a9c3cf; margin-top:15px;} #contents-inner-pages .consultation #soudan .question.blue .h{ color:#357dab; border-color:#a9c3cf;} #contents-inner-pages .consultation #soudan .question.blue > img{ right:10px; width:45px;} #contents-inner-pages .consultation.syakuchi #soudan .question.blue > img{ right:0; width:60px;} #contents-inner-pages .consultation #soudan .question.blue li{ margin-right:65px;} #contents-inner-pages .consultation #soudan .question.blue li:before { content: ""; position: absolute; top: 50%; right: -24px; margin-top: -6px; border: 6px solid transparent; border-left: 18px solid #ffffff; } #contents-inner-pages .consultation .inquiry{padding:20px 0 20px 0;} #contents-inner-pages .consultation .inquiry .text{ border-top:3px solid #eeeeee; padding: 15px 0 0 0; text-align:left;} #contents-inner-pages .consultation .inquiry .h{ background:url(../images/consultation/souzoku/contact_img.png) no-repeat left top -4px; background-size:87px auto; font-size:26px; color:#2a73a3; margin:1px 0 8px 0; padding-left:90px; line-height:1.35; min-height: 90px;} #contents-inner-pages .consultation .inquiry .h span{ display:block; font-size:13px; line-height:1.31; margin-bottom:4px;} #contents-inner-pages .consultation .inquiry small{ display:block; background-color:#f2f2f2; font-size:13px; padding:7px 10px 5px 10px; margin:6px 0 15px 0;} #contents-inner-pages .consultation .inquiry .btn a{ display:block; font-size:18px; color:#ffffff; font-weight:bold; text-align:center; width:100%; border-radius:6px; text-decoration:none; padding:10px 0 6px 0; letter-spacing:1px; margin:20px auto 20px auto; width:90%;} #contents-inner-pages .consultation .inquiry .btn a span{ display:block; font-size:13px; font-weight:normal; /*border-bottom:1px solid #e79300;*/ width:280px; margin:0 auto 6px auto; padding-bottom:5px;} #contents-inner-pages .consultation .inquiry .btn_blue{ border:1px #009ac3 solid; background-color:#00bddf; background:-moz-linear-gradient(top, #00bddf, #0090c9); background:-webkit-linear-gradient(top, #00bddf, #0090c9); background:linear-gradient(to bottom, #00bddf, #0090c9); background:-webkit-gradient(linear, left top, left bottom, from(#00bddf), to(#0090c9)); -pie-background:linear-gradient(top, #00bddf, #0090c9); } #contents-inner-pages .consultation .inquiry a.btn_blue span{ border-color:#009ac3;} #contents-inner-pages .consultation .inquiry .btn_orange{ border:1px #e79300 solid; background-color:#ffc018; background:-moz-linear-gradient(top, #ffc018, #ff940e); background:-webkit-linear-gradient(top, #ffc018, #ff940e); background:linear-gradient(to bottom, #ffc018, #ff940e); background:-webkit-gradient(linear, left top, left bottom, from(#ffc018), to(#ff940e)); -pie-background:linear-gradient(top, #ffc018, #ff940e); } #contents-inner-pages .consultation #qa{ text-align:left;} #contents-inner-pages .consultation #qa .h{ background-color:#faf1df; border:1px solid #e7cfa0; border-radius:6px; padding:5px 15px 5px 15px; font-size:21px; color:#926d22; margin-bottom:16px;} #contents-inner-pages .consultation #qa .sub_h{ font-size:22px; color:#d4920c; margin-bottom:8px;} #contents-inner-pages .consultation #qa dl + .sub_h{ background:url(../images/consultation/souzoku/dotline_or.png) no-repeat center top; padding-top:15px;} #contents-inner-pages .consultation #qa .blue .h{ background-color:#e4edf1; border-color: #a9c3cf; color:#357dab;} #contents-inner-pages .consultation #qa .blue .sub_h{ color:#357dab;} #contents-inner-pages .consultation #qa .blue dl + .sub_h{ background:url(../images/consultation/souzoku/dotline_bl.png) no-repeat center top;} #contents-inner-pages .consultation #qa dl{ padding:0; margin-bottom: 20px;} #contents-inner-pages .consultation #qa dt{ position:relative; padding:6px 0 0 40px; margin-bottom:10px; cursor:pointer;} #contents-inner-pages .consultation #qa dt br{ display:none;} #contents-inner-pages .consultation #qa dt:before{ display:block; content:""; background:url(../images/consultation/souzoku/faq_icon_q.png) no-repeat left top; background-size:100% auto; width:30px; height:31px; position:absolute; top:0; left:0;} #contents-inner-pages .consultation #qa dt:after{ display:inline-block; content:""; background:url(../images/consultation/souzoku/icon-normal.png) no-repeat left top; width:22px; height:15px; vertical-align: middle; margin-left:10px;} #contents-inner-pages .consultation #qa dd{ margin-left:40px; border-left:3px solid #dedede; padding:2px 25px 2px 15px; font-size:14px; color:#333333; margin-bottom:25px; line-height: 1.85; display:none;} #contents-inner-pages .consultation #qa .box.orange{ margin-top:20px;} #contents-inner-pages .consultation #qa .box.blue{ margin-top:30px;} #contents-inner-pages .consultation #qa .blue dt:before{ background:url(../images/consultation/souzoku/faq_icon_q_bl.png) no-repeat left top; background-size:100% auto;} #contents-inner-pages .consultation #qa .blue dt:after{ background:url(../images/consultation/souzoku/icon-blue.png) no-repeat left top;} #contents-inner-pages .consultation #qa dt.active:before{ background:url(../images/consultation/souzoku/faq_icon_q_out.png) no-repeat left top; background-size:100% auto;} #contents-inner-pages .consultation #qa dt.active:after{ background:url(../images/consultation/souzoku/icon-red.png) no-repeat left top;} #contents-inner-pages .consultation #jirei > div{ position:relative; border-radius:6px; padding:15px;} #contents-inner-pages .consultation #jirei > div + div{ margin-top:20px;} #contents-inner-pages .consultation #jirei .sub_h{ font-size:20px; margin-bottom:5px;} #contents-inner-pages .consultation #jirei .soudan .sub_h{ color:#8f82b0;} #contents-inner-pages .consultation #jirei .outai .sub_h{ color:#4981bf;} #contents-inner-pages .consultation #jirei .keika .sub_h{ color:#9f8972;} #contents-inner-pages .sozoku #jirei .soudan{ background-color:#e3def1; margin-left:66px;} #contents-inner-pages .sozoku #jirei .soudan:before{ display:block; content:""; background:url(../images/consultation/souzoku/jirei_bk01.png) no-repeat left bottom; background-size:auto 120%; width:62px; height:125px; position:absolute; top:0; left:-62px;} #contents-inner-pages .sozoku #jirei .outai{ background-color:#e3edf9; margin-right:72px;} #contents-inner-pages .sozoku #jirei .outai:before{ display:block; content:""; background:url(../images/consultation/souzoku/jirei_bk02.png) no-repeat right bottom; background-size:auto 120%; width:72px; height:125px; position:absolute; top:-10px; right:-72px;} #contents-inner-pages .sozoku #jirei .keika{ background-color:#ede8e3; margin-right:72px; margin-bottom:20px;} #contents-inner-pages .sozoku #jirei .keika:before{ display:block; content:""; background:url(../images/consultation/souzoku/jirei_bk03.png) no-repeat right bottom; background-size:auto 100%; width:72px; height:85px; position:absolute; top:10px; right:-72px;} #contents-inner-pages .akiya #jirei .soudan .sub_h{ color:#369046;} #contents-inner-pages .akiya #jirei .soudan{ background-color:#d0f0d6; margin-left:69px;} #contents-inner-pages .akiya #jirei .soudan:before{ display:block; content:""; background:url(../images/consultation/akiya/jirei_bk01.png) no-repeat left bottom; background-size:auto 100%; width:69px; height:95px; position:absolute; top:0; left:-69px;} #contents-inner-pages .akiya #jirei .outai{ background-color:#e3edf9; margin-right:72px;} #contents-inner-pages .akiya #jirei .outai:before{ display:block; content:""; background:url(../images/consultation/akiya/jirei_bk02.png) no-repeat right bottom; background-size:auto 134%; width:72px; height:125px; position:absolute; top:0; right:-72px;} #contents-inner-pages .akiya #jirei .keika{ background-color:#ede8e3; margin-right:72px; margin-bottom:20px;} #contents-inner-pages .akiya #jirei .keika:before{ display:block; content:""; background:url(../images/consultation/akiya/jirei_bk03.png) no-repeat right bottom; background-size:auto 134%; width:72px; height:90px; position:absolute; top:0; right:-72px;} #contents-inner-pages .syakuchi #jirei .soudan{ background-color:#e3def1; margin-left:71px;} #contents-inner-pages .syakuchi #jirei .soudan:before{ display:block; content:""; background:url(../images/consultation/syakuchi/jirei_bk01.png) no-repeat left bottom; background-size:auto 100%; width:71px; height:125px; position:absolute; top:0; left:-71px;} #contents-inner-pages .syakuchi #jirei .outai{ background-color:#e3edf9; margin-right:72px;} #contents-inner-pages .syakuchi #jirei .outai:before{ display:block; content:""; background:url(../images/consultation/syakuchi/jirei_bk02.png) no-repeat right bottom; background-size:auto 120%; width:72px; height:152px; position:absolute; top:-10px; right:-72px;} #contents-inner-pages .syakuchi #jirei .keika{ background-color:#ede8e3; margin-right:72px; margin-bottom:20px;} #contents-inner-pages .syakuchi #jirei .keika:before{ display:block; content:""; background:url(../images/consultation/syakuchi/jirei_bk03.png) no-repeat right bottom; background-size:auto 134%; width:72px; height:110px; position:absolute; top:0; right:-72px;} #contents-inner-pages .consultation #support > img{ display:block; width:100%; margin:20px auto 20px auto;} #contents-inner-pages .consultation #voice{ text-align:left;} #contents-inner-pages .consultation #voice dt{ font-size:20px; padding:3px 0 0 40px; margin:20px 0 6px 0; position:relative;} #contents-inner-pages .consultation #voice dt:before{ display:block; content:""; background:url(../images/consultation/souzoku/icon_user_or.png) no-repeat left top; background-size:100% auto; width:30px; height:31px; position:absolute; top:0; left:0;} #contents-inner-pages .consultation #voice dd + dt:before{background:url(../images/consultation/souzoku/icon_user_bl.png) no-repeat left top; background-size:100% auto;} #contents-inner-pages .consultation #voice dd{ background-color:#f2f2f2; color:#333333; padding:16px 20px 16px 20px; border-radius:6px;} /*------------------------------------------about----------------------------------------*/ #contents-inner-pages .about {} #contents-inner-pages .about h3 {margin-top:1em;} #contents-inner-pages .about div {/*padding:10px;*/ text-align:left;} #contents-inner-pages .about table td {display:block;} #contents-inner-pages .about .top img{max-width:100%; margin-bottom:10px;} #contents-inner-pages .about .top p{font-size:16px;} #contents-inner-pages .about .staff {margin-top:50px;} #contents-inner-pages .about .staff h3{font-weight: bold; font-size: 20px; color:#000; background:none; border-left:solid #00a7d4 3px; padding:0px 10px 0 10px;} #contents-inner-pages .about .staff .staff-name {font-size:22px; font-weight: bold; margin-bottom:15px;} #contents-inner-pages .about .staff .staff-name span{display:block; font-size:16px; font-weight: normal; color:#666} #contents-inner-pages .about .staff .photo{padding-right:0px; text-align: center; margin-bottom:10px;} #contents-inner-pages .about .staff td{font-size:16px;} #contents-inner-pages .about .staff strong span{color:#0000ff;} #contents-inner-pages .about .staff hr{border: 1px solid #eee; margin:25px 0 25px 0;} #contents-inner-pages .about .staff-inner table td table { /*position:absolute;top:188px;right:0;*/ padding:10px 0 20px 0;} #contents-inner-pages .about .staff-inner table table td:nth-of-type(1){font-weight:bold;} #contents-inner-pages .about .staff-inner table table td:last-of-type{ font-weight:inherit;} #contents-inner-pages .about .staff-inner table td table td:nth-of-type(2) { position:static;margin-bottom:15px;} #contents-inner-pages .about .staff-inner #staff01, #contents-inner-pages .staff .staff_detail #staff02, #contents-inner-pages .staff .staff_detail #staff04, #contents-inner-pages .about .staff-inner #staff06, #contents-inner-pages .staff .staff_detail #staff08, #contents-inner-pages .staff .staff_detail #staff10, #contents-inner-pages .about .staff-inner #staff12 { padding-top:160px !important; margin-top:-160px !important;} /*------------------------------------------introduction----------------------------------------*/ #contents-inner-pages .introduction table td { width:100%;} #contents-inner-pages .introduction table.intro_photo{ margin:10px auto 0 auto; text-align:center; border-collapse:collapse; border-spacing:0; border:none;} #contents-inner-pages .introduction table.intro_photo td {display:table-cell; width:auto; text-align:center;} #contents-inner-pages .introduction table td .mt-image-left{ display:block; margin:0 auto 0 auto !important;} #contents-inner-pages .introduction #career{border-bottom:1px solid #DEDEDE} #contents-inner-pages .introduction #career th,#contents-inner-pages .introduction #career td{ box-sizing:border-box;padding:5px; border:1px solid #DEDEDE;} #contents-inner-pages .introduction #career th{ width:110px; display:block; background:#efefef; width:100%; border-bottom:none !important; } #contents-inner-pages .introduction #career td{padding-bottom:10px; box-sizing:border-box; width:auto; border-bottom:none !important;} /*------------------------------------------voice----------------------------------------*/ #contents-inner-pages .voice .entry-body p{margin:0 0 15px 0;} #contents-inner-pages .voice .entry-body tr{ display:flex; justify-content:space-between;} #contents-inner-pages .voice .entry-body td{ display:inline-block; width:31%;} #contents-inner-pages .voice .entry-body td img{display:inline!important;margin:0 !important; width:100%; height:auto;} /*------------------------------------------campaign---------------------------------------*/ #contents-inner-pages .campaign table.box{ border-collapse:collapse; border-spacing:0;border-top:1px solid #DEDEDE;} #contents-inner-pages .campaign table.box th,#contents-inner-pages .campaign table.box td{ display:block;border:1px solid #DEDEDE; box-sizing:border-box; margin:0; padding:10px; width:100%;} #contents-inner-pages .campaign table.box th{ background:#efefef; border-bottom:none; border-top:none;} /*------------------------------------------license_course---------------------------------------*/ #contents-inner-pages .license_course table.tb1 td{ width:100%; display:block;} #contents-inner-pages .license_course table.tb1 td:nth-of-type(2){ text-align:center;} #contents-inner-pages .license_course table.tb1 td:nth-of-type(1) .table_ttl{ background:#efefef; display:block; width:100%;padding:5px; box-sizing:border-box;} /*------------------------------------------wrap_adjust---------------------------------------*/ #contents-inner-pages .wrap_adjust h3 + div img{float:none !important; display:block !important; margin-left:auto !important; margin-right:auto !important;} #contents-inner-pages .wrap_adjust table{ width:100%;} #contents-inner-pages .wrap_adjust table th{background:#357dab; color:#fff; } #contents-inner-pages .wrap_adjust table th,#contents-inner-pages .wrap_adjust table td{ padding:10px;border:1px solid #DEDEDE;} /*------------------------------------------event----------------------------------------*/ #contents-inner-pages .event .event_month td{ vertical-align:top;} #contents-inner-pages .event h3 span{font-size:14px;} .mini_calendar thead {display: none;} #contents-inner-pages .event .mini_calendar table{ width:100%; border-bottom:1px solid #ccc;border-spacing:0; } #contents-inner-pages .event .mini_calendar td{border-spacing:0; box-sizing:border-box; border:1px solid #ccc; border-bottom:none; border-collapse:collapse;} #contents-inner-pages .event .mini_calendar td a{ display:inline-block;padding:7px;} .mini_calendar th, .mini_calendar td { display: block; width: 100%; padding: 0; } .mini_calendar tbody{ width:100%;} .mini_calendar tr{ width:100%; display:block;} .mini_calendar td { height: auto; display: -webkit-flex; display: flex; } .mini_calendar .calendar-none { display: none } /* 日付 */ .mini_calendar td p { font-weight: normal; padding: 7px; font-size: 18px; display: block; background: #efefef; margin-bottom: 0; width: 75px; height: auto; } /* モバイル用曜日を追加 */ .mini_calendar td p:after { font-size: 12px; position: relative; left: -5px; } .mini_calendar td:nth-child(1) p:after { content: "（日）";color:#e51629; } .mini_calendar td:nth-child(2) p:after { content: "（月）"; } .mini_calendar td:nth-child(3) p:after { content: "（火）"; } .mini_calendar td:nth-child(4) p:after { content: "（水）"; } .mini_calendar td:nth-child(5) p:after { content: "（木）"; } .mini_calendar td:nth-child(6) p:after { content: "（金）"; } .mini_calendar td:nth-child(7) p:after { content: "（土）";color:#114be5; } /* noborderTable */ #contents-inner-pages .about #chairman{} #contents-inner-pages .about #chairman tr{} #contents-inner-pages .about #chairman td{} #contents-inner-pages .about #chairman td:first-child {} #contents-inner-pages .about #chairman td span {font-size:12px;} #contents-inner-pages .about #chairman td:last-child {margin-top:10px;} #contents-inner-pages .about #chairman td:last-child img {display:block; margin:auto;} #contents-inner-pages .about #skill td:first-child {width:100%; overflow:hidden; padding:0 10px 0 10px; box-sizing:border-box;} #contents-inner-pages .about #skill td:first-child img {width:50%; height:auto; float:left;} #contents-inner-pages .about #skill td:first-child img:first-child {padding-right:5px; box-sizing:border-box;} #contents-inner-pages .about #skill td:first-child img:last-child {padding-left:5px; box-sizing:border-box;} #contents-inner-pages .about #skill td:last-child {clear:both; margin-top:20px;} #contents-inner-pages .about table.noborderTable td{ width:100%;/*width:280px !important;*/} #contents-inner-pages .about table td:nth-of-type(2) #contents-inner-pages .about table td:nth-of-type(2) img { padding: 2px; background: #fff; border: 1px solid #cdcdcd; } #contents-inner-pages .about table.noborderTable tr:last-child td:last-child {padding:0 10px 20px 10px; box-sizing:border-box;} /*------------------------------------------event entry-body----------------------------------------*/ #contents-inner-pages .event .entry-body{ font-size:16px;} #contents-inner-pages .event .entry-body .main-body td,#contents-inner-pages .event .entry-body .main-body th{ vertical-align:top;} #contents-inner-pages .event .entry-body .main-body > table > tbody > tr:nth-of-type(1) td:nth-of-type(1){ display:block; width:100% !important;} #contents-inner-pages .event .entry-body .main-body > table > tbody > tr:nth-of-type(2) td{ display:block; width:100% !important} #contents-inner-pages .event .entry-body .main-body > table > tbody > tr:nth-of-type(1) td:nth-of-type(2){ display:block;} #contents-inner-pages .event .entry-body .main-body > table > tbody > tr:nth-of-type(1) td:nth-of-type(2) table{ padding:48px 0 0 0;} /*#contents-inner-pages .entry-body .main-body > table > tbody > tr:nth-of-type(1) td:nth-of-type(2) table td{ display:table-cell;}*/ #contents-inner-pages .event .entry-body .main-body > table{ position:relative;} #contents-inner-pages .event .entry-body .main-body > table > tbody > tr:nth-of-type(2){ display:block; width:100%; position:absolute; top:150px;} #contents-inner-pages .event .entry-body .main-body > table > tbody > tr > td:nth-of-type(2) table th{ display:block;padding:10px; background-color:#efefef; width:100%;box-sizing:border-box; } #contents-inner-pages .event .entry-body .main-body > table > tbody > tr > td:nth-of-type(2) table td{vertical-align:middle; padding:10px;} /*------------------------------------------blog----------------------------------------*/ #contents-inner-pages .blog ul li h3 a{ color:#fff; text-decoration:none;} #contents-inner-pages .blog .entry-body{ margin-bottom:60px;} #contents-inner-pages .blog > table{ width:100%; box-sizing:border-box;} #contents-inner-pages .blog > table > tbody > tr:nth-of-type(1) > td{ width:100%; box-sizing:border-box; display:block;} #contents-inner-pages .blog .byline{ text-align:right;} #contents-inner-pages .blog .byline abbr{ text-decoration:none;} #contents-inner-pages .blog .main-body{ margin:30px 0 0 0;} #contents-inner-pages .blog .entry-body .main-body p img:nth-child(1){ /*width:100% !important;*/ height:auto !important;} #contents-inner-pages .blog .right_column{ font-size:16px;} #contents-inner-pages .blog .right_column h3{font-size:16px;} #contents-inner-pages .blog .right_column > div{ margin-bottom:30px;} #contents-inner-pages .blog .right_column .widget-content li{margin-bottom:10px;} #contents-inner-pages .blog .right_column > div > div table{ width:100%;} #contents-inner-pages .blog .right_column > div > div table th,#contents-inner-pages .blog .right_column > div > div table td{border:1px solid #efefef; border-collapse:collapse; border-spacing:0;} #contents-inner-pages .blog .page_navi span,#contents-inner-pages .blog .page_navi a{ padding:0 3px;} /*------------------------------------------スクール・ライセンス----------------------------------------*/ #contents-inner-pages .school-license .top {position:relative;} #contents-inner-pages .school-license .top img{margin-bottom:20px;} #contents-inner-pages .school-license .top .fl{display: none;} #contents-inner-pages .school-license .top p{margin-bottom:39px;} #contents-inner-pages .school-license .top .desc{margin-bottom:20px;} #contents-inner-pages .school-license ul #point2, #contents-inner-pages .school-license ul #point3, #contents-inner-pages .school-license ul #point5{ padding-top: 160px;margin-top: -160px; } #contents-inner-pages .school-license ul{ margin:22px 0 24px 0;} #contents-inner-pages .school-license ul li.point_box{ position:relative; padding:10px 3% 20px 3%; box-sizing:border-box; margin-bottom:30px; text-align:center; height: auto !important;} #contents-inner-pages .school-license ul li.point_box.point_odd{ background:#f3f9fb;} #contents-inner-pages .school-license ul li.point_box .point_ttl{ padding:0 0 0 60px; font-size:28px; color:#2da7e0; font-weight:bold; margin-bottom:15px; text-align:left;} #contents-inner-pages .school-license ul li.point_box .point_ttl span.point_num{ display:block; position:absolute; top:0; left:0;} #contents-inner-pages .school-license ul li.point_box .point_ttl span.point_num img{ width:60px !important;} #contents-inner-pages .school-license ul li.point_box .point_text{ width:auto; margin-bottom:15px; text-align:left;} #contents-inner-pages .school-license ul li.point_box .point_img{} /*------------------------------------------price----------------------------------------*/ #contents-inner-pages .price .wrap{ overflow-x:scroll; overflow-y:hidden; margin:0 0 30px 0;} #contents-inner-pages .price .wrap .price_tb{width: 800px!important; overflow-x: scroll; overflow-y: hidden; padding-bottom: 20px;margin:30px 0 0 0;border-collapse:collapse; border-spacing:0;} #contents-inner-pages .price .price_tb th,#contents-inner-pages .price .price_tb td{ padding:12px; box-sizing:border-box; border:1px solid #DEDEDE;} #contents-inner-pages .price .price_tb th.cat{background:#efefef;} #contents-inner-pages .price .wrap + ul li{ margin-bottom:10px;} #contents-inner-pages .price .btn_more{margin-bottom:30px;} /*------------------------------------------rental----------------------------------------*/ #contents-inner-pages > table { margin:0 0 0 0;} #contents-inner-pages .rental tr { text-align:left; width:100%;} #contents-inner-pages .rental th, #contents-inner-pages .rental td { border:none; box-sizing:border-box;} #contents-inner-pages .rental .rental_price > tbody > tr > td:nth-of-type(1){ overflow-x: scroll; display:block; margin:0 0 30px 0;} #contents-inner-pages .rental .rental_price > tbody > tr > td:nth-of-type(2){ display:block; width:97%;} #contents-inner-pages .rental .photo { width:97vw; -webkit-overflow-scrolling: touch;} #contents-inner-pages .rental .photo div{ display: table-cell;} #contents-inner-pages .rental .photo img{ width:180px; height:auto; margin-right:2px; max-width:none;} #contents-inner-pages .rental .rental_price table{border-collapse:collapse; border-spacing:0; width:100%;} #contents-inner-pages .rental .rental_price td{ width:auto;} #contents-inner-pages .rental .rental_price tr th{ background:#efefef;} #contents-inner-pages .rental .rental_price tr th:nth-of-type(1){ background:#efefef; width:60%; } #contents-inner-pages .rental .rental_price tr th:nth-of-type(2){ width:40%; } #contents-inner-pages .rental .rental_price table td,#contents-inner-pages .rental .rental_price table th{ border:1px solid #DEDEDE; box-sizing:border-box; padding:10px; margin:0;} #contents-inner-pages .rental .rental_price table tr td:nth-of-type(1){ width:auto;} #contents-inner-pages .rental .rental_price table tr td:nth-of-type(2){ width:auto;} #contents-inner-pages .rental .rental_bnr img{ height:auto; width:100%; max-width:none;} #contents-inner-pages .rental .rental_bnr td{ padding:10px; box-sizing:border-box; width:33%;} /*------------------------------------------overhaul_price----------------------------------------*/ #contents-inner-pages .overhaul table{ border-spacing:0;} #contents-inner-pages .overhaul .price_tb{ margin:30px 0 20px 0;} #contents-inner-pages .overhaul .price_tb td{ width:20%;} #contents-inner-pages .overhaul .price_tb td img{ max-width:none; width:100% !important; height:auto !important; vertical-align:bottom; margin-bottom: 0 !important;} #contents-inner-pages .overhaul .price_tb td:nth-of-type(2){ text-align:center; font-size:20px; width:60%;} #contents-inner-pages .overhaul .overhaul_price { width:100%; margin:0 0 20px 0;border-collapse:collapse; border-spacing:0;} #contents-inner-pages .overhaul .overhaul_price th{ background:#efefef; padding:5px; box-sizing:border-box;} #contents-inner-pages .overhaul .overhaul_price th:nth-of-type(2){ width:130px;} #contents-inner-pages .overhaul .overhaul_price th,#contents-inner-pages .overhaul .overhaul_price td{border:1px solid #DEDEDE; box-sizing:border-box; margin:0; padding:10px;} #contents-inner-pages .overhaul .overhaul_price.maker th:nth-of-type(1){ width:auto;} #contents-inner-pages .overhaul .overhaul_price.maker th:nth-of-type(2){ width:250px;} #contents-inner-pages .overhaul .overhaul_price.maker th:nth-of-type(3){ width:130px;} #contents-inner-pages .overhaul .overhaul_price p{margin:0 0 0 0;} #contents-inner-pages .overhaul .caution{ margin:30px 0 0 0;} /*------------------------------------------ ----------------------------------------*/ #contents-inner-pages .join {} #contents-inner-pages .join div {padding:10px; text-align:left;} #contents-inner-pages .join ul {text-align:left; padding:10px;} #contents-inner-pages .join ul li {/*background:url(../images/indent.gif) no-repeat 0 5px;*/ padding:0px 0 0 15px; margin:0 0 10px 0;} #contents-inner-pages .join .borderTable tr td{width:100% !important;} #contents-inner-pages .join .borderTable tr td:first-child {font-weight:bold; background:#eee; color:#333; box-sizing:border-box; padding:5px 10px 5px 10px;} #contents-inner-pages .join .borderTable tr td:last-child {text-align:left; box-sizing:border-box; padding:10px;} #contents-inner-pages .join .borderTable td {display:block; width:100% !important;} #contents-inner-pages .join p img {width:100%; max-width:100%; height:auto;} /*----------------------------------------------------------------------------------*/ #contents-inner-pages .ttl#event h2 img{max-width:70%;} #contents-inner-pages .event{} #contents-inner-pages .event .page_link{ margin-bottom:20px;} #contents-inner-pages .event .page_link a{ display:block;} #contents-inner-pages .event .page_link a img{ margin-bottom:0;} #contents-inner-pages .event h3.h{ border-radius:5px; border:1px solid #8EC1D8; margin:20px 10px 0 10px; padding:10px; background-image: -moz-linear-gradient(top, #E4F0F6, #F0F7FA); background-image: -webkit-linear-gradient(top, #E4F0F6, #F0F7FA); background-image: linear-gradient(to bottom, #E4F0F6, #F0F7FA); } #contents-inner-pages hr.style {display:none;} /* list */ #contents-inner-pages #list_event .head{ display:none;} #contents-inner-pages #list_event {margin-top:10px;} #contents-inner-pages #list_event table *{ margin:0; padding:0; display:block;border:none;} #contents-inner-pages #list_event tr { display: inline-block; text-align:left;border-bottom:1px solid #CCC;width:100%; padding-bottom:20px;} #contents-inner-pages #list_event td { display: block; border:none;padding:5px 5px 10px 10px; width:auto !important;} #contents-inner-pages #list_event td:nth-child(1) {display:inline-block; padding:10px 5px 0px 10px; font-weight:bold;} #contents-inner-pages #list_event td:nth-child(2) {display:inline-block; padding:10px 5px 0px 10px; font-weight:bold;} #contents-inner-pages #list_event td:nth-child(3) {display:inline-block; padding:10px 5px 0px 10px;} #contents-inner-pages #list_event td:nth-child(4) {display:inline-block; padding:10px 5px 0px 10px;} #contents-inner-pages #list_event td:nth-child(5) {display:inline-block; padding:0px 0px 10px 0px; text-align:right; width:100% !important;} #contents-inner-pages #list_event td:nth-child(5) img{ margin:0 10px 0 0;} #contents-inner-pages #list_event td:first-child p { display:inline-block; margin:0 10px 0 0;} /* item */ #contents-inner-pages #next_event table *{ margin:0; padding:0; display:block;border:none;} #contents-inner-pages #next_event tr { display: inline-block; text-align:left ;border-bottom:1px solid #fff; width:100%;} #contents-inner-pages #next_event td { display: block; border:none; box-sizing:border-box; padding:10px; width:auto !important; vertical-align:top;} #contents-inner-pages #next_event td:nth-child(1) {display:inline-block; padding:10px 5px 0px 10px; font-weight:bold; vertical-align:top;} /*#contents-inner-pages #next_event a{ display: block; background: #006556; text-align: center; cursor: pointer; color: #FFF; font-size: 14px; line-height: 1; letter-spacing: 1px; text-decoration: none; box-sizing: border-box; padding: 20px; margin: 0; width: 180px; }*/ /* item */ #contents-inner-pages #item_event table *{ margin:0; padding:0; display:block;border:none;} #contents-inner-pages #item_event tr { display: inline-block; text-align:left ;border-bottom:1px solid #fff; width:100%;} #contents-inner-pages #item_event td { display: block; border:none; box-sizing:border-box; padding:10px; width:auto !important; vertical-align:top;} #contents-inner-pages #list_event td:nth-child(1) {display:inline-block; padding:10px 5px 0px 10px; font-weight:bold; vertical-align:top;} #contents-inner-pages #list_event a{ display: block; background: #006556; text-align: center; cursor: pointer; color: #FFF; font-size: 14px; line-height: 1; letter-spacing: 1px; text-decoration: none; box-sizing: border-box; padding: 5px 5px 3px 5px ; margin: 0; width: 180px; } /* noborderTable */ #contents-inner-pages table.noborderTable { margin:0; padding:0; display:block; border:none;} #contents-inner-pages table.noborderTable tr {display: inline-block; text-align:left;border-bottom:1px solid #fff;width:100%;} #contents-inner-pages table.noborderTable td { display: block; border:none; width:auto !important;} #contents-inner-pages table.noborderTable tr td:first-child {padding:10px 10px 0 10px;} #contents-inner-pages table.noborderTable tr td:last-child {padding:0 10px 10px 10px;} #contents-inner-pages table.noborderTable tr:last-child td:last-child {padding:0 10px 20px 10px;} /* event-report */ #contents-inner-pages .event-report table *{ margin:0; padding:0; display:block;border:none;} #contents-inner-pages .event-report tr { display: inline-block; text-align:left ;border-bottom:1px solid #fff; width:100%;} #contents-inner-pages .event-report td { display: block; border:none; box-sizing:border-box; padding:10px; width:auto !important; vertical-align:top;} #contents-inner-pages .event-report td img{ width:100% !important; height:auto !important; margin:10px 0 0 0;} #contents-inner-pages .event-report td img[src*="button_modoru.gif"]{ width: inherit !important;}/*ボタン対応*/ #contents-inner-pages .event-report .event-ul li{ width:100% !important;} /*------------------------------------------privacy----------------------------------------*/ #contents-inner-pages .privacy{ font-size:16px;} #contents-inner-pages .privacy th,#contents-inner-pages .privacy td{ display:block; width:100%; text-align:left;padding:10px; box-sizing:border-box;} #contents-inner-pages .privacy th{ background-color:#efefef;} #contents-inner-pages .privacy td{margin:0 0 30px 0;} #contents-inner-pages .privacy td ul{ margin:10px 0 0 0;} /*------------------------------------------contact----------------------------------------*/ #contents-inner-pages #contact{} #contents-inner-pages .contents-contact {} #contents-inner-pages .contents-contact .description1, #contents-inner-pages .contents-contact .error_description, #contents-inner-pages .contents-contact .error_list {padding:10px; text-align:left;} #contents-inner-pages .contents-contact .contact_bt {padding:0; text-align:center;} #contents-inner-pages .contents-contact form{} /*#contents-inner-pages .contents-contact form table {border-top:1px solid #dcdcdc;}*/ #contents-inner-pages .contents-contact form table{ margin:0 0 30px 0;} #contents-inner-pages .contents-contact form table th, #contents-inner-pages .contents-contact form table td {display:block; width:100%; padding:10px; box-sizing:border-box; text-align:left; background:none;/* border-bottom:1px solid #dcdcdc;*/} #contents-inner-pages .contents-contact form table td{border-top:none; border-bottom:none; height:auto;} #contents-inner-pages .contents-contact form table td:last-child{border-bottom:#dcdcdc 1px solid;} #contents-inner-pages .contents-contact form table th {background:#F4F4F4;} #contents-inner-pages .contents-contact ul.bt { padding:0;} #contents-inner-pages .contents-contact ul.bt li { width:auto; margin:auto; text-align:center;} #contents-inner-pages .contents-contact ul.bt li:nth-child(1){ float:none;} #contents-inner-pages .contents-contact ul.bt li:nth-child(2){ float:none; margin-top:30px;} #contents-inner-pages .contents-contact ul.bt li:nth-child(2) img{ height:50px;} #contents-inner-pages .contents-contact ul.bt li img{ margin-bottom:0;} #contents-inner-pages .contents-contact form label{margin:10px 0 20px 0;} #contents-inner-pages .contents-contact form input[type=text],#contents-inner-pages .contents-contact form textarea{width:100% !important;} #contents-inner-pages .contact h3 + p{ margin:0 0 30px 0;} #contents-inner-pages .contact .telephone{ margin:0 0 30px 0;} #contents-inner-pages .contact .form{ width:100%; box-sizing:border-box;} #contents-inner-pages .contact .form th{ width:100%; text-align:left; padding:10px 0 10px 10px; box-sizing:border-box; display:block; background-color:#efefef;} #contents-inner-pages .contact .form td{ width:100%; display:block; box-sizing:border-box; padding:10px 10px 20px 0;} #contents-inner-pages .contact .form td span{ display:block;} #contents-inner-pages .contact .form td span.supplement{margin-top:20px;} #contents-inner-pages .contact .form td input[type="text"],input[type="tel"] { width:100%; box-sizing:border-box; margin:0;} #contents-inner-pages .contact .contact_bt{ width:100%; text-align:center;} /*------------------------------------------ ----------------------------------------*/ #contents-inner-pages .contents-event-entry {} #contents-inner-pages .contents-event-entry .contact_bt {text-align:center;} #contents-inner-pages .contents-event-entry table.form th, #contents-inner-pages .contents-event-entry table.form td {display:block; width:100%; padding:10px; box-sizing:border-box; text-align:left; background:none; border-bottom:1px solid #dcdcdc; height:auto;} #contents-inner-pages .contents-event-entry table.form th {background:#F4F4F4;} #contents-inner-pages .contents-event-entry table.bt {border:none;} #contents-inner-pages .contents-event-entry table.bt td {border:none; width:50%; display:inline-block; padding:10px; box-sizing:border-box; height:auto;} #contents-inner-pages .contents-event-entry table.bt td input {marign:0; padding:0;} #contents-inner-pages .contents-event-entry .div1, #contents-inner-pages .contents-event-entry .privacy, #contents-inner-pages .contents-event-entry .error_description, #contents-inner-pages .contents-event-entry .error_list, #contents-inner-pages .contents-event-entry .description1 {padding:10px; text-align:left;} /*--- ---*/ #contents-inner-pages .financial { text-align:left;} #contents-inner-pages .financial div { margin:10px 10px 10px 10px;} #contents-inner-pages .financial td { width:auto !important;} /*---*/ #scrollUp { bottom: 0px; right: 0px; height: 50px; /* Height of image */ width: 50px; /* Width of image */ background: url(../images/icons/top.png) no-repeat; background-size:50px; z-index:1000; } #scrollUp:hover { opacity:0.9; } /*---*/ ul#sns_btn { display:none; position:fixed; left:10px; bottom:20px; /*width:60px;*/ padding:0px 0px 0px 0px; box-sizing:border-box; border-top-right-radius:10px; border-bottom-right-radius:10px; /*background:#FFF;*/ /* box-shadow */ /*box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0; -moz-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0; z-index:100;*/ } ul#sns_btn li {margin:0 10px 0 0; display:inline-block;} ul#sns_btn li:last-child {margin-bottom:0;} ul#sns_btn li img {width:30px; height:auto; vertical-align:top;} /***********************/ .error_list .alert{ margin:0 0 10px 0; }