#content_header {
height:790px;
background-image: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/company/bg_company_top.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.page_link ul {
padding-top: 40px;
margin-bottom: 200px;
}
.page_link ul li {
text-align: center;
padding:0;
font-size: 16px;
}
.page_link ul li a{
display: block;
height:100%;
width:100%;
color:#FFF;
font-weight: bold;
}
.page_link ul li .row_inner {
background-image: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/company/bg_global_list.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center center;
margin:0 25px;
padding:15px 0;
}
.page_link ul li .row_inner:hover {
-webkit-filter: brightness(1.1);
-moz-filter: brightness(1.1);
-o-filter: brightness(1.1);
-ms-filter: brightness(1.1);
filter: brightness(1.1);
}
.page_link ul li .active {
background-image: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/company/bg_global_list_active.png);
}
.page_link ul li .active:hover {
color: #ffffff;
-webkit-filter: brightness(1.5);
-moz-filter: brightness(1.5);
-o-filter: brightness(1.5);
-ms-filter: brightness(1.5);
filter: brightness(1.5);
}
.content_logo{
text-align: center;
}
.content_logo img {
width:90%;
}
.content_logo h1 {
text-align: center;
color:#FFF;
font-size:22px;
font-weight:bold;
}
@media (max-width: 991px){
.page_link ul li .row_inner {
padding:30px 0;
}
.page_link ul li:first-child .row_inner {
margin-left: 15px;
margin-right: 15px;
margin-bottom:15px;
font-size: 0.8rem;
}
.page_link ul li:nth-of-type(2) .row_inner {
margin:0;
margin-left: 15px;
margin-right: 15px;
font-size: 0.8rem;
}
.page_link ul li:nth-of-type(3) .row_inner {
margin:0;
margin-left: 15px;
margin-right: 15px;
font-size: 0.8rem;
}
.page_link ul li:last-child .row_inner {
margin:0;
margin-left: 15px;
margin-right: 15px;
font-size: 0.8rem;
}
}
@media (max-width: 767px){
#content_header {
padding-top:15px;
height: 380px
}
.page_link ul {
padding-top:20px;
margin-bottom: 50px
}
.content_logo{
padding-top:0px;
text-align: center;
}
.content_logo img{
width:80%;
max-width: 385px;
margin-bottom: 20px;
}
.content_logo p{
font-size:18px;
}
.page_link ul li .row_inner {
padding:10px 0;
background: #C2AE96;
}
.page_link ul li .active {
background: #524740;
}
}
@media (max-width: 549px){
.page_link ul li .row_inner {
padding:10px 0;
}
} #message_contents {
height:100%;
background: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/company/bg_message_white.jpg) 50% top fixed;
background-position: 0 -37px;
color:#000;
}
#message_contents .inner {
padding:0 30px;
width:1060px;
}
#message_contents p {
font-weight: 500;
}
.message_top {
text-align: center;
padding-top: 125px;
margin-bottom: 60px;
}
.content_title {
margin-bottom: 90px;
}
#message_contents .content_title img{
width: 260px;
margin-bottom: 30px;
}
.content_title h2{
font-size:22px;
font-weight: bold;
color:#000;
}
.content_title + img{
width: 500px;
margin-bottom: 30px;
}
.bg_illust {
height: 100%;
-webkit-background-size: 1080px;
background-size: 1100px;
padding-bottom: 60px;
margin-bottom: 50px;
background: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/company/bg_message_sec.png) no-repeat bottom left 53%;
}
@media (max-width: 1199px) {
#message_contents .inner {
padding:0 30px;
width:950px;
}
.bg_illust {
-webkit-background-size: 90%;
background-size: 90%;
}
}
@media (max-width: 991px) {
#message_contents .inner {
padding:0 30px;
width:750px;
}
.bg_illust {
background-image: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/parts/company/wave.svg),
url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/parts/company/home1.svg),
url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/parts/company/home2.svg);
-webkit-background-size: 1000px, 8%,20%;
background-size: 80%, 8%,22%;
background-position: bottom 380px left 100px, bottom 10px left 30px, bottom 10px right 25px;
}
}
@media (max-width: 767px) {
#message_contents .inner {
padding:0 30px;
width:550px;
}
}
@media (max-width: 575px) {
.bg_illust {
transition-property: background;
transition: 1s;
background:none;
margin-bottom: 0;
}
}
.message_content {
clear:both;
width: 100%;
padding:0px;
position:relative;
height:430px;
}
.content01 {
margin-bottom: 40px;
padding-left: 30px;
}
.content01 .message_content_img {
padding:0;
margin-left:-30px;
width:54%;
}
.content02 .message_content_img {
width: 42%;
padding:0;
}
.message_content.content03 {
height:350px;
}
.content03 .message_content_img {
width: 48%;
padding:0;
}
.message_content.content04 {
height:410px;
}
.content04 .message_content_img {
width: 48%;
padding:0;
}
.message_content_img img{
width:100%;
}
.message_content_text {
width:50%;
color:#000;
text-align: justify;
font-size:17px;
}
.message_content_text img{
width: 260px;
position: relative;
top: -30px;
left: 160px;
}
.content01 .message_content_text {
position:absolute;
right:0;
padding-left:0px;
bottom:0%;
}
.content02 .message_content_text {
position:absolute;
top:25%;
left:80px;
width:48%;
letter-spacing: 0.05rem
}
.content03 .message_content_text {
position:absolute;
width: 46%;
top:30%;
right:60px;
}
.content04 .message_content_text {
position:absolute;
bottom:0%;
width:48%;
left:50px;
max-width:440px;
}
#message_footer {
height: 810px;
background-image: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/company/bg_message_footer.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
#message_footer img {
width: 300px;
display: block;
margin: 0 auto 5px;
padding-top:80px;
}
#message_footer .inner {
width: 1010px;
}
#message_footer h2 {
font-size: 40px;
letter-spacing: 0.05em;
color:#000;
font-weight: bold;
padding:20px 50px;
background:rgba(255,255,255,.9);
margin-bottom: 10px;
}
.messege_bottom_area {
font-weight: 500;
letter-spacing: 0.01em;
padding:30px 50px;
background:rgba(255,255,255,.9);
}
.messege_bottom_area p{
color:#000;
text-align: justify;
}
.messege_bottom_area p span{
display: block;
font-size:40px;
color:#000;
font-weight:bold;
margin:20px;
letter-spacing: 3px;
} @media (max-width: 1199px) {
.message_content {
height: 380px
}
.message_content_text img {
width: 200px;
top:-60px;
left:100px;
}
.message_content.content03 {
height:320px;
}
.message_content.content04 {
height:360px;
}
}
@media (max-width: 991px){
.message_top {
padding-top: 50px;
margin-bottom:40px;
}
.content_title {
margin-bottom: 10px;
}
#message_contents .content_title img{
max-width: 260px;
width: 60%;
margin-bottom: 20px;
}
.content_title {
margin-bottom: 50px;
}
.content_title h2{
font-size:18px;
}
.message_content_text p{
font-size:15px;
}
.content_title + img{
width:60%;
margin-bottom: 30px;
}
.content01 {
margin-bottom: 0px;
padding-left:0;
}
.message_content_text img {
width: 150px;
top:-10px;
}
.message_content.content03 {
height: 260px
}
.message_content.content04 {
height: 280px
}
.message_content {
width: 100%;
height:300px;
padding:0 0px;
position:relative;
margin-bottom:50px;
}
.content01 .message_content_img {
width: 48%;
padding:0;
}
.content02 .message_content_img {
width: 42%;
padding:0;
}
.content03 .message_content_img {
width: 48%;
padding:0;
}
.content04 .message_content_img {
width: 48%;
padding:0;
}
.message_content_img img{
width:100%;
}
.message_content_text {
width:50%;
font-size:16px;
color:#000;
}
.content01 .message_content_text {
position:absolute;
bottom:0%;
right:0;
}
.content02 .message_content_text {
width: 54%;
position:absolute;
top:0%;
left: 20px;
line-height:25px;
}
.content03 .message_content_text {
position:absolute;
width: 50%;
top:10%;
right:0;
}
.content04 .message_content_text {
width: 48%;
position:absolute;
bottom:0%;
left:20px;
}
#message_footer {
width:100%;
height:100%;
padding:50px 0;
}
#message_footer img {
width:70%;
max-width: 300px;
padding-top:0px;
}
#message_footer .inner {
width: 100%;
padding:0 50px;
}
#message_footer h2 {
font-size: 3vw;
letter-spacing: 0.05em;
}
.messege_bottom_area {
letter-spacing: 0.05em;
}
.messege_bottom_area p{
font-size:16px;
}
.messege_bottom_area p span{
font-size:3vw;
margin:0px;
}
}
@media (max-width: 767px) {
.content02 .message_content_text {
width:50%;
}
.message_content.content02 {
height:350px;
}
.message_content.content04 {
height:400px;
margin-bottom: 0;
}
.content04 .message_content_text {
width:45%;
}
.content01 .message_content_img {
margin-left: 0;
}
}
@media (max-width: 575px){
#message_contents .inner {
padding:0;
width:300px;
padding:10px;
}
.message_content {
margin:0 auto 50px;
width:100%;
height:auto;
overflow: hidden
}
.message_top p {
width:100%;
margin-left:auto;
margin-right:auto;
font-size:15px;
text-align: left;
}
.content_title + img {
width:100%;
} .message_content.content02 {
height:auto;
}
.message_content.content03 {
height:auto;
}
.message_content.content04 {
height:auto;
} .message_content_text img {
display: none;
}
.content01 .message_content_img,
.content02 .message_content_img {
width: 100%;
padding:0;
padding-left:20px;
}
.content03 .message_content_img {
width: 100%;
padding:0;
padding-left:20px;
}
.content04 .message_content_img {
width: 100%;
padding:0;
padding-left:20px;
}
.message_content_text {
width:100%;
height:100%;
font-size:16px;
padding:0 20px;
} .content01 .message_content_text,
.content02 .message_content_text {
width: 100%;
padding: 0 20px;
position:static;
}
.content03 .message_content_text {
position:static;
width: 100%;
}
.content04 .message_content_text {
position:static;
width:100%;
}
#message_footer img {
padding-top:40px;
max-width: 200px;
}
#message_footer .inner {
padding:0 10px;
width:90%;
}
#message_footer h2 {
font-size: 3.5vw;
letter-spacing: 0.05em;
padding:15px 10px;
}
.messege_bottom_area {
letter-spacing: 0.05em;
padding:15px 10px;
background:rgba(255,255,255,.9);
}
.messege_bottom_area p{
font-size:14px;
}
.messege_bottom_area p span{
font-size:4vw;
margin:20px;
letter-spacing: 1px;
}
} #info_contents {
height:100%;
background: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/company/bg_info.jpg) 50% top fixed;
padding-bottom:115px;
background-position: 0 -37px;
}
#info_contents .content_title img{
width:80%;
max-width: 500px;
margin-bottom: 30px;
}
#info_list {
width:100%;
max-width:995px;
margin:0px auto;
padding-top: 20px;
}
.list_inner{
position: relative;
}
.list_inner:before {
content: '';
position: absolute;
left: 50%;
bottom: 40px;
width: 85%;
height: 1px;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #fff;
margin-bottom:0px;
}
.list_inner:after {
content:"";
clear:both;
display:block;
}
.list_item_th {
color: #fff;
font-weight: bold;
font-size: 24px;
padding-left:80px;
width: 26%;
background: rgba(0,0,0,0.8);
float:left;
margin-right: 2%;
padding-top:0px;
padding-bottom:50px;
}
#info_list .list_inner:first-child .list_item_th {
padding-top:60px;
}
#info_list .list_inner:nth-of-type(5) .list_item_th {
padding-bottom: 93px;
}
.list_item_th span:before{
content: '';
position: absolute;
left: 14%;
bottom: 39px;
width: 13%;
height: 3px;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #fff;
}
.list_item_td {
width: 72%;
font-weight: bold;
color:#000;
padding-left:50px;
font-size: 24px;
background: rgba(231,224,219,.8);
float:left;
padding-top:0px;
padding-bottom:50px;
}
.list_item_td a{
color:#000;
}
.list_item_td a:hover{
text-decoration:underline;
}
.list_item_td img{
width: 16px;
vertical-align:middle;
margin-top:-5px;
}
#info_list .list_inner:first-child .list_item_td {
padding-top:60px;
} @media (max-width: 991px){
#info_list {
width:60%;
margin:0px auto;
padding-top: 20px;
}
.list_inner {
margin-bottom:20px;
}
.list_item_th {
color: #fff;
font-size: 18px;
padding-left:20px;
width: 100%;
float:left;
margin-right:0;
padding-top:10px;
padding-bottom:2px;
}
#info_list .list_inner:nth-of-type(5) .list_item_th {
padding-bottom: 10px;
}
.list_item_td {
width: 100%;
font-weight: bold;
color:#000;
padding-left:20px;
font-size:18px;
float:left;
padding-top:10px;
padding-bottom: 10px;
}
#info_list .list_inner:first-child .list_item_th,
#info_list .list_inner:first-child .list_item_td {
padding-top:10px;
}
#info_list .list_inner:last-child .list_item_th,
#info_list .list_inner:last-child .list_item_td {
padding-bottom:10px;
}
.list_item_th span:before{
content: '';
position: static;
left: 0%;
bottom: 0px;
width: 0%;
height: 0px;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #fff;
}
.list_inner:before {
content: '';
position: static;
left: 0%;
bottom: 0px;
width: 0%;
height: 0px;
}
}
@media (max-width: 767px){
#info_list {
width:90%;
max-width:500px;
padding-top: 0px;
}
} #access_contents {
height:100%;
background: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/company/bg_access.jpg) 50% top fixed;
padding-bottom:115px;
background-position: 0 -37px;
}
#access_contents .inner {
padding:0 20px;
}
#access_contents .content_title img{
width:230px;
margin-bottom: 30px;
} #company_address {
margin-bottom: 100px;
}
.address_inner {
width:100%;
max-width:885px;
border:1px solid #3B1D0B;
margin:0 auto;
text-align:center;
padding:60px 110px;
}
.address_inner h2 {
color:#3B1D0B;
margin-bottom: 10px;
font-weight:bold;
font-size:24px;
}
.address_inner address {
font-weight: bold;
color:#3B1D0B;
font-size:18px;
border-bottom: 1px solid #3B1D0B;
padding:35px 0;
margin-bottom: 40px;
}
.address_inner .phone_number {
font-weight: bold;
font-size:16px;
}
.address_inner .phone_number img {
width:55%;
margin-left:10px;
} .company_map {
text-align: center;
margin-bottom: 60px;
color:#000;
}
.company_map .map_inner{
width:100%;
max-width:960px;
height:350px;
margin:auto;
margin-bottom: 30px;
}
.map_link {
display:inline-block;
border: 1px solid #000;
font-weight: bold;
}
.map_link a{
display:block;
width: 100%;
height:100%;
padding:3px 15px;
color:#000;
}
.map_link a:hover{
color:#FFF;
background: #333;
}
.map_link img{
width:16px;
vertical-align: top;
margin-top:8px;
} .traffic {
width:80%;
max-width: 720px;
margin:auto;
text-align: center;
color:#000;
}
.traffic h3{
font-weight: bold;
font-size:18px;
margin-bottom: 50px;
}
.traffic h3:nth-of-type(1) img{
width:20px;
margin-right:10px;
}
.traffic h3:nth-of-type(2) img{
width:16px;
margin-right:10px;
}
.traffic p{
font-weight:bold;
margin-bottom: 60px;
} @media (max-width: 991px){ #company_address {
margin-bottom: 50px;
}
.address_inner {
padding:20px 20px;
}
.address_inner h2 {
font-size:22px;
margin-bottom: 0px;
}
.address_inner address {
font-size:15px;
border-bottom: 1px solid #3B1D0B;
padding:20px 0;
margin-bottom: 20px;
}
.address_inner .phone_number {
font-weight: bold;
font-size:14px;
}
.address_inner .phone_number img {
width:80%;
max-width:250px;
margin-left:20px;
}
} #privacy_contents {
height:100%;
background: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/company/bg_privacy.jpg) 50% top fixed;
padding-bottom:80px;
color:#000;
background-position: 0 -37px;
}
#privacy_contents .inner {
padding:0 20px;
}
#privacy_contents .content_title img{
width:420px;
margin-bottom: 35px;
}
#privacy_contents .message_top {
font-weight:bold;
}
#privacy_list {
width:960px;
margin:150px auto 0;
padding:10px;
}
.privacy_section {
margin-bottom:50px;
}
.privacy_section h3 {
font-weight: bold;
color:#000;
font-size: 20px;
margin-bottom:30px;
}
.privacy_section h3 img{
width: 18px;
margin-right:2px;
vertical-align: top;
padding-top:4px;
}
.privacy_section p{
font-weight: 500;
font-size:18px;
margin-bottom:0px;
letter-spacing: 0.05em;
}
.privacy_section ul li{
font-weight: 500;
letter-spacing: 0.05em;
}
@media (max-width: 960px){
#privacy_contents .content_title img{
max-width: 300px;
width: 80%;
margin-bottom: 20px;
}
#privacy_list {
width: 90%;
}
}
@media (max-width: 767px){
#privacy_contents .message_top p {
text-align:left;
}
#privacy_list {
margin-top: 100px;
}
}