/* ----------------------
 レスポンシブ
-------------------------*/
.ie #wrapper{
 z-index: 0;
 width:expression(this.width >= 960? "960px" : "auto");
}

@media screen and (min-width: 960px) {

#wrapper{
 width: 100%;
 margin: 0 auto;
}
}
/* google map */
    .g_map {
    position: relative;
    padding-bottom: 40%; 
    height: 0;
    overflow: hidden;
    }
    .g_map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    }

/* facebook */
.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style]{ width: 100%!important; }

.cycloneslider{
 margin-left: aoto !important;
 margin-right: auto !important;
}
@media screen and (max-width: 960px) {/* 960以下 */
.head_menu li a{
 font-size: 75%;
}
}
/*-----------------
 700まで基本
--------------------*/
@media screen and (min-width: 700px) {
body , html{
 height: 100%;
}

body{
 margin: 0;
 padding: 0;
}

#wrapper{
 height:auto !important; /*IE6対策*/
 height: 100%; /*IE6対策*/
 }

#contents{
 width: 100%;
 overflow: hidden;
 float: left;
 padding-bottom: 40px;
}
.contents.w960{
 max-width: 960px;
 margin-left: auto;
 margin-right: auto;
}

#header{
}

#header .inner{
 text-align: center;
 max-width: 960px;
 margin-left: auto;
 margin-right: auto;
}

.content-inner{
 max-width: 1200px;
 margin: 30px auto 30px auto; 
}

#main{
 width: 70%;
 float: right;
}

#side{
 float: left;
 width: 25%;
}
#side h3.title{
 background-color: #76bf00;
 text-align: center;
 width: 100%;
 padding-top: 20px;
 padding-bottom: 20px;
 color: #fff;
}
#side h4.orange{
 background-color: #ff7b51;
 text-align: center;
 width: auto;
 padding-top: 5px;
 padding-bottom: 5px;
 color: #fff;
 text-align: left;
 padding-left: 10px;
}
#side h4.green{
 background-color: #75be00;
 text-align: center;
 width: auto;
 padding-top: 5px;
 padding-bottom: 5px;
 color: #fff;
 text-align: left;
 padding-left: 10px;
}
.page_head{
 height: 240px;
 float: left;
 width: 100%;
 z-index: 0 !important;
 display: block;
 margin-bottom: 40px;
}

.page article{
 display: block;
 max-width: 960px;
 margin-left: auto;
 margin-right: auto;
}
.page_head h2{
 margin-top: 80px;
}
.page_head h2.s2{
 margin-top: 92px;
}

.entry{
 float: left;
 width: 100%;
}

.foot_group{
 position: relative;
 float: left;
 width: 100%;
}

/* 見出し */
#main h2{
 display: block;
}

h3 small{
 font-size: 0.7em;
}

.pc_none{
 display: none;
}

}/* 700まで基本 */

/* -----------------
 700以下基本
-------------------- */
@media screen and (max-width: 700px) {/* 700以下 */

body{
 margin: 0;
 padding: 0;
 -webkit-text-size-adjust: 100%;
}

#wrapper{
 position: relative;
 width: 100%;
 margin: 0 auto;
}

#contents {
 width: 95%;
 margin: 0 auto;
}

.page #header {
 display: block;
 text-align: center;
 width: 100%;
}
#slide img{
 float: left;
}
.bread{
 margin-bottom: 30px;
}
.page_head h2{
 width: 100%;
 text-align: center;
}
.page_head{
 margin-bottom: 30px;
 width: 100%;
 text-align: center;
}
#main{
 float: none;
 display: block;
 margin: 0 auto 15px auto;
 width: 96%;
 padding: 2%;
}
#main_wide{
 float: left;
 margin: 0 auto 20px auto;
 width: 96%;
 padding: 2%;
}

.page_main{
 background-color: #fff;
}

/* ギャラリー */
.gallery-caption{
 font-size: 12px;
}

.home h2{
 margin-bottom: 15px;
}

/* boxセンター寄せ */
.sp_center,
.t_center{
 text-align: center;
}

/* 見出し 700以下 */

#side h2,
#main h2{
 max-width: 100%;
}
h3 small{
 font-size: 18px;
}

.sp_none{
 display: none;
}

}/* end */

