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

/*----------top page--------------------------*/
#intro .intro_txt{line-height: 2;}
#intro .intro_item img{
    width: 620px;
    height: auto;
    max-width:500px;
}
#intro .intro_inner{margin-top:-150px;}
.cam_box .top_cms_box{
    background-image: url(../img/cms_bg1.png);
    background-repeat:no-repeat;
}

#course{background: linear-gradient(180deg,#fcf9f5,transparent);}
#course .course_item img,#course .course_item2 img{
    width: 220px;
    height: 45px;
}

#top_cms .top_cms_box{
    background-repeat:no-repeat;
    background-position:top 100px center;   
}
#top_cms .top_cms_box:first-of-type{
    background-image:url(../img/cms_bg2.png);
}

#top_cms .top_cms_box:last-of-type{
    background-image:url(../img/cms_bg3.png);
}
#top_cms .cms_title::before,#top_cms .cms_title::after,
.cam_box .cms_title::before,.cam_box .cms_title::after{
    content:'';
    position:absolute;
    display:block;
    width:138px;
    height:6px;
    background-repeat:no-repeat;
}
#top_cms .cms_title::before,
.cam_box .cms_title::before{
    background-image:url(../img/title1.png);
    left:30%;
    top:25%;
}
#top_cms .cms_title::after,
.cam_box .cms_title::after{
    background-image:url(../img/title2.png);
    right:30%;
    top:25%;
}
/*info_contact*/
#info_contact .con_box {
    width: 50%;
    padding:20px;
    box-sizing: border-box;
}
#info_contact .con_box a {
    width: 100%;
    height: 100%;
}
#info_contact .con_img {
    width: 100%;
    height: 100%!important;
    overflow: hidden;
}
#info_contact .con_img:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(175,175,175,0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
#info_contact .con_box .con_title {
    z-index: 1;
}

/*マウスホバーで、イメージ画像にゆっくりズームアップ*/
.zoomup img {
	vertical-align: top;
	-webkit-transition: all 3s ease-out;
	transition: all 3s ease-out;
}
.zoomup .square_img img,
.zoomup .rectangle_img img{
	position: absolute;
	top: 0;
	left: 0;
	-ms-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}
.zoomup:hover img{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}


/*IE*/
@media all and (-ms-high-contrast: none){
    .more a{padding-top:15px;}
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.cam_box .cms_title::before{left:20%;}
    .cam_box .cms_title::after{right:20%;}
#top_cms .cms_title::before{left:25%;}
#top_cms .cms_title::after{right:25%;}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
    #intro .intro_item img{max-width:300px;}
    #intro .intro_inner {
    margin-top: -50px;
    padding-top: 60px;
}
    .cam_box .cms_title::before{left:-15%;}
    .cam_box .cms_title::after{right:-15%;}
    #top_cms .top_cms_box{background-position:top 30px center;}
    #top_cms .cms_title::before{left:5%;}
    #top_cms .cms_title::after{right:-3%;}
    #top_cms .cms_title::before, #top_cms .cms_title::after{background-size:80%;} 
    #top_cms .faq_img {
        max-width:200px;
        margin-left:auto;
        margin-right:auto;
    }
    #info_contact .con_box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}
}