@charset "utf-8";

@media screen and (min-width:481px) and (max-width:768px) {
html {font-size: 0.9em;}

/*==========================================
 inner
===========================================*/
.inner {width: 100%; margin: 0 auto 1%; padding: 0 18px;}
.inner:after{content: ""; display: block; clear: both}
.inner_tab {max-width:100%; margin: 0 auto; padding: 48px 18px 0px;}
.inner_tab:after{content: ""; display: block; clear: both}

/*========= loading ===============*/
#splash-logo {font-size: 1.5rem;}

/* header =================================*/
/* lead ===================================*/
#lead h2.heading img {max-width: 88%; height: auto;}
#lead p.leadup{top:130px; font-size: 1em;
text-align: center;
bottom:  0;                 /* 下からの位置指定 */
left:  0;                   /* 左からの位置指定 */
right:  0;                  /* 右からの位置指定 */
margin:  auto;              /* 位置調整と組み合わせて上下中央に */
}
#lead p.lead{left:1%; font-size: 1.1em;}


/* new ====================================*/
/* service ================================*/
#service{padding: 80px 0 0 0;}
#service header{padding: 50px 20px 100px;}
#service header p br{display:block;}
/* history-news***************************************/
/* footer ************************************/
#footer .footer-r .companyprofile{display: flex; justify-content: center;}

/*==========================================
 contentCSS
===========================================*/
/* related-title ---------------------------------------*/
.related-title {text-align:center; margin:122px auto 0; padding:0;}
.related-title h4 {font-size: 1.1em;}

/* related_stage-contents ------------------*/
.related_stage-contents .eria-left {float: none; width: 100%; margin:0 auto 38px; padding:0 0.5%;}
.related_stage-contents .eria-right {float: none; width: 100%; margin:0 auto 38px; padding:0 0.5%;}

.related_stage-contents .eria-left-07 {float: none; width: 98%; margin:0 1%; padding:0 0.5% 8px;}
.related_stage-contents .eria-right-03 {float: none; width: 98%; margin:0 1%; padding:0 0.5% 8px;}
.related_stage-contents .eria-left-03 {float: none; width: 98%; margin:0 1%; padding:0 0.5% 8px;}
.related_stage-contents .eria-right-07 {float: none; width: 98%; margin:0 1%; padding:0 0.5% 8px;}
.related_stage-contents .eria-left_border {float: none; width: 98%; margin:8px 1%; padding:0 0.5% 8px;}
.related_stage-contents .eria-right_border {float: none; width: 98%; margin:8px 1%; padding:0 0.5% 8px;}
/* related_stage-contents petlifestyle仕様------------------*/
.related_stage-contents .eria-left_tab {float: none; width: 98%; margin:0 auto; padding:0;}
.related_stage-contents .eria-left_tab p{margin:0 auto; padding:0;}
.related_stage-contents .eria-right_tab {float: none; width: 98%; margin:8px auto 0; padding:0 0.5% 18px;}
.related_stage-contents .eria-right_tab p{margin:0 auto 5px; padding:0;}