/* ----------------------
ヘッダー
-------------------------*/
#header .head_nav{
 width: 100%; 
 background-color: #75be00;
}

#header h1{ 
 text-align: left;
 }

@media screen and (min-width: 700px) { /* 700まで */
/* ----------------------
 ヘッドメニュー
 ------------------------ */
.head_nav ul{
 max-width: 960px;
 display: block;
 margin-left: auto;
 margin-right: auto;
}
.head_menu{
  display:inherit !important;
}
.head_nav li{
 float: left;
 text-align: center;
}
.head_nav li._1{
 width: 25%;
}
.head_nav li._2{
 width: 18%;
}
.head_nav li._3{
 width: 15%;
}
.head_nav li._4{
 width: 15%;
}
.head_nav li._5{
 width: 27%;
}

.head_nav li a{
 text-decoration: none;
 display: block;
 color: #fff;
 padding: 5px 3% 5px 3%; 
}

.head_nav li.current a,
.head_nav li a:hover{
 background-color: #fff;
 color: #75be00;
 font-weight: bold;
}
/* ----------------------
 ヘッドメニューカレントページ設定
------------------------- */
.home .head_menu li._1 a{
 background-color: #fff;
 color: #75be00;
 font-weight: bold;
}

.newgra .head_menu li._2 a,
.newgra_top .head_menu li._2 a{
 background-color: #fff;
 color: #75be00;
 font-weight: bold;
}
.career .head_menu li._3 a{
 background-color: #fff;
 color: #75be00;
 font-weight: bold;
}
.part .head_menu li._4 a{
 background-color: #fff;
 color: #75be00;
 font-weight: bold;
}


/*----------------------
 ロゴヘッド 700まで
 ----------------------- */
#header .logo_group{
 max-width: 960px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 25px;
 margin-bottom: 25px;
}
#header .logo_group .l_box{
 width: 49%;
 float: left;
}
#header h1 a{
 width: 51%;
 height: 55px;
 padding-right: 3.1%;
 border-right: 1px solid #b3b3b3;
}
#header h1 span{
 text-align: right;
 margin-top: 15px;
 float: right;
 width: 42.5%; 
}
/* キャリア */
.career #header h1 span{
 text-align: left;
 margin-top: 15px;
 float: right;
 width: 42.5%; 
}

#header .logo_group .r_box{
 width: 35%;
 float: right;
}
#header .entry_nav li{
 float: left;
 line-height: 55px;
 text-align: center;
 display: block;
} 
#header .entry_nav li a{
 color: #fff;
 text-decoration: none;
 display: block;
 line-height: 55px;
}
#header .entry_nav li._1{
 background-color: #75be00;
 width: 49%;
 margin-right: 1px; 
}
#header .entry_nav li._1 a:hover{
 background-color: #90cd2d;
}

#header .entry_nav li._2{
 background-color: #ff7b51;
 width: 50%;
}
#header .entry_nav li._2 a:hover{
 background-color: #fe916f;
}

#header .entry_nav li._3{
 background-color: #b3b3b3;
 width: 19%;
 float: left;
 height: 55px;
}

#header .entry_nav li._3 a{
 line-height: 55px;
 display: block;
 background: url(../media/images/common/icon-mail.png) no-repeat center center;
}
#header .entry_nav li._3 a:hover{
 background: #c7c7c7 url(../media/images/common/icon-mail.png) no-repeat center center;
}

.career #header .r_box{
 width: auto !important;
}
.career #header .entry_nav li._2{
 width: 135px !important; 
}
.career #header .entry_nav li._3{
 width: 62px !important; 
}



/* ---------------------
 ヘッド下段メニュー 700まで
------------------------ */
#header #toggle_1,
#header #toggle_2{
 display: none;
}


#header .sub_menu{
 max-width: 960px;
 margin-left: auto;
 margin-right: auto;
 padding-bottom: 0px;
}
.sub_menu ul li li { 
 float: none !important;
}

