@charset "UTF-8";
   .top_slider {
position:relative;
}
.top_slider .box {
position:absolute;
top:0;
right:0;
left:0;
z-index:10;
width:960px;
margin:0 auto;
}
.top_slider .box h3 {
position:absolute; top:25px;
right:45px;
width:170px;
}
.slick-slider .slick-track, .slick-slider .slick-list{
background: #fff;
}
.slick-slider img.sp{
display:none !important;
}
.slick-initialized .slick-slide{
opacity: 0.6; transition: 0.5s;
}
.slick-initialized .slick-slide.slick-active{
opacity: 1; }
.top_slider .news_ticker {
position:absolute;
bottom:0;
left:0;
width:100%;
background:rgba(255,255,255,.8);
}
.top_slider .news_ticker .news_ticker_box {
width:960px;
margin:0 auto;
padding:5px 20px;
overflow:hidden;
}
.top_slider .news_ticker .news_ticker_box ul {
position:relative;
}
.top_slider .news_ticker .news_ticker_box li {
font-size:1.6rem;
white-space:nowrap;
display:none;
}
.top_slider .news_ticker .news_ticker_box li:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_slider .news_ticker .news_ticker_box li time {
float:left;
width:24%;
}
.top_slider .news_ticker .news_ticker_box li p {
float:left;
width:76%;
}
@media screen and (max-width: 1000px) {
.top_slider .box {
width:96vw;
}
.top_slider .box h3 {
position:absolute; top:2.5vw;
right:4.5vw;
width:17vw;
}
.top_slider .news_ticker .news_ticker_box {
width:96vw;
padding:0.5vw 2vw;
}
.top_slider .news_ticker .news_ticker_box li {
font-size:1.6rem;
}
.top_slider .news_ticker .news_ticker_box li time {
width:24%;
}
.top_slider .news_ticker .news_ticker_box li p {
width:76%;
}
}
@media screen and (max-width: 767px) {
.top_slider .box {
width:100vw;
}
.top_slider .box h3 {
position:absolute;
top: 91.264vw;
right: inherit;
left:5.215vw;
width:80vw;
}
.slick-slider img.pc{
display:none !important;
}
.slick-slider img.sp{
display:block !important;
}
.slick-initialized .slick-slide{
opacity: 1; transition: none;
}
.slick-initialized .slick-slide.slick-active{
opacity: 1; }
.top_slider .news_ticker {
position: relative;
bottom:0;
left:0;
width:100%;
background:rgba(255,255,255,.8);
}
.top_slider .news_ticker .news_ticker_box {
width:100%;
padding:1.304vw 3.259vw;
overflow:hidden;
}
.top_slider .news_ticker .news_ticker_box li {
font-size:1.6rem;
white-space: normal;
}
.top_slider .news_ticker .news_ticker_box li time {
float:none;
width:100%;
}
.top_slider .news_ticker .news_ticker_box li p {
float:none;
width:100%;
}
} .top_catch {
width:960px;
margin:0 auto;
padding:40px 0 100px;
}
.top_catch h3 {
position:relative;
margin-bottom:-20px;
padding-top:40px;
font-size:3.0rem;
font-weight:700;
}
.top_catch h3:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_catch h3 span {
position:relative;
top:-40px;
display:block;
width:230px;
float:right;
}
.top_catch .com {
margin-bottom:80px;
font-size:1.4rem;
font-weight:500;
line-height:2.0;
}
.top_catch h4 {
margin-bottom:60px;
text-align:center;
}
.top_catch h4 span {
display:inline-block;
border: solid 1px #000000;
padding:.8em 1.5em;
text-align:center;
font-size:2.4rem;
font-weight:700;
line-height:1.2;
}
.top_catch h4 span em {
display:block;
text-align:center;
font-size:3.2rem;
font-weight:700;
color:#bd041f;
padding-top:.3em;
}
.top_catch .img {
margin-bottom:20px;
}
.top_catch h5 {
text-align:center;
font-size:2.4rem;
font-weight:700;
}
.top_bg01 {
position:relative;
background:url(//www.n-chubo.com/img/top/bg01.png) no-repeat center center;
height:630px;
}
@media screen and (min-width: 1916px) {
.top_bg01 {
background:url(//www.n-chubo.com/img/top/bg01.png) no-repeat center center;
background-size:cover;
}
}
.top_bg01 .box {
position:relative;
width:960px;
margin:0 auto;
padding:120px 0 0 10px;
}
.top_bg01 .box h3 {
font-size:3.2rem;
font-weight:700;
line-height:1.5;
-moz-text-shadow:0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF;
-webkit-text-shadow:0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF;
text-shadow:0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF;
}
.top_news {
width:960px;
margin:0 auto;
padding:50px 0;
}
.top_news:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_news .box_l {
float:left;
width:615px;
height:330px;
border: solid 1px #000000;
padding:35px 30px;
}
.top_news .box_l h3 {
font-size:1.6rem;
font-weight:500;
padding-bottom:.2em;
margin-bottom:20px;
border-bottom: solid 1px #000000;
}
.top_news .box_l h3 span {
font-size:1.4rem;
font-weight:500;
padding-left:1.3em;
}
.top_news .box_l .box_in {
max-height:215px;
overflow:auto;
} .top_news .box_l .box_in::-webkit-scrollbar{
width: 10px;
background: #dee2e5;
} .top_news .box_l .box_in::-webkit-scrollbar:horizontal{
width: 10px;
background: #dee2e5;
} .top_news .box_l .box_in::-webkit-scrollbar-thumb{
background: #0064b9;
border-radius: 2px;
} .top_news .box_l .box_in::-webkit-scrollbar-thumb:horizontal{
background: #0064b9;
border-radius: 2px;
} .top_news .box_l .box_in::-webkit-scrollbar-track-piece:start{
background: #dee2e5;
} .top_news .box_l .box_in::-webkit-scrollbar-track-piece:end{
background: #dee2e5;
} .top_news .box_l .box_in::-webkit-scrollbar-corner{
background: transparent;
}
.top_news .box_l .box_in section {
padding:.5em 0 .5em;
font-size:1.4rem;
}
.top_news .box_l .box_in section time {
display:block;
font-weight:500;
}
.top_news .box_l .box_in section p {
font-weight:500;
}
.top_news .box_r {
float:right;
width:315px;
height:330px;
background:rgba(19,130,229,.6);
text-align:center;
color:#FFF;
}
.top_news .box_r h4 {
display:inline-block;
border-bottom: solid 1px #FFFFFF;
padding-top:.8em;
padding-bottom:.3em;
margin-bottom:.2em;
font-size:2.4rem;
font-weight:700;
line-height:1.1;
}
.top_news .box_r p {
margin-bottom:15px;
text-align:center;
font-size:1.8rem;
font-weight:700;
}
.top_news .box_r dl {
width:255px;
margin:0 auto;
}
.top_news .box_r dl dt {
margin-bottom:10px;
}
.top_news .box_r dl dd {
font-size:1.2rem;
}
.top_news .box_r dl dd a ,
.top_news .box_r dl dd a:hover {
color:#FFF;
}
.top_bg02 {
position:relative;
background:url(//www.n-chubo.com/img/top/bg02.png) no-repeat center center;
height:630px;
}
@media screen and (min-width: 1916px) {
.top_bg02 {
background:url(//www.n-chubo.com/img/top/bg02.png) no-repeat center center;
background-size:cover;
}
}
.top_bg02 .box {
position:relative;
width:960px;
margin:0 auto;
padding:120px 0 0 10px;
}
.top_bg02 .box h3 {
font-size:3.2rem;
font-weight:700;
line-height:1.5;
-moz-text-shadow:0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF;
-webkit-text-shadow:0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF;
text-shadow:0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF;
}
.top_shop {
width:960px;
margin:0 auto;
padding:80px 0;
}
.top_shop section {
position:relative;
background:#f0f0f1;
padding:30px;
}
.top_shop section:nth-child(even) {
background:#e5e6e6;
}
.top_shop section ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_shop section ul li {
float:left;
width:33.3%;
}
.top_shop section .box {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
z-index:10;
}
.top_shop section .box h3 {
width:290px;
margin:0 auto;
margin-bottom:10px;
}
.top_shop section:nth-child(2) .box h3 {
width:290px;
}
.top_shop section:nth-child(3) .box h3 {
width:376px;
}
.top_shop section:last-child .box h3 {
width:290px;
}
.top_shop section .box p {
background:rgba(255,255,255,.7);
padding:15px 0;
font-size:1.4rem;
font-weight:500;
text-align:center;
white-space:nowrap;
width:495px;
margin:0 auto;
}
.top_bg03 {
position:relative;
background:url(//www.n-chubo.com/img/top/bg03.png) no-repeat center center;
height:630px;
}
@media screen and (min-width: 1916px) {
.top_bg03 {
background:url(//www.n-chubo.com/img/top/bg03.png) no-repeat center center;
background-size:cover;
}
}
.top_bg03 .box {
position:relative;
width:960px;
margin:0 auto;
padding:120px 0 0 10px;
}
.top_bg03 .box h3 {
font-size:3.2rem;
font-weight:700;
line-height:1.5;
-moz-text-shadow:0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF;
-webkit-text-shadow:0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF;
text-shadow:0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF,0px 0px 5px #FFFFFF;
}
.top_brand {
width:960px;
margin:0 auto;
padding:70px 0;
}
.top_brand .brand {
padding:20px;
margin-bottom:45px;
border: solid 12px #f9ae3f;
}
.top_brand .brand ul {
margin-bottom:15px;
}
.top_brand .brand ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_brand .brand ul li {
float:left;
width:290px;
margin-right:13px;
}
.top_brand .brand ul li:last-child {
margin-right:0;
}
.top_brand .brand h3 {
font-size:2.1rem;
font-weight:700;
line-height:1.5;
color:#403f41;
}
.top_brand .brand h3 span {
font-size:1.4rem;
font-weight:500;
color:#000000;
}
.top_brand .recommend {
margin-bottom:100px;
}
.top_brand .recommend:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_brand .recommend section {
float:left;
width:467px;
}
.top_brand .recommend section:last-child {
float:right;
}
.top_brand .recommend section .img {
margin-bottom:10px;
}
.top_brand .recommend section .img a {
position:relative;
display:block;
width:100%;
height:327px;
padding:91px 32px 0 32px;
background:url(//www.n-chubo.com/img/top/recommend01.svg) no-repeat center center;
background-size:cover;
}
.top_brand .recommend section:last-child .img a {
background:url(//www.n-chubo.com/img/top/recommend02.svg) no-repeat center center;
}
.top_brand .recommend section .img a:before {
position:absolute;
top:-25px;
left:-21px;
z-index:10;
width:74px;
height:108px;
background:url(//www.n-chubo.com/img/top/recommend01_hand.svg) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.top_brand .recommend section:last-child .img a:before {
position:absolute;
top:-21px;
left:-18px;
z-index:10;
width:78px;
height:100px;
background:url(//www.n-chubo.com/img/top/recommend02_hand.svg) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.top_brand .recommend section .img a:hover {
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.top_bg04 {
position:relative;
background:url(//www.n-chubo.com/img/top/bg04.png) no-repeat center center;
height:630px;
}
@media screen and (min-width: 1916px) {
.top_bg04 {
background:url(//www.n-chubo.com/img/top/bg04.png) no-repeat center center;
background-size:cover;
}
}
.top_recruit {
width:960px;
margin:0 auto;
margin-bottom:60px;
padding:190px 0 0;
}
.top_recruit .sttl01 span {
font-size:1.4rem;
font-weight:500;
padding-left:2em;
}
.top_recruit .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_recruit .box section {
float:left;
width:460px;
padding:40px 30px;
border: solid 1px #221e1f;
}
.top_recruit .box section:last-child {
float:right;
}
.top_recruit .box section h4 {
position:relative;
font-size:1.6rem;
font-weight:500;
line-height:1.1;
padding-left:20px;
margin-bottom:10px;
}
.top_recruit .box section h4:before {
position:absolute;
top:.25em;
left:2px;
width:11px;
height:11px;
background:url(//www.n-chubo.com/img/top/icon01.png) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.top_recruit .box section .img {
margin-bottom:40px;
}
.top_recruit .box section .btn {
width:310px;
margin:0 auto;
}
.top_recruit .box section .btn a {
position:relative;
display:block;
border: solid 1px #221e1f;
overflow: hidden;
transition: .3s;
padding:.6em 0;
text-align:center;
}
.top_recruit .box section .btn a:after {
position: absolute;
transition: .3s;
content: '';
width: 0;
left: 50%;
bottom: 0;
height: 3px;
background: #FFFFFF;
}
.top_recruit .box section .btn a:hover:after {
width: 100%;
left: 0;
}
.top_recruit .box section .btn a:hover {
box-shadow: inset 0px 0px 0px 3px #221e1f;
}
.top_recruit .box section .btn a:hover:after {
width: 0%;
}
.top_recruit .box section .btn a span {
display:inline-block;
white-space:nowrap;
font-size:1.2rem;
}
.top_etc {
width:960px;
margin:0 auto;
margin-bottom:90px;
}
.top_etc:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_etc section {
float:left;
width:465px;
}
.top_etc section:last-child {
float:right;
}
.top_etc section a {
display:block;
background:#1382e5;
padding:20px;
padding-left:15px;
}
.top_etc section a:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_etc section a h3 {
position:relative;
float:left;
font-size:1.6rem;
font-weight:500;
line-height:1.1;
padding-left:20px;
color:#FFF;
}
.top_etc section a h3:before {
position:absolute;
top:.25em;
left:2px;
width:11px;
height:11px;
background:url(//www.n-chubo.com/img/top/icon02.png) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.top_etc section a p {
float:right;
width:330px;
}
.top_etc section a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.top_banner {
width:960px;
margin:0 auto;
padding-bottom:100px;
}
.top_banner a {
display:block;
width:465px;
border: solid 1px #000000;
padding:6px 9px;
}
.top_banner a:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_banner a p {
float:left;
width:175px;
margin-right:25px;
}
.top_banner a dl {
float:left;
line-height:1.1;
}
.top_banner a dl dt {
font-size:1.8rem;
font-weight:700;
margin-bottom:.5em;
padding-top:.8em;
}
.top_banner a dl dd {
font-size:1.4rem;
font-weight:500;
}
.top_banner a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
@media screen and (max-width: 1000px) { .top_catch {
width:96vw;
padding:4vw 0 10vw;
}
.top_catch h3 {
margin-bottom:-2vw;
padding-top:4vw;
font-size:calc(3.0rem * .9);
font-weight:700;
}
.top_catch h3 span {
top:-4vw;
width:23vw;
}
.top_catch .com {
margin-bottom:8vw;
font-size:1.4rem;
font-weight:500;
}
.top_catch h4 {
margin-bottom:6vw;
}
.top_catch h4 span {
padding:.8em 1.5em;
text-align:center;
font-size:2.4rem;
font-weight:700;
}
.top_catch h4 span em {
font-size:3.2rem;
font-weight:700;
padding-top:.3em;
}
.top_catch .img {
margin-bottom:2vw;
}
.top_catch h5 {
font-size:2.4rem;
font-weight:700;
}
.top_bg01 {
position:relative;
background:url(//www.n-chubo.com/img/top/bg01.png) no-repeat center center;
background-size:cover;
height:63vw;
}
.top_bg01 .box {
width:96vw;
padding:12vw 0 0 1vw;
}
.top_bg01 .box h3 {
font-size:3.2rem;
font-weight:700;
line-height:1.5;
}
.top_news {
width:96vw;
padding:5vw 0;
}
.top_news .box_l {
width:61.5vw;
height:33vw;
padding:3.5vw 3vw;
}
.top_news .box_l h3 {
font-size:1.6rem;
font-weight:500;
padding-bottom:.2em;
margin-bottom:2vw;
}
.top_news .box_l h3 span {
font-size:1.4rem;
font-weight:500;
padding-left:1.3em;
}
.top_news .box_l .box_in {
max-height:21.5vw;
}
.top_news .box_l .box_in section {
padding:.5em 0 .5em;
font-size:1.4rem;
}
.top_news .box_l .box_in section time {
font-weight:500;
}
.top_news .box_l .box_in section p {
font-weight:500;
}
.top_news .box_r {
width:31.5vw;
height:33vw;
}
.top_news .box_r h4 {
padding-top:.8em;
padding-bottom:.3em;
margin-bottom:.2em;
font-size:calc(2.4rem * .9);
font-weight:700;
}
.top_news .box_r p {
margin-bottom:1.5vw;
font-size:calc(1.8rem * .95);
font-weight:700;
}
.top_news .box_r dl {
width:25.5vw;
}
.top_news .box_r dl dt {
margin-bottom:1vw;
}
.top_news .box_r dl dd {
font-size:1.2rem;
}
.top_bg02 {
position:relative;
background:url(//www.n-chubo.com/img/top/bg02.png) no-repeat center center;
background-size:cover;
height:63vw;
}
.top_bg02 .box {
position:relative;
width:96vw;
padding:12vw 0 0 1vw;
}
.top_bg02 .box h3 {
font-size:3.2rem;
font-weight:700;
line-height:1.5;
}
.top_shop {
width:96vw;
padding:8vw 0;
}
.top_shop section {
padding:3vw;
}
.top_shop section ul li {
width:33.3%;
}
.top_shop section .box h3 {
width:29vw;
margin-bottom:1vw;
}
.top_shop section:nth-child(2) .box h3 {
width:29vw;
}
.top_shop section:nth-child(3) .box h3 {
width:37.6vw;
}
.top_shop section:last-child .box h3 {
width:29vw;
}
.top_shop section .box p {
padding:1.5vw 0;
font-size:1.4rem;
font-weight:500;
width:calc(49.5vw * 1.1);
}
.top_bg03 {
position:relative;
background:url(//www.n-chubo.com/img/top/bg03.png) no-repeat center center;
background-size:cover;
height:63vw;
}
.top_bg03 .box {
width:96vw;
padding:12vw 0 0 1vw;
}
.top_bg03 .box h3 {
font-size:3.2rem;
font-weight:700;
line-height:1.5;
}
.top_brand {
width:96vw;
padding:7vw 0;
}
.top_brand .brand {
padding:2vw;
margin-bottom:4.5vw;
border: solid 1.2vw #f9ae3f;
}
.top_brand .brand ul {
margin-bottom:1.5vw;
}
.top_brand .brand ul li {
width:29vw;
margin-right:1.3vw;
}
.top_brand .brand h3 {
font-size:2.1rem;
font-weight:700;
line-height:1.5;
}
.top_brand .brand h3 span {
display:block;
font-size:1.4rem;
font-weight:500;
}
.top_brand .recommend {
margin-bottom:10vw;
}
.top_brand .recommend section {
width:46.7vw;
}
.top_brand .recommend section .img {
margin-bottom:1vw;
}
.top_brand .recommend section .img a {
width:100%;
height:32.7vw;
padding:9.1vw 3.2vw 0 3.2vw;
background:url(//www.n-chubo.com/img/top/recommend01.svg) no-repeat center center;
background-size:cover;
}
.top_brand .recommend section:last-child .img a {
background:url(//www.n-chubo.com/img/top/recommend02.svg) no-repeat center center;
}
.top_brand .recommend section .img a:before {
position:absolute;
top:-2.5vw;
left:-2.1vw;
z-index:10;
width:7.4vw;
height:10.8vw;
background:url(//www.n-chubo.com/img/top/recommend01_hand.svg) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.top_brand .recommend section:last-child .img a:before {
position:absolute;
top:-2.1vw;
left:-1.8vw;
z-index:10;
width:7.8vw;
height:10vw;
background:url(//www.n-chubo.com/img/top/recommend02_hand.svg) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.top_bg04 {
position:relative;
background:url(//www.n-chubo.com/img/top/bg04.png) no-repeat center center;
background-size:cover;
height:63vw;
}
.top_recruit {
width:96vw;
margin-bottom:6vw;
padding:19vw 0 0;
}
.top_recruit .sttl01 span {
font-size:1.4rem;
font-weight:500;
padding-left:2em;
}
.top_recruit .box section {
width:46vw;
padding:4vw 3vw;
}
.top_recruit .box section h4 {
font-size:1.6rem;
font-weight:500;
padding-left:2vw;
margin-bottom:1vw;
}
.top_recruit .box section h4:before {
position:absolute;
top:.25em;
left:0.2vw;
width:1.1vw;
height:1.1vw;
background:url(//www.n-chubo.com/img/top/icon01.png) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.top_recruit .box section .img {
margin-bottom:4vw;
}
.top_recruit .box section .btn {
width:31vw;
}
.top_recruit .box section .btn a {
padding:.6em 0;
}
.top_recruit .box section .btn a:after {
height: 0.3vw;
}
.top_recruit .box section .btn a span {
font-size:1.2rem;
}
.top_etc {
width:96vw;
margin-bottom:9vw;
}
.top_etc section {
width:46.5vw;
}
.top_etc section a {
padding:2vw;
padding-left:1.5vw;
}
.top_etc section a h3 {
font-size:1.6rem;
font-weight:500;
padding-left:2vw;
}
.top_etc section a h3:before {
position:absolute;
top:.25em;
left:0.2vw;
width:1.1vw;
height:1.1vw;
background:url(//www.n-chubo.com/img/top/icon02.png) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.top_etc section a p {
width:33vw;
}
.top_banner {
width:96vw;
padding-bottom:10vw;
}
.top_banner a {
width:calc(46.5vw * 1.1);
padding:0.6vw 0.9vw;
}
.top_banner a p {
width:17.5vw;
margin-right:2.5vw;
}
.top_banner a dl dt {
font-size:1.8rem;
font-weight:700;
margin-bottom:.5em;
padding-top:.8em;
}
.top_banner a dl dd {
font-size:1.4rem;
}
}
@media screen and (max-width: 767px) {
.top_catch {
width:92%;
padding:5.215vw 0 13.038vw;
}
.top_catch h3 {
margin-bottom:2.608vw;
padding-top:5.215vw;
font-size:calc(3.0rem * .9);
font-weight:700;
}
.top_catch h3 span {
position:relative;
top:0;
display:block;
width:40vw;
float:right;
}
.top_catch .com {
margin-bottom:10.43vw;
font-size:1.4rem;
font-weight:500;
line-height:2.0;
}
.top_catch h4 {
margin-bottom:60px;
}
.top_catch h4 span {
padding:.8em 1.5em;
font-size:2.4rem;
font-weight:700;
line-height:1.5;
}
.top_catch h4 span em {
font-size:3.2rem;
font-weight:700;
padding-top:.3em;
}
.top_catch .img {
padding:0 10%;
margin-bottom:2.608vw;
}
.top_catch h5 {
text-align:left;
font-size:2.4rem;
font-weight:700;
}
.top_bg01 {
position:relative;
background:url(//www.n-chubo.com/img/top/bg01.png) no-repeat center center;
background-size:cover;
height:82.138vw;
}
.top_bg01 .box {
width:92%;
padding:30vw 0 0 1.304vw;
}
.top_bg01 .box h3 {
font-size:calc(3.2rem * .9);
font-weight:700;
line-height:1.5;
}
.top_news {
width:92%;
padding:6.519vw 0;
}
.top_news .box_l {
float:none;
width:100%;
height:auto;
padding:3.911vw 2.608vw;
margin-bottom:5.215vw;
}
.top_news .box_l h3 {
font-size:1.6rem;
font-weight:500;
padding-bottom:.2em;
margin-bottom:2.608vw;
}
.top_news .box_l h3 span {
font-size:1.4rem;
font-weight:500;
padding-left:1.3em;
}
.top_news .box_l .box_in {
max-height:40vw;
overflow:auto;
}
.top_news .box_l .box_in section {
padding:.5em 0 .5em;
font-size:1.4rem;
}
.top_news .box_l .box_in section time {
font-weight:500;
}
.top_news .box_l .box_in section p {
font-weight:500;
}
.top_news .box_r {
float:none;
width:100%;
height:auto;
padding-bottom:3.911vw;
}
.top_news .box_r h4 {
border-bottom: solid 1px #FFFFFF;
padding-top:.8em;
padding-bottom:.3em;
margin-bottom:.2em;
font-size:2.4rem;
font-weight:700;
line-height:1.1;
}
.top_news .box_r p {
margin-bottom:1.956vw;
text-align:center;
font-size:1.8rem;
font-weight:700;
}
.top_news .box_r dl {
width:90%;
}
.top_news .box_r dl dt {
margin-bottom:1.304vw;
}
.top_news .box_r dl dd {
font-size:calc(1.2rem * 1.2);
}
.top_bg02 {
position:relative;
background:url(//www.n-chubo.com/img/top/bg02.png) no-repeat center center;
background-size:cover;
height:82.138vw;
}
.top_bg02 .box {
width:92%;
padding:45vw 0 0 1.304vw;
}
.top_bg02 .box h3 {
font-size:calc(3.2rem * .9);
font-weight:700;
line-height:1.5;
}
.top_shop {
width:92%;
padding:10.43vw 0;
}
.top_shop section {
padding:2.608vw;
}
.top_shop section ul li {
float:left;
width:33.3%;
}
.top_shop section .box {
position: relative;
top: inherit;
left: inherit;
-webkit-transform: translate(0,0); transform: translate(0,0);
z-index:10;
padding-top:5vw;
}
.top_shop section .box h3 {
width:37.81vw;
margin-bottom:2.608vw;
}
.top_shop section:nth-child(2) .box h3 {
width:37.81vw;
}
.top_shop section:nth-child(3) .box h3 {
width:49.022vw;
}
.top_shop section:last-child .box h3 {
width:37.81vw;
}
.top_shop section .box p {
padding:1.956vw 3.259vw;
font-size:1.4rem;
font-weight:500;
text-align:left;
white-space: normal;
width:100%;
}
.top_bg03 {
position:relative;
background:url(//www.n-chubo.com/img/top/bg03.png) no-repeat left center;
background-size:auto 120%;
height:82.138vw;
}
.top_bg03 .box {
width:92%;
padding:25vw 0 0 1.304vw;
}
.top_bg03 .box h3 {
font-size:calc(3.2rem * .8);
font-weight:700;
line-height:1.5;
}
.top_brand {
width:92%;
padding:6.519vw 0;
}
.top_brand .brand {
padding:2.608vw;
margin-bottom:5.867vw;
border: solid 1.5645vw #f9ae3f;
}
.top_brand .brand ul {
margin-bottom:1.956vw;
}
.top_brand .brand ul li {
width:32%;
margin-right:2%;
}
.top_brand .brand h3 {
font-size:2.1rem;
font-weight:700;
line-height:1.5;
}
.top_brand .brand h3 span {
font-size:1.4rem;
font-weight:500;
}
.top_brand .recommend {
margin-bottom:13.038vw;
}
.top_brand .recommend section {
float:none;
width:100%;
margin-bottom:7.823vw;
}
.top_brand .recommend section:last-child {
float:none;
margin-bottom:0;
}
.top_brand .recommend section .img {
margin-bottom:1.304vw;
}
.top_brand .recommend section .img a {
position:relative;
display:block;
width:100%;
height:auto;
padding:18vw 4.172vw 4.172vw 4.172vw;
background:#fff663 url(//www.n-chubo.com/img/top/recommend01.svg) no-repeat left top;
background-size:120% auto;
}
.top_brand .recommend section:last-child .img a {
background:#fff663 url(//www.n-chubo.com/img/top/recommend02.svg) no-repeat left top;
background-size:120% auto;
}
.top_brand .recommend section .img a:before {
position:absolute;
top:-3.259vw;
left:-2.738vw;
z-index:10;
width:calc(9.648vw * 1.4);
height:calc(14.081vw * 1.4);
background:url(//www.n-chubo.com/img/top/recommend01_hand.svg) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.top_brand .recommend section:last-child .img a:before {
position:absolute;
top:-2.738vw;
left:-2.347vw;
z-index:10;
width:calc(10.169vw * 1.4);
height:calc(13.038vw * 1.4);
background:url(//www.n-chubo.com/img/top/recommend02_hand.svg) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.top_bg04 {
position:relative;
background:url(//www.n-chubo.com/img/top/bg04.png) no-repeat center center;
background-size:cover;
height:82.138vw;
}
.top_recruit {
width:92%;
margin-bottom:7.823vw;
padding:7.823vw 0 0;
}
.top_recruit .sttl01 span {
font-size:1.4rem;
font-weight:500;
padding-left:2em;
}
.top_recruit .box section {
float:none;
width:100%;
padding:3.911vw 2.608vw;
margin-bottom:5.215vw;
}
.top_recruit .box section:last-child {
float:none;
margin-bottom:0;
}
.top_recruit .box section h4 {
font-size:1.6rem;
font-weight:500;
line-height:1.1;
padding-left:calc(2.608vw * 2.5);
margin-bottom:1.304vw;
}
.top_recruit .box section h4:before {
position:absolute;
top:.15em;
left:0.261vw;
width:calc(1.434vw * 2.5);
height:calc(1.434vw * 2.5);
background:url(//www.n-chubo.com/img/top/icon01.png) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.top_recruit .box section .img {
margin-bottom:5.215vw;
}
.top_recruit .box section .btn {
width:100%;
}
.top_recruit .box section .btn a {
padding:.6em 0;
}
.top_recruit .box section .btn a span {
font-size:calc(1.2rem * 1.2);
}
.top_etc {
width:92%;
margin-bottom:6.519vw;
}
.top_etc section {
float:none;
width:100%;
margin-bottom:5.215vw;
}
.top_etc section:last-child {
float:none;
margin-bottom:0;
}
.top_etc section a {
padding:2.608vw;
padding-left:1.956vw;
}
.top_etc section a h3 {
float:none;
font-size:1.6rem;
font-weight:500;
padding-left:calc(2.608vw * 2.5);
margin-bottom:1.304vw;
}
.top_etc section a h3:before {
position:absolute;
top:.15em;
left:0.261vw;
width:calc(1.434vw * 2.5);
height:calc(1.434vw * 2.5);
background:url(//www.n-chubo.com/img/top/icon02.png) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.top_etc section a p {
float:none;
width:100%;
}
.top_banner {
width:92%;
padding-bottom:13.038vw;
}
.top_banner a {
width:100%;
padding:1.304vw 1.956vw;
}
.top_banner a p {
float:none;
width:50%;
margin-right:auto;
margin-left:auto;
margin-bottom:2.608vw;
}
.top_banner a dl {
float:none;
}
.top_banner a dl dt {
font-size:1.8rem;
font-weight:700;
margin-bottom:2vw;
padding-top:0;
text-align:center;
}
.top_banner a dl dd {
font-size:1.4rem;
font-weight:500;
text-align:center;
}
} .privacy .page_ttl .box {
background:url(//www.n-chubo.com/img/privacy/page_ttl.png) no-repeat center center;
}
.privacy main .box {
border: solid 1px #000000;
padding:50px 60px;
}
.privacy main .box section {
margin-bottom:3em;
}
.privacy main .box section:last-child {
margin-bottom:0;
}
.privacy main .box section h4 {
position:relative;
left:-.5em;
margin-bottom:.5em;
font-weight:700;
}
.privacy main .box section p {
margin-bottom:1em;
}
.privacy main .box section p:last-child {
margin-bottom:0;
}
@media screen and (max-width: 1000px) {
.privacy main .box {
padding:5vw 6vw;
}
.privacy main .box section {
margin-bottom:3em;
}
.privacy main .box section:last-child {
margin-bottom:0;
}
.privacy main .box section h4 {
left:-.5em;
margin-bottom:.5em;
font-weight:700;
}
.privacy main .box section p {
margin-bottom:1em;
}
}
@media screen and (max-width: 767px) {
.privacy main .box {
padding:7.823vw 5.215vw;
}
.privacy main .box section {
margin-bottom:3em;
}
.privacy main .box section h4 {
left:0;
margin-bottom:.5em;
font-weight:700;
}
.privacy main .box section p {
margin-bottom:1em;
}
} .history .page_ttl .box {
background:url(//www.n-chubo.com/img/history/page_ttl.png) no-repeat center center;
}
.history article table {
width:100%;
border: solid 1px #221e1f;
}
.history article table th ,
.history article table td {
padding:1.2em 2em;
font-size:1.4rem;
border: solid 1px #221e1f;
}
.history article table th {
width:160px;
background:#f1f1f2;
}
.history article table th span {
padding-left:.5em;
}
@media screen and (max-width: 1000px) {
.history article table th ,
.history article table td {
padding:1.2em 2em;
font-size:1.4rem;
}
.history article table th {
width:16vw;
}
.history article table th span {
padding-left:.5em;
}
}
@media screen and (max-width: 767px) {
.history article table {
width:100%;
border: solid 1px #221e1f;
border:none;
}
.history article table th ,
.history article table td {
display:block;
padding:1.2em 1em;
font-size:1.4rem;
border: solid 1px #221e1f;
border-bottom:none;
}
.history article table th {
width:100%;
font-weight:700;
}
.history article table th span {
padding-left:.5em;
}
.history article table tr:last-child td {
border-bottom:solid 1px #221e1f;
}
} .about .page_ttl {
position:relative;
background:url(//www.n-chubo.com/img/about/page_ttl_bg.png) no-repeat center center;
}
@media screen and (min-width: 1916px) {
.about .page_ttl {
background:none;
}
.about .page_ttl:before {
position:absolute;
top:0;
left:0;
width:45vw;
height:100%;
background:url(//www.n-chubo.com/img/about/page_ttl_bg_l.png) no-repeat left center;
background-size:cover;
display:block;
content:'';
}
.about .page_ttl:after {
position:absolute;
top:0;
right:0;
width:45vw;
height:100%;
background:url(//www.n-chubo.com/img/about/page_ttl_bg_r.png) no-repeat right center;
background-size:cover;
display:block;
content:'';
}
}
.about .page_ttl .box {
background:url(//www.n-chubo.com/img/about/page_ttl.png) no-repeat center center;
}
.about article .pro ,
.about article .support {
margin-bottom:100px;
}
.about article .pro .img ,
.about article .support .img {
margin-bottom:30px;
}
.about article .pro h3 ,
.about article .support h3 {
font-size:2.8rem;
font-weight:700;
line-height:1.5;
margin-bottom:30px;
}
.about article .pro h3 ruby ,
.about article .pro h3 ruby rb {
position:relative;
font-weight:700;
}
.about article .pro h3 ruby rt {
font-size:1.2rem;
}
.about article .pro h3 + p ,
.about article .support h3 + p {
font-size:1.4rem;
line-height:2.0;
padding:0 .5em;
}
.about article .origin {
margin-bottom:150px;
}
.about article .origin h3 {
position:relative;
padding-left:90px;
margin-bottom:50px;
font-size:2.8rem;
font-weight:700;
}
.about article .origin h3:before {
position:absolute;
top:0;
left:10px;
width:54px;
height:52px;
background:url(//www.n-chubo.com/img/common/logo_icon_only.svg) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.about article .origin p {
font-size:1.4rem;
line-height:2.0;
padding:0 .5em;
}
.about article .about_info table {
width:100%;
border: solid 1px #221e1f;
}
.about article .about_info table th ,
.about article .about_info table td {
padding:1.2em 1em;
font-size:1.4rem;
border: solid 1px #221e1f;
}
.about article .about_info table th {
text-align:center;
width:110px;
background:#f1f1f2;
}
.about article .about_info table th span {
display:inline-block;
letter-spacing:.5em;
margin-right:-.5em;
}
.about article .about_info table th em {
display:inline-block;
}
.about article .about_info table th em:first-letter {
letter-spacing:2em;
}
.about article .about_info table td {
padding-right:0;
}
.about article .about_info table td span {
margin-right:1em;
}
.about article .about_info table td em {
display:block;
margin-left:-.5em;
}
.about article .about_info table td dl {
margin-bottom:1em;
}
.about article .about_info table td dl:last-child {
margin-bottom:0;
}
.about article .about_info table td ul:after ,
.about article .about_info table td ol:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.about article .about_info table td ul li {
float:left;
margin-right:1em;
}
.about article .about_info table td ul li:last-child {
margin-right:0;
}
.about article .about_info table td ol li {
float:left;
}
.about article .about_info table td ol li:after {
content:'・';
}
.about article .about_info table td ol li:nth-child(8):after ,
.about article .about_info table td ol li:last-child:after {
display:none;
}
@media screen and (max-width: 1000px) {
.about .page_ttl {
position:relative;
background:url(//www.n-chubo.com/img/about/page_ttl_bg.png) no-repeat center center;
background-size:cover;
}
.about article .pro ,
.about article .support {
margin-bottom:10vw;
}
.about article .pro .img ,
.about article .support .img {
margin-bottom:3vw;
}
.about article .pro h3 ,
.about article .support h3 {
font-size:calc(2.8rem * .95);
font-weight:700;
line-height:1.5;
margin-bottom:3vw;
}
.about article .pro h3 ruby ,
.about article .pro h3 ruby rb {
font-weight:700;
}
.about article .pro h3 ruby rt {
font-size:1.2rem;
}
.about article .pro h3 + p ,
.about article .support h3 + p {
font-size:1.4rem;
line-height:2.0;
padding:0 .5em;
}
.about article .origin {
margin-bottom:15vw;
}
.about article .origin h3 {
padding-left:9vw;
margin-bottom:5vw;
font-size:2.8rem;
font-weight:700;
}
.about article .origin h3:before {
position:absolute;
top:0;
left:1vw;
width:5.4vw;
height:5.2vw;
background:url(//www.n-chubo.com/img/common/logo_icon_only.svg) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.about article .origin p {
font-size:1.4rem;
line-height:2.0;
padding:0 .5em;
}
.about article .about_info table th ,
.about article .about_info table td {
padding:1.2em 1em;
font-size:1.4rem;
}
.about article .about_info table th {
width:11vw;
}
.about article .about_info table th span {
letter-spacing:.5em;
margin-right:-.5em;
}
.about article .about_info table th em:first-letter {
letter-spacing:2em;
}
.about article .about_info table td span {
margin-right:1em;
}
.about article .about_info table td em {
margin-left:-.5em;
}
.about article .about_info table td dl {
margin-bottom:1em;
}
.about article .about_info table td ul li {
margin-right:1em;
}
.about article .about_info table td ul li:last-child {
margin-right:0;
}
.about article .about_info table td ol li:nth-child(7):after {
display:none;
}
.about article .about_info table td ol li:nth-child(8):after {
display:inline-block;
content:'・';
}
}
@media screen and (max-width: 767px) {
.about article .pro ,
.about article .support {
margin-bottom:13.038vw;
}
.about article .pro .img ,
.about article .support .img {
margin-bottom:3.911vw;
}
.about article .pro h3 ,
.about article .support h3 {
font-size:2.8rem;
font-weight:700;
line-height:1.5;
margin-bottom:3.911vw;
}
.about article .pro h3 ruby ,
.about article .pro h3 ruby rb {
font-weight:700;
}
.about article .pro h3 ruby rt {
font-size:calc(1.2rem * 1.6);
margin:0;
padding:0;
line-height:1.1;
}
.about article .pro h3 + p ,
.about article .support h3 + p {
font-size:1.4rem;
line-height:2.0;
padding:0 .5em;
}
.about article .origin {
margin-bottom:13.038vw;
}
.about article .origin h3 {
padding-left:11.734vw;
margin-bottom:6.519vw;
font-size:2.8rem;
font-weight:700;
}
.about article .origin h3:before {
position:absolute;
top:.25em;
left:1.304vw;
width:calc(7.04vw * 1.2);
height:calc(6.78vw * 1.2);
background:url(//www.n-chubo.com/img/common/logo_icon_only.svg) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.about article .origin p {
font-size:1.4rem;
line-height:2.0;
padding:0 .5em;
}
.about article .about_info table {
border: solid 1px #221e1f;
border:none;
}
.about article .about_info table th ,
.about article .about_info table td {
display:block;
padding:1.2em 1em;
font-size:1.4rem;
border: solid 1px #221e1f;
border-bottom:none;
}
.about article .about_info table th {
width:100%;
text-align:left;
font-weight:700;
}
.about article .about_info table th span {
letter-spacing:.5em;
margin-right:-.5em;
}
.about article .about_info table th em:first-letter {
letter-spacing:2em;
}
.about article .about_info table td span {
margin-right:1em;
display:block;
}
.about article .about_info table td em {
margin-left:-.5em;
display:block;
font-weight:700;
}
.about article .about_info table td dl {
margin-bottom:1em;
}
.about article .about_info table td dl:last-child {
margin-bottom:0;
}
.about article .about_info table td ul li {
margin-right:1em;
}
.about article .about_info table td ul li:last-child {
margin-right:0;
}
.about article .about_info table tr:last-child td {
border-bottom:solid 1px #221e1f;
}
.about article .about_info table td ol li:nth-child(8):after {
display:inline-block;
content:'・';
}
} .environment .page_ttl {
position:relative;
background:url(//www.n-chubo.com/img/environment/page_ttl_bg.png) no-repeat center center;
}
@media screen and (min-width: 1916px) {
.environment .page_ttl {
background:none;
}
.environment .page_ttl:before {
position:absolute;
top:0;
left:0;
width:45vw;
height:100%;
background:url(//www.n-chubo.com/img/environment/page_ttl_bg_l.png) no-repeat left center;
background-size:cover;
display:block;
content:'';
}
.environment .page_ttl:after {
position:absolute;
top:0;
right:0;
width:45vw;
height:100%;
background:url(//www.n-chubo.com/img/environment/page_ttl_bg_r.png) no-repeat right center;
background-size:cover;
display:block;
content:'';
}
}
.environment .page_ttl .box {
background:url(//www.n-chubo.com/img/environment/page_ttl.png) no-repeat center center;
}
.environment article .policy {
margin-bottom:100px;
}
.environment article .policy .img {
margin-bottom:30px;
}
.environment article .policy section {
margin-bottom:70px;
}
.environment article .policy section:last-child {
margin-bottom:0;
}
.environment article .policy section h4 {
position:relative;
padding-left:60px;
margin-bottom:30px;
font-size:2.1rem;
font-weight:700;
line-height:57px;
color:#28b472;
}
.environment article .policy section h4:before {
position:absolute;
top:0;
left:0;
width:43px;
height:57px;
background:url(//www.n-chubo.com/img/environment/icon.png) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.environment article .policy section p {
font-size:1.4rem;
margin-bottom:1em;
}
.environment article .policy section p:last-child {
margin-bottom:0;
}
.environment article .policy section ol {
counter-reset: number;
margin-bottom:1em;
}
.environment article .policy section ol li {
position:relative;
font-size:1.4rem;
margin-bottom:.5em;
padding-left:2em;
}
.environment article .policy section ol li:last-child {
margin-bottom:0;
}
.environment article .policy section ol li:before {
position:absolute;
left:0;
counter-increment: number;
content: counter(number)'.';
}
.environment article .plan p {
font-size:1.4rem;
margin-bottom:2em;
}
.environment article .plan table {
width:100%;
border: solid 1px #221e1f;
}
.environment article .plan table th ,
.environment article .plan table td {
padding:1.2em 1.5em;
font-size:1.4rem;
border: solid 1px #221e1f;
}
.environment article .plan table th {
text-align:center;
width:140px;
background:#f1f1f2;
}
.environment article .plan table th span {
display:inline-block;
}
.environment article .plan table th span:first-letter {
letter-spacing:2em;
}
.environment article .plan table td {
padding-right:0;
}
.environment article .plan table td ul li span {
margin-right:1em;
}
.environment article .plan table td p {
margin-bottom:0;
}
.environment article .plan table td p:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.environment article .plan table td p span ,
.environment article .plan table td p em {
display:block;
float:left;
width:4em;
}
.environment article .plan table td p em {
width:calc(100% - 4em);
}
.environment article .plan table td .tbl {
display:table;
}
.environment article .plan table td .tbl dl {
display:table-row;
}
.environment article .plan table td .tbl dl dt ,
.environment article .plan table td .tbl dl dd {
display:table-cell;
}
.environment article .plan table td .tbl dl dt {
white-space:nowrap;
padding-right:1em;
}
@media screen and (max-width: 1000px) {
.environment .page_ttl {
position:relative;
background:url(//www.n-chubo.com/img/environment/page_ttl_bg.png) no-repeat center center;
background-size:cover;
}
.environment article .policy {
margin-bottom:10vw;
}
.environment article .policy .img {
margin-bottom:3vw;
}
.environment article .policy section {
margin-bottom:7vw;
}
.environment article .policy section h4 {
padding-left:6vw;
margin-bottom:3vw;
font-size:2.1rem;
font-weight:700;
line-height:5.7vw;
}
.environment article .policy section h4:before {
position:absolute;
top:0;
left:0;
width:4.3vw;
height:5.7vw;
background:url(//www.n-chubo.com/img/environment/icon.png) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.environment article .policy section p {
font-size:1.4rem;
margin-bottom:1em;
}
.environment article .policy section ol {
margin-bottom:1em;
}
.environment article .policy section ol li {
font-size:1.4rem;
margin-bottom:.5em;
padding-left:2em;
}
.environment article .plan p {
font-size:1.4rem;
margin-bottom:2em;
}
.environment article .plan table th ,
.environment article .plan table td {
padding:1.2em 1.5em;
font-size:1.4rem;
}
.environment article .plan table th {
width:14vw;
}
.environment article .plan table th span:first-letter {
letter-spacing:2em;
}
.environment article .plan table td ul li span {
margin-right:1em;
}
.environment article .plan table td p span ,
.environment article .plan table td p em {
width:4em;
}
.environment article .plan table td p em {
width:calc(100% - 4em);
}
.environment article .plan table td .tbl dl dt {
padding-right:1em;
}
}
@media screen and (max-width: 767px) {
.environment article .policy {
margin-bottom:13.038vw;
}
.environment article .policy .img {
margin-bottom:3.911vw;
}
.environment article .policy section {
margin-bottom:9.126vw;
}
.environment article .policy section:last-child {
margin-bottom:0;
}
.environment article .policy section h4 {
padding-left:7.823vw;
margin-bottom:3.911vw;
font-size:2.1rem;
font-weight:700;
line-height:7.432vw;
}
.environment article .policy section h4:before {
position:absolute;
top:0;
left:0;
width:5.606vw;
height:7.432vw;
background:url(//www.n-chubo.com/img/environment/icon.png) no-repeat center center;
background-size:cover;
}
.environment article .policy section p {
font-size:1.4rem;
margin-bottom:1em;
}
.environment article .policy section ol {
margin-bottom:1em;
}
.environment article .policy section ol li {
font-size:1.4rem;
margin-bottom:.5em;
padding-left:2em;
}
.environment article .policy section ol li:before {
position:absolute;
left:0;
}
.environment article .plan p {
font-size:1.4rem;
margin-bottom:2em;
}
.environment article .plan table {
border: solid 1px #221e1f;
border:none;
}
.environment article .plan table th ,
.environment article .plan table td {
display:block;
padding:1.2em 1.5em;
font-size:1.4rem;
border: solid 1px #221e1f;
border-bottom:none;
}
.environment article .plan table th {
font-weight:700 !important;
text-align:left;
width:100%;
}
.environment article .plan table th span {
font-weight:700 !important;
}
.environment article .plan table td ul li span {
margin-right:1em;
}
.environment article .plan table td p {
margin-bottom:0;
}
.environment article .plan table td p span ,
.environment article .plan table td p em {
display:block;
float:left;
width:4em;
}
.environment article .plan table td p em {
width:calc(100% - 4em);
}
.environment article .plan table td .tbl {
display:table;
}
.environment article .plan table td .tbl dl {
display:table-row;
}
.environment article .plan table td .tbl dl dt ,
.environment article .plan table td .tbl dl dd {
display:table-cell;
}
.environment article .plan table td .tbl dl dt {
white-space:nowrap;
padding-right:1em;
}
.environment article .plan table tr:last-child td {
border-bottom: solid 1px #221e1f;
}
} .recruit .page_ttl {
position:relative;
background:url(//www.n-chubo.com/img/recruit/page_ttl_bg.png) no-repeat center center;
}
@media screen and (min-width: 1916px) {
.recruit .page_ttl {
background:none;
}
.recruit .page_ttl:before {
position:absolute;
top:0;
left:0;
width:45vw;
height:100%;
background:url(//www.n-chubo.com/img/recruit/page_ttl_bg_l.png) no-repeat left center;
background-size:cover;
display:block;
content:'';
}
.recruit .page_ttl:after {
position:absolute;
top:0;
right:0;
width:45vw;
height:100%;
background:url(//www.n-chubo.com/img/recruit/page_ttl_bg_r.png) no-repeat right center;
background-size:cover;
display:block;
content:'';
}
}
.recruit .page_ttl .box {
background:url(//www.n-chubo.com/img/recruit/page_ttl.png) no-repeat center center;
}
.recruit article h4 {
margin-bottom:1.5em;
font-size:2.1rem;
font-weight:700;
}
.recruit article h4 span {
display:block;
font-size:2.1rem;
font-weight:700;
color:#124ebd;
margin-left:-.5em;
}
.recruit article .com {
margin-bottom:50px;
padding:0 .5em;
font-size:1.4rem;
}
.recruit article .com p {
margin-bottom:1em;
}
.recruit article .com p:last-child {
margin-bottom:0;
}
.recruit article .faq {
text-align:center;
}
.recruit article .faq a {
position:relative;
display:inline-block;
width:450px;
padding:.8em 1.8em;
background: rgb(12,119,237);
background: -moz-linear-gradient(top,  rgba(12,119,237,1) 0%, rgba(12,119,237,1) 48%, rgba(8,85,188,1) 51%, rgba(8,85,188,1) 100%);
background: -webkit-linear-gradient(top,  rgba(12,119,237,1) 0%,rgba(12,119,237,1) 48%,rgba(8,85,188,1) 51%,rgba(8,85,188,1) 100%);
background: linear-gradient(to bottom,  rgba(12,119,237,1) 0%,rgba(12,119,237,1) 48%,rgba(8,85,188,1) 51%,rgba(8,85,188,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c77ed', endColorstr='#0855bc',GradientType=0 );
}
.recruit article .faq a:before {
position:absolute;
top:0;
left:0;
border: solid 2px #0c77ed;
width:calc(100% - 4px);
height:calc(100% - 4px);
display:block;
content:'';
}
.recruit article .faq a:after {
position:absolute;
top:-2px;
left:-2px;
border: solid 2px #053774;
width:100%;
height:100%;
display:block;
content:'';
}
.recruit article .faq a span {
font-size:1.8rem;
font-weight:700;
color:#FFF;
}
.recruit article .faq a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.recruit article dl {
display:block;
margin-bottom:90px;
}
.recruit article dl dt ,
.recruit article dl dd {
display:block;
}
.recruit article dl dt {
margin:0 auto;
margin-bottom:20px; }
.recruit article dl dt ul {
display: flex;
align-items: center;
justify-content: center;
}
.recruit article dl dt ul li:first-of-type {
margin-right: 20px;
}
.recruit article dl dt ul li img {
width: auto;
height: 60px;
}
.recruit article dl dd {
font-size:1.4rem;
text-align:center;
}
.recruit article dl dd span ,
.recruit article dl dd em {
display:block;
text-align:center;
margin-bottom:1em;
}
.recruit article dl dd em {
margin-bottom:1.5em;
}
.recruit article .youtube {
margin-bottom:60px;
}
.recruit article .youtube .box_in {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.recruit article .youtube .box_in iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
@media screen and (max-width: 1000px) {
.recruit .page_ttl {
position:relative;
background:url(//www.n-chubo.com/img/recruit/page_ttl_bg.png) no-repeat center center;
background-size:cover;
}
.recruit article h4 {
margin-bottom:1.5em;
font-size:2.1rem;
font-weight:700;
}
.recruit article h4 span {
font-size:2.1rem;
font-weight:700;
margin-left:-.5em;
}
.recruit article .com {
margin-bottom:5vw;
padding:0 .5em;
font-size:1.4rem;
}
.recruit article .com p {
margin-bottom:1em;
}
.recruit article .faq {
}
.recruit article .faq a {
width:45vw;
padding:.8em 1.8em;
}
.recruit article .faq a:before {
position:absolute;
top:0;
left:0;
border: solid 2px #0c77ed;
width:calc(100% - 4px);
height:calc(100% - 4px);
display:block;
content:'';
}
.recruit article .faq a:after {
position:absolute;
top:-0.2vw;
left:-0.2vw;
border: solid 2px #053774;
width:100%;
height:100%;
display:block;
content:'';
}
.recruit article .faq a span {
font-size:1.8rem;
font-weight:700;
}
.recruit article dl {
margin-bottom:9vw;
}
.recruit article dl dt { }
.recruit article dl dd {
font-size:1.4rem;
}
.recruit article .youtube {
margin-bottom:6vw;
}
}
@media screen and (max-width: 767px) {
.recruit article h4 {
margin-bottom:1.5em;
font-size:2.1rem;
font-weight:700;
}
.recruit article h4 span {
font-size:2.1rem;
font-weight:700;
margin-left:-.5em;
}
.recruit article .com {
margin-bottom:6.519vw;
padding:0 .5em;
font-size:1.4rem;
}
.recruit article .com p {
margin-bottom:1em;
}
.recruit article .faq {
}
.recruit article .faq a {
position:relative;
display:block;
width:100%;
padding:.8em 0;
text-align:center;
}
.recruit article .faq a:before {
position:absolute;
top:0;
left:0;
border: solid 2px #0c77ed;
width:calc(100% - 4px);
height:calc(100% - 4px);
display:block;
content:'';
}
.recruit article .faq a:after {
position:absolute;
top:-2px;
left:-2px;
border: solid 2px #053774;
width:100%;
height:100%;
display:block;
content:'';
}
.recruit article .faq a span {
font-size:1.8rem;
font-weight:700;
}
.recruit article dl {
display:block;
margin-bottom:11.734vw;
}
.recruit article dl dt ,
.recruit article dl dd {
display:block;
vertical-align:middle;
}
.recruit article dl dt { margin:0 auto;
margin-bottom:2.608vw;
}
.recruit article dl dt ul {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.recruit article dl dt ul li {
width: 60%;
}
.recruit article dl dt ul li:first-of-type {
margin-right: 0;
margin-bottom: 8vw;
}
.recruit article dl dt ul li img {
width: 100%;
height: auto;
}
.recruit article dl dd {
padding-left:0;
font-size:1.4rem;
text-align:left;
}
.recruit article dl dd span ,
.recruit article dl dd em {
text-align:left;
}
.recruit article .youtube {
margin-bottom:8vw;
}
} .office .page_ttl {
position:relative;
background:url(//www.n-chubo.com/img/office/page_ttl_bg.png) no-repeat center center;
}
@media screen and (min-width: 1916px) {
.office .page_ttl {
background:none;
}
.office .page_ttl:before {
position:absolute;
top:0;
left:0;
width:45vw;
height:100%;
background:url(//www.n-chubo.com/img/office/page_ttl_bg_l.png) no-repeat left center;
background-size:cover;
display:block;
content:'';
}
.office .page_ttl:after {
position:absolute;
top:0;
right:0;
width:45vw;
height:100%;
background:url(//www.n-chubo.com/img/office/page_ttl_bg_r.png) no-repeat right center;
background-size:cover;
display:block;
content:'';
}
}
.office .page_ttl .box {
background:url(//www.n-chubo.com/img/office/page_ttl.png) no-repeat center center;
}
.office article .map {
position:relative;
border: solid 1px #221e1f;
margin-bottom:120px;
padding:25px 0 65px 15px;
}
.office article .map:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.office article .map .img {
float:left;
width:585px;
}
.office article .map .box_r {
position: absolute; top: 145px;
right:0;
z-index:10;
display:inline-block;
width:230px;
}
.office article .map .box_r h3 {
font-family: 'Noto Serif JP', serif;
font-size:2.4rem;
font-weight:700;
color:#1a6fc2;
margin-bottom:20px;
}
.office article .map .box_r h3 span {
display:block;
}
.office article .map .box_r h3 span em {
display:block;
width:50px;
}
.office article .map .box_r section {
margin-bottom:35px;
}
.office article .map .box_r section:last-child {
margin-bottom:0;
}
.office article .map .box_r section h4 {
padding:.3em .8em .4em;
margin-bottom:1em;
background:#fff100;
font-size:1.4rem;
font-weight:500;
}
.office article .map .box_r section:nth-of-type(2) h4 {
background:#ffd7e8;
}
.office article .map .box_r section:last-child h4 { background:#d5e49b;
}
.office article .office_list section {
margin-bottom:110px;
}
.office article .office_list section:last-child {
margin-bottom:0;
}
.office article .office_list section h3 {
font-size:1.8rem;
font-weight:700;
color:#123888;
line-height:1.1;
border-bottom: solid 2px #123888;
padding-bottom:.3em;
margin-bottom:30px;
}
.office article .office_list section ul {
margin-bottom:50px;
}
.office article .office_list section ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.office article .office_list section ul li {
float:left;
width:349px;
margin-bottom:15px;
}
.office article .office_list section ul li:nth-child(2n) {
float:right;
}
.office article .office_list section ul li:nth-child(2n+1) {
clear:both;
}
.office article .office_list section ul li:nth-last-child(-n+2) {
margin-bottom:0;
}
.office article .office_list section ul li iframe {
width:100%;
height:237px;
}
.office article .office_list section p {
margin-bottom:1em;
font-size:1.4rem;
}
.office article .office_list section p span {
margin-right:1em;
}
.office article .office_list section dl dt ,
.office article .office_list section dl dd {
font-size:1.8rem;
font-weight:700;
}
.office article .office_list section dl dt span ,
.office article .office_list section dl dd span {
display:inline-block;
margin-right:1em;
font-weight:500;
}
.office article .office_list section dl dt span:first-letter {
letter-spacing:2em;
}
.office article .office_list section dl dt em ,
.office article .office_list section dl dd em {
display:inline-block;
margin-right:1em;
font-weight:700;
}
.office article .office_list section dl dt span.js-tel ,
.office article .office_list section dl dd span.js-tel ,
.office article .office_list section dl dt span.js-tel a ,
.office article .office_list section dl dd span.js-tel a ,
.office article .office_list section dl dt em span ,
.office article .office_list section dl dd em span ,
.office article .office_list section dl dt em span.js-tel ,
.office article .office_list section dl dd em span.js-tel ,
.office article .office_list section dl dt em span a ,
.office article .office_list section dl dd em span a {
display:inline-block !important;
margin:0 !important;
font-weight:700 !important;
}
.office article .office_list section dl dt span.js-tel:first-letter ,
.office article .office_list section dl dd span.js-tel:first-letter ,
.office article .office_list section dl dt em span:first-letter ,
.office article .office_list section dl dd em span:first-letter {
letter-spacing: 0 !important;
}
.office article .office_list section .add:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.office article .office_list section .add p {
float:left;
width:50%;
margin-bottom:0;
padding-top:.2em;
}
.office article .office_list section .add dl {
float:left;
width:50%;
}
.office article .office_list section .add dl:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.office article .office_list section .add dl dt ,
.office article .office_list section .add dl dd {
float:left;
}
.office article .office_list section .add dl dt {
margin-right:.5em;
}
@media screen and (max-width: 1000px) {
.office .page_ttl {
position:relative;
background:url(//www.n-chubo.com/img/office/page_ttl_bg.png) no-repeat center center;
background-size:cover;
}
.office article .map {
margin-bottom:12vw;
padding:2.5vw 0 6.5vw 1.5vw;
}
.office article .map .img {
width:58.5vw;
}
.office article .map .box_r {
position: absolute; top: 14.5vw;
right:0;
width:23vw;
}
.office article .map .box_r h3 { font-size:2.3rem;
font-weight:700;
margin-bottom:2vw;
}
.office article .map .box_r h3 span em {
width:5vw;
}
.office article .map .box_r section {
margin-bottom:3.5vw;
font-size:calc(1.2rem * .9);
}
.office article .map .box_r section h4 {
padding:.3em .8em .4em;
margin-bottom:1em;
font-size:1.4rem;
font-weight:500;
}
.office article .office_list section {
margin-bottom:11vw;
}
.office article .office_list section h3 {
font-size:1.8rem;
font-weight:700;
padding-bottom:.3em;
margin-bottom:3vw;
}
.office article .office_list section ul {
margin-bottom:5vw;
}
.office article .office_list section ul li {
width:34.9vw;
margin-bottom:1.5vw;
}
.office article .office_list section ul li iframe {
height:23.7vw;
}
.office article .office_list section p {
margin-bottom:1em;
font-size:1.4rem;
}
.office article .office_list section p span {
display:block;
margin-right:1em;
}
.office article .office_list section dl dt ,
.office article .office_list section dl dd {
font-size:1.8rem;
font-weight:700;
}
.office article .office_list section dl dt span ,
.office article .office_list section dl dd span {
margin-right:1em;
font-weight:500;
}
.office article .office_list section dl dt span:first-letter {
letter-spacing:2em;
}
.office article .office_list section dl dt em ,
.office article .office_list section dl dd em {
margin-right:1em;
font-weight:700;
}
.office article .office_list section .add p {
width:50%;
padding-top:.2em;
}
.office article .office_list section .add dl {
width:50%;
}
.office article .office_list section .add dl dt {
margin-right:.5em;
}
}
@media screen and (max-width: 767px) {
.office article .map {
margin-bottom:13.038vw;
padding:5.215vw 3.911vw;
}
.office article .map .img {
float:none;
width:100%;
margin-bottom:2.608vw;
overflow:hidden;
}
.office article .map .img img {
width:110%;
}
.office article .map .box_r {
position: relative;
top: inherit;
right: inherit;
z-index:10;
display:block;
width:100%;
}
.office article .map .box_r h3 {
font-size:2.4rem;
font-weight:700;
margin-bottom:2.608vw;
}
.office article .map .box_r h3 span em {
width:6.519vw;
}
.office article .map .box_r section {
margin-bottom:5.215vw;
}
.office article .map .box_r section h4 {
padding:.3em .8em .4em;
margin-bottom:1em;
font-size:1.4rem;
font-weight:500;
}
.office article .map .box_r section p span.sp {
display:inline-block;
}
.office article .office_list section {
margin-bottom:10.43vw;
}
.office article .office_list section:last-child {
margin-bottom:0;
}
.office article .office_list section h3 {
font-size:1.8rem;
font-weight:700;
padding-bottom:.3em;
margin-bottom:3.911vw;
}
.office article .office_list section ul {
margin-bottom:6.519vw;
}
.office article .office_list section ul li {
width:48%;
margin-bottom:2.608vw;
}
.office article .office_list section ul li:nth-last-child(-n+2) {
margin-bottom:2.608vw;
}
.office article .office_list section ul li:last-child {
margin-bottom:0;
float:none;
clear:both;
width:100%;
}
.office article .office_list section ul li iframe {
width:100%;
height:58.67vw;
}
.office article .office_list section p {
margin-bottom:1em;
font-size:1.4rem;
}
.office article .office_list section p span {
margin-right:1em;
}
.office article .office_list section dl dt ,
.office article .office_list section dl dd {
font-size:1.8rem;
font-weight:700;
}
.office article .office_list section dl dt {
margin-bottom:2vw;
}
.office article .office_list section dl dt span ,
.office article .office_list section dl dd span {
display:inline-block;
margin-right:1em;
font-weight:500;
}
.office article .office_list section dl dt span:first-letter {
letter-spacing:2em;
}
.office article .office_list section dl dt em ,
.office article .office_list section dl dd em {
display:block;
margin-right:1em;
font-weight:700;
}
.office article .office_list section .add p {
float:none;
width:100%;
margin-bottom:0;
padding-top:0;
margin-bottom:2vw;
}
.office article .office_list section .add dl {
float:none;
width:100%;
}
.office article .office_list section .add dl dt ,
.office article .office_list section .add dl dd {
float:none;
}
.office article .office_list section .add dl dt {
margin-right:.5em;
margin-bottom:0;
}
} .item .page_ttl {
position:relative;
background:url(//www.n-chubo.com/img/item/page_ttl_bg.png) no-repeat center center;
}
@media screen and (min-width: 1916px) {
.item .page_ttl {
background:none;
}
.item .page_ttl:before {
position:absolute;
top:0;
left:0;
width:45vw;
height:100%;
background:url(//www.n-chubo.com/img/item/page_ttl_bg_l.png) no-repeat left center;
background-size:cover;
display:block;
content:'';
}
.item .page_ttl:after {
position:absolute;
top:0;
right:0;
width:45vw;
height:100%;
background:url(//www.n-chubo.com/img/item/page_ttl_bg_r.png) no-repeat right center;
background-size:cover;
display:block;
content:'';
}
}
.item .page_ttl .box {
background:url(//www.n-chubo.com/img/item/page_ttl.png) no-repeat center center;
}
.item article .img_com {
margin-bottom:100px;
}
.item article .img_com p:first-child {
margin-bottom:40px;
}
.item article .img_com p:last-child {
font-size:1.4rem;
font-weight:500;
line-height:2.0;
padding:0 .5em;
}
.item article .brand {
margin-bottom:100px;
}
.item article .brand:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.item article .brand section {
float:left;
width:348px;
}
.item article .brand section:last-child {
float:right;
}
.item article .brand section .img {
margin-bottom:10px;
}
.item article .brand section h3 {
font-size:1.8rem;
font-weight:700;
color:#403f41;
margin-bottom:10px;
}
.item article .brand section .com {
font-size:1.4rem;
padding:0 .2em;
margin-bottom:1em;
}
.item article .brand section .btn a {
position:relative;
display:block;
border: solid 1px #221e1f;
overflow: hidden;
transition: .3s;
padding:.6em 0;
text-align:center;
}
.item article .brand section .btn a:after {
position: absolute;
transition: .3s;
content: '';
width: 0;
left: 50%;
bottom: 0;
height: 3px;
background: #FFFFFF;
}
.item article .brand section .btn a:hover:after {
width: 100%;
left: 0;
}
.item article .brand section .btn a:hover {
box-shadow: inset 0px 0px 0px 3px #221e1f;
}
.item article .brand section .btn a:hover:after {
width: 0%;
}
.item article .brand section .btn a span {
display:inline-block;
white-space:nowrap;
font-size:1.2rem;
}
.item article .recommend {
margin-bottom:100px;
}
.item article .recommend:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.item article .recommend section {
float:left;
width:348px;
}
.item article .recommend section:last-child {
float:right;
}
.item article .recommend section .img {
margin-bottom:10px;
}
.item article .recommend section .img a {
position:relative;
display:block;
width:100%;
height:243px;
padding:67px 22px 0 22px;
background:url(//www.n-chubo.com/img/item/recommend01.svg) no-repeat center center;
background-size:cover;
}
.item article .recommend section:last-child .img a {
background:url(//www.n-chubo.com/img/item/recommend02.svg) no-repeat center center;
}
.item article .recommend section .img a:before {
position:absolute;
top:-19px;
left:-16px;
z-index:10;
width:52px;
height:77px;
background:url(//www.n-chubo.com/img/item/recommend01_hand.svg) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.item article .recommend section:last-child .img a:before {
position:absolute;
top:-15px;
left:-14px;
z-index:10;
width:56px;
height:71px;
background:url(//www.n-chubo.com/img/item/recommend02_hand.svg) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.item article .recommend section .img a:hover {
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.item article .recommend section .btn a {
position:relative;
display:block;
border: solid 1px #221e1f;
overflow: hidden;
transition: .3s;
padding:.6em 0;
text-align:center;
}
.item article .recommend section .btn a:after {
position: absolute;
transition: .3s;
content: '';
width: 0;
left: 50%;
bottom: 0;
height: 3px;
background: #FFFFFF;
}
.item article .recommend section .btn a:hover:after {
width: 100%;
left: 0;
}
.item article .recommend section .btn a:hover {
box-shadow: inset 0px 0px 0px 3px #221e1f;
}
.item article .recommend section .btn a:hover:after {
width: 0%;
}
.item article .recommend section .btn a span {
display:inline-block;
white-space:nowrap;
font-size:1.2rem;
}
@media screen and (max-width: 1000px) {
.item .page_ttl {
position:relative;
background:url(//www.n-chubo.com/img/item/page_ttl_bg.png) no-repeat center center;
background-size:cover;
}
.item article .img_com {
margin-bottom:10vw;
}
.item article .img_com p:first-child {
margin-bottom:4vw;
}
.item article .img_com p:last-child {
font-size:1.4rem;
font-weight:500;
line-height:2.0;
padding:0 .5em;
}
.item article .brand {
margin-bottom:10vw;
}
.item article .brand section {
width:34.8vw;
}
.item article .brand section .img {
margin-bottom:1vw;
}
.item article .brand section h3 {
font-size:1.8rem;
font-weight:700;
margin-bottom:1vw;
}
.item article .brand section .com {
font-size:1.4rem;
padding:0 .2em;
margin-bottom:1em;
}
.item article .brand section .btn a {
border: solid 1px #221e1f;
transition: .3s;
padding:.6em 0;
}
.item article .brand section .btn a span {
font-size:1.2rem;
}
.item article .recommend {
margin-bottom:10vw;
}
.item article .recommend section {
width:34.8vw;
}
.item article .recommend section .img {
margin-bottom:1vw;
}
.item article .recommend section .img a {
width:100%;
height:24.3vw;
padding:6.7vw 2.2vw 0 2.2vw;
background:url(//www.n-chubo.com/img/item/recommend01.svg) no-repeat center center;
background-size:cover;
}
.item article .recommend section:last-child .img a {
background:url(//www.n-chubo.com/img/item/recommend02.svg) no-repeat center center;
}
.item article .recommend section .img a:before {
position:absolute;
top:-1.9vw;
left:-1.6vw;
z-index:10;
width:5.2vw;
height:7.7vw;
background:url(//www.n-chubo.com/img/item/recommend01_hand.svg) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.item article .recommend section:last-child .img a:before {
position:absolute;
top:-1.5vw;
left:-1.4vw;
z-index:10;
width:5.6vw;
height:7.1vw;
background:url(//www.n-chubo.com/img/item/recommend02_hand.svg) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.item article .recommend section .btn a {
padding:.6em 0;
}
.item article .recommend section .btn a span {
font-size:1.2rem;
}
}
@media screen and (max-width: 767px) {
.item article .img_com {
margin-bottom:13.038vw;
}
.item article .img_com p:first-child {
margin-bottom:5.215vw;
}
.item article .img_com p:last-child {
font-size:1.4rem;
font-weight:500;
line-height:2.0;
padding:0 .5em;
}
.item article .brand {
margin-bottom:13.038vw;
}
.item article .brand section {
float:none;
width:100%;
margin-bottom:8vw;
}
.item article .brand section:last-child {
float:none;
margin-bottom:0;
}
.item article .brand section .img {
margin-bottom:2.608vw;
}
.item article .brand section h3 {
font-size:1.8rem;
font-weight:700;
margin-bottom:2.608vw;
}
.item article .brand section .com {
font-size:1.4rem;
padding:0 .2em;
margin-bottom:1em;
}
.item article .brand section .btn a span {
font-size:calc(1.2rem * 1.2);
}
.item article .recommend {
margin-bottom:13.038vw;
}
.item article .recommend section {
float:none;
width:100%;
margin-bottom:8vw;
}
.item article .recommend section:last-child {
float:none;
margin-bottom:0;
}
.item article .recommend section .img {
margin-bottom:10px;
}
.item article .recommend section .img a {
position:relative;
display:block;
width:100%;
height:auto;
padding:18vw 4.172vw 4.172vw 4.172vw;
background:#ffec45 url(//www.n-chubo.com/img/item/recommend01.svg) no-repeat left top;
background-size:cover;
}
.item article .recommend section:last-child .img a {
background:#ffec45 url(//www.n-chubo.com/img/item/recommend02.svg) no-repeat left top;
background-size:cover;
}
.item article .recommend section .img a:before {
position:absolute;
top:-2.477vw;
left:-2.086vw;
z-index:10;
width:calc(6.78vw * 1.8);
height:calc(10.039vw * 1.8);
background:url(//www.n-chubo.com/img/item/recommend01_hand.svg) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.item article .recommend section:last-child .img a:before {
position:absolute;
top:-1.956vw;
left:-1.825vw;
z-index:10;
width:calc(7.301vw * 1.8);
height:calc(9.257vw * 1.8);
background:url(//www.n-chubo.com/img/item/recommend02_hand.svg) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
.item article .recommend section .btn a span {
font-size:calc(1.2rem * 1.2);
}
} .item-detail .page_ttl {
position:relative;
background:url(//www.n-chubo.com/img/item-detail/page_ttl_bg.png) no-repeat center center;
}
@media screen and (min-width: 1916px) {
.item-detail .page_ttl {
background:none;
}
.item-detail .page_ttl:before {
position:absolute;
top:0;
left:0;
width:45vw;
height:100%;
background:url(//www.n-chubo.com/img/item-detail/page_ttl_bg_l.png) no-repeat left center;
background-size:cover;
display:block;
content:'';
}
.item-detail .page_ttl:after {
position:absolute;
top:0;
right:0;
width:45vw;
height:100%;
background:url(//www.n-chubo.com/img/item-detail/page_ttl_bg_r.png) no-repeat right center;
background-size:cover;
display:block;
content:'';
}
}
.item-detail .page_ttl .box {
background:url(//www.n-chubo.com/img/item-detail/page_ttl.png) no-repeat center center;
}
.item-detail article .brand {
padding-bottom:80px;
margin-bottom:80px;
border-bottom: dashed 1px #221e1f;
}
.item-detail article .brand h3 {
padding:.7em .4em;
margin-bottom:50px;
border-top: solid 1px #134ebc;
border-bottom: solid 1px #134ebc;
font-size:1.9rem;
font-weight:500;
line-height:1.3;
letter-spacing:.05em;
}
.item-detail article .brand h4 {
font-size:2.8rem;
font-weight:700;
line-height:1.5;
margin-bottom:40px;
}
.item-detail article .brand h4 span {
font-size:2.4rem;
font-weight:700; }
.item-detail article .brand .com {
font-size:1.4rem;
font-weight:500;
margin-bottom:50px;
}
.item-detail article .brand .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.item-detail article .brand .box section {
float:left;
width:225px;
margin-right:20px;
margin-bottom:30px;
}
.item-detail article .brand .box section:nth-child(3n) {
margin-right:0;
}
.item-detail article .brand .box section:nth-child(3n+1) {
clear:both;
}
.item-detail article .brand .box section:nth-last-child(-n+3) {
margin-bottom:0;
}
.item-detail article .brand .box section .img {
margin-bottom:5px;
}
.item-detail article .brand .box section h4 {
font-size:1.4rem;
font-weight:500;
margin-bottom:.5em;
}
.item-detail article .brand .box section h4 + p {
font-size:1.2rem;
}
.item-detail article .chilled {
padding-bottom:80px;
margin-bottom:80px;
border-bottom: dashed 1px #221e1f;
}
.item-detail article .chilled h3 {
font-size:2.8rem;
font-weight:700;
line-height:1.5;
margin-bottom:40px;
}
.item-detail article .chilled dl {
margin-bottom:40px;
}
.item-detail article .chilled dl:last-child {
margin-bottom:0;
}
.item-detail article .chilled dl:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.item-detail article .chilled dl dt {
float:left;
width:300px;
}
.item-detail article .chilled dl dd {
float:right;
width:370px;
}
.item-detail article .chilled dl dd p {
margin-bottom:1.2em;
padding:0 .2em;
font-size:1.4rem;
font-weight:500;
}
.item-detail article .chilled dl dd p:last-child {
margin-bottom:0;
}
.item-detail article .chilled dl dd p.catch {
padding:0;
line-height:2.0;
}
.item-detail article .chilled dl dd p em {
display:block;
padding-top:.3em;
font-size:1.2rem;
font-weight:400;
}
.item-detail article .recommend {
padding-bottom:80px;
margin-bottom:80px;
border-bottom: dashed 1px #221e1f;
}
.item-detail article .recommend section {
margin-bottom:120px;
}
.item-detail article .recommend section:last-child {
margin-bottom:0;
}
.item-detail article .recommend section h3 {
margin-bottom:20px;
}
.item-detail article .recommend section h3 span {
position:relative;
display:inline-block;
width:335px;
left:-15px;
}
.item-detail article .recommend section:last-child h3 span {
width:286px;
left:-11px;
}
.item-detail article .recommend section .img {
margin-bottom:45px;
}
.item-detail article .recommend section .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.item-detail article .recommend section .box .img_l {
float:left;
width:355px;
}
.item-detail article .recommend section .box .box_r {
float:right;
width:325px;
}
.item-detail article .recommend section .box .box_r h4 {
font-size:1.4rem;
font-weight:500;
}
.item-detail article .recommend section .box .box_r p {
font-size:1.2rem;
margin-bottom:1em;
}
.item-detail article .recommend section .box .box_r p:last-child {
margin-bottom:0;
}
.item-detail article .fruits {
padding-bottom:80px;
margin-bottom:80px;
border-bottom: dashed 1px #221e1f;
}
.item-detail article .fruits h3 {
font-size:2.8rem;
font-weight:700;
line-height:1.5;
margin-bottom:40px;
}
.item-detail article .fruits .img {
margin-bottom:45px;
}
.item-detail article .fruits dl:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.item-detail article .fruits dl dt {
float:left;
width:355px;
}
.item-detail article .fruits dl dd {
float:right;
width:325px;
font-size:1.4rem;
line-height:2.0;
}
.item-detail article .stock { margin-bottom:80px; }
.item-detail article .stock h3 {
font-size:2.8rem;
font-weight:700;
line-height:1.5;
margin-bottom:40px;
}
.item-detail article .stock h3 span {
font-size:1.8rem;
font-weight:500;
padding-left:.1em;
}
.item-detail article .stock ul {
margin-bottom:45px;
}
.item-detail article .stock ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.item-detail article .stock ul li {
float:left;
width:33.3%;
}
.item-detail article .stock p {
font-size:1.4rem;
line-height:2.0;
}
.item-detail article .chubo {
padding-bottom:80px;
margin-bottom:80px;
border-bottom: dashed 1px #221e1f;
}
.item-detail article .chubo h3 {
font-size:2.8rem;
font-weight:700;
line-height:1.5;
margin-bottom:40px;
}
.item-detail article .chubo h3 span {
font-size:2.4rem;
font-weight:700;
}
.item-detail article .chubo dl:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.item-detail article .chubo dl dt {
float:left;
width:355px;
}
.item-detail article .chubo dl dd {
position:relative;
float:right;
width:325px;
height:311px;
font-size:1.4rem;
line-height:2.0;
}
.item-detail article .chubo dl dd p {
font-size:1.4rem;
line-height:2.0;
}
.item-detail article .chubo dl dd ul {
position:absolute;
bottom:0;
left:0;
width:100%;
}
.item-detail article .chubo dl dd ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.item-detail article .chubo dl dd ul li {
float:left;
width:50%;
}
.item-detail article .maker {
margin-bottom:80px;
padding-bottom:80px;
border-bottom: dashed 1px #221e1f;
}
.item-detail article .maker h3 {
font-size:2.8rem;
font-weight:700;
line-height:1.5;
margin-bottom:40px;
}
.item-detail article .maker dl dt {
font-size:1.5rem;
font-weight:500;
margin-bottom:60px;
}
@media screen and (max-width: 1000px) {
.item-detail .page_ttl {
position:relative;
background:url(//www.n-chubo.com/img/item-detail/page_ttl_bg.png) no-repeat center center;
background-size:cover;
}
.item-detail article .brand {
padding-bottom:8vw;
margin-bottom:8vw;
}
.item-detail article .brand h3 {
padding:.7em .4em;
margin-bottom:5vw;
font-size:calc(1.9rem * .9);
font-weight:500;
line-height:1.3;
letter-spacing:.05em;
}
.item-detail article .brand h4 {
font-size:calc(2.8rem * .95);
font-weight:700;
line-height:1.5;
margin-bottom:4vw;
}
.item-detail article .brand h4 span {
font-size:2.4rem;
font-weight:700; }
.item-detail article .brand .com {
font-size:1.4rem;
font-weight:500;
margin-bottom:5vw;
}
.item-detail article .brand .box section {
width:22.5vw;
margin-right:2vw;
margin-bottom:3vw;
}
.item-detail article .brand .box section .img {
margin-bottom:0.5vw;
}
.item-detail article .brand .box section h4 {
font-size:1.4rem;
font-weight:500;
margin-bottom:.5em;
}
.item-detail article .brand .box section h4 + p {
font-size:1.2rem;
}
.item-detail article .chilled {
padding-bottom:8vw;
margin-bottom:8vw;
}
.item-detail article .chilled h3 {
font-size:2.8rem;
font-weight:700;
line-height:1.5;
margin-bottom:4vw;
}
.item-detail article .chilled dl {
margin-bottom:4vw;
}
.item-detail article .chilled dl dt {
width:30vw;
}
.item-detail article .chilled dl dd {
width:37vw;
}
.item-detail article .chilled dl dd p {
margin-bottom:1.2em;
padding:0 .2em;
font-size:1.4rem;
font-weight:500;
}
.item-detail article .chilled dl dd p.catch {
line-height:2.0;
}
.item-detail article .chilled dl dd p em {
padding-top:.3em;
font-size:1.2rem;
font-weight:400;
}
.item-detail article .recommend {
padding-bottom:8vw;
margin-bottom:8vw;
}
.item-detail article .recommend section {
margin-bottom:12vw;
}
.item-detail article .recommend section h3 {
margin-bottom:2vw;
}
.item-detail article .recommend section h3 span {
width:33.5vw;
left:-1.5vw;
}
.item-detail article .recommend section:last-child h3 span {
width:28.6vw;
left:-1.1vw;
}
.item-detail article .recommend section .img {
margin-bottom:4.5vw;
}
.item-detail article .recommend section .box .img_l {
width:35.5vw;
}
.item-detail article .recommend section .box .box_r {
width:32.5vw;
}
.item-detail article .recommend section .box .box_r h4 {
font-size:1.4rem;
font-weight:500;
}
.item-detail article .recommend section .box .box_r p {
font-size:1.2rem;
margin-bottom:1em;
}
.item-detail article .fruits {
padding-bottom:8vw;
margin-bottom:8vw;
}
.item-detail article .fruits h3 {
font-size:2.8rem;
font-weight:700;
line-height:1.5;
margin-bottom:4vw;
}
.item-detail article .fruits .img {
margin-bottom:4.5vw;
}
.item-detail article .fruits dl dt {
width:35.5vw;
}
.item-detail article .fruits dl dd {
width:32.5vw;
font-size:1.4rem;
line-height:2.0;
}
.item-detail article .stock { margin-bottom:8vw;
}
.item-detail article .stock h3 {
font-size:2.8rem;
font-weight:700;
line-height:1.5;
margin-bottom:4vw;
}
.item-detail article .stock h3 span {
font-size:1.8rem;
font-weight:500;
padding-left:.1em;
}
.item-detail article .stock ul {
margin-bottom:4.5vw;
}
.item-detail article .stock ul li {
width:33.3%;
}
.item-detail article .stock p {
font-size:1.4rem;
line-height:2.0;
}
.item-detail article .chubo {
padding-bottom:8vw;
margin-bottom:8vw;
}
.item-detail article .chubo h3 {
font-size:2.8rem;
font-weight:700;
line-height:1.5;
margin-bottom:4vw;
}
.item-detail article .chubo h3 span {
font-size:2.4rem;
font-weight:700;
}
.item-detail article .chubo dl dt {
width:35.5vw;
}
.item-detail article .chubo dl dd {
width:32.5vw;
height:31.1vw;
font-size:1.4rem;
line-height:2.0;
}
.item-detail article .chubo dl dd p {
font-size:1.4rem;
line-height:2.0;
}
.item-detail article .chubo dl dd ul li {
width:50%;
}
.item-detail article .maker {
padding-bottom:8vw;
margin-bottom:8vw;
}
.item-detail article .maker h3 {
font-size:2.8rem;
font-weight:700;
line-height:1.5;
margin-bottom:4vw;
}
.item-detail article .maker dl dt {
font-size:1.5rem;
font-weight:500;
margin-bottom:6vw;
}
}
@media screen and (max-width: 767px) {
.item-detail article .brand {
padding-bottom:10.43vw;
margin-bottom:10.43vw;
border-bottom: dashed 1px #221e1f;
}
.item-detail article .brand h3 {
padding:.7em .4em;
margin-bottom:6.519vw;
border-top: solid 1px #134ebc;
border-bottom: solid 1px #134ebc;
font-size:1.9rem;
font-weight:500;
line-height:1.3;
letter-spacing:.05em;
}
.item-detail article .brand h4 {
font-size:2.8rem;
font-weight:700;
line-height:1.5;
margin-bottom:5.215vw;
}
.item-detail article .brand h4 span {
font-size:2.4rem;
font-weight:700; }
.item-detail article .brand .com {
font-size:1.4rem;
font-weight:500;
margin-bottom:6.519vw;
}
.item-detail article .brand .box section {
float:none;
width:100%;
margin-right:0;
margin-bottom:5.215vw;
}
.item-detail article .brand .box section:nth-child(3n) {
margin-right:0;
}
.item-detail article .brand .box section:nth-child(3n+1) {
clear:both;
}
.item-detail article .brand .box section:nth-last-child(-n+3) {
margin-bottom:5.215vw;
}
.item-detail article .brand .box section:last-child {
margin-bottom:0;
}
.item-detail article .brand .box section .img {
margin-bottom:1.304vw;
}
.item-detail article .brand .box section h4 {
font-size:1.4rem;
font-weight:500;
margin-bottom:.5em;
}
.item-detail article .brand .box section h4 + p {
font-size:calc(1.2rem * 1.1);
}
.item-detail article .chilled {
padding-bottom:10.43vw;
margin-bottom:10.43vw;
border-bottom: dashed 1px #221e1f;
}
.item-detail article .chilled h3 {
font-size:2.8rem;
font-weight:700;
line-height:1.5;
margin-bottom:5.215vw;
}
.item-detail article .chilled dl {
margin-bottom:5.215vw;
}
.item-detail article .chilled dl dt {
float:none;
width:100%;
margin-bottom:5.215vw;
}
.item-detail article .chilled dl dd {
float:none;
width:100%;
}
.item-detail article .chilled dl dd p {
margin-bottom:1.2em;
padding:0 .2em;
font-size:1.4rem;
font-weight:500;
}
.item-detail article .chilled dl dd p.catch {
line-height:2.0;
}
.item-detail article .chilled dl dd p em {
padding-top:.3em;
font-size:calc(1.2rem * 1.1);
font-weight:400;
}
.item-detail article .recommend {
padding-bottom:10.43vw;
margin-bottom:10.43vw;
border-bottom: dashed 1px #221e1f;
}
.item-detail article .recommend section {
margin-bottom:13.038vw;
}
.item-detail article .recommend section h3 {
margin-bottom:2.608vw;
}
.item-detail article .recommend section h3 span {
width:calc(43.677vw * 2);
left:-1.956vw;
}
.item-detail article .recommend section:last-child h3 span {
width:calc(37.288vw * 2);
left:-1.434vw;
}
.item-detail article .recommend section .img {
margin-bottom:3.911vw;
}
.item-detail article .recommend section .box .img_l {
float:none;
width:100%;
margin-bottom:3.911vw;
}
.item-detail article .recommend section .box .box_r {
float:none;
width:100%;
}
.item-detail article .recommend section .box .box_r h4 {
font-size:1.4rem;
font-weight:500;
}
.item-detail article .recommend section .box .box_r p {
font-size:calc(1.2rem * 1.1);
margin-bottom:1em;
}
.item-detail article .fruits {
padding-bottom:10.43vw;
margin-bottom:10.43vw;
border-bottom: dashed 1px #221e1f;
}
.item-detail article .fruits h3 {
font-size:calc(2.8rem * .9);
font-weight:700;
line-height:1.5;
margin-bottom:5.215vw;
}
.item-detail article .fruits .img {
margin-bottom:5.867vw;
}
.item-detail article .fruits dl dt {
float:none;
width:100%;
margin-bottom:3.911vw;
}
.item-detail article .fruits dl dd {
float:none;
width:100%;
font-size:1.4rem;
line-height:2.0;
}
.item-detail article .stock { margin-bottom:10.43vw; }
.item-detail article .stock h3 {
font-size:calc(2.8rem * .9);
font-weight:700;
line-height:1.5;
margin-bottom:5.215vw;
}
.item-detail article .stock h3 span {
font-size:1.8rem;
font-weight:500;
padding-left:.1em;
}
.item-detail article .stock ul {
margin-bottom:5.867vw;
}
.item-detail article .stock ul li {
float:left;
width:33.3%;
}
.item-detail article .stock p {
font-size:1.4rem;
line-height:2.0;
}
.item-detail article .chubo {
padding-bottom:10.43vw;
margin-bottom:10.43vw;
border-bottom: dashed 1px #221e1f;
}
.item-detail article .chubo h3 {
font-size:calc(2.8rem * .9);
font-weight:700;
line-height:1.5;
margin-bottom:5.215vw;
}
.item-detail article .chubo h3 span {
font-size:calc(2.4rem * .9);
font-weight:700;
}
.item-detail article .chubo dl dt {
float:none;
width:100%;
margin-bottom:3.911vw;
}
.item-detail article .chubo dl dd {
float:none;
width:100%;
height:auto;
font-size:1.4rem;
line-height:2.0;
}
.item-detail article .chubo dl dd p {
font-size:1.4rem;
line-height:2.0;
}
.item-detail article .chubo dl dd ul {
position: relative;
bottom: inherit;
left: inherit;
}
.item-detail article .maker {
padding-bottom:10.43vw;
margin-bottom:10.43vw;
border-bottom: dashed 1px #221e1f;
}
.item-detail article .maker h3 {
font-size:calc(2.8rem * .9);
font-weight:700;
line-height:1.5;
margin-bottom:5.215vw;
}
.item-detail article .maker dl dt {
font-size:1.5rem;
font-weight:500;
margin-bottom:7.823vw;
}
} .fair .page_ttl {
position:relative;
background:url(//www.n-chubo.com/img/fair/page_ttl_bg.png) no-repeat center center;
}
@media screen and (min-width: 1916px) {
.fair .page_ttl {
background:none;
}
.fair .page_ttl:before {
position:absolute;
top:0;
left:0;
width:45vw;
height:100%;
background:url(//www.n-chubo.com/img/fair/page_ttl_bg_l.png) no-repeat left center;
background-size:cover;
display:block;
content:'';
}
.fair .page_ttl:after {
position:absolute;
top:0;
right:0;
width:45vw;
height:100%;
background:url(//www.n-chubo.com/img/fair/page_ttl_bg_r.png) no-repeat right center;
background-size:cover;
display:block;
content:'';
}
}
.fair .page_ttl .box {
background:url(//www.n-chubo.com/img/fair/page_ttl.png) no-repeat center center;
}
.fair article .catch {
margin-bottom:50px;
line-height:1.1;
}
.fair article .catch h3 {
margin-bottom:30px;
}
.fair article .catch h4 {
font-size:4.8rem;
color:#1a6fc2;
text-align:center;
margin-bottom:.5em;
}
.fair article .catch h5 {
font-size:2.4rem;
font-weight:700;
color:#ec1b23;
text-align:center;
letter-spacing:.1em;
}
.fair article .fair_list {
margin-bottom:80px;
}
.fair article .fair_list:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.fair article .fair_list section {
position:relative;
float:left;
width:352px;
margin-bottom:15px;
}
.fair article .fair_list section:nth-child(2n) {
float:right;
}
.fair article .fair_list section:nth-child(2n+1) {
clear:both;
}
.fair article .fair_list section:nth-last-child(-n+2) {
margin-bottom:0;
}
.fair article .fair_list section .img {
position:relative;
}
.fair article .fair_list section .box {
position:absolute;
right:0;
left:0;
bottom:10px;
z-index:10;
margin:0 auto;
padding:8px 0;
width:321px;
background:rgba(255,255,255,.7);
}
.fair article .fair_list section .box h3 {
width:288px;
margin:0 auto;
margin-bottom:10px;
}
.fair article .fair_list section:nth-child(2) .box h3 {
width:145px;
}
.fair article .fair_list section:nth-child(3) .box h3 {
width:283px;
}
.fair article .fair_list section:nth-child(4) .box h3 {
width:310px;
}
.fair article .fair_list section:nth-child(5) .box h3 {
width:132px;
}
.fair article .fair_list section:last-child .box h3 {
width:95px;
}
.fair article .fair_list section .box p {
font-size:1.4rem;
font-weight:500;
text-align:center;
}
.fair article .reserve h3 {
position:relative;
background:#fff100;
text-align:center;
font-size:2.1rem;
font-weight:700;
line-height:1.5;
padding:.8em 0;
margin-bottom:95px;
}
.fair article .reserve h3:after {
position:absolute;
right:0;
left:0;
bottom:-88px;
width: 0;
height: 0;
border-style: solid;
border-width: 88px 51px 0 51px;
border-color: #fff100 transparent transparent transparent;
display:block;
margin:0 auto;
content:'';
}
.fair article .reserve h4 {
position:relative;
background:#1283e6;
font-size:1.8rem;
font-weight:500;
padding:.8em 2em;
color:#FFF;
margin-bottom:20px;
}
.fair article .reserve .box section {
margin-bottom:50px;
}
.fair article .reserve .box section:last-child {
margin-bottom:0;
}
.fair article .reserve .box section h5 {
position:relative;
background:#f1f1f2;
font-size:1.8rem;
font-weight:500;
padding:.5em 2em;
color:#1283e6;
margin-bottom:10px;
}
.fair article .reserve .box section table {
width:100%;
border: solid 1px #000000;
margin-bottom:20px;
}
.fair article .reserve .box section table:last-child {
margin-bottom:0;
}
.fair article .reserve .box section table thead th {
border: solid 1px #000000;
padding:.8em 0;
font-size:1.4rem;
text-align:center;
width:160px;
}
.fair article .reserve .box section table thead th:nth-child(2) {
width:135px;
}
.fair article .reserve .box section table thead th:nth-child(3) {
width:300px;
padding-left:30px;
text-align:left;
}
.fair article .reserve .box section table thead th:last-child {
width:120px;
}
.fair article .reserve .box section table thead th span {
display:inline-block;
white-space:nowrap;
}
.fair article .reserve .box section table thead th span:first-letter {
letter-spacing:3em;
}
.fair article .reserve .box section table tbody td {
border: solid 1px #000000;
padding:1.2em 0;
font-size:1.4rem;
text-align:center;
vertical-align:middle;
}
.fair article .reserve .box section table tbody td:nth-child(3) {
padding-right:1em;
padding-left:30px;
text-align:left;
}
.fair article .reserve .box section table tbody td span {
display:block;
font-weight:bold;
}
.fair article .reserve .box section table tbody td a {
display:inline-block;
padding:.5em 1.5em;
background:#1283e6;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
}
.fair article .reserve .box section table tbody td a span {
display:inline-block;
white-space:nowrap;
color:#FFF;
letter-spacing:.2em;
margin-right:-.2em;
}
.fair article .reserve .box section table tbody td a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.fair article .reserve .box section .uncertain {
font-size:1.4rem;
text-align:center;
}
@media screen and (max-width: 1000px) {
.fair .page_ttl {
position:relative;
background:url(//www.n-chubo.com/img/fair/page_ttl_bg.png) no-repeat center center;
background-size:cover;
}
.fair article .catch {
margin-bottom:5vw;
}
.fair article .catch h3 {
margin-bottom:3vw;
}
.fair article .catch h4 {
font-size:4.8rem;
margin-bottom:.5em;
}
.fair article .catch h5 {
font-size:2.4rem;
font-weight:700;
letter-spacing:.1em;
}
.fair article .fair_list {
margin-bottom:8vw;
}
.fair article .fair_list section {
width:35.2vw;
margin-bottom:1.5vw;
}
.fair article .fair_list section .box {
position:absolute;
right:0;
left:0;
bottom:1vw;
z-index:10;
padding:0.8vw 0;
width:32.1vw;
width:96%;
}
.fair article .fair_list section .box h3 {
width:28.8vw;
margin-bottom:1vw;
}
.fair article .fair_list section:nth-child(2) .box h3 {
width:14.5vw;
}
.fair article .fair_list section:nth-child(3) .box h3 {
width:28.3vw;
}
.fair article .fair_list section:nth-child(4) .box h3 {
width:31vw;
}
.fair article .fair_list section:nth-child(5) .box h3 {
width:13.2vw;
}
.fair article .fair_list section:last-child .box h3 {
width:9.5vw;
}
.fair article .fair_list section .box p {
font-size:1.4rem;
font-weight:500;
}
.fair article .reserve h3 {
font-size:2.1rem;
font-weight:700;
padding:.8em 0;
margin-bottom:9.5vw;
}
.fair article .reserve h3:after {
position:absolute;
right:0;
left:0;
bottom:-8.8vw;
width: 0;
height: 0;
border-style: solid;
border-width: 8.8vw 5.1vw 0 5.1vw;
border-color: #fff100 transparent transparent transparent;
display:block;
margin:0 auto;
content:'';
}
.fair article .reserve h4 {
font-size:1.8rem;
font-weight:500;
padding:.8em 2em;
margin-bottom:2vw;
}
.fair article .reserve .box section {
margin-bottom:5vw;
}
.fair article .reserve .box section h5 {
font-size:1.8rem;
font-weight:500;
padding:.5em 2em;
margin-bottom:1vw;
}
.fair article .reserve .box section table {
margin-bottom:2vw;
}
.fair article .reserve .box section table thead th {
padding:.8em 0;
font-size:1.4rem;
width:16vw;
}
.fair article .reserve .box section table thead th:nth-child(2) {
width:13.5vw;
}
.fair article .reserve .box section table thead th:nth-child(3) {
width:30vw;
padding-left:3vw;
}
.fair article .reserve .box section table thead th:last-child {
width:12vw;
}
.fair article .reserve .box section table thead th span:first-letter {
letter-spacing:3em;
}
.fair article .reserve .box section table tbody td {
padding:1.2em 0;
font-size:1.4rem;
}
.fair article .reserve .box section table tbody td:nth-child(3) {
padding-right:1em;
padding-left:3vw;
}
.fair article .reserve .box section table tbody td a {
padding:.5em 1.5em;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
}
.fair article .reserve .box section table tbody td a span {
letter-spacing:.2em;
margin-right:-.2em;
}
}
@media screen and (max-width: 767px) {
.fair article .catch {
margin-bottom:6.519vw;
line-height:1.5;
}
.fair article .catch h3 {
margin-bottom:3.911vw;
}
.fair article .catch h4 {
font-size:calc(4.8rem * .8);
font-weight:700;
text-align:left;
margin-bottom:.5em;
}
.fair article .catch h5 {
font-size:calc(2.4rem * .8);
font-weight:700;
text-align:left;
letter-spacing:.1em;
}
.fair article .fair_list {
margin-bottom:10.43vw;
}
.fair article .fair_list section {
float:none;
width:100%;
margin-bottom:3.911vw;
}
.fair article .fair_list section:nth-child(2n) {
float:none;
}
.fair article .fair_list section:nth-last-child(-n+2) {
margin-bottom:3.911vw;
}
.fair article .fair_list section:last-child {
margin-bottom:0;
}
.fair article .fair_list section .img {
position:relative;
}
.fair article .fair_list section .box {
position:absolute;
right:0;
left:0;
bottom:2.608vw;
z-index:10;
padding:1.956vw 0;
width:96%;
}
.fair article .fair_list section .box h3 {
width:calc(37.549vw * 2);
margin-bottom:2.608vw;
}
.fair article .fair_list section:nth-child(2) .box h3 {
width:calc(18.905vw * 2);
}
.fair article .fair_list section:nth-child(3) .box h3 {
width:calc(36.897vw * 2);
}
.fair article .fair_list section:nth-child(4) .box h3 {
width:calc(40.417vw * 2);
}
.fair article .fair_list section:nth-child(5) .box h3 {
width:calc(17.21vw * 2);
}
.fair article .fair_list section:last-child .box h3 {
width:calc(12.386vw * 2);
}
.fair article .fair_list section .box p {
font-size:1.4rem;
font-weight:500;
text-align:left;
padding:0 3.911vw;
}
.fair article .reserve h3 {
text-align:left;
font-size:calc(2.1rem * .9);
font-weight:700;
line-height:1.5;
padding:.8em 1em;
margin-bottom:12.386vw;
}
.fair article .reserve h3:after {
position:absolute;
right:0;
left:0;
bottom:-11.473vw;
width: 0;
height: 0;
border-style: solid;
border-width: 11.473vw 6.649vw 0 6.649vw;
border-color: #fff100 transparent transparent transparent;
display:block;
margin:0 auto;
content:'';
}
.fair article .reserve h4 {
font-size:1.8rem;
font-weight:500;
padding:.8em 1em;
margin-bottom:2.608vw;
}
.fair article .reserve .box section {
margin-bottom:6.519vw;
}
.fair article .reserve .box section h5 {
font-size:1.8rem;
font-weight:500;
padding:.5em 1em;
margin-bottom:1.304vw;
}
.fair article .reserve .box section table {
width:100%;
border: solid 1px #000000;
border:none;
margin-bottom:2.608vw;
margin-bottom:0;
}
.fair article .reserve .box section table tr {
display:block;
margin-bottom:2.608vw;
}
.fair article .reserve .box section table tr:last-child {
margin-bottom:0;
}
.fair article .reserve .box section table thead th {
display:none;
border: solid 1px #000000;
padding:.8em 0;
font-size:1.4rem;
text-align:center;
width:160px;
}
.fair article .reserve .box section table thead th:nth-child(2) {
width:135px;
}
.fair article .reserve .box section table thead th:nth-child(3) {
width:300px;
padding-left:30px;
text-align:left;
}
.fair article .reserve .box section table thead th:last-child {
width:120px;
}
.fair article .reserve .box section table thead th span {
display:inline-block;
white-space:nowrap;
}
.fair article .reserve .box section table thead th span:first-letter {
letter-spacing:3em;
}
.fair article .reserve .box section table tbody td {
position:relative;
display:block;
border: solid 1px #000000;
border-bottom: none;
padding:1.2em 1em;
padding-top:3.5em;
font-size:1.4rem;
text-align:left;
}
.fair article .reserve .box section table tbody td:nth-child(3) {
padding-right:1em;
padding-left:1em;
text-align:left;
}
.fair article .reserve .box section table tbody td:last-child {
border-bottom: solid 1px #000000;
}
.fair article .reserve .box section table tbody td:before {
position:absolute;
top:0;
left:0;
width:100%;
background:#EEEEEE;
text-align:center;
padding:.5em 0;
font-size:1.4rem;
font-weight:700;
content:'と　き';
}
.fair article .reserve .box section table tbody td:nth-child(2):before {
content:'時　間';
}
.fair article .reserve .box section table tbody td:nth-child(3):before {
content:'展示会名／場　所';
}
.fair article .reserve .box section table tbody td:last-child:before {
content:'地　図';
}
.fair article .reserve .box section table tbody td a {
display:block;
padding:.8em 1.5em;
text-align:center;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
}
.fair article .reserve .box section table tbody td a span {
letter-spacing:.2em;
margin-right:-.2em;
}
} .news .page_ttl {
position:relative;
background:url(//www.n-chubo.com/img/news/page_ttl_bg.png) no-repeat center center;
}
@media screen and (min-width: 1916px) {
.news .page_ttl {
background:none;
}
.news .page_ttl:before {
position:absolute;
top:0;
left:0;
width:45vw;
height:100%;
background:url(//www.n-chubo.com/img/news/page_ttl_bg_l.png) no-repeat left center;
background-size:cover;
display:block;
content:'';
}
.news .page_ttl:after {
position:absolute;
top:0;
right:0;
width:45vw;
height:100%;
background:url(//www.n-chubo.com/img/news/page_ttl_bg_r.png) no-repeat right center;
background-size:cover;
display:block;
content:'';
}
}
.news .page_ttl .box {
background:url(//www.n-chubo.com/img/news/page_ttl.png) no-repeat center center;
}
.news article .list section {
padding:20px 0;
border-bottom: solid 1px #000000;
font-size:1.4rem;
}
.news article .list section:first-child {
border-top: solid 1px #000000;
}
.news article .list section:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.news article .list section time {
display:block;
float:left;
width:180px;
padding:0 20px;
}
.news article .list section h3 {
float:left;
width:535px;
padding-right:20px;
}
.news.detail article h4 {
font-size:1.8rem;
font-weight:700;
line-height:1.5;
padding-bottom:.2em;
margin-bottom:.4em;
border-bottom: solid 1px #1283e6;
}
.news.detail article time {
display:block;
font-size:1.4rem;
line-height:1.5;
margin-bottom:30px;
text-align:right;
}
.news aside .news_new ,
.news aside .news_year {
margin-bottom:30px;
}
.news aside .news_new .title ,
.news aside .news_year .title {
background:#1a6fc2;
padding:.7em .5em;
margin-bottom:15px;
font-size:1.6rem;
font-weight:500;
line-height:1.1;
color:#FFF;
text-align:center;
}
.news aside .news_new ul li {
border-bottom: solid 1px #000000;
padding:.5em .2em;
font-size:1.4rem;
}
.news aside .news_new ul li:first-child {
border-top: solid 1px #000000;
}
.news aside .news_new ul li time {
display:block;
color:#333333;
}
.news aside .news_new ul li p a {
display:block;
}
.news aside .news_year .select_box01 {
position:relative;
overflow:hidden;
display:inline-block;
min-width:100%;
background:#fafafa;
border: solid 1px #dddddd;
color:#333;
margin:0;
padding:0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.news aside .news_year .select_box01 select {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
z-index:2;
display:block;
min-width:100%;
margin:0;
padding:5px 10px;
background:transparent;
border:0;
outline:none;
font-size:1.6rem;
line-height:1.5;
text-align:center;
}
.news aside .news_year .select_box01.entypo-down-dir:before { font-family:'entypo',sans-serif;
position:absolute;
z-index:2;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:0;
font-size:2.2rem;
line-height:1;
color:#FFF;
display: block;
text-align:center;
width:40px;
}
.news aside .news_year .select_box01.entypo-down-dir:after {
content:'';
position:absolute;
z-index:1;
top:0;
right:0;
display: block;
background:#aaaaaa;
width:40px;
height:100%;
}
@media screen and (max-width: 1000px) {
.news .page_ttl {
position:relative;
background:url(//www.n-chubo.com/img/news/page_ttl_bg.png) no-repeat center center;
background-size:cover;
}
.news article .list section {
padding:2vw 0;
font-size:1.4rem;
}
.news article .list section time {
width:18vw;
padding:0 2vw;
}
.news article .list section h3 {
width:53.5vw;
padding-right:2vw;
}
.news.detail article h4 {
font-size:1.8rem;
font-weight:700;
padding-bottom:.2em;
margin-bottom:.4em;
}
.news.detail article time {
font-size:1.4rem;
line-height:1.5;
margin-bottom:3vw;
}
.news aside .news_new ,
.news aside .news_year {
margin-bottom:3vw;
}
.news aside .news_new .title ,
.news aside .news_year .title {
padding:.7em .5em;
margin-bottom:1.5vw;
font-size:1.6rem;
font-weight:500;
}
.news aside .news_new ul li {
padding:.5em .2em;
font-size:1.4rem;
}
.news aside .news_year .select_box01 {
display:inline-block;
-webkit-border-radius: 0.5vw;
-moz-border-radius: 0.5vw;
border-radius: 0.5vw;
}
.news aside .news_year .select_box01 select {
padding:0.5vw 1vw;
font-size:1.6rem;
line-height:1.5;
}
.news aside .news_year .select_box01.entypo-down-dir:before {
font-size:2.2rem;
width:4vw;
}
.news aside .news_year .select_box01.entypo-down-dir:after {
width:4vw;
}
}
@media screen and (max-width: 767px) {
.news article .list section {
padding:2.608vw 0;
border-bottom: solid 1px #000000;
font-size:1.4rem;
}
.news article .list section:first-child {
border-top: solid 1px #000000;
}
.news article .list section time {
float:none;
width:100%;
padding:0 2.608vw;
}
.news article .list section h3 {
float:none;
width:100%;
padding:0 2.608vw;
}
.news.detail article h4 {
font-size:1.8rem;
font-weight:700;
line-height:1.5;
padding-bottom:.2em;
margin-bottom:.4em;
border-bottom: solid 1px #1283e6;
}
.news.detail article time {
font-size:1.4rem;
line-height:1.5;
margin-bottom:3.911vw;
}
.news aside .news_new ,
.news aside .news_year {
margin-bottom:3.911vw;
}
.news aside .news_new .title ,
.news aside .news_year .title {
padding:.7em .5em;
margin-bottom:1.956vw;
font-size:1.6rem;
font-weight:500;
}
.news aside .news_new ul li {
border-bottom: solid 1px #000000;
padding:.5em .2em;
font-size:1.4rem;
}
.news aside .news_new ul li:first-child {
border-top: solid 1px #000000;
}
.news aside .news_year .select_box01 {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.news aside .news_year .select_box01 select {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
z-index:2;
display:block;
min-width:100%;
margin:0;
padding:5px 10px;
background:transparent;
border:0;
outline:none;
font-size:1.6rem;
line-height:1.5;
text-align:center;
}
.news aside .news_year .select_box01.entypo-down-dir:before { font-family:'entypo',sans-serif;
position:absolute;
z-index:2;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:0;
font-size:2.2rem;
line-height:1;
color:#FFF;
display: block;
text-align:center;
width:40px;
}
.news aside .news_year .select_box01.entypo-down-dir:after {
content:'';
position:absolute;
z-index:1;
top:0;
right:0;
display: block;
background:#aaaaaa;
width:40px;
height:100%;
}
} .contact .page_ttl {
position:relative;
background:url(//www.n-chubo.com/img/contact/page_ttl_bg.png) no-repeat center center;
}
@media screen and (min-width: 1916px) {
.contact .page_ttl {
background:none;
}
.contact .page_ttl:before {
position:absolute;
top:0;
left:0;
width:45vw;
height:100%;
background:url(//www.n-chubo.com/img/contact/page_ttl_bg_l.png) no-repeat left center;
background-size:cover;
display:block;
content:'';
}
.contact .page_ttl:after {
position:absolute;
top:0;
right:0;
width:45vw;
height:100%;
background:url(//www.n-chubo.com/img/contact/page_ttl_bg_r.png) no-repeat right center;
background-size:cover;
display:block;
content:'';
}
}
.contact .page_ttl .box {
background:url(//www.n-chubo.com/img/contact/page_ttl.png) no-repeat center center;
}
.contact article .com {
margin-bottom:30px;
}
.contact article .com p {
font-size:1.5rem;
font-weight:700;
margin-bottom:1em;
}
.contact article .com p:last-child {
margin-bottom:0;
}
.contact article .com p span {
font-size:1.8rem;
font-weight:500;
}
.contact article .office_tel {
margin-bottom:130px;
}
.contact article .office_tel table {
width:100%;
margin-bottom:50px;
}
.contact article .office_tel table thead th {
background:#1283e6;
color:#FFF;
text-align:center;
padding:.8em 0;
font-size:1.6rem;
font-weight:500;
width:235px;
border-bottom: solid 4px #FFFFFF;
}
.contact article .office_tel table thead th:nth-child(2) {
width:275px;
padding-left:1em;
}
.contact article .office_tel table thead th:last-child {
width:205px;
padding-left:2em;
}
.contact article .office_tel table thead th span {
display:inline-block;
font-weight:500;
}
.contact article .office_tel table thead th span:first-letter {
letter-spacing:1em;
}
.contact article .office_tel table tbody th ,
.contact article .office_tel table tbody td {
background:#e6e7e7;
border-bottom: solid 4px #FFFFFF;
padding:1.5em 0;
font-size:1.6rem;
}
.contact article .office_tel table tbody tr:last-child th ,
.contact article .office_tel table tbody tr:last-child td {
border-bottom:none;
}
.contact article .office_tel table tbody th {
padding-left:1em;
}
.contact article .office_tel table tbody td:nth-child(2) {
text-align:center;
}
.contact article .office_tel table tbody td:last-child {
padding-left:4em;
}
.contact article .office_tel table tbody th span {
padding-left:1em;
}
.contact article .office_tel p {
font-size:1.4rem;
}
.contact article .office_tel p a {
text-decoration:underline;
}
.contact article .office_tel p a:hover {
text-decoration:none;
}
.contact article .contact_box h3 {
margin-bottom:20px;
}
.contact article .contact_box .form {
background:#f1f1f2;
}
.contact article .contact_box .form table {
width:100%;
}
.contact article .contact_box .form table th ,
.contact article .contact_box .form table td {
padding:20px;
font-size:1.6rem;
border-bottom: solid 4px #FFFFFF;
}
.contact article .contact_box .form table tr:last-child th ,
.contact article .contact_box .form table tr:last-child td {
border-bottom:none;
}
.contact article .contact_box .form table th {
width:180px;
padding-top:27px;
}
.contact article .contact_box .form table th span {
position:relative;
display:block;
padding-left:1.5em;
}
.contact article .contact_box .form table th span:before {
position:absolute;
left:0;
content:'★';
color:#d4219f;
}
@media screen and (max-width: 1000px) {
.contact .page_ttl {
position:relative;
background:url(//www.n-chubo.com/img/contact/page_ttl_bg.png) no-repeat center center;
background-size:cover;
}
.contact article .com {
margin-bottom:3vw;
}
.contact article .com p {
font-size:calc(1.5rem * .95);
font-weight:700;
margin-bottom:1em;
}
.contact article .com p span {
font-size:1.8rem;
font-weight:500;
}
.contact article .office_tel {
margin-bottom:13vw;
}
.contact article .office_tel table {
margin-bottom:5vw;
}
.contact article .office_tel table thead th {
padding:.8em 0;
font-size:1.6rem;
font-weight:500;
width:23.5vw;
}
.contact article .office_tel table thead th:nth-child(2) {
width:27.5vw;
padding-left:1em;
}
.contact article .office_tel table thead th:last-child {
width:20.5vw;
padding-left:2em;
}
.contact article .office_tel table thead th span {
font-weight:500;
}
.contact article .office_tel table thead th span:first-letter {
letter-spacing:1em;
}
.contact article .office_tel table tbody th ,
.contact article .office_tel table tbody td {
padding:1.5em 0;
font-size:1.6rem;
}
.contact article .office_tel table tbody th {
padding-left:1em;
}
.contact article .office_tel table tbody td:last-child {
padding-left:4em;
}
.contact article .office_tel table tbody th span {
padding-left:1em;
}
.contact article .office_tel p {
font-size:1.4rem;
}
.contact article .contact_box h3 {
margin-bottom:2vw;
}
.contact article .contact_box .form table th ,
.contact article .contact_box .form table td {
padding:2vw;
font-size:1.6rem;
}
.contact article .contact_box .form table th {
width:18vw;
padding-top:2.7vw;
}
.contact article .contact_box .form table th span {
padding-left:1.5em;
}
.contact article .contact_box .form table th span:before {
position:absolute;
left:0;
content:'★';
}
}
@media screen and (max-width: 767px) {
.contact article .com {
margin-bottom:3.911vw;
}
.contact article .com p {
font-size:1.5rem;
font-weight:700;
margin-bottom:1em;
}
.contact article .com p span {
font-size:1.8rem;
font-weight:500;
}
.contact article .office_tel {
margin-bottom:13.038vw;
}
.contact article .office_tel table {
width:100%;
margin-bottom:50px;
}
.contact article .office_tel table thead th {
display:none;
background:#1283e6;
color:#FFF;
text-align:center;
padding:.8em 0;
font-size:1.6rem;
font-weight:500;
width:235px;
border-bottom: solid 4px #FFFFFF;
}
.contact article .office_tel table thead th:nth-child(2) {
width:275px;
padding-left:1em;
}
.contact article .office_tel table thead th:last-child {
width:205px;
padding-left:2em;
}
.contact article .office_tel table thead th span {
display:inline-block;
font-weight:500;
}
.contact article .office_tel table thead th span:first-letter {
letter-spacing:1em;
}
.contact article .office_tel table tbody th ,
.contact article .office_tel table tbody td {
position:relative;
display:block;
border-bottom: solid 4px #FFFFFF;
border-bottom: none;
padding:1em 0;
font-size:1.6rem;
}
.contact article .office_tel table tbody td {
text-align:center;
padding-top:4em;
}
.contact article .office_tel table tbody td:last-child {
border-bottom: solid 10px #FFFFFF;
}
.contact article .office_tel table tbody tr:last-child th ,
.contact article .office_tel table tbody tr:last-child td {
border-bottom:none;
}
.contact article .office_tel table tbody tr:last-child td:last-child {
border-bottom:none;
}
.contact article .office_tel table tbody th {
text-align:center;
font-weight:700;
padding:1em 0;
padding-left:0;
}
.contact article .office_tel table tbody td:nth-child(2) {
text-align:center;
}
.contact article .office_tel table tbody td:last-child {
padding-left:0;
}
.contact article .office_tel table tbody th span {
padding-left:0;
}
.contact article .office_tel table tbody td:before {
position:absolute;
top:0;
left:0;
width:100%;
background:#1283e6;
color:#FFF;
text-align:center;
padding:.8em 0;
font-size:1.6rem;
font-weight:500;
content:'電話でのお問合せ';
}
.contact article .office_tel table tbody td:last-child:before {
content:'備　考';
}
.contact article .office_tel p {
font-size:1.4rem;
}
.contact article .contact_box h3 {
margin-bottom:2.608vw;
}
.contact article .contact_box .form table {
width:100%;
}
.contact article .contact_box .form table th ,
.contact article .contact_box .form table td {
display:block;
padding:2.608vw;
font-size:1.6rem;
border-bottom: solid 4px #FFFFFF;
}
.contact article .contact_box .form table th {
border-bottom: none;
padding-bottom:0;
font-weight:700;
}
.contact article .contact_box .form table tr:last-child th ,
.contact article .contact_box .form table tr:last-child td {
border-bottom:none;
}
.contact article .contact_box .form table th {
width:100%;
padding-top:2.608vw;
}
.contact article .contact_box .form table th span {
padding-left:1.5em;
}
.contact article .contact_box .form table th span:before {
position:absolute;
left:0;
content:'★';
}
}