header#second { width: 100%; display: block; border-bottom: solid 8px #008ce6; height: 71px; z-index: 9998; position: relative; background: #ffffff; } /* header#second:after { content: ""; display: block; clear: both; } */ header#second h1 { width: 137px; height: 82px; display: inline; float: left; position: absolute; background: url(../images/header_logo.svg) no-repeat; } header#second h1 img { } #second .navivation_second { width: auto; float: right; padding: 5px; font-weight: 600; background: none; 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: block;*/ padding: 0 20px; border-left: solid 1px #000000; float: left; margin-top: 5px; } #second .text_size_text { display: inline; } #second .nav_search { padding: 0 20px; /*border-left: solid 1px #000000;*/ float: left; margin-top: 5px; z-index: 12; /*width: 100px;*/ /*width: 300px; height: auto; *//* margin-right:180px;*/} #second .meti_logo { width: 120px;} #second .meti_logo img{position: relative; top:0;right:0; width: 160px;} .hamburger { width: 50px; height: 40px; cursor: pointer; z-index: 300; } .hamburger__line--1 { top: 9px; } .hamburger__line--2 { top: 17px; } .hamburger__line--3 { top: 26px; } .sp_menu_text, .sp_menu_text_close { margin-top: 33px; } .sp_menu { margin-top: 0; } #second .gloval_btn { background: #f6f6f6; box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); padding: 38px 0; } /* 固定ヘッダー */ #second_nav_fix { display: flex;justify-content: flex-end;flex-wrap: wrap;background: transparent; padding: 10px 0 0; text-align: center; z-index: 100; position: relative; border-top: solid 4px #008ce6; } .second_Gnav01 { display: inline-block; min-width: 190px; margin-right: 10px; padding: 5px; 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);background: linear-gradient(-135deg,#3eb160 calc(100% / 3),#33afb5 calc(100% / 3),#ce4c97 calc(200% / 3),#ed2939 calc(200% / 3));} .second_Gnav01 p{background-color:#fff;padding:5px;border-radius:6px;} .second_Gnav01 p img{max-height:38px;} .second_Gnav02 { display: inline-block; min-width: 190px; margin-right: 10px; padding: 5px; 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);background: linear-gradient(-135deg, #0397e0, #52999f, #7aa09c, #2fa1b4);} .second_Gnav02 p{background-color:#fff;padding:5px;border-radius:6px;} .second_Gnav02 p img{max-height:38px;} .second_Gnav03 { display: inline-block; min-width: 190px; margin-right: 10px; padding: 5px; 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);background: linear-gradient(-135deg, #ff7a00, #ffb238, #348d33, #4397ff, #ff5184);} .second_Gnav03 p{background-color:#fff;padding:5px;border-radius:6px;} .second_Gnav03 p img{max-height:38px;} .second_Gnav04 { display: inline-block; min-width: 190px; margin-right: 10px; padding: 5px; 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);background: linear-gradient(-135deg, #d65c75, #c14c85, #4c7fc3, #00b9cd);} .second_Gnav04 p{background-color:#fff;padding:5px;border-radius:6px;} .second_Gnav04 p img{max-height:38px;} .second_gnav_left { width: 50px; float: left; } .second_gnav_right { min-width: 130px; float: right; letter-spacing: 0.1em; } .bread_scraps { background: #f6f6f6; z-index: 10; position: relative; } .bread_scraps_content { width: 986px; margin: 0 auto; padding: 10px 0 10px 30px; background: url(../images/home_icon.svg) no-repeat; background-size: 18px auto; background-position: left center; } /* フォントサイズ変更 */ #second div#changeArea { line-height: 1.5; } #second div#changeArea ul#fontSize { *zoom: 1; /*forIE6,7*/ float: right; display: table-cell; } /* #second div#changeArea ul#fontSize:after { content: ""; display: table; clear: both; } */ #second div#changeArea ul#fontSize li.changeBtn { width: 34px!important; height: 34px!important; display: table-cell; text-align: center; vertical-align: middle; background-color: #c0e6ff; padding: 1px 5px; margin-right: 15px; /*float: left;*/ cursor: pointer; } #second .fontsize_text { width: auto!important; white-space: nowrap; float: left; height: 34px!important; display: table; text-align: left; vertical-align: middle; margin-right: 15px; } #second .fontsize_text { background-color: #ffffff!important; cursor: auto!important; } #second .fontsize_text_in { height: 34px!important; display: table-cell; text-align: left; vertical-align: middle; } #second .fontsize_text a:hover { color: #333333; } /* #second div#changeArea ul#fontSize li.fontsize_text:after { content: ""; display: block; float: right; } */ #second div#changeArea ul#fontSize li.fontsize_text:hover { background-color: #00a83b; color: #333333; } #second div#changeArea ul#fontSize li:hover { background-color: #00a83b; color: #ffffff; } #second div#changeArea ul#fontSize li.active { background-color: #00a83b; color: #ffffff; } #second div#changeArea ul#fontSize li.active:hover { background-color: #00a83b; color: #ffffff; } #second .changeBtn { margin-right: 10px; } /* 2020-09-12 13:28:29 */ /* ヘッダ：SNSボタン */ /* .sns-buttons { display: block; padding: 0 20px 0 0px; border-left: solid 1px #000000; float: left; margin-top: 15px;} */ #second .sns-buttons { display: block; padding: 0 16px; float: left; margin-top: 5px; border-left: 1px solid #000;border-right: 1px solid #000;} #second .sns-buttons img{height:28px;} #second .sns-buttons ul#sns-btn { *zoom: 1; /*forIE6,7*/ float: right; display: table-cell; } #second .sns-buttons ul#sns-btn li.sbtn { width: 34px!important; height: 34px!important; display: table-cell; text-align: center; vertical-align: middle; padding: 0; margin-right: 15px; /*float: left;*/ cursor: pointer; } #second .sns-buttons ul#sns-btn li.sns-btn_text:hover { background-color: #00a83b; color: #333333; } /* show hidden */ #second .sns-buttons_sp_show {display:none;} #second .sns-buttons_sp_hidden {display:inline-block;} @media only screen and (max-width: 970px) { #second .sns-buttons_sp_show {display:block;} #second .sns-buttons_sp_hidden {display:none;} } .rightside_nav { width: 56px; position: fixed; top: 100px; right: 0; z-index: 9999;} .rightside_nav img { width: 100%; height: auto;} .rightside_nav2 { width: 80px; position: fixed; top: 330px; right: 0; z-index: 9999;} .rightside_nav2 img { width: 100%; height: auto;} .second_content { padding: 100px 0 20px 0; } .second_content2 { padding: 60px 0 20px; } .second_content h2 { background-image: url(../images/second_h2_icon.svg); background-repeat: no-repeat; background-size: 100px 70px; color: #0097e0; font-size: 200%; padding: 0 0 20px 120px; font-weight: 600; } .second_content h2.edtech_search { background-image: url(../images/gnavi_icon02.svg); background-repeat: no-repeat; background-size: 100px 70px; color: #0097e0; font-size: 200%; padding: 10px 0 15px 120px; font-weight: 600; } .second_content h2.edtech_case_search { background-image: url(../images/gnavi_icon03.svg); background-repeat: no-repeat; background-size: 100px 70px; color: #0097e0; font-size: 200%; padding: 10px 0 15px 120px; font-weight: 600; } .second_content h2.project_search { background-image: url(../images/gnavi_icon01.svg); background-repeat: no-repeat; background-size: 100px 70px; color: #1059b6; font-size: 200%; padding: 10px 0 15px 120px; font-weight: 600; } .second_content h2.news_top { background-image: url(../images/gnavi_icon04.svg);background-position: 0 6px; background-repeat: no-repeat; background-size: 86px 60px; color: #029cb4; font-size: 200%; padding: 10px 0 15px 120px; font-weight: 600;text-align: left;margin: 0px 0;} .second_content2 h2.edtech_search { background-image: url(../images/gnavi_icon02.svg); background-repeat: no-repeat; background-size: 100px 70px; color: #0097e0; font-size: 200%; padding: 10px 0 15px 120px; font-weight: 600; } .second_content2 h2.edtech_case_search { background: url(../images/gnavi_icon03.svg); background-repeat: no-repeat; background-size: 100px 70px; color: #0097e0; font-size: 200%; padding: 10px 0 15px 120px; font-weight: 600; } .second_content2 h2.project_search { background-image: url(../images/gnavi_icon01.svg); background-repeat: no-repeat; background-size: 100px 70px; color: #1059b6; font-size: 200%; padding: 10px 0 15px 120px; font-weight: 600; } .second_content2 h2.search_result { background-image: url(../images/search_result_icon.svg); background-repeat: no-repeat; background-size: 58px auto; color: #0097e0; font-size: 200%; padding: 0 0 0 80px; font-weight: 600; } .second_content2 h2.edtech_project_search { background-image: url(../images/gnavi_icon01.svg); background-repeat: no-repeat; background-size: 100px 70px; color: #1059b6; font-size: 200%; padding: 10px 0 15px 120px; font-weight: 600; } .h2_smallText { color: #000000; font-size: 50%; font-weight: 100; } .case_search_result { width: 90%; float: left; } .case_search_result_img { width: 10%; float: left; display: table-cell; vertical-align: top; } .case_search_result_img img { width: 95px; height: auto; } .case_search_result_left { width: 15%; float: left; color: #666666; font-weight: 100; margin-bottom: 15px; } .case_search_result_right { width: 85%; float: right; font-size: 160%; color: #0097e0; font-weight: 600; margin-bottom: 15px; line-height: 120%; } .case_search_result_link { font-size: 70%; font-weight: 100; color: #666666; } .search_tab { border-bottom: solid 2px #0097e0; margin-bottom: 30px;} .search_tab .container_search ul.clearfix {overflow: visible;height:61px;} .search_tab_current {color: #0097e0; width: 32%; float: left; border-top: solid 2px #0097e0; border-left: solid 2px #0097e0; border-right: solid 2px #0097e0; margin-right: 1%; background: #ffffff; padding: 20px 0; text-align: center; margin-bottom: -2px; position: relative;z-index: 2;} .search_tab li a { color: #ffffff; width: 32%; float: left; border-top: solid 2px #0097e0; border-left: solid 2px #0097e0; border-right: solid 2px #0097e0; margin-right: 1%; background: #0097e0; padding: 20px 0; text-align: center; margin-bottom: -2px;} .search_tab li { font-weight: 600; } .edsearch_main { margin: 0 0; padding: 40px 0 70px; background: url(../images/service_search_bg.png); } .search_instructions_text { color: #008ce6; text-align: center; } .search_instructions_text2 { color: #008ce6; text-align: left; margin-bottom: 20px; padding: 0 10px;} .search_result_text { text-align: center; margin-top: 60px; } .view {max-width:1340px;margin:-10px auto 30px auto; padding:0.6rem;color:#ccc;text-align: center;} .view a{padding: 4px 1rem;background-color: #008ce6;color: #fff;border-radius: 0 50px 50px 0} .view a:hover{text-decoration: none;} .view2 {max-width:1340px;margin:-10px auto 30px auto; padding:0.6rem;color:#ccc;text-align: center;} .view2 a{padding: 4px 1rem;background-color: #1059b6;color: #fff;border-radius: 0 50px 50px 0} .view2 a:hover{text-decoration: none;} .search_number { display: block; position: relative; background: url(../images/search_number_bg.svg) center center no-repeat; font-size: 240%; font-weight: 600; text-align: center; background-size: 105px 221px; color: #ffffff; width: 105px; height: 221px; margin: 40px auto 80px; } .search_number p { position: relative; padding-top: 20px; } .search_number.listtsuki p { padding: 42px 0px 0 0; } .conditions_container { text-align: left; /*height: 100%;*/ padding: 0 0 20px 0; border-bottom: solid 1px #008ce6; margin-bottom: 20px; } .item_left { width: 110px; height: 100%; display: table-cell; background: #008ce6; display: table-cell; vertical-align: middle; text-align: center; color: #ffffff; padding: 10px 0; } .item_left2 { width: 110px; height: 100%; display: table-cell; background: #1059b6; display: table-cell; vertical-align: middle; text-align: center; color: #ffffff; padding: 10px 0; } .item_right { width: 845px; display: table-cell; padding-left: 20px; } .search_tab2 { border-bottom: solid 2px #1059b6; margin-bottom:30px; } .search_tab2 .container_search ul.clearfix {overflow: visible;height:61px;} .search_tab_current2 { color: #1059b6; width: 32%; float: left; border-top: solid 2px #1059b6; border-left: solid 2px #1059b6; border-right: solid 2px #1059b6; margin-right: 1%; background: #ffffff; padding: 20px 0; text-align: center; margin-bottom: -2px; } .search_tab2 li a { color: #ffffff; width: 32%; float: left; border-top: solid 2px #1059b6; border-left: solid 2px #1059b6; border-right: solid 2px #1059b6; margin-right: 1%; background: #1059b6; padding: 20px 0; text-align: center; margin-bottom: -2px; } .search_tab2 li { font-weight: 600; } .project_search_main_main { margin: 0 0; padding: 40px 0 60px; background: url(../images/project_search_bg.png); } .search_project_instructions_text { color: #1059b6; text-align: center; } .search_project_instructions_text2 { color: #1059b6; text-align: left; margin-bottom: 20px; } .search_project_result_text { text-align: center; margin-top: 60px; } .search_project_number { display: block; position: relative; background: url(../images/search_number_bg2.svg) center center no-repeat; font-size: 240%; font-weight: 600; text-align: center; background-size: 105px 221px; color: #ffffff; width: 105px; height: 221px; margin: 40px auto 80px; } .search_project_number p { padding: 26px 0px 0 0; } .search_project_number.listtsuki p { padding: 42px 0px 0 0; } .search_form2 { text-align: center; } .search_text2 { width: 560px; height: 50px; font-size: 140%; padding: 10px; border-radius:10px 0 0 10px; border: solid 2px #1059b6; margin-right: -5px!important; } .search_button3 { width: 120px; height: 50px; color: #ffffff; margin-left: -5!important; font-size: 140%; padding: 9px; background: url(../images/gnavi_bg01.png); border-radius:0 10px 10px 0; border: none; background-size: auto; } .search_button4 { 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; } .search_project_list { width: 1360px; margin: 0 auto 80px; padding: 10px;} .search_project_list li a {box-shadow:2px 2px 4px rgba(0,0,0,0.1); background: url(../images/project_search_bg.png); display: block; padding: 5px; width: 325px; height: 250px; float: left; margin-bottom: 10px; margin-right: 10px; } .search_project_list li a img { width: 100%; height: auto; } .grad-wrap { position: relative; } .grad-wrap + .grad-wrap { margin-top: 40px;} .grad-trigger { z-index: 2; position: absolute; right: 0; bottom: -30px; left: 0; width: 220px; margin: auto; padding: 0.4rem 1rem; background: #ffffff; border: solid 1px #999; color: #666666; font-size: 1.3rem; text-align: center; /* cursor: pointer; */ transition: 0.5s ease; border-radius: 20px 20px 20px 20px; font-size: 100%; } .grad-trigger:hover { border: solid 1px #fff; background: #f1f1f1; cursor: pointer; } .grad-trigger .fa { margin-right: .5em; } .grad-item { position: relative; overflow: hidden; } .grad-item.is-hide { height: 0px; /*隠した後の高さ*/ } .search_form { text-align: center; } .search_text { width: 560px; height: 50px; font-size: 140%; padding: 10px; border-radius:10px 0 0 10px; border: solid 2px #0097e0; margin-right: -5px!important; } .search_button { width: 120px; height: 50px; color: #ffffff; margin-left: -5!important; font-size: 140%; padding: 9px; background: url("../images/gnavi_bg02.png"); border-radius:0 10px 10px 0; border: none; background-size: auto; } .search_button2 { width: 180px; height: 50px; color: #ffffff; margin-left: -5!important; font-size: 140%; padding: 9px; background: url("../images/gnavi_bg02.png"); border-radius: 10px 10px 10px 10px; border: none; background-size: auto; position: relative; margin: 0 auto; } .search_condition_button { text-align: center; padding-bottom: 40px; margin: 10px 0; } .search_condition_button img { width: 24px; height: auto; margin-right: 10px; } .search_project_condition_button { text-align: center; padding-bottom: 40px; background: url(../images/h3_line3.png) bottom repeat-x; margin-bottom: 40px; } /* チェックボックス */ .cp_ipcheck { text-align: left; margin-top: -7px; } .cp_ipcheck label.search_checkbox { float: left; padding-right: 20px; padding-top: 10px; } .cp_ipcheck .option-input02 { position: relative; top: 5px; right: 0; bottom: 0; left: 0; width: 22px; height: 22px; margin-right: 0.5rem; cursor: pointer; /* transition: all 0.15s ease-out 0s; */ color: #ffffff; border: none; outline: none; background: #ffffff; -webkit-appearance: none; appearance: none; border: solid 1px #008ce6; } .cp_ipcheck .option-input02:hover { background: #008ce6; } .cp_ipcheck .option-input02:checked { background-color: #008ce6; background-image: url("../images/check-mark.svg"); background-size: 84%; background-repeat: no-repeat; background-position: center center; } .cp_ipcheck .option-input02.radio { border-radius: 50%; } .cp_ipcheck label { line-height: 20px; display: block; } .cp_ipcheck .option-input02:disabled { cursor: not-allowed; background: #b8b7b7; } /* チェックボックス02 */ .cp_ipcheck_project { text-align: left; margin-top: -7px; } .cp_ipcheck_project label.search_checkbox { float: left; padding-right: 20px; } .cp_ipcheck_project .option-input02 { position: relative; top: 5px; right: 0; bottom: 0; left: 0; width: 22px; height: 22px; margin-right: 0.5rem; cursor: pointer; transition: all 0.15s ease-out 0s; color: #ffffff; border: none; outline: none; background: #ffffff; -webkit-appearance: none; appearance: none; border: solid 1px #1059b6; } .cp_ipcheck_project .option-input02:hover { background: #1059b6; } .cp_ipcheck_project .option-input02:checked { background-color: #1059b6; background-image: url("../images/check-mark.svg"); background-size: 84%; background-repeat: no-repeat; background-position: center center; } .cp_ipcheck_project .option-input02.radio { border-radius: 50%; } .cp_ipcheck_project label { line-height: 40px; display: block; } .cp_ipcheck_project .option-input02:disabled { cursor: not-allowed; background: #b8b7b7; } .fa-search{ font-size:1.8rem; position:absolute; top:30%; left:30%; } /*検索ボタンマウスオーバー時*/ #sbtn:hover{ color:#666;/*検索ボタンマウスオーバー時のフォントカラー*/ } .container_search { max-width: 986px; width:100%; margin: 0 auto; position: relative; } .container_search_result { max-width: 986px; width:100%; margin: 20px auto; position: relative; } .search_result_detail_container { margin-bottom: 50px; border-top: solid 1px #0097e0; padding: 20px 0; } .search_result_detail_image { width: 30%; float: left; border: 1px solid rgba(235, 235, 235, 0.5);} .search_result_detail_right { width: 67%; float: right; padding-right:1rem;} .search_result_detail_right h4 {font-size:160%;} .search_result_detail_right h4.cat01 { color: #1059b6; font-weight: 600; padding: 0px 0 10px 0; } .search_result_detail_right h4.cat02 { color: #0097e0; font-weight: 600; padding: 0px 0 10px 0; } .search_result_detail_right h4.cat03 { color: #0097e0; font-weight: 600; padding: 0px 0 10px 0; } .search_result_detail_right h4.cat04 { color: #029cb4; font-weight: 600; padding: 0px 0 10px 0; } .search_result_category1 { color: #1059b6; background-image: url(../images/gnavi_icon01_s.svg);background-repeat: no-repeat; background-size: 30px; background-position: center left; padding: 5px 0 0 40px;} .search_result_category2 { color: #0097e0; background-image: url(../images/gnavi_icon02_s.svg);background-repeat: no-repeat; background-size: 30px; background-position: center left; padding: 5px 0 0 40px;} .search_result_category3 { color: #0097e0; background-image: url(../images/gnavi_icon03_s.svg);background-repeat: no-repeat; background-size: 30px; background-position: center left; padding: 5px 0 0 40px;} .search_result_category4 { color: #029cb4; background-image: url(../images/gnavi_icon04_s.svg);background-repeat: no-repeat; background-size: 30px; background-position: center left; padding: 5px 0 0 40px;} .search_result_category5 { color: #0097e0; background-image: url(../images/gnavi_icon03_s.svg);background-repeat: no-repeat; background-size: 30px; background-position: center left; padding: 5px 0 0 40px;} .search_result_detail_text a {pointer-events: none; color:#333;} .search_result_detail_btn1 { margin: 20px 0; display: block; position: relative; } .search_result_detail_btn1 a { color: #ffffff; font-size: 100%; width: 30%;/* text-align: center;*/ background: url(../images/gnavi_bg01.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); } .search_result_detail_btn1 img { position: absolute; width: 20px; height: display: inline-block; right: 1em; margin-top: 0px; } .search_result_bottom_line { padding: 20px 0 10px 0; background: url(../images/h3_line2.png) bottom repeat-x; border: none; margin-bottom: 20px; } .search_result_detail_btn2 { margin: 20px 0; display: block; position: relative; } .search_result_detail_btn2 a { color: #ffffff; font-size: 100%; width: 30%;/* 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); } .search_result_detail_btn2 img { position: absolute; width: 20px; height: display: inline-block; right: 1em; margin-top: 0px; } .search_result_bottom_line { padding: 20px 0 10px 0; background: url(../images/h3_line2.png) bottom repeat-x; border: none; margin-bottom: 20px; } .search_result_detail_btn3 { margin: 20px 0; display: block; position: relative; } .search_result_detail_btn3 a { color: #ffffff; font-size: 100%; width: 30%;/* text-align: center;*/ background: url(../images/gnavi_bg03.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); } .search_result_detail_btn3 img { position: absolute; width: 20px; height: display: inline-block; right: 1em; margin-top: 0px; } .search_result_bottom_line { padding: 20px 0 10px 0; background: url(../images/h3_line2.png) bottom repeat-x; border: none; margin-bottom: 20px; } @media only screen and (max-width:690px) { .search_result_detail_btn1 a, .search_result_detail_btn2 a, .search_result_detail_btn3 a {width: 80%;margin:0 auto; padding:1rem 0;text-align: center;} } /* ヘッダー検索窓 */ #ol-search{ display:none; } .search-icon{ cursor:pointer; background: url(../images/header_search.svg) no-repeat; width: 70px; height: 34px; display: block; color: #000; text-indent: -99999px; } #ol-search:checked ~ .search-icon { background: url(../images/header_search_close.svg) no-repeat; } /*.search-icon:active { background: url(../images/header_logo.svg) no-repeat; }*/ .overlay, .ol-search-wrap{ display:none; opacity:0; position:fixed; z-index: 9900; top:80px; 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: 115px; right: -0px; z-index:10; width: 380px; max-width: 380px; background: #f6f6f6; transform:translate(-50%,-50%); display:flex; padding: 20px 0 20px 20px; box-shadow: 0 5px 0px rgba(0,0,0,0.3); border-radius:0 0 6px 6px; } .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; } /* 固定スクロール */ .fix-header { /*line-height: 66px;*/ top: -695px;/* 上に隠す鷹さ */ left: 0; text-align: center; width: 100%; margin: 0 auto; color: #333333; /*padding-top:15px;*/ position: fixed; opacity:0;/* 最初読み込んだときは透過 */ z-index: 99999;/*　他のアイテムに対して最上位のレイヤーになるように */ /* opacity: 0; */ /*display: none;*/ } .fix-header-contents{ width: 100%; margin: 0 auto; } .fix-header ul{ list-style-type: none; } .fix-header li{ float:left; margin-right:32px; } .fix-header li a,.fix-header li a:visited{ color: #fff; text-decoration: none; } .fix-header li:last-child{ margin-right:0; } #fix-header-logo{ float:left; } #fix-header-logo img{ width: 200px; } #fix-header-menus{ float:right; text-align: right; } #scroll-fix-menu img{ padding-bottom: 5px; border-bottom:2px solid #fff; } #scroll-fix-menu .current-menu-item img{ border-bottom:2px solid #0f142a; } #scroll-fix-menu a img:hover{ border-bottom:2px solid #0f142a; transition:border-color 0.6s ease-out; } /* micro clearfx .cf:before, .cf:after { content:""; display:table } .cf:after { clear:both } */ .cf { zoom:1 } /* For IE 6/7 */ nav{ width:100%; background-color: #ffffff; } .nav-container{ width: 1340px; margin: 0 auto; background: #ffffff; } nav ul{ padding:0; list-style: none; } nav ul li{ float:left; margin:10px 30px 10px 0; } nav ul li a,nav ul li a:visited{ color: #fff; text-decoration: none; } article{ width:800px; margin: 0px auto ; } ) /* 第二階層 */ .paragraph { margin: 70px 0 100px 0; } .second_paragraph { margin: 70px 0 100px 0; } .paragraph h3 { background: url(../images/h3_line2.png) bottom repeat-x; font-size: 160%; font-weight: 100; padding: 0 0 10px 0; } .paragraph p { padding: 42px 0 0 0; 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%; } .second_discription { padding-left: 20px; margin-top: 70px; } .paragraph_text { display: block; padding-left: 20px; margin-bottom: 20px; } table.field_table { } table.field_table th { background: #cde5f5;padding: 10px 1rem; } table.field_table td { border: solid 1px #ebebeb;padding: 10px 1rem; border-radius: 0px;} /* .field_table th,td {padding: 10px; } */ /* 2019.07.18 追加 */ .faq { padding: 0 0 0 20px; } .faq a { color: #0097e0; text-decoration: underline; } .faq h4 { color: #333333; font-size: 180%; font-weight: 600; } .faq .faq_Q { color: #029cb4; display: inline-block; margin-right: 20px; margin-left: -20px; font-size: 120%; font-weight: 600;} .faq .faq_A { color: #0097e0; display: inline-block; margin-right: 20px; margin-left: -20px; font-size: 220%; font-weight: 600; } .faq_inq_btn { margin: 94px 0 0 0; text-align: center; } .faq_inq_btn a {color: #333; display: inline-block; border: solid 1px #5d5d5d; border-radius: 40px; padding: 5px 40px 5px 20px; background: url(../images/faq_arrow_icon.svg) 97% center no-repeat; background-size: 18px auto; } .faq_inq_btn a img { width: 15px; height: auto; margin-top: 5px; } .faq_inq_btn2 { margin: 20px 0 0 0; text-align: left; } .faq_inq_btn2 a { display: inline-block; border: solid 1px #5d5d5d; border-radius: 40px; padding: 5px 40px 5px 20px; background: url(../assets/images/faq_arrow_icon.svg) 97% center no-repeat; background-size: 18px auto; color: #545454; text-decoration: none; } .faq_inq_btn2 a img { width: 15px; height: auto; margin-top: 5px; } .faq_table_left { width: 48%; float: left; padding: 0.6rem;} .faq_table_left td { border: solid 1px #000; border-radius: 0;padding: 0.6rem;} .faq_table_right { width: 48%; float: right; padding: 0.6rem;} .faq_table_right td { border: solid 1px #000; border-radius: 0;padding: 0.6rem;} .faq_table_head { background: #cccccc; } .search_list { width: 1360px; margin: 0 auto 20px; padding: 10px; } .search_list li a {box-shadow:2px 2px 4px rgba(0,0,0,0.02); border: 1px solid rgba(201, 234, 255, 0.8); background: url(../images/service_search_bg_opacity.png); display: block; padding: 5px; width: 24%; min-height: 250px; float: left; margin-bottom: 10px; margin-right: 10px; } .search_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; } .search_top_btn2 { padding: 10px 0; } .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; } .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; } .search_hit { background: url(../images/search_hit.svg) left center no-repeat; background-size: 22px auto; padding: 0 0 0 30px; color: #666666; margin-top: 60px; } .search_hit2 { background: url(../images/search_result_number_icon.svg) left center no-repeat; background-size: 22px auto; padding: 0 0 0 30px; color: #666666; margin-top: 60px; } .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: 180%; 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); } .change_conditions_btn2 { text-align: center; } .change_conditions_btn2 a { display: inline-block; margin: 0 auto; font-size: 180%; padding: 10px 60px; font-weight: 600; border-radius: 60px; border: solid 4px #1059b6; color: #1059b6; text-align: center; background: url(../images/change_conditions_btn2.svg) 95% center no-repeat #ffffff; background-size: 30px 30px; box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); } .project_detail_text_left { width: 23%; float: left; margin-bottom: 10px; border-right:1px solid #ccc;padding-right:10px;} .project_detail_text_right { width: 77%; float: right; margin-bottom: 10px; padding-left:10px;} .project_button_area { background: #ffffff; border-top: solid 1px #ebebeb; margin-top: 10px;} .project_detailTxt2 { background: #ffffff; font-size: 100%; padding: 5px 15px; font-weight: 100; margin: 0!important; } .project_detail { width: 480px; float: left; margin-bottom: 40px; } /* 詳細ページ */ .detail_slide { width: 100%; background: #ddd; height: 543px; } .detail_page_container { margin: 0; border-bottom: solid 1px #008ce6; padding: 40px 0; } .detail_page_container_last { margin: 10px 0 0 0;} .detail_page_container h5 { display: inline-block; background: #0097e0; color: #ffffff; padding: 5px 0; width: 124px; text-align: center; margin:20px 0 20px 0; } .detail_page_container_last ul{ margin:0; padding:0 0 30px 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%; background: url(../images/h3_line.png) bottom repeat-x; } .detail_page_container_last ul li { margin:0 20px 20px 0; padding:0; list-style:none; border: 1px solid #ebebeb; /* width: 315px; */ width: 230px; } @media only screen and (max-width:690px) { .detail_page_container_last ul li { margin:0 0px 20px 0; width: 100%; } } /* .detail_page_container_last ul li:nth-of-type(3n) {margin:0 0px 20px 0;} */ .detail_page_container_last ul li:nth-of-type(4n) {margin:0 0px 20px 0;} .detail_page_container_last h5 { display: inline-block; background: #0097e0; color: #ffffff; padding: 5px 0; width: 124px; text-align: center; margin: 20px 0; } .project_detail_page_container { margin: 0; border-bottom: solid 1px #1059b6; padding: 40px 0; } .project_detail_page_container_last { margin: 0; background: url(../images/h3_line3.png) bottom repeat-x; padding: 40px 0; } .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; } .img_center { text-align: center; margin-bottom: 30px;} .img_center img{border-radius: 8px;border: 1px solid #ebebeb; box-shadow: 0px 6px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 6px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 6px 3px rgba(0,0,0,0.1);} .detail_img_left { width: 400px; float: left;} .detail_img_left img{ width: 96%;border-radius: 8px;border: 1px solid #ebebeb; box-shadow: 0px 6px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 6px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 6px 3px rgba(0,0,0,0.1);} .detail_text_right { width: 570px; float: right;} .detail_img_right { width: 400px; float: right; } .detail_img_right img{ width: 96%;border-radius: 8px;border: 1px solid #ebebeb; box-shadow: 0px 6px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 6px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 6px 3px rgba(0,0,0,0.1);} .detail_text_left { width: 570px; float: left;} /* .detail_conditions { width: 315px; float: left; margin:0 20px 20px 0; border: 1px solid #ebebeb;display: table-cell;} */ /* .detail_conditions:nth-of-type(3n) {margin:0 0px 10px 0;} */ .detail_conditions img { height: 138px; margin:0 auto;} .detail_conditions .thumb { width: 100%; padding-bottom:172px;background-image:url(../images/noimage_gray.png);background-position: center center;background-repeat: no-repeat;background-size: contain;background-color: #e6e6e6;} .detail_conditions .thumb span{display: none;} .detail_conditions h5 { background: #ffffff; color: #333333; font-weight: 600; width: 100%; text-align: left; padding: 5px 10px 0 10px;} .detail_conditions_text {padding: 0 10px 10px 10px;} .detail_conditions_url {padding: 0 10px 20px 10px;color:#0397e0;} .detail_conditions_url a{color:#0397e0;} .detail_more_btn { text-align: center; margin:0 0px 20px 0;} .detail_more_btn a { display: inline-block; border: solid 1px #0097e0; color: #0097e0; background: url(../images/change_conditions_btn.svg) 95% center no-repeat #ffffff; background-size: 20px 20px; border-radius: 20px; padding: 5px 40px; margin: 0 auto; text-decoration:none;} .detail_more_btn a:hover {opacity: 0.8;background-color: rgba(3, 151, 224, 0.1);} .detail_page_searvice_logo { padding: 0 0 30px 0; text-align: center; } .detail_page_searvice_inq01 { width: 340px; float: left; border-right: solid 1px #696969; margin-right: 20px; min-height: 120px; } .detail_page_searvice_inq02 { width: 300px; float: left; border-right: solid 1px #696969; margin-right: 20px; min-height: 120px; } .detail_page_searvice_inq03 { width: 300px; float: left; min-height: 120px; } .detail_page_searvice_inq04 { width: 100%; padding: 40px 0; } .detail_page_searvice_inq01 h6 { background: url(../images/detail_searvice_icon01.svg) left center no-repeat #ffffff; padding: 0 0 0 30px; } .detail_page_searvice_inq02 h6 { background: url(../images/detail_searvice_icon02.svg) left center no-repeat #ffffff; padding: 0 0 0 30px; } .detail_page_searvice_inq03 h6 { background: url(../images/detail_searvice_icon03.svg) left center no-repeat #ffffff; padding: 0 0 0 30px; } .detail_page_searvice_inq04 h6 { background: url(../images/detail_searvice_icon04.svg) left center no-repeat #ffffff; padding: 0 0 0 30px; } /* .detail_page_searvice_inq01 p { padding-left: 30px; } */ /* .detail_page_searvice_inq01 p { padding-left: 0; } */ .detail_searvice_more_btn { text-align: left; margin-top: 10px; } .detail_searvice_more_btn a { font-size: 100%; display: inline-block; border: solid 1px #646464; color: #646464; background: url(../images/detail_searvice_icon05.svg) 95% center no-repeat #ffffff; background-size: 18px 18px; border-radius: 20px; padding: 0px 40px; margin: 0 auto; } .searvice_detai_table { } .searvice_detai_table dt { padding: 10px; width: 30%; background: #e3e3e3; float: left; border-top: solid 1px #696969; border-right: solid 1px #696969; border-left: solid 1px #696969; } .searvice_detai_table dd { padding: 10px; width: 70%; background: #ffffff; float: left; border-top: solid 1px #696969; border-right: solid 1px #696969; } .searvice_detai_table .table_border_end { border-bottom: solid 1px #696969; } .searvice_detail_other_btn { position: relative; text-align: right; } .searvice_detail_other_btn a { font-size: 120%; display: inline-block; width: 420px; 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 0; text-decoration:none;} .searvice_detail_other_btn a:hover {opacity: 0.8;} .searvice_detail_other_btn .more_search_arrow { width: 20px; height: display: inline-block; margin-left: 1em; margin-top: 3px; } .searvice_detail_other_btn .more_search_icon { width: 35px; height: display: inline-block; margin-right: 1em; margin-top: 0px; } .project_detail_other_btn { position: relative; text-align: right; } .project_detail_other_btn a { font-size: 120%; display: inline-block; width: 460px; 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_bg01.png); z-index: 2; color: #ffffff; margin: 40px 0; text-decoration:none;} .project_detail_other_btn a:hover {opacity: 0.8;} .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; } .detai_other_searvice { margin: 60px 0 0; } .detai_other_searvice h3 { background: url(../images/h3_line2.png) bottom repeat-x; font-size: 160%; font-weight: 100; padding: 0 0 10px 0; color: #0097e0; } .detai_other_searvice_list { padding: 40px 0 0; } .detai_other_searvice_list ul{ margin:0; padding:0 0 30px 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%; background: url(../images/h3_line2.png) bottom repeat-x; } .detai_other_searvice_list ul li { margin:0 20px 20px 0; padding:0; list-style:none; border: 1px solid #ebebeb; width: 230px; } @media only screen and (max-width:690px) { .detai_other_searvice_list ul li { margin:0 20px 20px 0; width: 47%; } } .detai_other_searvice_list ul li:nth-of-type(4n) {margin:0 0px 20px 0;} @media only screen and (max-width:690px) { .detai_other_searvice_list ul li:nth-of-type(2n) {margin:0 0 20px 0;} } .detai_other_searvice_list h4 { font-size: 120%; font-weight: 600; padding: 10px 10px 10px; } .detai_other_searvice_list li { width: 235px; float: left; margin-bottom: 40px; } .detai_other_searvice2 { margin: 60px 0 0; } .detai_other_searvice2 h3 { background: url(../images/h3_line3.png) bottom repeat-x; font-size: 160%; font-weight: 100; padding: 0 0 10px 0; color: #1059b6; } .detai_other_searvice2_list { padding: 40px 0 0; } .detai_other_searvice2_list ul{ margin:0; padding:0 0 30px 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%; background: url(../images/h3_line3.png) bottom repeat-x; } .detai_other_searvice2_list ul li { margin:0 20px 20px 0; padding:0; list-style:none; border: 1px solid #ebebeb; width: 230px; } @media only screen and (max-width:690px) { .detai_other_searvice2_list ul li { margin:0 20px 20px 0; width: 47%; } } .detai_other_searvice2_list ul li:nth-of-type(4n) {margin:0 0px 20px 0;} @media only screen and (max-width:690px) { .detai_other_searvice2_list ul li:nth-of-type(2n) {margin:0 0 20px 0;} } .detai_other_searvice2_list h4 { font-size: 120%; font-weight: 600; padding: 10px 10px 10px; } .other_service_detail_btn { margin: 20px 0; display: block; position: relative; } .other_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); text-decoration:none;} .other_service_detail_btn a:hover {opacity:0.8;} .other_service_detail_btn img { position: absolute; width: 20px; height: display: inline-block; right: 1em; margin-top: 0px; } .other_searvice_text { padding: 0 10px; } .news_list_container { width: 986px; margin: 0 auto; font-size: 115%} .news_lise_date { width: 135px; float: left; color: #028eab; font-weight: 600; padding: 12px 0;} .news_list_detail { width: 830px; float: right; border-top: solid 1px #028eab; padding: 10px 0 40px; } .news_list_detail .txtnew{ padding-top: 1.5em} .news_list_btn { margin-top: 20px; display: block; font-size: 80%; } .news_list_btn a { display: inline-block; width: 200px; color: #ffffff; font-size: 120%; background: url(../images/gnavi_bg03.png); display: block; position: relative; padding: 0.7em 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); text-decoration:none;} .news_list_btn a:hover {opacity: 0.8;} .news_list_btn img { width: 20px; height: display: inline-block; margin-left: 3em; margin-top: 0px; } .news_list_bottom_line { padding: 20px 0 10px 0; background: url(../images/h3_line.png) bottom repeat-x; border: none; margin-bottom: 20px; } .news_list_pagenation { text-align: center; font-size: 140%; margin-bottom: 80px; } .news_list_pagenation a { color: #028eab; text-decoration: underline; } .news_detail_container { } .news_detail_notice { margin-bottom: 20px; } /* .news_detail_container h3 { border-bottom: solid 1px #666666; padding: 0 0 10px 10px; font-size: 140%; color: #029cb4; font-weight: 600; margin-bottom:10px;} */ /* 2019-09-11 22:43:42 */ .news_detail_container h3 { border-bottom: solid 1px #029cb4; padding: 0 0 10px 10px; font-size: 140%; color: #029cb4; font-weight: 600; margin-bottom:10px;} .news_detail_container h4 { padding: 0.4rem 2rem 0.2rem 2rem; font-size: 120%; color: #029cb4; font-weight: normal; color:#fff;margin-bottom:10px;background-color: #049cb4; display:inline-block;} .news_detail_container p { padding: 0.4rem 0;font-size:110% ;} .news_detail_ul_list { margin: 40px 0; } .news_detail_ul_list li { list-style-type: disc; margin-left: 40px; } .news_detail_body_text a { color: #029cb4!important; background: url(../images/pdf_link_btn.png) right center no-repeat!important; padding: 0 20px 0 0; display: inline-block; } .contents_slide_second { width: 100%; margin: 0 auto; position: relative; } .edtech_news_detailTxt { background: #ffffff; font-size: 100%; padding: 5px; font-weight: 100; font-weight: 600; } .edtech_news_detail_body { font-size: 80%; font-weight: 100; display: block; padding-top: 15px; } .detail_page_container2 { margin: 0; border-bottom: solid 1px #1059b6; padding: 40px 0; } .detail_page_container_last2 { margin: 10px 0 0 0;} .detail_page_container2 h5 { display: inline-block; background: #1059b6; color: #ffffff; padding: 5px 0; width: 124px; text-align: center; margin:20px 0 20px 0; } .detail_page_container_last2 ul{ margin:0; padding:0 0 30px 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%; background: url(../images/h3_line3.png) bottom repeat-x; } .detail_page_container_last2 ul li { margin:0 20px 20px 0; padding:0; list-style:none; border: 1px solid #ebebeb; width: 315px; } .detail_page_container_last2 ul li:nth-of-type(3n) {margin:0 0px 20px 0;} .detail_page_container_last2 h5 { display: inline-block; background: #1059b6; color: #ffffff; padding: 5px 0; width: 124px; text-align: center; margin: 20px 0; } .detail_page_container2 h4 { color: #333333; font-size: 140%; margin-bottom: 20px; font-weight: 600; } .case_detail_img { width: 49%; float: left; } .case_detail_text { width: 49%; float: right; } .case_detail_img_s { width: 14%; float: left; } .case_detail_text_s { width: 84other_service_detail_btn%; float: right; } .case_detail_img2 { width: 44%; float: right; } .case_detail_text2 { width: 55%; float: left; } .detail_other_project { margin: 60px 0 0; } .detail_other_project h3 { background: url(../images/h3_line3.png) bottom repeat-x; font-size: 160%; font-weight: 100; padding: 0 0 10px 0; color: #1059b6; } .project_detail_body_text a { color: #1059b6!important; background: url(../images/pdf_link_btn.png) left center no-repeat!important; padding: 0 0 0 20px; display: inline-block; } .other_project_detail_btn { margin: 20px 0; display: block; position: relative; } .other_project_detail_btn a { color: #ffffff; font-size: 100%; width: 80%;/* text-align: center;*/ background: url(../images/gnavi_bg01.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); text-decoration:none;} .other_project_detail_btn a:hover {opacity: 0.8;} .other_project_detail_btn img { position: absolute; width: 20px; height: display: inline-block; right: 1em; margin-top: 0px; } .pdf_project_detail_btn { margin: 20px 0; display: inline-block; position: relative; } .pdf_project_detail_btn a { color: #1059b6; font-size: 100%; width: auto;/* text-align: center;*/ background:rgba(16, 89, 182, 0.05); display: block; position: relative; margin: 0 auto; padding: 0.5em 4em 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); text-decoration:none; border:1px solid #1059b6;} .pdf_project_detail_btn a:hover {opacity: 0.8;} .pdf_project_detail_btn img { position: absolute; width: 20px; height: display: inline-block; right: 1em; margin-top: 0px; } /* 2019.07.24 未来の教室ってなに？ */ .contents_image_second { width: 100%; height: 300px; display: block; margin: 0 auto; position: relative; text-align: left; background: url(../images/about/what_top_image.jpg) top center no-repeat;background-size: 1340px auto; } .contents_image_second img { width: 284px; height: auto; margin: 40px 0; } .what_container { } .what_container h3 { color: #333333; font-size: 240%; font-weight: 600;background: url(../images/h3_line2.png) bottom repeat-x; padding: 10px 0; } .what_container h2 { color: #333333; font-size: 240%; text-align: center; font-weight: 600; margin-bottom: 50px; } .what_container h5.what_pillar01_h5 { color: #0097e0; font-size: 160%; text-align: left; font-weight: 600; } .what_container h5.what_pillar02_h5 { color: #1059b6; font-size: 160%; text-align: left; font-weight: 600; } .what_container h5.what_pillar03_h5 { color: #029cb4; font-size: 160%; text-align: left; font-weight: 600; } .what_container p { padding: 10px; font-size: 110%; } .what_content { margin-bottom: 188px; } .what_content2 { margin-bottom: 90px; } .what_content3 { margin-bottom: 90px; width: 870px; margin: 0 auto; } .what_img01 { text-align: center; width: 850px; margin: 65px auto 0; } .what_img01 img { width: 850px; height: auto; } .what_content2 p a { display: inline-block; width: auto; 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 60px 5px 40px; color: #029cb4; } .what_container3 { background: url(../images/about/what_bg.png); padding: 45px 0; } .what_img02 { background: #ffffff; width: 870px; padding: 30px 0; text-align: center; margin: 0 auto; } .what_img02 img { width: 458px; height: auto; } .what_pillar01 a { width: 30%; float: left; display: block; border: solid 3px #4d4d4d; background: url(../images/about/what_pillar01.png) center 10% no-repeat; background-size: 153px auto; text-align: center; padding: 214px 0 60px; margin-right: 5%; border-radius: 20px; font-size: 200%; font-weight: 600; position: relative; } .what_pillar02 a { width: 30%; float: left; display: block; border: solid 3px #4d4d4d; background: url(../images/about/what_pillar02.png) center 10% no-repeat; background-size: 153px auto; text-align: center; padding: 214px 0 60px; margin-right: 5%; border-radius: 20px; font-size: 200%; font-weight: 600; position: relative; } .what_pillar03 a { width: 30%; float: left; display: block; border: solid 3px #4d4d4d; background: url(../images/about/what_pillar03.png) center 10% no-repeat; background-size: 153px auto; text-align: center; padding: 214px 0 60px; border-radius: 20px; font-size: 200%; font-weight: 600; position: relative; } .what_pillar01 a img { width: 83px; height: auto; } .what_pillar02 a img { width: 83px; height: auto; } .what_pillar03 a img { width: 83px; height: auto; } .what_pillar_arrow01 { width: 32px; height: auto; position: absolute; bottom: -50px; left: 35%; } h4.what_pillar01 { background: url(../images/about/what_pillar01.png) top center no-repeat; background-size: 110px auto; padding: 150px 0 40px; font-size: 300%; font-weight: 600; text-align: center; margin: 80px 0 40px; } h4.what_pillar01 img { width: 92px; height: auto; margin-right: 20px; margin-top: -20px; } h4.what_pillar02 { background: url(../images/about/what_pillar02.png) top center no-repeat; background-size: 110px auto; padding: 150px 0 40px; font-size: 300%; font-weight: 600; text-align: center; margin: 80px 0 40px; } h4.what_pillar02 img { width: 92px; height: auto; margin-right: 20px; margin-top: -20px; } h4.what_pillar03 { background: url(../images/about/what_pillar03.png) top center no-repeat; background-size: 110px auto; padding: 150px 0 40px; font-size: 300%; font-weight: 600; text-align: center; margin: 80px 0 40px; } h4.what_pillar03 img { width: 92px; height: auto; margin-right: 20px; margin-top: -20px; } .what_pillar01_block01 { border-radius: 20px; border: solid 3px #4d4d4d; padding: 28px; margin: 20px 0 100px 0; } .what_pillar01_title01 { width: 50%; float: left; text-align: center; color: #008ce6; font-size: 160%; font-weight: 600; margin-bottom: 20px; } .what_pillar01_title02 { width: 50%; float: right; text-align: center; color: #e85298; font-size: 160%; font-weight: 600; margin-bottom: 20px; } .what_pillar01_text01_01 { width: 47%; float: left; background: #aedbe6; border-radius: 10px; font-size: 100%; padding: 20px 10px 20px 95px; height: auto; display: block; vertical-align: middle; position: relative; background: url(../images/about/what_pillar01_task01.svg) 4% center no-repeat #aedbe6; background-size: 74px auto; margin-bottom: 20px; } .what_pillar01_text01_02 { width: 47%; float: left; background: #aedbe6; border-radius: 10px; font-size: 100%; padding: 20px 10px 20px 95px; height: auto; display: block; vertical-align: middle; position: relative; background: url(../images/about/what_pillar01_task02.svg) 4% center no-repeat #aedbe6; background-size: 74px auto; margin-bottom: 20px; } .what_pillar01_text01_03 { width: 47%; float: left; background: #aedbe6; border-radius: 10px; font-size: 100%; padding: 20px 10px 20px 95px; height: auto; display: block; vertical-align: middle; position: relative; background: url(../images/about/what_pillar01_task03.svg) 4% center no-repeat #aedbe6; background-size: 74px auto; margin-bottom: 20px; } .what_pillar01_arrow { width: 6%; float: left; text-align: center; font-size: 240%; padding-top: 20px; margin-bottom: 20px; color: #4d4d4d; } .what_pillar01_text02_01 { width: 47%; float: right; background: #f6bcd7; border-radius: 10px; font-size: 100%; padding: 20px 10px 20px 95px; height: auto; display: block; vertical-align: middle; position: relative;background: url(../images/about/what_pillar01_action01.svg) 4% center no-repeat #f6bcd7; background-size: 74px auto; margin-bottom: 20px; } .what_pillar01_text02_02 { width: 47%; float: right; background: #f6bcd7; border-radius: 10px; font-size: 100%; padding: 20px 10px 20px 95px; height: auto; display: block; vertical-align: middle; position: relative;background: url(../images/about/what_pillar01_action02.svg) 4% center no-repeat #f6bcd7; background-size: 74px auto; margin-bottom: 20px; } .what_pillar01_text02_03 { width: 47%; float: right; background: #f6bcd7; border-radius: 10px; font-size: 100%; padding: 20px 10px 20px 95px; height: auto; display: block; vertical-align: middle; position: relative;background: url(../images/about/what_pillar01_action03.svg) 4% center no-repeat #f6bcd7; background-size: 74px auto; margin-bottom: 20px; } .what_pillar02_title01 { width: 50%; float: left; text-align: center; color: #1059b6; font-size: 160%; font-weight: 600; margin-bottom: 20px; } .what_pillar02_title02 { width: 50%; float: right; text-align: center; color: #e85298; font-size: 160%; font-weight: 600; margin-bottom: 20px; } .what_pillar02_text01_01 { width: 47%; float: left; background: #aedbe6; border-radius: 10px; font-size: 100%; padding: 41px 10px 41px 95px; height: auto; display: block; vertical-align: middle; position: relative; background: url(../images/about/what_pillar02_task01.svg) 4% center no-repeat #aedbe6; background-size: 74px auto; margin-bottom: 20px; } .what_pillar02_text01_02 { width: 47%; float: left; background: #aedbe6; border-radius: 10px; font-size: 100%; padding: 31px 10px 31px 95px; height: auto; display: block; vertical-align: middle; position: relative; background: url(../images/about/what_pillar02_task02.svg) 4% center no-repeat #aedbe6; background-size: 74px auto; margin-bottom: 20px; } .what_pillar02_text01_03 { width: 47%; float: left; background: #aedbe6; border-radius: 10px; font-size: 100%; padding: 31px 10px 31px 95px; height: auto; display: block; vertical-align: middle; position: relative; background: url(../images/about/what_pillar02_task03.svg) 4% center no-repeat #aedbe6; background-size: 74px auto; margin-bottom: 20px; } .what_pillar02_arrow { width: 6%; float: left; text-align: center; font-size: 240%; padding-top: 30px; margin-bottom: 20px; color: #4d4d4d; } .what_pillar02_text02_01 { width: 47%; float: right; background: #f6bcd7; border-radius: 10px; font-size: 95%; padding: 32px 10px 33px 95px; height: auto; display: block; vertical-align: middle; position: relative;background: url(../images/about/what_pillar02_action01.svg) 4% center no-repeat #f6bcd7; background-size: 74px auto; margin-bottom: 20px; } .what_pillar02_text02_02 { width: 47%; float: right; background: #f6bcd7; border-radius: 10px; font-size: 95%; padding: 32px 10px 31px 95px; height: auto; display: block; vertical-align: middle; position: relative;background: url(../images/about/what_pillar02_action02.svg) 4% center no-repeat #f6bcd7; background-size: 74px auto; margin-bottom: 20px; } .what_pillar02_text02_03 { width: 47%; float: right; background: #f6bcd7; border-radius: 10px; font-size: 95%; padding: 32px 10px 30px 95px; height: auto; display: block; vertical-align: middle; position: relative;background: url(../images/about/what_pillar02_action03.svg) 4% center no-repeat #f6bcd7; background-size: 74px auto; margin-bottom: 20px; } .what_pillar03_title01 { width: 50%; float: left; text-align: center; color: #029cb4; font-size: 160%; font-weight: 600; margin-bottom: 20px; } .what_pillar03_title02 { width: 50%; float: right; text-align: center; color: #e85298; font-size: 160%; font-weight: 600; margin-bottom: 20px; } .what_pillar03_text01_01 { width: 47%; float: left; background: #aedbe6; border-radius: 10px; font-size: 100%; padding: 30px 10px 30px 95px; height: auto; display: block; vertical-align: middle; position: relative; background: url(../images/about/what_pillar03_task01.svg) 4% center no-repeat #aedbe6; background-size: 74px auto; margin-bottom: 20px; } .what_pillar03_text01_02 { width: 47%; float: left; background: #aedbe6; border-radius: 10px; font-size: 100%; padding: 20px 10px 20px 95px; height: auto; display: block; vertical-align: middle; position: relative; background: url(../images/about/what_pillar03_task02.svg) 4% center no-repeat #aedbe6; background-size: 74px auto; margin-bottom: 20px; } .what_pillar03_text01_03 { width: 47%; float: left; background: #aedbe6; border-radius: 10px; font-size: 100%; padding: 31px 10px 31px 95px; height: auto; display: block; vertical-align: middle; position: relative; background: url(../images/about/what_pillar03_task03.svg) 4% center no-repeat #aedbe6; background-size: 74px auto; margin-bottom: 20px; } .what_pillar03_arrow { width: 6%; float: left; text-align: center; font-size: 240%; padding-top: 20px; margin-bottom: 20px; color: #4d4d4d; } .what_pillar03_text02_01 { width: 47%; float: right; background: #f6bcd7; border-radius: 10px; font-size: 100%; padding: 20px 10px 20px 95px; height: auto; display: block; vertical-align: middle; position: relative;background: url(../images/about/what_pillar03_action01.svg) 4% center no-repeat #f6bcd7; background-size: 74px auto; margin-bottom: 20px; } .what_pillar03_text02_02 { width: 47%; float: right; background: #f6bcd7; border-radius: 10px; font-size: 100%; padding: 20px 10px 20px 95px; height: auto; display: block; vertical-align: middle; position: relative;background: url(../images/about/what_pillar03_action02.svg) 4% center no-repeat #f6bcd7; background-size: 74px auto; margin-bottom: 20px; } .what_pillar03_text02_03 { width: 47%; float: right; background: #f6bcd7; border-radius: 10px; font-size: 100%; padding: 20px 10px 20px 95px; height: auto; display: block; vertical-align: middle; position: relative;background: url(../images/about/what_pillar03_action03.svg) 4% center no-repeat #f6bcd7; background-size: 74px auto; margin-bottom: 20px; } h6.what_pillar01_action01 { color: #333333; font-size: 160%; font-weight: 600; background: url(../images/about/what_pillar01_action01.svg) left center no-repeat; background-size: 74px auto; padding: 20px 0 20px 100px; } h6.what_pillar01_action02 { color: #333333; font-size: 160%; font-weight: 600; background: url(../images/about/what_pillar01_action02.svg) left center no-repeat; background-size: 74px auto; padding: 20px 0 20px 100px; } h6.what_pillar01_action03 { color: #333333; font-size: 160%; font-weight: 600; background: url(../images/about/what_pillar01_action03.svg) left center no-repeat; background-size: 74px auto; padding: 20px 0 20px 100px; } h6.what_pillar02_action01 { color: #333333; font-size: 160%; font-weight: 600; background: url(../images/about/what_pillar02_action01.svg) left center no-repeat; background-size: 74px auto; padding: 20px 0 20px 100px; } h6.what_pillar02_action02 { color: #333333; font-size: 160%; font-weight: 600; background: url(../images/about/what_pillar02_action02.svg) left center no-repeat; background-size: 74px auto; padding: 20px 0 20px 100px; } h6.what_pillar02_action03 { color: #333333; font-size: 160%; font-weight: 600; background: url(../images/about/what_pillar02_action03.svg) left center no-repeat; background-size: 74px auto; padding: 20px 0 20px 100px; } h6.what_pillar03_action01 { color: #333333; font-size: 160%; font-weight: 600; background: url(../images/about/what_pillar03_action01.svg) left center no-repeat; background-size: 74px auto; padding: 20px 0 20px 100px; } h6.what_pillar03_action02 { color: #333333; font-size: 160%; font-weight: 600; background: url(../images/about/what_pillar03_action02.svg) left center no-repeat; background-size: 74px auto; padding: 20px 0 20px 100px; } h6.what_pillar03_action03 { color: #333333; font-size: 160%; font-weight: 600; background: url(../images/about/what_pillar03_action03.svg) left center no-repeat; background-size: 74px auto; padding: 20px 0 20px 100px; } .pillar_none { width: 100%; } .pillar_none h3 { border-bottom: dashed 1px #333333; margin-bottom: 10px; background: none; font-size: 120%; color: #e85298; } .pillar_left { width: 48%; float: left; } .pillar_right { width: 48%; float: right; } .pillar_left h3 { border-bottom: dashed 1px #333333; margin-bottom: 10px; background: none; font-size: 120%; color: #e85298; } .what_pillar_arrow { text-align: center; font-size: 240%!important; } .what_pillar_border_text { border: solid 1px #333333; padding: 20px; } .what_action02_content { margin: 20px 0 144px; } .pillar_action01_left { width: 45%; float: left; } .pillar_action01_arrow_left { width: 5%; float: left; font-size: 200%; padding-top: 140px; margin-left: 3%; } .pillar_action01_right { width: 45%; float: right; } .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; } .text100bold { font-size: 115%!important; font-weight: 600; } .what_pillar03_box { padding: 20px 0; align-items: center; } .what_pillar03_box_detail { display: table-cell; margin: 0 10px; background: #d1ebed; border-radius: 20px; width: 318px; height: 128px; padding: 20px; text-align: center; position: relative; vertical-align: middle; } .what_pillar03_box2 { border: solid 1px #333333; padding: 20px 40px; font-weight: 600; } .what_pillar03_box2_text01 { font-size: 180%; color: #029cb4; } .what_pillar03_box2_text02 { font-size: 160%; color: #e85298; } .pillar03_bgPink { color: #ffffff; background: #e85298; text-align: center; font-weight: 600; padding: 10px 0; font-size: 120%; margin: 40px 0; } .what_content_box { width: 986px; margin: 0 auto; text-align: center; } .what_content_box h2 { color: #333333; font-size: 320%; text-align: center; font-weight: 600; margin-bottom: 30px; } .what_at_last { font-size: 140%; margin-bottom: 40px; } .what_content_box_blue { text-align: left; font-weight: 600; background: #aedbe6; padding: 20px 30px; font-size: 130%; letter-spacing: 0.1em; line-height: 160%; } .what_last_img { background: url(../images/about/what_action02_img12.svg) top center no-repeat; font-size: 110%; line-height: 160%; } .what_last_text01 { width: 30%; float: left; padding-top: 158px; margin-right: 4%; } .what_last_text02 { width: 30%; float: left; padding-top: 100px; margin-right: 4%; } .what_last_text03 { width: 30%; float: left; padding-top: 56px; margin-right: 0; } .what_last { position: relative; border: solid 8px #aedbe6; border-radius: 20px; background: url(../images/about/header_logo_bg.svg) center 90% no-repeat; background-size: 174px auto; margin: 100px 0; padding: 66px 0 140px; } .what_last h2 { color: #008ce6; } .last_img { position: absolute; top: -60px; left: 43%; width: 108px; height: auto; } .what_last_list { list-style-image: url(../images/about/what_action02_img14.svg) ; list-style-position: outside; margin: 20px 0; } .what_last_list li { margin-left: 20px; margin-bottom: 20px; } .mt20 { margin-top: 20px; } .mb20 { margin-bottom: 20px; } .mb40 { margin-bottom: 40px; } .mt80 { margin-top: 80px; } .mt160 { margin-top: 160px; } .text_color_blue { color: #008ce6!important; } .text_color_pink { color: #e85298!important; } .text90 { font-size: 90%; } /* 2021-01-27 11:18:09 */ @media only screen and (max-width:980px) { .wp-block-image img { width: 100%; max-width: 700px; height: auto; } }