@charset "utf-8";
/*=====================================================================================*/
@media screen and (max-width:1000px) {
    #g-nav ul{display: block; padding: 0;}
    #g-nav ul li a{padding:5px 15px;}
}
@media screen and (max-width:768px) {
    #header{height:70px;}
    #header h1{top:9px; transform: translateX(-70%);}
    #header ul#utility-navi li span{display:none;}
    #header ul#utility-navi li a{width: 70px; height: 70px; padding: 0;}
    #header ul#utility-navi li img {width: 45%; margin: 17px 0 0 0px;}
}
@media screen and (max-width:530px) {
    #header h1{font-size: 1.3rem; top:14px; transform: translateX(-50%);}
    #g-nav ul li:last-child{display: block;}
    #header ul#utility-navi li:first-child{display: none;}
}
/*=================*/
/*= Top css =======*/
/*=================*/
/*=lead ==========================================================================*/
@media screen and (max-width:960px) {
    #lead p.lead{font-size: 1em; white-space: normal; padding: 8px;}
    #lead h2.heading img {max-width: 90%; height: auto;}

}
@media screen and (max-width:768px) {
    #lead{position: relative; padding: 50px 0 0;}
    #lead h2.heading{top:220px;}
    #lead p.lead{top:400px; font-size: 1em;}
}
@media screen and (max-width:530px) {
    #lead h2.heading{top:180px;}
    #lead p.lead{top:320px; font-size: 0.88em;}
}

/*=history-000====================================================================*/
@media screen and (max-width:700px) {
    #history-000{padding: 30px 18px; text-align:left;}
    #history-000 h2{font-size:1.1em; margin: 18px auto;}
    #history-000 h2 span{font-size:1.2em;}
    #history-000 h2 br{display: block;}
    #history-000 p{margin: 0 auto 22px;}
    /* history-000-news***************************************/
    #history-000-news{padding:0px 18px; text-align:left;}
    #history-000-news h2{font-size:1.1em;}
    #history-000-news h2 span{font-size:1.2em;}
    #history-000-news p{;}
}
@media screen and (max-width:480px) {
}


/*=history-002======================================================================*/
@media screen and (max-width:1200px) {
    #history-002{padding:50px 10px; margin: 0 auto 0;}
}

@media screen and (max-width:960px) {
    #history-002 h2{font-size:1.7em;}
    .history-002-area{display: block;}
    .history-002-img{width:100%; margin: 18px auto;}
    .history-002-content{width:100%; padding: 22px 2%;}
}
@media screen and (max-width:768px) {
    #history-002{padding:50px 10px 70px; margin: 0 auto 0;}
}



/*= service ==========================================================================*/
@media screen and (max-width:1000px) {
    #service header h2{font-size: 1.8em;}
}

@media screen and (max-width:960px) {
    #service{padding: 50px 0 0 0;}
}

@media screen and (max-width:768px) {
    #service{padding: 0; margin: 0 auto 0;}
    #service header{width:100%; padding: 40px 0 40px; }
    #service .service-area{width:95%; left:2.5%;}
}

@media screen and (max-width:480px) {
    #service header h2{font-size: 1.2em;}
    #service .service-area ul li{width:50%; padding: 1%;}
}

@media screen and (max-width:460px) {
    #service .service-area{width:100%; left:0; font-size: 0.9rem;}
}

/*=history-001=========================================================================*/
@media screen and (max-width:1000px) {
    #history-001{padding: 30px 30px 70px;}
    .history-001-content{width:100%;}
}

@media screen and (max-width:768px) {
    #history-001{padding: 0 10px 70px;}
}

@media screen and (max-width:480px) {
}

/*=footer================================================================================*/
@media screen and (max-width:960px) {
    #footer #page-top{width:60px; height: 60px;}
}

