@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------
wrap
----------------------------------------------------------*/
#wrap{
width: 100%;
}

.container01{
width: 100%;
padding: 80px 0;
position: relative;
}
@media (max-width: 768px){
.container01{
padding: 4.0rem 1.5rem;
}
}

.container02{
width: 1000px;
margin: 0 auto;
padding: 60px 0;
}
.container02.article{
padding: 40px 0 60px;
}
@media (max-width: 768px){
.container02{
width: 100%;
padding: 3.0rem 1.5rem;
}
.container02.article{
padding: 2.0rem 0 1.5rem;
}
}

.grecaptcha-badge { visibility: hidden; }

/*----------------------------------------------------------
maincontents
----------------------------------------------------------*/
.mainContents01{
width: 1000px;
margin: 0 auto;
}
@media (max-width: 768px){
.mainContents01{
width: 100%;
}
}

.mainContents02{
width: 720px;
border-right: 1px solid #ccc;
margin: 0 15px 0 0;
padding: 30px 30px 30px 0;
float: left;
}
@media (max-width: 768px){
.mainContents02{
width: 100%;
border-right: none;
margin: 0 0 3.0rem;
padding: 0;
float: none;
}
.article .mainContents02 .inner{
padding: 0 1.5rem;
}
}

/*----------------------------------------------------------
header
----------------------------------------------------------*/
#header{
width: 100%;
background: linear-gradient(to right, #a87ec2, #4ea6d8);
padding: 20px 20px;
position: relative;
}
#header > .logo a{
display: inline-block;
}
#header > .logo a img{
width: 200px;
height: auto;
}
.drawer-hamburger{
width: 30px;
padding: 20px 20px;
position: absolute;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{
background: #fff;
height: 5px;
border-radius: 100px;
}
.drawer--right.drawer-open .drawer-hamburger{
right: 360px;
}
.drawer-overlay{
background: rgba(78,91,216,0.4);
}
.drawer-nav{
width: 360px;
background: linear-gradient(45deg,#000,#171766);
text-align: center;
}
.drawer--right .drawer-nav{
right: -360px;
z-index: 3;
}
.drawer-nav .drawer-menu{
text-align: left;
padding: 60px 20px 0;
}
.drawer-nav .drawer-menu .logo{
text-align: center;
margin: 0 0 40px;
}
.drawer-nav .drawer-menu .logo a{
border: 1px solid #fff;
padding: 8px 10px 10px;
display: inline-block;
}
.drawer-nav .drawer-menu .logo a img{
width: 160px;
height: auto;
}
.drawer-nav .drawer-menu .block{
color: #fff;
}
.drawer-nav .drawer-menu .block + .block{
margin-top: 40px;
}
.drawer-nav .drawer-menu .block .index{
font-size: 1.6rem;
font-weight: bold;
letter-spacing: 2px;
margin: 0 0 15px;
}
.drawer-nav .drawer-menu .block .index span{
font-size: 2.0rem;
vertical-align: text-top;
margin: 0 10px 0 0;
}
.drawer-nav .drawer-menu .block .list{
margin: 0 0 0 25px;
}
.drawer-nav .drawer-menu .block .list > li{
border-bottom: 1px dotted #fff;
margin: 0 0 10px;
}
.drawer-nav .drawer-menu .block .list > li:last-child{
margin-bottom: 0;
}
.drawer-nav .drawer-menu .block .list > li a{
font-size: 1.4rem;
padding: 8px 0 8px 28px;
display: block;
position: relative;
}
.drawer-nav .drawer-menu .block .list > li a::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 8px;
border-color: transparent transparent transparent #ffffff;
position: absolute;
left: 8px;
top: 14px;
}
.drawer-nav .drawer-menu .block .list > li .child{
margin: 0 0 0 28px;
}
.drawer-nav .drawer-menu .block .list > li .child > li{
border-top: 1px dotted #fff;
}
.drawer-nav .drawer-menu .block .snsList > li{
margin: 0 0 5px;
}
.drawer-nav .drawer-menu .block .snsList > li:last-child{
margin-bottom: 0;
}
.drawer-nav .drawer-menu .block .snsList > li a{
font-size: 1.4rem;
}
.drawer-nav .drawer-menu .block .snsList > li a span{
display: inline-block;
margin: 0 10px 0 0;
}
@media (max-width: 768px){
#header{
padding: 1.3rem 1.5rem;
}
#header > .logo a img{
width: 14.0rem;
}
.drawer-hamburger{
width: 2.5rem;
padding: 1.4rem 1.5rem;
}
.drawer--right.drawer-open .drawer-hamburger{
right: 85%;
}
.drawer-nav{
width: 100%;
}
.drawer--right .drawer-nav{
right: -100%;
}
.drawer-nav .drawer-menu{
padding: 4.0rem 3.0rem 1.5rem;
}
.drawer-nav .drawer-menu .logo{
margin: 0 0 3.0rem;
}
.drawer-nav .drawer-menu .logo a{
padding: 0.8rem 2.0rem 1.0rem;
}
.drawer-nav .drawer-menu .logo a img{
width: 18.0rem;
}
.drawer-nav .drawer-menu .block + .block{
margin-top: 3.0rem;
}
.drawer-nav .drawer-menu .block .index{
font-size: 1.6rem;
font-weight: bold;
letter-spacing: 2px;
margin: 0 0 15px;
}
.drawer-nav .drawer-menu .block .index span{
font-size: 2.0rem;
vertical-align: text-top;
margin: 0 10px 0 0;
}
.drawer-nav .drawer-menu .block .list{
margin: 0;
}
.drawer-nav .drawer-menu .block .list > li{
margin: 0 0 1.0rem;
}
.drawer-nav .drawer-menu .block .list > li a{
padding: 0.8rem 0 0.8rem 2.8rem;
}
.drawer-nav .drawer-menu .block .list > li a::before{
left: 0.8rem;
top: 1.6rem;
}
.drawer-nav .drawer-menu .block .list > li .child{
margin: 0 0 0 2.8rem;
}
.drawer-nav .drawer-menu .block .snsList > li{
margin: 0 0 0.5rem;
}
.drawer-nav .drawer-menu .block .snsList > li a span{
margin: 0 1.0rem 0 0;
}
}

