@charset "utf-8";
/* breadcrumbs */
.breadcrumbs {
width:100%;
line-height:1;
border-top:1px solid #e2e2e2;
font-size:86%;
color:#ccc;
padding:5px 0 8px;
}
@media screen and (max-width:767px){
.breadcrumbs {
font-size:1rem;
height:auto;
padding-bottom:6px;
}
}
@media print {
.breadcrumbs {
display: none;
}
}
.breadcrumbs ol{
width:90%;
margin:0 auto;
max-width:1050px;
}
.breadcrumbs li{
display:inline;
list-style:none;
vertical-align:middle;
color:#ccc;
}
.breadcrumbs li:after{
content:"";
display: inline-block;
width: 5px;
height: 5px;
color: #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
transform: rotate(45deg);
margin:0 12px 0 10px;
position: relative;
top: -2px;
}
@media screen and (max-width:767px){
.breadcrumbs li:after{
margin:0 8px 0 6px;
width: 3px;
height: 3px;
top: -1px;
}
}
.breadcrumbs li:last-child:after{
display:none;
}
/* ページャー */
.pager{
text-align: center;
position:relative;
padding-bottom: 15px;
}
@media screen and (max-width:767px){
.pager{
margin-top:30px;
font-size: 1.6rem;
}
}
.pager a {
border-bottom: 1px solid rgba(255,255,255,0);
padding: 0 20px 15px;
margin:0 5px;
transition: all 0.3s ease 0s;
}
@media screen and (max-width: 767px) {
.pager a {
padding: 0 10px 10px;
margin:0 3px;
}
}
.pager .current {
border-bottom: 1px solid #0068b7;
color: #000;
padding: 0 20px 15px;
margin:0 5px;
}
@media screen and (max-width: 767px) {
.pager .current {
padding: 0 10px 10px;
margin:0 3px;
}
}
.pager .nextpostslink{
padding: 0;
margin:0;
position: absolute;
top: 40%;
right: 0;
transform: translate(0,-50%);
font-size: 1.8rem;
}
.pager .previouspostslink{
padding: 0;
margin:0;
position: absolute;
top: 40%;
left: 0;
transform: translate(0,-50%);
font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
.pager .nextpostslink,
.pager .previouspostslink{
top:30%;
font-size: 1.2rem;
}
}
.pager .arrow{
margin:5px;
top:-1px;
}
/*btn*/
.btn a{
width: 230px;
height: 55px;
line-height: 55px;
border-radius: 55px;
border: 1px solid #000;
}
.miniBtn a{
width: 120px;
height: 30px;
line-height: 30px;
border-radius: 30px;
}
.btn a:hover{
background: #000;
}
.btn-blue a{
border: 1px solid #0068b7;
}
.btn-blue a:hover{
background: #0068b7;
}
/*linkBtn*/
.linkBtn a{
padding-right: 50px;
position: relative;
}
@media screen and (max-width:767px){
.linkBtn{
font-size: 1.6rem;
}
.linkBtn a{
padding-right: 30px;
}
}
.linkBtn a:before{
content: "＞";
position: absolute;
top: 0;
right: 0;
width: 33px;
height: 33px;
border: 1px solid #000;
border-radius: 33px;
line-height: 31px;
font-size: 2.5rem;
transition: border 0.3s ease;
}
@media screen and (max-width:767px){
.linkBtn a:before{
width: 22px;
height: 22px;
border-radius: 22px;
line-height: 20px;
font-size: 1rem;
}
}
.linkBtn a:hover:before{
border: 1px solid #0068b7;
}
@media screen and (max-width:767px){
.pageTtl{
font-size: 2.3rem;
text-align: center;
margin-bottom: 10px;
}
}
/*newsList*/
.newsList .newsBlock{
width: 32%;
margin-right: 2%;
}
@media screen and (max-width:767px){
.newsList .newsBlock{
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
}
.newsList .newsBlock:nth-child(3n){
margin-right: 0;
}
.newsList .newsBlock .img{
border: 1px solid #000;
}
@media screen and (max-width:767px){
.newsList .newsBlock .img{
margin-bottom: 5px;
}
}
.newsList .newsBlock .img a{
padding-top: 55.555%;
height: 0;
}
.newsList .newsBlock .img img{
width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
/*topのみ*/
@media screen and (max-width:767px){
.newsArea .newsList .newsBlock:nth-child(3){
display: none;
}
}
/*imgTxtBlock*/
.imgTxtBlock{
padding-bottom: 100px;
}
@media only screen and (max-width:767px){
.imgTxtBlock{
padding-bottom: 30px;
}
}
.imgTxtBlock .img{
width: 36%;
}
@media only screen and (max-width:767px){
.imgTxtBlock .img{
width: 100%;
margin-bottom: 20px;
}
}
.imgTxtBlock .img video{
width: 100%;
height: auto;
}
#index .aboutArea .content02 .imgTxtBlock .img{
background: url("../images/common/movie02.jpg") center no-repeat;
background-size: cover;
}
#about .imgTxtBlock .img{
background: url("../images/common/movie01.jpg") center no-repeat;
background-size: cover;
}
@media screen and (max-width:767px){
#about .imgTxtBlock .img{
background: url("../images/common/movie01-s.jpg") center no-repeat;
background-size: cover;
}
}
#quality .content03.imgTxtBlock .img{
background: url("../images/common/movie03.jpg") center no-repeat;
background-size: cover;
}
.imgTxtBlock .txtBox{
width: 60%;
}
@media only screen and (max-width:767px){
.imgTxtBlock .txtBox{
width: 100%;
}
}
@media only screen and (max-width:980px){
.imgTxtBlock .txtBox .fs-53{
font-size: 3.6rem;
}
.imgTxtBlock .txtBox .fs-24{
font-size: 1.6rem;
}
}
@media only screen and (max-width:767px){
.imgTxtBlock .fs-23{
width: 100%;
}
.imgTxtBlock .txtBox .fs-24{
font-size: 1.4rem;
}
}
/*keyVisual*/
.keyVisual{
width: 100%;
height: 970px;
margin-top: 100px;
}
@media screen and (max-width:767px){
.keyVisual{
height:250px;
margin-top: 70px;
}
}
#about .keyVisual{
background: url("../images/page/key-about.jpg") center no-repeat;
background-size: cover;
}
#quality .keyVisual{
background: url("../images/page/key-quality.jpg") center no-repeat;
background-size: cover;
}
.noVisual{
margin-top: 150px;
}
@media screen and (max-width:767px){
.noVisual{
margin-top: 80px;
}
}
/*quality*/
#quality .imgTxtBlock .imgParts{
max-width: 565px;
}
@media screen and (max-width:767px){
#news .fs-40{
font-size: 1.6rem;
}
#news .fs-20{
font-size: 1.3rem;
margin-bottom: 10px;
}
}
/*postNote*/
.postNote p,
.postNote ul,
.postNote ol,
.postNote blockquote{
margin-bottom: 20px;
font-size: 2rem;
}
.postNote .wp-block-image{
margin-bottom: 40px;
}
.postNote .wp-block-image .wp-element-caption{
margin-top: 5px;
}
@media screen and (max-width:767px){
.postNote p,
.postNote ul,
.postNote ol,
.postNote blockquote{
margin-bottom:10px;
font-size: 1.4rem;
}
.postNote .wp-block-image{
margin-bottom: 20px;
}
}
.postNote p:last-child{
margin-bottom: 0;
}
.postNote img{
max-width: 100%;
height: auto;
}
.postNote pre{
white-space: pre-line;
}
.postNote .youtubeOuter{
position: relative;
width: 100%;
padding-top: 56.25%;
margin-bottom: 3em;
}
.postNote .youtubeOuter iframe{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
}
.postNote .youtubeOuter p{
margin-bottom: 0;
}
.postNote ul li{
padding-left: 1em;
position: relative;
margin-bottom: 5px;
line-height: 1.5;
}
.postNote ul li:before{
content: "";
position: absolute;
top: 0.6em;
left:0;
width:6px;
height:6px;
border-radius: 50%;
background: #333;
}
.postNote ol li{
list-style: decimal;
list-style-position: inside;
}
.postNote blockquote{
padding: 10px;
background: #e1e1e1;
}
@media screen and (max-width:767px){
#contact .fs-18{
font-size: 1.4rem;
}
}
@media screen and (max-width:767px){
#privacy .fs-19{
font-size: 1.4rem;
}
}
@media screen and (max-width:767px){
#thanks .fs-19{
font-size: 1.4rem;
}
}