main.one_day #content_header {
background-image: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/surfers/bg_oneday_top.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
main.flow #content_header {
background-image: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/surfers/bg_flow_top.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
main.plan #content_header {
background-image: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/surfers/bg_plan_top.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
} #content_header {
padding-top:45px;
}
#content_header nav.page_link ul li{
margin-bottom:130px;
}
#content_header nav.page_link li {
background: #999;
text-align: center;
margin-right:5%;
width:30%;
float:left;
font-size:15px;
}
#content_header nav.page_link li:last-child {
margin-right:0;
}
#content_header nav.page_link li a{
color:#FFF;
padding:20px 5px;
display: block;
width:100%;
height:100%;
}
#content_header nav.page_link li a:hover{
background: #000;
}
#content_header nav.page_link li br {
display:none;
}
.link_active {
background: #000!important;
}
.content_logo img{
display: block;
margin:auto;
}
.content_logo img:nth-of-type(1) {
width:40%;
margin-bottom:50px;
}
main.one_day .content_logo img:nth-of-type(2) {
width:80%;
margin-bottom:10px;
}
main.flow .content_logo img:nth-of-type(2) {
width:50%;
margin-bottom:30px;
}
main.plan .content_logo img:nth-of-type(2) {
width:50%;
margin-bottom:0px;
}
.content_logo h1{
color:#fff;
text-align: center;
font-size:22px;
}
@media (max-width: 991px){
#content_header nav.page_link li a{
font-size: 1.4vw;
}
}
@media (max-width: 767px) { #content_header {
padding-top:15px;
height: 380px
}
#content_header nav.page_link ul li{
margin-bottom:50px;
}
#content_header nav.page_link li {
background: #999;
text-align: center;
margin-right:2%;
width:32%;
float:left;
line-height: 18px;
}
#content_header nav.page_link li a{
color:#FFF;
padding:12px 5px;
display: block;
width:100%;
height:100%;
font-size:14px;
}
#content_header nav.page_link li br{
display: block;
}
#content_header nav.page_link li:nth-of-type(1) a,
#content_header nav.page_link li:nth-of-type(3) a{
height:60px;
padding-top:20px;
padding-bottom:20px;
}
#content_header nav.page_link li:nth-of-type(1),
#content_header nav.page_link li:nth-of-type(3) {
height: 60px;
}
#content_header nav.page_link li:nth-of-type(2) {
height:60px;
}
.content_logo img{
display: block;
margin:auto;
}
.content_logo img:nth-of-type(1) {
width:80%;
max-width:300px;
margin-bottom:30px;
}
main.oneday .content_logo img:nth-of-type(2) {
width:80%;
margin-bottom:10px;
}
main.flow .content_logo img:nth-of-type(2) {
width:80%;
max-width:300px;
margin-bottom:30px;
}
main.plan .content_logo img:nth-of-type(2) {
width:80%;
max-width:300px;
margin-bottom:0px;
}
.content_logo p{
margin-bottom: 100px;
font-size: 16px;
}
}
@media (max-width: 575px){
#content_header nav.page_link li a{
font-size:10px;
padding:12px 0px;
}
} header#header {
background: #FFF;
}
.first_half {
height:100%;
}
.latter_half {
height:100%;
}
.surf_time_img {
height: 600px;
background: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/surfers/bg_surftime.jpg) 50% top fixed;
}
@media (max-width: 575px){
.surf_time_img {
background: none!important;
}
.surf_time_img {
height: 100vh;
padding:10% 0;
}
.surf_time_img::before{
background: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/surfers/bg_surftime_mobile.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: auto;
-webkit-background-size: auto;
-moz-background-size: cover;
-o-background-size: cover;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 10% 0;
content: "";
z-index: -1;
}
} .half_item {
box-sizing: border-box;
background-size: contain;
background-repeat: no-repeat;
position: relative;
}
.half_item .text_box {
width: 320px;
height: 100%;
padding-top: 45px;
text-align: center;
margin-left: 55px;
margin-right: 55px;
position: absolute;
top: 0;
}
.half_item .text_box.right{
right: 0;
}
.time_circle {
width: 176px;
height: 176px;
text-align: center;
background: #000;
border-radius: 176px;
margin:0 auto;
}
.time_circle p{
text-align: center;
font-family:'impact';
color:#FFF;
font-size:60px;
margin:0;
line-height: 176px;
}
.half_item .text_box h2{
font-weight: bold;
font-size:35px;
letter-spacing: 0.05em;
margin:20px 0;
color:#000
}
.surf_time_img {
height:100%;
}
.surf_time_img img {
display: block;
width:80%;
max-width: 550px;
margin:auto;
padding:15% 0;
}
.next_link {
padding-top: 125px;
padding-bottom:90px;
background: #FFF;
}
.next_link_inner {
background: #444;
text-align: center;
max-width: 455px;
width: 80%;
transition:.4s;
color: #fff;
margin:auto;
}
.next_link_inner a {
padding: 15px;
display: block;
width:100%;
height:100%;
color:#FFF;
}
.next_link_inner a:hover {
color:#FFF;
}
.next_link_inner img {
width: 20%;
}
.next_link_inner a:hover img{
opacity:1;
}
.next_link_inner p{
margin:10px 0 0;
}
.next_link_inner p i{
margin-left:30px;
}
.next_link_inner p br {
display: none;
}
.next_link_inner:hover {
margin-top:-10px;
margin-bottom:10px;
box-shadow: 10px 10px 20px #AAA;
transition:.4s;
}
@media (max-width: 767px) {
.next_link {
padding-top: 10px;
padding-bottom:90px;
background: #FFF;
}
} @media (max-width: 991px) {
.first_half {
height:100%;
}
.latter_half {
height:100%;
}
.half_item {
height:300px;
box-sizing: border-box;
}
.half_item .text_box {
width:100%;
height: 100%;
text-align: center;
margin-left: 0;
margin-right:0;
}
.time_circle {
width: 120px;
height: 120px;
text-align: center;
background: #000;
border-radius: 120px;
margin:0 auto;
}
.time_circle p{
text-align: center;
color:#FFF;
font-size:50px;
margin:0;
line-height: 120px;
}
.half_item .text_box h2{
font-weight: bold;
font-size:28px;
margin:20px 0;
color: #fff;
}
.half_item .text_box p{
font-size: 40px;
}
.half_item .text_box h2~div{
color: #fff;
background: #1f1b1b4a;
width: 100%;
}
.half_item .text_box h2~div p{
display: table-cell;
vertical-align: middle;
font-size: 16px;
height: 50px;
width: 1000px;
}
.half_item .text_box.black h2{
color: #000;
}
.half_item .text_box.black h2~div{
color: #000;
background: #dedede80;
}
.half_item img{
display: none;
}
.first_half01 {
background-image: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/surfers/bg_one_day01_mobile.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position:center center;
}
.first_half02 {
background-image: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/surfers/bg_one_day02_mobile.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position:center center;
}
.first_half03 {
background-image: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/surfers/bg_one_day03_mobile.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.latter_half01 {
background-image: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/surfers/bg_one_day04_mobile.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.latter_half02 {
background-image: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/surfers/bg_one_day05_mobile.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.latter_half03 {
background-image: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/surfers/bg_one_day06_mobile.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.latter_half04 {
background-image: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/surfers/bg_one_day07_mobile.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.latter_half05 {
background-image: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/surfers/bg_one_day08_mobile.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.latter_half06 {
background-image: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/surfers/bg_one_day09_mobile.jpg);
background-size:  cover;
background-repeat: no-repeat;
background-position: center center;
}
.next_link_inner p{
margin:10px 0 0;
}
}
@media (max-width: 575px) {
.next_link_inner p i{
margin-left:10px;
}
.next_link_inner p br {
display:block;
}
} #flow_contents .inner {
width: 950px;
padding:0;
}
#flow_contents{
padding:50px 0;
margin-bottom: 35px;
}
#flow_contents section {
padding:65px 0;
}
#flow_contents section .inner{
position:relative;
}
#flow_contents section:nth-of-type(2n) {
background: #EFF0F1;
}
.flow_title {
position: relative;
margin-bottom: 70px;
}
.flow_title_number {
width: 132px;
height: 132px;
background: #000;
color:#ffffff;
position:absolute;
font-size:70px;
}
.flow_title h2 {
text-align: center;
font-weight:600;
display: block;
margin:auto;
text-align:center;
padding: 20px;
padding-left: 75px;
letter-spacing: 0.2rem;
font-size: 34px;
}
.flow_title h2 span {
font-weight:normal;
font-size:24px;
}
.flow_subtitle {
margin-bottom: 30px;
}
.flow_subtitle_number {
width: 132px;
text-align:center;
background: #000;
color:#ffffff;
position:absolute;
font-size:24px;
line-height: 28px;
}
.flow_subtitle h3 {
text-align: center;
font-size:24px;
display: block;
margin:auto;
text-align:center;
letter-spacing: 0.3rem;
color:#000;
font-weight:550;
}
.flow_text {
text-align: center;
margin-bottom: 0px;
color:#000;
}
.flow_text p {
text-align: center;
margin-bottom: 0px;
letter-spacing: 0.1rem;
}
.flow_text .annotation {
font-size: 17px;
margin: 25px 0 65px 0;
}
.flow_text .annotation span {
color: blue;
}
.form_wrap {
margin:50px 0;
}
.flow_form_left {
height: 85px;
text-align: center;
float:left;
width: 48%;
}
.flow_form_left a,
.after_house_inspection a {
color:#FFF;
display: block;
width:100%;
height: 100%;
background: #3F4041;
border: 2px solid #3F4041;
}
.flow_form_left a:hover,
.after_house_inspection a:hover {
color:#3F4041;
background: #FFF;
}
.flow_form_left p,
.flow_form_right p{
font-size:18px;
margin: 0;
padding: 5px 0 0;
}
.flow_form_left h3{
margin: 0;
padding: 5px;
font-size:24px;
letter-spacing: 0.05em
}
.flow_form_left h3 i:nth-of-type(1){
margin-right:10px;
}
.flow_form_left h3 i:nth-of-type(2){
margin-left:30px;
}
.flow_form_right {
width:52%;
height: 85px;
text-align: center;
float:left;
margin-bottom: 50px;
}
.flow_form_right img {
width: 65%;
margin-top: 10px;
}
.partition {
width: 100%;
clear:both;
text-align: center;
margin:50px 0;
}
.partition img {
width: 5%;
}
p.service_type {
font-weight: bold;
transform: rotate(90deg);
position: absolute;
top:84px;
left:-170px;
font-size:40px;
}
@media (max-width: 1095px){
p.service_type {
transform: rotate(0deg);
position: static;
top:0;
left:2%;
right:0;
margin:0 0 30px;
font-size:30px;
}
.flow_title h2 {
font-size: 30px;
}
.flow_subtitle h3 {
font-size:20px;
}
}
@media (max-width: 991px){
#flow_contents .inner {
width:100%;
padding:15px;
}
.flow_form_left h3{
margin: 0;
padding: 5px;
font-size:18px;
letter-spacing: 0.05em
}
}
@media (max-width: 767px) {
#flow_contents .inner {
width: 100%;
padding:15px;
}
#flow_contents{
padding:0;
margin-bottom: 35px;
}
#flow_contents section {
padding:10px 0;
position:relative;
}
.flow_title {
position: relative;
margin-bottom: 10px;
}
.flow_title_number {
width: 50px;
height: 50px;
background: #000;
color:#ffffff;
position:absolute;
font-size:30px;
}
.flow_title h2 {
font-size:22px;
margin:auto;
text-align:left;
padding: 5px;
margin-left:60px;
letter-spacing: 0rem;
}
.flow_title h2 span {
font-weight:normal;
font-size:16px;
}
.flow_subtitle {
margin-bottom: 30px;
}
.flow_subtitle_number {
width: 60px;
text-align:center;
background: #000;
color:#ffffff;
position:absolute;
font-size:20px;
line-height: 28px;
}
.flow_subtitle h3 {
font-size:16px;
display: block;
letter-spacing: 0rem;
text-align:left;
padding-left:70px;
padding-top:5px;
}
.flow_text {
margin-bottom: 0px;
}
.flow_text p {
text-align: left;
margin-bottom: 0px;
letter-spacing: 0.1rem;
}
.form_wrap {
margin:20px 0;
}
.flow_form_left {
height: 85px;
background: #3F4041;
text-align: center;
color:#ffffff;
float:left;
width: 48%;
}
.flow_form_left p,
.flow_form_right p{
font-size:14px;
margin: 0;
padding: 5px 0 0;
}
.flow_form_left h3{
margin: 0;
padding: 10px;
font-size:14px;
}
.flow_form_left h3 i:nth-of-type(1){
margin-right:8px;
}
.flow_form_left h3 i:nth-of-type(2){
margin-left:15px;
}
.flow_form_right {
height: 85px;
text-align: center;
float:left;
margin-bottom: 30px;
width: 52%;
}
.flow_form_right img {
width: 90%;
margin-top: 10px;
}
.partition {
width: 100%;
clear:both;
text-align: center;
margin:20px 0;
}
.partition img {
width: 8%;
}
p.service_type {
font-size:20px;
}
}
@media (max-width: 575px) {
.flow_form_left {
height: 65px;
background: #3F4041;
text-align: center;
color:#ffffff;
float:none;
width: 100%;
max-width:350px;
margin:auto;
}
.flow_form_right {
height: 85px;
text-align: center;
float:none;
margin: 10px auto 30px;
width: 100%;
max-width:350px;
}
}
.after_house_inspection {
margin: 170px auto 0;
width: 420px;
height: 83px;
text-align: center;
}
.after_house_inspection a {
vertical-align: middle;
}
.after_house_inspection p {
margin: 5px 0 0;
font-weight: 600;
}
.after_house_inspection p:last-child {
margin: 0;
font-size: 24px;
}
.after_house_inspection i {
margin-left: 15px;
}
@media (max-width: 767px) {
.after_house_inspection {
height: 70px;
background: #3F4041;
text-align: center;
color: #ffffff;
float: none;
width: 100%;
max-width: 350px;
margin: 80px auto;
}
.after_house_inspection p:last-child {
margin-top: -10px;
}
} #plan_contents .inner{
width:1100px;
padding:0;
} .read_text_area{
color:#000;
padding:120px 20px 100px;
text-align:center;
}
.read_text_area h2{
font-size:24px;
font-weight:550;
margin-bottom: 30px;
letter-spacing: 0.05rem;
}
.read_text_area p{
font-size:18px;
margin-bottom: 0;
letter-spacing: 0.05rem;
}
@media (max-width: 767px) {
.read_text_area{
color:#000;
height:auto;
text-align: center;
padding:50px 20px 50px;
}
} .plan_area {
background: #EFEFEF;
padding:80px 0 50px;
height: 630px;
}
.plan_area .container{
min-width: 100%
}
.plan_area h2 {
font-size:36px;
font-weight:600;
color:#000;
text-align: center;
margin-bottom: 50px;
padding-top:10px;
}
.plan_area ul {
width:990px;
height:400px;
background: #FFF;
padding:30px 90px 25px;
margin:auto;
}
.plan_area ul li {
height:100%;
padding:0 38px;
position: relative;
}
.plan_area .list_img {
background-size:100%;
padding:10px;
height:100%;
}
.plan_area .list_img img{
height:100%;
}
a.garage_link {
display: block;
width:165px;
height:130px;
position: absolute;
bottom:52px;
left:52px;
transition: .4s;
}
a.garage_link:hover {
background: rgba(0,0,0,.2);
transition:.4s;
}
a.utility_link {
display: block;
width:70px;
height:80px;
position: absolute;
bottom:182px;
left:145px;
transition:.4s;
}
a.utility_link:hover {
background: rgba(0,0,0,.2);
transition:.4s;
}
@media (max-width: 1099px) {
.plan_area ul {
width: 740px;
padding:30px 0;
}
a.garage_link {
width:145px;
height:115px;
bottom:62px;
left:52px;
}
a.utility_link {
width:65px;
height:75px;
bottom:175px;
left:132px;
}
}
@media (max-width: 767px) {
.plan_area {
padding:30px 0;
}
.plan_area ul {
width: 540px;
}
.plan_area ul li {
padding:0px 10px;
height:100%;
}
a.garage_link {
width:135px;
height:105px;
bottom:70px;
left:22px;
}
a.utility_link {
width:55px;
height:70px;
bottom:175px;
left:102px;
}
}
@media (max-width: 575px) {
.plan_area ul {
width: 300px;
height:100%;
padding:0;
}
.plan_area ul li {
padding:0px 10px;
height:400px;
margin-bottom: 30px;
}
.plan_area ul li:last-child {
margin-bottom: 0px;
}
a.garage_link {
width:190px;
height:150px;
bottom:60px;
left:55px;
}
a.utility_link {
width:85px;
height:95px;
bottom:210px;
left:160px;
}
}
.style_area {
overflow: hidden;
height:1285px;
background: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/surfers/bg_plan_style.jpg);
background-size: cover;
background-position: center;
}
.style_area .inner{
height:100%;
position: relative;
}
.style_area .surfer_style {
width:456px;
background: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/surfers/bg_surfer_style.png);
height:100%;
position: relative;
}
.surfer_style .style_label {
width:50px;
position: absolute;
bottom:95px;
left:5px;
}
.surfer_style .style_inner {
padding:0px 30px 50px 60px;
}
.style_inner .style_img {
height: 428px;
padding-top:110px;
position: relative;
}
.surfer_style .style_img .style_place_img {
position: absolute;
top:25px;
left:-10px;
}
.style_area .family_style {
width:456px;
background: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/surfers/bg_family_style.png);
height:100%;
position: relative;
}
.family_style .style_label {
width:50px;
position: absolute;
top:90px;
right:5px;
}
.family_style .style_inner {
padding:0px 60px 50px 30px;
}
.family_style .style_img .style_place_img {
position: absolute;
top:25px;
right:-10px;
}
.style_text {
width:245px;
height:100%;
font-size:17px;
position: absolute;
right:0;
left:0;
margin:auto;
}
.style_text_inner {
text-align: center;
font-size:15.5px;
font-weight:550;
height:190px;
padding:40px 3px;
margin-bottom: 235px;
background: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/parts/surfers/parts_text_frame.svg);
background-size:100%;
background-repeat: no-repeat;
margin-top:200px;
}
.style_text_inner:nth-of-type(3) {
padding-top:60px;
}
@media (max-width: 1099px) {
.style_area {
width:100%;
padding:0 20px;
}
#plan_contents .inner {
width:950px;
}
.style_area .surfer_style{
width: 40%;
}
.style_area .family_style {
width:40%;
}
}
@media (max-width: 991px){
.plan_area {
padding:50px 0 50px;
height:auto;
}
.plan_area h2 {
font-size:30px;
margin-bottom: 30px;
}
#plan_contents .inner {
width:720px;
}
.surfer_style .style_inner {
padding:0 40px 50px 40px;
}
.family_style .style_inner {
padding: 0 40px 50px 40px;
}
.surfer_style .style_label,
.family_style .style_label {
width:30px;
}
.surfer_style .style_img .style_place_img,
.family_style .style_img .style_place_img {
width: 250px;
top:10px;
}
.style_inner .style_img {
padding-top: 80px;
}
.style_text_inner {
margin-top:220px;
}
}
@media (max-width: 767px) {
#plan_contents .inner {
width:520px;
}
.surfer_style .style_img .style_place_img,
.family_style .style_img .style_place_img {
width: 200px;
z-index: 1;
}
.style_area .surfer_style {
width:45%;
}
.style_area .family_style {
width:45%;
}
.surfer_style .style_inner {
padding:0 0px 0px 40px;
}
.family_style .style_inner {
padding:0 30px 0px 10px;
}
.style_inner .style_img {
padding-top: 60px;
}
}
@media (max-width: 575px) {
#plan_contents .inner {
width:100%;
}
.style_area {
width:100%;
padding:0 0px;
}
.style_area .surfer_style{
width:50%;
}
.style_area .family_style {
width:50%;
}
.surfer_style .style_img .style_place_img,
.family_style .style_img .style_place_img {
width:160px;
}
.surfer_style .style_label,
.family_style .style_label {
width: 20px;
}
.surfer_style .style_inner {
padding: 0 30px 0px 30px;
}
.family_style .style_inner {
padding:0 30px 0px 30px;
}
}
@media (max-width: 399px) {
.style_text_inner {
margin-top: 190px;
}
.surfer_style .style_inner {
padding: 0 0px 0px 25px;
}
.family_style .style_inner {
padding:0 25px 0px 0px;
}
} .ng_area {
padding-top:80px;
}
.ng_area_label {
margin:0 auto 80px;
width:730px;
}
.ng_section {
background: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/surfers/bg_ng_text.png);
background-size:100%;
background-repeat:no-repeat;
width:810px;
margin:auto;
position: relative;
padding:30px 0px 60px;
color:#000;
margin-bottom: 30px;
}
.bg_lg {
background: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/surfers/bg_ng_text_lg.png);
background-size:100%;
background-repeat:no-repeat;
}
.ng_case_icon {
width:75px;
position: absolute;
top:-3px;
left:40px;
}
@font-face{
font-family: 'GenJyuuGothicX';
src:
url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/font/GenJyuuGothicX-Bold.woff) format('woff'), url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/font/GenJyuuGothicX-Bold.ttf) format('truetype'); }
@font-face{
font-family: 'ソフトゴシック';
src:
url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/font/A-OTF-SoftGoStd-Bold.woff) format('woff'), url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/font/A-OTF-SoftGoStd-Bold.otf) format('truetype'); }
.ng_section h3{
padding-left: 140px;
font-weight:normal;
font-size:24px;
margin-bottom: 40px;
font-family: "ソフトゴシック";
}
.ng_section p{
font-size:15.5px;
font-weight: 550;
padding:0 100px;
text-align: justify;
text-justify: inter-ideograph;
}
.ng_link {
position:absolute;
right:100px;
bottom:20px;
background: #FFF;
border-radius:30px;
}
.ng_link p{
margin: 0;
color:#000;
display: block;
width:100%;
height:100%;
padding:3px 30px;
font-weight: bold;
}
.ng_link p:hover{
cursor: pointer;
color:#FFF;
display: block;
width:100%;
height:100%;
padding:3px 30px;
background: #000;
border-radius:30px;
}
.ng_link p i{
margin-left: 20px;
}
@media (max-width: 991px) {
.ng_section {
width:700px;
}
.ng_section h3 {
margin-bottom: 30px;
font-size:22px;
}
.ng_section >p {
padding:0 50px;
}
.ng_link {
bottom:30px;
}
}
@media (max-width: 767px) {
.ng_area {
padding-top: 50px;
}
.ng_area_label {
width: 100%;
margin-bottom: 50px;
}
.ng_section {
width:530px;
padding:15px 0 50px;
}
.ng_section.bg_lg {
padding:15px 0 40px;
}
.ng_case_icon {
width:40px;
left:10px;
}
.ng_section h3{
padding-left: 70px;
font-weight:bold;
font-size:18px;
margin-bottom: 10px;
}
.ng_section p {
padding:0 40px;
}
.ng_link {
position:absolute;
right:10px;
bottom:0px;
background: #000;
border-radius:30px;
}
.ng_link p{
color:#FFF;
display: block;
width:100%;
height:100%;
padding:3px 10px;
font-weight: bold;
}
.ng_link p:hover{
padding:0 10px;
}
}
@media (max-width: 575px) {
#plan_contents {
margin-bottom: 0px;
}
.ng_area {
padding: 30px 20px;
}
.ng_area_label {
width: 100%;
margin-bottom: 20px;
}
.ng_section {
width:100%;
background-size:cover;
background-position: center;
}
.ng_section p {
padding:0 10px;
font-size: 14px
}
.ng_section h3{
padding-right: 10px;
font-weight:bold;
font-size:16px;
margin-bottom: 10px;
}
.ng_section.bg_lg {
padding:15px 0 40px;
}
.ng_link {
position:absolute;
right:10px;
bottom:10px;
background: #FFF;
}
.ng_link p{
color:#000;
font-size:14px;
}
} .modal_contents { }
.modal_content {
height: 70%;
width: auto;
z-index: 2;
position: fixed;
display: none;
}
.modal_content img{
height: 100%;
width: auto;
}
.close_btn {
position: absolute;
top: -20px;
right: -20px;
}
.close_btn:hover {
top:-18px;
cursor: pointer;
}
#modal_overlay{
z-index:1;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:120%;
background-color:rgba(0,0,0,0.75);
}
@media (max-width: 991px) {
.modal_content img{
max-width: 500px;
max-height: 600px;
height: auto;
}
}
@media (max-width: 767px) {
.modal_content {
max-width: 95%;
}
.modal_content img {
max-height: 85%;
width: auto;
max-width: 100%;
}
.close_btn {
top: -10px;
right: -25px;
}
.close_btn img{
width: 60%;
}
.close_btn:hover {
top:-10px;
}
}