/*全画面コンテンツ上下中央 メインビジュアルロゴ
---------------------------------------------------------------------------*/
.content_center{
text-align:center;
padding: 100px 20px 100px 20px;
}

/*ロゴアニメーション用
---------------------------------------------------------------------------*/
.anime1{
width:100%;
max-width: 500px;
opacity: 0;
position:relative;
} 

.anime2{
width:100%;
max-width:800px;
opacity: 0;
position:relative;
top:30px;
} 


/*コンセプト
---------------------------------------------------------------------------*/
.wrapper{
max-width: 100%;
margin: 0 auto;
overflow: hidden;
} 

.top_concept{
max-width:1100px;
margin:0 auto;
padding:50px 20px 50px 20px;
overflow:hidden;
}

.top_concept_box{
width:33.3%;
float:left;
vertical-align: middle;
text-align: center;
line-height:1.7em;
box-sizing: border-box;
}

.top_concept_box img{
max-width:112px;
}

.top_concept_box h2{
font-size:16px;
padding-bottom:10px;
}

.top_concept_box p{
font-size:13px;
}

@media(max-width:768px){
.top_concept_box{
width:100%;
float:none;
padding: 20px 0 20px 0px;
}
}


/*代表挨拶
---------------------------------------------------------------------------*/
.bg-topdaihyou{
background-color:#0796E5;
}

.bg-topdaihyou-image{
background-image: url("../img/top-daihyou.png");
background-repeat: no-repeat;
background-position: left bottom;
}

.top_daihyou{
max-width:800px;
margin:0 auto;
padding:50px 20px 50px 20px;
}

.daihyou-text{
background-color: #fff;
border-radius: 20px;
padding: 20px;
line-height: 1.7em;
width: 60%;
left:30%;
}

.textright{
text-align:right;
}

.balloon1-left {
position: relative;
display: inline-block;
}

.balloon1-left:before{
content: "";
position: absolute;
top: 40%;
left: -80px;
margin-top: -30px;
border: 30px solid transparent;
border-right-width: 30px;
border-right-style: solid;
border-right-color: transparent;
border-right: 50px solid #fff;
}

.balloon1-left p {
margin: 0;
padding: 0;
}


@media(max-width:768px){
.daihyou-text{
background-color: transparent;
border-radius: 0px;
padding: 0px;
color:#fff;
width: 70%;
left: 30%;
}
.balloon1-left:before{
border: 0px solid transparent;
border-right: 0px solid #fff;
}
}

@media(max-width:480px){
.daihyou-text{
width: 50%;
left: 50%;
}
}


/*価格
---------------------------------------------------------------------------*/
.bg-topprice{
background-color:#F2F2F2;
}

.top_price{
max-width:1100px;
margin:0 auto;
padding:50px 20px 50px 20px;
overflow:hidden;
line-height:1.7em;
}

.top_price h1{
text-align: center;
font-size: 16px;
padding-bottom: 20px;
}

.top_price_box{
width:25%;
float:left;
vertical-align: middle;
text-align: center;
padding:1%;
margin-bottom: 30px;
}

.top_price_box h2{
font-size:16px;
padding-bottom:10px;
}

.top_price_box h3{
font-size:40px;
padding-bottom:10px;
}

.top_price_box span{
font-size:12px;
}

.top-price-box-inner{
background-color: #fff;
border-radius: 20px;
padding: 20px;
}

.top-price-box-inner img{
width: 100%;
max-width: 248px;
}

.top-price-box-inner p{
font-size:13px;
}


@media(max-width:900px){
.top_price_box{
width:50%;
}
.top_price_box h3{
font-size:30px;
}
}

@media(max-width:600px){
.top_price_box{
width:100%;
float:none;
}
}


/*お知らせ　上部
--------------------------- */
.news-wrap-top{
max-width:800px;
margin:0 auto;
padding:20px;
overflow:hidden;
line-height: 1.5em;
display: table;
table-layout: fixed;
width: 100%;
list-style: none;
color:#fff;
box-sizing: border-box;
}