/*=footer================================================================================*/
@media screen and (max-width:768px) {
#footermenu {padding:0 0 118px; border-top: 1px solid #ffffff;}
.content_nav {overflow: hidden; width: 100%; float: none; border-bottom: 1px solid #ffffff; padding: 18px;}
.content_nav ul{margin: 0; padding: 0; list-style: none;}
.content_nav li {float: left; width: 50%; margin:0 auto; padding: 0; background: none;}
.content_nav li a {display: block; padding: 8px 0; /*border-bottom: 1px solid #ffffff;*/}
.content_nav li a:hover{background-color: #4eb0cd; color: #ffffff;}

.company_nav {overflow: hidden; width: 100%; float: none; padding: 18px;}
.company_nav ul{margin: 0; padding: 0; list-style: none;}
.company_nav li {float: left; width: 50%; margin:0 auto; padding: 0; background: none;}
.company_nav li a {display: block; padding: 5px 5px; /*border-bottom: 1px solid #ffffff;*/}
.company_nav li a:hover{background-color: #4eb0cd; color: #ffffff;}
#footermenu hr {width: 100%; border: none; margin: 0;}
#footermenu address {float: none; text-align:center; margin: 18px auto; padding: 0;}
}

/*=footer_fixedarea====================================================================*/
@media screen and (min-width:769px) {
#footer_fixedarea {display: none;} /* utility-navi li span連動 */
}

/*=================*/
/*= contents css ==*/
/*=================*/
@media screen and (max-width:1500px) {}

@media screen and (max-width:1200px) {
/* related_stage-contents ---------------------------------------*/
    .related_stage-contents {padding: 0.5% 5%; margin: 20px auto;}
/* inner ===========================================*/
    .inner {width: 100%; margin: 0 auto 0; padding: 18px 2%;}
    .inner:after{content: ""; display: block; clear: both}
}


@media screen and (max-width:1100px) {
/* inner ===========================================*/
    .inner-auto {max-width:80%; margin: 0 auto; padding: 0;}
    .inner-auto:after{content: ""; display: block; clear: both}
}

@media screen and (max-width:1024px) {
/*=　7-2 ===========================================================*/
.zoomOut-sub .mask{display: block; height: 22vw; overflow: hidden;}
}

@media screen and (max-width:1000px) {
    .related-title {margin:0 auto 0;}
    .related-title h4 {font-size: 1.3em;}
/* related_stage-contents-area***************************************/
    .related_stage-contents-area{display: block;}
    .related_stage-contents-area_inner{width:100%; padding: 1% 2%;}
}

@media screen and (max-width:960px) {
/* inner ===========================================*/
    .inner-auto {max-width:100%; margin: 0 auto; padding: 0;}
    .inner-auto:after{content: ""; display: block; clear: both}
    .related-title {margin:0 auto 0; padding: 80px 0 10px 0;}
    #bridal-service .service-area section{width:25%; padding: 0;} /*200px img*/
}
@media screen and (max-width:768px) {/* 768px以下 */
    .related_stage-contents h2{font-size: 1.5em;}
    .related_stage-contents h2 span{display: block; margin:0px;}
    .related_stage-contents h3 {font-size: 1.5em;}
    .related_stage-contents h3 span{font-size: 0.8em;}
    .related_stage-contents .eria-left {float: none; width: 98%; margin:0 1%; padding:0 0.5% 18px;}
    .related_stage-contents .eria-right {float: none; width: 98%; margin:0 1%; padding:0 0.5% 18px;}
    .related_stage-contents .eria-left-07 {float: none; width: 98%; margin:0 1%; padding:0 0.5% 18px;}
    .related_stage-contents .eria-right-03 {float: none; width: 98%; margin:0 1%; padding:0 0.5% 18px;}
    .related_stage-contents .eria-left-03 {float: none; width: 98%; margin:0 1%; padding:0 0.5% 18px;}
    .related_stage-contents .eria-right-07 {float: none; width: 98%; margin:0 1%; padding:0 0.5% 18px;}
    .related_stage-contents .eria-left_border {float: none; width: 98%; margin:0 1%; padding:0 0.5% 48px; border-bottom:solid 1px #cccccc;}
    .related_stage-contents .eria-right_border {float: none; width: 98%; margin:0 1%; padding:48px 0.5% 0;}
/* staffonly  ===========================================*/
    .related_stage-contents .eria-left-staff {float: none; width: 98%; margin:0 1%; padding:0 0.5% 18px;}
    .related_stage-contents .eria-right-staff {float: none; width: 98%; margin:0 1%; padding:0 0.5% 18px;}

}

@media screen and (max-width:550px) {
/* related_stage-contents ---------------------------------------*/
    .related_stage-contents {padding: 0.5% 3%; margin: 20px auto;}
    .related_stage-contents h3 {margin: 18px auto 8px;}
/*    .related_stage-contents h3 span{display: block; font-size: 0.6em; margin:0px;}*/
}

@media screen and (max-width:400px) {
#bridal-service .service-area section{width:50%; padding: 0;} /*200px img*/
}

/*======================================================================================*/
/*= Style_design css ===================================================================*/
/*======================================================================================*/

@media screen and (max-width:1300px) {
/* column4-staff 4col shadow none------------------------------------------------------------*/
    .column4-staff h5{font-size: 1.1em;}
    .column4-staff h5 span{display: block; font-size:1em;}
    .column4-staff h6{font-size: 1.3em; margin: 0 auto; padding:0; line-height:1.5;}
    .column4-staff h6 span{font-size:0.7em; margin:0 8px 0; padding:0; color:#888888;}
    .course-list-inner:nth-child(1) {width:100%; position: relative; margin:1% auto; padding:0 2px 0;}
    .course-list-inner:nth-child(2) {width:100%; position: relative; margin:1% auto 22px; padding:0 2px 0;}
}

@media screen and (max-width:1200px) {
/* text --------------------------------------------*/
    .textredbb {color:#d90000; font-size:1.2em;/* font-weight: bold;*/}
    .border-yellow {background: linear-gradient(transparent 60%, #ffff66 60%); font-size:1.2em;}

    .img-left-sub{width: 100%; padding:4px; margin:4px auto;}
    .column4-ovlight h6{font-size: 1em;}
    .column4-ovlight h6 span{ display: block;}
}

@media screen and (min-width:1025px) {/* 1025px以上 */}

@media screen and (max-width:1024px) {/* 1024px以下 */}

@media only screen and (max-width: 900px) {
/* text --------------------------------------------*/
.textlg {font-size: 1.1em;}
.textlgg {font-size: 1.3em;}
.textredb {font-size:1.1em;}
.textredbb {font-size:1.3em;}
.text00 {font-size:1.1em;}
.text01 {font-size:1.1em;}
.text02 {font-size:1.1em;}
.text03 {font-size:1.1em;}
.text04 {font-size:1.1em;}
.text05 {font-size:1.1em;}
/* text --------------------------------------------*/
    .textredbb {color:#d90000; font-size:1.1em;/* font-weight: bold;*/}
    .border-yellow {background: linear-gradient(transparent 60%, #ffff66 60%); font-size:1.1em;}

/* gallery-list ------------------------------------------------------------*/
    .gallery-list{columns:3;}
    .div_box001 span{display: block;}
/* column4-staff 4col shadow none------------------------------------------------------------*/
    .column4-staff h5{font-size: 1em;}
    .column4-staff h5 span{display: block; font-size:1em;}
    .column4-staff li{float:left; margin: 2% 1% 3%; padding:2%; width: 31.3%;}
}

@media screen and (min-width:769px) {/* 769px以上 */
.tb_mo{display: none; padding:0; margin:0;}
.pc {} /* img*/
.mo { display: none !important; } /* img*/
/* gallery-list ------------------------------------------------------------*/
    .gallery-list{columns:2;}
}

@media screen and (max-width:768px) {/* 768px以下 */
.pc_tbios{display: none; padding:0; margin:0;}
.pc { display: none !important; } /* img*/
.mo { display: block !important; } /* img*/

    h5 span{display: block;}
    .text02 span{display: block;}
/* arrow_box ------------------------------------------------------------*/
    .arrow_box {padding:8px 0;}
    .arrow_box p{font-size: 1em; line-height:1.2; padding:4px 8px;}
    .arrow_box br{display: block;}

    .eria-c_l{text-align:left;} /* center--left */
    .eria-r_c{text-align:center;} /* right--center */
/* menu-img4row 4col servicemenu------------------------------------------------------------*/
    .menu-img4row li{float: left; margin:0.25%; padding:0; width: 49.5%; border:solid 1px #888888; line-height:1.2;}
    .menu-img4row h3{font-size: 1.1em;}
    .menu-img4row p{font-size: 0.7em;}
/* menu-img3row 3col servicemenu------------------------------------------------------------*/
    .menu-img3row li{float: left; margin:0.25%; padding:0; width: 49.5%; border:solid 1px #888888; line-height:1.2;}
    .menu-img3row h3{font-size: 1.1em;}
    .menu-img3row p{font-size: 0.7em;}
/* menu-img5row 5col servicemenu------------------------------------------------------------*/
    .menu-img5row li{float: left; margin:0.25%; padding:0; width: 49.5%; border:solid 1px #888888; line-height:1.2;}
    .menu-img5row h3{font-size: 1.1em;}
    .menu-img5row p{font-size: 0.7em;}
/* course-list ------------------------------------------------------------*/
    .course-list{display:block;}
    .course-list aside{width:100%; position: relative; margin:3% auto; padding:4px; border:solid 1px #cccccc;}
/* column-recruit-ovlight 4col shadow none　リクルート限定------------------------------------------------------------*/
    .column-recruit-ovlight li{float:left; margin: 0.25%; padding:0; width: 32.8%;}

}

@media screen and (max-width:550px) {
    .ovlight_3-banner ul{font-size: 0.8em;}
    .ovlight_3-banner li:nth-child(1) {float: left; margin:0; padding:0 0.5% 0 0; width: 50%;}
    .ovlight_3-banner li:nth-child(2) {float: right; margin:0; padding:0 0 0 0.5%; width: 50%;}
    .ovlight_3-banner li:nth-child(3) {float: left; margin:0 auto; padding:0.5% 0; width: 100%;}

/**-- share-hotpepper_line ------------------------------------------------------**/
    .share-hotpepper_line li:nth-child(1) {float: none; margin:0; padding:0; width: 100%;}
    .share-hotpepper_line li:nth-child(2) {float: none; margin:2% 0; padding:0; width: 100%;}

/* share-contact -----------------------------------*/
    .share-contact li{float: none; margin:0; padding:0; width: 100%;}
    .share-contact p{font-size: 1em;}
    .share-contact li a{font-size: 1em; text-align: left;}
/**-- share-contact_480 ------------------------------------------------------**/
    .share-contact_480{margin:8px auto; padding:0px; width: 380px;}
    .share-contact_480 li:nth-child(1) {float: left; margin:0 0 0 0; padding:0; width: 185px;}
    .share-contact_480 li:nth-child(2) {float: right; margin:0 0 0 0; padding:0; width: 185px;}
    .share-contact_480 li span{font-size: 0.8em; display: block;}
/* btn002w share-contact_480下配置--------------------------------------------------**/
    a.btn002w{width: 380px;}
/**-- share-contact2カラム ------------------------------------------------------**/
    .share-contact2row li span{font-size: 0.6em; /*display: none;*/}
    .share-contact2row li img{max-width: 80%; height: auto;}
/* ovlight_2-banner 2カラム------------------------------------------------------------*/
    .ovlight_2-banner li:nth-child(1) {float: none; margin:0 auto; padding:0 0.25%; width: 100%;}
    .ovlight_2-banner li:nth-child(2) {float: none; margin:0 auto; padding:0 0.25%; width: 100%;}
    .ovlight_2-banner li:nth-child(3) {float: left; margin:0; padding:0 0.25%; width: 50%;}
    .ovlight_2-banner li:nth-child(4) {float: right; margin:0; padding:0 0.25%; width: 50%;}

/* ovlight_3-banner 3カラム------------------------------------------------------------*/
    .ovlight_3-banner li:nth-child(1) {float: left; margin:0; padding:0 0.5% 0 0; width: 50%;}
    .ovlight_3-banner li:nth-child(2) {float: right; margin:0; padding:0 0 0 0.5%; width: 50%;}
    .ovlight_3-banner li:nth-child(3) {float: left; margin:0 auto; padding:0.5% 0; width: 100%;}

/* ovlight-img4 4カラム------------------------------------------------------------*/
    .ovlight-img4 li:nth-child(1) {float: left; margin:0; padding:0.25%; width: 50%;}
    .ovlight-img4 li:nth-child(2) {float: left; margin:0; padding:0.25%; width: 50%;}
    .ovlight-img4 li:nth-child(3) {float: left; margin:0; padding:0.25%; width: 50%;}
    .ovlight-img4 li:nth-child(4) {float: left; margin:0; padding:0.25%; width: 50%;}

/* column4-ovlight 4col shadow none------------------------------------------------------------*/
    .column4-ovlight ul{margin: 8px auto; padding: 0; list-style: none;}
    .column4-ovlight li{float:left; margin: 1%; padding:0; width: 48%;}

/* img-left -office適用-------------------------------------------*/
    .img-left img{float: left; margin: 0 8px 0 0; vertical-align: top; max-width: 38%; height: auto;}
    .img-left p{font-size:0.88em;}
/* 
    .img-left{padding:0; margin:8px auto; text-align: center;}
    .img-left img{float: none; margin: 0 auto 18px; vertical-align: top;}
    .img-left p{text-align: left;}
*/
/* img-left-sub --------------------------------------------*/
    .img-left-sub{width: 90%; padding:8px; margin:22px auto; border-radius:8px; background:#ffffff; text-align: center;}
    .img-left-sub img{float: none; margin: 0 auto 8px; max-width: 100%; height: auto; vertical-align: top;}
    .img-left-sub p{text-align: left;}

/* img-left_recruit --------------------------------------------*/
    .img-left_recruit{width: 100%; padding:0; }
    .img-left_recruit img{max-width:30%; height: auto; margin: 0 8px 0 0;}
    .img-left_recruit p{margin: 2px auto; padding:0; font-size: 0.8em;}

/* img-left-RicoFeliche-staff --------------------------------------------*/
    .img-left-RicoFeliche-staff{width: 100%; padding:8px; margin:18px auto; border-radius:8px; border: 2px dashed #ffffff;}
    .img-left-RicoFeliche-staff img{float: none; margin: 0 auto 0; vertical-align: top; max-width: 100%; height: 180px;/* border-radius:4px;*/}

/* img-right ---------------------------------------*/
    .img-right{padding:0; margin:8px auto; text-align: center;  /*border:solid 1px #cccccc;*/}
    .img-right img{float: none; margin: 0 auto 22px; vertical-align: top;}
    .img-right p{text-align: left;}

/* img-overlap --------------------------------------------*/
    .img-overlap_zoom{position: absolute; color: #ffffff; font-weight: normal; bottom:8px; right:4px; /*右下テキスト*/}
    .img-overlap_zoom i {font-size:1em; margin: 0;}

/* column4-staff 4col shadow none------------------------------------------------------------*/
    .column4-staff li{float:left; margin: 2% 1% 3%; padding:2%; width: 48%;}
}

@media screen and (max-width:480px) {
/*= btn002 ===========================================*/
a.btn002{width: 100%; margin: 8px auto; padding: 18px 0; font-size: 1em;}
a.btn002 i{font-size:1.1em;}
}

@media screen and (max-width:400px) {}

/*= Style_design css ===================================================================*/
/*= table Style_design css ===================================================================*/
@media screen and (max-width:1500px) {
    .table_price{width: 100%;}
    .table_price th{font-size: 1.1rem;}
    .table_price td{font-size: 1.1rem;}
}

@media screen and (max-width:1200px) {
    .table_info{width: 98%;}
    .table_info th{font-size: 1.1rem;}
    .table_info td{font-size: 1rem;}
/**--table_price-100 ---------------------------------------------**/
    .table_price-100 th{font-size: 1.2rem; padding:8px;}
    .table_price-100 td{font-size: 1.2rem; padding:8px;}
/**--table_recruit ---------------------------------------------**/
.table_recruit{width: 100%;}
}

@media screen and (max-width:1000px) {
    .table_staff thead{display: none;}
    .table_staff tr{display: block; margin: 18px auto; width: 100%;}
    .table_staff th,.table_staff td{display:list-item;}
    .table_staff th{padding:3px; list-style-type: none; border: none; font-size: 0.88rem; }
    .table_staff td{padding:3px; list-style-type: none; border: none; background-color:#eeeeee;}
/**--table_price-100 ---------------------------------------------**/
    .table_price-100{width: auto;}
    .table_price-100 th{font-size: 1rem; padding:8px;}
    .table_price-100 td{font-size: 1.2rem; padding:8px;}
}

@media screen and (max-width:960px) {
    .table_info span{display: block;}
    .table_info-sub span{display: block;}
/**--table_price-100 ---------------------------------------------**/
    .table_price-100 th{font-size: 1.2rem;}
    .table_price-100 td{font-size: 1.3rem;}
}

@media screen and (max-width:550px) {
/**--table_price-100 ---------------------------------------------**/

    .table_price-100{width: 100%; margin:18px auto;}
    .table_price-100 thead{display: none;}
    .table_price-100 tr{display: block; margin: 18px auto; width: 100%;}
    .table_price-100 th,.table_price-100 td{display:list-item; border: none;}
    .table_price-100 th{font-size: 1.1rem; border-top: 1px dashed #888888; padding:8px 4px 0; list-style-type: none;}
    .table_price-100 td{font-size: 1.2rem; border-bottom: 1px dashed #888888; list-style-type: none;}

    .table_price thead{display: none;}
    .table_price tr{display: block; margin: 0 auto 0; width: 100%;}
    .table_price th,.table_price td{display:list-item; border: none;}
    .table_price th{border-bottom: none; font-size: 1.1rem; background-color:#FCFBF5; padding:8px 8px 0; list-style-type: none;}
    .table_price td{border-bottom: 1px dashed #28a452; font-size: 1.1rem; background-color:#FCFBF5; padding:0 8px 8px; list-style-type: none;}

    .table_info{width: 100%; margin:0 auto 22px;}
    .table_info thead{display: none;}
    .table_info tr{display: block; margin: 18px auto; width: 100%;}
    .table_info th,.table_info td{display:list-item; border: none;}
    .table_info th{padding:8px 2px 0; list-style-type: none;}
    .table_info td{padding:0 0 8px 18px; list-style-type: none; border-bottom: 1px solid #cccccc; }


    .table_info-sub{width: 100%;}
    .table_info-sub thead{display: none;}
    .table_info-sub tr{display: block; margin: 18px auto; width: 100%;}
    .table_info-sub th,.table_info-sub td{display:list-item;}
    .table_info-sub th{padding:0 0 18px 8px; list-style-type: none; font-size: 0.88rem; }
    .table_info-sub td{padding:0 0 2px 0; list-style-type: none; border: none; }

/**--table_recruit ---------------------------------------------**/
    .table_recruit thead{display: none;}
    .table_recruit tr{display: block; margin: 8px auto 22px; width: 100%;}
    .table_recruit th,.table_info-reruit td{display:list-item; border: none;}
    .table_recruit td{margin: 0; padding:2px 4px; list-style-type: none; background-color:#ffffff; font-size:0.88em; border-bottom: 0px solid #ffffff;}
    .table_recruit th{margin: 0; padding:2px; list-style-type: none;}
    .table_recruit th span{display: block;}
    .table_recruit td span{display: block;}

    .table_info-reruit i{font-size:1.8em; padding:0 4px 0 0;}
    .table_info-reruit thead{display: none;}
    .table_info-reruit tr{display: block; margin: 18px auto 22px; width: 100%;}
    .table_info-reruit th,.table_info-reruit td{display:list-item; border: none;}
    .table_info-reruit td{margin: 0; padding:2px 8px; list-style-type: none; background-color:#eeeeee;}
    .table_info-reruit th{margin: 0; padding:2px 8px; list-style-type: none;}
    .table_info-reruit th span{display: block;}
    .table_info-reruit td span{display: block;}

    .table_news{width: 100%; margin:18px auto 18px; padding:0 8px; border-collapse: collapse;}
    .table_news i{font-size:1.8em; padding:0 4px 0 0;}
    .table_news thead{display: none;}
    .table_news tr{display: block; margin: 18px auto; width: 100%;}
    .table_news td{display:list-item; border: none; text-align: left;}
    .table_news th{display:list-item; border-bottom: 1px solid #cccccc; text-align: left;}
    .table_news td{margin: 0; padding:18px 0 2px; list-style-type: none;}
    .table_news th{margin: 0; padding:2px 0 2px 8px; list-style-type: none;}
}

@media screen and (max-width:410px) {
}
/*= table Style_design css ===================================================================*/