@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 768px) {
.sp{
display: none;
}
.pc{
display: block;
}
/*header*/
.site-branding {
padding: 0;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.site-title.pc,
.site-title.pc a{
display: block;
padding: 0;
float: left;
}
.site-title.pc a{
line-height: 1.6;
}
.site-title .main-logo{
display: table-cell;
vertical-align: middle;
padding: 8px 0 0 10px;
}
.site-title .main-logo svg{
width: 200px;
margin-top: -2px;
}
.site-title .main-logo p{
font-size: 12px;
font-weight: normal;
color: #252525;
font-family:'A1MinchoStd-Bold-83pv-RKSJ-H', 'A-OTF A1 Mincho Std','Noto Serif JP', serif;
}
.site-title .catch-phrase{
display: table-cell;
vertical-align: middle;
padding: 23px 0 0 5px;
}
.site-title .catch-phrase p{
font-size: 12px;
line-height: 1.4;
font-weight: normal;
color: #252525;
font-family:'A1MinchoStd-Bold-83pv-RKSJ-H', 'A-OTF A1 Mincho Std','Noto Serif JP', serif;
}
.nav-mobile{
display: none;
}
.header-cta{
float: right;
}
.header-cta .tel{
float: left;
display: table;
padding:  10px 10px 10px 0;
}
.header-cta .tel svg{
display: table-cell;
vertical-align: middle;
width: 47px;
fill: #009f31;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
}
.header-cta .tel-number{
display: table-cell;
vertical-align: middle;
padding-left: 5px;
}
.header-cta .tel-number span{
display: block;
font-size: 12px;
}
.header-cta .tel-number a{
display: block;
color: #252525;
font-family: 'Roboto', sans-serif;
font-size: 30px;
line-height: 1;
font-weight: 600;
}
.header-cta .contact{
background-color: #8f67ae;
float: left;
}
.header-cta .contact a{
display: table;
padding: 20px 10px;
}
.header-cta .contact a svg{
display: table-cell;
vertical-align: middle;
width: 30px;
fill: #fff;
}
.header-cta .contact a span{
display: table-cell;
vertical-align: middle;
font-size: 16px;
color: #fff;
}
.main-navigation.fixed-menu{
position: fixed;
top:0;
width: 100%;
}
.main-navigation{
display: block;
background-color: #ddd7cc;
}
.main-menu{
width: 750px;
display: block;
position: relative;
margin: 0 auto;
}
.main-menu li,
.main-menu li:first-child {
border: none;
}
.main-menu > li{
position: relative;
float: left;
border: none;
margin: 0;
background-color: transparent;
width: auto;
text-align: center;
}
.main-menu > li a{
font-size: 16px;
line-height: 1.4;
padding: 20px 10px;
}
.main-menu > li.current-menu-item a,
.main-menu > li.current-menu-ancestor a{
color: #8f67ae;
}
.main-menu > li:first-child {
border-top:none;
}
.main-menu > li:last-child a{
}
.menu-item-has-children a {
width: auto;
}
.menu-item-has-children::before,
.menu-item-has-children::after{
display: none;
}

.main-menu li .sub-menu{
position: absolute;
height: auto;
top: 58px;
left: 0;
z-index: 10;
width: 120%;
transition:none;
}
.sub-menu li,
.sub-menu li:first-child{
border: none;
padding: 0;
margin: 0;
}
.sub-menu li a{
padding: 10px;
font-weight: normal;
font-size: 14px;
}
.sub-menu li a::before{
display: none;
}

/*footer*/
.footer-col{
float: left;
font-size: 14px;
}
.footer-title{
font-family:'A1MinchoStd-Bold-83pv-RKSJ-H', 'A-OTF A1 Mincho Std','Noto Serif JP', serif;
font-size: 20px !important;
font-weight: 500;
text-align: left !important;
margin-bottom: 5px !important;
}
.footer-title + p{
font-family:'A1MinchoStd-Bold-83pv-RKSJ-H', 'A-OTF A1 Mincho Std','Noto Serif JP', serif;
margin-bottom: 10px;
}
.footer-col .address{
margin-bottom: 10px;
}
.footer-col:nth-child(1){
width: 350px;
}
.footer-col:nth-child(2){
width: calc(100% - 350px);
}
.footer-menu li a {
padding: 5px 0;
}
.footer-copyright{
padding: 20px 0 55px;
}
#footer-logo{
fill:#fff;
width: 200px;
font-size: 36px;
}
.footer-logo.pc{
padding: 7px 15px 3px 0;
float: left;
}
.bottom-cta{
bottom: -55px;
}
.bottom-cta .section-inner{
position: relative;
width:  740px;
margin: 0 auto;
}
.bottom-cta .footer-tel.sp{
display: none;
}
.bottom-cta .footer-tel.pc{
display: table;
border :none;
width: auto;
padding-top: 11px;
}
.bottom-cta .footer-tel svg {
display: table-cell;
vertical-align: middle;
margin-top: 3px;
}

.bottom-cta .footer-tel a{
display: table-cell;
vertical-align: middle;
font-size: 32px;
padding-left: 5px;

}
.bottom-cta .footer-tel p{
display: table-cell;
vertical-align: middle;
color: #fff;
font-size: 12px;
line-height: 1.2;
text-align: left;
padding-left: 10px;
}
.bottom-cta .footer-contact{
display: table;
width: auto;
padding: 13px 0 0 15px;
}
.bottom-cta .footer-contact a {
background-color: #fff;
padding: 5px 20px 0px;
line-height: 1;
}
.bottom-cta .footer-contact svg {
display: inline;
vertical-align: middle;
fill: #563a7c;
width: 30px;
}
.bottom-cta .footer-contact .tel-number {
display: inline;
color: #252525;
}
.page-top{
bottom: 75px;
right: 20px;
}

/*下層*/
#site-content{
padding-top: 132px;
}
.anchor {
padding-top: 132px;
margin-top: -132px;
}
/*--------------------------------------------------------------
Archives(お知らせ):
----------------------------------------------------------------
*/
#main-col{
float:left;
width:  calc(78% - 20px);
margin-right: 20px;
}
#sidebar{
float:left;
width:  22%;
}
}

