@charset "utf-8";
  .en { letter-spacing: 0;
}  .page_title_img img {
}
.disc li {
position: relative;
padding-left: 1em;
margin-bottom: .5em;
}
.disc li:last-child {
margin-bottom: 0;
}
.disc li:before {
content: "";
width: .4em;
height: .4em;
background: #0B5796;
border-radius: 50%;
position: absolute;
left: 0;
top: .7em;
}
.decimal li {
list-style: decimal;
margin-left: 1.2em;
}
.page_nav_wrap .menu li {
position: relative;
}
.page_nav_wrap .menu li a {
display: block;
text-align: center;
padding: 5px 10px;
line-height: 1.4em;
} .page_nav_wrap .menu li.current-menu-item > a,
.page_nav_wrap .menu li a:hover,
.page_nav_wrap .menu .current-menu-parent a {
background: #0B5796;
color: #fff; 
}
.page_nav_wrap .menu .current-menu-parent .sub-menu a {
background: none;
color: #0B5796;
}
.page_nav_wrap .menu li .page_nav_parent span {
line-height: 1.4em;
}
.page_nav_wrap .menu .sub-menu {
display: none;
width: 100%;
background: #DEE5EE;
padding: 10px 0;
}
.page_nav_wrap .menu .sub-menu li,
.page_nav_wrap .menu .sub-menu li:first-child {
border: none;
}
.page_nav_wrap .menu .sub-menu li {
width: 100%;
}
.page_nav_wrap .menu li.current-menu-item .sub-menu li a,
.page_nav_wrap .menu li .sub-menu li a:hover,
.page_nav_wrap .menu li .sub-menu li.current-menu-item > a {
background: none;
color: #0B5796;
}
.page_nav_wrap .menu .sub-menu li a {
color: #0B5796;
}
.sub_title {
text-align: center;
color: #0B5796;
position: relative;
}
.sub_title:before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
height: 1px;
width: 100%;
z-index: 1;
background: #0B5796;
}
.sub_title span {
display: inline-block;
position: relative;
z-index: 2;
background: #fff;
}
.title_obi {
background: #0B5796;
color: #fff;
}
@media only screen and ( max-width : 767px ) {
.page_title_img {
height: 24vw;
}
.page_nav_wrap {
margin-bottom: 40px;
}
.page_nav_wrap .menu {
border-left: 1px solid #0B5796;
border-right: 1px solid #0B5796;
border-top: 1px solid #0B5796;
max-width: 80%;
margin: 0 auto;
}
.page_nav_wrap .menu li {
border-bottom: 1px solid #0B5796;
font-size: 14px;
}
.page_nav_wrap .menu li a {
padding: 10px;
}
.page_nav_wrap .menu li.current .sub-menu { } .sub_title {
margin-bottom: 30px;
}
.sub_title span {
font-size: 16px;
padding: 0 20px;
}
.title_obi {
font-size: 24px;
padding: 20px 0;
}
}
@media print, screen and ( min-width : 768px ) {
.page_title_img {
height: 22vw;
}
.page_nav_wrap {
margin-bottom: 80px;
}
.page_nav_wrap.page_nav_col3 {
margin: 50px auto 80px;
}
.page_nav_wrap .menu {
display: flex;
flex-wrap: wrap;
}
.page_nav_wrap .menu .sub-menu {
position: absolute;
left: -1px;
top: calc(100% + 1px);
width: calc(100% + 2px);
}
.page_nav_wrap .menu {
border-top: 1px solid #0B5796;
border-bottom: 1px solid #0B5796;
}
.page_nav_wrap .menu li {
border-right: 1px solid #0B5796;
}
.page_nav_wrap .menu li:first-child {
border-left: 1px solid #0B5796;
}
.page_nav_wrap .menu li.menu-item-has-children > a {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.page_nav li.hover {
background: #0B5796;
}
.page_nav li.hover.menu-item-has-children > a {
color: #fff;
}
.page_nav_col5 li { flex: 1;
}
.page_nav_col3 li {
width: 33.333333333333333%;
}
.page_nav.page_nav_col2 {
max-width: 760px;
margin: 0 auto;
}
.page_nav.page_nav_col2 li {
width: 50%;
}
.sub_title {
margin-bottom: 60px;
}
.sub_title span {
font-size: 18px;
padding: 0 80px;
}
.title_obi {
font-size: 48px;
padding: 30px 0;
}
}
@media print, screen and ( min-width : 992px ) {
.page_nav_wrap.page_nav_col3 {
max-width: 80%;
} } #aboutPage_vision,
#aboutPage_value {
background: #0B5796;
position: relative;
}
#aboutPage_value .tate__title.fadein_down__active {
transition-delay: .6s;
animation-delay: .6s;
}
.tate__title {
position: absolute;
color: #fff;
letter-spacing: .15em;
top: 0;
}
.tate__title span {
line-height: 1;
position: relative;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.tate__title span:before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
background: #fff;
width: 1px;
}
.vision_copy {
text-align: center;
font-weight: 700;
color: #0B5796;
text-shadow: 2px 2px 10px #fff ,
-2px 2px 10px #fff ,
2px -2px 10px #fff ,
-2px -2px 10px #fff;
letter-spacing: .15em;
}
.vision_copy span {
display: inline-block;
line-height: 1.3;
}
.vision_copy small {
display: block;
line-height: 1.2;
letter-spacing: .1em;
}
#aboutPage_vision .vision_text p {
color: #fff;
text-align: center;
margin-bottom: 2em;
}
#aboutPage_vision .vision_text p:last-child {
margin-bottom: 0;
}
.vision_movie video {
display: block;
width: 100%;
}
.aboutPage_value_content {
background: #fff;
position: relative;
}
.aboutPage_value_content:after {
content: "";
position: absolute;
top: 0;
background: #fff;
width: 2000%;
height: 100%;
left: 100%;
}
.value_concept dt {
background: #D4DFE9;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.value_concept dt span {
text-align: center;
color: #0B5796;
line-height: 1.4em;
letter-spacing: 0;
}
.value_concept dd {
color: #0B5796;
}
.value_concept dd .value_concept_tit {
font-weight: 700;
border-bottom: 2px solid #0B5796;
margin-bottom: .5em;
padding-bottom: .2em;
}
.value_concept dd p {
padding-left: 1rem;
}
.value_list_box h3 {
color: #0B5796;
margin-bottom: .5em;
line-height: 1.4em;
}
.value_list_box p {
line-height: 1.6em;
}
.value_list .value_list_box:nth-child(1) {
order: 1;
}
.value_list .value_list_box:nth-child(2) {
order: 3;
}
.value_list .value_list_box:nth-child(3) {
order: 2;
}
.value_list .value_list_box:nth-child(4) {
order: 4;
}
@media only screen and ( max-width : 991px ) {
#aboutPage_vision p {
padding-left: 40px;
}
.tate__title {
font-size: 30px;
left: 15px;
}
.tate__title span {
padding-top: 150px;
}
.tate__title span:before {
height: 130px;
}
.vision_copy {
font-size: 40px;
margin-bottom: 50px;
}
.vision_copy small {
font-size: 20px;
}
#aboutPage_vision .vision_text p {
}
#aboutPage_value .container {
padding-left: 60px;
}
.aboutPage_value_content {
padding: 30px 0 30px 20px;
}
.value_concept {
margin-bottom: 40px;
}
.value_concept dt {
width: 100px;
height: 100px;
}
.value_concept dt span {
font-size: 15px;
}
.value_concept dd {
width: calc(100% - 100px);
font-size: 13px;
}
.value_concept dd .value_concept_tit {
font-size: 18px;
}
.value_list_box {
margin-bottom: 30px;
}
.value_list_box:last-child {
margin-bottom: 0;
}
.value_list_box h3 {
font-size: 15px;
}
.value_list_box p {
font-size: 13px;
}
}
@media only screen and ( max-width : 767px ) {
.tate__title {
font-size: 6vw;
}
.vision_copy {
font-size: 5vw;
margin-bottom: 8vw;
}
.vision_copy small {
font-size: 3vw;
}
#aboutPage_vision p {
padding-left: 10vw;
}
.value_concept dt { width: 80px;
height: 80px;
}
.value_concept dt span {
font-size: 13px;
}
.value_concept dd .value_concept_tit {
font-size: 15px;
padding-left: 0;
}
.value_concept dd { width: calc(100% - 80px);
font-size: 12px;
}
.value_concept dd p {
padding-left: .6em;
}
.value_list {
display: flex;
flex-direction: column;
}
.value_list_box .value_list_box_icon {
margin-right: 15px;
width: 50px;
}
.value_list_box .value_list_box_txt {
width: calc(100% - (50px + 15px));
}
.value_list_box h3 {
font-size: 14px;
}
.value_list_box p {
font-size: 12px;
}
}
@media print, screen and ( min-width : 768px ) {
.value_list_box .value_list_box_icon {
width: 68px;
margin-right: 30px;
}
.value_list_box .value_list_box_txt {
width: calc(100% - (68px + 30px));
}
.value_list { display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.value_list_box {
width: 48%;
}
#aboutPage_vision .vision_text p {
font-size: 14px;
}
}
@media print, screen and ( min-width : 992px ) {
.tate__title {
font-size: 40px;
left: 50px;
}
.tate__title span {
padding-top: 250px;
}
.tate__title span:before {
height: 230px;
}
.vision_copy {
font-size: 40px;
margin-bottom: 100px;
}
.vision_copy span {
margin-right: -.8em;
}
.vision_copy small {
font-size: 26px;
}
#aboutPage_value .container {
padding-left: 130px;
}
.aboutPage_value_content {
padding: 90px 0 90px 110px;
}
.value_concept {
max-width: 880px;
margin-bottom: 10px;
}
.value_concept dt {
width: 120px;
height: 120px;
}
.value_concept dt span {
font-size: 18px;
}
.value_concept dd {
width: calc(100% - 120px);
font-size: 15px;
}
.value_concept dd .value_concept_tit {
font-size: 22px;
}
.value_list_box { margin-top: 30px;
}
.value_list_box h3 {
font-size: 16px;
}
.value_list_box p {
font-size: 14px;
}
}
@media print, screen and ( min-width : 1200px ) {
#aboutPage_value .container {
padding-left: 30px;
}
} .person_list_box {
position: relative;
}
.person_list_bg {
position: absolute;
right: 0;
top: 0;
z-index: -1;
width: 90%;
overflow: hidden;
} .person_list_thumb {
position: relative;
}
.person_list_thumb .js-modal-video {
display: block;
position: relative;
}
.person_list_thumb .js-modal-video:before {
content: "";
background: url(//citinet.jp/wp-content/themes/citynet/images/icon-play.png) no-repeat center / 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
z-index: 10;
}
.person_list_thumb video {
width: 100%;
}
.person_list_thumb .person_list_thumb_icon {
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.person_list_thumb .person_list_label {
background: #fff;
position: relative;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
position: absolute;
top: 0;
left: 0;
padding: .5em 0;
}
.person_list_txt h3 {
font-weight: 700;
line-height: 1.5em;
}
.person_list_box:nth-child(odd) h3 {
text-align: right;
}
.person_list_txt p {
line-height: 1.5em;
}
@media only screen and ( max-width : 767px ) {
.person_list {
margin: 40px 0;
}
.person_list_box {
margin-bottom: 70px;
}
.person_list_box:last-child {
margin-bottom: 0;
}
.person_list_bg {
bottom: 0;
right: -30px;
height: 60vw;
top: auto;
width: 100%;
}
.person_list_thumb {
width: 86%;
}
.person_list_thumb .js-modal-video:before {
width: 70px;
height: 70px;
}
.person_list_thumb .person_list_thumb_icon {
max-width: 70px;
}
.person_list_txt {
position: relative;
padding: 20px 0;
}
.person_list_txt h3 {
margin-bottom: 20px;
font-size: 16px;
}
.person_list_txt p {
font-size: 13px;
text-align: right;
}
.person_list_txt p span {
font-size: 11px;
}
}
@media print, screen and ( min-width : 768px ) {
.person_list {
width: 96%;
margin: 0 auto 80px;
}
.person_list_box {
margin-top: 140px;
}
.person_list_box:nth-child(even) {
flex-direction: row-reverse;
}
.person_list_box:nth-child(even) .person_list_bg {
right: auto;
left: 0;
}
.person_list_thumb {
width: 46%;
bottom: 0;
}
.person_list_thumb .js-modal-video:before {
width: 100px;
height: 100px;
}
.person_list_txt {
width: 50%;
display: flex;
align-items: center;
padding: 0 40px;
}
.person_list_txt_inner {
width: 100%;
}
.person_list_bg {
height: 100%;
top: -60px;
height: 300px;
}
.person_list_txt h3 {
margin-bottom: 50px;
font-size: 18px;
}
.person_list_txt p {
font-size: 15px;
}
.person_list_txt p span {
font-size: 12px;
}
.person_list_box:nth-child(odd) p {
text-align: right;
}
}
@media print, screen and ( min-width : 992px ) {
.person_list_txt {
padding: 0 60px;
}
.person_list_txt h3 {
margin-bottom: 80px;
font-size: 20px;
}
.person_list_bg {
height: 330px;
}
.person_list_txt p {
font-size: 16px;
}
}
@media print, screen and ( min-width : 1540px ) {
.person_list_bg {
height: 400px;
}
} #reason {
position: relative;
}
#reason:after {
content: "";
z-index: -1;
background: #D1D8E1;
top: 0;
left: 0;
height: 100%;
width: 80%;
position: absolute;
}
#reason .container {
position: relative;
z-index: 10;
}
.reason_box h3 {
margin-bottom: .4em;
line-height: 1.6em;
}
.reason_box h3 span {
letter-spacing: 0;
display: block;
}
.reason_box p,
.reason_box li {
line-height: 1.6em;
text-align:justify;
word-break:break-all; 
text-justify:inter-ideograph;
text-justify:inter-character;
word-wrap:break-word;
overflow-wrap:break-word;
}
@media only screen and ( max-width : 992px ) {
#reason .reason_content {
margin-top: 60px;
}
}
@media only screen and ( max-width : 767px ) {
#reason .reason_content {
padding: 0 15px;
}
.reason_box {
margin-bottom: 40px;
}
.reason_box:last-child {
margin-bottom: 0;
}
.reason_box .reason_img {
margin-bottom: 15px;
}
.reason_box h3 {
font-size: 18px;
}
.reason_box h3 span {
font-size: 14px;
}
}
@media print, screen and ( min-width : 768px ) {
.reason_box {
width: 48%;
}
.reason_box {
margin-top: 80px;
}
.reason_box:nth-child(1),
.reason_box:nth-child(2) {
margin-top: 0;
}
.reason_box h3 {
font-size: 16px;
letter-spacing: 0;
}
.reason_box h3 span {
font-size: 14px;
}
.reason_box p,
.reason_box li {
font-size: 13px;
}
.reason_box .reason_img {
margin-bottom: 20px;
}
}
@media print, screen and ( min-width : 992px ) {
#reason .title {
width: 300px;
}
#reason .reason_content {
width: calc(100% - 300px);
}
.reason_box:nth-child(1),
.reason_box:nth-child(2) {
margin-top: 0;
}
#reason .container {
max-width: 1260px;
}
}
@media print, screen and ( min-width : 1540px ) {
#reason .container {
max-width: 1360px;
}
.reason_box h3 {
font-size: 20px;
}
.reason_box h3 span {
font-size: 17px;
}
.reason_box p,
.reason_box li {
font-size: 16px;
}
} #service_top {
position: relative;
}
#service_content {
background: #0B5796;
color: #fff;
}
#service_content .title span {
color: #fff;
}
#service_content .title .tit_jp {
letter-spacing: .2em;
}
#service_content .title .tit_en {
letter-spacing: .15em;
}
#ics_member {
background: url(//citinet.jp/wp-content/themes/citynet/images/service/ics_member_bg.jpg) no-repeat center / cover;
color: #fff;
}
#ics_member h2 {
text-align: center;
}
#ics_member p {
text-align: center;
}
#sale_useful {
background: url(//citinet.jp/wp-content/themes/citynet/images/service/sale_useful_bg.jpg) no-repeat center / cover;
}
#sale_useful h2 {
text-align: center;
color: #fff;
font-weight: 700;
text-shadow: 1px 2px 3px #808080;
}
.sale_useful_inner {
background: rgba(255,255,255,.7);
}
.sale_useful_inner ul {
margin-bottom: 3em;
}
.sale_useful_inner li {
position: relative;
padding-left: 1.2em;
color: #0B5796;
}
.sale_useful_inner li:before {
content: "";
background: #0B5796;
width: .8em;
height: .8em;
position: absolute;
left: 0;
top: .5em;
}
@media only screen and ( max-width : 767px ) {
.service_img {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
#service_content .title span {
text-align: center;
}
#ics_member {
margin-top: 50px;
}
#ics_member h2 {
font-size: 20px;
margin-bottom: 20px;
}
#ics_member p {
margin-bottom: 20px;
}
#sale_useful h2 {
font-size: 20px;
margin-bottom: 30px;
}
.sale_useful_inner {
padding: 30px 20px;
}
}
@media print, screen and ( min-width : 768px ) {
#service_top:after {
content: "";
position: absolute;
z-index: -1;
left: 0;
bottom: 0;
background: #0B5796;
width: 100%;
height: 30%;
}
.service_img {
text-align: right;
margin-right:calc(50% - 50vw);
position: relative;
}
.service_img img {
width: 95%;
}
.service_content_inner {
padding-left: 2%;
}
#ics_member {
margin-top: 60px;
}
#ics_member h2 {
font-size: 24px;
margin-bottom: 40px;
}
#ics_member p {
margin-bottom: 40px;
}
#sale_useful h2 {
font-size: 30px;
margin-bottom: 50px;
}
.sale_useful_inner {
padding: 60px;
display: flex;
flex-direction: column;
align-items: center;
}
.sale_useful_inner p {
text-align: center;
}
#service_content .title {
position: relative;
}
#service_content .title .tit_jp {
font-size: 15px;
position: absolute;
left: 0;
top: -2em;
}
#service_content .title .tit_en {
font-size: 28px;
}
.service_content_inner .service_text {
font-size: 13px;
}
}
@media print, screen and ( min-width : 992px ) {
.service_content_inner .title {
width: 400px;
margin-right: 100px;
}
.service_content_inner .service_text {
width: calc(100% - 500px);
}
#service_top .container {
max-width: 1210px;
}
}
@media print, screen and ( min-width : 1200px ) {
#ics_member {
margin-top: 80px;
}
}
@media print, screen and ( min-width : 1540px ) {
.service_content_inner .service_text {
font-size: 16px;
}
} .shop_name_title {
text-align: center;
color: #0B5796;
margin-bottom: 1em;
letter-spacing: .1em;
}
.shop_gallery {
position: relative;
} .shop_info_txt dt,
.shop_info_txt dd {
border-bottom: 1px solid #808080;
padding: 1em .5em;
}
.shop_info_txt dt:first-of-type,
.shop_info_txt dd:first-of-type {
padding-top: 0;
}
.shop_info_txt dt {
width: 7em;
display: flex;
align-items: center;
color: #0B5796;
}
.shop_info_txt dd {
width: calc(100% - 7em);
}
.shop_name_en {
color: #0B5796;
transform: rotate(-16deg);
position: relative;
z-index: -1;
white-space: nowrap;
}
.shop_access_map iframe {
display: block;
width: 100%;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.shop_access_step li {
position: relative;
}
.shop_access_step li:after { }
.shop_access_step li:last-child:after {
content: none;
}
.shop_access_step li figcaption {
line-height: 1.5em;
}
#PREVIEW {
position: relative;
width: 100%;
height: auto;
white-space: nowrap;
overflow: hidden;
}
#PREVIEW .image_container {
display: inline-block;
width: 100%;
height: 100%;
}
#PREVIEW img {
display: block;
width: 100%;
margin: auto;
height: auto;
}
#SUMBNAIL {
display: flex;
position: relative;
align-items: center;
justify-content: space-between; width: 100%;
overflow: hidden;
box-sizing: border-box;
margin-top: 10px;
}
#SUMBNAIL .slick-list {
padding: 0 !important;
}
#SUMBNAIL img { }
#SUMBNAIL .slick-current img {
border: 2px solid #0059ac;
}
#SUMBNAIL .image_container {
margin-right: 8px;
}
#SUMBNAIL .image_container:last-child {
margin-right: 0;
}
.thumbnail_container {
position: relative;
overflow-x: auto;
}
.shop_thumb_ph .slick-track {
transform:unset!important;
}
@media only screen and ( max-width : 991px ) {
.shop_gallery {
margin-bottom: 40px;
}
}
@media only screen and ( max-width : 767px ) {
.shop_name_title {
font-size: 20px;
}
.shop_gallery .slick-box {
margin-bottom: 20px;
}
.shop_name_en { display: none;
}
.shop_access_map {
margin-top: 60px;
}
.shop_access_map iframe {
height: 250px;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.shop_access_step li {
}
.shop_access_step li:after {
content: ""; line-height: 1;
width: 100%;
text-align: center;
display: block;
margin: 15px 0;
height: 13px;
background: url(//citinet.jp/wp-content/themes/citynet/images/arrow_gry_bottom.png) no-repeat center / 20px;
}
.shop_access_step li figcaption {
margin-top: 15px;
} }
@media print, screen and ( min-width : 768px ) {
.shop_name_title {
font-size: 24px;
}
.shop_gallery .slick-prev {
left: 0;
}
.shop_gallery .slick-next {
right: 0;
}
.shop_gallery .slick-box {
margin-bottom: 20px;
}
.shop_gallery .thumb-box {
padding: 0 40px;
}
.shop_info_txt dt,
.shop_info_txt dd {
font-size: 14px;
}
.shop_name_en {
font-size: 40px;
height: 130px;
width: auto;
margin-top: .5em;
}
.shop_access_map {
margin-top: 100px;
}
.shop_access_map iframe {
height: 400px;
}
.shop_access_step li {
width: 21.25%;
margin-right: 5%;
margin-top: 40px;
}
.shop_access_step li:nth-child(1),
.shop_access_step li:nth-child(2),
.shop_access_step li:nth-child(3),
.shop_access_step li:nth-child(4) {
margin-top: 0;
}
.shop_access_step li:nth-child(4n) {
margin-right: 0;
}
.shop_access_step li:after {
content: "";
position: absolute;
background: url(//citinet.jp/wp-content/themes/citynet/images/arrow_gry.png) no-repeat center / 13px; height: 20px;
top: 24%;
z-index: 10;
left: 100%;
width: 24%;
text-align: center; }
.shop_access_step li figcaption {
margin-top: 20px;
font-size: 15px;
}
.thumbnail_container {
width: 80%;
}
.mySwiper_thumb_shopName {
width: 18%;
font-size: 13px;
}
}
@media print, screen and ( min-width : 992px ) {
.shop_info_txt {
width: 32%;
}
.shop_gallery {
width: 64%;
} }
@media print, screen and ( min-width : 1540px ) {
.shop_name_en {
font-size: 50px;
height: 160px;
} } .member_title {
text-align: center;
}
.member_title .member_title_en {
display: block;
line-height: 1;
letter-spacing: .15em;
}
.member_title .member_title_en span {
line-height: 1;
}
.member_title_blue {
color: #0B5797;
}
.member_title_yellow {
color: #D1C000;
}
.member_title_green {
color: #5DA03C;
}
.member_title_pink {
color: #DA6BA1;
}
.member_title_orange {
color: #D0802B;
}
.member_title_red {
color: #CE355B;
}
.member_title .member_title_jp {
display: block;
max-width: 260px;
margin: 10px auto 0;
background: #0B5797;
color: #fff;
text-align: center;
}
.member__list li.member__list_li {
margin-top: 20px;
}
.member__list li.member__list_li .member_img_panel {
position: relative;
border: 3px solid #0B5797;
border-radius: 50%;
overflow: hidden;
}
.member__list li.member_nav_yokohama_li .member_img_panel {
border: 3px solid #066daf;
}
.member__list li.member_nav_joutou_li .member_img_panel {
border: 3px solid #D73173;
}
.member__list li.member_nav_kawasaki_li .member_img_panel {
border: 3px solid #f4ad53;
}
.member__list li.member_nav_kamioooka_li .member_img_panel {
border: 3px solid #36A348;
}
.member__list li.member_nav_chiba_li .member_img_panel {
border: 3px solid #b491b2;
}
.member__list li a:hover {
opacity: 1;
}
.member__list li .member_img_panel:before {
content: "";
display: block;
padding-top: 100%;
}
.member__list li .member_thumb_img {
position: absolute;
top: 0;
left: 0;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
transition: .3s;
border-radius: 50%;
}
.member__list li .member_thumb_img image {
border-radius: 50%;
}
.member__list li.member__list_li a:hover .member_thumb_img {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
transform:scale(1.1,1.1);
}
.member_thumb_img_hover {
z-index: 10;
opacity: 0;
transition: .3s;
}
.member__list li a:hover .member_thumb_img {
opacity: 1;
}
.member__list li .member_name {
text-align: center;
line-height: 1.4em;
margin-top: .5em;
}
.member__list li .member_name span {
display: block;
line-height: 1.4em;
}
.member_nav li {
margin: .5em 1em;
}
.member_nav li a {
display: block;
position: relative;
padding-right: 1.6em;
}
.member_nav li a:after {
content: ""; position: absolute;
width: 1em;
height: 1em;
border-radius: 50%;
text-align: center;
background: #ccc;
line-height: 1em;
color: #fff;
top: 50%;
transform: translateY(-50%);
right: 0;
background-image: url(//citinet.jp/wp-content/themes/citynet/images/arrow_white.png);
background-repeat: no-repeat;
background-position: center;
background-size: 12px;
}
.member_nav_yokohama_li.current a {
color: #066daf;
}
.member_nav_joutou_li.current a {
color: #D73173;
}
.member_nav_kawasaki_li.current a {
color: #f4ad53;
}
.member_nav_kamioooka_li.current a {
color: #36A348;
}
.member_nav_chiba_li.current a {
color: #b491b2;
}
.member_nav li.member_nav_yokohama_li a:after {
background-color: #066daf;
}
.member_nav li.member_nav_joutou_li a:after {
background-color: #D73173;
}
.member_nav li.member_nav_kawasaki_li a:after {
background-color: #f4ad53;
}
.member_nav li.member_nav_kamioooka_li a:after {
background-color: #36A348;
}
.member_nav li.member_nav_chiba_li a:after {
background-color: #b491b2;
}
.member_nav li.current a:after {
transform: translateY(-50%) rotate(90deg);
}
.member_subcat_nav { }
.member_subcat_nav li { border: 1px solid #333;
}
.member_subcat_nav li a {
color: #333;
display: block;
position: relative;
padding-right: 1.6em;
text-align: center;
padding: 5px 10px;
}
.member_subcat_nav li.current-menu-item a {
background: #333;
color: #fff;
}
.member_subcat_nav li a:after {
content: ""; position: absolute;
width: 1em;
height: 1em;
border-radius: 50%;
text-align: center;
background-color: #333;
line-height: 1em;
color: #fff;
top: 50%;
transform: translateY(-50%);
right: 10px;
background-image: url(//citinet.jp/wp-content/themes/citynet/images/arrow_white.png);
background-repeat: no-repeat;
background-position: center;
background-size: 7px;
}
@media only screen and ( max-width : 991px ) {
.member_nav li a {
font-size: 20px;
}
.member_subcat_nav li {
width: 49%;
margin-right: 2%;
margin-top: 10px;
}
.member_subcat_nav li:nth-child(1),
.member_subcat_nav li:nth-child(2) {
margin-top: 0;
}
.member_subcat_nav li:nth-child(2n) {
margin-right: 0;
}
}
@media only screen and ( max-width : 767px ) {
#member .member__list {
margin-bottom: 40px;
}
.member__list li.member__list_li {
width: 32%;
margin-right: 2%;
}
.member__list li.member__list_li:nth-child(1),
.member__list li.member__list_li:nth-child(2),
.member__list li.member__list_li:nth-child(3) {
margin-top: 0;
}
.member__list li.member__list_li:nth-child(3n) {
margin-right: 0;
}
.member__list li .member_name {
font-size: 13px;
}
.member__list li .member_name span {
font-size: 12px;
}
.member_title {
margin-bottom: 40px;
}
.member_title .member_title_en {
font-size: 40px;
}
.member_nav {
margin-bottom: 20px;
}
.member_nav li a {
font-size: 18px;
}
.member_subcat_nav { margin-left: -15px;
margin-right: -15px;
}
.member_subcat_nav li a {
text-align: left;
}
.member_subcat_nav li a:after {
right: 5px;
}
}
@media print, screen and ( min-width : 768px ) {
#member .member__list {
margin-bottom: 60px;
}
.member__list li.member__list_li {
width: 12.571428571428571%;
margin-right: 2%;
}
.member__list li.member__list_li:nth-child(1),
.member__list li.member__list_li:nth-child(2),
.member__list li.member__list_li:nth-child(3),
.member__list li.member__list_li:nth-child(4),
.member__list li.member__list_li:nth-child(5),
.member__list li.member__list_li:nth-child(6),
.member__list li.member__list_li:nth-child(7) {
margin-top: 0;
}
.member__list li.member__list_li:nth-child(7n) {
margin-right: 0;
}
.member__list li .member_name {
font-size: 14px;
}
.member__list li .member_name span {
font-size: 13px;
}
.member_title {
margin-bottom: 60px;
}
.member_title .member_title_en {
font-size: 48px;
}
.member_nav {
margin-bottom: 40px;
}
.member_subcat_nav { }
}
@media print, screen and ( min-width : 992px ) {
.member_nav li a {
font-size: 26px;
}
.member_subcat_nav li {
width: 23.5%;
margin-right: 2%;
margin-top: 15px;
}
.member_subcat_nav li:nth-child(1),
.member_subcat_nav li:nth-child(2),
.member_subcat_nav li:nth-child(3),
.member_subcat_nav li:nth-child(4) {
margin-top: 0;
}
.member_subcat_nav li:nth-child(4n) {
margin-right: 0;
}
} .member_content_gallery li {
width: 48%;
margin-top: 15px;
position: relative;
padding-top: 48%;
}
.member_content_gallery li img {
position: absolute;
left: 0;
top: 0;
} .member_content_gallery li:nth-child(1),
.member_content_gallery li:nth-child(2) {
margin-top: 0;
}
.member_profile {
width: 100%;
}
.member_profile dt,
.member_profile dd {
border-bottom: 1px solid #ACACAC;
padding: 10px 0;
}
.member_profile dt {
width: 8em;
text-align: right;
padding-right: 1em;
}
.member_profile dd {
width: calc(100% - 8em);
padding-left: 1em;
}
.member_profile dt.color_blue {
color: #0B5786;
}
.member_profile dt.color_yellow {
color: #D0802B;
}
.member_profile dt.color_green {
color: #5DA03C;
}
.member_profile dt.color_pink {
color: #DA6BA1;
}
.member_content_img img {
width: 100%;
}
@media only screen and ( max-width : 767px ) {
.member_content_img {
margin-bottom: 20px;
}
.member_content_gallery {
margin-bottom: 20px;
}
.member_content_gallery li { margin-top: 3vw;
}
}
@media only screen and ( max-width : 575px ) {
.member_content_gallery li { }
}
@media print, screen and ( min-width : 768px ) {
.member_content_img {
width: 48%;
}
.member_content_txt {
width: 48%;
}
.member_content_gallery {
margin-bottom: 40px;
}
.member_content_gallery li { margin-top: 1.4vw;
}
}
@media print, screen and ( min-width : 1300px ) {
.member_content_gallery li { margin-top: 20px;
}
} .message_txt01 p,
.message_txt02 p {
margin-bottom: 1em;
}
.message_txt01 p:last-child,
.message_txt02 p:last-child {
margin-bottom: 0;
}
.ceo_name {
text-align: right;
}
@media only screen and ( max-width : 991px ) {
}
@media only screen and ( max-width : 767px ) {
.message_ph_area { margin: 0 auto 30px;
}
.message_txt_area h3 {
font-size: 20px;
}
.ceo_name {
margin: 20px 0;
font-size: 18px;
}
.ceo_name img {
width: 120px;
}
.ceo_name span {
font-size: 12px;
margin-right: 10px;
}
}
@media print, screen and ( min-width : 768px ) {
.message_txt_area h3 {
font-size: 22px;
}
.message_wrap {
margin-bottom: 40px;
}
.message_ph_area {
width: 36%;
}
.message_txt_area {
width: 60%;
}
.message_txt01 {
margin-top: 40px;
}
.ceo_name {
margin-top: 30px;
font-size: 22px;
}
.ceo_name span {
font-size: 14px;
margin-right: 20px;
}
}
@media print, screen and ( min-width : 992px ) {
.message_ph_area {
width: 44%;
}
.message_txt_area {
width: 52%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.message_txt_area h3 {
font-size: 26px;
}
.message_txt01 {
margin-top: 100px;
}
.ceo_name {
font-size: 26px;
}
.ceo_name span {
font-size: 15px;
}
}
@media print, screen and ( min-width : 1540px ) {
.message_txt_area h3,
.ceo_name {
width: 80%;
margin: 0 auto;
}
.ceo_name {
margin-top: 50px;
}
} #company_overview dt,
#company_overview dd {
border-bottom: 1px solid #808080;
padding: 10px;
}
#company_overview dt:last-of-type,
#company_overview dd:last-of-type {
border-bottom: none;
}
#company_overview dd li {
border-bottom: 1px solid #808080;
padding-bottom: 10px;
margin-bottom: 10px;
}
#company_overview dd li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
@media only screen and ( max-width : 767px ) {
#company_overview {
background: #f8f8f8;
}
#company_overview dl {
font-size: 12px;
}
#company_overview dt,
#company_overview dd {
line-height: 1.4em;
}
#company_overview dt { width: 100px;
}
#company_overview dd {
width: calc(100% - 100px);
padding-right: 0;
}
}
@media print, screen and ( min-width : 768px ) {
#company_overview {
padding-top: 0;
}
#company_overview dl {
padding: 50px;
max-width: 1100px;
margin: 0 auto;
background: #f8f8f8;
}
#company_overview dt {
width: 200px;
}
#company_overview dd {
width: calc(100% - 200px);
}
.company_overview_space {
width: 4.6em;
display: inline-block;
}
} .history_title {
background: #0B5796;
position: relative;
}
.history_title .title span {
color: #fff;
}
.history_block {
border-bottom: 1px solid #D6D6D6;
}
.history_block:last-child {
border-bottom: none;
}
.history_year {
color: rgba(11,87,150,.45);
position: relative;
}
.history_year:before {
content: "";
width: 1px;
background: #0B5796;
top: 0;
right: -.5px;
height: 100%;
position: absolute;
}
.history_year span {
display: block;
line-height: 1.2em;
}
.history_txt dt {
position: relative;
}
.history_txt dt:before {
content: "";
width: 10px;
background: #0B5796;
height: 10px;
border-radius: 50%;
position: absolute;
top: .6em;
}
.history_year.history_column_center p {
margin-top: -.5em;
}
@media only screen and ( max-width : 992px ) {
.history_title {
padding: 30px 0;
margin-bottom: 30px;
}
}
@media only screen and ( max-width : 767px ) {
.history_title {
margin: 0 calc(50% - 50vw);
width: 100vw;
padding: 30px;
}
.history_year {
width: 90px;
font-size: 18px;
padding-top: 10px;
}
.history_year span {
font-size: 12px;
}
.history_txt {
width: calc(100% - 100px);
padding-left: 25px;
}
.history_txt dl {
margin: 10px 0;
}
.history_txt dt:before {
left: -30px;
}
.history_txt dd {
margin-bottom: 1em;
}
.history_txt dt:last-of-type {
margin-bottom: 0;
}
}
@media print, screen and ( min-width : 768px ) {
.history_title:before {
content: "";
position: absolute;
background: #0B5796;
height: 100%;
width: 2000%;
top: 0;
left: -2000%;
}
.history_block:first-of-type .history_year {
padding-top: 0;
}
.history_year {
width: 120px;
font-size: 22px;
padding-top: 30px;
}
.history_year.history_column_center {
padding-top: 0;
display: flex;
align-items: center;
}
.history_year span {
font-size: 14px;
}
.history_txt {
width: calc(100% - 120px);
padding-left: 40px;
}
.history_txt dl {
margin: 30px 0;
}
.history_block:first-of-type .history_txt dl {
margin-top: 0;
}
.history_txt dt,
.history_txt dd {
margin-bottom: 1em;
}
.history_txt dt:last-of-type,
.history_txt dd:last-of-type {
margin-bottom: 0;
}
.history_txt dt {
width: 4em;
}
.history_txt dt:before {
left: -45px;
}
.history_txt dd {
width: calc(100% - 4em);
}
}
@media print, screen and ( min-width : 992px ) {
.history_title {
padding: 50px 0;
width: 350px;
}
.history_content {
width: calc(100% - 350px);
padding: 50px;
}
.history_content .history_content_inner {
max-width: 740px;
margin: 0 auto;
}
} .contact_form dd.err_side_dd {
position: relative;
}
.contact_form dd.err_side_dd .error {
position: absolute;
}
.contact_form dt small {
display: block;
}
.contact_form dd a {
text-decoration: underline;
}
.contact_form dd a:hover {
color: #0B5798;
}
.submit_btn {
background: #0B5798;
color: #fff;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
transition: .3s;
}
.submit_btn.back {
background: #DEE5EE;
color: #0B5798;
}
.submit_btn:hover {
opacity: .6;
}
@media only screen and ( max-width : 767px ) {
.contact_form {
margin-bottom: 80px;
}
.contact_lead {
margin-bottom: 30px;
}
.form_submit_btn button {
width: 250px;
margin: 0 auto;
}
.form_submit_btn .submit_btn.back {
margin-bottom: 10px;
}
.contact_form dt {
margin-bottom: 10px;
font-weight: 700;
}
.contact_form dd {
margin-bottom: 30px;
}
}
@media print, screen and ( min-width : 768px ) {
.contact_lead {
margin-bottom: 60px;
}
.contact_form {
max-width: 1000px;
margin: 0 auto 100px;
}
.contact_form dl {
margin-bottom: 50px;
}
.contact_form dt,
.contact_form dd {
margin-bottom: 30px;
}
.contact_form dt {
width: 280px;
}
.contact_form dd {
width: calc(100% - 280px);
}
.form_submit_btn button {
width: 340px;
}
.form_submit_btn .submit_btn.back {
margin-right: 20px;
}
.line_contact_bnr {
text-align: center;
}
.line_contact_bnr img {
max-width: 850px;
}
} .privacy_article {
border-bottom: 2px solid #0B579A;
}
.privacy_article:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.privacy_article h2 {
color: #0B579A;
}
.privacy_box {
margin-bottom: 30px;
}
.privacy_box h3 {
font-size: 1.1em;
margin-bottom: .4em;
font-weight: 700;
}
.privacy_box h4 {
font-weight: 700;
margin-bottom: .4em;
}
.privacy_box p,
.privacy_box ul {
margin-bottom: 1.5em;
}
.privacy_box a {
text-decoration: underline;
}
@media only screen and ( max-width : 767px ) {
.privacy_article {
padding-bottom: 50px;
margin-bottom: 50px;
}
.privacy_article h2 {
font-size: 20px;
margin-bottom: 20px;
}
}
@media print, screen and ( min-width : 768px ) {
.privacy_article {
padding-bottom: 100px;
margin-bottom: 100px;
}
.privacy_article h2 {
font-size: 30px;
margin-bottom: 40px;
}
} #stre_page {
background: #000;
color: #fff;
}
#stre_main {
position: relative;
}
#stre_main .stre_title {
position: absolute;
z-index: 10;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
left: 50%;
transform: translateX(-50%);
bottom: -3em;
letter-spacing: .15em;
}
#stre_main .stre_title h1 {
border-left: 1px solid #fff;
padding: .5em 0 .3em;
line-height: 1.2;
transition-delay: .6s;
animation-delay: .6s;
}
#stre_page #contact_link_block {
background: #000;
border: 1px solid #fff;
}
.tate {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.tate span.tate_num {
transform: rotate(-90deg);
display: inline-block;
}
.tate_btn {
border: 1px solid #fff;
color: #fff;
display: flex;
align-items: center;
position: relative;
}
.tate_btn:after {
position: absolute;
content: "";
}
#stre_3s .stre_3s_wrapper,
.brighm_wrapper,
.stre_commitment_quality_wrapper {
border-bottom: 2px solid #fff;
}
.luxea_main_title,
.brighm_main_title {
position: relative;
}
.btn_white {
border: 1px solid #fff;
color: #fff;
position: relative;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
max-width: 280px;
}
.btn_white span {
position: relative;
padding-right: 40px;
}
.btn_white span:after {
content: "";
position: absolute;
background: url(//citinet.jp/wp-content/themes/citynet/images/arrow.png) no-repeat center / 100%;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 20px;
height: 7px;
}
.luxea_img01,
.luxea_img02,
.luxea_img03,
.brighm_img01,
.brighm_img02,
.brighm_img03 {
position: relative;
margin: 0 auto;
}
.luxea_img_box_content {
background: rgba(102,102,102,.7);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0;
transition: 1s;
text-align: center;
}
.luxea_img_box_content:hover {
opacity: 1;
}
.brighm_img_box_content {
background: rgba(128,107,67,.57);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0;
transition: 1s;
text-align: center;
}
.brighm_img_box_content:hover {
opacity: 1;
}
.stre_commitment_title {
position: relative;
}
.stre_commitment_title:before,
.stre_commitment_title:after {
content: "";
width: 2px;
background: #fff;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.stre_commitment_title:before {
top: 0;
}
.stre_commitment_title:after {
bottom: 0;
}
.stre_commitment_title h2 {
text-align: center;
text-shadow: 0 0 6px rgba(0,0,0,.6);
letter-spacing: .1em;
}
.stre_commitment_title h2 span {
display: block;
}
.stre_commitment_lead h3 {
text-align: center;
}
.stre_commitment_lead p {
line-height: 2.2em;
}
.stre_commitment_quality h3,
.stre_commitment_quality h4 {
text-align: center;
}
.stre_commitment_quality h3 {
letter-spacing: .15em;
}
#stre_purchase .title span {
color: #fff;
}
.stre_purchase_box {
background: #fff;
}
.stre_purchase_box a {
display: block;
position: relative;
}
.stre_purchase_box .stre_purchase_inner {
position: absolute;
z-index: 2;
left: 50%;
transform: translateX(-50%);
background: rgba(0,0,0,.8);
color: #fff;
text-align: center;
width: 90%;
}
.stre_purchase_brighm .stre_purchase_inner {
background: rgba(165,150,117,.8);
}
.stre_purchase_luxea .stre_purchase_inner {
background: rgba(151,160,162,.8);
}
.stre_purchase_box .stre_purchase_onSale{
background: #fff;
color: #000;
width: 70px;
display: inline-block;
font-size: 11px;
padding: 0 10px;
}
.stre_purchase_box .stre_purchase_series {
display: block;
background: #000;
padding: 5px 10px;
}
.stre_purchase_box .stre_purchase_series img {
width: 60%;
display: block;
margin: 0 auto;
max-width: 100px;
}
.stre_purchase_box .stre_purchase_name {
margin: .5em 0;
}
.stre_purchase_box .viewmore {
width: auto;
font-size: 11px;
text-align: left;
width: 100px;
}
.luxea_lead_text,
.brighm_lead_text {
line-height: 2.1em;
}
.series_wrapper .series_copy {
text-align: center;
position: relative;
}
.series_wrapper .series_copy span {
display: inline-block;
background: #000;
padding: 0 .8em;
line-height: 1.6em;
}
@media only screen and ( max-width : 991px ) {
#stre_3s h2 {
font-size: 20px;
margin:0 auto 50px;
}
#stre_3s p {
font-size: 13px;
}
.stre_3s_img {
width: 100%;
margin-bottom: 50px;
}
.stre_3s_img img {
width: 100vw;
}
#stre_3s p {
margin: 0 auto;
}
.stre_3s_btn {
width: 100%;
margin-top: 80px;
}
.stre_3s_btn .tate_btn {
width: 170px;
margin: 0 auto;
height: 44px;
padding: 0 10px;
font-size: 13px;
margin-bottom: 20px;
}
.stre_3s_btn .tate_btn:last-child {
margin-bottom: 0;
}
.tate_btn:after {
background: url(//citinet.jp/wp-content/themes/citynet/images/arrow.png) no-repeat center / 100%;
top: 50%;
transform: translateY(-50%);
right: 10px;
width: 20px;
height: 7px;
}
.luxea_main_title h2,
.brighm_main_title h2 {
text-align: center;
}
.luxea_main_title,
.brighm_main_title {
margin-bottom: 30px;
}
.luxea_main_copy,
.brighm_main_copy {
font-size: 20px;
margin-bottom: 30px;
}
.luxea_main_title h2 img,
.brighm_main_title h2 img {
max-width: 90%;
}
.luxea_img,
.brighm_img {
margin-bottom: 50px;
}
.luxea_txt p,
.brighm_txt p {
margin-bottom: 40px;
}
.luxea_img02,
.brighm_img01 {
margin-bottom: 5vw;
}
.luxea_img_box_content,
.brighm_img_box_content {
font-size: 2.6vw;
padding: 15px;
}
.luxea_img_left {
padding-top: 10vw;
}
.btn_white {
margin: 0 auto;
}
.stre_commitment_title h2 {
font-size: 20px;
}
.stre_commitment_title h2 span {
font-size: 12px;
}
.stre_commitment_lead h3 {
font-size: 17px;
margin-bottom: 20px;
}
.stre_commitment_quality h3 {
font-size: 34px;
margin-bottom: 20px;
}
.stre_commitment_quality h4 {
font-size: 17px;
margin: 15px 0;
}
.stre_purchase_box .stre_purchase_name {
font-size: 16px;
}
}
@media only screen and ( max-width : 767px ) {
#stre_main .stre_title {
font-size: 36px;
}
#stre_3s {
padding-top: 100px;
}
.sp_img_100vw {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.luxea_img_left,
.luxea_img_right,
.brighm_img_left,
.brighm_img_right {
width: 48%;
}
.stre_commitment_title {
height: 300px;
background: url(//citinet.jp/wp-content/themes/citynet/images/stre/stre_commitment_title_bg_sp.jpg) no-repeat center / cover;
}
.stre_commitment_title:before,
.stre_commitment_title:after {
height: 100px;
}
.stre_commitment_quality_list,
.stre_purchase_list {
padding: 0 15px;
}
.stre_commitment_quality_list .slick-prev:before,
.stre_commitment_quality_list .slick-next:before,
.stre_purchase_list .slick-prev:before,
.stre_purchase_list .slick-next:before {
color: #fff;
}
.stre_commitment_quality_list .slick-dots li button:before,
.stre_purchase_list .slick-dots li button:before {
border: 1px solid #fff;
background: none;
}
.stre_commitment_quality_list .slick-dots li.slick-active button:before,
.stre_purchase_list .slick-dots li.slick-active button:before {
background: #fff;
}
.stre_purchase_box .stre_purchase_inner {
bottom: 10px;
padding: 10px 15px;
}
.stre_purchase_box .stre_purchase_img {
height: 72vw;
}
.series_wrapper .series_copy {
font-size: 18px;
margin-top: -1em;
}
}
@media only screen and ( max-width : 575px ) {
#stre_3s p {
font-size: 3vw;
}
}
@media print, screen and ( min-width : 768px ) {
#stre_main .stre_title {
font-size: 72px;
}
#stre_3s {
padding-top: 200px;
}
.luxea_img_left,
.luxea_img_right,
.brighm_img_left,
.brighm_img_right {
width: 46%;
}
.luxea_img01,
.luxea_img02,
.brighm_img01,
.brighm_img02 {
max-width: 90%;
}
.stre_commitment_title {
height: 600px;
background: url(//citinet.jp/wp-content/themes/citynet/images/stre/stre_commitment_title_bg.jpg) no-repeat center / cover;
}
.stre_commitment_title:before,
.stre_commitment_title:after {
height: 200px;
}
.stre_commitment_quality_box {
width: 32%;
}
.stre_purchase_box {
width: 31%;
margin-right: 3.5%;
margin-top: 40px;
}
.stre_purchase_box:nth-child(1),
.stre_purchase_box:nth-child(2),
.stre_purchase_box:nth-child(3) {
margin-top: 0;
}
.stre_purchase_box:nth-child(3n) {
margin-right: 0;
}
.stre_purchase_box .stre_purchase_inner {
bottom: 10px;
padding: 10px 15px;
}
.stre_purchase_box .stre_purchase_img {
height: 28vw;
}
#stre_purchase .title .tit_en {
font-size: 36px;
}
.series_wrapper .series_copy {
font-size: 24px;
margin-top: -1em;
}
}
@media print, screen and ( min-width : 992px ) {
#stre_3s h2 {
font-size: 20px;
margin-left: 40px;
}
#stre_3s p {
margin-left: 40px;
font-size: 13px;
}
.stre_3s_img {
display: none;
}
.stre_3s_btn {
width: 180px;
}
.tate_btn {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
height: 220px;
width: 50px;
padding: 20px 0;
font-size: 13px;
}
.tate_btn:after {
background: url(//citinet.jp/wp-content/themes/citynet/images/arrow_tate.png) no-repeat center / 100%;
left: 50%;
transform: translateX(-50%);
bottom: 15px;
width: 10px;
height: 27px;
}
.tate_btn:last-of-type {
margin-left: 0;
}
.luxea_main_img {
width: 90%;
margin-left: -30%;
}
.brighm_main_img {
width: 90%;
margin-right: -30%;
}
.luxea_main_title {
width: 50%;
margin-right: -10%;
padding-bottom: 50px;
padding-top: 40px;
}
.brighm_main_title {
width: 50%;
margin-left: -10%;
padding-bottom: 50px;
}
.luxea_main_title:after,
.brighm_main_title:after {
content: "";
position: absolute;
height: 2px;
width: 120%;
background: #fff;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.luxea_main_copy,
.brighm_main_copy {
font-size: 32px;
margin-bottom: 40px;
}
.luxea_txt,
.brighm_txt {
width: 40%;
}
.luxea_img,
.brighm_img {
width: 54%;
}
.luxea_txt p,
.brighm_txt p {
margin-bottom: 40px;
font-size: 13px;
}
.luxea_img02,
.brighm_img01 {
margin-bottom: 60px;
}
.luxea_img_box_content,
.brighm_img_box_content {
font-size: 13px;
padding: 30px;
}
.luxea_img_left {
padding-top: 60px;
}
.stre_commitment_title h2 {
font-size: 30px;
}
.stre_commitment_title h2 span {
font-size: 15px;
}
.stre_commitment_lead h3 {
font-size: 24px;
margin-bottom: 30px;
}
.stre_commitment_quality h3 {
font-size: 40px;
margin-bottom: 40px;
}
.stre_commitment_quality h4 {
font-size: 18px;
margin: 20px 0;
}
.stre_commitment_quality_box {
width: 30%;
}
.stre_purchase_box .stre_purchase_inner {
bottom: 15px; padding: 15px 20px 20px; }
.stre_purchase_box .stre_purchase_img {
height: 300px;
}
.stre_purchase_box .stre_purchase_name {
font-size: 18px;
}
}
@media print, screen and ( min-width : 1200px ) {
#stre_3s p {
margin-left: 40px;
line-height: 2.5em;
}
} .stre_purchase_title {
border-bottom: 2px solid #fff;
text-align: center;
}
.slide-item img {
width: 100%;
}
#stre_purchase_gallery #slider{
opacity: 0;
transition: opacity .3s linear;
}
#stre_purchase_gallery #slider.slick-initialized{
opacity: 1;
}
#stre_purchase_gallery #thumbnail-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#stre_purchase_gallery .thumbnail-item {
box-sizing: border-box;
position: relative;
}
#stre_purchase_gallery .thumbnail-item:after {
content: "";
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
transition: 0.3s opacity linear;
}
#stre_purchase_gallery .thumbnail-item.thumbnail-current:after {
opacity: 0;
}
#stre_purchase_gallery .thumbnail-item img {
width: 100%;
margin: 0 auto;
}
#stre_purchase_gallery {
border-bottom: 2px solid #fff;
}
.stre_purchase_dl {
border: 2px solid #fff;
}
.stre_purchase_dl dt,
.stre_purchase_dl dd {
border-bottom: 1px solid #fff;
}
.stre_purchase_dl dt:last-of-type,
.stre_purchase_dl dd:last-of-type {
border-bottom: none;
}
#stre_purchase_map .gmap iframe {
width: 100%;
display: block;
}
.stre_purchase_sub_title {
text-align: center;
margin-bottom: 1em;
}
#stre_purchase_map .gmap {
margin-bottom: .6em;
}
.stre_purchase_form_dl a {
text-decoration: underline;
color: #fff;
}
.postcode {
position: relative;
max-width: 150px;
}
.postcode input[type="text"] {
padding-left: 30px;
}
.postcode span {
position: absolute;
z-index: 2;
top: 50%;
transform: translateY(-50%);
left: 10px;
color: #000;
}
.mw_wp_form_confirm .postcode span {
display: none;
}
#stre_purchase_form .mw_wp_form_confirm .postcode span {
color: #fff;
}
input[type="text"].bukken_id {
width: auto;
display: inline-block;
background: none;
color: #fff;
border: none;
}
.stre_purchase_form_submit_btn .submit_btn {
border: 1px solid #fff;
background: none;
}
.stre_purchase_form_submit_btn .submit_btn.back {
border: 1px solid #999;
color: #999;
}
@media only screen and ( max-width : 991px ) {
.stre_purchase_title {
padding-bottom: 20px;
}
.stre_purchase_title h1 {
font-size: 22px;
}
.stre_purchase_title .stre_purchase_price {
font-size: 15px;
}
.stre_purchase_dl dt,
.stre_purchase_dl dd {
padding: 10px;
font-size: 12px;
}
.stre_purchase_dl dt {
width: 90px;
}
.stre_purchase_dl dd {
width: calc(100% - 90px);
}
.stre_purchase_sub_title {
font-size: 18px;
}
}
@media only screen and ( max-width : 767px ) {
.stre_purchase_single_series {
margin-bottom: 15px;
}
.stre_purchase_single_series img {
max-width: 200px;
}
#stre_purchase_gallery #slider {
margin-bottom: 10px;
}
#stre_purchase_gallery .thumbnail-item {
width: 32%;
margin-right: 2%;
margin-top: 5px;
}
#stre_purchase_gallery .thumbnail-item:nth-child(3n) {
margin-right: 0;
}
.stre_purchase_point {
font-size: 15px;
margin-bottom: 30px;
}
.stre_purchase_dl {
padding: 15px;
}
#stre_purchase_map .gmap iframe {
height: 200px;
}
#stre_purchase_map p {
font-size: 10px;
}
.stre_purchase_form_dl {
margin: 40px 0 50px;
}
.stre_purchase_form_dl dt,
.stre_purchase_form_dl dd {
}
.stre_purchase_form_dl dt {
margin-bottom: 10px;
}
.stre_purchase_form_dl dd {
margin-bottom: 30px;
}
}
@media print, screen and ( min-width : 768px ) {
.stre_purchase_single_series {
margin-bottom: 15px;
}
.stre_purchase_single_series img {
max-width: 220px;
}
.stre_purchase_gallery_inner {
max-width: 700px;
margin: 0 auto;
}
#stre_purchase_gallery #slider {
margin-bottom: 10px;
}
#stre_purchase_gallery .thumbnail-item {
width: 18.4%;
margin-right: 2%;
margin-top: 10px;
}
#stre_purchase_gallery .thumbnail-item:nth-child(5n) {
margin-right: 0;
}
.stre_purchase_point {
text-align: center;
font-size: 18px;
margin-bottom: 60px;
}
.stre_purchase_dl {
padding: 30px;
}
#stre_purchase_map .gmap iframe {
height: 400px;
}
#stre_purchase_map p {
font-size: 12px;
}
.stre_purchase_form_dl {
margin: 40px 0 50px;
}
.stre_purchase_form_dl dt,
.stre_purchase_form_dl dd {
margin-bottom: 15px;
}
.stre_purchase_form_dl dt {
width: 220px;
}
.stre_purchase_form_dl dd {
width: calc(100% - 220px);
}
}
@media print, screen and ( min-width : 992px ) {
.stre_purchase_title {
padding-bottom: 30px;
}
.stre_purchase_title h1 {
font-size: 28px;
}
.stre_purchase_title .stre_purchase_price {
font-size: 18px;
}
.stre_purchase_dl dt,
.stre_purchase_dl dd {
padding: 15px 20px;
}
.stre_purchase_dl dt {
width: 200px;
}
.stre_purchase_dl dd {
width: calc((100% - 400px) / 2);
}
.stre_purchase_dl dd:nth-last-of-type(-n+2) {
width: calc(100% - 200px);
}
.stre_purchase_sub_title {
font-size: 24px;
}
#stre_purchase_form {
padding: 0 40px;
}
} #stre_gallery a {
color: #fff;
}
#stre_gallery a figure {
background: #fff;
}
#stre_gallery a:hover {
opacity: 1;
}
#stre_gallery a .stre_gallery_volNum_block,
#stre_gallery a img {
transition: .5s;
}
#stre_gallery a:hover .stre_gallery_volNum_block,
#stre_gallery a:hover img {
opacity: .8;
}
#stre_gallery h1 {
text-align: center;
letter-spacing: .15em;
}
.stre_gallery_volNum_block span {
display: block;
text-align: center;
line-height: 1;
}
.stre_gallery_num {
}
@media only screen and ( max-width : 991px ) {
#stre_gallery h1 {
font-size: 26px;
margin-bottom: 30px;
}
}
@media only screen and ( max-width : 767px ) {
.stre_gallery_lisst_item {
margin-bottom: 40px;
}
.stre_gallery_lisst_item:last-child {
margin-bottom: 0;
}
.stre_gallery_lisst_item figure img {
height: 60vw;
}
.stre_gallery_volNum_block {
margin-bottom: 10px;
}
.stre_gallery_volNum {
width: 50px;
}
.stre_gallery_vol {
font-size: 15px;
}
.stre_gallery_num {
font-size: 36px;
}
.stre_gallery_title {
margin-left: 15px;
width: calc(100% - 65px);
font-size: 17px;
}
}
@media print, screen and ( min-width : 768px ) {
.stre_gallery_lisst_item {
width: 48%;
margin-top: 60px;
} .stre_gallery_lisst_item figure img {
height: 32vw;
}
.stre_gallery_volNum_block {
margin-bottom: 15px;
}
.stre_gallery_volNum {
width: 70px;
}
.stre_gallery_vol {
font-size: 18px;
}
.stre_gallery_num {
font-size: 50px;
}
.stre_gallery_title {
margin-left: 30px;
width: calc(100% - 100px);
font-size: 20px;
}
}
@media print, screen and ( min-width : 992px ) {
#stre_gallery h1 {
font-size: 50px;
margin-bottom: 80px;
}
.stre_gallery_lisst_item {
width: 45%;
}
.stre_gallery_lisst_item figure img {
height: 300px;
}
}
@media print, screen and ( min-width : 1540px ) {
.stre_gallery_lisst_item figure img {
height: 390px;
}
} .stre_gallery_modal_brighm .modalClose img,
.stre_gallery_modal_luxea .modalClose img {
opacity: 0;
}
.stre_gallery_modal_brighm .modalClose {
background: url(//citinet.jp/wp-content/themes/citynet/images/close_brighm.png) no-repeat center / 100%;
}
.stre_gallery_modal_luxea .modalClose {
background: url(//citinet.jp/wp-content/themes/citynet/images/close_luxea.png) no-repeat center / 100%;
}
.stre_gallery_slider .slider-thumb {
justify-content: flex-start;
}
.stre_gallery_outline h3 {
color: #0B5797;
border-bottom: 1px solid #0B5797;
padding-bottom: .5em;
margin-bottom: 1em;
}
.stre_gallery_modal_brighm .stre_gallery_outline h3 {
color: #A59675;
border-bottom: 1px solid #A59675;
}
.stre_gallery_modal_luxea .stre_gallery_outline h3 {
color: #7A7F7E;
border-bottom: 1px solid #7A7F7E;
}
.stre_gallery_outline dl {
align-items: center;
}
.stre_gallery_outline dt span {
background: #0B5797;
color: #fff;
display: inline-block;
width: 100px;
text-align: center;
}
.stre_gallery_outline dt.dt_brighm span {
background: #A59675;
}
.stre_gallery_outline dt.dt_luxea span {
background: #7A7F7E;
}
.stre_gallery_outline dd {
line-height: 1.3em;
color: #000;
}
.stre_gallery_category li {
max-width: 340px;
width: 48%;
}
.stre_gallery_category li:last-child {
margin-right: 0;
}
.stre_gallery_category li a {
display: block;
border: 1px solid #fff;
text-align: center;
padding: .2em .5em;
}
.stre_gallery_category li.current-menu-item a {
background: #fff;
color: #000 !important;
}
@media only screen and ( max-width : 1199px ) {
.stre_gallery_outline dt,
.stre_gallery_outline dd {
margin-bottom: 10px;
}
.stre_gallery_outline dt:last-of-type,
.stre_gallery_outline dd:last-of-type {
margin-bottom: 0;
}
.stre_gallery_outline dt {
width: 100px;
margin-right: 30px;
}
.stre_gallery_outline dd {
width: calc(100% - 130px);
}
}
@media only screen and ( max-width : 991px ) {
.stre_gallery_category {
margin-bottom: 50px;
}
.stre_gallery_category li {
margin-right: 4%;
}
.stre_gallery_slider .thumbnail-item {
width: 23.5%;
margin-right: 2%;
margin-top: 1.6vw;
}
.stre_gallery_slider .thumbnail-item:nth-child(4n) {
margin-right: 0;
}
.stre_gallery_slider .thumbnail-item img {
height: 18vw;
}
.stre_gallery_slider .slider .contain {
height: 54vw;
}
}
@media only screen and ( max-width : 767px ) {
.stre_gallery_outline {
margin-top: 20px;
}
.stre_gallery_outline h3 {
font-size: 18px;
}
.stre_gallery_outline dt {
width: 100px;
margin-right: 15px;
}
.stre_gallery_outline dd {
width: calc(100% - 115px);
}
}
@media print, screen and ( min-width : 768px ) {
.stre_gallery_outline {
margin-top: 40px;
}
.stre_gallery_outline h3 {
font-size: 20px;
}
}
@media print, screen and ( min-width : 992px ) {
.stre_gallery_category {
margin-bottom: 80px;
}
.stre_gallery_category li {
margin-right: 100px;
}
.stre_gallery_slider .slider-main {
width: 64%;
}
.stre_gallery_slider .slider-thumb {
width: 32%;
margin-top: -.8vw;
}
.stre_gallery_slider .thumbnail-item {
width: 31%;
margin-right: 3.5%;
margin-top: .8vw;
}
.stre_gallery_slider .thumbnail-item:nth-child(3n) {
margin-right: 0;
}
.stre_gallery_slider .thumbnail-item img {
height: 7vw;
}
.stre_gallery_slider .slider .contain {
height: 30.4vw;
}
.stre_gallery_outline dt,
.stre_gallery_outline dd {
font-size: 13px;
}
.stre_gallery_outline dt {
width: 90px;
margin-right: 20px;
}
.stre_gallery_outline dd {
width: calc((100% - (110px * 2)) / 2 );
padding-right: 20px;
}
}
@media print, screen and ( min-width : 1200px ) {
.stre_gallery_slider .thumbnail-item img {
}
.stre_gallery_outline dt {
width: 90px;
margin-right: 20px;
}
.stre_gallery_outline dd {
width: calc((100% - (110px * 4)) / 4 );
padding-right: 20px;
}
}
@media print, screen and ( min-width : 1300px ) {
.stre_gallery_slider .thumbnail-item img {
}
}
@media print, screen and ( min-width : 1540px ) {
.stre_gallery_slider .slider .contain {
height: 470px;
}
.stre_gallery_slider .slider-thumb {
margin-top: -10px;
}
.stre_gallery_slider .thumbnail-item {
margin-top: 10px;
}
.stre_gallery_slider .thumbnail-item img {
height: 110px;
}
} #recruit_main {
position: relative;
}
#recruit_main .recruit_main_copy {
position: absolute;
z-index: 10;
width: 40%;
bottom: 4vw;
left: 4vw;
}
#recruit_lead p {
text-align: center;
line-height: 2em;
}
.top_messsage_txt p {
line-height: 2em;
position: relative;
padding-left: 1.4em;
}
.top_messsage_txt p:before {
content: "";
position: absolute;
height: 1px;
width: 1em;
background: #000;
left: 0;
top: 1.1em;
}
.entry_bnr a {
display: block;
margin: 0 auto;
}
#qa h3 {
text-align: center;
}
#qa h3 img {
display: block;
margin: 0 auto;
}
#qa h3 span {
display: inline-block;
font-weight: 700;
color: #C2802B;
background:linear-gradient(transparent 70%, rgba(255,255,0,.45) 70%);
letter-spacing: .2em;
}
.qa_lead_txt {
text-align: center;
}
.qa__box h4 {
text-align: center;
}
.qa__box figcaption {
text-align: center;
}
.job_introduction_map {
position: relative;
text-align: center;
}
.job_introduction_map .modalBtn,
.job_introduction_map .no_modal {
position: absolute;
z-index: 10;
}
.job_introduction_map .modalBtn.fadein__active,
.job_introduction_map .no_modal.fadein__active,
.job_introduction_map .job_introduction_bg.fadein__active {
transition-delay: .3s;
animation-delay: .3s;
}
.job_introduction_map .no_modal {
cursor: not-allowed;
}
.job_introduction_map .modalBtn img {
transition: .3s;
}
.job_introduction_map .modalBtn:hover img {
opacity: .4;
}
@media only screen and ( max-width : 991px ) {
.qa__box h4 {
margin-bottom: 20px;
font-size: 15px;
}
.qa__box h4 span {
padding: 6px 10px;
min-width: 180px;
}
.qa__box h4 span small {
font-size: 12px;
}
.qa__box figcaption {
font-size: 12px;
margin-top: 15px;
}
}
@media only screen and ( max-width : 767px ) {
#recruit_nav li {
width: 48.5%;
}
#recruit_nav li:last-child {
width: 100%;
}
#recruit_lead p {
font-size: 12px;
}
.top_messsage_txt h2 {
margin-bottom: 30px;
}
.top_messsage_txt {
margin-bottom: 30px;
}
.top_messsage_img img {
max-width: 200px;
display: block;
margin: 0 auto;
}
#recruit_nav ul {
margin-left: -15px;
margin-right: -15px;
}
#recruit_nav li {
margin-top: 10px;
}
#job_introduction h2 {
margin-bottom: 20px;
padding: 0 30px;
}
#job_introduction p {
padding: 0 30px;
}
#job_introduction .container { }
.job_introduction_map {
margin-top: 30px;
}
#interview h2,
#job_description h2,
#qa h2 {
margin-bottom: 30px;
}
#qa h3 {
margin-bottom: 20px;
}
#qa h3 img {
max-width: 200px;
}
#qa h3 span {
font-size: 18px;
margin-top: 10px;
}
.qa__box {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.qa__box h4 {
margin-bottom: 0;
font-size: 14px;
padding: 10px;
position: relative;
cursor: pointer;
}
.qa__box h4 span {
padding: 0;
min-width: 100%;
}
.qa__box h4 span small {
font-size: 11px;
}
.qa__box h4 .icon-wrap {
position: absolute;
right: 5px;
top: 50%;
transform: translatey(-50%);
width: 30px;
height: 30px;
} .qa__box h4 .icon {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}  .qa__box h4 .icon:before,
.qa__box h4 .icon:after {
position: absolute;
content: "";
display: block;
transition: all 0.4s;
background: #666666;
left: 50%;
top: 50%;
width: 50%;
height: 2px;
transform: translate(-50%, -50%);
} .qa__box h4 .icon:before {
transform: translate(-50%, -50%) rotate(90deg);
} .qa__box h4.open .icon:before {
transform: translate(-50%, -50%) rotate(0deg);
}
.qa__box.qa__box_color01 h4 {
background: rgba(216,128,43,.18);
}
.qa__box.qa__box_color02 h4 {
background: rgba(216,175,43,.18);
}
.qa__box.qa__box_color03 h4 {
background: rgba(93,168,60,.18);
}
.qa__box.qa__box_color04 h4 {
background: rgba(11,56,186,.18);
}
.qa__box.qa__box_color05 h4 {
background: rgba(200,56,174,.18);
}
.qa_inner {
display: none;
padding: 30px;
}
.qa_lead_txt {
margin-bottom: 50px;
}
.qa__box { }
.job_introduction_map .job_introduction_bg {
width: 34%;
}
.job_introduction_map .modalBtn,
.job_introduction_map .no_modal {
width: 50%;
}
.map_btn01 {
left: 0%;
top: 10%;
}
.map_btn02 {
left: 0%;
top: 28%;
}
.map_btn03 {
left: 0%;
top: 44%;
}
.map_btn04 {
left: 0%;
top: 61%;
}
.map_btn05 {
left: 0%;
top: 76%;
}
.map_btn06 {
right: 0%;
top: 8%;
}
.map_btn07 {
right: 0%;
top: 23%;
}
.map_btn08 {
right: 0%;
top: 39%;
}
.map_btn09 {
right: 0%;
top: 55%;
}
.map_btn10 {
right: 0%;
top: 70%;
}
}
@media print, screen and ( min-width : 768px ) {
#recruit_nav li {
width: 32%;
}
#recruit_nav li:nth-child(1),
#recruit_nav li:nth-child(2) {
width: 49%;
}
#recruit_lead p {
font-size: 14px;
}
.top_messsage_img {
width: 38%;
}
.top_messsage_txt {
width: 54%;
}
.top_messsage_txt h2 {
margin-bottom: 50px;
}
.top_messsage_txt p {
margin-bottom: 50px;
}
#recruit_nav li {
margin-top: 20px;
}
#job_introduction h2,
#qa h2 {
margin-bottom: 30px;
}
.job_introduction_map {
margin-top: 50px;
}
#interview h2,
#job_description h2 {
margin-bottom: 50px;
}
.entry_bnr a {
max-width: 700px;
}
#qa h3 {
margin-bottom: 40px;
}
#qa h3 span {
font-size: 26px;
margin-top: 20px;
}
.qa__box h4 .icon-wrap {
display: none;
}
.qa__box h4 {
pointer-events: none;
}
.qa__box h4 span {
display: inline-block;
position: relative;
border: 2px solid #000;
}
.qa__box h4 span:after {
content: "";
border: 2px solid #000;
position: absolute;
width: calc(100% + 8px);
height: calc(100% - 8px);
left: -6px;
top: 2px;
}
.qa_lead_txt {
margin-bottom: 80px;
}
.qa_wrapper {
margin-bottom: 80px;
}
.qa_col02 {
max-width: 90%;
margin: 0 auto 80px;
}
.qa_col02 .qa__box {
width: 46%;
}
.qa_col03 .qa__box {
width: 30%;
margin-right: 5%;
}
.qa_col03 .qa__box:last-child {
margin-right: 0;
}
.job_introduction_map .job_introduction_bg {
width: 36%;
}
.job_introduction_map .modalBtn,
.job_introduction_map .no_modal {
width: 32%;
}
.map_btn01 {
left: 21%;
top: 20%;
}
.map_btn02 {
left: 15.4%;
top: 36%;
}
.map_btn03 {
left: 15.4%;
top: 49%;
}
.map_btn04 {
left: 1.3%;
top: 62%;
}
.map_btn05 {
left: 6.6%;
top: 75%;
}
.map_btn06 {
right: 9.6%;
top: 22%;
}
.map_btn07 {
right: 9.6%;
top: 32%;
}
.map_btn08 {
right: 9.6%;
top: 42%;
}
.map_btn09 {
right: 1.2%;
top: 55%;
}
.map_btn10 {
right: 4.3%;
top: 67%;
}
}
@media print, screen and ( min-width : 992px ) {
#recruit_nav ul {
max-width: 70%;
margin: 0 auto;
}
.qa__box h4 {
margin-bottom: 30px;
font-size: 18px;
}
.qa__box h4 span {
padding: 6px 20px;
min-width: 200px;
}
.qa__box h4 span small {
font-size: 13px;
}
.qa__box figcaption {
font-size: 14px;
margin-top: 20px;
}
} .job_introduction_modal_title {
border-bottom: 1px solid #A2A2A2;
}
.job_introduction_modal_title h2 {
text-align: center;
}
.job_introduction_modal_title p {
text-align: center;
}
.job_introduction_content .thumbnail-list .slick-track {
transform: unset !important;
}
.job_introduction_content .thumbnail-list {
display: flex;
justify-content: space-between;
}
.job_introduction_content .thumbnail-list .thumbnail-item {
transition: opacity .3s linear;
position: relative;
cursor: pointer;
}
.job_introduction_content .thumbnail-list01 .thumbnail-item {
width: 19.6%;
}
.job_introduction_content .thumbnail-list01 .thumbnail-item img {
opacity: 0.8;
}
.job_introduction_content .thumbnail-list01 .thumbnail-item.thumbnail-current {
opacity: 1;
}
.job_introduction_content .thumbnail-list01 .thumbnail-item.thumbnail-current:after {
content: "";
background: #EBD800;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 10;
opacity: 1;
mix-blend-mode: multiply;
}
.job_introduction_content .thumbnail-item.thumbnail-current:before {
content: "";
position: absolute;
background: url(//citinet.jp/wp-content/themes/citynet/images/recruit/job_introduction/balloon.png) no-repeat center / 100%;
z-index: 10;
left: 50%;
transform: translateX(-50%);
}
.job_introduction_content .thumbnail-item .job_kind_name {
position: absolute;
z-index: 11;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.job_introduction_content .slider {
position: relative;
}
.job_introduction_modal_week h2 {
text-align: center;
}
.job_introduction_content .job_introduction_modal_week .thumbnail-list .thumbnail-item {
width: 13.857142857142857%;
}
.job_introduction_content .job_introduction_modal_week .thumbnail-list .thumbnail-item:last-child,
.job_introduction_consultant .job_introduction_content .job_introduction_modal_week .thumbnail-list .thumbnail-item:first-child,
.job_introduction_trainee .job_introduction_content .job_introduction_modal_week .thumbnail-list .thumbnail-item:nth-child(3),
.job_introduction_house_planning .job_introduction_content .job_introduction_modal_week .thumbnail-list .thumbnail-item:nth-child(3) {
width: 27.714285714285714%;
}
.job_introduction_content .job_introduction_modal_week .thumbnail-list .thumbnail-item:last-child .thumbnail_youbi,
.job_introduction_consultant .job_introduction_content .job_introduction_modal_week .thumbnail-list .thumbnail-item:first-child .thumbnail_youbi,
.job_introduction_trainee .job_introduction_content .job_introduction_modal_week .thumbnail-list .thumbnail-item:nth-child(3) .thumbnail_youbi,
.job_introduction_house_planning .job_introduction_content .job_introduction_modal_week .thumbnail-list .thumbnail-item:nth-child(3) .thumbnail_youbi {
display: flex;
}
.job_introduction_content .job_introduction_modal_week .thumbnail-list .thumbnail-item:last-child .thumbnail_youbi span,
.job_introduction_consultant .job_introduction_content .job_introduction_modal_week .thumbnail-list .thumbnail-item:first-child .thumbnail_youbi span,
.job_introduction_trainee .job_introduction_content .job_introduction_modal_week .thumbnail-list .thumbnail-item:nth-child(3) .thumbnail_youbi span,
.job_introduction_house_planning .job_introduction_content .job_introduction_modal_week .thumbnail-list .thumbnail-item:nth-child(3) .thumbnail_youbi span {
width: 50%;
}
.job_introduction_content .job_introduction_modal_week .thumbnail-list .thumbnail-item:last-child .thumbnail_youbi span:after,
.job_introduction_consultant .job_introduction_content .job_introduction_modal_week .thumbnail-list .thumbnail-item:first-child .thumbnail_youbi span:after,
.job_introduction_trainee .job_introduction_content .job_introduction_modal_week .thumbnail-list .thumbnail-item:nth-child(3) .thumbnail_youbi span:after,
.job_introduction_house_planning .job_introduction_content .job_introduction_modal_week .thumbnail-list .thumbnail-item:nth-child(3) .thumbnail_youbi span:after {
content: "";
width: 2%;
top: 0;
height: 100%;
background: #fff;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.job_introduction_content .job_introduction_modal_week .thumbnail-list .thumbnail-item:last-child .thumbnail_youbi span:last-child:after,
.job_introduction_consultant .job_introduction_content .job_introduction_modal_week .thumbnail-list .thumbnail-item:first-child .thumbnail_youbi span:last-child:after,
.job_introduction_trainee .job_introduction_content .job_introduction_modal_week .thumbnail-list .thumbnail-item:nth-child(3) .thumbnail_youbi span:last-child:after,
.job_introduction_house_planning .job_introduction_content .job_introduction_modal_week .thumbnail-list .thumbnail-item:nth-child(3) .thumbnail_youbi span:last-child:adter {
content: none;
}
.thumbnail_youbi {
text-align: center;
color: #fff;
position: relative;
margin-bottom: 5px;
}
.thumbnail_youbi_content {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.job_introduction_chief_consultant .thumbnail_youbi {
background: #78BA4E;
}
.job_introduction_chief_consultant .thumbnail_youbi_content {
background: #D3E0B9;
}
.job_introduction_chief_consultant .job_introduction_content .job_introduction_modal_week .thumbnail-item.thumbnail-current .thumbnail_youbi_content {
background: #78BA4E;
}
.job_introduction_consultant .thumbnail_youbi {
background: #3674AE;
}
.job_introduction_consultant .thumbnail_youbi_content {
background: #CADCEE;
}
.job_introduction_consultant .job_introduction_content .job_introduction_modal_week .thumbnail-item.thumbnail-current .thumbnail_youbi_content {
background: #3674AE;
color: #fff;
}
.job_introduction_trainee .thumbnail_youbi {
background: #309EFF;
}
.job_introduction_trainee .thumbnail_youbi_content {
background: #C1DEEE;
}
.job_introduction_trainee .job_introduction_content .job_introduction_modal_week .thumbnail-item.thumbnail-current .thumbnail_youbi_content {
background: #309EFF;
}
.job_introduction_house_planning .thumbnail_youbi {
background: #978080;
}
.job_introduction_house_planning .thumbnail_youbi_content {
background: #E2DBDB;
}
.job_introduction_house_planning .job_introduction_content .job_introduction_modal_week .thumbnail-item.thumbnail-current .thumbnail_youbi_content {
background: #978080;
color: #fff;
}
.thumbnail_youbi_content p {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.job_introduction_modal_title .job_int_member_name p,
.job_introduction_modal_title .job_int_member_profile p { text-align:justify;
word-break:break-all; 
text-justify:inter-ideograph;
text-justify:inter-character;
word-wrap:break-word;
overflow-wrap:break-word;
}
.job_introduction_modal_title .job_int_member_name p span,
.job_introduction_modal_title .job_int_member_name p small {
display: block;
line-height: 1.3em;
}
.job_introduction_modal_title .job_int_member_name p span {
letter-spacing: .15em;
}
.job_introduction_modal_title .job_int_member_name p small {
margin-bottom: 1em;
}
.job_introduction_content .int_sub_title {
margin-bottom: .5em;
}
.job_introduction_backoffice .job_introduction_content .int_sub_title {
border-bottom: 5px solid #EBD800;
}
.job_introduction_chief_consultant .job_introduction_content .int_sub_title {
border-bottom: 5px solid #78BA4E;
}
.job_introduction_consultant .job_introduction_content .int_sub_title {
border-bottom: 5px solid #3674AE;
}
.job_introduction_trainee .job_introduction_content .int_sub_title {
border-bottom: 5px solid #309EFF;
}
.job_introduction_house_planning .job_introduction_content .int_sub_title {
border-bottom: 5px solid #978080;
}
.job_kind_txt p,
.job_interview_txt p {
text-align:justify;
word-break:break-all; 
text-justify:inter-ideograph;
text-justify:inter-character;
word-wrap:break-word;
overflow-wrap:break-word;
}
@media only screen and ( max-width : 991px ) {
.job_kind_photo {
margin-bottom: 20px;
}
}
@media only screen and ( max-width : 767px ) {
.job_introduction_modal_title h2 img {
max-width: 80%;
}
.job_introduction_modal_title {
padding-bottom: 20px;
margin-bottom: 30px;
}
.job_introduction_modal_title p {
font-size: 16px;
margin-top: 20px;
}
.job_introduction_content .thumbnail-list {
margin: 0 auto 60px;
}
.job_introduction_content .thumbnail-list01 {
margin: 0 auto 38px;
}
.job_introduction_content .thumbnail-item {
height: 150px;
}
.job_introduction_content .thumbnail-item.thumbnail-current:before {
width: 24px;
height: 33px;
bottom: -65px;
}
.job_introduction_content .thumbnail-list01 .thumbnail-item.thumbnail-current:before {
bottom: -43px;
}
.job_introduction_content .int_sub_title {
font-size: 17px;
}
.job_introduction_content .slider {
padding: 15px;
border: 2px solid #BBBBBB;
}
.job_introduction_modal_week h2 {
font-size: 18px;
}
.job_introduction_modal_title .job_int_member_name p small {
font-size: 12px;
}
.job_introduction_modal_title .job_int_member_name p span {
font-size: 22px;
}
.job_interview {
margin-top: 40px;
}
.job_interview_box {
margin-bottom: 40px;
}
.job_interview_box:last-child {
margin-bottom: 0;
}
.job_interview_txt {
margin-bottom: 20px;
}
}
@media print, screen and ( min-width : 768px ) {
.job_introduction_modal_title {
padding-bottom: 40px;
margin-bottom: 50px;
}
.job_introduction_modal_title p {
font-size: 16px;
margin-top: 30px;
}
.job_introduction_content .thumbnail-list {
max-width: 90%;
margin: 0 auto 90px;
}
.job_introduction_content .thumbnail-list01 {
margin: 0 auto 55px;
}
.job_introduction_content .thumbnail-item {
height: 230px;
font-size: 18px;
}
.job_introduction_content .thumbnail-item.thumbnail-current:before {
width: 46px;
height: 63px;
bottom: -99px;
}
.job_introduction_content .thumbnail-list01 .thumbnail-item.thumbnail-current:before {
bottom: -64px;
}
.job_introduction_content .int_sub_title {
font-size: 19px;
}
.job_introduction_content .slider {
padding: 30px;
border: 3px solid #BBBBBB;
}
.job_introduction_modal_week h2 {
font-size: 24px;
}
.job_int_member_name {
width: 32%;
padding-left: 20px;
}
.job_int_member_profile {
width: 64%;
padding-right: 20px;
}
.job_introduction_modal_title .job_int_member_name p small {
font-size: 15px;
}
.job_introduction_modal_title .job_int_member_name p span {
font-size: 30px;
}
.job_interview {
margin-top: 80px;
}
.job_interview_box {
margin-bottom: 50px;
}
.job_interview_box:last-child {
margin-bottom: 0;
}
.job_interview_box:nth-child(even) {
flex-direction: row-reverse;
}
.job_interview_txt {
width: 59%;
}
.job_interview_ph {
width: 37%;
}
.member_profile dt {
text-align: left;
}
.member_profile dd {
width: calc((100% - 16em) / 2);
padding-right: 1em;
}
}
@media print, screen and ( min-width : 992px ) {
.job_introduction_content {
max-width: 1080px;
margin: 0 auto;
}
.job_kind_photo {
width: 40%;
}
.job_kind_txt {
width: 58%;
}
.job_int_member_name {
padding-left: 40px;
}
.job_int_member_profile {
padding-right: 40px;
}
} .int__thumb {
position: relative;
}
.int__thumb .js-modal-video:before {
content: "";
background: url(//citinet.jp/wp-content/themes/citynet/images/icon-play.png) no-repeat center / 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
z-index: 10;
} .int__thumb video {
width: 100%;
display: block;
}
.int__thumb .int__label {
background: #FFAD00;
color: #fff;
position: absolute;
z-index: 3;
top: 0;
left: 0;
height: 100%;
width: 30px;
padding: 10px 0;
display: flex;
justify-content: center;
}
.int__thumb .int__label.int__label_green {
background: #5D923C;
}
.int__thumb .int__label p {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
height: 100%;
}
.int__video {
padding-left: 30px;
}
.int__thumb .int_thumb_img {
width: 100%;
}
.int__thumb .int_icon_play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 3;
}
.int__txt h3 {
font-weight: 700;
color: #5D923C;
line-height: 1.5em;
margin-bottom: 10px;
}
@media only screen and ( max-width : 991px ) {
}
@media only screen and ( max-width : 767px ) {
.int__box {
margin-bottom: 30px;
}
.int__box:last-child {
margin-bottom: 0;
}
.int__thumb .int_icon_play {
width: 60px;
}
.int__txt h3 {
font-size: 17px;
}
.int__thumb {
margin-bottom: 15px;
}
.int__thumb .js-modal-video:before {
width: 70px;
height: 70px;
}
.int__name {
font-size: 11px;
}
}
@media print, screen and ( min-width : 768px ) {
.int__box {
width: 48%;
margin-top: 30px;
}
.int__box:nth-child(1),
.int__box:nth-child(2) {
margin-top: 0;
}
.int__txt h3 {
font-size: 20px;
}
.int__thumb {
margin-bottom: 20px;
}
.int__thumb .js-modal-video:before {
width: 100px;
height: 100px;
}
.int__name {
font-size: 13px;
}
}
@media print, screen and ( min-width : 992px ) {
} #job_description .accordion__box .accordion_header {
position: relative;
cursor: pointer;
background: rgba(196,196,196,.46);
}
#job_description .accordion_inner {
display: none;
} .accordion__box .accordion_header .icon-wrap {
position: absolute;
right: 5px;
top: 50%;
transform: translatey(-50%);
width: 38px;
height: 38px;
} #job_description .accordion__box .accordion_header .icon {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}  #job_description .accordion__box .accordion_header .icon:before,
#job_description .accordion__box .accordion_header .icon:after {
position: absolute;
content: "";
display: block;
transition: all 0.4s;
background: #4D4D4D;
left: 50%;
top: 50%;
width: 50%;
height: 2px;
transform: translate(-50%, -50%);
} #job_description .accordion__box .accordion_header .icon:before {
transform: translate(-50%, -50%) rotate(90deg);
} #job_description .accordion__box .accordion_header.open .icon:before {
transform: translate(-50%, -50%) rotate(0deg);
}
.dl_list dt {
background: rgba(176,74,128,.1);
}
@media only screen and ( max-width : 991px ) {
}
@media only screen and ( max-width : 767px ) {
.accordion__box {
margin-bottom: 20px;
}
.accordion__box:last-child {
margin-bottom: 0;
}
#job_description .accordion__box .accordion_header {
padding: 15px;
}
.accordion_inner {
padding: 15px;
}
.dl_list dt {
padding: 10px 15px;
}
.dl_list dd {
padding: 10px 15px;
border-bottom: 1px solid rgba(176,74,128,.56);
}
}
@media print, screen and ( min-width : 768px ) {
.accordion__box {
margin-bottom: 30px;
}
.accordion__box:last-child {
margin-bottom: 0;
}
#job_description .accordion__box .accordion_header {
padding: 20px 30px;
}
.accordion_inner {
padding: 30px 20px;
}
.dl_list {
display: flex;
flex-wrap: wrap;
}
.dl_list dt,.dl_list dd {
border-bottom: 1px solid rgba(176,74,128,.56);
padding: 20px 30px;
}
.dl_list dt {
width: 180px;
display: flex;
align-items: center;
}
.dl_list dd {
width: calc(100% - 180px);
}
}
@media print, screen and ( min-width : 992px ) {
} .top_message_content .fadein {
transition: .8s;
}
.top_message_content .fadein.fadein__active {
transition-delay: .2s;
}
.top_message_title_txt p {
font-weight: 700;
letter-spacing: .15em;
}
.top_message_content h2 {
font-weight: 700;
color: #0B5780;
border-bottom: 1px solid #0B5780;
padding-bottom: .5em;
line-height: 1.6em;
}
.top_message_content p {
margin-bottom: 2.5em;
line-height: 1.8em;
letter-spacing: 0;
}
.top_message_content p:last-child {
margin-bottom: 0;
}
.top_message_content .top_message_q {
color: #0B5780;
font-weight: 700;
position: relative;
padding-left: 25px;
margin-bottom: 1.5em;
line-height: 1.5em;
letter-spacing: 0;
}
.top_message_content .top_message_q:before {
content: "";
width: 15px;
height: 2px;
background: #0B5780;
position: absolute;
left: 0;
top: .7em;
}
.top_message_content .top_profile {
background: #D1D8E1;
}
.top_message_content .top_profile h3 {
background: #0B5789;
color: #fff;
padding: 0 10px;
margin-bottom: 1em;
}
.top_message_content .top_profile p {
margin-bottom: 0;
line-height: 2em;
text-align:justify;
word-break:break-all; 
text-justify:inter-ideograph;
text-justify:inter-character;
word-wrap:break-word;
overflow-wrap:break-word;
}
.top_message_intBox p {
text-align:justify;
word-break:break-all; 
text-justify:inter-ideograph;
text-justify:inter-character;
word-wrap:break-word;
overflow-wrap:break-word;
}
@media only screen and ( max-width : 991px ) {
.top_message_title_img {
margin-bottom: 30px;
}
.top_message_col_img { text-align: center;
}
.top_message_col_img img {
max-width: 80%;
}
}
@media only screen and ( max-width : 767px ) {
.top_message_title_img {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.top_message_title_txt h1 {
margin-bottom: 30px;
}
.top_message_title_txt p {
font-size: 14px;
text-align: center !important;
}
.top_message_title_txt .top_message_lead_txt {
font-size: 17px;
margin-bottom: 20px;
text-align: center;
}
.top_message_content h2 {
font-size: 19px;
margin-bottom: 20px;
}
.top_message_content .top_message_q {
font-size: 16px;
}
.top_message_content .top_profile {
padding: 15px;
}
.top_message_intBox {
margin-bottom: 60px;
}
.top_message_col_img {
margin-top: 30px;
}
.top_message_content .top_profile .top_profile_name {
font-size: 16px;
margin-bottom: 10px;
}
.top_message_content .top_profile .top_profile_name span {
font-size: 13px;
display: block;
}
}
@media print, screen and ( min-width : 768px ) {
.top_message_title_txt h1 {
margin-bottom: 80px;
}
.top_message_title_txt .top_message_lead_txt {
font-size: 22px;
margin-bottom: 50px;
}
.top_message_content h2 {
font-size: 24px;
margin-bottom: 30px;
}
.top_message_content p {
font-size: 14px;
}
.top_message_content .top_message_q {
font-size: 17px;
}
.top_message_content .top_profile {
padding: 30px;
}
.top_message_intBox {
margin-bottom: 120px;
}
.top_message_col_txt {
width: 52%;
}
.top_message_col_img {
width: 44%;
}
.top_message_content .top_profile .top_profile_name {
font-size: 18px;
margin-bottom: 10px;
}
.top_message_content .top_profile .top_profile_name span {
font-size: 15px;
margin-right: 20px;
}
}
@media print, screen and ( min-width : 992px ) {
.top_message_title .container {
max-width: 1210px;
}
.top_message_title_img {
width: 70%;
margin-left: -20%;
}
.top_message_title_txt {
width: 42%;
}
} .search_modal .modal_content li {
margin-bottom: 15px;
}
.search_modal .modal_content li:last-child {
margin-bottom: 0;
}
.search_modal .modal_content li a {
background: #DEE5EE;
display: block;
color: #0B5796;
text-align: center;
padding: 15px;
}
@media only screen and ( max-width : 991px ) {
}
@media only screen and ( max-width : 767px ) {
}
@media print, screen and ( min-width : 768px ) {
.link__area .title .tit_jp {
font-size: 14px;
}
.link__area .title .tit_en {
font-size: 22px;
letter-spacing: .05em;
}
}
@media print, screen and ( min-width : 992px ) {
.search_modal .modal_inner {
max-width: 600px;
}
.search_modal .modal_content {
padding: 80px 80px 40px;
}
} #pp h1 {
background: #0B5795;
}
#pp .title span {
color: #fff;
}
.pp_nav {
max-width: 750px;
margin: 0 auto;
border: 1px solid #0B5795;
}
.pp_nav li {
width: 50%;
border-right: 1px solid #0B5795;
}
.pp_nav li:last-child {
border-right: none;
}
.pp_nav li a {
display: block;
text-align: center;
padding: .5em;
}
.pp_nav li a:hover {
background: #0B5795;
color: #fff;
}
#pp h2 {
color: #0B5795;
margin-bottom: 1em;
}
#pp h3,#pp h4 {
font-weight: bold;
margin-bottom: .2em;
}
#pp h3 {
font-size: 1.1em;
}
.decimal_list li {
margin-left: 1.2em;
list-style: decimal;
}
.pp_text p,
.pp_text ul {
margin-bottom: 2em;
}
.pp_text a {
text-decoration: underline;
}
.pp_text .list li {
position: relative;
padding-left: 1.2em;
}
.pp_text .list li:before {
content: "";
top: .5em;
left: 0;
background: #000;
position: absolute;
width: .8em;
height: .8em;
}
.pp_sec {
border-bottom: 2px solid #0B5795;
}
.pp_sec:last-child {
border-bottom: none;
}
@media only screen and ( max-width : 991px ) {
#pp h1 {
padding: 20px;
}
}
@media only screen and ( max-width : 767px ) {
.pp_nav {
margin-top: 30px;
}
.pp_nav li a {
line-height: 1.4em;
}
#pp h2 {
font-size: 17px;
}
}
@media print, screen and ( min-width : 768px ) {
.pp_nav {
margin-top: 80px;
}
#pp h2 {
font-size: 22px;
}
.pp_text {
font-size: 14px;
}
}
@media print, screen and ( min-width : 992px ) {
#pp h1 {
padding: 30px 15px;
}
}
@media print, screen and ( min-width : 1300px ) {
#pp h1 {
padding: 30px;
}
} .syoyuu_hudousan_dd {
margin-bottom: 1em;
}
.syoyuu_hudousan_dd:last-child {
margin-bottom: 0;
}
.required {
color: #cd4848;
font-size: 10px;
letter-spacing: 0;
display: inline-block;
}
.member_tokuten_box {
border: 1px solid #0B5796;
text-align: center;
background: #D3DDE8;
}
.member_tokuten h3 {
background: #0B5796;
color: #fff;
text-align: center;
padding: 10px;
}
.member_tokuten_box p {
padding: 10px;
font-size: 90%;
}
@media only screen and ( max-width : 991px ) {
}
@media only screen and ( max-width : 767px ) {
.syoyuu_hudousan_dd .select-wrap {
margin-bottom: .8em;
}
.syoyuu_hudousan_dd input {
margin: .4em 0;
}
.syoyuu_hudousan_dd {
border-bottom: 1px dotted #ccc;
padding-bottom: .6em;
}
.member_tokuten {
margin-bottom: 30px;
}
.member_tokuten_box {
margin-bottom: 20px;
}
.member_tokuten_box:last-child {
margin-bottom: 0;
}
}
@media print, screen and ( min-width : 768px ) {
.syoyuu_hudousan_dd {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.syoyuu_hudousan_dd .select-wrap {
margin-right: .5em;
}
.member_tokuten {
max-width: 700px;
margin: 0 auto 60px;
}
.member_tokuten .member_tokuten_box {
width: 48%;
}
}
@media print, screen and ( min-width : 992px ) {
} @media only screen and ( max-width : 991px ) {
}
@media only screen and ( max-width : 767px ) {
}
@media print, screen and ( min-width : 768px ) {
}
@media print, screen and ( min-width : 992px ) {
}