@charset "utf-8";
/*
Theme Name: company
Theme URI: http://sphere-links.co.jp/
Description: company
Version: 1.0
Author: sphere-links
Author URI: http://sphere-links.co.jp/
Tags: company

*/


.clear {
	clear:both;
}

.clear hr {
	display:none;
}

.left {
	float:left;
}

.right {
	float:right;
}

.t-right {
	text-align:right;
}

.t-center {
	text-align:center;
}

p.indent {
	margin-left:30px;
}

div.indent {
	padding-left:30px;
}

#next {
	margin-bottom:20px;
}

#contents .hallBanner {
    margin-top: 20px;
}

#contents .newsMoreButton {
    display: inline-block;
    text-decoration: none;
    padding: 5px 15px;
    background-color: #FF6600;
    color: #fff;
    border-radius: 3px;
}

#contents .newsMoreButton i {
    margin-right: 5px;
    font-size: 10px;
}

#contents .newsMoreButton:hover {
    opacity: 0.7;
}

.voiceBox {
    background-image: url(images/line.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
    padding-bottom: 30px;
    margin-bottom: 40px;
}

.voiceBox .voiceTitle {
    background-image: url(images/titleIcon.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    box-sizing: border-box;
    padding-left: 30px;
}

.voiceBox h4 {
    font-size: 18px;
    margin: 0 10px;
}

.voiceBox h4 span {
    float: right;
    font-size: 12px;
}

.voiceBox p {
    font-size: 14px;
}

.voiceBox .voiceTitle p {
    color: #FF8000;
}

.voiceBox .cmmt {
    margin: 30px 10px 5px;
    color: #ff8000;
}

@media (max-width: 620px) {
    .hallContents a {
        display: block;
        text-align: center;
    }
    .hallContents img {
        float: none;
        margin: 0 !important;
    }
    #contents .hallBanner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    #contents .hallBanner li:first-of-type {
        margin-right: 3%;
    }
}