/* screens smaller than 1360---------------------------------------------------------- */
@media only screen and (max-width:1360px) {
  .search_list { width: 100%; margin: 0 auto 80px; padding: 10px; }
  .search_list li a {width: 31%; min-height: auto;}
  .search_project_list { width: 100%; margin: 0 auto 80px; padding: 10px; }
  .search_project_list li a {width: 31%; height: auto;}
  .top_Gnav01 { margin-right: 10px; }
  .top_Gnav02 { margin-right: 10px; }
  .top_Gnav03 { margin-right: 10px; }
  }

/* screens smaller than 1324---------------------------------------------------------- */
@media only screen and (max-width:1324px) {
  /* .slide_main { display: none; } */
.slide_sp_none { display: none; }
.slide_pc_none { display: block; }
}

/* screens smaller than 1024---------------------------------------------------------- */
@media only screen and (max-width:1024px) {
.search_list { width: 100%; margin: 0 auto 80px; padding: 10px; }
.search_list li a { background: url(../images/service_search_bg.png); display: block; padding: 5px; width: 32%; min-height: auto; float: left; margin-bottom: 10px; margin-right: 10px; }
.search_project_list { width: 100%; margin: 0 auto 80px; padding: 10px; }
.search_project_list li a { background: url(../images/project_search_bg.png); display: block; padding: 5px; width: 32%; min-height: 300px; float: left; margin-bottom: 10px; margin-right: 10px; }
/* .slide_sp_none { display: none; } */
/* .slide_pc_none { display: block; } */
}


/* screens smaller than 920---------------------------------------------------------- */
@media only screen and (max-width:920px) {
.text_size { display: none; padding: 0 20px; border-left: solid 1px #000000; float: left; margin-top: 15px; }
.search_list li a {width: 30%; min-height: auto;}
.search_project_list li a {width: 30%; min-height: auto;}
}

/* screens smaller than 800---------------------------------------------------------- */
@media only screen and (max-width:800px) {

  .top_Gnav01 { display: block; width: 48%; max-width:100%; float: left; margin: 0 10px 15px 10px; background: url(../images/gnavi_bg01.png); padding: 10px; border-radius: 10px;  /* CSS3草案 */  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */   -moz-border-radius: 10px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); margin-bottom: 5px; }
  .top_Gnav02 { display: block; width: 48%; max-width:100%; float: left; margin: 0 0 15px 0; background: url(../images/gnavi_bg02.png); padding: 10px; border-radius: 10px;  /* CSS3草案 */  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */   -moz-border-radius: 10px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); }
  .top_Gnav03 { display: block; width: 48%; max-width:100%; float: left; margin: 0 10px 0 10px; background: url(../images/gnavi_bg02.png); padding: 10px; border-radius: 10px;  /* CSS3草案 */  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */   -moz-border-radius: 10px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); margin-bottom: 5px; }
  .top_Gnav04 { display: block; width: 48%; max-width:100%; float: left; margin: 0 0 10px 0; background: url(../images/gnavi_bg03.png); padding: 10px; border-radius: 10px;  /* CSS3草案 */  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */   -moz-border-radius: 10px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); }
  
}