#header .sub_menu li{
 float: left;
 display: block;
 padding-bottom: 10px;
}
#header .sub_menu li a{
 color: #333;
 font-weight: bold;
 text-decoration: none;
 padding-bottom: 5px;
 padding-top: 5px;
}
#header .sub_menu li.current a,
#header .sub_menu li a:hover{
 border-bottom: 4px solid #75be00;
}
#header .sub_menu li._5,
#header .sub_menu li._3,
#header .sub_menu li._1{
 width: 21%;
}
#header .sub_menu li._2{
 width: 13%;
}
#header .sub_menu li._7,
#header .sub_menu li._4{
 width: 8.5%; 
}

#header .sub_menu li._6{
 width: 7%;
}


/* ---------------------- */
.slide_btn{
 display: none;
}
.slide_btn_2{
 display: none;
}

}/* 700まで */


@media screen and (max-width: 700px) {/* 700以下 */
.head_menu{
 display: none;
}
.head_nav li{
 width: 100%;
 border-bottom: 1px solid #fff;
}
.head_nav li a{
 text-decoration: none;
 display: block;
 color: #fff;
 clear: both;
 padding: 10px 1% 10px 1%; 
}
.head_nav li a:hover{
 background-color: #fff;
 color: #75be00;
}
#header h1{
 display: block;
 float: left;
 width: 49%;
 height: 90px;
 margin-top: 8px;
 margin-left: 2%;
 text-align: left;
}
#header h1 a{
 line-height: 0;
 width: auto;
 text-align: left;
 height: auto;
 margin-bottom: 7px;
}
#header h1 span{
 width: auto;
 display: block;
 clear: both; 

 text-align: left;
}
.career #header h1 span{
 margin-top: 18px;
}
#header .l_box{
 width: 100%;
 float: left;
 height: 100px;
}
#header .r_box{
 width: 100%;
 float: left;
 margin-bottom: 0;
}

#header .entry_nav{
}
#header .entry_nav li{
 float: left;
 line-height: 55px;
 text-align: center;
 display: block;
} 
#header .entry_nav li a{
 color: #fff;
 text-decoration: none;
 display: block;
 line-height: 55px;
}
#header .entry_nav li._1{
 background-color: #75be00;
 width: 50%;
}
#header .entry_nav li._1 a:hover{
 background-color: #90cd2d;
}

#header .entry_nav li._2{
 background-color: #ff7b51;
 width: 50%;
}
#header .entry_nav li._2 a:hover{
 background-color: #fe916f;
}
.career #header .entry_nav li._2{
 width: 100%;
}

#header .entry_nav li._3{
 background-color: #b3b3b3;
 width: 20%;
 background: #b3b3b3 url(../media/images/common/icon-mail.png) no-repeat center center; 
}
#header .entry_nav li._3:hover{
 background: #c7c7c7 url(../media/images/common/icon-mail.png) no-repeat center center; 
}

}/*  */
@media screen and (max-width: 350px) {/* 350以下 */
#header h1 a{
 width: auto;
 text-align: left;
 margin-bottom: 10px;
}
}
/* ----------------------
 main menu 700まで
-------------------------*/
@media screen and (min-width: 700px) {
#main_menu{
  display:inherit !important;
}

#main_menu{
 float: left;
 z-index: 300 !important;
 text-align: center; 
 width: 100%;
 border-bottom: 1px solid #f2f2f2;
 }
#main_menu ul{
 max-width: 960px;
 margin-left: auto;
 margin-right: auto;
} 
 
#main_menu ul li{
 list-style: none;
 display: block;
 text-align: center;
 float: left;
 margin: 0 auto;
 position: relative;
 padding-bottom: 8px;
 padding-top: 5px;
}

#main_menu ul li a{
 font-size: 100%;
 font-weight: bold;
 text-decoration: none;
 color: #333;
 padding-bottom: 5px;transition: border-width 0.12s;
ease-in-out 0s;
}

/* main_menu カレントページ設定 */

.rinen #main_menu li._1 a,
.top_message #main_menu li._1 a,
.history #main_menu li._1 a,
.company #main_menu li._1 a,
.seven-i #main_menu li._1 a{
 border-bottom: 4px solid #75be00;
}
.person #main_menu li._2 a{
 border-bottom: 4px solid #75be00;
}

.work-2 #main_menu li._3 a,
.work-1 #main_menu li._3 a{
 border-bottom: 4px solid #75be00;
}

