@charset "shift_jis";

html,body {
  height:auto;
  background-color: white;
  color:#000000;
  font-family: "ＭＳ ゴシック",sans-serif;
  margin:0;
}

ul {
  -webkit-padding-start: 0;
  margin:0.1vw 0;
  -webkit-margin-before: 0.1vw;
    -webkit-margin-after: 0.1vw;
  padding:0;
}

p{
  margin:0.1vw 0;
  -webkit-margin-before: 0.1vw;
    -webkit-margin-after: 0.1vw;
}

p.top_text {
  margin-left:5%;
}

a {
  color:#259df8;
  font-weight: bold;
  text-decoration:none;
  word-break: break-all;
}

span.bold {
  font-weight:bold;
}

span.red {
  color:red;
}

span.blue1 {
  color:#259df8;
}
span.blue2 {
  color:#259df8;
}
.blue{
  color:#259df8;
}
span.orange {
  color:#ff8a23;
}
.orange {
  color:#ff8a23;
}
span.green {
  color: #7cc26f;
}
span.normal {
  font-weight: normal;
}

div.clear {
  clear:both;
}

select::-ms-expand {
    display: none;
}

/*ヘッダー、フッター、帯の背景色一括設定------------------------------------------*/
div.header , p.item_title , 
.questionary_block .Q_top p.item_title , div.footer, footer {
  background-color: #259df8;
  /*青:　　　　　　 #259df8;　　　　　　　　　　　　*/
  /*橙: 　　　　　　#ff8a23;　　　　　　　　　　　　*/
}
/*学生一般で色が変わるボーダーの設定------------------------------------------*/
div.box_1_border , div.title {
  border:1px solid #259df8;
}
/*大見出しの背景画像設定------------------------------------------*/
p.title_text {
  color: #FFFFFF;
  background-image: url("/com/images/contents_title.png");
  background-repeat: no-repeat;
  background-size:contain;
}
p.title_text_kojin {
  color: #FFFFFF;
  background-image: url("/com/images/contents_title_2.png");
  background-repeat: no-repeat;
  background-size:contain;
}

/*動画ボックス------------------------------------------*/
div.detail_movie {
  width: 90%;
  margin: 1vw auto;
  margin-bottom:3vw;
  text-align: center;
}

div.wrap_movie {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}


div.wrap_movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
/*動画ボックス------------------------------------------*/

