html{}
body{
    margin:0px;
    padding:0px;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro W6", "メイリオ","Meiryo",Arial, sans-serif;
    font-size:16px;
    overflow-x:hidden;
    background-color:#ffffff;
    color:#000000;
    line-height:1.6;
    counter-reset: mm mda;
}
.gothic_font{font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
.mincho_font{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
a{text-decoration:none;color:#000000;}
a:hover{opacity:0.6;}
img{display:block;vertical-align:bottom;}
br.sp_br{display:none;}
img.sp_img{display:none;}
header{
	width:100%;
}
#header_top{
    background: -moz-linear-gradient(top, #f7f6f7, #FFF);
    background: -webkit-linear-gradient(top, #f7f6f7, #FFF);
    background: linear-gradient(to bottom, #f7f6f7, #FFF);
    width:100%;
    position:relative;
}
div.back{
    position:absolute;
    right: 0;
    top:0;
}
div.top_box{
    width:100%;
    max-width:1000px;
    margin:auto;
    padding:20px 0px 10px 0px;
}
div.catch{
    font-size:1.8em;
    font-weight:bold;
    padding:30px 0px 0px 0px;
}
div.title{
    width:100%;
    max-width:1000px;
    margin:auto;
    position:relative;
    padding-bottom:40px;
}
div.title_icon{
    position:absolute;
    right:5px;
    bottom:0px;
}
div.contents{
    width:100%;
    max-width:1000px;
    margin:auto;
}
p.contents_text{
    margin:0px;
    padding:20px 0px;
}
div.contents_img{
    text-align:center;
    padding-bottom:80px;
}
div.contents_img > img{margin:auto;}
h2{
    color:#406aa4;
    text-align:center;
    margin:0px;
}
div.live_box{
    display: flex;
    justify-content: space-between;
    padding-bottom:80px;
}
div.live_box > div{
    display:block;
    margin:10px;
}
div.live_box > div > img{
    width:100%;
    max-width:472px;
}
div.live_box > div > h3{
    text-align:center;
    font-weight:normal;
}
div.live_detail{
    display: flex;
    justify-content: space-between;
    padding-top:40px;
    padding-bottom:60px;
}
div.live_detail > div{
    display:block;
    width:27%;
}
div.live_detail > div.arrow{
    width:40px;
    position:relative;
}
div.live_detail > div > img{
    width:90%;
    max-width:476px;
    margin:auto;
}
div.live_detail > div.arrow > img{
    position:absolute;
    top:0;
    bottom:150px;
    left:0;
    right:0;
}
div.live_detail > div > h3{
    text-align:center;
    font-weight:normal;
    color:#406aa4;
    font-weight:bold;
}
footer{}
#footer{
    background-color:#406aa4;
    color:#ffffff;
    padding:20px 0px;
}
div.contact{
    width:100%;
    max-width:835px;
    margin:auto;
    display:table;
}
div.contact > div{
    display:table-cell;
    vertical-align:middle;
}
div.contact > div > strong{
    display:inline-block;
    padding:0px 5px;
}
div.contact > div > strong > a{color:#ffffff;}
div.contact > div > strong > a:after{
    content: "";
    background-image:url(../images/point.png);
    display:inline-block;
    width:15px;
    height:15px;
    background-size:cover;
    background-repeat:no-repeat;
}
img.tel_img{
    width:250px;
}
div.copy{
    width:100%;
    max-width:1000px;
    margin:auto;
    text-align:center;
    position:relative;
    font-size:0.9em;
}
div.copy > a.logo{
    display:inline-block;
    width:130px;
    position:absolute;
    top:0;
    left:-2%;
}
div.copy > a.logo > img{width:100%;}
@media screen and (min-width: 2500px){
    div.back{
        width:900px;
    }
    div.back > img{
        width:100%;
    }
}
@media screen and (max-width:1200px){
    div.back{
        width:55%;
    }
    div.back > img{
        width:100%;
    }
}
@media screen and (max-width: 768px){
    br.sp_br{display:block;}
    br.pc_br{display:none;}
    img.pc_img{display:none;}
    img.sp_img{display:block;}
    div.top_box > div.logo{
        padding-left:10px;
    }
    div.top_box > div.logo > a > img{
        width:50%;
    }
    div.back_sp{
        text-align:right;
    }
    div.back_sp > img{
        width:85%;
        display:block;
        margin-left:auto;
    }
    div.title{
        margin-top:-115px;
        padding-bottom:20px;
    }
    div.catch{
        padding:0px;
        font-size:1.5em;
        width:95%;
        margin:auto;
    }
    div.title_img{
        display:table;
        width:95%;
        margin:auto;
    }
    div.title_img > h1{
        display:table-cell;
        vertical-align:top;
    }
    div.title_img > h1 > img{width:100%;}
    div.title_img > div.title_icon{
        display:table-cell;
        width:30%;
        position:static;
    }
    div.title_img > div.title_icon > img{width:100%;}

    div.contents{
        width:98%;
        font-size:0.9em;
    }
    h2{font-size:1.3em;}
    div.contents_img{
        padding-bottom:25px;
    }
    div.contents_img > img{
        width:100%;
    }
    div.live_box{
        display:block;
        text-align:center;
        padding-bottom:25px;
    }
    div.live_box > div{
        display:inline-block;
        width:42%;
        vertical-align:top;
    }
    div.live_box > div > h3{
        font-size:0.85em;
    }
    div.live_detail{
        display:block;
    }
    div.live_detail > div{
        display:table;
        width:100%;
    }
    div.live_detail > div > div.img{
        display:table-cell;
        width:40%;
        vertical-align:middle;
    }
    div.live_detail > div > div.img > img{width:100%;}
    div.live_detail > div > div.text{
        display:table-cell;
        vertical-align:top;
        padding-left:10px;
    }
    div.live_detail > div > div.text > h3{
        text-align:left;
        font-weight:normal;
        color:#406aa4;
        font-weight:bold;
        margin:0px;
    }
    div.live_detail > div > div.text > p{
        margin:0px;
        padding:10px 0px 0px 15px;
    }
    div.live_detail > div.arrow{
        display:block;
        text-align:center;
        width:100%;
        position:static;
        padding:15px 0px;
    }
    div.live_detail > div.arrow > img{
        position:static;
        width:40px;
        display:block;
        margin:auto;
    }
    div.contact{
        width:95%;
        display:block;
        font-size:0.8em;
    }
    div.contact > div{
        display:block;
    }
    div.contact > div.tel_box{
        display:table;
        width:100%;
        padding:5px 0px;
    }
    img.tel_img{
        display:inline-block;
        width:180px;
        padding:0px 5px;
    }
    div.contact > div > strong{padding:0px;}
    div.copy{
        display:table;
        padding:5px 0px;
        width:95%;
        margin:auto;
    }
    div.copy > a.logo{
        display:table-cell;
        position:static;
        vertical-align:middle;
    }
    div.copy > p{
        display:table-cell;
        font-size:0.7em;
        vertical-align:middle;
    }
}