html,body {
font-family: Verdana,"ƒƒCƒŠƒI",Meiryo,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",Osaka,sans-serif;
-webkit-text-size-adjust: none;
font-size:14px;
line-height:24px;
color:#595757;
width: 100%;
}
img {
max-width: 100%;
height:auto;
vertical-align:bottom;
image-rendering: -webkit-optimize-contrast;
}
}
a,a:link,a:visited{
text-decoration:none;
color: #06C;
}
a:hover{
text-decoration:underline;
}
aside {
margin:20px 0 0 0;
height:auto;
background:#F1F2E4;
border:1px solid #ccc;
padding:10px;
line-height:20px;
}
/* ----------------------------------------------------- */
/* h-tag-s */
h1{
padding:3px 0 0 0;
margin:0 auto;
width:980px;
text-align:right;
font-size:10px;
line-height:10px;
font-weight:normal;
color:#86BF20;
}
h2{
padding:0 0 5px 0;
margin:0;
font-size:28px;
line-height:28px;
font-weight:normal;
}
h3{
padding:0 0 5px 0;
margin:0;
font-size:18px;
line-height:24px;
font-weight:normal;
}
h4{
padding:5px 0 5px 20px;
margin:0 0 24px 0;
font-size:32px;
line-height:32px;
font-weight:normal;
color:#87C021;
border-left:9px solid #87C021;
}
h5{
padding:0 0 15px 0;
margin:0;
font-size:22px;
line-height:22px;
}
/* h-tag-e */
/* ----------------------------------------------------- */
/* head-tag-s */
header {
padding:0;
margin:0;
width:100%;
background:#fff;
}
#header_contents {
padding:0;
margin:30px auto;
width:980px;
height:37px;
}
#header_bana {
padding:4px 0 0 0;
margin:0;
width:400px;
float:right;
text-align:right;
}
/* head-tag-e */
/* ----------------------------------------------------- */
/* footer-tag-s */
footer {
padding:20px 0 0 0;
clear:both;
margin:0;
background: url(../img/footer_back.jpg) repeat-x top #88C122;
color:#fff;
line-height:20px;
}
#footer_contents {
margin:0 auto;
width:980px;
}
#footer_contents_l {
margin:0;
width:512px;
float:left;
}
#footer_contents_r {
margin:0;
padding:40px 0 0 0;
width:440px;
float:right;
text-align:right;
}
#copyright {
text-align:center;
padding:20px 0 10px 0;
font-size:12px;
}
/* footer-tag-e */
/* ----------------------------------------------------- */
/* top-tag-s */
#top_img {
padding:0;
margin:0;
background:url(../img/top_back.jpg) repeat-x center top;
height:474px;
}
#top_contents {
padding:321px 0 0 0;
margin:0 auto;
width:980px;
}
#top_contents_202312 {
padding:311px 0 0 0;
margin:0 auto;
width:980px;
}
#top_news {
padding:0 10px 0 0;
margin:0;
width:665px;
overflow:auto;
}
#top_news {
padding:0 10px 0 0;
margin:0;
width:665px;
/* height:123px;
overflow:auto; V’…î•ñ’ljÁŽž‚ÉŒöŠJ*/
}
#inquiry_bana_top {
padding:0;
margin:0;
width:275px;
height:123px;
float:right;
}
#inquiry_bana_top a img {
display: block;
}
#inquiry_bana_top a img {
transition: .5s;
}
#inquiry_bana_top a:hover img {
-webkit-transform: rotateX(360deg);
transform: rotateX(360deg);
}
#cocoro_group {
border-top:1px solid #8CC327;
}
#cocoro_group_contents {
width:980px;
margin:50px auto;
}
.cocoro_group_bana:hover img {
opacity: 1;
-webkit-animation: flash 1.5s;
animation: flash 1.5s;
}
@-webkit-keyframes flash {
0% {
opacity: .4;
}
100% {
opacity: 1;
}
}
@keyframes flash {
0% {
opacity: .4;
}
100% {
opacity: 1;
}
}
#top_text_area {
border-top:3px solid #ACD15F;
/* background:#F9FAF4 url(../img/top_text_area_back.jpg) top no-repeat; */
background:#F9FAF4;
}
#top_text_area_2 {
border-top:3px solid #ACD15F;
/* background:#F9FAF4 url(../img/top_text_area_back.jpg) top no-repeat; */
background:#fff;
}
#top_text_area_contents {
width:980px;
margin:0 auto;
padding:50px 0 50px 0;
}
#top_text_area_contents_0 {
width:980px;
margin:0 auto;
padding:50px 0 0 0;
}
#top_newsrelease_area {
border-top:3px solid #ACD15F;
/* background:#F9FAF4 url(../img/top_text_area_back.jpg) top no-repeat; */
background:#fff;
}
#top_newsrelease_area_contents {
width:980px;
margin:0 auto;
padding:50px 0 25px 0;
}
/* top-tag-e */
/* ----------------------------------------------------- */
/* main-tag-s */
#sub_top_img {
padding:0;
margin:0;
background:url(../img/sub_back.jpg) repeat-x center top;
height:217px;
}
#sub_top_contents {
padding:13px 0 0 0;
margin:0 auto;
width:980px;
}
#pageflow {
padding:17px 0 0 0;
font-size:12px;
line-height:12px;
color:#595757;
}
#pageflow a{
color:#595757;
}
#sub_logo a img {
display: block;
}
#sub_logo a img {
transition: .5s;
}
#sub_logo a:hover img {
-webkit-transform: rotateX(360deg);
transform: rotateX(360deg);
}
#main_contents {
width:980px;
margin:40px auto 0 auto;
}
#left_contents {
width:750px;
float:left;
}
.philosophy_l {
width:362px;
height:124px;
background:url(../img/philosophy_1.jpg);
float:left;
}
.philosophy_r {
width:362px;
height:124px;
background:url(../img/philosophy_1.jpg);
float:right;
}
.philosophy_nm {
width:40px;
margin:48px 0 0 28px;
float:left;
color:#fff;
font-size:36px;
}
.philosophy_txt_1 {
width:255px;
margin:27px 0 0 0;
float:right;
font-size:22px;
line-height:36px;
}
.philosophy_txt_2 {
width:255px;
margin:10px 0 0 0;
float:right;
font-size:22px;
line-height:35px;
}
.philosophy_txt_3 {
width:255px;
margin:10px 0 0 0;
float:right;
font-size:16px;
line-height:26px;
}
.philosophy_txt_4 {
font-size:26px;
line-height:32px;
color:#87C021;
}
.philosophy_txt_5 {
font-size:26px;
line-height:26px;
font-family: "ƒqƒ‰ƒMƒm–¾’© ProN W6", "HiraMinProN-W6", "HG–¾’©E", "‚l‚r ‚o–¾’©", "MS PMincho", "MS –¾’©", serif;
margin:25px 0 0 0;
font-weight:bold;
}
.philosophy_txt_6 {
font-size:40px;
line-height:50px;
font-family: "ƒqƒ‰ƒMƒm–¾’© ProN W6", "HiraMinProN-W6", "HG–¾’©E", "‚l‚r ‚o–¾’©", "MS PMincho", "MS –¾’©", serif;
margin:0 0 25px 0;
font-weight:bold;
}
.flow_1 {
list-style:none;
width:450px;
float:right;
margin:0 8px 0 0;
}
.flow_1 li{
list-style:none;
width:450px;
height:33px;
display:block;
padding:7px 0 0 9px;
margin:0 0 24px 0;
color:#fff;
font-size:24px;
background:url(../img/flow_7.jpg) repeat-y;
}
.flow_1 li:last-child{
margin:0;
}
.flow_1 p{
color:#595757;
font-size:14px;
width:415px;
float:right;
display:block;
padding:0 0 0 0;
}
.flow_2{
position: relative;
left: -8px;
}
.works_1{
border:6px solid #D0E5A4;
padding:15px;
color:#6EAE19;
font-size:16px;
line-height:40px;
position: relative;
background:url(../img/works_1.jpg) right bottom no-repeat;
}
.works_1_bana{
position: absolute;
bottom:15px;
right:30px;
}
.works_1_bana img {
display: block;
}
.works_1_bana a img {
transition: .5s;
}
.works_1_bana a:hover img {
-webkit-transform: rotateX(360deg);
transform: rotateX(360deg);
}
.works_txt_1 {
width:450px;
float:right;
margin:0;
}
.development_1{
border:6px solid #D0E5A4;
padding:15px;
color:#6EAE19;
font-size:16px;
background:url(../img/development_1.jpg) right bottom no-repeat;
}
.development_2{
padding:60px 10px 0 25px;
height:255px;
width:338px;
background:url(../img/development_3.jpg) no-repeat;
float:right;
}
.development_3{
padding:0 100px 0 0;
clear:both;
background:url(../img/development_4.jpg) no-repeat right top;
}
.development_txt_1 {
width:350px;
float:right;
margin:0;
}
.development_box_1{
margin:0 0 21px 0;
padding:13px;
border-bottom:1px solid #ACD15F;
border-right:1px solid #ACD15F;
border-left:1px solid #ACD15F;
background:#fff;
}
.qa_q{
margin:0;
padding:14px 10px 14px 45px;
font-size:18px;
color:#fff;
background:#ACD15F url(../img/qa_q.jpg) top left no-repeat;
}
.qa_a{
margin:0 0 30px 0;
padding:17px 10px 14px 45px;
background:#F4F4F4 url(../img/qa_a.jpg) top left no-repeat;
}
.top_news_icon{
background:#fff;
color:#E7381E;
padding:1px 5px;
-webkit-border-radius: 7px;
border-radius: 7px;
box-sizing:border-box;
}
.flow_box_1 {
margin:25px 0 0 0;
height:auto;
background:#fff;
padding:25px 5px 0 5px;
line-height:20px;
color:#6EAE19;
border-top:solid 1px #ccc;
}
.top_2_box_1{
background:url(../img/top_img_1.jpg) right no-repeat #F1F2E4;
padding:25px;
font-size:18px;
line-height:27px;
margin-bottom:20px;
text-shadow: 2px 2px 10px #fff ,
-2px 2px 10px #fff ,
2px -2px 10px #fff ,
-2px -2px 10px #fff;
border:#D0E5A4 solid 6px;
box-sizing:border-box;
}
.top_2_box_1_txt{
margin:15px 0;
font-size:20px;
line-height:38px;
}
.top_2_box_2{
border:1px solid #ACD15F;
padding:15px;
}
.top_2_box_3{
border:1px solid #ACD15F;
background:#fff;
padding:15px;
margin-top:25px;
}
.top_2_box_3_t {
position: relative;
padding-left: 227px;
padding-top: 10px;
font-size:30px;
line-height:30px;
margin-bottom:30px;
}
.top_2_box_3_t span {
position: absolute;
top: 0;
left: 0;
padding: 0.7rem 2rem;
color: #fff;
background: #ACD15F;
}
.top_2_box_3_t span:after {
position: absolute;
top: calc(50% - 7px);
right: -11px;
width: 0;
height: 0;
content: '';
border-width: 7px 0 7px 12px;
border-style: solid;
border-color: transparent transparent transparent #ACD15F;
}
.top_inq_bana {
margin-top:30px;
text-align:center;
}
/* main-tag-e */
/* ----------------------------------------------------- */
/* right-tag-s */
#right_contents {
width:200px;
float:right;
}
#right_menu {
margin:20px 0;
}
#right_menu a{
margin:20px 0;
padding:14px;
position: relative;
display:block;
border:#ACD15F 1px solid;
text-decoration: none;
outline: none;
transition: all .2s;
color:#595757;
background:url(../img/right_menu.png) no-repeat right;
}
#right_menu a:hover{
background:#F2F2E4 url(../img/right_menu.png) no-repeat right;
}
#right_menu a::before,
#right_menu a::after {
position: absolute;
top: -5px;
left: -5px;
z-index: 5;
content: '';
width: 0;
height: 0;
border: 5px solid transparent;
}
#right_menu a:hover::before,
#right_menu a:hover::after {
width: 100%;
height: 100%;
}
#right_menu a:hover::before {
border-top-color: #ACD15F;
border-right-color: #ACD15F;
transition: width .3s, height .3s .3s;
}
#right_menu a:hover::after {
border-bottom-color: #ACD15F;
border-left-color: #ACD15F;
transition: height .3s, width .3s .3s;
}
/* right-tag-e */
/* ----------------------------------------------------- */
/* article-tag-s */
#top_menu{
width:980px;
margin:50px auto;
}
#top_menu img{
display:block;
padding: 10px 0 0 0;
}
#top_menu_1 {
background:url(../img/top_menu_1.jpg) no-repeat;
}
#top_menu_2 {
background:url(../img/top_menu_2.jpg) no-repeat;
}
#top_menu_3 {
background:url(../img/top_menu_3.jpg) no-repeat;
}
#top_menu_4 {
background:url(../img/top_menu_4.jpg) no-repeat;
}
#top_menu_5 {
background:url(../img/top_menu_5.jpg) no-repeat;
}
#top_menu article a{
padding:16px 4px 4px 425px;
margin:0 0 30px 0;
width:549px;
height:197px;
position: relative;
display: block;
border:1px solid #ACD15F;
text-decoration: none;
outline: none;
transition: all .2s;
color:#595757;
line-height:21px;
}
#top_menu article a::before,
#top_menu article a::after {
position: absolute;
top: -5px;
left: -5px;
z-index: 5;
content: '';
width: 0;
height: 0;
border: 5px solid transparent;
}
#top_menu article a:hover::before,
#top_menu article a:hover::after {
width: 100%;
height: 100%;
}
#top_menu article a:hover::before {
border-top-color: #ACD15F;
border-right-color: #ACD15F;
transition: width .3s, height .3s .3s;
}
#top_menu article a:hover::after {
border-bottom-color: #ACD15F;
border-left-color: #ACD15F;
transition: height .3s, width .3s .3s;
}
/* article-tag-e */
/* ----------------------------------------------------- */
/* set-tag-s */
.f_r {
float:right;
}
.f_l {
float:left;
}
.i_l {
float:left;
margin:0 20px 0 0;
}
.i_r {
float:right;
margin:0 0 0 20px;
}
.clear{clear:both;}
.clear_30{clear:both; padding:30px 0 0 0;}
.clear_50{clear:both; padding:50px 0 0 0;}
.clear_70{clear:both; padding:70px 0 0 0;}
.line_1{
margin:30px 0;
border-bottom:1px dashed #EA9DA0;
}
.box_1{
margin:0;
padding:13px;
border-bottom:1px solid #ACD15F;
border-right:1px solid #ACD15F;
border-left:1px solid #ACD15F;
}
.box_1_20{
margin:0 0 20px 0;
padding:13px;
border-bottom:1px solid #ACD15F;
border-right:1px solid #ACD15F;
border-left:1px solid #ACD15F;
}
.sub_title_1{
margin:0;
padding:22px 0 0 22px;
width:728px;
height:45px;
font-size:22px;
color:#fff;
background:url(../img/sub_title_1.jpg);
}
.sub_title_2{
margin:0;
padding:22px 0 0 22px;
width:628px;
height:45px;
font-size:22px;
color:#fff;
background:url(../img/sub_title_2.jpg);
}
.txt_1{color:#6EAE19; font-size:20px;}
.txt_2{color:#6EAE19; font-weight:bold;}
.txt_2_t{color:#6EAE19; font-size:18px; margin-bottom:10px;}
.txt_img_t{ max-width:100%; margin-bottom:10px; display:block;}
.txt_3{font-size:12px; line-height:16px;}
a:hover img.ih{
cursor:pointer;
filter: alpha(opacity=60); /* ie lt 8 */
-ms-filter: "alpha(opacity=60)"; /* ie 8 */
-moz-opacity:0.6; /* FF lt 1.5, Netscape */
-khtml-opacity: 0.6; /* Safari 1.x */
opacity:0.6;
zoom:1;
}
/* set-tag-e */
/* ----------------------------------------------------- */
/* table-tag-s */
.top_news{
width:100%;
border-left:none;
line-height:17px;
margin:0 0 20px 0;
font-size:12px;
}
.top_news th{
font-weight:bold;
padding:5px 15px 5px 5px;
background:#ACD15F;
vertical-align: middle;
color:#fff;
width:160px;
text-align:right;
border-bottom:13px solid #DEE8F3;
}
.top_news td{
padding:5px 5px 5px 15px;
background:#fff;
border-bottom:13px solid #DEE8F3;
}
.top_news a{
color:#6EAE19;}
.sub_news{
width:100%;
border-left:none;
line-height:22px;
margin:0 0 20px 0;
font-size:14px;
}
.sub_news th{
font-weight:bold;
padding:15px;
background:#ACD15F;
color:#fff;
vertical-align: middle;
width:100px;
border-bottom:13px solid #fff;
}
.sub_news td{
padding:15px;
background:#fff;
background:#F4F4F4;
border-bottom:13px solid #fff;
}
.company_t_1{
width:100%;
border-top:1px solid #ccc;
border-left:none;
line-height:25px;
margin:0;
}
.company_t_1 th{
font-weight:bold;
text-align:left;
padding:20px;
background:#F4F4F4;
color:#6EAE19;
width:130px;
border-bottom:1px solid #ccc;
vertical-align:top;
}
.company_t_1 td{
border-bottom:1px solid #ccc;
padding:20px;
}
.inquiry_t_1{
width:100%;
border-top:1px solid #ccc;
border-left:none;
line-height:25px;
margin:10px 0 0 0;
}
.inquiry_t_1 th{
text-align:left;
padding:20px;
border-bottom:1px solid #ccc;
vertical-align: middle;
color:#87C021;
}
.inquiry_t_1 td{
border-bottom:1px solid #ccc;
padding:20px;
vertical-align: middle;
}
.inquiry_t_1 span{
padding:0 0 0 5px;
}
.inquiry_t_1 input.deco_1 {
font-size: 1.4em;
font-weight: bold;
padding: 10px 30px;
background-color: #87C021;
color: #fff;
border-style: none;
}
.inquiry_t_1 input.deco_1:hover {
background-color: #690;
color: #fff;
cursor:pointer;
}
.inquiry_t_1 .b_1 {
background: #F2F8E6;
}
.inquiry_t_1 .t_1 {
background: #F2F8E6;
font-size:18px;
font-weight:bold;
text-align:center;
}
.inquiry_t_1 select {
padding:7px;
}
.inquiry_t_1 input {
padding:7px;
}
/* table-tag-e */
/* ----------------------------------------------------- */
/* nav-tag-s */
nav{text-align:center;
border-bottom:3px solid #ACD15F;
min-width:980px;
}
.button a{
position: relative;
display: inline-block;
padding: 10px 50px;
text-align: center;
text-decoration: none;
outline: none;
transition: all .3s;
-webkit-transition: all .3s;
}
.button a::before,
.button a::after {
position: absolute;
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
z-index: 2;
content: '';
transition: all .3s;
-webkit-transition: all .3s;
}
.button a::before {
border-bottom: 6px solid #ACD15F;
transform: scale(0, 1);
-webkit-transform: scale(0, 1);
}
.button a:hover::after,
.button a:hover::before {
transform: scale(1);
-webkit-transform: scale(1);
}
.button a.page::after{
position:absolute;
margin:0;
padding:0;
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
z-index: 2;
content:'';
border-bottom: 6px solid #ACD15F;
}
/* nav-tag-e */