/*----------------------------------------------------------
footer
----------------------------------------------------------*/
#footer{
width: 100%;
background: #2E2E2E;
padding: 40px 0;
}
#footer .footerInner{
width: 1000px;
color: #fff;
margin: 0 auto;
}
#footer .footerInner .copy{
font-size: 1.4rem;
text-align: right;
}
#footer .footerInner .copy a{
text-decoration: underline;
margin: 0 20px 0 0;
display: inline-block;
}
@media (max-width: 768px){
#footer{
padding: 2.0rem 1.5rem;
}
#footer .footerInner{
width: 100%;
}
#footer .footerInner .copy{
font-size: 1.2rem;
text-align: center;
}
#footer .footerInner .copy a{
margin: 0;
}
#footer .footerInner .copy small{
display: block;
}
}

#wrap .topBtn{
position: fixed;
right: 20px;
bottom: 20px;
z-index: 2;
}
#wrap .topBtn a{
width: 50px;
height: 50px;
background: linear-gradient(to bottom, rgba(168,126,194,0.5),rgba(78,166,216,0.5));
border-radius: 100px;
display: block;
position: relative;
}
#wrap .topBtn a::before{
content: "";
width: 30px;
height: 20px;
background: #fff;
-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
position: absolute;
left: 11px;
top: 13px;
}
@media (max-width: 768px){
#wrap .topBtn{
position: fixed;
right: 1.0rem;
bottom: 1.0rem;
}
#wrap .topBtn a{
width: 4.0rem;
height: 4.0rem;
}
#wrap .topBtn a::before{
width: 2.2rem;
height: 1.6rem;
left: 1.0rem;
top: 1.1rem;
}
}