/*学生一般共通でオレンジの部分------------------------------------------*/
div.item_title, .questionary_block .Q_top div.item_title {
  background-color: #ff8a23;
}
@media screen and (min-width: 750px) {

.mobile{
  display:none;
}

html,body,td,th {
  font-size: 1.3vw;
  line-height: 2vw;
  -webkit-appearance: none;
}


span.small_font {
  font-size: 1vw;
  line-height: 1.7vw;
}
span.small_gray , .small_gray{
  font-weight: normal;
  font-size: 1vw;
  line-height: 1.7vw;
  color: #555;
}
span.big_font {
  font-size: 1.5vw;
  line-height: 3vw;
}

hr.top_line{
    width: 98%;
  background-color:#259df8;
  border: 0;
  height: 1px;
  margin-bottom:1vw;
}

hr.middle_line{
    width: 94%;
  background-color:#FFFFFF;
  border:none;
  border-top:dotted 2px #b4c7e5;
  margin:1vw auto;
}

div.content ul {
  width:86%;
  padding:1vw;
  margin:1vw auto;
  margin-bottom:3vw;
}

div.content li {
  text-align:left;
  list-style: none;
}

div.content ul.tabs {
  width:100%;
}

div.sp_only {
  display: none;
}

/*メイン------------------------------------------*/
div.page {
  position:relative;
  width:90%;
  overflow:hidden;
  height:auto;
  margin:0 auto;
  clear:both;
  background-color: #e0efff;
}

div.link div.kirikae{position:relative;}

p.sub_banner_kirikae {
  position:absolute;
  width:30%;
  height:auto;
  margin:0;
  right:0;
  text-align: center;
}

p.sub_banner_kirikae img {
  width:80%;
  height:auto;
}

div.main {
  width: 100%;
  height:auto;
  float:left;
  background-color: white;
}

div.content {
  margin:0 auto 1vw;
}

div.title {
  width:98%;
  height:auto;
  margin:3% auto 3%;
}

p.title_text {
  padding:1vw 2vw;
  font-size: 1.5vw;
  margin:0;
}

p.title_text_kojin {
  padding:1vw 1vw;
  font-size: 1.4vw;
  margin:0;
}

/*各ページ項目名------------------------------------------*/
.item_title {
  line-height:2.6vw;
  font-size: 1.5vw;
  margin:1vw auto;
  width:92%;
  padding:0 0.5% 0 1vw;
  text-align: left;
  list-style: none;
  color: white;
  border-radius: 6px;
  font-weight:bold;
}

p.item_title_2 {
  line-height:2.6vw;
  font-size:1.5vw;
  margin:1vw auto;
  width:94%;
  text-align: left;
  margin-left:1%;
  padding-left:2%;
  padding-top:5px;
  font-weight: bold;
  list-style: none;
  color: #259df8;
  border-bottom: 1px solid #259df8;
}
/*企業詳細ページサブ項目名------------------------------------------*/
p.item_sub_title {
  width:100%;
  margin:1vw -2%;
  padding:0 0.5% 0 1vw;
  text-align: left;
  background-color:#d3ebff;
  color:#4987d8;
  font-weight: bold;
}
/*文章用ボックス------------------------------------------*/
div.detail_text {
  width: 100%;
    margin: 1vw auto;
    margin-bottom:3vw;
}
/*各ページボタン矢印------------------------------------------*/
a.btn_base_triangle {
  display: block;
  text-decoration:none;
  width:60%;
  padding:1%;
  text-align: center;
    margin:1vw auto;
  background-color:#FFFFFF;
  background-image: url("/com/images/triangle_2.gif");
  background-repeat:no-repeat;
  background-position:94%;
  background-size:3% auto;
  border:1px solid #FFFFFF;
  border-radius: 10px;
  border: 2px solid #ccc;
  box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
  -moz-box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
  -webkit-box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
}
/*各ページボタン------------------------------------------*/
a.btn_base_plain, a.btn_base_plain_guidance {
  display: block;
  text-decoration:none;
  width:30%;
  padding:1%;
  text-align: center;
    margin:1vw auto;
  background-color:#FFFFFF;
  border:1px solid #FFFFFF;
  border-radius: 10px;
  border: 2px solid #ccc;
  box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
  -moz-box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
  -webkit-box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
}
/*各ページ切り替えボタン------------------------------------------*/
div.last_block {
  width:100%;
  margin:1vw auto;
  text-align: center;
}
div.last_block div.btns {
  display: inline-block;
  margin:0 auto;
}
div.last_block div.btn{
  width:3.6vw;
  height: 3.6vw;
  line-height: 3.6vw;
  text-align: center;
  font-weight:bold;
  border-radius: 3px;
  float:left;
  margin:0 0.7vw;
  background-color: white;
  border:solid 1px #259df8;
  box-sizing:border-box;
}

div.last_block .now{
  width:3.6vw;
  height: 3.6vw;
  line-height: 3.6vw;
  text-align: center;
  font-weight:bold;
  border-radius: 3px;
  float:left;
  margin:0 0.7vw;
  background-color: #259df8;
  border:solid 1px #259df8;
  box-sizing:border-box;
  color:#FFFFFF;
}

div.last_block .gray{
  width:3.6vw;
  height: 3.6vw;
  line-height: 3.6vw;
  text-align: center;
  font-weight:bold;
  border-radius: 3px;
  float:left;
  margin:0 0.7vw;
  background-color: #eee;
  border:solid 1px #aaa;
  box-sizing:border-box;
  color:#828282;
}
/*戻るボタン有効時------------------------------------------*/
div.last_block div.prev_btn_on {
  width:3.6vw;
  height: 3.6vw;
  line-height: 3.6vw;
  text-align: center;
  font-weight:bold;
  border-radius: 3px;
  float:left;
  margin:0 0.7vw;
  background-color: white;
  border:solid 1px #259df8;
  box-sizing:border-box;
  background: url('/com/images/lastblock_prev_on.gif') no-repeat;
  background-size:contain;
}
/*戻るボタン無効時------------------------------------------*/
div.last_block div.prev_btn_off {
  width:3.6vw;
  height: 3.6vw;
  line-height: 3.6vw;
  text-align: center;
  font-weight:bold;
  border-radius: 3px;
  float:left;
  margin:0 0.7vw;
  background-color: #eee;
  border:solid 1px #aaa;
  box-sizing:border-box;
  background: url('/com/images/lastblock_prev_off.gif') no-repeat;
  background-size:contain;
}
/*進むボタン有効時------------------------------------------*/
div.last_block div.next_btn_on {
  width:3.6vw;
  height: 3.6vw;
  line-height: 3.6vw;
  text-align: center;
  font-weight:bold;
  border-radius: 3px;
  float:left;
  margin:0 0.7vw;
  background-color: white;
  border:solid 1px #259df8;
  box-sizing:border-box;
  background: url('/com/images/lastblock_next_on.gif') no-repeat;
  background-size:contain;
}
/*進むボタン無効時------------------------------------------*/
div.last_block div.next_btn_off {
  width:3.6vw;
  height: 3.6vw;
  line-height: 3.6vw;
  text-align: center;
  font-weight:bold;
  border-radius: 3px;
  float:left;
  margin:0 0.7vw;
  background-color: #eee;
  border:solid 1px #aaa;
  box-sizing:border-box;
  background: url('/com/images/lastblock_next_off.gif') no-repeat;
  background-size:contain;
}

/*サブ------------------------------------------*/
/*
div.sub {
  width:20%;
  height:100%;
  float:right;
  
}

p.sub_buttom {
  width:80%;
  height:auto;
  margin:50px auto 10px;
}

p.sub_buttom img {
  width:100%;
  height:auto;
}

p.sub_banner {
  width:80%;
  height:auto;
  margin:10px auto;
}

p.sub_banner img {
  width:100%;
  height:auto;
}
*/

/* drop down
-----------------------------------------*/
/* link */
.mod_dropnavi ul li a{
  transition-property: border;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
.mod_dropnavi ul li a:link    {text-decoration:none;}
.mod_dropnavi ul li a:visited {text-decoration:none;}
.mod_dropnavi ul li a:hover   {text-decoration:none;}
.mod_dropnavi ul li a:active  {text-decoration:none;}
 
/* mod_dropnavi */
.mod_dropnavi>ul{
    width:63px;
    height:auto;
  margin:0;
  padding:0;
    background-color:#259df8;
  list-style: none;
}
.mod_dropnavi>ul>li{
    width:100%;
    float:left;
    position:relative;
    text-align:left;
    line-height:20px;
}
.mod_dropnavi>ul>li>a{
    display:block;
    color:#FFFFFF;
    font-weight:bold;
}

/* mod_dropnavi_child */
.mod_dropnavi .mod_dropnavi_child{
  display:none;
  position:absolute;
  top:0px;
  left:0px;
  z-index:99;
  padding:0 0 0 0!important;
}
.mod_dropnavi .mod_dropnavi_child ul{
 padding:0 5vw 22px 0!important;
 background-color:#259df8;
 list-style: none;
 margin:0;
}
.mod_dropnavi .mod_dropnavi_child ul li{
 font-size:2vw;
 line-height:1.3;
 text-align:left;
 margin:0 0 16px 0!important;
 white-space:nowrap;
 border-bottom:1px dotted #CCC;
}

li.menu_icon {
  width:63px;
  height:auto;
}
.mod_dropnavi .mod_dropnavi_child ul li a{
  padding:0 0 0 12px!important;
  display:inline-block;
}
.mod_dropnavi .mod_dropnavi_child ul li a:link    {color:#FFF; text-decoration:none;}
.mod_dropnavi .mod_dropnavi_child ul li a:visited {color:#FFF; text-decoration:none;}
.mod_dropnavi .mod_dropnavi_child ul li a:hover   {color:#FFF; text-decoration:underline;}
.mod_dropnavi .mod_dropnavi_child ul li a:active  {color:#FFF; text-decoration:underline;}

/*ヘッダー*/

div.header {
  height: auto;
  width: 100%;
  color: white;
}
 
div.header_main {
  width: 90%;
  margin:0 auto;
}

div.header p {
  line-height: 100px;
  float: left;
  font-size: 30px;
  margin-left: 100px;
}
 
div.header_left {
  width:63px;
  float: left;
  margin:0;
}

div.header_center {
  float: left;
  text-align: left;
  margin:6px auto 0;
  margin-left:1vw;
}
div.header_center img{
  display: block;
  width:auto;
  height:48px;
  float:left;
}

/*ヘッダーケンジンアイコン下部------------------------------------------*/
a.header_icon_text {
  display: block;
  text-decoration:none;
  font-size: 15px;
  line-height: 30px;
  padding:0 2vw;
  margin-top:6px;
  margin-left:1vw;
  text-align: center;
  font-weight: bold;
  color:#FFFFFF;
  border:1px solid #FFFFFF;
  border-radius: 10px;
  border: 1px solid #FFFFFF;
  box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
  -moz-box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
  -webkit-box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
  float:left;
}

div.nav {
  position:relative;
  width:24%;
  float: right;
}
div.nav ul {
  position:absolute;
  width:100%;
  top:0;
  padding:0;
  margin-top:7px;
}

div.nav li {
  float: left;
  width:48%;
  text-align: center;
  margin-left: 2%;
  list-style: none;
  background-color: white;
  border-radius: 10px;
}

div.nav li:only-of-type {
  float: left;
  width:100%;
  text-align: center;
  margin-left: 2%;
  list-style: none;
  background-color: white;
  border-radius: 10px;
}

div.nav li a {
  display: block;
  padding:15px 0;
  line-height: 15px;
  font-size: 15px;
  text-decoration: none;
  color: #259df8;
}
/*タブ文字サイズ---------------------------------------*/
div.tabbox ul.tabs a {
   display: block;
     padding: 5% 0px;
     height:auto;
     text-align: center;
     text-decoration: none;
   font-weight:bold;
   font-size: 2vw;
   line-height: 2vw;
   color:inherit;
   color:unset;
   cursor: pointer;
 }
/*リンク------------------------------------------*/
div.link {
  width:100%;
  height:auto;
  margin:0 auto;
  float:left;
}

div#toplink {
  width:100%;
  height:auto;
  margin:0;
}

#toplink ul {
  width:100%;
  height:auto;
  position:relative;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
}

#toplink li {
  float:left;
  width:20%;
  text-align:center;
  list-style: none;
  background: linear-gradient( #ffffff,#b7e0ff);
  border:0.5px solid #259df8;
    box-sizing:border-box;
}

#toplink li a{
  font-size: 1.3vw;
  list-style: none;
  padding:1.5vw 0;
  color: #259df8;
  font-weight: bold;
  display: block;
  text-decoration: none;
}

#toplink li a:hover {
  color: #ffffff;
  background: linear-gradient( #05FBFF, #1E00FF);
}
/*フッター------------------------------------------*/
div.footer, footer {
  width: 100%;
  padding:1vw 0;
  text-align: center;
  color: white;
  clear:both;
}



/*googlemap */
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

}

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

.pc{
  display:none;
}

html,body,td,th {
  line-height:5.6vw;
  font-size: 4.6vw;
  -webkit-appearance: none;
}


span.small_font {
  font-size: 4vw;
  line-height: 5vw;
}
span.small_gray , .small_gray{
  font-weight: normal;
  font-size: 4vw;
  line-height: 5vw;
  color: #555;
}
span.big_font {
  font-size: 5vw;
  line-height: 8vw;
}

div.clear_sp {
  clear:both;
}

hr.top_line{
    width: 98%;
  background-color:#259df8;
  border: 0;
  height: 1px;
  margin-bottom:10px;
}

hr.middle_line{
    width: 94%;
  background-color:#FFFFFF;
  border:none;
  border-top:dotted 2px #b4c7e5;
  margin:1vw auto;
}

div.content ul {
  width:98%;
  padding:1vw;
  margin:5vw auto;
  margin-bottom:8vw;
}

div.content li {
  text-align:left;
  list-style: none;
}

div.content ul.tabs {
  width:100%;
}

div.pc_only {
  display: none;
}

/*メイン------------------------------------------*/
div.page {
  position:relative;
  width:100%;
  overflow:hidden;
  height:auto;
  margin:0 auto;
  clear:both;
  background-color: white;
}

p.sub_banner_kirikae {
  width:100%;
  height:auto;
  margin:0;
  bottom:1.5%;
  right:0;
  text-align: center;
}

p.sub_banner_kirikae img {
  width:50%;
  height:auto;
}
div.content {
  margin:0 auto 3vw;
}
div.main {
  width: 100%;
  height:auto;
  float:left;
  background-color: white;
}

div.title {
  width:98%;
  height:auto;
  margin:3% auto 3%;
  border:1px solid #259df8;
}

p.title_text {
  padding:2.5vw 3vw;
  font-size: 4vw;
  margin:0;
}

p.title_text_kojin {
  padding:2.5vw 3vw;
  font-size: 3.6vw;
  margin:0;
}

/*各ページ項目名------------------------------------------*/
.item_title {
  line-height:5vw;
  font-size: 5vw;
  margin:5vw auto;
  width:94%;
  padding:1.7vw 1.5% 1vw 2vw;
  text-align: left;
  list-style: none;
  color: white;
  border-radius: 6px;
  font-weight:bold;
}

p.item_title_2 {
  line-height:6.8vw;
  font-size:5vw;
  margin:5vw auto;
  width:94%;
  text-align: left;
  margin-left:1%;
  padding-left:2%;
  padding-top:5px;
  font-weight: bold;
  list-style: none;
  color: #259df8;
  border-bottom: 1px solid #259df8;
}
/*企業詳細ページサブ項目名------------------------------------------*/
p.item_sub_title {
  width:100%;
  margin:1vw -1%;
  padding:1.7vw 0 1vw 2vw;
  text-align: left;
  background-color:#d3ebff;
  color:#4987d8;
  font-weight: bold;
}
/*文章用ボックス------------------------------------------*/
div.detail_text {
  width: 100%;
    margin: 5vw auto;
    margin-bottom:8vw;
}
/*各ページボタン矢印------------------------------------------*/
a.btn_base_triangle {
  display: block;
  text-decoration:none;
    text-align: center;
  width:80%;
  padding:3vw 2vw;
  margin:5vw auto 8vw;
  background-color:#FFFFFF;
  background-image: url("/com/images/triangle_2.gif");
  background-repeat:no-repeat;
  background-position:94%;
  background-size:3% auto;
  border-radius: 10px;
  border: 2px solid #ccc;
  box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
  -moz-box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
  -webkit-box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
}
/*各ページボタン------------------------------------------*/
a.btn_base_plain {
  display: block;
  text-decoration:none;
    text-align: center;
  width:80%;
  padding:3vw 2vw;
  margin:5vw auto 8vw;
  text-align: center;
  background-color:#FFFFFF;
  border:1px solid #FFFFFF;
  border-radius: 10px;
  border: 2px solid #ccc;
  box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
  -moz-box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
  -webkit-box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;

}

a.btn_base_plain_guidance {
  display: block;
  text-decoration:none;
    text-align: center;
/*  width:80%;
  padding:3vw 2vw;
  margin:5vw auto 8vw;

*/
  width:60%;
  padding:10%;
  margin:0 auto;
  text-align: center;
  background-color:#FFFFFF;
  border:1px solid #FFFFFF;
  border-radius: 10px;
  border: 2px solid #ccc;
  box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
  -moz-box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
  -webkit-box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;

}

/*各ページ切り替えボタン------------------------------------------*/
div.last_block {
  width:100%;
  margin:5vw auto;
  text-align: center;
}
div.last_block div.btns {
  display: inline-block;
  margin:0 auto;
}

div.last_block div.btn{
  width:10vw;
  height: 10vw;
  line-height: 10vw;
  text-align: center;
  font-weight:bold;
  border-radius: 3px;
  float:left;
  margin:0 1vw;
  background-color: white;
  border:solid 1px #259df8;
  box-sizing:border-box;
}

div.last_block .now{
  width:10vw;
  height: 10vw;
  line-height: 10vw;
  text-align: center;
  font-weight:bold;
  border-radius: 3px;
  float:left;
  margin:0 1vw;
  background-color: #259df8;
  border:solid 1px #259df8;
  box-sizing:border-box;
  color:#FFFFFF;
}

div.last_block .gray{
  width:10vw;
  height: 10vw;
  line-height: 10vw;
  text-align: center;
  font-weight:bold;
  border-radius: 3px;
  float:left;
  margin:0 1vw;
  background-color: #eee;
  border:solid 1px #aaa;
  box-sizing:border-box;
  color:#828282;
}
/*戻るボタン有効時------------------------------------------*/
div.last_block div.prev_btn_on {
  width:10vw;
  height: 10vw;
  line-height: 10vw;
  text-align: center;
  font-weight:bold;
  border-radius: 3px;
  float:left;
  margin:0 1vw;
  background-color: white;
  border:solid 1px #259df8;
  box-sizing:border-box;
  background: url('/com/images/lastblock_prev_on.gif') no-repeat;
  background-size:contain;
}
/*戻るボタン無効時------------------------------------------*/
div.last_block div.prev_btn_off {
  width:10vw;
  height: 10vw;
  line-height: 10vw;
  text-align: center;
  font-weight:bold;
  border-radius: 3px;
  float:left;
  margin:0 1vw;
  background-color: #eee;
  border:solid 1px #aaa;
  box-sizing:border-box;
  background: url('/com/images/lastblock_prev_off.gif') no-repeat;
  background-size:contain;
}
/*進むボタン有効時------------------------------------------*/
div.last_block div.next_btn_on {
  width:10vw;
  height: 10vw;
  line-height: 10vw;
  text-align: center;
  font-weight:bold;
  border-radius: 3px;
  float:left;
  margin:0 1vw;
  background-color: white;
  border:solid 1px #259df8;
  box-sizing:border-box;
  background: url('/com/images/lastblock_next_on.gif') no-repeat;
  background-size:contain;
}
/*進むボタン無効時------------------------------------------*/
div.last_block div.next_btn_off {
  width:10vw;
  height: 10vw;
  line-height: 10vw;
  text-align: center;
  font-weight:bold;
  border-radius: 3px;
  float:left;
  margin:0 1vw;
  background-color: #eee;
  border:solid 1px #aaa;
  box-sizing:border-box;
  background: url('/com/images/lastblock_next_off.gif') no-repeat;
  background-size:contain;
}
/*サブ------------------------------------------*/
div.sub {
  width:100%;
  height:100%;
  float:right;
  
}

p.sub_buttom {
  width:50%;
  height:auto;
  margin:50px auto 10px;
}

p.sub_buttom img {
  width:100%;
  height:auto;
}

p.sub_banner {
  width:50%;
  height:auto;
  margin:10px auto;
}

p.sub_banner img {
  width:100%;
  height:auto;
}

/* drop down
-----------------------------------------*/
/* link */
.mod_dropnavi ul li a{
  transition-property: border;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
.mod_dropnavi ul li a:link    {text-decoration:none;}
.mod_dropnavi ul li a:visited {text-decoration:none;}
.mod_dropnavi ul li a:hover   {text-decoration:none;}
.mod_dropnavi ul li a:active  {text-decoration:none;}
 
/* mod_dropnavi */
.mod_dropnavi>ul{
    width:20vw;
    height:auto;
  margin:0;
  padding:0;
    background-color:#259df8;
  list-style: none;
}
.mod_dropnavi>ul>li{
    width:100%;
    float:left;
    position:relative;
    text-align:center;
    line-height:20px;
}
.mod_dropnavi>ul>li>a{
    display:block;
    color:#FFFFFF;
    font-weight:bold;
}

/* mod_dropnavi_child */
.mod_dropnavi .mod_dropnavi_child{
  display:none;
  position:absolute;
  top:0px;
  left:0px;
  z-index:99;
  padding:0 0 0 0!important;
}
.mod_dropnavi .mod_dropnavi_child ul{
 padding:0px 10vw 12px 0px!important;
 background-color:#259df8;
 list-style: none;
 margin:0;
}
.mod_dropnavi .mod_dropnavi_child ul li{
 font-size:5vw;
 line-height:1.3;
 text-align:left;
 margin:0 0 12px 0!important;
 white-space:nowrap;
 border-bottom:1px dotted #CCC;
}

li.menu_icon {
  width:20vw;
  height:auto;
}
.mod_dropnavi .mod_dropnavi_child ul li a{
  padding:0 0 0 12px!important;
  display:inline-block;
}
.mod_dropnavi .mod_dropnavi_child ul li a:link    {color:#FFF; text-decoration:none;}
.mod_dropnavi .mod_dropnavi_child ul li a:visited {color:#FFF; text-decoration:none;}
.mod_dropnavi .mod_dropnavi_child ul li a:hover   {color:#FFF; text-decoration:underline;}
.mod_dropnavi .mod_dropnavi_child ul li a:active  {color:#FFF; text-decoration:underline;}



/*メイン*/

div.header {
  height: auto;
  width: 100%;
  color: white;
}
 
div.header_main {
  width: 100%;
  margin:0 auto;
}

div.header p {
  line-height: 100px;
  float: left;
  font-size: 30px;
  margin-left: 100px;
}
 
div.header_left {
  width:20vw;
  float: left;
  margin:0;
}

div.header_left img{
  width:100%;
  height:auto;
  margin-top:6px;
}

div.header_center {
  width:38vw;
  float: left;
  margin:1% auto 1%;
  margin-left:1vw;
  text-align: center;
}

/*ヘッダーケンジンアイコン下部------------------------------------------*/
a.header_icon_text {
  display: block;
  text-decoration:none;
  width:90%;
  padding:1% 5%;
    margin:0;
  border:1px solid #FFFFFF;
  border-radius: 10px;
    color:#FFFFFF;
  box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
  -moz-box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
  -webkit-box-shadow:rgba(10, 10, 122, 0.1) 0px 0px 6px 3px inset;
}

div.header_center img{
  width:60%;
  height:auto;
}

div.nav {
  width:36vw;
  position:relative;
  float: right;
  margin-right:1vw;
  margin-top:0.6vw;
}
div.nav ul {
  position:absolute;
  width:100%;
  top:0;
  padding:0;
  margin-top:6%
}

div.nav li {
  float:left;
  width:40%;
  text-align: center;
  margin-left: 5%;
  list-style: none;
  background-color: white;
  border-radius: 10px;
}

div.nav li:only-of-type {
  float: left;
  width:90%;
  text-align: center;
  list-style: none;
  background-color: white;
  border-radius: 10px;
}

div.nav li:nth-last-of-type(2) {
  float:left;
  width:40%;
  text-align: center;
  margin-left: 10%;
  list-style: none;
  background-color: white;
  border-radius: 10px;
}

div.nav li a {
  display: block;
  padding:4.1vw 0 4.3vw;
  font-size: 3vw;
  text-decoration: none;
  color: #259df8;
}
/*タブ文字サイズ---------------------------------------*/
  div.tabbox ul.tabs a {
      display: block;
      padding: 20% 10% 0;
      height:auto;
      text-align: center;
      text-decoration: none;
    font-weight:bold;
     font-size: 4.6vw;
   line-height: 4.6vw;
   color:inherit;
   color:unset;
   cursor: pointer;
   }
 /*-----------------文字数多いもの-------------------*/
div.tabbox ul.tabs a.tab_2 {
      display: block;
      padding: 12% 10% 0;
      height:auto;
      text-align: center;
      text-decoration: none;
    font-weight:bold;
    font-size:4.2vw;
    line-height:4.2vw;
    color:inherit;
    color:unset;
   }
   div.tabbox ul.tabs li {
      border-radius: 4px 4px 0px 0px;
      margin: 0px;
      padding: 0px;
      list-style-type: none;
      float: left;
      width: 25%;
    height:15vw;
   }
/*リンク------------------------------------------*/
div.link {
  width:100%;
  height:auto;
  margin:0 auto;
  float:left;
}

div#toplink {
  width:100%;
  height:auto;
  margin:0;
}

#toplink ul {
  width:100%;
  height:auto;
  position:relative;
  overflow: hidden;
  padding: 0px;
  margin:2% 0 0 0;
}

#toplink li {
  float:left;
  width:100%;
  text-align:center;
  list-style: none;
  background: linear-gradient( #ffffff,#b7e0ff);
  border:0.5px solid #259df8;
  box-sizing:border-box;
}

#toplink li a{
  font-size: 4.6vw;
  line-height: 6vw;
  padding:2vw 0;
  color: #259df8;
  display: block;
  text-decoration: none;
}

#toplink li a:hover {
  color: #ffffff;
  background: linear-gradient( #05FBFF, #1E00FF);
}
/*フッター------------------------------------------*/
div.footer, footer {
  width: 100%;
  font-size: 3vw;
  padding:3vw 0;
  text-align: center;
  color: white;
  clear:both;
}


/*googlemap */
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

}