/*==========================================
 footer
===========================================*/
#footermenu {padding:0 0 188px; border-top: 1px solid #ffffff;}
.content_nav {overflow: hidden; width: 100%; float: none;}
.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: 10px 0; border-bottom: 1px solid #ffffff;}
.content_nav li a:hover{background-color: #4eb0cd; color: #ffffff;}
.content_nav li:nth-child(odd) a {border-right: 1px solid #ffffff;}

.company_nav {overflow: hidden; width: 100%; float: none;}
.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 0; border-bottom: 1px solid #ffffff;}
.company_nav li a:hover{background-color: #4eb0cd; color: #ffffff;}
.company_nav li:nth-child(odd) a {border-right: 1px solid #ffffff;}
#footermenu hr {width: 100%; border: none; margin: 0;}

address {float: none; text-align:center; margin: 18px auto; padding: 0;}

/*==========================================
 footer_fixedarea 固定フッターPCc Tbios off
===========================================*/
#footer_fixedarea {position: fixed; bottom: 0; display: flex; flex-wrap: wrap; justify-content:space-around; 
width: 100vw; z-index: 1000; margin:0 auto; padding:0; text-align: center; background-color: #cccccc; color: #ffffff;
border-top:1px solid #ffffff; vertical-align:baseline; letter-spacing: 0.01em;}
#footer_fixedarea .eria {float: left; margin:0 auto; padding:12px 0;}
#footer_fixedarea .eria:nth-of-type(1){width:50%; background:#d38d48;}
#footer_fixedarea .eria:nth-of-type(2){width:50%; background:#06c755; border-left:1px solid #ffffff;}
#footer_fixedarea .eria p{color:#ffffff; /*margin:auto 8px; font-size:1em;*/ line-height:1; padding:0 0 8px;}
#footer_fixedarea .eria i{color:#ffffff;}

/*=========================================
 Style_design css
===========================================*/
/* text --------------------------------------------*/
.textlg {font-size: 1.1em;}
.textlgg {font-size: 1.4em;}
.eria-c_l{text-align:left;}

/* ul.listdesign_01 --------------------------------------------*/
ul.listdesign_01 li{font-size:1.1em;}


/* ovlight_2-banner 2カラム------------------------------------------------------------*/
.ovlight_2-banner{font-size:0.88em;}
/* ovlight_3-banner 3カラム------------------------------------------------------------*/
.ovlight_3-banner{font-size:0.88em;}
/* ovlight_5-banner 5カラム style_media_lp --------------------------------------------*/
/* ovlight-img2 2カラム------------------------------------------------------------*/
/* ovlight-img2-1cal 2カラム------------------------------------------------------------*/
.ovlight-img2-1cal li:nth-child(1) {float: none; margin:22px auto; padding:0.25%; width: 100%;}
.ovlight-img2-1cal li:nth-child(2) {float: none; margin:22px auto; padding:0.25%; width: 100%;}
/* ovlight-img2border 2カラム------------------------------------------------------------*/

/* 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%;}

/* ovlight_2-text 2カラム------------------------------------------------------------*/
/* ovlight_3-text 3カラム------------------------------------------------------------*/
.ovlight_3-text li:nth-child(1) {float: left; margin:0; padding:0.5%; width: 50%;}
.ovlight_3-text li:nth-child(2) {float: left; margin:0; padding:0.5%; width: 50%;}
.ovlight_3-text li:nth-child(3) {float: left; margin:0; padding:0.5%; width: 50%;}
/* ovlight_4-text 4カラム------------------------------------------------------------*/
.ovlight_4-text li{float: left; margin:0; padding:0.25%; width: 50%;}
/* menu-img3row 3カラム------------------------------------------------------------*/
.menu-img3row li{float: left; margin:0; padding:0.5%; width: 50%;}
/* menu-img3row1column 3カラム------------------------------------------------------------*/
.menu-img3row1column li{float: left; margin:0; padding:0.5%; width: 50%;}

/* menu-img4row 3カラム------------------------------------------------------------*/
.menu-img4row li{float: left; margin:0; padding:0.5%; width: 50%;}
/* menu-img4rowgallery 4カラム------------------------------------------------------------*/
.menu-img4rowgallery li{float: left; margin:0; padding:0.25%; width: 50%;}
.menu-img4rowgallery img{width: 100%; /*height: auto;*/ padding:0;
  height: 80px;
  object-fit: cover;
}

/* 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-left --------------------------------------------*/
.img-left{padding:0; margin:8px auto; text-align: center;  /*border:solid 1px #cccccc;*/}
.img-left img{float: none; margin: 0 auto 18px; vertical-align: top;}
.img-left p{text-align: left;}
/* img-report --------------------------------------------*/
.img-report{margin:0 auto 25px; padding:8px; border:solid 1px #cccccc; background:#ffffff; border-radius: 4px;}
.img-report img{float: none; margin: 0 10% 8px; vertical-align: top; max-width: 80%; height: auto; /* border-radius:4px;*/}
.img-report p{margin: 0 auto 2px; padding:0;}
/* lightboximg 2カラム------------------------------------------------------------*/
.lightboximg{margin: 18px auto; padding:0px;}
.lightboximg li{float: left; width: 50%}
/* img-overlap --------------------------------------------*/
.img-overlap_left-t{position: static;/*左中テキスト*/ color: #333333; font-weight: normal; font-size: 1em; top:0; left:2%;}
/**--table_info ---------------------------------------------**/
.table_info{width: 100%;}
.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{margin: 0; padding:2px 8px; list-style-type: none; border-top: 1px solid #cccccc; background-color:#dddddd;}
.table_info td{margin: 0 auto 4px; padding:2px 8px; list-style-type: none;}

/* course-list ------------------------------------------------------------*/
.course-list menu h5{font-size: 1.1em;}
.course-list menu h5:first-letter {margin-right: .1em; font-size: 1.2em;}
.course-list menu{/*width:48%;*/ margin:1%; padding:20px 10px 40px 10px; border-radius: 5px; border:solid 1px #cccccc;}
.course-list menu:nth-of-type(1) {width:48%;}
.course-list menu:nth-of-type(2) {width:48%;}
.course-list menu:nth-of-type(3) {width:48%;}
.course-list menu:nth-of-type(4) {width:48%;}
.course-list menu:nth-of-type(5) {width:64%;}

/*==========================================
 Form
===========================================*/
/**-- Form Zoom iOS抑制---------------------------------------------**/

/* form ===========================*/



}/* media screen */