/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {

  
header { width: 100%; display: block; border-bottom: solid 8px #008ce6; height: 60px; z-index: 9998; position: relative; background: #ffffff; padding: 5px; }

header h1 { width: 70px; height: 42px; display: inline; float: left; position: absolute; background: url(../images/header_logo.svg) no-repeat; }
header h1 img {  }
.navivation { width: 280px; float: right; padding: 0px; font-weight: 600; background: #ffffff; z-index: 9997; }
.contents_slide { display: block; width: 100%; margin: 0 auto; position: relative; }
.nav_link01,.text_size { display: none; }
.nav_search { padding: 0 5px; border-left: none; float: right; margin-top: 0px; z-index: 12; /*width: 100px;*/ /*width: 300px; height: auto; */ margin-right:20px;}
.meti_logo { padding: 0 0 0 5px; float: left; width: 125px; position: absolute;top:12px;right:140px;}

header#second { width: 100%; display: block; border-bottom: solid 8px #008ce6; height: 60px; z-index: 9998; position: relative; background: #ffffff; }

header#second h1 { width: 70px; height: 42px; display: inline; float: left; position: absolute; background: url(../images/header_logo.svg) no-repeat; }
header#second h1 img {  }
#second .navivation_second { width: 280px; float: right; padding: 0px; font-weight: 600; background: #ffffff; z-index: 99997; }
#second .nav_link01 { padding: 0 20px; border-left: solid 1px #000000; float: left; margin-top: 5px; height: 34px!important; display: table; text-align: left; vertical-align: middle; }
#second .nav_link01 a { color:#333333; }
#second .nav_link01_in { height: 34px!important; display: table-cell; text-align: left; vertical-align: middle; }
#second .text_size { display: none; padding: 0 20px; border-left: solid 1px #000000; float: left; margin-top: 5px; }
#second .nav_link01 { display: none; }
#second .text_size_text { display: inline; }
#second .nav_search { padding: 0 5px; border-left: none; float: right; margin-top: 0px; z-index: 12; /*width: 100px;*/ /*width: 300px; height: auto; */ margin-right:20px;}
#second .meti_logo { padding: 0 0 0 5px; float: left; width: 125px; position: absolute;top:12px;right:140px;}
#second .meti_logo img{position: relative; top:0;right:0; width: 130px;}
#second .gloval_btn { background: #f6f6f6; box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); padding: 38px 0; }
#second_nav { display: none; }
.rightside_nav { display: none; }

.bread_scraps { background: #f6f6f6; z-index: 10; position: relative; }
.bread_scraps_content { font-size: 90%; color: #606060; width: 100%; margin: 0 auto; padding: 5px 0 5px 30px; background: url(../images/home_icon.svg) no-repeat; background-size: 12px auto; background-position: 2% center; }

.second_content { padding: 35px 0}
.second_content h2 { background: url(../images/second_h2_icon.svg) 3% top no-repeat; background-size: 60px auto; color: #0097e0; font-size: 140%; padding: 0 0 0 75px; text-align: left; font-weight: 600; }
.second_content h2.edtech_search { background: url(../images/gnavi_icon02.svg) 2% top no-repeat!important; background-size: 50px auto!important; color: #0097e0; font-size: 140%; padding: 0; text-align: left; font-weight: 600; padding: 0 10px 0 65px; }
.second_content h2.edtech_case_search { background: url(../images/gnavi_icon03.svg) 2% top no-repeat!important; background-size: 50px auto!important; color: #0097e0; font-size: 140%; padding: 0; text-align: left; font-weight: 600; padding: 0 10px 0 65px; }
.second_content h2.project_search { background: url(../images/gnavi_icon01.svg) 2% top no-repeat!important; background-size: 50px auto!important; color: #1059b6; font-size: 140%; padding: 0; text-align: left; font-weight: 600; padding: 0 10px 0 65px; }
.second_content2 h2.edtech_case_search { background: url(../images/gnavi_icon03.svg) 2% top no-repeat!important; background-size: 50px auto!important; color: #0097e0; font-size: 140%; padding: 0; text-align: left; font-weight: 600; padding: 0 10px 5px 65px; margin-bottom:10px;}
.second_content2 h2.project_search { background: url(../images/gnavi_icon01.svg) 2% top no-repeat!important; background-size: 50px auto!important; color: #1059b6; font-size: 140%; padding: 0; text-align: left; font-weight: 600; padding: 0 10px 0 65px; }
.second_content h2.news_top { background: url(../images/gnavi_icon04.svg) 2% top no-repeat!important; background-size: 50px auto!important; color: #029cb4; font-size: 140%; padding: 0; text-align: left; font-weight: 600; padding: 0 0 0 65px; }
.second_content2 h2.edtech_project_search { background: url(../images/gnavi_icon01.svg) 2% top no-repeat!important; background-size: 50px auto!important; color: #1059b6; font-size: 140%; padding: 0; text-align: left; font-weight: 600; padding: 0 0 0 65px; }
.h2_smallText { text-align: left; display: block; margin-top: 40px; color: #000000; font-size: 80%; font-weight: 100; padding: 0 10px; margin-left: -50px; }

.search_top_btn3 { padding: 10px 0; }
.search_top_btn3 a { background: url(../images/search_top_btn3.svg) left center no-repeat; background-size: 22px auto; padding: 10px 0 10px 30px; color: #029cb4; font-weight: 600; margin: 0 0 0 10px;}
.news_detail_notice { padding: 0 10px; }

.search_top_btn2 { padding: 10px; }
.search_top_btn2 a { background: url(../images/search_top_btn2.svg) left center no-repeat; background-size: 22px auto; padding: 10px 0 10px 30px; color: #1059b6; font-weight: 600; }


.container_search { width: 100%; margin: 0 auto; position: relative; }
.search_tab { border-bottom: none; }
.search_tab .container_search ul.clearfix {overflow: hidden;height:auto;}
.search_tab_current { width: 95%; float: none; border: solid 2px #0097e0; margin-right: 0%; background: #ffffff; padding: 10px 0; text-align: center; margin-bottom: 0px; margin: 0 auto 10px; }
.search_tab li a { background: url(../images/search_sp_arrow2.svg) 95% center no-repeat #0097e0; background-size: 20px 20px; display: block; color: #ffffff; width: 95%; float: none; border: solid 2px #0097e0; margin-right: 0%; padding: 10px 0; text-align: center; margin-bottom: 0px; margin: 0 auto 10px; }
.search_tab li { font-weight: 600; }
.edsearch_main { margin: 0 0; padding: 20px; background: url(../images/service_search_bg.png); }
.project_search_main_main { margin: 0 0; padding: 20px; background: url(../images/project_search_bg.png); }
.search_instructions_text { color: #008ce6; text-align: center; }

.search_tab2 { border-bottom: none; }
.search_tab2 .container_search ul.clearfix {overflow: hidden;height:auto;}
.search_tab_current2 { width: 95%; float: none; border: solid 2px #1059b6; margin-right: 0%; background: #ffffff; padding: 10px 0; text-align: center; margin-bottom: 0px; margin: 0 auto 10px; }
.search_tab2 li a { background: url(../images/search_sp_arrow2.svg) 95% center no-repeat #1059b6; background-size: 20px 20px; display: block; color: #ffffff; width: 95%; float: none; border: solid 2px #1059b6; margin-right: 0%; padding: 10px 0; text-align: center; margin-bottom: 0px; margin: 0 auto 10px; }
.search_tab2 li { font-weight: 600; }



.search_form { text-align: center; }
.search_text { width: 90%; height: 50px; font-size: 100%; padding: 10px; border-radius: 0; border: solid 2px #0097e0; margin-right: -5px!important; margin-bottom: 20px; }
.search_button { width: 120px; height: 50px; color: #ffffff; margin-left: -5!important; font-size: 140%; padding: 9px; background: url("../images/search_button.svg"); border-radius: 10px 10px 10px 10px; border: none; background-size: auto; }

.search_form2 { text-align: center; }
.search_text2 { width: 90%; height: 50px; font-size: 140%; padding: 10px; border-radius: 0; border: solid 2px #1059b6; margin-right: -5px!important; margin-bottom: 20px; }
.search_button2 { width: 120px; height: 50px; color: #ffffff; margin-left: -5!important; font-size: 140%; padding: 9px; background: url("../images/search_button.svg"); border-radius: 10px 10px 10px 10px; border: none; background-size: auto; }

.paragraph { margin: 20px 0 60px; }
.paragraph h3 { background: url(../images/h3_line2.png) bottom repeat-x; font-size: 160%; font-weight: 100; padding: 0 0 10px 10px; }
.paragraph p { padding: 20px 10px 0 10px; line-height: 180%; }
.paragraph ul { padding: 20px; }
.paragraph li { list-style-type: disc; }
.paragraph p.last_paragraph { padding: 42px 0 0 0; line-height: 180%; }

.sp_what_btn { display: block; width: 100%; margin-top: -11px; position: relative; z-index:9996;}
.sp_what_btn img { width: 100%; height: auto; }

.contents { width: 100%; margin: 0 auto; position: relative; }
.container { width: 96%; margin: 0 auto 0px; position: relative; }

/* .slide_main { display: none; } */
.slide_main { width: auto;}
/* .slide_logo { display: none; } */
.slide_btn { display: none; }
.slide_text { display: none; }
.slide_logo {width:300px;margin:120px 0 0 10px;padding: 0;}
.slide_logo img {width:90%;margin-bottom:10px;}

.news_notice { width: 100%; float: none; }
.news_detail { width: 100%; float: none; margin-bottom: 10px; }
.news_mainTxt { min-height: auto;}
.news_facebook { width: 100%; float: none; }
.project_detail { width: 90%; float: none; margin-bottom: 40px; }
.project_detail img { width: 100%; height: auto; }
.service_detail { width: 100%; float: none; margin-bottom: 40px; }
.service_detail img { width: 100%; height: auto; }
.fix-header { display: none; }

.Gnav01_icon { width: 70px; height: auto; margin: 0 auto 10px; }
.Gnav_text { text-align: center; }
.Gnav_text01 { color: #1059b6; font-weight: 600; }
.Gnav_text02 { color: #1059b6; font-size: 160%; font-weight: 600;  display: block; line-height: 105%; }
.Gnav_text01_2 { color: #008ce6; font-weight: 600; }
.Gnav_text02_2 { color: #008ce6; font-size: 160%; font-weight: 600;  display: block; line-height: 105%; }
.Gnav_text02_3 { color: #029cb4; font-size: 140%; font-weight: 600;  display: block; line-height: 120%; }
.Gnav_text03 { color: #333333; font-size: 90%; text-align: left; display: none; }

.news { padding: 0 0 20px 0; }
.news h2 { margin: 45px 0; padding: 80px 0 0 0; background: url(../images/gnavi_icon04.svg) center top no-repeat; background-size: 80px auto; text-align: center; font-size: 160%; font-weight: 600; color: #666666; }
.news_notice h3 { color: #029cb4; font-size: 120%; /*border-bottom: dashed 3px #029cb4;*/ background: url(../images/h3_line.png) bottom repeat-x; font-weight: 600; padding: 0 0 10px 10px; margin-bottom: 10px; }
.news_btn { display: none; position: relative; margin-top: 15px;}
.news_content { background: url(../images/news_bg.png); position: relative; top: 0px; margin-top: 15px; z-index: 1; padding-top: 20px; min-height:520px;}
.news_detail_btn { margin-top: 15px; display: block; font-size: 80%; }
.news_detail_btn a { width: 70%; text-align: center; color: #ffffff; font-size: 120%;  background: url(../images/gnavi_bg03.png); display: block; position: relative; margin: 0 auto; padding: 0.5em 1em 0.5em 1.5em; border-radius: 50px;  /* CSS3草案 */  -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */   -moz-border-radius: 50px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); }
.news_detail_btn img { width: 20px; height: display: inline-block; margin-left: 2.5em; margin-top: 4px; }
  .news h3 { color: #029cb4; font-size: 160%; /*background: url(../images/h3_line.png) bottom repeat-x;*/ border-bottom: solid 1px #029cb4; font-weight: 600; padding: 20px 0 10px 10px; margin-bottom: 10px; }
.news_facebook h3 { color: #029cb4; font-size: 160%; background: url(../images/h3_line.png) bottom repeat-x; /*border-bottom: dashed 3px #029cb4;*/ font-weight: 600; padding: 40px 0 10px 10px; margin-bottom: 10px; }
.news_fb_btn { display: none; position: relative; margin-top: 45px;}
.news_fb_btn a { font-size: 120%; display: block; width: 60%; text-align: center; border: solid 4px #029cb4; position: relative; margin: 0 auto; padding: 0.5em 1em; border-radius: 50px;  /* CSS3草案 */  -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */   -moz-border-radius: 50px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); color: #029cb4; background: url(../images/facebook_icon.svg) 94% no-repeat #ffffff; background-size: 25px auto; z-index: 2; }

.edtech_news h3 { color: #029cb4; font-size: 160%; background: url(../images/h3_line.png) bottom repeat-x; /*border-bottom: dashed 3px #029cb4;*/ font-weight: 600; padding: 40px 0 10px 10px;  margin-bottom: 10px; }
.edtech_content { background: url(../images/news_bg.png); position: relative; top: 10px; z-index: 1; padding: 20px 10px; }
.edtecj_detail { width: 100%; float: none; margin-bottom: 20px; }
.edtecj_detail img { width: 100%; height: auto; }
.edtech_detailTxt { background: #ffffff; font-size: 100%; padding: 5px; font-weight: 100; }
.edtech_offer01 { background: url(../images/edtech_logo01.png) left 5px no-repeat; border-top: solid 1px #029cb4; font-size: 60%; display: block; margin-top: 10px;  font-weight: 100; padding: 15px 0 0 25px; }
.edtech_detail_btn { margin: 20px 0 10px; display: block; }
.edtech_detail_btn a { width: 80%; text-align: center; color: #ffffff; font-size: 90%;  background: url(../images/gnavi_bg03.png); display: block; position: relative; margin: 0 auto; padding: 0.5em 1em 0.5em 1.2em; border-radius: 30px;  /* CSS3草案 */  -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */   -moz-border-radius: 30px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); }
.edtech_detail_btn img { width: 20px; height: display: inline-block; margin-left: 3em; margin-top: 0px; }

.project { padding: 0 0 20px 0; text-align: center; }
.project h2 { margin: 25px 0; padding: 80px 0 0 0; background: url(../images/gnavi_icon01.svg) center top no-repeat; background-size: 80px auto; font-size: 160%; font-weight: 600; color: #666666; }
.project_area { background: #d3e1f8; padding: 20px 10px 10px; margin-top: 0px; }
.project_btn { display: none; position: relative; margin-top: 0; }
.project_btn a { font-size: 120%; display: block; width: 25%; text-align: center; position: relative; margin: 0 auto; padding: 0.5em 1em; border-radius: 50px;  /* CSS3草案 */  -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */   -moz-border-radius: 50px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); color: #029cb4; background: url(../images/gnavi_bg01.png); background-size: 20px 20px; z-index: 2; color: #ffffff; }
.project_content { background: url(../images/news_bg.png); position: relative; top: 10px; z-index: 1; padding: 42px 12px; }
.project_detail { width: 100%; min-height:auto; float: none; margin-bottom: 40px; }
.project_detail h3 { background: #ffffff; font-size: 120%; font-weight: 600; padding: 15px 15px; }
.project_detailTxt { background: #ffffff; font-size: 100%; padding: 5px 15px; font-weight: 100; }
.project_detail_btn { margin: 20px 0; display: block; position: relative; text-align: left; }
.project_detail_btn a { color: #ffffff; font-size: 100%; width: 80%; /*text-align: center;*/ background: url(../images/gnavi_bg01.png); background-size: auto; display: block; position: relative; margin: 0 auto; padding: 0.5em 2em; border-radius: 30px;  /* CSS3草案 */  -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */   -moz-border-radius: 30px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); }
.project_detail_btn img { position: absolute; width: 20px; height: display: inline-block; right: 1em; margin-top: 2px; }

/* 2019-08-21 11:50:51 */
.project_detail_text_left { width: 34%;}
.project_detail_text_right { width: 66%;}

  /* 2019-07-12 18:10:41 */
  .search_detail_btn_c { margin: 20px 0; display: block; position: relative; text-align: left; }
  .search_detail_btn_c a { color: #ffffff; font-size: 100%; width: 80%; /*text-align: center;*/ background: url(../images/gnavi_bg02.png); background-size: 40px 40px; display: block; position: relative; margin: 0 auto; padding: 0.5em 2em; border-radius: 30px;  /* CSS3草案 */  -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */   -moz-border-radius: 30px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); }
  .search_detail_btn_c img { position: absolute; width: 20px; height: display: inline-block; right: 1em; margin-top: 2px; }

.service { padding: 0 0 20px 0; margin-bottom: 0!important; }
.service h2 { margin: 25px 0; padding: 80px 0 0 0; background: url(../images/gnavi_icon03.svg) center top no-repeat; background-size: 80px auto; text-align: center; font-size: 160%; font-weight: 600; color: #666666; }
.service h3 { color: #008ce6; font-size: 160%; background: url(../images/h3_line2.png) bottom repeat-x; /*border-bottom: dashed 3px #008ce6;*/ font-weight: 600; padding: 20px 0 10px 10px; margin-bottom: 10px; }
.service_btn { display: none; position: relative; margin-top: -60px; }
.service_btn a { font-size: 120%; display: block; width: 260px; text-align: center; position: absolute; right: 0px; padding: 0.5em 1em; border-radius: 50px;  /* CSS3草案 */  -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */   -moz-border-radius: 50px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); color: #029cb4; background: url(../images/gnavi_bg02.png); background-size: 25px auto; z-index: 2; color: #ffffff; }
.service_btn .more_search_arrow { width: 20px; height: display: inline-block; margin-left: 1em; margin-top: 3px; }
.service_btn .more_search_icon { width: 35px; height: display: inline-block; margin-right: 1em; margin-top: 0px; }
.service_area { background: url(../images/service_bg.png); padding: 20px 10px 10px; margin-top: 20px; }
.service_detail { width: 100%; min-height:auto; float: none; margin-bottom: 40px; }
.service_detail img { width: 100%; height: auto; }
.service_detail h4 { background: #ffffff; font-size: 120%; font-weight: 600; padding: 15px 15px; }
.service_detailTxt { background: #ffffff; font-size: 100%; padding: 5px 15px; font-weight: 100; }
.service_detail_btn { margin: 20px 0; display: block; position: relative; }
.service_detail_btn a { color: #ffffff; font-size: 100%; width: 80%;/* text-align: center;*/ background: url(../images/gnavi_bg02.png); display: block; position: relative; margin: 0 auto; padding: 0.5em 2em; border-radius: 30px;  /* CSS3草案 */  -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */   -moz-border-radius: 30px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); }
.service_detail_btn img { position: absolute; width: 20px; height: display: inline-block; right: 1em; margin-top: 0px; }


.page_top { display: none; height: 100px; text-align: center; }

footer { background: #ffffff; position: relative; padding: 0; box-shadow: 0px -10px 11px -5px rgba(0,0,0,0.0); }
footer .container {margin: 0 0 0 0;width: 100%;}
.footer_logo { display: none; width: 200px; height: auto; position: absolute; top: -70px; }
.footer_sns { background: #f6f6f6; width: 100%; height: auto; position: relative; top: 0px; right: 0; padding: 10px 0; text-align: center; }
.footer_sns img { width: 36px; height: auto; margin-right: 15px; }
.footer_menu { padding: 0; color: #333333;}
.footer_list { width: 100%; float: none; }
.footer_menu li { background: #ffffff; border-bottom: solid 1px #999999; padding: 0; background-size: auto 10px; margin-bottom: 0px; }
.footer_menu li.nav01 { border-left: solid 10px #1059b6; background: url("../images/footer_link_arrow01.svg") 97% no-repeat #ffffff; background-size: auto 15px; }
.footer_menu li.nav02 { border-left: solid 10px #008ce6; background: url("../images/footer_link_arrow02.svg") 97% no-repeat #ffffff; background-size: auto 15px; }
.footer_menu li.nav03 { border-left: solid 10px #029cb4; background: url("../images/footer_link_arrow03.svg") 97% no-repeat #ffffff; background-size: auto 15px; }
.footer_menu li a { font-size:  100%; color: #333333; }
.footer_list_text { display: inline-block; margin-top: 5px; }
.footer_menu li img { width: 45px; height: auto; margin: 0 10px 0 10px; padding-top: -15px; }
.footer_list2 { width: 100%; float: none; list-style-type: disc; }
.footer_list2 li { background: url("../images/footer_link_arrow04.svg") 97% no-repeat #eaeaea; background-size: auto 15px; margin-bottom: 0px; padding: 0px 0 0px 20px; }
.footer_list2 li a { font-size: 100%; color: #000000; }
.footer_list2 li img { width: 32px; height: auto; margin-right: 10px; }
.footer_copyright { border-top: solid 1px #ffffff; text-align: center; color: #000000; margin-top: 0px; padding: 14px 0 20px 0; font-size: 80%; }

.footer_menu li a {padding:0.6rem 0;}
.footer_list2 li a {padding:0.6rem 0;}


.notice_list { padding: 20px 0 40px; text-align: center; }
.notice_list a { background: url("../images/footer_link_arrow03.svg") right no-repeat #ffffff; background-size: auto 30px; text-decoration: underline; color: #029cb4; font-size: 140%; margin: 0 auto; padding: 10px 40px 10px; }
.notice_list2 { padding: 20px 0 40px; text-align: center; }
.notice_list2 a { background: url("../images/footer_link_arrow01.svg") right no-repeat #ffffff; background-size: auto 30px; text-decoration: underline; color: #1059b6; font-size: 140%; margin: 0 auto; padding: 10px 40px 10px; }
.notice_list3 { padding: 10px 0 40px; text-align: center; }
.notice_list3 a { background: url("../images/footer_link_arrow02.svg") right no-repeat #ffffff; background-size: auto 30px; text-decoration: underline; color: #1059b6; font-size: 140%; margin: 0 auto; padding: 10px 40px 10px; }

.sp_none { display: none; }
.pc_none { display: inline-block; }
.pc_none_block { display: block; }
.slide_sp_none { display: none; }
.slide_pc_none { display: block; }
.sp_footer_none { display: none; }
.pc_footer_none { display: inline-block; }

/* ヘッダー検索窓 */
#ol-search{
  display:none;
}
.search-icon{
  position: absolute;
   cursor:pointer;
   background-image: url(../images/header_search_sp.svg);
   background-size: contain;
   background-repeat: no-repeat;
    width: 40px;
    height: 34px;
    display: block;
    color: #000;
    text-indent: -99999px;
    right:60px;
}
#ol-search:checked ~ .search-icon { background: url(../images/header_search_close_sp.svg) no-repeat; }
/*.search-icon:active { background: url(../images/header_logo.svg) no-repeat; }
.search-icon::before{
  font-family:FontAwesome;
  content:'\f002';
}
*/
.overlay, 
.ol-search-wrap{
  display:none;
  opacity:0;
  position:fixed;
  top:60px;
  left:0;
  width:100%;
  height:100%;
  animation:fade_overlay .3s;
}
.ol-search-wrap{
  z-index:-10;
}
.overlay{
  z-index:1;
  background:rgba(0,0,0,.4);
}
#ol-search:checked ~ .ol-search-wrap,
#ol-search:checked ~ .ol-search-wrap .overlay{
  display:block;
  opacity:1;
}
.ol-searchform .searchform{
  position:fixed;
  top: 60px;
  right: 0;
  z-index: 99999999;
  max-width: 100%;
  width: 100%;
  transform:translate(0,0);
  display:flex;
  padding: 20px 0 20px 20px;
  border-radius: 0;
}

.ol-searchform, .ol-searchform .search-submit{
  height: auto;
  padding:4px 12px;
  border:none;
  background:rgba(0,0,0,.0);
  color:#fff;
  transition:.3s;
  outline:none;
  font-size: 140%;
}
.ol-searchform {
  flex:1;
  border-radius: 0 0 0 0;
  font-size: 160%;
  height: 30px;
}
.ol-searchform .search-submit{
  cursor:pointer;
  border-radius: 0 0 0 0;
  background: url(../images/search_icon.svg) center no-repeat;
  width: 26px; height: auto;
}
.ol-searchform .search-field:focus,
.ol-searchform .search-field:focus/* + .search-submit*/{
  background:rgba(0,0,0,0);
}
.search-field { width: 80%; border: solid 1px #000; /*font-size: 100%;*/ padding: 10px; margin-right: 20px; }

.sp_menu { display: block; z-index: 99999; }
.sp_menu_text { potision: absolute; bottom: 0; font-size: 55%; margin-top: 30px; display: inline-block; text-align: center; color: #008ce6; }
.sp_menu_text_close { display: none; }

.global-nav {
  position: fixed;
  right: 0; /* これで隠れる */
  top: -400px;
  width: 100%; /* スマホに収まるくらい */
  height: auto;
  padding-top: 0px;
  background-color: #fff;
  transition: all .6s;
  z-index: 99999;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
}
.hamburger {
  position: absolute;
  right: 0;
  top: 0;
  width: 45px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 45px; /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  z-index: 300;
}
.global-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.global-nav__item {
  text-align: left;
  padding: 0 14px;
}
.global-nav__item a {
  display: block;
  padding: 8px 0;
  text-decoration: none;
  color: #111;
}
.global-nav__item a:hover {
  background-color: #eee;
}
.hamburger__line {
  position: absolute;
  left: 5px;
  width: 18px;
  height: 2px;
  background-color: #008ce6;
  transition: all .6s;
}
.hamburger__line--1 {
  top: 14px;
}
.hamburger__line--2 {
  top: 20px;
}
.hamburger__line--3 {
  top: 26px;
}
.black-bg {
  position: fixed;
  left: 0;
  top: 60px;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
}
/* 表示された時用のCSS */
.nav-open .global-nav {
  /*right: 0;*/
  top: 60px;
}
.nav-open header.search-open .global-nav {
  top: 135px;
}
.nav-open .black-bg {
  opacity: .8;
  visibility: visible;
}
.nav-open header.search-open .black-bg {
  top: 135px;
}
.nav-open .hamburger__line--1 {
  transform: rotate(45deg);
  top: 20px;
}
.nav-open .hamburger__line--2 {
  width: 0;
  left: 50%;
}
.nav-open .hamburger__line--3 {
  transform: rotate(-45deg);
  top: 20px;
}
.nav-open .sp_menu_text { display: none; }
.nav-open .sp_menu_text_close { potision: absolute; bottom: 0; font-size: 55%; margin-top: 30px; display: inline-block; text-align: center; color: #008ce6; }

.global-nav__list li { background: #ffffff; border-bottom: solid 1px #999999; padding: 10px 0; background-size: auto 10px; margin-bottom: 0px; width: 100%; }
.global-nav__list li.nav00 { color: #ffffff; background: url("../images/footer_link_arrow05.svg") 97% no-repeat #e85298; background-size: auto 15px; padding-left: 80px; }
.global-nav__list li.nav00 a { color: #ffffff; }
.global-nav__list li.nav01 { border-left: solid 10px #1059b6; background: url("../images/footer_link_arrow01.svg") 97% no-repeat #ffffff; background-size: auto 15px; }
.global-nav__list li.nav02 { border-left: solid 10px #008ce6; background: url("../images/footer_link_arrow02.svg") 97% no-repeat #ffffff; background-size: auto 15px; }
.global-nav__list li.nav03 { border-left: solid 10px #029cb4; background: url("../images/footer_link_arrow03.svg") 97% no-repeat #ffffff; background-size: auto 15px; }
.global-nav__list li.nav04 { height: 100px; background: #eaeaea; }
.global-nav__list li a { font-size:  100%; color: #333333; }
.global-nav_list_text { display: inline-block; margin-top: 5px;color: #000;}
.nav00 .global-nav_list_text {color: #fff;}
.global-nav__list li img { width: 45px; height: auto; margin: 0 10px 0 10px; padding-top: -15px; }
.global-nav ul li{
		float:none;
		margin:0;
	}

.conditions_container { text-align: left; height: 100%; padding: 0 0 20px 0; border-bottom: solid 1px #008ce6; margin-bottom: 20px; }
.item_left { width: 100%; min-height: 0; height: auto; float: none; background: #008ce6; display: block; vertical-align: middle; text-align: center; color: #ffffff; padding: 10px; margin-bottom: 20px; }
.item_right { width: 100%; float: none; }

/* SP条件から探すアコーディオン */
/*ボックス全体*/
.accbox {
    margin: 0 0 10px;
    padding: 0;
    width: 100%;/*最大幅*/
}

/*ラベル*/
.accbox label.lb-ttl {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #ffffff;
    font-weight: bold;
    background: url("../images/search_sp_arrow.svg") 96% no-repeat #0097e0; background-size: 20px;
    /* background: #0097e0; */
    cursor :pointer;
    transition: all 0.5s;
    text-align: center;
}
/*ラベルホバー時*/
.accbox label.lb-ttl {  }
/*クリックで中身表示*/
.cssacc:checked + label.lb-ttl + .accshow { height: auto; padding: 0px; background: #fff5eb; opacity: 1; }
/*アイコンを入れ替える*/
.cssacc:checked + label.lb-ttl {background: url("../images/search_sp_arrow_up.svg") 96% no-repeat #0097e0; background-size: 20px;}


/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}


.accbox .accshow p {
    margin: 15px 10px}



.search_checkbox { display: block; padding: 10px; width: 100%; border-bottom: solid 1px #999999; background: #ffffff; }
.search_checkbox input { display: inline-block; }
.conditions_sp_search { margin-bottom: 20px; }

/* チェックボックス */
/* 追加なし */




.search_list { margin-bottom: 80px; padding: 10px; }
.search_list li a {width: 47.1%;}
.search_list li a img { width: 100%; height: auto; }

.search_project_list { margin-bottom: 80px; padding: 10px; }
.search_project_list li a {width: 47.1%;}
.search_project_list li a img { width: 100%; height: auto; }

/* .search_project_list {margin-bottom: 80px; padding: 10px;} */
/* .search_project_list li a { background: url(../images/project_search_bg.png); display: block; padding: 5px; width: 47.1%; min-height: 125px; float: left; margin: 0 10px 10px 0; } */
/* .search_project_list li a img { width: 100%; height: auto; } */

.search_top_btn { padding: 10px 0; }
.search_top_btn a { background: url(../images/search_top_btn.svg) left center no-repeat; background-size: 22px auto; padding: 10px 0 10px 30px; color: #0097e0; font-weight: 600; margin: 0 10px; }
.search_hit { background-image: url(../images/search_hit.svg);background-position: 10px center; background-size: 22px auto; padding: 0 0 0 30px; color: #666666; margin-top: 60px;text-align: left; }
.search_hit_number { font-size: 180%; font-weight: 600; color: #008ce6; padding: 0 10px; display: inline-block; }
.search_pagenation { text-align: center; font-size: 140%; }
.search_pagenation a { color: #008ce6; text-decoration: underline; }

.change_conditions_btn { text-align: center; }
.change_conditions_btn a { display: inline-block; margin: 0 auto; font-size: 140%; padding: 10px 60px; font-weight: 600; border-radius: 60px;  border: solid 4px #0097e0; color: #0097e0; text-align: center; background: url(../images/change_conditions_btn.svg) 95% center no-repeat #ffffff; background-size: 30px 30px; box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); }

.second_content2 { padding: 35px 0 0; }
.second_content2 h2.search_result { background: url(../images/search_result_icon.svg) 3% top no-repeat!important; background-size: 22px auto!important; color: #0097e0; font-size: 140%; padding: 0; text-align: left; font-weight: 600; padding: 0 10px 0 50px; }
.container_search_result { width: 100%; margin: 0 auto; position: relative; }
.search_result_detail_container { margin-bottom: 50px; border-top: solid 1px #0097e0; padding: 20px; }
.search_result_detail_image { width: 100%; float: none; }
.search_result_detail_image img { width: 100%; height: auto; margin-bottom: 10px; }
.search_result_detail_right { width: 100%; float: none; }
.search_result_detail_btn a { color: #ffffff; font-size: 100%; width: 100%;/* text-align: center;*/ background: url(../images/gnavi_bg02.png); display: block; position: relative; padding: 0.5em 2em; border-radius: 30px;  /* CSS3草案 */  -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */   -moz-border-radius: 30px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); }

.view {margin:-20px auto 40px auto;text-align: center;}

.img_center { width: 100%; text-align: center; margin-bottom: 40px; }
.img_center img { width: 100%; height: auto; }
.detail_img_left { width: 100%; float: none; }
.detail_text_right { width: 100%; float: none; }
.detail_img_right { width: 100%; float: none; }
.detail_text_left { width: 100%; float: none; }
.detail_conditions { width: 100%; float: none; margin-bottom: 40px; }
.detail_conditions_text { margin-bottom: 20px; }
.detail_page_searvice_inq01 { width: 90%; float: none; border-right: none; margin-right: 20px; min-height: auto; margin: 0 auto 40px; }
.detail_page_searvice_inq02 { width: 90%; float: none; border-right: none; margin-right: 20px; min-height: auto; margin: 0 auto 40px; }
.detail_page_searvice_inq03 { width: 90%; float: none; min-height: auto; margin: 0 auto 40px; }
.detail_page_searvice_inq04 { width: 90%; min-height: auto; padding: 0px 0; margin: 0 auto 40px; }
.searvice_detai_table dt { padding: 10px; width: 100%; background: #e3e3e3; float: none; border-top: solid 1px #696969; border-right: solid 1px #696969; border-left: solid 1px #696969; }
.searvice_detai_table dd { padding: 10px; width: 100%; background: #ffffff; float: none; border-top: solid 1px #696969; border-right: solid 1px #696969; }
.searvice_detail_other_btn { position: relative; text-align: center; }
.searvice_detail_other_btn a { font-size: 100%; display: inline-block; width: 90%; text-align: center; position: relative; padding: 0.5em 1em; border-radius: 50px;  /* CSS3草案 */  -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */   -moz-border-radius: 50px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); color: #029cb4; background: url(../images/gnavi_bg02.png); background-size: 25px auto; z-index: 2; color: #ffffff; margin: 40px auto; }
.detai_other_searvice_list li { width: 338px; float: none; margin: 0 auto 40px; }
.other_searvice_image img { width: 100%; height: auto; }

.news_list_container { width: 100%; margin: 0 auto; }
.news_lise_date { width: 100%; float: none; color: #028eab; font-weight: 600; padding: 10px 20px; }
.news_list_detail { width: 100%; float: none; border-top: solid 1px #028eab; padding: 10px 20px 40px; }

.news_detail_body_text { padding: 20px; }

.sp_text_left { text-align: left; }

.fb-container { width: 100%; max-width: 500px; }

.search_project_instructions_text2 { padding: 0 10px; }
.search_project_instructions_text { padding: 0 10px; }

.search_button3 { width: 180px; height: 50px; color: #ffffff; margin-left: -5!important; font-size: 140%; padding: 9px; background: url(../images/gnavi_bg01.png); border-radius: 10px 10px 10px 10px; border: none; background-size: auto; position: relative; margin: 0 auto; }

.case_search_result { width: 100%; float: none; }
.case_search_result_img { width: 100%; float: none; display: block; vertical-align: top; text-align: center; }
.case_search_result_img img { width: 95px; height: auto; margin: 0 auto; }
.case_search_result_left { font-size: 120%; padding: 0 10px; width: 100%; float: none; color: #666666; font-weight: 100; margin-bottom: 15px; }
.case_search_result_right { padding: 0 10px; width: 100%; float: none; font-size: 180%; color: #0097e0; font-weight: 600; margin-bottom: 15px; line-height: 100%; }
.case_search_result_link { font-size: 50%; font-weight: 100; color: #666666; }

.detail_page_container2 { margin: 0; border-bottom: solid 1px #1059b6; padding: 40px 10px; }
.detail_page_container_last2 { margin: 0; background: url(../images/h3_line.png) bottom repeat-x; padding: 40px 10px; }
.detail_page_container2 h5 { display: inline-block; background: #1059b6; color: #ffffff; padding: 5px 20px; width: auto; text-align: center; margin-bottom: 20px; }
.detail_page_container_last2 h5 { display: inline-block; background: #1059b6; color: #ffffff; padding: 5px 0; width: auto; text-align: center; margin-bottom: 20px; }
.detail_page_container2 h4 { color: #333333; font-size: 140%; margin-bottom: 20px; font-weight: 600; }
.case_detail_img { width: 100%; float: none; }
.case_detail_img img { width: 100%; height: auto; }
.case_detail_text { width: 100%; float: none; }
.case_detail_img_s { width: 29%; float: left; padding-right:1rem;}
.case_detail_img_s img { width: 100%; height:auto; }
.case_detail_text_s { width: 70%; float: left;}
.case_detail_img2 { width: 100%; float: none; }
.case_detail_img2 img { width: 100%; height: auto; }
.case_detail_text2 { width: 100%; float: none; }

.project_detail_other_btn { position: relative; text-align: center; }
.project_detail_other_btn a { font-size: 120%; display: inline-block; width: 90%; text-align: center; position: relative; padding: 0.5em 1em; border-radius: 50px;  /* CSS3草案 */  -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */   -moz-border-radius: 50px;   /* Firefox用 */ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2); color: #029cb4; background: url(../images/search_button2.svg); background-size: 25px auto; z-index: 2; color: #ffffff; margin: 40px auto; }
.project_detail_other_btn .more_search_arrow { width: 20px; height: display: inline-block; margin-left: 1em; margin-top: 3px; }
.project_detail_other_btn .more_search_icon { width: 35px; height: display: inline-block; margin-right: 1em; margin-top: 0px; }

.project_detail_page_container { margin: 0; border-bottom: solid 1px #1059b6; padding: 40px 10px; }
.project_detail_page_container_last { margin: 0; padding: 40px 10px; }
.project_detail_page_container h5 { display: inline-block; background: #1059b6; color: #ffffff; padding: 5px 20px; width: auto; text-align: center; margin-bottom: 20px; }
.project_detail_page_container_last h5 { display: inline-block; background: #1059b6; color: #ffffff; padding: 5px 20px; width: auto; text-align: center; margin-bottom: 20px; }

.case_detail_img { margin-bottom: 20px; }
.case_detail_text { margin-bottom: 20px; }

.project_detail_body_text a { font-size: 90%; color: #1059b6!important; background: url(../images/pdf_link_btn.png) left top no-repeat!important; padding: 0 0 0 20px; display: inline-block; }
.searvice_detai_table { padding: 0 0px; }

.detail_other_project { margin: 60px 10px 0; }





/* 2019-07-11 15:25:08 */
.thumb-480-210 {padding-bottom:60%;background-size:cover;background-position:center top;background-repeat: no-repeat;margin-bottom:0rem;}
.thumb-360-360 {padding-bottom:60%;background-size:cover;background-position:center center;background-repeat: no-repeat;margin-bottom:1rem;}

#c_bg_product{background:#1059b6;}

.other_service_detail_btn a{font-size: 86%;padding: 0.4rem 0.6rem;}
.other_project_detail_btn a{font-size: 86%;padding: 0.4rem 0.6rem;}
.search_list li a {width: 46.5%;}
.search_project_list li a {width: 46.5%;}

/* 2019.07.18 追加 */
.faq .faq_Q { color: #029cb4; display: inline-block; margin-right: 20px; margin-left: -10px; font-size: 120%; font-weight: 600; }
.faq_table_left { width: 95%; float: none; margin-bottom: 20px; }
.faq_table_right { width: 95%; float: none; }


/* 2019.07.24 未来の教室ってなに？ */
.contents_image_second { width: 100%; height: 152px; display: block; margin: 0 auto; position: relative; text-align: left; background: url(../images/about/what_top_image.jpg) center center no-repeat; background-size: auto 152px; }
.contents_image_second img { width: 134px; height: auto; margin: 20px; }
.what_container h3 { color: #333333; font-size: 160%; font-weight: 600;background: url(../images/h3_line2.png) bottom repeat-x; padding: 10px 0; }
.what_content { margin-bottom: 40px; }
.what_content2 { margin-bottom: 40px; }
.what_content3 { margin-bottom: 40px; width: 100%; margin: 0 auto; }
.what_container3 { background: url(../images/about/what_bg.png); padding: 20px; }
.what_content2 p a { text-align: center; display: inline-block; width: 100%; background: url(../images/about/what_pdf_icon.svg) 95% center no-repeat; background-size: 24px auto; border: solid 4px #029cb4; border-radius: 40px; padding: 5px 40px; color: #029cb4; }
.what_container h2 { color: #333333; font-size: 140%; text-align: center; font-weight: 600; margin: 20px 0 0px; }
.sp_padding { padding: 10px; }
.what_pillar01 a { width: 32%; float: left; display: block; border: solid 3px #4d4d4d; background: url(../images/about/what_pillar01.png) center 5% no-repeat; background-size: 80px auto; text-align: center; padding: 110px 0 40px; margin-right: 2%; border-radius: 20px; font-size: 90%; font-weight: 600; position: relative; }
.what_pillar02 a { width: 32%; float: left; display: block; border: solid 3px #4d4d4d; background: url(../images/about/what_pillar02.png) center 5% no-repeat; background-size: 80px auto; text-align: center; padding: 110px 0 40px; margin-right: 2%; border-radius: 20px; font-size: 90%; font-weight: 600; position: relative; }
.what_pillar03 a { width: 32%; float: left; display: block; border: solid 3px #4d4d4d; background: url(../images/about/what_pillar03.png) center 5% no-repeat; background-size: 80px auto; text-align: center; padding: 110px 0 40px; border-radius: 20px; font-size: 90%; font-weight: 600; position: relative; }
.what_pillar01 a img { width: 33px; height: auto; }
.what_pillar02 a img { width: 33px; height: auto; }
.what_pillar03 a img { width: 33px; height: auto; }
.what_pillar_arrow01 { width: 30px; height: auto; position: absolute; bottom: -20px; left: 35%; }
.what_img01 { text-align: center; width: 100%; margin: 65px auto 0; }
.what_img02 { background: #ffffff; width: 100%; padding: 20px; text-align: center; margin: 0 auto; }
.what_img01 img { width: 100%; height: auto; }
.what_img02 img { width: 100%; height: auto; }
.what_content3 { margin-bottom: 90px; width: 100%; margin: 0 auto; }
.pillar_left { width: 100%; float: none; padding: 0 10px; }
.pillar_right { width: 100%; float: none; padding: 0 10px; }
.pillar_left img { width: 100%; height: auto; }
.pillar_right img { width: 100%; height: auto; }
.pillar_none { width: 100%; padding: 0 10px; }
.sp_img img { width: 100%; height: auto; }
.what_content_box { width: 100%; margin: 0 auto; text-align: center; }
h4.what_pillar01 { background: url(../images/about/what_pillar01.png) top center no-repeat; background-size: 60px auto; padding: 100px 0 40px; font-size: 160%; font-weight: 600; text-align: center; margin: 20px 0 20px; }
h4.what_pillar01 img { width: 52px; height: auto; margin-right: 20px; margin-top: -20px; }
h4.what_pillar02 { background: url(../images/about/what_pillar02.png) top center no-repeat; background-size: 60px auto; padding: 100px 0 40px; font-size: 160%; font-weight: 600; text-align: center; margin: 20px 0 20px; }
h4.what_pillar02 img { width: 52px; height: auto; margin-right: 20px; margin-top: -20px; }
h4.what_pillar03 { background: url(../images/about/what_pillar03.png) top center no-repeat; background-size: 60px auto; padding: 100px 0 40px; font-size: 160%; font-weight: 600; text-align: center; margin: 20px 0 20px; }
h4.what_pillar03 img { width: 52px; height: auto; margin-right: 20px; margin-top: -20px; }
.what_action02_content { margin: 20px 0 40px; }
.mt80 { margin-top: 0px; }

.what_container h5.what_pillar01_h5 { color: #0097e0; font-size: 120%; text-align: left; font-weight: 600; padding: 0 10px; }
.what_container h5.what_pillar02_h5 { color: #1059b6; font-size: 120%; text-align: left; font-weight: 600; padding: 0 10px; }
.what_container h5.what_pillar03_h5 { color: #029cb4; font-size: 120%; text-align: left; font-weight: 600; padding: 0 10px; }

.what_pillar01_block01 { border-radius: 20px; border: solid 3px #4d4d4d; padding: 10px; margin: 20px 10px 20px; }
.what_pillar01_title01 { width: 50%; float: left; text-align: center; color: #008ce6; font-size: 120%; font-weight: 600; margin-bottom: 10px; }
.what_pillar01_title02 { width: 50%; float: right; text-align: center; color: #e85298; font-size: 120%; font-weight: 600; margin-bottom: 10px; }
.what_pillar01_text01_01 { height: 230px; width: 44%; float: left; background: #aedbe6; border-radius: 10px; font-size: 100%; padding:  80px 10px 20px 10px; display: block; vertical-align: middle; position: relative; background: url(../images/about/what_pillar01_task01.svg) center 4% no-repeat #aedbe6; background-size: 74px auto; margin-bottom: 20px; }
.what_pillar01_text01_02 { height: 230px; width: 44%; float: left; background: #aedbe6; border-radius: 10px; font-size: 100%; padding:  80px 10px 20px 10px; display: block; vertical-align: middle; position: relative; background: url(../images/about/what_pillar01_task02.svg) center 4% no-repeat #aedbe6; background-size: 74px auto; margin-bottom: 20px; }
.what_pillar01_text01_03 { height: 230px; width: 44%; float: left; background: #aedbe6; border-radius: 10px; font-size: 100%; padding:  80px 10px 20px 10px; display: block; vertical-align: middle; position: relative; background: url(../images/about/what_pillar01_task03.svg) center 4% no-repeat #aedbe6; background-size: 74px auto; margin-bottom: 20px; }
.what_pillar01_arrow { height: 230px; width: 8%; float: left; text-align: center; font-size: 120%; padding-top: 80px; margin-bottom: 20px; color: #4d4d4d; }
.what_pillar01_text02_01 { height: 230px; width: 44%; float: right; background: #f6bcd7; border-radius: 10px; font-size: 100%; padding: 80px 10px 20px 10px; display: block; vertical-align: middle; position: relative;background: url(../images/about/what_pillar01_action01.svg) center 4% no-repeat #f6bcd7;  background-size: 74px auto; margin-bottom: 20px; }
.what_pillar01_text02_02 { height: 230px; width: 44%; float: right; background: #f6bcd7; border-radius: 10px; font-size: 100%; padding: 80px 10px 20px 10px; display: block; vertical-align: middle; position: relative;background: url(../images/about/what_pillar01_action02.svg) center 4% no-repeat #f6bcd7;  background-size: 74px auto; margin-bottom: 20px; }
.what_pillar01_text02_03 { height: 230px; width: 44%; float: right; background: #f6bcd7; border-radius: 10px; font-size: 100%; padding: 80px 10px 20px 10px; display: block; vertical-align: middle; position: relative;background: url(../images/about/what_pillar01_action03.svg) center 4% no-repeat #f6bcd7;  background-size: 74px auto; margin-bottom: 20px; }
.what_pillar02_title01 { width: 50%; float: left; text-align: center; color: #1059b6; font-size: 120%; font-weight: 600; margin-bottom: 20px; }
.what_pillar02_title02 { width: 50%; float: right; text-align: center; color: #e85298; font-size: 120%; font-weight: 600; margin-bottom: 20px; }
.what_pillar02_text01_01 { height: 230px; width: 44%; float: left; background: #aedbe6; border-radius: 10px; font-size: 100%; padding: 80px 10px 20px 10px; display: block; vertical-align: middle; position: relative; background: url(../images/about/what_pillar02_task01.svg) center 4% no-repeat #aedbe6; background-size: 74px auto; margin-bottom: 20px; }
.what_pillar02_text01_02 { height: 230px; width: 44%; float: left; background: #aedbe6; border-radius: 10px; font-size: 100%; padding: 80px 10px 20px 10px; display: block; vertical-align: middle; position: relative; background: url(../images/about/what_pillar02_task02.svg) center 4% no-repeat #aedbe6; background-size: 74px auto; margin-bottom: 20px; }
.what_pillar02_text01_03 { height: 230px; width: 44%; float: left; background: #aedbe6; border-radius: 10px; font-size: 100%; padding: 80px 10px 20px 10px; display: block; vertical-align: middle; position: relative; background: url(../images/about/what_pillar02_task03.svg) center 4% no-repeat #aedbe6; background-size: 74px auto; margin-bottom: 20px; }
.what_pillar02_arrow { height: 230px; width: 8%; float: left; text-align: center; font-size: 140%; padding-top: 80px; margin-bottom: 20px; color: #4d4d4d; }
.what_pillar02_text02_01 { height: 230px; width: 44%; float: right; background: #f6bcd7; border-radius: 10px; font-size: 100%; padding: 80px 10px 20px 10px; display: block; vertical-align: middle; position: relative;background: url(../images/about/what_pillar02_action01.svg) center 4% no-repeat #f6bcd7;  background-size: 74px auto; margin-bottom: 20px; }
.what_pillar02_text02_02 { height: 230px; width: 44%; float: right; background: #f6bcd7; border-radius: 10px; font-size: 100%; padding: 80px 10px 20px 10px; display: block; vertical-align: middle; position: relative;background: url(../images/about/what_pillar02_action02.svg) center 4% no-repeat #f6bcd7;  background-size: 74px auto; margin-bottom: 20px; }
.what_pillar02_text02_03 { height: 230px; width: 44%; float: right; background: #f6bcd7; border-radius: 10px; font-size: 100%; padding: 80px 10px 20px 10px; display: block; vertical-align: middle; position: relative;background: url(../images/about/what_pillar02_action03.svg) center 4% no-repeat #f6bcd7;  background-size: 74px auto; margin-bottom: 20px; }
.what_pillar03_title01 { width: 50%; float: left; text-align: center; color: #029cb4; font-size: 120%; font-weight: 600; margin-bottom: 20px; }
.what_pillar03_title02 { width: 50%; float: right; text-align: center; color: #e85298; font-size: 120%; font-weight: 600; margin-bottom: 20px; }
.what_pillar03_text01_01 { height: 230px; width: 44%; float: left; background: #aedbe6; border-radius: 10px; font-size: 100%; padding: 80px 10px 20px 10px; display: block; vertical-align: middle; position: relative; background: url(../images/about/what_pillar03_task01.svg) center 4% no-repeat #aedbe6; background-size: 74px auto; margin-bottom: 20px; }
.what_pillar03_text01_02 { height: 230px; width: 44%; float: left; background: #aedbe6; border-radius: 10px; font-size: 100%; padding: 80px 10px 20px 10px; display: block; vertical-align: middle; position: relative; background: url(../images/about/what_pillar03_task02.svg) center 4% no-repeat #aedbe6; background-size: 74px auto; margin-bottom: 20px; }
.what_pillar03_text01_03 { height: 230px; width: 44%; float: left; background: #aedbe6; border-radius: 10px; font-size: 100%; padding: 80px 10px 20px 10px; display: block; vertical-align: middle; position: relative; background: url(../images/about/what_pillar03_task03.svg) center 4% no-repeat #aedbe6; background-size: 74px auto; margin-bottom: 20px; }
.what_pillar03_arrow { height: 230px; width: 8%; float: left; text-align: center; font-size: 140%; padding-top: 80px; margin-bottom: 20px; color: #4d4d4d; }
.what_pillar03_text02_01 { height: 230px; width: 44%; float: right; background: #f6bcd7; border-radius: 10px; font-size: 100%; padding: 80px 10px 20px 10px; display: block; vertical-align: middle; position: relative;background: url(../images/about/what_pillar03_action01.svg) center 4% no-repeat #f6bcd7;  background-size: 74px auto; margin-bottom: 20px; }
.what_pillar03_text02_02 { height: 230px; width: 44%; float: right; background: #f6bcd7; border-radius: 10px; font-size: 100%; padding: 80px 10px 20px 10px; display: block; vertical-align: middle; position: relative;background: url(../images/about/what_pillar03_action02.svg) center 4% no-repeat #f6bcd7;  background-size: 74px auto; margin-bottom: 20px; }
.what_pillar03_text02_03 { height: 230px; width: 44%; float: right; background: #f6bcd7; border-radius: 10px; font-size: 100%; padding: 80px 10px 20px 10px; display: block; vertical-align: middle; position: relative;background: url(../images/about/what_pillar03_action03.svg) center 4% no-repeat #f6bcd7;  background-size: 74px auto; margin-bottom: 20px; }
.what_action02_img01 img { width: 100%; height: auto; }

.pillar_action01_left { width: 100%; float: none; padding: 0 10px; }
.pillar_action01_arrow_left { width: 100%; float: none; font-size: 200%; padding-top: 20px; margin-left: 0%; text-align: center; }
.pillar_action01_right { width: 100%; float: none; padding: 0 10px; }
.pillar_action01_left h3 { border-bottom: dashed 1px #333333; margin-bottom: 10px; background: none; font-size: 120%; color: #e85298; }
.pillar_action01_right h3 { border-bottom: dashed 1px #333333; margin-bottom: 10px; background: none; font-size: 120%; color: #e85298; }
.pillar_action01_left img { width: 100%; height: auto; }
.pillar_action01_right img { width: 100%; height: auto; }

.what_pillar03_box2 { border: solid 1px #333333; padding: 10px 10px; font-weight: 600; margin: 0 10px; }
.what_pillar03_box2_text01 { font-size: 120%; color: #029cb4; }
.what_pillar03_box2_text02 { font-size: 100%; color: #e85298; }
.pillar03_bgPink { color: #ffffff; background: #e85298; text-align: center; font-weight: 600; padding: 10px 0; font-size: 120%; margin: 40px 10px; }
.what_content_box { width: 100%; margin: 0 auto; text-align: center; }
.what_content_box h2 { color: #333333; font-size: 140%; text-align: center; font-weight: 600; margin-bottom: 20px; }
.what_at_last { font-size: 140%; margin-bottom: 20px; }
.what_content_box_blue { text-align: left; font-weight: 600; background: #aedbe6; padding: 10px 10px; font-size: 100%; letter-spacing: 0.1em; line-height: 160%; }
.pillar03_bgBlue { color: #ffffff; background: #2ea1c8; text-align: center; font-weight: 600; padding: 10px 0; font-size: 120%; margin: 0px 10px; }
.what_last_text02 { width: 100%; float: none; padding-top: 0px; margin-right: 0; padding: 0 10px; }
.what_last { position: relative; border: solid 8px #aedbe6; border-radius: 20px; background: url(../images/header_logo.svg) center 90% no-repeat; background-size: 130px auto; margin: 40px 10px; padding: 10px 10px 100px;  }
.what_last h2 { color: #008ce6; }
.last_img { position: absolute; top: -40px; left: 40%; width: 65px; height: auto; }

h6.what_pillar01_action01 { color: #333333; font-size: 100%; font-weight: 600; background: url(../images/about/what_pillar01_action01.svg) left center no-repeat;  background-size: 62px auto; padding: 20px 0 20px 80px; margin: 0 10px; }
h6.what_pillar01_action02 { color: #333333; font-size: 100%; font-weight: 600; background: url(../images/about/what_pillar01_action02.svg) left center no-repeat;  background-size: 62px auto; padding: 20px 0 20px 80px;margin: 0 10px; }
h6.what_pillar01_action03 { color: #333333; font-size: 100%; font-weight: 600; background: url(../images/about/what_pillar01_action03.svg) left center no-repeat;  background-size: 62px auto; padding: 20px 0 20px 80px;margin: 0 10px; }
h6.what_pillar02_action01 { color: #333333; font-size: 100%; font-weight: 600; background: url(../images/about/what_pillar02_action01.svg) left center no-repeat;  background-size: 62px auto; padding: 20px 0 20px 80px;margin: 0 10px; }
h6.what_pillar02_action02 { color: #333333; font-size: 100%; font-weight: 600; background: url(../images/about/what_pillar02_action02.svg) left center no-repeat;  background-size: 62px auto; padding: 20px 0 20px 80px;margin: 0 10px; }
h6.what_pillar02_action03 { color: #333333; font-size: 100%; font-weight: 600; background: url(../images/about/what_pillar02_action03.svg) left center no-repeat;  background-size: 62px auto; padding: 20px 0 20px 80px;margin: 0 10px; }
h6.what_pillar03_action01 { color: #333333; font-size: 100%; font-weight: 600; background: url(../images/about/what_pillar03_action01.svg) left center no-repeat;  background-size: 62px auto; padding: 20px 0 20px 80px;margin: 0 10px; }
h6.what_pillar03_action02 { color: #333333; font-size: 100%; font-weight: 600; background: url(../images/about/what_pillar03_action02.svg) left center no-repeat;  background-size: 62px auto; padding: 20px 0 20px 80px;margin: 0 10px; }
h6.what_pillar03_action03 { color: #333333; font-size: 100%; font-weight: 600; background: url(../images/about/what_pillar03_action03.svg) left center no-repeat;  background-size: 62px auto; padding: 20px 0 20px 80px;margin: 0 10px; }

.pillar_left h3 { border-bottom: dashed 1px #333333; margin-bottom: 10px; background: none; font-size: 120%; color: #e85298; }
.pillar_none h3 { border-bottom: dashed 1px #333333; margin-bottom: 10px; background: none; font-size: 120%; color: #e85298; }


} /* // @media only screen and (max-width:690px) */


/* screens smaller than 500---------------------------------------------------------- */
@media only screen and (max-width:500px) {
  .top_Gnav01_white {min-height:138px;}
  }