@media screen and (min-width: 1080px) {
.site-title .main-logo {
padding: 10px 0 0 25px;
}
.site-title .main-logo svg {
width: 260px;
}
.site-title .main-logo p,
.site-title .catch-phrase p{
font-size: 14px;
}
.site-title .catch-phrase {
padding: 30px 0 0 15px;
}
.header-cta .tel {
padding: 18px 30px 18px 0;
}
.header-cta .tel svg{
margin-top: 5px;
}
.header-cta .tel-number span {
font-size: 15px;
}
.header-cta .tel-number {
padding-left: 10px;
}
.header-cta .contact a {
padding: 30px 20px;
}
.main-menu {
width: 820px;
}
.section-inner{
position: relative;
padding: 0;
width: 1000px;
margin: 0 auto;
}
.main-menu > li a {
padding: 23px 15px;
}

/*footer*/

.footer-nav-wrap .section-inner{
padding: 50px 0 20px;
}
.footer-copyright {
padding: 30px 0 95px;
}
.bottom-cta{
bottom: -95px;
}
.bottom-cta .section-inner{
position: relative;
width:  1000px;
margin: 0 auto;
}
#footer-logo {
width: 260px;
}
.footer-logo.pc {
padding: 21px 30px 17px 0;
}
.bottom-cta .footer-tel.pc{
padding-top: 26px;
padding-right: 25px;
}
.bottom-cta .footer-tel svg {
width: 35px;
}
.bottom-cta .footer-tel a{
font-size: 40px;
padding-left: 10px;
padding-top: 3px;
}
.bottom-cta .footer-tel p{
font-size: 15px;
}
.bottom-cta .footer-contact{
padding: 21px 0 0 15px;
}
.bottom-cta .footer-contact a {
background-color: #fff;
padding: 16px 20px 11px;
width: 210px;
}
.page-top {
bottom: 125px;
right: 30px;
}

/*下層*/
#site-content{
padding-top: 158px;
}
.anchor {
padding-top: 158px;
margin-top: -158px;
}

/*--------------------------------------------------------------
Archives(お知らせ):
----------------------------------------------------------------
*/
#main-col{
width:  740px;
margin-right: 40px;
}
#sidebar{
width:  220px;
}
}