@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,700&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Quicksand:400,700&display=swap");
@font-face {
font-family: 'entypo';
font-style: 'normal';
font-weight: 'normal';
src: url(https://www.n-chubo.com/css/fonts/entypo/entypo.eot);
src: url(https://www.n-chubo.com/css/fonts/entypo/entypo.eot?#iefix) format("eot"), url(https://www.n-chubo.com/css/fonts/entypo/entypo.woff) format("woff"), url(https://www.n-chubo.com/css/fonts/entypo/entypo.ttf) format("truetype"), url(https://www.n-chubo.com/css/fonts/entypo/entypo.svg#entypo) format("svg");
}  html {
font-size:10px;
}
body {
position:relative;
font-size:1rem;
line-height:1.7;
font-family: 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
color:#000000;
min-width:1000px;
overflow-x:hidden;
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
-ms-font-feature-settings: "palt";
-o-font-feature-settings: "palt";
font-feature-settings: "palt"; }
@media screen and (max-width: 1000px) {
html {
font-size:calc(1vw * 1.1);
}
body {
font-size:1rem;
width: 100%;
min-width: 100%;
}
}
@media screen and (max-width: 767px) {
html {
font-size:calc(1.302vw * 2);
}
body {
font-size:1rem;
width: 100%;
min-width: 100%;
line-height:1.5;
}
}
* {
font-style: normal;
font-weight: 400;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
behavior: url(//www.n-chubo.com/css/PIE.htc);
}
a {color: #000000; text-decoration: none;}
a:hover {color: #000000; text-decoration:underline;}
a:hover img ,
a.opacity:hover ,
footer .footer_in .f_contents section dl 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;
}
header h2 a:hover img ,
footer dl dt a:hover img {
opacity:1.0;
filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity:1.0; -khtml-opacity: 1.0; zoom:1;
}
a:before, a:after,
a:hover:before, a:hover:after{
text-decoration: none !important;
display: inline-block;
}
img {
width: 100%;
height: auto;
} .tablet , .tablet_img {
display: none;
}
.sp , .sp_img {
display: none;
}
@media screen and (max-width: 1000px) {
.tablet , .tablet_img {
display: block;
}
}
@media screen and (max-width: 767px) {
img {
max-width: none;
width: 100%;
height: auto;
}
.pc {
display: none;
}
.sp , .sp_img {
display: block;
}
}   h1 {
display:none;
}
header {
background: rgb(19,130,229);
background: -moz-linear-gradient(left,  rgba(19,130,229,1) 0%, rgba(19,130,229,1) 50%, rgba(235,28,35,1) 51%, rgba(235,28,35,1) 100%);
background: -webkit-linear-gradient(left,  rgba(19,130,229,1) 0%,rgba(19,130,229,1) 50%,rgba(235,28,35,1) 51%,rgba(235,28,35,1) 100%);
background: linear-gradient(to right,  rgba(19,130,229,1) 0%,rgba(19,130,229,1) 50%,rgba(235,28,35,1) 51%,rgba(235,28,35,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1382e5', endColorstr='#eb1c23',GradientType=1 );
}
header .header_in {
position:relative;
width:960px;
height:130px;
margin:0 auto;
background:#FFF;
}
header .header_in:before {
position:absolute;
bottom:0;
left:0;
z-index:10;
width:100%;
height:10px;
background:#000000;
display:block;
content:'';
}
header .header_in:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
header .header_in h2 {
float:left;
padding:15px 0 0 20px;
}
header .header_in h2:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
header .header_in h2 span ,
header .header_in h2 em {
display:block;
float:left;
}
header .header_in h2 span {
width:100px;
margin-right:50px;
}
header .header_in h2 em {
width:335px;
padding-top:27px;
}
header .header_in p {
position:absolute;
right:60px;
bottom:9px;
width:100px;
} nav {
width:960px;
margin:0 auto;
padding:5px 0 0;
}
nav ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
nav ul li {
position:relative;
float:left;
width:20%;
}
nav ul li:before {
position:absolute;
top:0;
right:-1px;
width:2px;
height:100%;
background:#000;
display:block;
content:'';
}
nav ul li:first-child:after {
position:absolute;
top:0;
left:-1px;
width:2px;
height:100%;
background:#000;
display:block;
content:'';
}
nav ul li a {
display:block;
padding:1em 0;
line-height:1.1;
}
nav ul li a:hover {
text-decoration:none;
}
nav ul li a span {
display:block;
text-align:center;
font-size:1.6rem;
font-weight:500;
margin-bottom:.5em;
letter-spacing:.1em;
}
nav ul li a em {
display:block;
text-align:center;
color:#6c6e70;
font-size:1.2rem;
letter-spacing:.2em;
}
nav ul li a ,
nav ul li a:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
nav ul li a:before,
nav ul li a:after {
background: #333333;
content: '';
position: absolute;
z-index: -1;
}
nav ul li a:hover span ,
nav ul li a:hover em {
color: #FFFFFF !important;
}
nav ul li a:after {
height: 0;
left: 50%;
top: 50%;
width: 0;
}
nav ul li a:hover:after {
height: 100%;
left: 0;
top: 0;
width: 100%;
}
nav ul li .menu {
position:absolute;
top:58px;
left:0;
z-index:20;
display:none;
width:100%;
}
nav ul li.trigger .menu {
white-space:nowrap;
}
nav ul li.trigger .menu:before {
position:absolute;
top:0;
left:0;
width:100%;
z-index:100;
background:#FFF;
display:block;
content:'';
}
nav ul li.trigger .menu ul {
float:none;
background:rgba(0,0,0,0.7);
margin:0;
padding:0;
}
nav ul li.trigger .menu ul li {
float:none;
margin:0;
margin-bottom:.2em;
height:auto;
width:100%;
}
nav ul li.trigger .menu ul li:last-child {
margin-bottom:0;
}
nav ul li.trigger .menu ul li a {
display:block;
line-height:1.1;
padding:.8em 2.5em;
color:#FFF;
font-size:1.6rem;
font-weight:500;
}
nav ul li.trigger .menu ul li a:hover {
background:rgba(255,255,255,.3);
}
nav ul li.trigger .menu ul li:before ,
nav ul li.trigger .menu ul li:after ,
nav ul li.trigger .menu ul li:hover:after {
display:none;
}
@media screen and (max-width: 1000px) {
header .header_in {
width:96vw;
height:13vw;
}
header .header_in:before {
height:1vw;
}
header .header_in h2 {
padding:1.5vw 0 0 2vw;
}
header .header_in h2 span {
width:10vw;
margin-right:5vw;
}
header .header_in h2 em {
width:33.5vw;
padding-top:2.7vw;
}
header .header_in p {
right:6vw;
bottom:0.9vw;
width:10vw;
} nav {
width:96vw;
padding:0.5vw 0 0;
}
nav ul li a {
padding:1em 0;
}
nav ul li a span {
font-size:1.6rem;
margin-bottom:.5em;
letter-spacing:.1em;
}
nav ul li a em {
font-size:1.2rem;
letter-spacing:.2em;
}
nav ul li a:before,
nav ul li a:after {
display:none !important;
}
nav ul li a:hover span ,
nav ul li a:hover em {
color: #000000 !important;
}
nav ul li a.void {
pointer-events:none;
}
nav ul li .menu {
position:absolute;
top:calc(5.8vw * 1.1);
left:0;
}
nav ul li.trigger {
cursor:pointer;
}
nav ul li.trigger .menu ul li {
margin-bottom:.2em;
width:100%;
}
nav ul li.trigger .menu ul li:last-child {
margin-bottom:0;
}
nav ul li.trigger .menu ul li a {
padding:.8em 2.5em;
font-size:1.6rem;
font-weight:500;
}
}
@media screen and (max-width: 767px) { .fix_head {
position: relative;
height:16vw;
}
.fix_head .head_logo {
position: absolute;
top:2vw;
left:3.906vw;
z-index:4000;
width:70vw;
}
.fix_head .head_logo:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.fix_head .head_logo span {
display:block;
float:left;
width:12vw;
margin-right:3vw;
}
.fix_head .head_logo em {
display:block;
float:left;
width:45vw;
padding-top:1.5vw;
}
.menu_btn {
position: fixed;
top:4.688vw;
right:5.208vw;
z-index:10000;
width:7.031vw;
height:4.948vw;
text-align:center;
}
.menu_btn span {
position:relative;
display:block;
width:100%;
height:0.521vw;
margin-bottom:1.693vw;
background:#0192c4;
transition: all 0.2s;
transform-origin: 0 0;
}
.menu_btn span:nth-child(2) {
background:#e37f5d;
}
.menu_btn span:last-child {
margin-bottom:0;
}
.menu_btn.active span {
width:110%;
}
.menu_btn.active span:first-child {
left:0.86vw;
transform: rotate(45deg);
}
.menu_btn.active span:nth-child(2) {
opacity: 0;
}
.menu_btn.active span:last-child {
top: 0.9vw;
left: 0.46vw;
transform: rotate(-45deg);
}
header {
display:none;
}
nav .box {
width:100%;
height:100%;
overflow:auto;
padding:5.2083vw 0 calc(5.2083vw * 2);
} nav .box::-webkit-scrollbar{
width: 10px;
background: #dee2e5;
} nav .box::-webkit-scrollbar:horizontal{
width: 10px;
background: #dee2e5;
} nav .box::-webkit-scrollbar-thumb{
background: #0064b9;
border-radius: 2px;
} nav .box::-webkit-scrollbar-thumb:horizontal{
background: #0064b9;
border-radius: 2px;
} nav .box::-webkit-scrollbar-track-piece:start{
background: #dee2e5;
} nav .box::-webkit-scrollbar-track-piece:end{
background: #dee2e5;
} nav .box::-webkit-scrollbar-corner{
background: transparent;
}
nav {
position:fixed;
top:0;
left:0;
z-index:5000;
background:rgba(255,255,255,.9);
width:100%;
height:100%;
padding:16vw 0 0;
transition: all 0.3s;
transform: translateX(-100%);
}
nav.open {
transform: translateX(0);
}
nav ul {
display:block;
padding:0 10%;
}
nav ul li {
display:block;
float:none;
width:100%;
height:auto;
font-size:1.6rem;
padding-right:0;
margin-bottom:1em;
}
nav ul li:last-child {
margin-bottom:0;
}
nav ul li:before ,
nav ul li:after {
display:none !important;
}
nav ul li a ,
nav ul li a:after {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
nav ul li a {
position:relative;
height:auto;
padding-top:0;
padding:.5em 0;
border-bottom: solid 1px #dee2e5;
font-size:calc(2.4rem * .8);
text-align:left;
}
nav ul li a span {
font-size:calc(2.4rem * .8);
text-align:left;
margin-bottom:0;
}
nav ul li a em {
display:none;
}
nav ul li a:after {
position:absolute;
top:.1em;
left:inherit;
right:.8em;
z-index:inherit;
color:#000;
display:inline-block !important;
font-family: "FontAwesome";
font-size:calc(3.3rem * .8);
content: "\f105";
background:none !important;
}
nav ul li a:hover:after {
height: auto;
left: inherit;
right:.45em;
top: .1em;
width: auto;
}
nav ul li .menu {
opacity: 1;
overflow: inherit;
width: 100%;
max-height:none;
left: inherit;
top: inherit;
text-align: left;
position: relative;
background: none;
display: none;
}
nav ul li .menu ul {
display:block;
padding:.5em 0 0;
}
nav ul li .menu ul li {
display:block;
margin-bottom:.5em;
}
nav ul li .menu ul li:last-child {
margin-bottom:0;
}
nav ul li .menu ul li.sp {
display:block;
}
nav ul li .menu ul li a {
position:relative;
display:block;
height:auto;
padding:0;
color:#000000;
padding:.3em 0;
padding-left:1.1em;
border-bottom:none;
font-size:1.8rem;
}
nav ul li.trigger:hover a:before {
display:none;
}
nav ul li a.void:after {
position: absolute;
top:.1em;
right:1em;
content: "\f107";
font-family: FontAwesome;
display:inline-block;
text-decoration:none;
}
nav ul li a.void.selected:after {
content: "\f106";
}
nav ul li.trigger:hover ul li a:after {
display:none;
}
nav ul li .menu ul li a:after {
position:absolute;
top:.3em;
left:inherit;
right:.8em;
z-index:inherit;
color:#FFF;
}
nav ul li .menu ul li a:hover:after {
position:absolute;
top:.3em;
left:inherit;
right:.45em;
z-index:inherit;
color:#FFF;
}
} footer {
background:#1382e5;
color:#FFF;
padding:45px 0 40px;
}
footer a ,
footer a:hover {
color:#FFF;
}
footer .footer_in {
width:960px;
margin:0 auto;
}
footer .footer_in .f_nav {
margin-bottom:20px;
}
footer .footer_in .f_nav:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
footer .footer_in .f_nav ul {
float:left;
width:150px;
}
footer .footer_in .f_nav ul:nth-child(4) {
width:200px;
}
footer .footer_in .f_nav ul li {
position:relative;
margin-bottom:10px;
font-size:1.4rem;
}
footer .footer_in .f_nav ul li:last-child {
margin-bottom:0;
}
footer .footer_in .f_nav ul li a {
position:relative;
padding-left:18px;
white-space: nowrap;
}
footer .footer_in .f_nav ul li a:before {
position:absolute;
top:6px; left:0;
width:11px;
height:11px;
background:url(//www.n-chubo.com/img/common/f_nav_icon.png) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
footer .footer_in .f_nav ul li ul {
float: none;
width:100%;
padding:10px 0 10px 8px;
}
footer .footer_in .f_nav ul li ul li {
position:relative;
margin-bottom:5px;
font-size:1.2rem;
}
footer .footer_in .f_nav ul li ul li a {
position:relative;
padding-left:1em;
}
footer .footer_in .f_nav ul li ul li a:before {
position:absolute;
top:0; left:0;
width:auto;
height:auto;
background:none;
content:'・';
}
footer .footer_in .f_name {
margin-bottom:15px;
}
footer .footer_in .f_name:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
footer .footer_in .f_name .riknavi {
float:right;
width:465px;
}
footer .footer_in .f_name .f_name_l {
float:left;
}
footer .footer_in .f_name .f_name_l h3 {
margin-bottom:10px;
line-height:1.1;
}
footer .footer_in .f_name .f_name_l h3 a {
display:block;
font-size:1.8rem;
}
footer .footer_in .f_name .f_name_l h3 a span {
display: inline-block;
font-size:2.0rem;
font-weight:700;
padding-left:.5em;
}
footer .footer_in .f_name .f_name_l h3 a:hover {
text-decoration:none;
}
footer .footer_in .f_name .f_name_l dl:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
footer .footer_in .f_name .f_name_l dl dt ,
footer .footer_in .f_name .f_name_l dl dd {
float: left;
width:208px;
}
footer .footer_in .f_name .f_name_l dl dt {
margin-right:15px;
padding-top:3px;
}
footer .footer_in .f_name .f_name_l dl dd {
width:165px;
}
footer .footer_in .f_add:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
footer .footer_in .f_add p {
float:left;
font-size:1.4rem;
margin-right:90px;
}
footer .footer_in .f_add .copy {
display:block;
float:left;
font-size:1.1rem;
}
@media screen and (max-width: 1000px) {
footer {
padding:4.5vw 0 4vw;
}
footer .footer_in {
width:96vw;
}
footer .footer_in .f_nav {
margin-bottom:2vw;
}
footer .footer_in .f_nav ul {
width:15vw;
}
footer .footer_in .f_nav ul:nth-child(4) {
width:20vw;
}
footer .footer_in .f_nav ul li {
margin-bottom:1vw;
font-size:1.4rem;
}
footer .footer_in .f_nav ul li a {
padding-left:1.8vw;
}
footer .footer_in .f_nav ul li a:before {
top:0.6vw; left:0;
width:1.1vw;
height:1.1vw;
background:url(//www.n-chubo.com/img/common/f_nav_icon.png) no-repeat center center;
background-size:cover;
display:block;
content:'';
}
footer .footer_in .f_nav ul li ul {
padding:1vw 0 1vw 0.8vw;
}
footer .footer_in .f_nav ul li ul li {
margin-bottom:0.5vw;
font-size:1.2rem;
}
footer .footer_in .f_nav ul li ul li a {
padding-left:1em;
}
footer .footer_in .f_nav ul li ul li a:before { }
footer .footer_in .f_name {
margin-bottom:1.5vw;
}
footer .footer_in .f_name .riknavi {
width:46.5vw;
}
footer .footer_in .f_name .f_name_l h3 {
margin-bottom:1vw;
}
footer .footer_in .f_name .f_name_l h3 a {
font-size:1.8rem;
}
footer .footer_in .f_name .f_name_l h3 a span {
font-size:2.0rem;
padding-left:.5em;
}
footer .footer_in .f_name .f_name_l dl dt ,
footer .footer_in .f_name .f_name_l dl dd {
width:20.8vw;
}
footer .footer_in .f_name .f_name_l dl dt {
margin-right:1.5vw;
padding-top:0.3vw;
}
footer .footer_in .f_name .f_name_l dl dd {
width:16.5vw;
}
footer .footer_in .f_add p {
font-size:1.4rem;
margin-right:9vw;
}
footer .footer_in .f_add .copy {
font-size:1.1rem;
}
}
@media screen and (max-width: 767px) {
footer {
padding:10.43vw 0;
}
footer .footer_in {
width:92%;
}
footer .footer_in .f_nav {
display:none;
}
footer .footer_in .f_name {
margin-bottom:3.911vw;
}
footer .footer_in .f_name .riknavi {
float:none;
width:100%;
margin-bottom:3.911vw;
}
footer .footer_in .f_name .f_name_l {
float:none;
}
footer .footer_in .f_name .f_name_l h3 {
margin-bottom:2.608vw;
line-height:1.1;
}
footer .footer_in .f_name .f_name_l h3 a {
text-align:center;
font-size:1.8rem;
}
footer .footer_in .f_name .f_name_l h3 a span {
display: inline-block;
font-size:2.0rem;
font-weight:700;
padding-left:.5em;
}
footer .footer_in .f_name .f_name_l dl {
margin-bottom:3.911vw;
}
footer .footer_in .f_name .f_name_l dl dt ,
footer .footer_in .f_name .f_name_l dl dd {
float: none;
width:80%;
margin-right:auto;
margin-left:auto;
}
footer .footer_in .f_name .f_name_l dl dt {
margin-right:auto;
margin-left:auto;
margin-bottom:2.608vw;
padding-top:0;
}
footer .footer_in .f_name .f_name_l dl dd {
width:60%;
}
footer .footer_in .f_add p {
float:none;
font-size:1.4rem;
text-align:center;
margin-right:0;
margin-bottom:2.608vw;
}
footer .footer_in .f_add .copy {
float:none;
text-align:center;
font-size:1.1rem;
}
} .page_ttl {
background:#123888;
}
.page_ttl .box {
position:relative;
z-index:5;
width:960px;
height:245px;
margin:0 auto;
background-size:cover !important;
line-height:1.1;
}
.page_ttl .box h3 {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
left:35px;
font-size:2.4rem;
font-weight:500;
letter-spacing:.05em;
}
@media screen and (max-width: 1000px) {
.page_ttl .box {
width:96vw;
height:24.5vw;
background-size:cover !important;
}
.page_ttl .box h3 {
left:3.5vw;
font-size:2.4rem;
letter-spacing:.05em;
}
}
@media screen and (max-width: 767px) {
.page_ttl .box {
width:100%;
height:31.943vw;
}
.page_ttl .box h3 {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
left:4.563vw;
font-size:calc(2.4rem * .8);
font-weight:500;
letter-spacing:.05em;
-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;
}
} .pan {
background:#e6e7e7;
}
.pan .box {
width:960px;
margin:0 auto;
padding:.8em 3em;
font-size:1.1rem;
}
.pan .box a ,
.pan .box a:hover {
color:#1283e6;
}
@media screen and (max-width: 1000px) {
.pan .box {
width:96vw;
padding:.8em 3em;
font-size:1.1rem;
}
}
@media screen and (max-width: 767px) {
.pan .box {
width:92%;
padding:.8em 0;
font-size:calc(1.1rem * 1.2);
}
} main {
display:block !important;
width:960px;
margin:0 auto;
padding:50px 0 70px;
font-size:1.2rem;
}
main:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
article {
float:left;
width:715px;
}
aside {
float:right;
width:210px;
}
aside h3 {
background:#124ebd;
padding:20px 0;
text-align:center;
}
aside h3 span {
display:inline-block;
white-space:nowrap;
letter-spacing:.5em;
margin-right:-.5em;
font-size:2.4rem;
line-height:1.1;
color:#FFF;
}
aside .side_nav {
border: solid 1px #124ebd;
border-top:none;
margin-bottom:10px;
}
aside .side_nav li {
position:relative;
}
aside .side_nav li:after {
position:absolute;
bottom:0;
left:0;
z-index:10;
width:100%;
height:1px;
display:block;
background:#124ebd;
content:'';
}
aside .side_nav li:last-child:after {
display:none;
}
aside .side_nav li a {
position:relative;
display:block;
padding:15px 0 15px 35px;
font-size:1.4rem;
letter-spacing:.1em;
}
aside .side_nav li.icon a {
background:url(//www.n-chubo.com/img/common/side_nav_icon.png) no-repeat left 15px center;
}
aside .side_nav li a:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
content: '';
background:rgba(18,78,189,0.2);
transform-origin: right top;
transform: scale(0, 1);
transition: transform .3s;
}
aside .side_nav li a:hover:before {
transform-origin: left top;
transform: scale(1, 1);
}
aside .side_nav li a:hover {
text-decoration:none;
}
aside .side_banner li {
margin-bottom:10px;
}
aside .side_banner li:last-child {
margin-bottom:0;
}
@media screen and (max-width: 1000px) {
main {
width:96vw;
padding:5vw 0 7vw;
font-size:1.2rem;
}
article {
width:71.5vw;
}
aside {
width:21vw;
}
aside h3 {
padding:2vw 0;
}
aside h3 span {
letter-spacing:.5em;
margin-right:-.5em;
font-size:2.4rem;
}
aside .side_nav {
margin-bottom:1vw;
}
aside .side_nav li a {
padding:1.5vw 0 1.5vw 3.5vw;
font-size:1.4rem;
letter-spacing:.1em;
}
aside .side_nav li.icon a {
background:url(//www.n-chubo.com/img/common/side_nav_icon.png) no-repeat left 1.5vw center;
}
aside .side_banner li {
margin-bottom:1vw;
}
}
@media screen and (max-width: 767px) {
main {
width:92%;
padding:7.823vw 0 10.43vw;
font-size:calc(1.2rem * 1.1);
}
article {
float:none;
width:100%;
margin-bottom:7.823vw;
}
aside {
float:none;
width:100%;
}
aside h3 {
background:#124ebd;
padding:2.608vw 0;
text-align:center;
}
aside h3 span {
letter-spacing:.5em;
margin-right:-.5em;
font-size:2.4rem;
}
aside .side_nav {
margin-bottom:1.304vw;
}
aside .side_nav li a {
padding:calc(1.956vw * 1.5) 0 calc(1.956vw * 1.5) calc(4.563vw * 1.5);
font-size:1.4rem;
letter-spacing:.1em;
}
aside .side_nav li.icon a {
background:url(//www.n-chubo.com/img/common/side_nav_icon.png) no-repeat left 1.9556vw center;
}
aside .side_banner li {
margin-bottom:1.304vw;
}
} .ttl {
padding:.7em 0;
margin-bottom:60px;
font-size:2.1rem;
font-weight:500;
text-align:center;
border-top: solid 1px #000000;
border-bottom: solid 1px #000000;
}
.sttl01 {
background:#1a6fc2;
padding:25px 40px;
margin-bottom:35px;
font-size:1.8rem;
font-weight:500;
line-height:1.1;
color:#FFF;
}
@media screen and (max-width: 1000px) {
.ttl {
padding:.7em 0;
margin-bottom:6vw;
font-size:2.1rem;
}
.sttl01 {
padding:2.5vw 4vw;
margin-bottom:3.5vw;
font-size:1.8rem;
}
}
@media screen and (max-width: 767px) {
.ttl {
padding:.7em 0;
margin-bottom:7.823vw;
font-size:2.1rem;
font-weight:500;
border-top: solid 1px #000000;
border-bottom: solid 1px #000000;
}
.sttl01 {
padding:3.259vw 5.215vw;
margin-bottom:4.563vw;
font-size:1.8rem;
font-weight:500;
line-height:1.1;
}
}
.ls01 {
letter-spacing:1em;
}
.form table td input[type="text"] ,
.form table td input[type="tel"] ,
.form table td input[type="email"] ,
.form table td input[type="date"] ,
.form table td input[type="number"] ,
.form table td textarea {
width:100%;
padding:10px 4px;
font-size:14px;
background:#FFFFFF;
border: solid 1px #dddddd;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.form table td input[type="text"]:focus ,
.form table td input[type="tel"]:focus ,
.form table td input[type="email"]:focus ,
.form table td input[type="number"]:focus ,
.form table td input[type="date"]:focus ,
.form table td textarea:focus {
outline: 0;
border: solid 1px #666666;
}
.form table td input[type="number"] {
text-align:center;
}
.form table td textarea { height:350px;
}
.form table td input.input01 { }
.form table td input.input02 {
width:100%;
}
.form table td ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility:
}
.form table td ul li {
float:left;
width:160px;
margin:0 25px 0 0;
}
.form table td ul li:last-child {
margin:0;
}
.form table td .zip {
display:inline-block;
margin:0 1em;
font-size:2.0rem;
}
.form table td .select_box01 {
position:relative;
overflow:hidden;
display:inline-block;
min-width:360px;
min-width:20em;
background:#fafafa;
border: solid 1px #dddddd;
color:#333;
margin:0;
padding:0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.form table td .select_box01 select {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
z-index:2;
display:block;
min-width:360px;
min-width:20em;
margin:0;
padding:10px 10px;
background:transparent;
border:0;
outline:none;
font-size:1.6rem;
line-height:1.5;
text-align:center;
}
.form table td .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:50px;
}
.form table td .select_box01.entypo-down-dir:after {
content:'';
position:absolute;
z-index:1;
top:0;
right:0;
display: block;
background:#aaaaaa;
width:50px;
height:100%;
}
.form table td .mwform-radio-field ,
.form table td .mwform-checkbox-field {
display:inline-block;
margin:0 80px 0 0;
}
.form table td .mwform-radio-field:last-child ,
.form table td .mwform-checkbox-field:last-child {
margin:0 ;
}
.form table td input[type='checkbox'] ,
.form table td input[type='radio'] {
display:none;
}
.form table td label input[type='checkbox'] + span ,
.form table td label input[type='radio'] + span {
position:relative;
display:inline-block;
padding-left: 20px;
font-size:1.4rem;
float:left;
}
.form table td label input[type='radio'] + span::before{
content: "";
display: block;
position: absolute;
top: 3px;
left: 0;
width: 15px;
height: 15px;
border: 1px solid #202742;
border-radius: 50%;
}
.form table td input[type='radio']:checked + span {
color: #202742;
}
.form table td input[type='radio']:checked + span::after {
content: "";
display: block;
position: absolute;
top: 6px;
left: 3px;
width: 11px;
height: 11px;
background: #202742;
border-radius: 50%;
}
.check_privacy {
padding:40px 0;
text-align:center;
font-size:1.6rem;
}
.check_privacy a {
text-decoration:underline;
}
.check_privacy .checkbox01-input{
display: none;
}
.check_privacy .checkbox01-parts,
.check_privacy .mwform-checkbox-field-text{
padding-left: 30px;
position:relative;
margin-right: 30px;
}
.check_privacy .checkbox01-parts::before,
.check_privacy .mwform-checkbox-field-text::before{
content: "";
display: block;
position: absolute;
top: -0.1em;
left: 0;
width: 16px;
height: 16px;
border: 1px solid #999;
}
.check_privacy .checkbox01-input:checked + .checkbox01-parts::after,
.check_privacy .checkbox01-input:checked + .mwform-checkbox-field-text::after{
content: "";
display: block;
position: absolute;
top: -4px;
left: 6px;
width: 5px;
height: 14px;
transform: rotate(40deg);
border-bottom: 3px solid #009a9a;
border-right: 3px solid #009a9a;
}
.form .privacy_com {
text-align:center;
font-size:1.2rem;
}
.form .btn {
text-align:center;
font-size:0;
padding:30px 0;
}
.form .btn dl {
display:inline-block;
}
.form .btn dl dt ,
.form .btn dl dd {
display:inline-block;
text-align:center;
}
.form .btn dl dd {
margin:0 0 0 30px;
}
.form .btn p {
text-align:center;
}
.form .btn input ,
.form .btn button {
position:relative;
box-shadow:inset 0px 1px 0px 0px #54a3f7;
background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
background-color:#007dc1;
border-radius:3px;
border:1px solid #124d77;
display:inline-block;
cursor:pointer;
color:#ffffff;
padding:1em 1em;
text-decoration:none;
text-shadow:0px 1px 0px #154682;
width:300px;
text-align:center;
color:#FFF;
font-size:1.8rem;
font-weight:700;
line-height:1.1;
margin:0;
text-decoration:none;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
}
.form .btn input[type=reset] ,
.form .btn button[type=reset] {
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
background-color:#f9f9f9;
border-radius:3px;
border:1px solid #dcdcdc;
color:#666666;
text-shadow:0px 1px 0px #ffffff;
}
.form .btn input:hover ,
.form .btn button:hover ,
.form .btn input:focus ,
.form .btn button:focus {
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;
}
.form .btn input:after ,
.form .btn button:after {
position:absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:1.5em;
content: "\f105";
font-family: FontAwesome;
color:#FFF;
}
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview td .select-wrap {
margin:0;
border:none;
color: inherit;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
background:none;
min-width:inherit;
}
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview td .select-wrap:before ,
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview td .select-wrap:after {
display:none;
}
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview th ,
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview td {
padding-top:1.5rem;
padding-bottom:1.5rem;
font-size:1.5rem;
}
.mw_wp_form.mw_wp_form_input span.error {
font-size:1.5rem;
}
@media screen and (max-width: 1000px) {
.form table td input[type="text"] ,
.form table td input[type="tel"] ,
.form table td input[type="email"] ,
.form table td input[type="date"] ,
.form table td input[type="number"] ,
.form table td textarea {
padding:1vw 0.4vw;
font-size:1.4rem;
}
.form table td textarea {
height:35vw;
}
.form table td .select_box01 {
position:relative;
overflow:hidden;
display:block;
min-width: inherit;
width:100%;
}
.form table td .select_box01 select {
min-width: inherit;
width:100%;
padding:1vw 1vw;
font-size:1.6rem;
}
.form .btn {
text-align:center;
font-size:0;
padding:3vw 0;
}
.form .btn dl {
display:inline-block;
width:100%;
padding:0 3%;
}
.form .btn dl dt ,
.form .btn dl dd {
display:inline-block;
text-align:center;
width:48%;
}
.form .btn dl dd {
margin:0 0 0 4%;
}
.form .btn input ,
.form .btn button {
width:100%;
font-size:1.8rem;
font-weight:700;
}
.form .btn input:after ,
.form .btn button:after {
position:absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:1.5em;
}
}
@media screen and (max-width: 767px) {
.form table td input[type="text"] ,
.form table td input[type="tel"] ,
.form table td input[type="email"] ,
.form table td input[type="date"] ,
.form table td input[type="number"] ,
.form table td textarea {
padding:1.304vw 0.522vw;
font-size:1.4rem;
}
.form table td textarea {
height:45.632vw;
}
.form table td .select_box01 {
position:relative;
overflow:hidden;
display:block;
min-width: inherit;
width:100%;
}
.form table td .select_box01 select {
min-width: inherit;
width:100%;
padding:1.304vw 1.304vw;
font-size:1.6rem;
}
.form .btn {
text-align:center;
font-size:0;
padding:3vw 0;
}
.form .btn dl {
display:inline-block;
}
.form .btn dl dt ,
.form .btn dl dd {
display:inline-block;
text-align:center;
}
.form .btn dl dd {
margin:0 0 0 4%;
}
.form .btn input ,
.form .btn button {
width:100%;
font-size:calc(1.8rem * .9);
font-weight:700;
padding:.7em .8em;
}
.form .btn input:after ,
.form .btn button:after {
position:absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:1em;
font-weight:700;
}
} .contents {
font-size:1.4rem;
}
.contents a {
color:#09C;
text-decoration:underline;
}
.contents a:hover {
color: #69C !important;
text-decoration:none;
}
.contents h1 {
font-size: 2em;
margin: 0.67em 0;
}
.contents img {
width:auto;
max-width:100%;
}
.contents figcaption,
.contents figure,
.contents main {
display: block;
}
.contents figure {
margin: 1em 0;
}
.contents hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
.contents pre {
font-family: monospace, monospace;
font-size: 1em;
}
.contents abbr[title] {
border-bottom: 1px #767676 dotted;
text-decoration: none;
}
.contents b,
.contents strong {
font-weight: inherit;
}
.contents b,
.contents strong {
font-weight: 700;
}
.contents code,
.contents kbd,
.contents samp {
font-family: monospace, monospace;
font-size: 1em;
}
.contents dfn {
font-style: italic;
}
.contents mark {
background-color: #eee;
color: #222;
}
.contents small {
font-size: 80%;
}
.contents sub,
.contents sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.contents sub {
bottom: -0.25em;
}
.contents sup {
top: -0.5em;
}
.contents audio,
.contents video {
display: inline-block;
}
.contents audio:not([controls]) {
display: none;
height: 0;
}
.contents button,
.contents input,
.contents optgroup,
.contents select,
.contents textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
.contents button,
.contents input {
overflow: visible;
}
.contents button,
.contents select {
text-transform: none;
}
.contents button,
.contents html [type="button"],
.contents [type="reset"],
.contents [type="submit"] {
-webkit-appearance: button;
}
.contents button::-moz-focus-inner,
.contents [type="button"]::-moz-focus-inner,
.contents [type="reset"]::-moz-focus-inner,
.contents [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
.contents button:-moz-focusring,
.contents [type="button"]:-moz-focusring,
.contents [type="reset"]:-moz-focusring,
.contents [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.contents fieldset {
border: 1px solid #bbb;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
.contents legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
.contents progress {
display: inline-block;
vertical-align: baseline;
}
.contents textarea {
overflow: auto;
}
.contents [type="checkbox"],
.contents [type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.contents [type="number"]::-webkit-inner-spin-button,
.contents [type="number"]::-webkit-outer-spin-button {
height: auto;
}
.contents [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
.contents [type="search"]::-webkit-search-cancel-button,
.contents [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.contents ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.contents details,
.contents menu {
display: block;
}
.contents summary {
display: list-item;
}
.contents canvas {
display: inline-block;
}
.contents template {
display: none;
}
.contents [hidden] {
display: none;
}
.contents .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.contents .alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.contents .aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.contents .clear:before,
.contents .clear:after,
.contents .entry-content:before,
.contents .entry-content:after,
.contents .entry-footer:before,
.contents .entry-footer:after,
.contents .comment-content:before,
.contents .comment-content:after,
.contents .site-header:before,
.contents .site-header:after,
.contents .site-content:before,
.contents .site-content:after,
.contents .site-footer:before,
.contents .site-footer:after,
.contents .nav-links:before,
.contents .nav-links:after,
.contents .pagination:before,
.contents .pagination:after,
.contents .comment-author:before,
.contents .comment-author:after,
.contents .widget-area:before,
.contents .widget-area:after,
.contents .widget:before,
.contents .widget:after,
.contents .comment-meta:before,
.contents .comment-meta:after {
content: "";
display: table;
table-layout: fixed;
}
.contents .clear:after,
.contents .entry-content:after,
.contents .entry-footer:after,
.contents .comment-content:after,
.contents .site-header:after,
.contents .site-content:after,
.contents .site-footer:after,
.contents .nav-links:after,
.contents .pagination:after,
.contents .comment-author:after,
.contents .widget-area:after,
.contents .widget:after,
.contents .comment-meta:after {
clear: both;
}
.contents button,
.contents input,
.contents select,
.contents textarea {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
font-size: 15px;
font-size: 0.9375em;
font-weight: 400;
line-height: 1.66;
}
.contents h1,
.contents h2,
.contents h3,
.contents h4,
.contents h5,
.contents h6 {
clear: both;
line-height: 1.4;
margin: 0 0 0.75em;
padding: .5em .1em;
}
.contents h1:first-child,
.contents h2:first-child,
.contents h3:first-child,
.contents h4:first-child,
.contents h5:first-child,
.contents h6:first-child {
padding-top: 0;
}
.contents h1 {
font-size: 24px;
font-size: 1.5em;
font-weight: 300;
}
.contents h2,
.contents .home.blog .entry-title {
color: #666;
font-size: 20px;
font-size: 1.25em;
font-weight: 300;
}
.contents h3 {
color: #333;
font-size: 18px;
font-size: 1.125em;
font-weight: 300;
}
.contents h4 {
color: #333;
font-size: 16px;
font-size: 1em;
font-weight: 800;
}
.contents h5 {
color: #767676;
font-size: 13px;
font-size: 0.8125em;
font-weight: 800;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.contents h6 {
color: #333;
font-size: 15px;
font-size: 0.9375em;
font-weight: 800;
}
.contents p {
margin: 0 0 1.5em;
padding: 0;
}
.contents dfn,
.contents cite,
.contents em,
.contents i {
font-style: italic;
}
.contents blockquote {
color: #666;
font-size: 18px;
font-size: 1.125em;
font-style: italic;
line-height: 1.7;
margin: 0;
overflow: hidden;
padding: 0;
}
.contents blockquote cite {
display: block;
font-style: normal;
font-weight: 600;
margin-top: 0.5em;
}
.contents address {
margin: 0 0 1.5em;
}
.contents pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375em;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
.contents code,
.contents kbd,
.contents tt,
.contents var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375em;
}
.contents abbr,
.contents acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
.contents mark,
.contents ins {
background: #eee;
text-decoration: none;
}
.contents big {
font-size: 125%;
}
.contents blockquote {
quotes: "" "";
}
.contents q {
quotes: "“" "”" "‘" "’";
}
.contents blockquote:before,
.contents blockquote:after {
content: "";
}
.contents :focus {
outline: none;
}
.contents h1,
.contents h2,
.contents h3,
.contents h4,
.contents h5,
.contents h6 {
font-weight: 700;
}
.contents hr {
background-color: #bbb;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
.contents ul,
.contents ol {
margin: 0 0 1.5em;
padding: 0;
}
.contents ul {
list-style: disc;
}
.contents ol {
list-style: decimal;
}
.contents li > ul,
.contents li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
.contents dt {
font-weight: 700;
}
.contents dd {
margin: 0 1.5em 1.5em;
}
.contents table {
border-collapse: collapse;
margin: 0 0 1.5em;
width: 100%;
}
.contents thead th { padding-bottom: 0.5em;
}
.contents th {
padding: 0.4em;
text-align: left;
}
.contents tr { }
.contents td {
padding: 0.4em;
}
.contents th:first-child,
.contents td:first-child {
padding-left: 0;
}
.contents th:last-child,
.contents td:last-child {
padding-right: 0;
}
@media screen and (max-width: 640px) { .contents { }
.contents button,
.contents input,
.contents select,
.contents textarea {
font-size: 18px;
font-size: 1.125em;
}
.contents h1 {
font-size: 30px;
font-size:calc( 1.875em * 0.9);
}
.contents h2,
.contents .home.blog .entry-title,
.contents .page .panel-content .recent-posts .entry-title {
font-size: 26px;
font-size:calc( 1.625em * 0.9);
}
.contents h3 {
font-size: 22px;
font-size:calc( 1.375rem * 0.9);
}
.contents h4 {
font-size: 18px;
font-size:calc( 1.125em * 0.9);
}
.contents h5 {
font-size: 13px;
font-size:calc( 0.8125em * 0.9);
}
.contents h6 {
font-size: 16px;
font-size:calc( 1em * 0.9);
}
.contents .entry-content blockquote.alignleft,
.contents .entry-content blockquote.alignright {
font-size: 14px;
font-size: 0.875em;
}
.contents img.alignleft {
float: left;
margin-right: 1.5em;
}
.contents img.alignright {
float: right;
margin-left: 1.5em;
}
.contents th {
display:block;
}
.contents tr { }
.contents td {
display:block;
}
}
.contents h1 {
display:block !important;
padding: 0 0 0 20px;
border-left: solid 7px #cccccc;
font-size: 30px;
line-height: 1.4;
}
.contents h2 {
margin:0 0 45px 0;
padding: 0 0 4px;
font-size: 30px;
border-bottom: 4px solid #cccccc;
line-height: 1.4;
}
.contents h3 {
position:relative;
margin:0 0 35px 0;
padding: 0 0 6px;
font-size: 26px;
}
.contents h3::before {
content:'';
position:absolute;
bottom:-2px;
left:0;
width:40px;
width:100%;
height:1px;
background:#cccccc;
}
.contents h3::after {
content:'';
position:absolute;
bottom:-4px;
left:0;
width:40px;
width:100%;
height:1px;
background:#cccccc;
}
.contents h4{ 
border-bottom: solid 1px #cccccc;
padding: 0 0 6px;
margin: 0 0 35px 0;
font-size: 20px;
}
.contents h5{ 
margin: 0 0 35px 0;
font-size: 18px;
}
.contents h6{ 
margin: 0 0 35px 0;
font-size: 16px;
}
@media screen and (max-width: 640px) {
.contents h1 {
display:block !important;
padding: 0 0 0 20px;
border-left: solid 7px #cccccc;
font-size: calc(30px * 0.7);
line-height: 1.4;
}
.contents h2 {
margin:0 0 45px 0;
padding: 0 0 4px;
font-size: calc(30px * 0.7);
border-bottom: 4px solid #cccccc;
line-height: 1.4;
}
.contents h3 {
position:relative;
margin:0 0 35px 0;
padding: 0 0 6px;
font-size: calc(26px * 0.7);
}
.contents h3::before {
content:'';
position:absolute;
bottom:-2px;
left:0;
width:40px;
width:100%;
height:1px;
background:#cccccc;
}
.contents h3::after {
content:'';
position:absolute;
bottom:-4px;
left:0;
width:40px;
width:100%;
height:1px;
background:#cccccc;
}
.contents h4{ 
border-bottom: solid 1px #cccccc;
padding: 0 0 6px;
margin: 0 0 35px 0;
font-size: calc(20px * 0.8);
}
.contents h5{ 
margin: 0 0 35px 0;
font-size: calc(18px * 0.8);
}
.contents h6{ 
margin: 0 0 35px 0;
font-size: calc(16px * 0.8);
}
} .pagination {
padding:70px 0 0;
}
.pagination .pagination-box {
text-align:center;
font-size:0;
}
.pagination .pagination-box a ,
.pagination .pagination-box span {
display:inline-block;
font-size:1.8rem;
font-weight:bold;
width:24px;
height:24px;
line-height:24px;
text-align:center;
margin-right:10px;
color:#2eb6aa;
}
.pagination .pagination-box a:last-child ,
.pagination .pagination-box span:last-child {
margin-right:0;
}
.pagination .pagination-box span.current {
border: solid 1px #2eb6aa;
}
.pagination .pagination-box a:hover {
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}