/*----------------------------------------------------------
sidebar
----------------------------------------------------------*/
.sidebar{
width: 265px;
padding: 30px 0 0;
float: left;
}
.sidebar .block{
background: #f9fdff
}
.sidebar .block + .block{
margin-top: 40px;
}
.sidebar .block .ttl{
background: linear-gradient(to right, #a87ec2, #4ea6d8);
color: #fff;
font-size: 1.6rem;
font-weight: bold;
padding: 5px 5px 3px 30px;
position: relative;
}
.sidebar .block .ttl::before{
content: "";
width: 10px;
height: 10px;
background: #fff;
position: absolute;
left: 10px;
top: 12px;
}
.sidebar .block .categoryList > li{
border-bottom: 1px solid #4ea6d8;
}
.sidebar .block .categoryList > li a{
font-size: 1.4rem;
padding: 10px 0 8px 30px;
display: block;
position: relative;
}
.sidebar .block .categoryList > li a::before{
content: "";
width: 10px;
height: 10px;
background: linear-gradient(to right, #a87ec2, #4ea6d8);
border-radius: 100px;
position: absolute;
left: 10px;
top: 16px;
}
.sidebar .block .categoryList > li .child{
margin: 0 0 0 20px;
}
.sidebar .block .categoryList > li .child > li{
border-top: 1px dotted #ccc;
}
.sidebar .block .categoryList > li .child > li a::before{
width: 7px;
height: 7px;
top: 18px;
}
.sidebar .block .snsList > li{
border-bottom: 1px solid #4ea6d8;
}
.sidebar .block .snsList > li a{
font-size: 1.4rem;
font-weight: bold;
letter-spacing: 2px;
padding: 10px 0 8px 8px;
display: block;
}
.sidebar .block .snsList > li a span{
margin: 0 8px 0 0;
vertical-align: -1px;
display: inline-block;
}
.sidebar .block .snsList > li.tw a{
color: #1da1f2;
}
.sidebar .block .snsList > li.ig a{
color: #4C64D3;
}
.sidebar .block .newList > li{
border-bottom: 1px solid #4ea6d8;
}
.sidebar .block .newList > li a{
padding: 10px;
display: flex;
align-items: center;
}
.sidebar .block .newList > li a .image{
width: 50px;
height: 50px;
border-radius: 3px;
overflow: hidden;
position: relative;
}
.sidebar .block .newList > li a .image img{
width: auto;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sidebar .block .newList > li a .textBlock{
width: 205px;
padding: 0 0 0 10px;
}
.sidebar .block .newList > li a .textBlock .title{
font-size: 1.2rem;
font-weight: bold;
line-height: 1.4;
margin: 0 0 5px;
}
.sidebar .block .newList > li a .textBlock .date{
color: #ccc;
font-size: 1.0rem;
line-height: 1.0;
}
.sidebar .block .newList > li a .textBlock .date span{
vertical-align: -1px;
margin: 0 5px 0 0;
display: inline-block;
}
.sidebar .block.profile .nameBlock{
margin: 15px 20px 5px;
}
.sidebar .block.profile .nameBlock .image{
width: 120px;
border-radius: 100px;
margin: 0 auto 10px;
overflow: hidden;
}
.sidebar .block.profile .nameBlock .name{
font-size: 1.4rem;
font-weight: bold;
text-align: center;
margin: 0 20px;
}
.sidebar .block.profile .nameBlock .name span{
font-size: 1.0rem;
font-weight: normal;
line-height: 1.2;
display: block;
}
.sidebar .block.profile .text{
font-size: 1.2rem;
margin: 0 20px;
padding: 0 0 15px;
}
@media (max-width: 768px){
.sidebar{
width: auto;
float: none;
}
.sidebar.single{
margin: 0 1.5rem;
}
.sidebar .block + .block{
margin-top: 3.0rem;
}
.sidebar .block .ttl{
font-size: 1.6rem;
font-weight: bold;
padding: 0.5rem 0.5rem 0.4rem 3.0rem;
}
.sidebar .block .ttl::before{
width: 1.0rem;
height: 1.0rem;
left: 1.0rem;
top: 1.2rem;
}
.sidebar .block .categoryList > li a{
padding: 1.0rem 0 0.8rem 3.0rem;
}
.sidebar .block .categoryList > li a::before{
width: 1.0rem;
height: 1.0rem;
left: 1.0rem;
top: 1.6rem;
}
.sidebar .block .categoryList > li .child{
margin: 0 0 0 2.0rem;
}
.sidebar .block .categoryList > li .child > li a::before{
width: 0.7rem;
height: 0.7rem;
top: 1.8rem;
}
.sidebar .block .snsList > li a{
padding: 1.0rem 0 0.8rem 0.8rem;
}
.sidebar .block .snsList > li a span{
margin: 0 0.8rem 0 0;
vertical-align: -0.1rem;
}
.sidebar .block .newList > li a{
padding: 1.5rem;
}
.sidebar .block .newList > li a .image{
width: 25%;
height: 7.6rem;
}
.sidebar .block .newList > li a .textBlock{
width: 75%;
padding: 0 0 0 1.5rem;
}
.sidebar .block .newList > li a .textBlock .title{
font-size: 1.4rem;
margin: 0 0 0.5rem;
}
.sidebar .block .newList > li a .textBlock .date{
padding: 0!important;
}
.sidebar .block .newList > li a .textBlock .date span{
vertical-align: -0.1rem;
}
.sidebar .block.profile .nameBlock{
margin: 1.5rem 1.5rem 1.0rem;
display: flex;
justify-content: center;
align-items: center;
}
.sidebar .block.profile .nameBlock .image{
width: 30%;
}
.sidebar .block.profile .nameBlock .name{
width: 70%;
font-size: 1.6rem;
text-align: left;
margin: 0;
padding: 0 0 0 1.5rem;
}
.sidebar .block.profile .nameBlock .name span{
font-size: 1.2rem;
}
.sidebar .block.profile .text{
font-size: 1.4rem;
margin: 0 1.5rem;
padding: 0 0 1.5rem;
}
}

/*----------------------------------------------------------
 Title
----------------------------------------------------------*/
.titleTypeA01{
text-align: center;
position: relative;
z-index: 2;
}
.titleTypeA01 img{
width: 400px;
height: auto;
}
@media (max-width: 768px){
.titleTypeA01 img{
width: 22.0rem;
}
}

.titleTypeB01{
text-align: center;
margin: 0 0 30px;
}
.titleTypeB01 b{
font-size: 2.4rem;
padding: 0 0 10px;
display: inline-block;
position: relative;
}
.titleTypeB01 b::before{
content: "";
width: 40px;
height: 5px;
background: #000;
border-radius: 100px;
position: absolute;
left: 50%;
margin-left: -20px;
bottom: 0;
}
.titleTypeB01.white b{
color: #fff;
}
.titleTypeB01.white b::before{
background: #fff;
}
@media (max-width: 768px){
.titleTypeB01{
margin: 0 0 1.5rem;
}
.titleTypeB01 b{
font-size: 1.8rem;
padding: 0 0 0.5rem;
}
.titleTypeB01 b::before{
width: 3.0rem;
height: 0.3rem;
margin-left: -1.5rem;
}
}

.titleTypeB02{
font-size: 2.8rem;
border-bottom: 1px solid #ccc;
padding: 0 0 20px;
position: relative;
}
.titleTypeB02::before{
content: "";
width: 10px;
height: 10px;
background: #ccc;
position: absolute;
left: 0;
bottom: -5px;
}
.titleTypeB02 span{
color: #ccc;
font-size: 1.6rem;
font-weight: bold;
margin: 0 20px 0 0;
padding: 0 25px;
vertical-align: 4px;
display: inline-block;
position: relative;
}
.titleTypeB02 span::before{
content: "";
width: 15px;
height: 1px;
background: #ccc;
position: absolute;
left: 0;
top: 12px;
}
.titleTypeB02 span::after{
content: "";
width: 15px;
height: 1px;
background: #ccc;
position: absolute;
right: 0;
top: 12px;
}
.article .titleTypeB02{
line-height: 1.4;
}
@media (max-width: 768px){
.titleTypeB02{
font-size: 2.2rem;
text-align: center;
border-bottom: none;
margin: 0 0 3.0rem;
padding: 0;
}
.titleTypeB02::before{
display: none;
}
.titleTypeB02 b{
display: block;
}
.titleTypeB02 span{
font-size: 1.2rem;
margin: 0 0 1.0rem;
padding: 0 2.5rem;
vertical-align: 0;
}
.titleTypeB02 span::before{
width: 1.5rem;
height: 1px;
top: 0.9rem;
}
.titleTypeB02 span::after{
width: 1.5rem;
height: 1px;
top: 0.9rem;
}
.article .titleTypeB02{
font-size: 1.8rem;
text-align: left;
margin: 0 0 1.0rem;
padding: 0 1.5rem;
}
}

/*----------------------------------------------------------
button
----------------------------------------------------------*/
.btnTypeA01{
text-align: center;
margin: 40px 0 0;
}
.btnTypeA01 a{
background: linear-gradient(to right, #a87ec2, #4ea6d8);
color: #fff;
font-size: 1.8rem;
font-weight: bold;
border-radius: 100px;
padding: 20px 120px;
display: inline-block;
position: relative;
}
.btnTypeA01 a::before{
content: "";
width: 14px;
height: 14px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 30px;
margin-top: -7px;
}
@media (max-width: 768px){
.btnTypeA01{
text-align: center;
margin: 2.0rem 0 0;
}
.btnTypeA01 a{
width: 100%;
font-size: 1.4rem;
padding: 1.0rem 0;
}
.btnTypeA01 a::before{
content: "";
width: 1.0rem;
height: 1.0rem;
right: 1.5rem;
margin-top: -0.5rem;
}
}

/*----------------------------------------------------------
block
----------------------------------------------------------*/
.blockTypeA01{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.blockTypeA01 .block{
width: 320px;
border-bottom: 1px solid #ccc;
margin: 23px 20px 0 0;
padding: 0 0 20px;
}
.blockTypeA01 .block > a{
height: 100%;
display: block;
}
@media (min-width: 769px){
.blockTypeA01 .block:nth-child(-n+3){
margin-top: 0;
}
.blockTypeA01 .block:nth-child(3n){
margin-right: 0;
}
.blockTypeA01 .block > a{
transition: 0.3;
position: relative;
}
.blockTypeA01 .block > a:hover::before{
content: "";
width: 100%;
height: 100%;
background: linear-gradient(to right, #a87ec2, #4ea6d8);
border-radius: 10px;
opacity: 0.3;
position: absolute;
left: 0;
top: 0;
}
}
.blockTypeA01 .block a img{
width: 100%;
height: auto;
border-radius: 10px;
margin: 0 0 10px;
display: block;
}
.blockTypeA01 .block a .textBlock .list > li{
background: linear-gradient(to right, #a87ec2, #4ea6d8);
color: #fff;
font-size: 1.2rem;
line-height: 1.0;
border-radius: 3px;
margin: 0 5px 5px 0;
padding: 5px;
display: inline-block;
}
.blockTypeA01 .block a .textBlock .list > li:last-child{
margin-right: 0;
}
.blockTypeA01 .block a .textBlock .date{
color: #919191;
font-size: 1.4rem;
text-align: right;
}
.blockTypeA01 .block a .textBlock .date .icon-clock{
font-size: 1.2rem;
margin: 0 5px 0 0;
}
.blockTypeA01 .block a .textBlock .title{
font-size: 1.8rem;
line-height: 1.4;
font-weight: bold;
margin: 0 0 10px;
}
.blockTypeA01 .block a .textBlock .text{
font-size: 1.2rem;
line-height: 1.4;
margin: 0 0 8px;
}
@media (max-width: 768px){
.blockTypeA01{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.blockTypeA01 .block{
width: 100%;
margin: 0 0 3.0rem 0;
padding: 0 0 3.0rem;
}
.blockTypeA01 .block:last-child{
margin-bottom: 0;
}
.blockTypeA01 .block a img{
width: 100%;
height: auto;
margin: 0 0 1.0rem;
}
.blockTypeA01 .block a .textBlock .list > li{
margin: 0 0.5rem 0.5rem 0;
padding: 0.5rem;
}
.blockTypeA01 .block a .textBlock .date{
font-size: 1.2rem;
}
.blockTypeA02 .block a .textBlock .date .icon-clock{
font-size: 1.0rem;
margin: 0 0.5rem 0 0;
}
.blockTypeA01 .block a .textBlock .title{
font-size: 1.4rem;
margin: 0 0 0.5rem;
}
.blockTypeA01 .block a .textBlock .text{
margin: 0 0 0.8rem;
}
}

.blockTypeA02{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.blockTypeA02 .block{
width: 334px;
border-bottom: 1px solid #ccc;
margin: 23px 20px 0 0;
padding: 0 0 20px;
}
.blockTypeA02 .block a{
height: 100%;
display: block;
}
@media (min-width: 769px){
.blockTypeA02 .block:nth-child(-n+2){
margin-top: 0;
}
.blockTypeA02 .block:nth-child(even){
margin-right: 0;
}
.blockTypeA02 .block a{
transition: 0.3;
position: relative;
}
.blockTypeA02 .block a:hover::before{
content: "";
width: 100%;
height: 100%;
background: linear-gradient(to right, #a87ec2, #4ea6d8);
border-radius: 10px;
opacity: 0.3;
position: absolute;
left: 0;
top: 0;
}
}
.blockTypeA02 .block a img{
width: 100%;
height: auto;
border-radius: 10px;
margin: 0 0 10px;
display: block;
}
.blockTypeA02 .block a .textBlock .list > li{
background: linear-gradient(to right, #a87ec2, #4ea6d8);
color: #fff;
font-size: 1.2rem;
line-height: 1.0;
border-radius: 3px;
margin: 0 5px 5px 0;
padding: 5px;
display: inline-block;
}
.blockTypeA02 .block a .textBlock .date{
color: #919191;
font-size: 1.4rem;
text-align: right;
}
.blockTypeA02 .block a .textBlock .date .icon-clock{
font-size: 1.2rem;
margin: 0 5px 0 0;
}
.blockTypeA02 .block a .textBlock .title{
font-size: 1.8rem;
line-height: 1.4;
font-weight: bold;
margin: 0 0 10px;
}
.blockTypeA02 .block a .textBlock .text{
font-size: 1.2rem;
line-height: 1.4;
margin: 0 0 8px;
}
@media (max-width: 768px){
.blockTypeA02{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.blockTypeA02 .block{
width: 100%;
margin: 0 0 3.0rem 0;
padding: 0 0 3.0rem;
}
.blockTypeA02 .block:last-child{
margin-bottom: 0;
}
.blockTypeA02 .block a img{
width: 100%;
height: auto;
margin: 0 0 1.0rem;
}
.blockTypeA02 .block a .textBlock .list > li{
margin: 0 0.5rem 0.5rem 0;
padding: 0.5rem;
}
.blockTypeA02 .block a .textBlock .date{
font-size: 1.2rem;
}
.blockTypeA02 .block a .textBlock .date .icon-clock{
font-size: 1.0rem;
margin: 0 0.5rem 0 0;
}
.blockTypeA02 .block a .textBlock .title{
font-size: 1.4rem;
margin: 0 0 0.5rem;
}
.blockTypeA02 .block a .textBlock .text{
margin: 0 0 0.8rem;
}
}

/*----------------------------------------------------------
pager
----------------------------------------------------------*/
.wp-pagenavi{
width: 100%;
text-align: center;
margin: 40px 0 0;
}
.wp-pagenavi a{
width: 30px;
background: #2E2E2E;
color: #fff;
font-size: 1.2rem;
font-weight: bold;
border-radius: 3px;
margin: 0 2px;
padding: 5px 0;
display: inline-block;
}
.wp-pagenavi .current{
width: 30px;
background: linear-gradient(to right, #a87ec2, #4ea6d8);
color: #fff;
font-size: 1.2rem;
font-weight: bold;
border-radius: 3px;
margin: 0 2px;
padding: 5px 0;
display: inline-block;
}
@media (max-width: 768px){
.wp-pagenavi{
margin: 3.0rem 0 0;
}
.wp-pagenavi a{
width: 3.0rem;
margin: 0 0.2rem;
padding: 0.5rem 0;
}
.wp-pagenavi .current{
width: 3.0rem;
margin: 0 0.2rem;
padding: 0.5rem 0;
}
}

/*----------------------------------------------------------
404
----------------------------------------------------------*/
.container01.page_404{
background: url("/wp-content/themes/sauna/assets/images/common/common_bg_01.webp") no-repeat;
background-size: cover;
padding: 180px 0;
}
.container01.page_404 .title{
text-align: center;
margin: 0 0 40px;
}
.container01.page_404 .title img{
width: 400px;
height: auto;
}
.container01.page_404 .text{
color: #fff;
font-size: 2.0rem;
font-weight: bold;
text-align: center;
}
@media (max-width: 768px){
.container01.page_404{
padding: 8.0rem 0;
}
.container01.page_404 .title{
margin: 0 0 4.0rem;
}
.container01.page_404 .title img{
width: 22.0rem;
}
.container01.page_404 .text{
font-size: 1.6rem;
}
}