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

*{
    margin: 0;
    padding: 0;
}
.sp{
    display: none;
}
.pc{
    display: block;
}
img{
	max-width: 100%;
}
.header{
    width: 100%;
    background: #FFF;
    border-bottom: 5px solid #c03;
}
.header img{
    vertical-align: bottom;
}
.fix{
    position: fixed;
}
.inner{
    max-width: 1000px;
    width: 100%;
    margin: auto;
}
.inner::after {
   content: "";
   display: block;
   clear: both;
}
.site_logo{
    float: left;
    max-width: 45%;
    padding-left: 1%;
}
.header_tel{
    float: right;
    max-width: 45%;
    padding-right: 1%;
}
.wrapper{
	text-align: center;
    margin: 3em auto;
    width: 100%;
}
.wrapper01{
    padding: 1em 0 0;
}
.wrapper02{
    margin-top: 5em;
    background: #e73a36;
    padding: 3em 0;
}
.MENU_BTN{
    padding: 2em 0;
}
.MENU_BTN a{
    display: inline-block;
    width: 47%;
    margin: 0 1%;
}
.MENU_BTN a:last-child{
    width: 90%;
    margin: 3em auto;
}
.MENU_BTN a img{
    box-shadow: 2px 2px 5px #ccc;
}
.MENU_BTN a:hover img{
    opacity: .7;
    box-shadow: none;
}
#MENU_1{
    background-color: rgb(255 55 55 / 20%);
    background-image: repeating-linear-gradient(
-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
    padding: 0 0 1em;
}
#MENU_1 .ttl_m{
    background: #ff3737;
    padding: 1em 3em;
}
#MENU_1 .inner{
    background: #fff;
    padding: 1em 0;
    margin: 2em auto;
}
#MENU_1 .inner img{
    display: inline-block;
    width: 30%;
    margin: 1em 1%;
}
#MENU_2{
    background-color: rgb(112 48 160 / 20%);
    background-image: repeating-linear-gradient( 
45deg, #fff, #fff 7px, transparent 0, transparent 14px);
    padding: 0 0 1em;
    margin-top: 10em;
}
#MENU_2 .ttl_m{
    background: #7030a0;
    padding: 1em 3em;
}
#MENU_2 .inner{
    background: #fff;
    padding: 1em 0;
    margin: 2em auto;
}
#MENU_2 .inner img{
    display: inline-block;
    width: 30%;
    margin: 1em 1%;
}
#MENU_3{
    background-color: rgb(0 176 240 / 20%);
    background-image: repeating-linear-gradient( 
0deg, #fff, #fff 7px, transparent 0, transparent 14px);
    padding: 0 0 1em;
    margin-top: 10em;
}
#MENU_3 .ttl_m{
    background: #00b0f0;
    padding: 1em 3em;
}
#MENU_3 .YoutubeMovie{
    padding: 3em 1em 1em;
}
#MENU_3 .YoutubeMovie iframe{
    width: 80vw;
    height: 45vw;
}
#MENU_3 .inner{
    padding: 0;
    margin: 2em auto;
}
#MENU_3 .inner .ttl_m_sub{
    background: #2679bf;
}
#MENU_3 .poster{
    display: flex;
    flex-flow: wrap-reverse;
}
#MENU_3 .poster img{
    display: inline-block;
    width: 50%;
}
#about{
    background: #efefef;
    padding: 0 0 1em;
    margin-top: 10em;
    margin-bottom: 0;
}
#about .ttl_m{
    background: #c30d23;
    padding: 1em 3em;
}
#about .GoogleMap{
    padding: 1em;
}
#about .GoogleMap iframe{
    width: 90vw;
    height: 40vw;
}
#about .inner{
    padding: 0;
    margin: 2em auto;
}
#about .inner .ttl_m_sub{
    background: #cc0033;
    margin-top: 5em;
}
#about .inner .ttl_m_sub:last-child{
    margin-top: 8em;
}
#about .inner img{
    width: 100%;
    margin: 1em 0;
}
.FixFooter{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 80px;
    margin: 0 auto;
    background: rgb(231 58 54 / 80%);
}
.FixFooter .logo_footer{
    position: absolute;
    top: 35px;
    left: 35px;
    max-width: 200px;
}
.FixFooter ul.btn_footer{
    list-style: none;
    width: 100%;
    max-width: 1000px;
    margin: 15px auto;
    text-align: right;
}
.FixFooter ul li{
    margin: 0 1%;
    display: inline-block;
    vertical-align: top;
}
.FixFooter ul li a{
    display: block;
    max-width: 130px;
    padding: 10px 20px;
    background: #FFF;
    border-radius: 5px;
}
.FixFooter ul li a:hover{
    opacity: .95;
}
.FixFooter ul li a img{
    vertical-align: text-bottom;
}
.FixFooter ul li.btn_tel a{
    max-width: none;
    padding: 0 20px;
    height: 60px;
    width: auto;
}
.FixFooter ul li.btn_tel a img{
    max-height: 100%;
}
footer{
    width: 100%;
    background: #efefef;
	text-align: center;
    padding-bottom: 80px;
}
footer #copy{
    font-size: 10px;
    line-height: 0;
    padding-bottom: 15px;
}


@media only screen and (max-width:768px) {
.pc{
    display: none;
}
.sp{
    display: block;
}
.wrapper{
    margin: 0 auto 1em;
}
.wrapper.pt100{
    padding: 14% 0 0;
}
.wrapper02{
    padding: 1em 0;
}
.MENU_BTN a:last-child{
    margin-bottom: 0;
}
#MENU_1 .inner , #MENU_2 .inner , #MENU_3 .inner{
    width: 96%;
    margin: 1em auto;
    padding: 0;
}
#MENU_2 , #MENU_3 , #about{
    margin-top: 3em;
}
#MENU_1 .inner img , #MENU_2 .inner img{
    width: 45%;
    margin: 1em 1% 0;
}
#MENU_3 .YoutubeMovie{
    padding: 2em 1em 1em;
}
#about .GoogleMap iframe{
    height: 80vw;
}
.logo_footer{
    display: none;
}
.FixFooter{
    height: auto;
}
.FixFooter ul.btn_footer{
    text-align: center;
}
.FixFooter ul li{
    width: 32%;
    margin: 0;
}
.FixFooter ul li a{
    padding: 0;
    background: none;
}
.FixFooter ul li.btn_tel a{
    padding: 0;
    height: auto;
    max-width: 130px;
}
}