/* For PC */ @media print, screen and (min-width: 561px) { h1 {margin:0; color:#3c3c3c; width:500px; text-align:right; font-size:12px; position:absolute; top:38px; right:390px; font-weight:normal; z-index:2; letter-spacing: .5px; z-index: 999; word-break:keep-all;} h2 {margin:0 auto 60px auto; color:#a77941; font-size:17px; font-weight:normal; line-height:1; text-align:center;} h2.bg_font{ font-size: 38px; color: #8fc220; font-weight: bold; position: relative; text-align: left; letter-spacing: -0.01em;} h2.bg_font span{ display: block; font-size: 45px; margin-left: -5px; margin-top: 25px;} h2.bg_font:after{content: ""; font-family: 'Fjalla One', sans-serif; font-weight: normal; font-size: 200px; position: absolute; background: rgb(143,194,32); background: linear-gradient(126deg, rgba(143,194,32,0.08) 0%, rgba(143,194,32,0.08) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } h2.normal{ font-size: 18px; font-weight: bold; color: #8fc220;} h2.normal span{ display: block; font-size: 70px; font-weight: normal; margin-bottom:16px;} h2.line{ font-size: 42px; font-weight: bold; color: #8fc220; position: relative; line-height: normal; margin: 0 auto 70px auto; padding-top: 50px;} h2.line:before{ display: block; content: ""; width: 2px; height: 50px; background-color: #8fc220; position: absolute; top:0; left:0; right:0; margin: auto;} #contents-inner-pages .inn > h2{margin-top:17px;} h3 {color:#2c2721; font-size:28px; font-weight:bold; line-height:1; margin:0; padding:0;} h3.normal{ font-size: 23px; font-weight: bold; color: #ffffff; background-color: #8fc220; width: 100%; padding: 28px 30px 29px 30px; text-align: left !important; box-sizing: border-box;} #wrap-outer2nd h3{ margin:0 auto 40px auto; line-height:1; text-align:center;} #wrap-outer2nd h3.eng_none{ font-size:22px; letter-spacing:.05em; padding: 25px 0 24px 0; margin-bottom: 30px;} #contents .contents-form .doc h3{ font-size:26px; text-align:left; color:#fff; background:url(/images/contact/contact_h_bg.png) repeat; padding:23px 0 21px 33px; margin:48px 0 0 0;} #contents .contents-form .doc h3 .yellow{ color:#ffe778; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; font-weight:bold;} h4 {margin-bottom:20px; color: #3c3c3c; font-weight: bold;} #wrap-outer2nd h4{ font-size:18px; box-sizing:border-box; padding:10px 10px 8px 20px; letter-spacing:.5px; margin-bottom:25px;} #contents .contents-form .doc .points .points_desc h4{ font-size:22px; color:#f8b62b; margin:20px 0 20px 0; padding:10px 10px 6px 63px; border-bottom:2px solid rgba(248,182,43,.5);} #contents .contents-form .doc .points .points_desc h4.before{ background:url(/images/contact/no_01.png) no-repeat left center; background-size:43px auto;} #contents .contents-form .doc .points .points_desc h4.after{ background:url(/images/contact/no_02.png) no-repeat left center; background-size:47px auto;} img{ max-width:100%;} /*--------------------------------------　2カラム　------------------------------------*/ #wrap-outer2nd #main{width:920px; box-sizing:border-box; float:left;} #wrap-outer2nd #side_menu{float:right; font-weight:normal; width:250px; box-sizing:border-box;} #wrap-outer2nd #side_menu > div{ margin-bottom:50px;} #wrap-outer2nd #side_menu > div:last-child{ margin-bottom:0;} #wrap-outer2nd #side_menu .side_wrap ul{font-weight:bold;} #wrap-outer2nd #side_menu p.head{ border-top:1px solid #28a7e1; color:#28a7e1; font-size:18px; box-sizing:border-box; margin:0 0 9px 0; font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;} #wrap-outer2nd #side_menu p.head span{ display:block; border-top:1px solid #28a7e1; margin-top:1px; padding:8px 0 0 0; text-align:center;} #wrap-outer2nd #side_menu .side_wrap li{ margin-bottom:4px;} #wrap-outer2nd #side_menu .side_wrap li:last-child{ margin-bottom:0;} #wrap-outer2nd #side_menu .side_wrap li a{display:block; color:#727171; text-decoration:none; background:#f4f9ed url(/images/products/indent_products_gray.png) no-repeat right 17px top 45px; background-size:13px 13px;} #wrap-outer2nd #side_menu .side_wrap li a:hover{} #wrap-outer2nd #side_menu .side_wrap li a table{ border-collapse:separate; border-spacing:0;} #wrap-outer2nd #side_menu .side_wrap li a table th{ padding:0 0 0 11px; text-align:left;} #wrap-outer2nd #side_menu .side_wrap li a table th span{ display:block; font-size:12px; font-weight:normal;} #wrap-outer2nd #side_menu .side_case .side_wrap li{ display:table; width:100%; min-height:80px;} #wrap-outer2nd #side_menu .side_case .side_wrap li a{ display:table-cell; vertical-align:middle; padding:12px 40px 12px 11px; background-position:center right 17px;} #wrap-outer2nd #side_menu .side_case .side_wrap li a span{ display:inline-block; font-size:12px; line-height:1.2; font-weight:normal; color:#fff; padding:4px 8px 3px 8px;} #wrap-outer2nd #side_menu .side_case li.shinkokin a span{ background:#bf5b91;} #wrap-outer2nd #side_menu .side_case li.levante a span{ background:#ed6d1f;} #wrap-outer2nd #side_menu .side_case li.ciao a span{ background:#f8b83d;} #wrap-outer2nd #side_menu .side_case li.rocky a span{ background:#516108;} #wrap-outer2nd #side_menu .side_case li.kinoka a span{ background:#009944;} #wrap-outer2nd #side_menu .side_sns ul{ font-size:0; text-align:center;} #wrap-outer2nd #side_menu .side_sns ul li{ display:inline-block; margin-left:19px;} #wrap-outer2nd #side_menu .side_sns ul li:first-child{ margin-left:0;} #wrap-outer2nd #side_menu .side_sns ul li img{ width:40px;} #wrap-outer2nd .read{/*font-size:20px; */color:#333; font-weight:bold;} #wrap-outer2nd #side_menu li.page_link_side{ background:none; box-sizing:border-box; padding:0; margin:0 0 20px 0;} #wrap-outer2nd #side_menu li.page_link_side a{display:block; text-decoration:none; padding:0;} #wrap-outer2nd #side_menu li.page_link_side a:hover{ background:none;} /*--- form --------------------------------------------------------------------------------------*/ input, textarea {font-size:160%; border:1px solid #DDD;} select{font-size:100%; margin-right:20px; border:1px solid #DDD;} label{font-size:100%; margin-right:20px;} .wrap_privacy_accept{text-align:center; margin:30px 0 20px 0; font-weight:bold;} .btn_mail, .btn_top, .btn_line {display: block; position: relative; height: 80px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding: 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; border-radius: 40px; width: 350px; font-size: 20px; margin: 35px auto 0 auto !important; cursor:pointer; background-color: #ee9400; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; line-height:1; letter-spacing:1px;} .btn_mail:hover,.btn_top:hover{background: #ee5f00; } .btn_line:hover{ background-color: #0095b0;} .btn_top {width:50%; margin-top:60px; padding-top:30px;} .btn_line {width:50%; background:#00adb8; font-size:22px;} .btn_back {display: block; position: relative; height: 80px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding: 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; border-radius: 40px; width: 250px; font-size: 20px; margin: 35px auto 0 auto !important; cursor:pointer; background:url(/images/contact/form_btn_indent_back.png),#a5a5a5; background-repeat:no-repeat; background-position:10% center; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; line-height:1; letter-spacing:1px; float:left;} .btn_back:hover{background:url(/images/contact/form_btn_indent_back.png),#5d5d5d; background-repeat:no-repeat; background-position:15% center; } .btn_end {display: block; position: relative; height: 80px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding: 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; border-radius: 40px; width: 250px; font-size: 20px; margin: 35px auto 0 auto !important; cursor:pointer; background:url(/images/contact/form_btn_indent.png),#e95388; background-repeat:no-repeat; background-position:right 10% center; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; line-height:1; letter-spacing:1px; float:right;} .btn_end:hover{background:url(/images/contact/form_btn_indent.png),#e83a60; background-repeat:no-repeat; background-position:right 15% center;} .btn_more {display: block; position: relative; height: 80px; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; padding: 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; border-radius: 40px; width: 400px; font-size: 20px; margin: 80px auto 13px auto; cursor:pointer; background:#e98153; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; line-height:1; letter-spacing:1px; float:right;} .btn_more:hover{background: #e85b3f; } .w1 {width:300px; box-sizing:border-box;} .w2 {width:600px; box-sizing:border-box;} .w3 {width:300px; box-sizing:border-box;} .w4 {width:500px; box-sizing:border-box; border:1px solid #DDD;} .w5 {width:800px; box-sizing:border-box;} .link_btn{ text-align:center; margin-top:40px;} .sp{ display:none !important;} /*--- menu --------------------------------------------------------------------------------------*/ #menu {display:none;} #menu li{display:none;} #toggle {display: none;} .pushy.pushy-right {display: none;} /*--- wrap-outer --------------------------------------------------------------------------------*/ #wrap-outer {width:100%; min-width:1200px;} #wrap-outer2 {width:100%; min-width:1200px;} #wrap-outer3 {} #wrap-outer2nd {width:100%; min-width:1200px; } #wrap-outerContact {margin-bottom:0px;} /*--- wrap --------------------------------------------------------------------------------------*/ #wrap,#wrap-outer2nd #wrap{width:100%; min-width:1200px;} #wrap-outer2nd #wrap-navi {width:100%; min-width:1200px; /*padding-bottom:110px;*/} /*--- header ------------------------------------------------------------------------------------*/ #header {width:100%; position:relative; z-index:999;} #header::after{ display:block; content:""; width:100%; height:26px; background:url(/images/header/header_bg_btm.png) no-repeat center top; background-size:100% auto; position:absolute; bottom:-26px; left:0; z-index:9999;} #wrap-outer2nd #header::after{ display:none;} #header .inn {/*width:calc(100% - 70px);*/ min-width:1200px; height:150px; margin:0 auto 0 auto; position:relative; background-color:#ffffff;} #header .logo_blocks {position: absolute; top:23px; left:35px; z-index:1;} #header .logo_blocks a{ text-decoration: none; transition: .3s;} #header .logo_blocks a:hover{ opacity: .7;} #header .logo_blocks p{display: inline-block; font-size:14px;margin-left:36px; line-height: 38px; vertical-align: top; margin-top:6px; color: #000000;} #header .logo_blocks p span{font-size:42px; color:#8fc220; font-weight: bold; font-family: "Noto Sans JP"; letter-spacing: 0em;} #header .sns_blocks{ position:absolute; top:30px; right:190px; } #header .sns_blocks ul li{display: inline-block; margin-right:5px; width:auto;} #header .sns_blocks ul li a img{width:33px;} #header .tel_blocks span{ font-weight: bold; font-size: 15px} #header .tel_blocks em{ font-size: 13px;} #header .tel{ display: inline-block; margin: 0 17px; padding-bottom: 7px;} #header ul li {/*line-height:1em;*/} #header ul.navi {position:absolute; top:92px; right:200px; width: 620px; display: flex; flex-wrap: nowrap; justify-content: flex-end;} #header ul.navi li {margin:0 5% 0 0; font-size:16px; font-weight: bold; letter-spacing: .5px;} #header ul.navi li a {color:#3c3c3c; text-decoration:none; display:block; box-sizing:border-box; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; padding-bottom: 10px;} /*#header ul.navi li a:hover,#header ul.navi li a.active{ opacity: 1 !important; color: #000;}*/ #header ul.navi li:last-child {margin-right:0;} /*#header ul.navi .active a { color: #ff6633; border-bottom: 3px solid #ff6633; padding-bottom: 2px;}*/ #header ul.navi > li > a::after { position: absolute; left: 0; content: ''; width: 100%; height: 1px; background: #706f70; bottom: 7px; transform: scale(0, 1); transform-origin: right top; transition: transform 0.3s; } #header .contact_blocks {position:absolute; top:0; right:0;} #header ul.navi li a:hover::after {transform: scale(1, 1); transform-origin: left top; } #wrap-outer2nd #header ul.navi > li.top > a.active::after{ display: none;} /*sub_menu*/ #header .sub .child {white-space: nowrap; background:rgba(1, 112, 185, .95); position: fixed; z-index: 99988; top: 125px; left:0; right:0; display:none; margin: 0 auto 0 auto; width:100%; overflow: hidden;} #header .sub .child .inner{ width: 100%; margin: 0 auto 0 auto; padding:28px 25px 10px 25px; box-sizing:border-box;} #header .sub .child .label_sale{color:#000; font-size:16px; text-align:left; position:relative; display: inline-block; vertical-align: middle; width: 100%; height: 24px; margin:0 30px 6px 0; -webkit-text-stroke-width:.3px !important;} #header .sub .child .label_sale .text_wrap{ display:inline-block; width:175px;} #header .sub .child .label_sale .txt_s{ display:inline-block;font-size:12px; padding-left:3px;} #header .sub .child .all_search_link a{display:inline-block; vertical-align: top; padding:3px 0 0; border-radius:30px; width:220px; text-align:left; color:#000; font-size:13px; text-decoration:none; text-shadow:none; font-weight:normal;} #header .sub .child .all_search_link a::after{ display:none;} #header .sub .child .type .all_search_link a{left:118px;} #header .sub .child ul {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; flex-wrap: wrap; flex-direction: row; align-content: flex-start; justify-content: center; margin: 0 0 16px 0;} #header .sub .child ul li {position: relative; box-sizing: border-box; width: 23%; height: 68px; margin: 0 15px 10px 0; text-align: center; cursor: pointer;} #header .sub .child ul li a {font-size: 16px; font-weight: normal; line-height: 1.3; text-align: center; vertical-align: middle; color: #ffffff; position: relative; box-sizing: border-box; border-radius: 35px; width: 100%; padding: 5px; border: 1px solid #ffffff;display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; align-items:center; justify-content: center; height: 68px; -webkit-text-stroke-width:.3px !important; transition: .3s; overflow: hidden;} #header .sub .child ul li a::after{ content: ""; display: inline-block; background:url(/images/icon/btn_indent_wh.png) no-repeat; width: 10px; height: 16px; margin-bottom: 2px; margin-left: 15px; } #header .sub .child ul li a:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: #ffffff; transform-origin: 50% 0%; transform: scaleY(0); transition: transform ease .3s; } #header .sub .child ul li a:hover { color: #8fc220; border: none; } #header .sub .child ul li a:hover::before { transform-origin: 50% 100%; transform: scaleY(1);} #header .sub .child ul li a:hover::after{background:url(/images/icon/btn_indent_bl.png) no-repeat;} #header .sub .child ul li a span{display:inline-block; margin-left:5px; padding-top:1px;} #header .sub .child ul.no_image li a{padding:3px 0 0 10px; margin-bottom:20px;} #header #side_btn{ display:none; position:fixed; top:120px; right:0; z-index:99999;} #header #side_btn ul{ border: 1px solid #ffffff; background-color: #ffffff; border-radius: 30px 0 0 30px; overflow: hidden;} #header #side_btn li a{ display:flex; position: relative; width: 70px; color: #ffffff; font-weight: bold; font-size: 17px; writing-mode: vertical-rl; align-items: center; text-decoration: none; text-align: center; padding: 30px 0 30px 0; overflow: hidden; transition: .3s; z-index: 1; background-color: #e95388; } #header #side_btn li.contact{border-bottom: 1px solid #ffffff;} #header #side_btn li.price a{ background-color: #8fc220;} #header #side_btn li a::before{ content: ""; display: inline-block; margin-bottom: 18px;} #header #side_btn li.contact a::before{ background:url(/images/icon/btn_mail_wh_mini.png) no-repeat; width: 20px; height: 15px; } #header #side_btn li.price a::before{ background:url(/images/icon/btn_business_wh_mini.png) no-repeat; width: 18px; height: 20px; } #header #side_btn li a::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; transform-origin: 100% 50%; transform: scaleX(0); transition: transform ease .3s; background: #e83a60; } #header #side_btn li.price a::after{background: #0054bb;} #header #side_btn li a:hover{opacity: 1 !important;} #header #side_btn li a:hover::after { transform-origin: 0% 50%; transform: scaleX(1);} /*--- contents ----------------------------------------------------------------------------------*/ #contents {width:100%; margin:0 auto 0 auto; padding:0 0 0 0; overflow: hidden;} #contents .top_contents {height:800px; width:100%; background:url(/images/top/top.jpg) no-repeat top center; background-size: cover; position:relative; overflow-x: hidden;} #contents .top_contents .inn{height:800px; width:1200px; position:relative; margin: auto;} #contents .top_contents .inn:before{ display: block; content: ""; height:800px; width:2000px; background:url(/images/top/top_img.png?t=6) no-repeat top center; position: absolute; top:0; left:-400px; margin: auto;} #contents .top_contents .inn img{ position: absolute; top:130px; right:10px; } #contents .top_contents .scroll_down{ position: absolute; left:2%; bottom:5%; animation: arrowmove 1s ease-in-out infinite; z-index: 3;} @keyframes arrowmove{ 0%{bottom:5%;} 50%{bottom:7%;}100%{bottom:5%;}} #contents .top_subttl1 {position:absolute; font-size:91px; font-weight: bold; color:#eda50b; top:100px; left:50%; line-height:115px; font-family: "Noto Sans JP", sans-serif; width:683px;} #contents .top_subttl1 span{font-size:111px;} #contents .top_subttl2 {position:absolute; font-size:25px; top:0; left:0; color:#ffffff; line-height: 58px; top:440px; left:50%; text-shadow:0 0 30px #000;} #contents .top_subttl2 span{font-size:73px; font-family: "Noto Sans JP", sans-serif; font-weight: bold;} /*--- wrap_add01 --------------------------------------------------------------------------------*/ #wrap_add01 {width:100%; min-height: 260px; background:url(/images/top/news_bg.jpg?t=2) no-repeat center bottom; padding: 1px 0 1px 0; overflow: hidden;} #wrap_add01 .content_wrap01{width:1200px; margin:40px auto 50px auto;} #wrap_add01 .content_wrap01:after{ display: block;content: ""; clear: both;} #wrap_add01 h2{ text-align: left; float: left; margin-right: 60px; text-align:left; color:#fff;} #wrap_add01 .left{float:left;} /*#wrap_add01 h2{font-size:78px; margin-bottom:5px;} #wrap_add01 .left p{font-size:18px; font-weight: bold;}*/ #wrap_add01 .right{float:right; width:940px;} #wrap_add01 .right ul{ height:240px; overflow-x: hidden; padding:0 20px 0 0;} #wrap_add01 .right ul li{border-bottom: solid 1px #e9f3d2;margin-bottom:35px;} #wrap_add01 .right .news_date{font-family: 'Fjalla One', sans-serif; font-size:28px; color:#8fc220;} #wrap_add01 .right .news_txt{font-size:16px; margin-left:40px;} #wrap_add01 .right ul{ box-sizing: border-box;} #wrap_add01 .right ul .simplebar-track {width: 12px; background:#f4f9ed; border-radius: 0;} #wrap_add01 .right ul .simplebar-track .simplebar-scrollbar.simplebar-visible::before{opacity:1;} #wrap_add01 .right ul .simplebar-track .simplebar-scrollbar::before{background: #8fc220; border-radius: 0;} /*--- wrap_add02 --------------------------------------------------------------------------------*/ #wrap_add02 {width:100%; height: 656px; overflow: hidden; background:url(/images/top/flyer_bg.jpg) no-repeat center 0px;} #wrap_add02 .inn {width:1200px; margin:90px auto 0 auto; padding:0; position: relative; box-sizing: border-box;} #wrap_add02 .inn .wrap_ishin_times{ margin:8px 80px 0px auto; padding:0; display:inline-block; vertical-align: top;} #wrap_add02 .inn .wrap_ishin_times .wrap{ width:380px; max-height:420px; overflow: hidden;margin:0px 0 20px 0;} #wrap_add02 .inn .wrap_ishin_times img{} #wrap_add02 .inn .wrap_ishin_times a{ font-weight:bold; color:#000; text-decoration:none; display:inline-block;} #wrap_add02 .text_area{ margin-bottom: 10px;} #wrap_add02 .text_area h2{ text-align: left; float: left; width:250px;} #wrap_add02 .text_area h2 + img{ margin-top: -66px; } #wrap_add02 .text_area p{ float: left; margin-top: -5px;} #wrap_add02 .text_area p .flyer_ttl{ font-size:26px; color:#669206; font-weight: bold; line-height:1.7em; margin-bottom:29px;} #wrap_add02 img{float:left; margin-right:50px;} #wrap_add02 p{width:430px;} #wrap_add02 .back_no{display:block; width:280px; margin:30px auto 0 auto; } #wrap_add02 .back_no a{text-decoration: none; color:#8fc220;} /*--- wrap_add03 --------------------------------------------------------------------------------*/ #wrap_add03 {width:100%; height: 1700px; overflow-x: hidden; background:url(/images/top/policy_bg.jpg) no-repeat center bottom;} #wrap_add03 .inn {width:1200px; min-height: 730px; margin:110px auto 0 auto; position: relative; box-sizing: border-box;} #wrap_add03 .img{ display: inline-block; border-radius: 100px 0 100px 0; position: absolute; overflow: hidden; top:0; left: -326px;} #wrap_add03 h2.bg_font{ font-size: 50px; letter-spacing: normal; line-height: 1.4; margin-bottom: 30px;} #wrap_add03 h2.bg_font:after{content: "RENTAL SPACE"; left:250px; top:-85px; text-align: right; line-height: 1.1;} #wrap_add03 h3{ font-size: 22px; font-weight: bold; color: #e95388; position: relative; margin-bottom: 40px;} #wrap_add03 h3 span{ font-size: 40px; font-weight: normal; font-family: 'Fjalla One', sans-serif; margin: 0 5px 0 5px; vertical-align: text-bottom;} #wrap_add03 ul.point{ display: flex; margin-top: 30px; flex-wrap: nowrap; flex-direction: row;} #wrap_add03 ul.point li{ font-size: 15px; color: #ffffff; text-align: center; width: 120px; height: 120px; border-radius: 50%; background-color: #8fc220; padding-top: 20px; box-sizing: border-box; margin-right: 16px;} #wrap_add03 ul.point li span{ display: flex; width: 35px; height: 35px; margin:0 auto 7px auto; align-items: flex-end; justify-content: center;} #wrap_add03 ul.point li:nth-child(even){ background-color: #0061a1;} #wrap_add03 a.btn-line-pink{width: 280px; font-size: 16px; font-weight: bold; line-height: 1.3; text-align: center; vertical-align: middle; color: #e95388; position: relative; box-sizing: border-box; border-radius: 35px; padding: 5px; border: 1px solid #e95388; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; align-items:center; justify-content: center; height: 68px; -webkit-text-stroke-width:.3px !important; transition: .3s; overflow: hidden; text-decoration: none; margin-top: 45px;} #wrap_add03 a.btn-line-pink::after{ content: ""; display: inline-block; background:url(/images/icon/btn_indent_pink.png) no-repeat; width: 10px; height: 16px; margin-bottom: 2px; margin-left: 20px; } #wrap_add03 a.btn-line-pink:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: #e95388; transform-origin: 50% 0%; transform: scaleY(0); transition: transform ease .3s; } #wrap_add03 a.btn-line-pink:hover { color: #ffffff; border: none; } #wrap_add03 a.btn-line-pink:hover::before { transform-origin: 50% 100%; transform: scaleY(1);} #wrap_add03 a.btn-line-pink:hover::after{background:url(/images/icon/btn_indent_wh.png) no-repeat;} #wrap_add03 .left{position: relative; height:530px;margin-bottom:33px; margin-top:20px;} #wrap_add03 .left img{position: absolute; width:750px; left:-230px;} #wrap_add03 .left strong{font-family: "Noto Sans JP"; position: absolute; margin-left:605px;font-size:50px; top:84px; font-weight: normal;} #wrap_add03 .left p{position: absolute; margin-left:605px; top:224px;} #wrap_add03 .right{position: relative;} #wrap_add03 .right .left_wrap{position: absolute; margin-right:640px; top:120px; right:0;} #wrap_add03 .right img{position: absolute; width:750px;right:-290px;} #wrap_add03 .right .left_wrap p{} #wrap_add03 .right .left_wrap a{text-align:center; display: inline-block; width: 256px;margin-top: 40px;} #wrap_add03 .right .left_wrap a img{width:256px; left:0;} /*--- wrap_add04 --------------------------------------------------------------------------------*/ #wrap_add04 {width:100%; max-height: 930px; background:url(/images/top/report_bg.jpg) no-repeat top center; overflow: hidden;} #wrap_add04 .inn {width:1200px; min-height: 500px; margin:0 auto 0 auto; padding:70px 0 80px 0; position: relative; box-sizing: border-box;} #wrap_add04 h2.normal{ text-align: center; color:#fff; margin-bottom: 70px;} #wrap_add04 .box_wrap {margin-bottom: 20px;} #wrap_add04 .box li{width:385px; height: 100%; box-sizing: border-box; margin: 0 11px 0 11px;} #wrap_add04 .box li a {text-decoration: none; color:#000; font-weight: bold;} #wrap_add04 .box li p {background-color:#fff;padding:19px 23px 19px 23px; height:90px;} #wrap_add04 .box li a p span{display: block; font-size:20px; font-family: 'Fjalla One', sans-serif; font-weight: normal;} #wrap_add04 .box li .img{height: 242px; background:url(/images/top/no-image.jpg) no-repeat center; background-size: 385px auto; overflow: hidden; } #wrap_add04 .box li .img img{ width: 100%; min-height: 100%; object-fit: cover; } #wrap_add04 .box .slick-next{ right: -46px; top:45%; opacity: .3; transition: .3s;} #wrap_add04 .box .slick-prev{ left: -110px; top:45%; opacity: .3; transition: .3s;} #wrap_add04 .box .slick-next:hover{ opacity: .8;} #wrap_add04 .box .slick-prev:hover{ opacity: .8;} #wrap_add04 .box .slick-next:before {display: block; content: ''; background:url(/images/top/btn_next.png) no-repeat center 0px; width: 87px; height: 68px; opacity: 1;} #wrap_add04 .box .slick-prev:before {display: block; content: ''; background:url(/images/top/btn_back.png) no-repeat center 0px; width: 87px; height: 68px; opacity: 1;} #wrap_add04 .box .slick-slide { height:370px; overflow:hidden;} #wrap_add04 .news{ background-color: #ffffff; width:2000px; height: 500px; box-shadow: 0 0 40px rgba(122,122,122,0.05); position: absolute; top:0; left:240px; border-radius: 100px 0 0 0; padding: 80px 0 0 0; box-sizing: border-box;} #wrap_add04 ul.news_inn{ width: 960px; height: 330px; padding:0 30px 0 110px; box-sizing: border-box; overflow-y: scroll;} #wrap_add04 ul.news_inn li{ font-size: 17px;} #wrap_add04 ul.news_inn li + li{ margin-top: 45px;} #wrap_add04 ul.news_inn li em{display: block; font-family: 'Fjalla One', sans-serif; font-size: 23px; color: #8fc220; margin-bottom: 10px;} #wrap_add04 ul.news_inn li strong{ display: block; color: #e95388; font-weight: bold; text-decoration: underline;} #wrap_add04 ul.news_inn li span.bold{font-weight: bold;} #wrap_add04 ul.news_inn li p + p{ margin-top: 20px;} #wrap_add04 ul.news_inn::-webkit-scrollbar { width: 6px; height: 6px; } #wrap_add04 ul.news_inn::-webkit-scrollbar-thumb { background:rgba(0,117,194,1); border-radius: 5px; } #wrap_add04 ul.news_inn::-webkit-scrollbar-track { background:rgba(0,117,194,0.2); border-radius: 5px; } /*--- wrap_add05 --------------------------------------------------------------------------------*/ #wrap_add05 {width:100%; height:769px; background:url(/images/top/media_bg.jpg?t=2) no-repeat center 0px; overflow: hidden;} #wrap_add05 .inn {width:1200px; margin:0 auto 0 auto; padding:82px 0 82px 0;} #wrap_add05 .text_area{ margin-bottom: 10px;} #wrap_add05 .text_area h2{ text-align: left; float: left; width:250px;} #wrap_add05 .text_area p{ float: left; margin-top: -5px;} #wrap_add05 img{float:left; margin-right:50px;} #wrap_add05 p{width:430px;} #wrap_add05 .back_no{float:left; width:280px; text-align: center; margin-top:75px; } #wrap_add05 .back_no a{text-decoration: none; color:#8fc220;} /*#wrap_add05 .twitter_wrap {width:500px; height:600px; border:solid 1px #d6e6e5; background-color:#fff; float: left; margin-right:17px;} #wrap_add05 ul {float: left; width:425px;} #wrap_add05 ul li {height:100%; margin-bottom:13.5px;} #wrap_add05 ul li a {display:inline-block;} #wrap_add05 ul li a img{width:425px;}*/ #wrap_add05 .twitter_wrap {display: none;} #wrap_add05 ul {float: left;width: 950px;display: flex;flex-wrap: wrap;justify-content: flex-end; margin-top: 100px;} #wrap_add05 ul li {height:100%;margin-bottom: 20px;} #wrap_add05 ul li a {display:inline-block;} #wrap_add05 ul li a img{width:425px; margin-right:0; margin-left:30px;} /*--- wrap_add06 --------------------------------------------------------------------------------*/ #wrap_add06 {width:100%; height: 696px; overflow-x: hidden; background:url(/images/top/access_bg.jpg) no-repeat center 0px;} #wrap_add06 .inn {width:1200px; margin:0 auto 0 auto; padding-top:125px; position: relative; box-sizing: border-box;} #wrap_add06 .text_area{ width: 1200px; margin: 0 auto 10px auto; position: relative;} #wrap_add06 .text_area h2{ text-align: left; width:250px; margin-left:0;} #wrap_add06 .text_area p{margin-top: 0px; letter-spacing: 0px;} #wrap_add06 .text_area p span{display: block; font-weight: bold; margin-bottom:20px; font-size:26px; color:#000;} #wrap_add06 .text_area .right img{ position: absolute; top:-50px; right:-110px;} #wrap_add06 p{width:430px;} #wrap_add06 .back_no{display: inline-block; width:280px; text-align: center; margin-top:50px; } #wrap_add06 .back_no a{text-decoration: none; color:#8fc220;} /*--- wrap_add07 --------------------------------------------------------------------------------*/ #wrap_add07 {width:100%; height: 600px;} #wrap_add07 #map{ width: 100%; height: 100%;} /*--- contact_box --------------------------------------------------------------------------------*/ #contact_box {width:100%; min-height: 625px; background:url(/images/top/contact_bk.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; margin-top: 110px; color: #ffffff;} #wrap-outer2nd #wrap-navi + #contact_box{ margin-top: 0;} #contact_box .inn {width:1200px; margin:0 auto 0 auto; padding:150px 0 0 0;} #contact_box h2.normal{ text-align: left; color: #ffffff; margin-bottom: 35px;} #contact_box h2.normal span{ background: transparent; -webkit-text-fill-color: currentcolor;} #contact_box p{} #contact_box ul{ display: flex; flex-wrap: nowrap; align-items: center; margin-top: 90px;} #contact_box li.mail{} #contact_box li.mail a.btn-pink{display: block; position: relative; width: 400px; height: 85px; color: #ffffff; text-align: center; font-size: 18px; font-weight: bold; text-decoration: none; padding: 24px 0 0 0; overflow: hidden; transition: .3s; z-index: 1; border: 1px solid #ffffff; box-sizing: border-box; background-color: #e95388; border-radius: 43px;} #contact_box li.mail a.btn-pink::before{ content: ""; display: inline-block; margin-right: 20px; vertical-align: middle; margin-bottom: 2px; background:url(/images/icon/btn_mail_wh.png) no-repeat; width: 30px; height: 24px; } #contact_box li.mail a.btn-pink::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; transform-origin: 50% 0%; transform: scaleY(0); transition: transform ease .3s; background: #e83a60; } #contact_box li.mail a.btn-pink:hover { color: #ffffff; opacity: 1 !important; } #contact_box li.mail a.btn-pink:hover::after { transform-origin: 50% 100%; transform: scaleY(1);} #contact_box li.tel{ display: flex; width: 650px; height: 85px; background-color: rgba(255,255,255,0.85); color: #8fc220; border-radius: 43px; margin-left: 30px; justify-content: center; align-items: center;} #contact_box li.tel a{ text-decoration: none; color: #8fc220; font-size: 30px; margin-right: 40px;} #contact_box li.tel a:hover{ opacity: 1 !important; cursor: auto;} #contact_box li.tel p{ font-size: 13px;} #contact_box li.tel strong{ font-weight: bold; display: block; font-size: 16px; line-height: 1.3;} /*--- footer ------------------------------------------------------------------------------------*/ #footer-outer {width:100%;} #footer {width:100%; min-height:310px; position:relative; background:#8fc220; z-index:998;} #footer::before{ display:block; content:""; width:100%; height:27px; background:url(/images/footer/footer_bg_top.png) no-repeat center bottom; background-size:100% auto; position:absolute; top:-26px; left:0;} #footer .inn {width:1200px; margin:0 auto 0 auto; padding:90px 0 95px 522px; box-sizing:border-box; position:relative;} #footer .logo_blocks {margin-bottom:75px;} #footer .logo_blocks p{display: inline-block; font-size:13px;margin-left:36px; line-height: 38px;} #footer .logo_blocks p span{font-size:42px; font-weight: bold; font-family: "Noto Sans JP"; letter-spacing: 0em;} #footer .inn table.footer_navi .sns ul{ margin-top: 20px;} #footer .inn table.footer_navi .sns ul li{display: inline-block; margin-right:10px; width:auto;} #footer .inn table.footer_navi .sns ul li a img{width:37px; transition: .3s;} #footer .inn table.footer_navi .sns ul li a:hover img{ opacity: .7;} #footer .inn table.footer_navi .copyright{color:#fff; font-size:11px;} #footer .inn .btn_blocks{display: inline-block; text-align: center; vertical-align: top;} .btn_wrap1 img{width:286px;} .btn_wrap2 img{width:356px;} .btn_wrap3 img{width:255px;} .btn_wrap3 {display: block; margin-bottom:25px;} #footer .inn .link_wrap{width:244px; display: inline-block; text-align: center; vertical-align: top; margin-top:25px; text-align: left;} #footer .inn .btn_blocks .link_wrap ul li {margin-bottom:10px;} #footer .inn .btn_blocks .link_wrap ul li a{color:#fff; font-size:12px; text-decoration: none; background:url(/images/footer/indent_mini.png) no-repeat center left; padding-left: 15px; } #footer .inn .company_info{ position:absolute; top:85px; left:0; color:#ffffff;} #footer .inn .company_info .h{ margin:0 0 5px -26px;} #footer .inn .company_info .h img{ margin-left:9px;} #footer .inn .company_info p{ font-size: 15px; margin-bottom: 15px; font-weight: bold;} #footer .inn .company_info .address{ font-weight: normal; margin-bottom: 0; } #footer .inn .company_info p span.company_name{ font-size:18px; font-weight:bold;} #footer .inn .company_info p a,#footer .inn .company_info p a:hover{ color:#ffffff; text-decoration:none; opacity:1 !important; cursor:text;} #footer .inn table.footer_navi {width:auto; min-height: 250px; margin:0; padding:2px 0 0 0; display:inline-block;} #footer .inn table.footer_navi td {width:auto; padding:0 0 0 0; box-sizing:border-box; } /*#footer .inn table.footer_navi td.sitemap{ padding-right: 80px;}*/ #footer .inn table.footer_navi td.sitemap_tltno {padding-right:0; padding-top: 100px;} #footer .inn table.footer_navi td p.f_fjalla{ font-size: 28px; color: #ffffff; font-weight: normal; margin-bottom: 50px;} #footer .inn table.footer_navi td ul li {font-size:16px; margin-bottom:20px; letter-spacing: normal; white-space:nowrap; display: inline-block; width:96px; margin-right:105px;} #footer .inn table.footer_navi td ul li.nest {background:none; margin-bottom:0;} #footer .inn table.footer_navi td ul li a {color:#ffffff; text-decoration:none; opacity:1 !important; font-weight: bold;} #footer .inn table.footer_navi td ul li a:hover{ text-decoration:underline;} /*--- contents-inner-pages ---------------------------------------------------------------------*/ /*================================== 2ndpage タイトル ==================================*/ #wrap-outer2nd .ttl {width:100%; height: 350px; margin-bottom: 80px;} #wrap-outer2nd .ttl .inn {width:1200px; height: 100%; margin:0 auto 0 auto; position: relative; box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding-top: 35px;} #wrap-outer2nd .ttl.contact_ttl{ background:url(/images/contact/title_bk.jpg) no-repeat center center; background-size: cover;} #wrap-outer2nd .ttl.company_ttl{ background:url(/images/company/title_bk.jpg) no-repeat center center; background-size: cover;} #wrap-outer2nd .ttl.joinus_ttl{ background:url(/images/joinus/title_bk.jpg) no-repeat center center; background-size: cover;} #wrap-outer2nd .ttl.policy_ttl{ background:url(/images/policy/title_bk.jpg) no-repeat center center; background-size: cover;} #wrap-outer2nd .ttl.profile_ttl{ background:url(/images/profile/title_bk.jpg) no-repeat center center; background-size: cover;} #wrap-outer2nd .ttl.report_ttl{ background:url(/images/report/title_bk.jpg) no-repeat center center; background-size: cover;} #wrap-outer2nd .ttl.backnumber_ttl{ background:url(/images/backnumber/title_bk.jpg) no-repeat center center; background-size: cover;} #wrap-outer2nd .ttl.privacy_ttl{ background:url(/images/privacy/title_bk.jpg) no-repeat center center; background-size: cover;} /*================================== 2ndpage navigation ==================================*/ #contents ul#contents_navi {overflow:hidden; height:52px; box-sizing:border-box; background:url(/images/common/contents_navi_line.gif) no-repeat left top;} #contents ul#contents_navi li {float:left; /*font-size:16px;*/ font-weight:bold; line-height:52px; text-align:center; background:url(/images/common/contents_navi_line.gif) no-repeat right top;} #contents ul#contents_navi li:nth-child(n+5) {width:120px;} #contents ul#contents_navi li a {color:#FFF; text-decoration:none; display:block;} #contents ul#contents_navi li.current a {background:url(/images/common/contents_navi_triangle.gif) no-repeat center bottom;} /*================================== 2ndpage 共通 ==================================*/ #contents-inner-pages {width:100%; height: 100%; margin:0 auto 0 auto; /*font-size:16px;*/ line-height:1.8; overflow: hidden;} #contents-inner-pages .inn{width:1200px; margin:0 auto 70px auto;} #contents.no_width #contents-inner-pages {width:100%;} #contents-inner-pages:after {content:""; display:block; clear:both;} #contents-inner-pages p.read {} #contents-inner-pages .common_h { font-size: 36px; font-weight: bold; line-height: 1.3; margin:80px 0 30px 0; } #contents-inner-pages .common_h_pink{ color:#ee5599; font-size: 36px; font-weight: bold; line-height: 1.3; margin:80px 0 20px 0; } #contents-inner-pages .table_caption{ font-weight:bold; font-size:28px; margin:0 0 8px 0; } #contents-inner-pages .text_img td:first-of-type{ padding:0 20px 0 0; } .gray_back{ background-color:#f8f4f3; padding:1px 0 75px 0; margin-top:70px;} /* table typeA */ #contents-inner-pages table.common_table_type_a {} #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:17px 0 15px 0; text-align:center; font-weight:bold; line-height:1; box-sizing:border-box; line-height:1.4;} #contents-inner-pages table.common_table_type_a td:first-child{ text-align:left; padding:0 0 0 20px;} #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 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 65px 0;} #contents-inner-pages table.common_table_type_b th, #contents-inner-pages table.common_table_type_b td {border-right:2px solid #FFF; text-align:left; border-bottom:2px solid #FFF; padding:17px 0 15px 0; line-height:1.8; box-sizing:border-box;} #contents-inner-pages table.common_table_type_b th{background:#EBE9E5; font-weight:bold; padding:0 20px 0 20px; width:265px;} #contents-inner-pages table.common_table_type_b td{background:#F5F4F2; border-right:none; padding:13px 18px 11px 20px;} #contents-inner-pages .weight_normal tr td{ font-weight:normal; } #contents-inner-pages .weight_normal tr td:first-of-type{ font-weight:bold; } /*================================== パンくず ==================================*/ #bread_navi{ background:url(../images/common/bread_bg.png) no-repeat left top; min-height:30px; margin-top: -2px; padding-top: 2px; padding-left: 25px; letter-spacing: .6px;} #bread_navi li{ display:inline;color:#ffffff; font-size:12px; } #bread_navi li a{ display:inline-block; color:#ffffff; font-size:12px; 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 20px 0 20px;} /*================================== 事務所概要 ==================================*/ #contents-inner-pages #office .image_box {display: flex; margin-bottom:60px;} #contents-inner-pages #office .image_box img{width:49%; margin-right:1%;} #contents-inner-pages #office .image_box img:last-child{margin-right:0;} #contents-inner-pages #company_info .photo{ text-align:center; margin: 45px auto 45px auto; font-size:0;} #contents-inner-pages #company_info .photo li{ display:inline-block; padding:6px; margin:0 22px 0 22px; border:1px solid #e6e6e6;} #contents-inner-pages #company_info .photo li p{ display:table; width:380px; height:380px; background:#e6e6e6;} #contents-inner-pages #company_info .photo li p span{ display:table-cell; vertical-align:middle; /*font-size:16px;*/} #contents-inner-pages table.mod-table {width:100%; table-layout:fixed; border-collapse:collapse; text-align:left; background-color:#ffffff; border-top:1px dotted #727171;} #contents-inner-pages table.mod-table th, #contents-inner-pages table.mod-table td {vertical-align:middle; padding:20px; border-bottom:1px dotted #727171; line-height:1.8; clear:both; /*font-size:16px;*/ color:#333333;} #contents-inner-pages table.mod-table th {width:240px; background-color:#f4f9ed; font-weight:bold; vertical-align:top;} #contents-inner-pages table.mod-table .add_box em{ display:table; font-weight:bold; margin-bottom:20px;} #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,#contents-inner-pages table.mod-table .gmap{ display:table-cell; vertical-align:top;} #contents-inner-pages table.mod-table .add_box .add{ width:320px; min-height:245px;} #contents-inner-pages table.mod-table .add_box .add a{ color:#444444; text-decoration:none;} #contents-inner-pages table.mod-table a{ color: #e95388;} #contents-inner-pages #access #map {width:100%; height:550px;} #contents-inner-pages #access #map .gm-style-iw-d:has(.map_fukidashi){margin-top: -32px;} #contents-inner-pages #access #map .map_fukidashi{padding-right: 25px;} #contents-inner-pages #access #map .map_fukidashi a:focus-visible,#contents-inner-pages #access #map .map_fukidashi a:focus{outline: none;} #contents-inner-pages #access #map .map_fukidashi a{text-decoration:none;} #contents-inner-pages #company_info{} #contents-inner-pages #access{margin-top:100px;} #contents-inner-pages a.tel_link{ color:#333333; text-decoration:none; cursor:text; opacity:1 !important;} #contents-inner-pages a.tel_link:hover{ color:#333333; text-decoration:none;} #contents-inner-pages #access p.text-center{ text-align:center; margin-bottom:40px; margin-top: -30px;} /*================================== 入党のお願い ==================================*/ #joinus #contents-inner-pages .txt_center{ margin-bottom: 100px; text-align: center;} #joinus #contents-inner-pages #guideline{margin-bottom:100px;} #joinus #contents-inner-pages #guideline .mod-table p + p{ margin-top: 30px;} #joinus #contents-inner-pages #joinus_form h2 + p{ margin-bottom: 60px; text-align: center; margin-top: -10px;} /*================================== プロフィール ==================================*/ #contents-inner-pages #profile {background:url(/images/profile/profile_bg.jpg?t=1) no-repeat center bottom;} #contents-inner-pages #profile .inn{margin-bottom:0;} #contents-inner-pages #profile .pro_blocks{padding-bottom:220px;} #contents-inner-pages #profile .pro_blocks:after{ display: block; content: ""; clear: both;} #contents-inner-pages #profile .pro_blocks .img{ float: left;} #contents-inner-pages #profile .pro_blocks .txt{ float: right; width: 610px;} #contents-inner-pages #profile .pro_blocks h2{ font-size: 36px; color: #000000; font-weight: bold; text-align: left; border-bottom: 1px solid #8fc220; line-height: 1; padding-bottom: 55px; margin-bottom: 55px;} #contents-inner-pages #profile .pro_blocks h2 span{ display: inline-block; font-weight: normal; vertical-align: middle; color:#8fc220; font-size: 16px; margin-left: 35px; letter-spacing: .12em; } #contents-inner-pages #profile .pro_blocks h2.normal{font-size:18px;color:#8fc220; text-align:center;border-bottom:none;line-height:18px;padding-bottom:0;margin-bottom:60px;} #contents-inner-pages #profile .pro_blocks h2.normal span{display: block; font-size: 70px; vertical-align: baseline; margin-left:0;letter-spacing:0.8px; line-height: 70px;} #contents-inner-pages #profile .pro_table{} #contents-inner-pages #profile .pro_table th{color:#8fc220; text-align: left; width: 105px; vertical-align: top;} #contents-inner-pages #profile .pro_table td{ padding-bottom: 36px;} #contents-inner-pages #profile .pro_table td p{ margin-bottom: 25px;} #contents-inner-pages #profile .pro_table td li{ margin-bottom:3px; list-style: disc; margin-left: 17px; } #contents-inner-pages #profile .pro_table td li span{ display: block; padding-left: 100px;} #contents-inner-pages #profile #message{ margin-top: 64px;} #contents-inner-pages #profile #wrap_add_profile {width:100%; height: 1468px; } #contents-inner-pages #profile #wrap_add_profile .inn {width:1200px; min-height: 730px; margin:0 auto 0 auto; position: relative; box-sizing: border-box;} #contents-inner-pages #profile #wrap_add_profile .inn > h2.normal{margin-top:0;} #contents-inner-pages #profile #wrap_add_profile .left{position: relative; height:530px;margin-bottom:33px; margin-top:20px;} #contents-inner-pages #profile #wrap_add_profile .left img{position: absolute; width:750px; left:-230px;} #contents-inner-pages #profile #wrap_add_profile .left strong{font-family: "Noto Sans JP"; position: absolute; margin-left:605px;font-size:50px; top:84px; font-weight: normal;} #contents-inner-pages #profile #wrap_add_profile .left p{position: absolute; margin-left:605px; top:224px;} #contents-inner-pages #profile #wrap_add_profile .right{position: relative;} #contents-inner-pages #profile #wrap_add_profile .right .left_wrap{position: absolute; margin-right:580px; top:120px; right:0;} #contents-inner-pages #profile #wrap_add_profile .right img{position: absolute; width:750px;right:-290px;} /*================================== バックナンバー ==================================*/ #backnumber #contents-inner-pages .main_contents{ float: left; width: 900px;} #backnumber #contents-inner-pages .side_menu{ float: right; width: 250px;} #backnumber #contents-inner-pages .main_contents h3.normal{ padding: 21px 30px 22px 30px; font-size: 20px; margin-bottom: 35px;} #backnumber #contents-inner-pages .main_contents p{ margin-bottom: 35px;} #backnumber #contents-inner-pages .main_contents .box{ margin-bottom: 60px;} #backnumber #contents-inner-pages .main_contents .box img{ max-width: 330px; margin: auto 20px auto 20px;} #backnumber #contents-inner-pages .main_contents .box small{ display: block;} #backnumber #contents-inner-pages .main_contents .box.center{text-align: center; } #backnumber #contents-inner-pages .side_menu .h{ font-size: 20px; color: #000000; font-weight: bold; text-align: left; border-bottom: 1px solid #8fc220; padding-bottom: 5px; margin-bottom: 10px;} #backnumber #contents-inner-pages .side_menu ul{ margin-bottom: 40px;} #backnumber #contents-inner-pages .side_menu li a{ display: block; position: relative; padding-left: 15px; font-size: 14px; margin-bottom: 8px; border-bottom: 1px dotted #f0f0f0; color: #000000; text-decoration: none; transition: .3s; padding-bottom: 8px;} #backnumber #contents-inner-pages .side_menu li a:before{ display: block; content: ""; background:url(../images/backnumber/indent_mini.png) no-repeat; width: 7px; height: 11px; background-size: 100% auto; position: absolute; left:1px; top: 7px;} #backnumber #contents-inner-pages .side_menu li a:hover{ color: #8fc220; text-decoration: underline; opacity: 1!important;} /*================================== ニュースリリース ==================================*/ #contents-inner-pages #news{ margin-top: 95px;} #contents-inner-pages #news .news-list{ margin: 50px auto 0; max-width: 1000px;} #contents-inner-pages #news .news-list li + li{ margin-top:35px; color:#3b352e;} #contents-inner-pages #news .news-list li a{ text-decoration:none; color:#3b352e; opacity:1 !important;} #contents-inner-pages #news .news-list li span{ display:inline-block; vertical-align:middle; width:130px; height:30px; text-align:center; font-size:13px; border:1px solid #3b352e; padding-top: 4px; box-sizing: border-box;} #contents-inner-pages #news .news-list li p{ display:inline-block; vertical-align:middle; width: 860px; padding-left: 20px; box-sizing: border-box;} #contents-inner-pages #news .news-list li a:hover span{ border-color:#c81717; color:#c81717;} #contents-inner-pages #news .news-list li a:hover p{ text-decoration:underline; color:#c81717;} /*================================== 活動報告　カテゴリ一覧 ==================================*/ #contents-inner-pages #report #list .category-list li{ margin-bottom:70px;} #contents-inner-pages #report #list .category-list h4{ margin-bottom:0px;font-size:28px;} #contents-inner-pages #report #list .category-list h4 .category_label{ display:inline-block; float:right; padding:3px 5px 1px 5px; margin:-3px 0 0 0; background-color:#a82525; color:#fff; width:150px; text-align:center;} #contents-inner-pages #report #list .category-list .text{ float:right; width:280px; font-size:15px;} #contents-inner-pages #report #list .category-list .img{ float:left; /*width:620px;*/} #contents-inner-pages #report #list .category-list .img img{ width:600px !important; height:auto !important;} #contents-inner-pages #report #list .category-list .btn{ display:block; width:200px; border:1px solid #3b352e; color:#3b352e; text-align:center; box-sizing:border-box; padding: 13px 0 13px; text-decoration:none; opacity:1 !important; transition:.3s; font-size: 15px; margin-top:30px;} #contents-inner-pages #report #list .category-list .btn:hover{ background-color:#3b352e; color:#ffffff;} /*================================== 活動報告　メイン ==================================*/ #contents-inner-pages #report #report-main-list{ width:1108px; margin:0 auto 0 auto;} #contents-inner-pages #report #report-main-list *{ box-sizing:border-box;} #contents-inner-pages #report #report-main-list > li{ float:left; width:540px; min-height:631px; margin-bottom:30px; background-color: #f8efe6; padding:20px 20px 105px 20px; position:relative;} #contents-inner-pages #report #report-main-list > li:first-child,#contents-inner-pages #report #report-main-list > li:nth-child(2){ min-height:auto;} #contents-inner-pages #report #report-main-list > li:nth-child(even){ float:right;} #contents-inner-pages #report #report-main-list > li img{ width:100% !important; height:auto !important;} #contents-inner-pages #report #report-main-list > li .h {font-size: 24px; font-weight: bold; color: #a77941; margin:20px 0 21px 0;} #contents-inner-pages #report #report-main-list > li .h:after { display: block; content: ""; width: 15px; height: 1px; background-color: #a77941; margin: 12px 0 0 0; } #contents-inner-pages #report #report-main-list > li p{ font-size:15px;} #contents-inner-pages #report #report-main-list > li .btn{ display:block; position:absolute; bottom:30px; left:auto; right:auto; width:200px; border:1px solid #3b352e; color:#3b352e; text-align:center; box-sizing:border-box; padding: 13px 0 13px; text-decoration:none; opacity:1 !important; transition:.3s; font-size: 15px; font-weight: bold; margin-top:25px;} #contents-inner-pages #report #report-main-list > li .btn:hover{ background-color:#3b352e; color:#ffffff;} /*================================== 活動報告 ==================================*/ #contents-inner-pages #report .inn > #contents_navi{ float:left; width:235px; margin:45px 0 0 0;} #contents-inner-pages #report .inn > .contents-right{ float:right; width:940px; } #contents-inner-pages #report .inn > .contents-right img{ margin-top:30px; } #contents-inner-pages #report .inn > .contents-right a{ text-decoration:none;} #contents-inner-pages #report h3{ font-size:34px; line-height:1.4; margin:45px 0 30px 0; color:#fff; padding: 18px 0 15px 15px; background-color:#8fc120; text-align:left;} #contents-inner-pages #report .category_label{ display:inline-block; float:right; padding:3px 5px 1px 5px; margin:19px 0 0 0; background-color:#a82525; color:#fff; width:150px; text-align:center;} #contents-inner-pages #report p + h4{ margin-top:50px;} #contents-inner-pages #report p > small{ opacity:.7;} #contents-inner-pages #report .inn.breadcrumb{ width:1200px; margin:-40px auto -10px auto; padding-left:12px; font-size:14px; color:#666666;} #contents-inner-pages #report .inn.breadcrumb a{ color:#333333; opacity:1 !important;} #contents-inner-pages #report .inn.breadcrumb a:hover{ color: #c81717; text-decoration:none;} #contents-inner-pages #report .main_blocks { margin:30px 0 50px 0;} #contents-inner-pages #report .main_blocks td:first-child{ width:550px;} #contents-inner-pages #report .main_blocks td:first-child img{ width:100%; max-width:600px !important;} #contents-inner-pages #report .main_blocks td:last-child{ padding-left:25px;} #contents-inner-pages #report .main_blocks td:last-child > p{ font-size:15px; /*font-weight:bold; margin-bottom:20px; color: #c81717;*/} #contents-inner-pages #report .main_blocks td:last-child > p a{ font-weight:normal;} #contents-inner-pages #report table.mod-table th, #contents-inner-pages #report table.mod-table td{ font-size: 14px; line-height:normal; padding: 11px 13px 10px 13px;} #contents-inner-pages #report table.mod-table th{ width: 60px;} #contents-inner-pages #report .inn > #contents_navi ul + ul{ margin-top:20px;} #contents-inner-pages #report .inn > #contents_navi h4{ font-size: 14px; color: #2c2721; font-weight: normal; border:none; border-bottom: 1px solid #2c2721; background-color: #f4f4f4; box-sizing: border-box; padding: 15px 10px 12px 14px; letter-spacing: .5px; margin:0px 0 0 0;} #contents-inner-pages #report .inn > #contents_navi h4{margin:20px 0 0 0;} #contents-inner-pages #report .inn > #contents_navi h4:first-of-type{margin:0;} #contents-inner-pages #report .inn > #contents_navi p{ position:relative; font-size:15px;} #contents-inner-pages #report .inn > #contents_navi p a{ display:block; background-color: #fff; color:#48433c; text-decoration:none; padding:14px 25px 13px 13px; transition: .3s; opacity:1 !important;} #contents-inner-pages #report .inn > #contents_navi p + li{ border-top: 1px dotted #b3a89e;} #contents-inner-pages #report .inn > #contents_navi p:before { content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 10px; width: 8px; height: 8px; margin-top: -4px; background: #48433c; transition: .3s;} #contents-inner-pages #report .inn > #contents_navi p:after { content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 14px; width: 8px; height: 8px; margin-top: -4px; background: #fff; transition: .3s;} #contents-inner-pages #report .inn > #contents_navi p a:hover{ /*background-color:#e9d7c4;*/} #contents-inner-pages #report .inn > #contents_navi p:hover:after{ /*background: #e9d7c4;*/} #contents-inner-pages #contents_navi .widget-header{ font-weight:bold; margin:0 0 10px 0;} #contents-inner-pages #contents_navi .widget-content{ margin-bottom:30px;} #contents-inner-pages #contents_navi .widget-content li{ margin-bottom:5px;} #contents-inner-pages .asset-meta{ text-align:right; margin:0 0 20px 0;} /* side navi */ #contents_navi li{ padding:5px 0px 12px 5px; margin:0px 0px 10px 0px; position:relative; border-bottom:1px solid #ccc;} #contents_navi li a{display:block; padding-right:20px; text-decoration:none; line-height:1.3;} #contents_navi li p{ padding-right:10px; } #contents_navi li p:before, #contents_navi li p:after{ content:none !important;} #contents_navi li span{ width:80px; text-align:center; padding:2px 5px 2px 5px; margin-bottom:8px; color:#fff; font-size:10px;} #contents_navi li.chintai span{ background:#107819;} #contents_navi li.mansion span{ background:#651678;} #contents_navi li.tochi span{ background:#C42A06;} #contents_navi li.kodate span{ background:##1C3578;} #contents_navi li.other span{ background:#781E0A;} #contents_navi li a:before { content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 10px; width: 8px; height: 8px; margin-top: -4px; background: #000; transition: .3s;} #contents_navi li a:after { content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 14px; width: 8px; height: 8px; margin-top: -4px; background: #fff; transition: .3s;} /*================================== プライバシーポリシー ==================================*/ #contents-inner-pages #contents-inner-pages .privacy p{ padding-left: 30px; padding-right: 30px;} #contents-inner-pages .privacy p + h3.normal{ margin-top: 50px;} #contents-inner-pages .privacy p a{ color: #e95388;} /*================================== 新着情報 ==================================*/ #contents-inner-pages .news {} #contents-inner-pages .news table {margin-bottom:50px;} #contents-inner-pages .news td.oshirase, #contents-inner-pages .news td.blog {width:80px; font-size:13px; color:#FFF; 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:20px; font-size:20px; font-weight:bold;} /*================================== 準備中 ==================================*/ #wrap-outer2nd .comming_soon{ margin:150px auto 150px auto; opacity:.75; text-align:center;} #wrap-outer2nd .comming_soon h3{ font-size:36px; margin-bottom:0;} #wrap-outer2nd .comming_soon h3:before{ display:none;} #wrap-outer2nd .comming_soon h3 img{ display:block; margin:0 auto 15px auto;} /*================================== お問い合わせ ==================================*/ #contents .contents-form input[type="text"],#contents .contents-form input[type="tel"] {font-size:160%;} #contents .contents-form {color:#000;} #contents .contents-form .item {width:235px; line-height:1; margin:0 20px 30px 0; padding:10px; box-sizing:border-box; background:#3BD; border-radius:6px; color:#FFF; font-weight:normal; white-space:nowrap; text-align:center; float:left; font-size:22px;} #contents .contents-form label {padding:0 5px 0 5px;} #contents .contents-form .value {margin:0 0 30px 0; float:left; max-width:600px;} #contents .contents-form .lng {width:100%; margin-bottom:10px;} #contents .contents-form .vlng {width:100%; text-align:center;} #contents .contents-form .required {color:#FFF; font-size:12px; vertical-align:middle; padding-left:10px;} #contents .contents-form .supplement{color:#666; font-weight:normal; font-size:14px; margin-bottom:10px;} #contents .contents-form .reaffirmation{color:#666; font-weight:normal; font-size:14px; margin:10px 0 10px 0;} #contents .contents-form .error_description, #contents .contents-form .description1 {margin:0 0 30px 0px;} #contents .contents-form .error_list {margin-bottom:30px; display:inline-block;} #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 {text-align:center;} #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 .contents-form table.basicTable {margin:0 auto 50px auto;} #contents .contents-form .contact_mail .inn{ width:1200px; text-align:center;} #contents .contents-form .contact_mail p.read{ text-align:center; margin-top: -15px; margin-bottom: 30px;} /* --- */ /*#scrollUp { bottom: 112px; right: 10px; height: 50px; width: 50px; background-size:50px; }*/ /* --- */ .menu-btn, .doc-btn { display:none; } /*---------------------------------------------contact------------------------------------------*/ #contents-pages .contact {} #contents-pages .contact .title_img {position:absolute;top:-32px; left:0px;} .contents-form {margin:0 auto;} .contents-form .borderTable th, .contents-form .borderTable, .contents-form .borderTable th, .contents-form .borderTable td {border:none;} /*================================== TEL ==================================*/ #telephone.inquiry {margin:0 auto 110px auto; display:table; background-color: #f4f9ed; width:100%; padding:50px 0 50px 0; text-align:center;} #telephone.inquiry a.num { display:inline-block; font-family:'Fjalla One', sans-serif; font-size:55px; color:#ee9400; text-decoration:none; margin-bottom: -10px;} #telephone.inquiry a.num em:before{ content:"tel."; display: inline-block; } #telephone.inquiry .open {font-size:18px; line-height:1; letter-spacing:1px; } #telephone.inquiry h3{ font-weight: bold; font-size: 32px; margin-top: 16px; margin-bottom: 24px; border-bottom: 1px dotted; padding-bottom: 38px; max-width: 845px;} #telephone.inquiry .inquiry_inn{ display: flex; justify-content: center; align-items: center;} #telephone.inquiry .text_area{ text-align: left; margin-left: 20px; margin-top: 12px;} #telephone.inquiry .text_area p{ margin-top: 10px;} #telephone.inquiry small{ font-size: 13px; opacity: .8; letter-spacing: 0;} #contents .bytel { border: 5px solid #ccc; margin: 0 auto; padding: 20px; position: relative; } #contents .bytel .name { font-size: 20px; font-weight: bold; } #contents .bytel .tel { background: rgba(0, 0, 0, 0) url("../images/contact/icon_tel.png") no-repeat scroll left center; color: #f60; font-family: /*"Century Gothic",Verdana,*/Arial,sans-serif; font-size: 60px; line-height: 1.2; padding-left: 76px; white-space: nowrap; } #contents .bytel .open { bottom:40px; /*font-size:16px;*/ position:absolute; left:20px; } /*-----------------------------------------contact form---------------------------------------*/ #contents .contents-form, #contents_1column .contents-form { text-align:center; font-size:18px;} /*#contents .contents-form .contact_mail{ padding-bottom:90px;}*/ #contents .contents-form .inn.doc{ width:1000px;} #contents .contents-form .doc > img{ margin:0 -2px 45px 0;} #contents .contents-form .doc .q_content{ text-align:left; background:url(/images/contact/people.png.jpg) no-repeat right bottom 60px; padding:39px 0 74px 0;} #contents .contents-form .doc .q_content ul{ padding-left:33px;} #contents .contents-form .doc .q_content ul li{ margin-bottom:10px;} #contents .contents-form .doc .q_content ul li::before{ display:inline-block; content:""; width:26px; height:27px; background:url(/images/contact/ico_check.png) no-repeat; margin:0 5px -4px 0;} #contents .contents-form .doc .q_content ul li .bold{ font-weight:bold;} #contents .contents-form .doc .pre_box{ border:1px solid #ed6d1f; box-sizing:border-box; padding:28px 25px 33px 280px; margin:0 auto 0 auto; position:relative;} #contents .contents-form .doc .pre_box p{ font-size:28px; line-height:52px; color:#ed6d1f;} #contents .contents-form .doc .pre_box p .bold{ font-weight:bold; display:inline-block; background:url(/images/contact/desc_under.png) no-repeat center bottom 10px;} #contents .contents-form .doc .pre_box img{ position:absolute; top:-34px; left:45px; box-shadow:8px 8px 0 rgba(0,0,0,.07);} #contents .contents-form .doc .points{ padding:45px 52px 45px 48px; box-sizing:border-box; background:#fefcef; margin-top:76px; text-align:left;} #contents .contents-form .doc .points .points_desc{ float:left; width:600px;} #contents .contents-form .doc .points .points_desc ul{ padding-left:43px;} #contents .contents-form .doc .points .points_desc ul li{} #contents .contents-form .doc .points img{ display:block; float:right; margin-top:9px;} #contents .contents-form .doc .trial{ margin-top:51px; padding-bottom:90px;} #contents .contents-form .doc .trial a{ display:block; width:400px; margin:auto; background:url(/images/contact/right_s_arrow.png), url(/images/contact/trial_btn_bg.png); background-repeat:no-repeat, repeat; background-position:109px center, center center; background-size:18px auto, auto auto; color:#fff; text-decoration:none; font-weight:bold; box-sizing:border-box; padding:17px 0 16px 14px; margin-top:16px; box-shadow:0 3px 0 #be5616;} #contents .contents-form .doc .trial p{ font-size:14px; margin-top:15px;} #contents .contents-form table.basicTable, #contents_1column .contents-form table.basicTable { border-top: 1px dotted #727171; color: #333333; margin: 15px 0 60px 0;} #contents .contents-form table.basicTable th, #contents .contents-form table.basicTable td, #contents_1column .contents-form table.basicTable th, #contents_1column .contents-form table.basicTable td { /*width:15%;*/ padding:20px 25px 20px 25px; /*white-space:nowrap;*/ text-align:left; vertical-align:top; border-bottom: 1px dotted #727171; } #contents .contents-form table.basicTable th, #contents_1column .contents-form table.basicTable th { width: 240px; background-color: #f4f9ed;} #contents .contents-form table.basicTable li, #contents_1column .contents-form table.basicTable li { display: inline-block; margin-right: 0px;} #contents .contents-form p, #contents_1column .contents-form p {} #contents .contents-form .red, #contents_1column .contents-form .red {color: #CC0000;} #contents .contents-form #btnTable, #contents_1column .contents-form #btnTable {/*width:630px;*/ margin:43px 0 0 0;} #contents .contents-form #btnTable input, #contents_1column .contents-form #btnTable input {border:none;} #contents .contents-form .contact_bt, #contents_1column .contents-form .contact_bt {text-align:center; margin:40px 0 0 0;} #contents .contents-form .contact_bt input, #contents_1column .contents-form .contact_bt input {border:none;} #contents .contents-form .contact_bt2 .soushin, #contents_1column .contents-form .contact_bt2 .soushin {text-align:right;} #contents .contents-form .error_description, #contents .contents-form .description1, #contents_1column .contents-form .error_description, #contents_1column .contents-form .description1 {margin:0 0 30px 0px;} #contents .contents-form .error_list, #contents_1column .contents-form .error_list {margin-bottom:30px;} #contents .contents-form .error_list .alert, #contents_1column .contents-form .error_list .alert { margin-bottom:15px; background: url(../images/contact/attention.gif) no-repeat 0 0; padding:5px 0 10px 60px; color:#e64545; text-align:left;} #contents .contents-form td.btn input, #contents_1column .contents-form td.btn input {padding:0; border:none;} #contents .contents-form .bt td, #contents_1column .contents-form .bt td {background:none;} .contents-form .imeDisabled{ime-mode: disabled;} .contents-form .mail{font-size:20px;} .contents-form .other{margin:10px 0 0 0;padding:5px 0 0 0; border-top:1px solid #ccc;} .contents-form .use div{display:block; float:left; width:150px;margin:0 0 5px 0;} .contents-form .ex {color:#666; font-size:12px; padding-left:5px;} .contents-form .require {color:#C00; padding-left:5px; font-size:12px; font-weight:normal;} .contents-form input { margin-right:5px;} .contents-form div.privacy { padding: 10px; overflow: auto; height: 200px; border: 1px solid #ccc; background-color:#ffffff;} .contents-form div.privacy p + p{ margin-top:20px;} .contents-form .soft .div1 div{width:180px; margin:0 0 5px 0;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaa; font-weight: normal; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #aaa; font-weight: normal; } input::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; font-weight: normal; } /*ここから画面幅可変対応*/ } @media print, screen and (max-width: 1250px) and (min-width: 561px) { #header ul.navi li {margin:0 3.5% 0 0; font-size:15px;} }