.voice #main_menu li._4 a,
.voice-top #main_menu li._4 a,
.voice-2 #main_menu li._4 a{
 border-bottom: 4px solid #75be00;
}
.interview #main_menu li._5 a{
 border-bottom: 4px solid #75be00;
}

.support #main_menu li._5 a{
 border-bottom: 4px solid #75be00;
}

.newgra.seminar #main_menu li._7 a,
.newgra.r_info #main_menu li._7 a,
.page.guideline #main_menu li._7 a,
.career.expert #main_menu li._7 a,
.career.national #main_menu li._7 a,
.career.r_info #main_menu li._7 a{
 border-bottom: 4px solid #75be00;
}


#main_menu ul li a:hover{
 border-bottom: 4px solid #75be00;
}
#main_menu ul li._1,
#main_menu ul li._2,
#main_menu ul li._3,
#main_menu ul li._4{
 margin-right: 6.5%;
}
#main_menu ul li._7{
 float: right;
}

#main_menu ul li._1{
 width: auto;
}
#main_menu ul li._2{
 width: 10%;
}
#main_menu ul li._3{
 width: auto;
}

#main_menu ul li._4{
 width: 8%; 
}
#main_menu ul li._5{
 width: 12%;
}
#main_menu ul li._6{
 width: 6%;
}
#main_menu ul li._7{

}
}/*  */


/* ---------------------------
ドロップダウンメニュー 
------------------------------*/           
@media screen and (min-width: 700px) {/* 700まで */
#toggle_1{
 display: none !important;
}
#toggle_2{
 display: none !important;
}
}

@media screen and (max-width: 700px) {/* 700以下 */
#toggle_1{
 float: left;
 width: 100%;
 display: none;
}
#toggle_2{
 float: left;
 width: 100%;
 display: none;
}

ul.sub-menu {
 display: none;
}
ul.sub-menu li{
 width: 100% !important;
 display: inline;
 clear: left;
 margin: 0 !important;
}
ul.sub-menu li.title{
 width: 100%;
 display: block;
 text-align: left;
 padding-top: 3px;
 padding-left: 10%;
 padding-bottom: 3px;
 background-color: #ffded6;
}
ul.sub-menu li a {
 font-size: 13px !important;
 background-color:#fefefe;
 margin: 0; 
 zoom: 1; 
 line-height: 1.5;
}
/* ---------------------- sp_menu */
.sp_menu.global li{
 background-color: #4d4d4d;
 border-bottom: 1px solid #fff;
}
.sp_menu.global li a{
 padding-top: 13px;
 padding-bottom: 13px;
 color: #fff;
 display: block;
 text-decoration: none;
 text-align: left;
 padding-left: 5%;
 background: url(../media/images/common/sp-nav-arrow-w.png) no-repeat 95% center;
}
.sp_menu.global li.current a{
 color: #4d4d4d;
 background: #fff url(../media/images/common/sp-nav-arrow-b.png) no-repeat 95% center;
}
.sp_menu.global li a:hover{
 background-color: #7d7d7d;
 color: #fff;
}
.sp_menu.sub li{
 background-color: #ededed;
 border-bottom: 1px solid #fff;
}
.sp_menu.sub li a{
 padding-top: 13px;
 padding-bottom: 13px;
 color: #8ec43e;
 display: block;
 text-decoration: none;
 text-align: left;
 padding-left: 20px;
 background: url(../media/images/common/sp-nav-plus.png) no-repeat 95% center;
}
.sp_menu.sub li.current a{
 background-color: rgba(118,191,0,0.5);
 color: #fff;
}
.sp_menu.sub li a.act{
 background: #b6dd79 url(../media/images/common/batsu_icon.png) no-repeat 95% center;
 color: #fff !important;
}

.sp_menu.sub li a:hover{
 background-color: #acd865;
 color: #fff;
}
#header ul.sub-menu li a{
 padding-left: 35px;
 background-color: #ededed !important;
 color: #333 !important;
 background: url(../media/images/common/sp-nav-arrow-g.png) no-repeat 95% center;
}
#header ul.sub-menu li a:hover{
 background-color: #ededed !important;
 background: #b6dd79 url(../media/images/common/sp-nav-arrow-g.png) no-repeat 95% center !important;
}
#header .sp_menu_2 li._2 a{
 background: url(../media/images/common/sp-nav-arrow-g.png) no-repeat 95% center;
}

