.content_title {background-color:#718c51; background-repeat: no-repeat; background-size: 40%; } .content_title h2 {width:1100px; color:#ffffff; display:block; margin:0px auto; padding:60px 0px 60px 0px; font-size:36px; font-weight:700;} /*titleimg*/ .ctitile_tmp {background-image:url(../tmp/images/content_title_img.jpg); background-position: right center;} .ctitile_service {background-image:url(../images/content_title/service.jpg); background-position: right center;} .ctitile_invest {background-image:url(../images/content_title/invest.jpg); background-position: right center;} .ctitile_out {background-image:url(../images/content_title/outline.jpg); background-position: right center;} .ctitile_sell {background-image:url(../images/content_title/sell.jpg); background-position: right center;} .ctitile_voice {background-image:url(../images/content_title/voice.jpg); background-position: right center;} .ctitile_company {background-image:url(../images/content_title/company.jpg); background-position: right center;} /*layout*/ .content_base {width:1100px;margin:0px auto; padding:40px 0px 40px 0px; display:flex; justify-content:space-between; flex-wrap: wrap;} .content_l {width:800px;} .content_r {width:250px;} /*side*/ .side_box {border:5px solid #718c51; margin:0px 0px 30px 0px;} .side_box h2 {display:block; margin:0px; padding:0px; font-size:17px; line-height:26px; font-weight:700;} .side_box h2 a {display:block; background-color:#718c51; margin:0px; padding:10px 10px 10px 10px; color:#ffffff; border-bottom:1px solid #ffffff; text-decoration:none; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} .side_box h2 a:hover {display:block; background-color:#718c51; margin:0px; padding:10px 10px 10px 10px; color:#ffffff; border-bottom:1px solid #ffffff; text-decoration:none; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} .side_box ul {display:block; margin:0px; padding:0px 0px 0px 0px;} .side_box ul li {list-style:none; font-size:16px; line-height:26px;} .side_box ul li a {display:block; padding:10px; border-bottom:1px solid #eeeeee; text-decoration:none; font-weight:400; color:#333333; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} .side_box ul li a:hover {display:block; padding:10px; border-bottom:1px solid #eeeeee; text-decoration:none; font-weight:400; color:#333333; background-color:#eef3e4; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} .side_subbox {} .side_subbox ul {display:block; margin:0px; padding:0px 0px 0px 0px;} .side_subbox ul li {list-style:none; margin:0px 0px 5px 0px; position:relative;} .side_subbox_tx {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:100%; text-align:center; color:#ffffff; font-weight:700; font-size:18px;} .side_subbox ul li a {display:block; padding:5px; background-color:#eeeeee; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} .side_subbox ul li a:hover {display:block; padding:5px; background-color:#718c51; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} .side_subbox ul li a .brit { filter: brightness(70%);-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} .side_subbox ul li a:hover .brit { filter: brightness(100%);-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} /**/ .imagezoombox {} .imagezoombox a {display:block; text-decoration:none; color:#333333; background-color:#eeeeee; padding:10px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} .imagezoombox a:hover {display:block; background-color:#718c51; padding:10px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} .imagezoom_in {padding:15px; height:430px; background-color:#ffffff;} .imagezoom_in2 {padding:15px; background-color:#ffffff;} .imagezoom_img {position:relative; margin-bottom:10px;} .imagezoom_img img {} .imagezoom_tx {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:100%; text-align:center; color:#ffffff; font-weight:700; font-size:24px;} .imagezoombox a .brit { filter: brightness(70%);-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} .imagezoombox a:hover .brit { filter: brightness(90%);-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} .imagezoom_detail {font-size:15px; line-height:24px;} .imagezoom_detail p {margin:0px; padding:0px;} /**/ .imagezoombox_two {margin-bottom:20px;} .imagezoombox_two a {display:block; text-decoration:none; color:#333333; background-color:#eeeeee; padding:10px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} .imagezoombox_two a:hover {display:block; background-color:#718c51; padding:10px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} .imagezoom_in_two {padding:15px; background-color:#ffffff; display:flex; justify-content:space-between; flex-wrap: wrap;} .imagezoom_img_two {width:300px; position:relative; margin-bottom:10px;} .imagezoom_img_two img {} .imagezoom_tx_two {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:100%; text-align:center; color:#ffffff; font-weight:700; font-size:24px;} .imagezoombox_two a .brit { filter: brightness(70%);-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} .imagezoombox_two a:hover .brit { filter: brightness(90%);-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} .imagezoom_detail_two {width:420px; font-size:16px; line-height:28px;} .imagezoom_detail_two p {margin:0px; padding:0px;} /*blog*/ .blog_list {margin-bottom:30px;} .blog_list_gyo {border-bottom:1px solid #eeeeee;} .blog_list_gyo a {display:block; padding:30px 20px 30px 20px; text-decoration:none; color:#333333; background-color:#ffffff; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} .blog_list_gyo a:hover {display:block; padding:30px 20px 30px 20px; text-decoration:none; color:#333333; background-color:#f3f4f1; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} .blog_list_gyo h2 {display:block; margin:0px; padding:0px 0px 0px 0px; font-size:24px; line-height:30px; font-weight600;} .blog_list_detail {font-size:16px; line-height:28px;} .blog_list_data {text-align:right; font-size:14px; padding:0px 0px 5px 0px;} .blog_entry {font-weight:400;} .blog_entry p { font-weight:400;} .blog_entry strong { font-weight:600;} .blog_entry img {max-width:100%; margin-bottm:5px; height:auto!important;} .alignleft {float:left; padding:10px;} .alignright {float:right; padding:10px;} .aligncenter {clear:both; text-align:center; padding:10px; margin:0px auto; display:block;} /*outline*/ .accordion {} .accordion summary {display:block; font-size:16px; font-weight:600; cursor:pointer;} .accordion summary:hover {text-decoration:underline;} .accordion_detail {font-size:14px; line-height:24px;} /*inv*/ .inv_flow_base {display:flex; justify-content:flex-start; flex-wrap: wrap; background-color:#f7f9f5; padding:10px;} .inv_flow_box {width:46%; margin:2%; background-color:#ffffff; padding:20px; margin-bottom:10px; position:relative; font-size:16px; line-height:28px;} .inv_flow_base2 {display:block; background-color:#f7f9f5; padding:20px;} .inv_flow_box2 {width:100%; margin-bottom:30px; background-color:#ffffff; padding:20px; position:relative; font-size:16px; line-height:28px;} .inv_title {font-size:20px; font-weight:600; padding-bottom:10px;} .inv_flow1_num {position:absolute; left:-10px; top:-20px; width:100px; height:40px; background-color:#6f8950; font-weight:600; text-align:center; color:#ffffff; font-size:20px; display: flex; flex-direction: column;justify-content: center;} .inv_flow1 {border-top:3px solid #6f8950;} /*voice*/ .voice_client {border:3px solid #eeeeee; padding:20px;display:flex; justify-content:space-between; flex-wrap: wrap; margin-bottom:30px;} .voice_img {width:25%;} .voice_detail {width:70%;} .voice_detail dl {margin:0px; padding:0px; display:flex; justify-content:space-between; flex-wrap: wrap;} .voice_detail dt {display:block; width:20%; margin:0px; padding:5px 0px 5px 0px; border-bottom:1px solid #eeeeee;} .voice_detail dd {display:block; width:80%; margin:0px; padding:5px 0px 5px 0px; border-bottom:1px solid #eeeeee;} /*side*/ .current-cat {} .current-cat a {background-color:#f5f5f5; color:#6f8950!important; font-weight:600!important;} @media screen and (max-width:781px){ .content_title {background-color:#718c51; background-repeat: no-repeat; background-image:none; } .content_title h2 {width:92%; color:#ffffff; display:block; margin:0px auto; padding:30px 0px 30px 0px; font-size:28px; font-weight:700;} /*titleimg*/ /*layout*/ .content_base {width:92%;margin:0px auto; padding:20px 0px 20px 0px; display:flex; justify-content:space-between; flex-wrap: wrap;} .content_l {width:100%; margin-bottom:50px;} .content_r {width:100%;} /*side*/ .side_box {border:5px solid #718c51; margin:0px 0px 30px 0px;} .side_box h2 {} .side_box h2 a {} .side_box h2 a:hover {} .side_box ul {} .side_box ul li {} .side_box ul li a {} .side_box ul li a:hover {} .side_subbox {} .side_subbox ul {} .side_subbox ul li {} .side_subbox_tx {} .side_subbox ul li a {} .side_subbox ul li a:hover {} .side_subbox ul li a .brit {} .side_subbox ul li a:hover .brit {} .imagezoom_in {padding:15px; height:auto; background-color:#ffffff;} .imagezoom_in2 {padding:15px; height:auto; background-color:#ffffff;} /**/ .imagezoombox_two {margin-bottom:20px;} .imagezoombox_two a {padding:5px;} .imagezoombox_two a:hover {padding:5px;} .imagezoom_in_two {padding:10px; background-color:#ffffff; display:block;} .imagezoom_img_two {width:100%; position:relative; margin-bottom:10px;} .imagezoom_img_two img {} .imagezoom_tx_two {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:100%; text-align:center; color:#ffffff; font-weight:700; font-size:24px;} .imagezoombox_two a .brit { filter: brightness(70%);-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} .imagezoombox_two a:hover .brit { filter: brightness(90%);-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} .imagezoom_detail_two {width:100%; font-size:16px; line-height:28px;} .imagezoom_detail_two p {margin:0px; padding:0px;} /*inv*/ .inv_flow_base {display:block; background-color:#f7f9f5; padding:10px;} .inv_flow_box {width:100%; margin:0px; background-color:#ffffff; padding:20px; margin-bottom:20px; position:relative;} .inv_flow_base2 {display:block; background-color:#f7f9f5; padding:20px;} .inv_flow_box2 {width:100%; margin-bottom:30px; background-color:#ffffff; padding:20px; position:relative;} .inv_title {font-size:20px; font-weight:600; padding-bottom:10px;} .inv_flow1_num {position:absolute; left:-10px; top:-20px; width:100px; height:40px; background-color:#6f8950; font-weight:600; text-align:center; color:#ffffff; font-size:20px; display: flex; flex-direction: column;justify-content: center;} .inv_flow1 {border-top:3px solid #6f8950;} /*voice*/ .voice_client {border:3px solid #eeeeee; padding:10px;display:block; margin-bottom:30px;} .voice_img {width:40%; margin:0px auto;} .voice_detail {width:100%;} .voice_detail dl {margin:0px; padding:0px; display:flex; justify-content:space-between; flex-wrap: wrap;} .voice_detail dt {display:block; width:30%; margin:0px; padding:5px 0px 5px 0px; border-bottom:1px solid #eeeeee;} .voice_detail dd {display:block; width:70%; margin:0px; padding:5px 0px 5px 0px; border-bottom:1px solid #eeeeee;} }