#header .sp_menu_2 li._2 a.act,
#header .sp_menu_2 li._2 a:hover{
 background: #acd865 url(../media/images/common/sp-nav-arrow-g.png) no-repeat 95% center;
}
#header .sp_menu_2 li._7,
#header .sp_menu_2 li._5,
#header .sp_menu_2 li._4,
#header .sp_menu_2 li._3,
#header .sp_menu_2 li._1{
 cursor: pointer;
}

/* カレントページ設定 */
.newgra .sp_menu.global li._2 a,
.newgra_top .sp_menu.global li._2 a{
 color: #4d4d4d;
 background: #fff url(../media/images/common/sp-nav-arrow-b.png) no-repeat 95% center;
}
.career .sp_menu.global li._3 a{
 color: #4d4d4d;
 background: #fff url(../media/images/common/sp-nav-arrow-b.png) no-repeat 95% center;
}
.part .sp_menu.global li._4 a{
 color: #4d4d4d;
 background: #fff url(../media/images/common/sp-nav-arrow-b.png) no-repeat 95% center;
}
 
}/* 700以下 */

/* ---------------------------
 toggle menu 700以下
------------------------------ */
@media screen and (max-width: 699px) {/* 700以下 */

.slide_btn{
 position: absolute;
 top: 5px;
 right: 5px;
 display: block;
 height: 40px;
 width: 110px;
 text-align: left;
 line-height: 40px;
 padding-left: 10px;
 border: 1px solid #666; 
 background: url(../media/images/common/sp-nav-1.png) no-repeat 94% center;
}
 
.slide_btn.act{
 background: url(../media/images/common/batsu_icon-b.png) no-repeat 94% center;
} 

.slide_btn_2{
 cursor: pointer;
 position: absolute;
 top: 53px;
 right: 5px;
 display: block;
 height: 40px;
 width: 112px;
 padding-left: 10px;
 text-align: left;
 line-height: 40px;
 color: #fff; 
 background: #75be00 url(../media/images/common/nav_icon.png) no-repeat 94% center;
}
.slide_btn_2:hover {
 background-color: #90cd2d;
}
 
.slide_btn_2.act{
 background: #75be00 url(../media/images/common/batsu_icon.png) no-repeat 94% center;
} 

.toggle_menu_title{
 text-shadow: 1px 1px 0px #000;
 font-weight: bold;
 color: #fff;
 line-height: 60px;
 font-size: 110%; 
 margin-left: 15px;
 float: left;
}
 
.slide_btn:hover{
 color: #666;
 cursor:pointer;
 background-color: #dfdfdf;
}
.nav_icon{
 cursor:pointer;
 margin: 0;
 height: 25px;
 width: 25px;
}
#header #toggle_2 li a{

}


}/* end */

@media screen and (max-width: 900px) {/* 900以下 */
#main_menu ul li a{
 font-size: 79%;
 
 }
}

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

}

/* -----------------
サイドナビ
-------------------- */
@media screen and (min-width: 700px) {/* 700まで */
#side ul li{
 border-bottom: 1px dotted #ccc;
}
#side ul li.b_none{
 border-bottom: none;
}
#side ul li a{
 display: block;
 color: #333;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 25px;
 text-decoration: none;
 background: url(../media/images/common/side-arrow.png) no-repeat 5px 15px;
}
#side ul.orange li a{
 display: block;
 color: #333;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 25px;
 text-decoration: none;
 background: url(../media/images/common/side-arrow-2.png) no-repeat 5px 15px;
}
#side ul.orange li a:hover{
 background-color: #f5f5f5;
}

#side ul li.title-g{
 padding: 4px 0 3px 10px;
 background-color: #b3d978;
 color: #fff;
 border-bottom: none;
}

#side ul li a:hover,
#side ul li.current{
 background-color: #f5f5f5;
}

}
                
/* ----------------------
 * footer 
 *-----------------------*/

#footer{
 padding-top: 0px;
 background-color: #fff; 
}


@media screen and (min-width: 700px) {/* 700まで */
#footer .linkbox{
 text-align: left;
}
#footer .linkbox .group_1 h3{
 text-align: left;
 color: #75be00;
 padding-bottom: 5px;
 font-weight: bold;
 border-bottom: 2px solid #75be00;
 font-size: 140%;
 margin-bottom: 20px;
}
#footer .linkbox .group_2 h3{
 text-align: left;
 color: #ee835c;
 padding-bottom: 5px;
 font-weight: bold;
 border-bottom: 2px solid #ee835c;
 font-size: 140%;
 margin-bottom: 20px;
}
#footer .linkbox .group_2 {
 margin-bottom: 40px;
 padding-bottom: 30px;
 border-bottom: 1px solid #f6f6f6;
}
#footer .linkbox_group{
 width: 62%;
 float: right;
}

#footer .linkbox{
 float: left;
 width: 100%;
 margin-bottom: 50px;
}
.page #footer .linkbox{
 padding-top: 50px;
 border-top: 1px solid #f6f6f6;
}

#footer .linkbox ul{
 width: 100%;
 float: left;
}

#footer .linkbox ul li{
 width: auto;
 text-align: left;
 margin-bottom: 5px;
 font-size: 90%;
 float: none;
 line-height: 21px;
}
#footer .linkbox .group_1{
 padding-bottom: 0;
 margin-bottom: 0;
}
#footer .linkbox .l_box{
 width: 48%;
 float: left;
}
#footer .linkbox .r_box{
 width: 48%;
 float: right;
}

#footer .linkbox .group_1 ul._1{
 width: 33%;
 float: left;
}
#footer .linkbox .group_1 ul._2{
 width: 25%;
 float: left;
}
#footer .linkbox .group_1 ul._3{
 width: 41%;
 float: left;
}
#footer .linkbox .group_1 ul._5,
#footer .linkbox .group_1 ul._4{
 width: 40%;
 float: left;
}

#footer .linkbox .group_2 ul._1{
 width: 24%;
 float: left;
}
#footer .linkbox .group_2 ul._2{
 width: 19%;
 float: left;
}
#footer .linkbox .group_2 ul._3{
 width: 18%;
 float: left;
}
#footer .linkbox .group_2 ul._4{
 width: 19%;
 float: left;
}
#footer .linkbox .group_2 ul._5{
 width: 20%;
 float: right;
}


#footer .linkbox ul{
 margin-left: 0px;
}
#footer .linkbox li{
 padding-left: 17px;
}
#footer .linkbox li a{
 color: #333;
 text-align: left;
 text-decoration: none;
 line-height: 21px;
}
#footer .linkbox li.title_sub{
 color: #ff7b51;
 padding-left: 0;
}
#footer .linkbox .group_1 li._9,
#footer .linkbox .group_1 li._8,
#footer .linkbox .group_1 li._7,
#footer .linkbox .group_1 li._4,
#footer .linkbox .group_1 li._3,
#footer .linkbox .group_1 li._2,
#footer .linkbox .group_1 li._1{
 background: url(../media/images/footer/arrow-g.png) no-repeat left 5px;
}
#footer .linkbox .group_1 li._5,
#footer .linkbox .group_1 li._6,
#footer .linkbox .group_1 li._10{
 background: url(../media/images/footer/linkicon-1.png) no-repeat left 5px;
}

#footer .linkbox .group_2 li._1{
 background: url(../media/images/footer/arrow-o.png) no-repeat left 5px;
}
#footer .linkbox .group_2 li.title,
#footer .linkbox .group_2 li.title a{
 font-size: 105%;
 font-weight: bold;
 color: #333;
 padding-left: 0;
}
#footer .linkbox .group_2 li.title.entry_link{
 margin-top: 20px;
}
#footer .linkbox li a:hover{
 text-decoration: underline;
}


#footer .inner{
 max-width: 960px;
 margin-left: auto;
 margin-right: auto;
 padding-top: 0;
 padding-bottom: 0;
 color: #fff;
}
#footer .foot_logo{
 margin-top: 30px;
}
#footer .copy p{
 padding-top: 8px;
 padding-bottom: 8px;
}
#footer address{
 width: 33%;
 float: left;
 padding-left: 1%;
 text-align: left;
}
#footer .copy .inner{
 padding: 10px;
 max-width: 940px;
 margin-left: auto;
 margin-right: auto;
}
#footer .copy ul li{
 float: left;
}
#footer .copy ul li.text{
 float: right;
}
#footer .bn_box{
 padding-top: 40px;
 padding-bottom: 35px;
}
#footer .bn_box ul{
 display: flex;
 justify-content: space-between; 
 max-width: 700px;
 margin-left: auto;
 margin-right: auto;
}

#footer .bn_box ul li{
 width: 48%;
}
}/* 700end */


/* -----------------
 foot 700以下
-------------------- */
@media screen and (max-width: 699px) {/* 700以下 */
#back-top{
 float: left;
 margin-bottom: 0;
 width: 96%;
 margin-left: 2%;
}
#footer address{
 margin-bottom: 20px;
 padding-left: 10px;
 padding-right: 10px;
}

#footer .linkbox{
 display: none;
}

#footer .copy .inner{
 padding-top: 12px;
 padding-bottom: 12px; 
}

.foot_logo{
 margin-bottom: 10px;
}
.copy{
 display: block;
 margin-top: 0;
 font-size: 70%; 
 text-align: center;
}
#footer .copy li.pri{
 margin-bottom: 5px;  
}
#footer .bn_box{
 padding-top: 20px;
 padding-bottom: 15px;
}

#footer .bn_box ul{
 display: flex;
 max-width: 700px;
 justify-content: space-between; 
 margin-left: auto;
 margin-right: auto;
}

#footer .bn_box ul li{
 width: 48%;
}

}/*  */


@media screen and (max-width: 450px) {/* 450以下 */
body{
 font-size: 90%;
}
.home .contents .group_1 .fit img,
#main .fit img{
 display: table;
 width: 450px; 
 height: auto;
}

}/*  */

/* ----------------------
 table テーブル
------------------------- */
@media screen and (min-width: 700px) {/* 700まで */
table.base{     
 width: 100%;
 border-top: 1px solid #ccc;
}
table.base th{
 border-bottom: 1px solid #ccc;
 padding: 11px 1.5% 11px 1.5%;
 font-weight: bold;
}
table.base td{
 padding: 11px 1.5% 11px 1.5%;
 border-bottom: 1px solid #ccc;
}
table.base-2{     
 width: 100%;
 border-top: 1px solid #ccc;
}
table.base-2 th{
 width: 17%;
 border-bottom: 1px solid #ccc;
 padding: 11px 1.5% 11px 1.5%;
 font-weight: bold;
 color: #75be00;
}
table.base-2 td{
 padding: 11px 1.5% 11px 1.5%;
 border-bottom: 1px solid #ccc;
}



}/* end */

/* ----------------------------------------------- */

@media screen and (max-width: 700px) {/* 700以下 */
table.base{
 width: 100%;
 border-top: 1px solid #ccc;
}
table.base th{
 display: block;
 padding: 10px 1.5% 0 1.5%;
 font-weight: bold;
}
table.base td{
 display: block;
 padding: 10px 1.5% 10px 1.5%;
 border-bottom: 1px solid #ccc;
}
table.base-2{
 width: 100%;
 border-top: 1px solid #ccc;
}
table.base-2 th{
 display: block;
 padding: 10px 1.5% 0 1.5%;
 font-weight: bold;
 color: #75be00;
}
table.base-2 td{
 display: block;
 padding: 10px 1.5% 10px 1.5%;
 border-bottom: 1px solid #ccc;
}

}/* end */

/* ----------------- */
table.style-2{
 width: 100%;
 margin-bottom: 90px;
 margin-top: 15px;
}

table.style-2 th{
 background-color: #efefef;  
}
table.style-2 th{
padding: 6px;
text-align: center;
vertical-align: middle;
border: 1px solid #4d4d4d;
}
table.style-2 td{
padding: 6px;
background-color: #fff;
border: 1px solid #4d4d4d;
}

table.style-3 td,
table.style-3 th{
 padding: 13px 2% 13px 2%;
}

tr.gray th,
tr.gray td{
 background-color: #fafafa;
}
tr.blue th,
tr.blue td{
 background-color: #ebebeb;
}
table.style-3 span.rei{
 margin-left: 20px;
}

@media screen and (max-width: 500px) {/* 500以下 */
table.style-3 span.rei{
 margin-top: 10px;
 margin-left: 5px;
 display: block;
 width: 95%;
}
}