/* CSS Document */


/* --- common  -------------------------------------------------------------------------------------- */
* {
	margin:0;
	padding:0;
}
body {
	background-color: #eaf6fd;
	/*width: 100vw;
	height: 100%;
    overflow-x: hidden;
	*/
}
header {
	z-index:2;
	
}
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}
.slanting {
	width: 110vw;
}
.wrap_dark_color {
	position:relative;
}
.wrap_dark_color::after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
}
.header_img_h1 {
	padding-top: 300px;
    color: #fff;
    /* z-index: 9; */
    position: relative;
    text-align: center;
    /* display: block; */
    /* margin: 0 auto; */
    letter-spacing: 0.15em;
    text-shadow: 2px 2px 2px #333;
}
.std_page article {
	padding: 310px 0 80px;
	/* width: 1000px; */
	margin: 0 auto;
}
.std_page article h2 {
    text-align: center;
    color: #00a2e5;
    font-size: 220%;
    line-height: 1.7em;
	margin: 35px 0 30px;
}
.std_page article h3 {
	text-align: center;
    color: #8fc31f;
    font-size: 150%;
    /*letter-spacing: 0.2em;*/
    margin: 30px 0;
}
.std_page article p {
    text-align: center;
    color: #333;
    line-height: 2em;
    letter-spacing: 0.1em;
	margin: 50px 0;
}
.sp_view {
	display:none;
}

/* --- ヘッダー -------------------------------------------------------------------------------------- */
header {
	position:relative;
    width: 100%;
}
header::after {
    content: "";
    width: 100%;
    height: 80px;
    /* transform: rotate(-2deg); */
    transform: skewY(-2deg);
    background-color: #eaf6fd;
    position: absolute;
    top: 604px;
    left: 0px;
}
.inner_header_img {
	position:absolute;
	top:0;
	width: 100%;
	min-width: 1000px;
	height: 650px;
	overflow: hidden;
}
.inner_header_img2 {
    background-image: url(./../img/top_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    /* background-position-x: calc( -1.0 * calc( 1920px - 100% ) / 2.0 ); */
    /* background-position-x: calc( -1.0 * calc( 1920px - 100vw ) / 2.0 ); */
    background-position-x: calc( -1.0 * calc( 1920px - 100vw + 17px ) / 2.0 );
    background-position-y: top;
    width: 1920px;
    height: 650px;
}
.inner_header {
	display: none;
	position:absolute;
	top:0;
	width: 100%;
	background-color: rgba(255,255,255,0.8);
}
.hd_ul {
	width: 1000px;
	margin: 0 auto;
}
.hd_ul,
.hd_li {
	list-style: none;
	font-size:0;
}
@keyframes ani_op {
    0% {
        opacity :0;
    }
    100% {
		opacity: 1;
    }
}
.hd_li {
	float: left;
	transition: ani_op 1s both;
}
.nav_mainimage{
	width: 250px;
	height: 77px;
}
.nav_mainimage a {
	background-image:url(./../img/top_h_logo.png);
}
.nav_iseikaigrp,
.nav_outline,
.nav_edu,
.nav_training,
.nav_recruit {
	width: 150px;
	height: 77px;
}
.nav_iseikaigrp a{	background-image: url(./../img/top_h_01.png); }
.nav_outline a {	background-image: url(./../img/top_h_02.png); }
.nav_edu a {		background-image: url(./../img/top_h_03.png);}
.nav_training a{	background-image: url(./../img/top_h_04.png);}
.nav_recruit a{	background-image: url(./../img/top_h_05.png);}
.nav_iseikaigrp a:hover,
.nav_iseikaigrp a.now{	background-image: url(./../img/top_h_01h.png);}
.nav_outline a:hover,
.nav_outline a.now {	background-image: url(./../img/top_h_02h.png); }
.nav_edu a:hover,
.nav_edu a.now{		background-image: url(./../img/top_h_03h.png);}
.nav_training a:hover,
.nav_training a.now{	background-image: url(./../img/top_h_04h.png);}
.nav_recruit a:hover,
.nav_recruit a.now{		background-image: url(./../img/top_h_05h.png);}

.hd_li a {
	display: block;
	width: 100%;
	height: 100%;
	transition: all 300ms 0s ease;
	background-repeat: no-repeat;
}
/* .hd_li a:hover {
	background-color: rgba(255,255,255,0.6);
}*/
.top_hist {
	position: absolute;
    top: 450px;
    width: 100%;
	z-index: 5;
}
.inner_top_hist {
    width: calc( 1000px - 20px );
    margin: 0 auto;
    background-color: rgba(255,255,255,0.8);
    padding: 10px;
    border-radius: 5px;
}
.hist_h {
	position: relative;
    background-color: #a5e4fe;
    height: 20px;
    /* idth: 100%; */
    margin-left: 130px;
    width: calc( 100% - 130px );
}
.hist_h::before {
	position: absolute;
    top: 0;
    left: -130px;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(./../img/hist_dot.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
}
.hist_h::after {
    position: absolute;
    top: 0;
    left: -100px;
    content: "新着情報";
    width: 95px;
    height: 20px;
    font-size: 20px;
    letter-spacing: 0.1em;
    line-height: 20px;
    padding: 2px 0 3px;
}
.wrap_hist_contents {
	padding: 20px;
    height: 150px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-top: 5px;
}
.hist_date ,
.hist_cnt {
    float: left;
    padding: 6px 0px;
    font-size: 85%;
}
.hist_date {
	width: 120px;
}
.hist_cnt {
	width: calc( 100% - 120px );
}

.wrap_top_link_btn {
	width: 1000px;
    margin: 0 auto 120px;
    /* padding-top: 710px; */
    /* position: relative; */
	position:absolute;
	top:710px;
}
.top_link_btn {
	width: 100%;
}

.wrap_each_link_btn {
	width: 247px;
	height: 247px;
	border-radius: 5px;
	float: left;
}
.wrap_each_link_btn:nth-child(1){ background-image:url(./../img/top_lnk_img_01.png); background-size:contain; }
.wrap_each_link_btn:nth-child(2){ background-image:url(./../img/top_lnk_img_02.png); background-size:contain; }
.wrap_each_link_btn:nth-child(3){ background-image:url(./../img/top_lnk_img_03.png); background-size:contain; }
.wrap_each_link_btn:nth-child(4){ background-image:url(./../img/top_lnk_img_04.png); background-size:contain; }
.wrap_each_link_btn:nth-child(1),
.wrap_each_link_btn:nth-child(2),
.wrap_each_link_btn:nth-child(3) {
	margin-right: 4px;
}
.each_link_btn {
	display: block;
	width: 100%;
	height: 100%;
	position:relative;
}
.each_link_btn::before {
	content:"";
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	background-color: rgba(137,200,226,0.6);	
	border-radius: 5px;
	transition: all 300ms 0s ease;
}
.each_link_btn:hover::before  {
	background-color: rgba(14, 91, 123, 0.95);
}
.each_link_btn::after {
	content:"";
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
}
.wrap_each_link_btn:nth-child(1) .each_link_btn::after{ background-image:url(../img/top_lnk_img_iseikaigrp.png); }
.wrap_each_link_btn:nth-child(2) .each_link_btn::after{ background-image:url(../img/top_lnk_img_work.png); }
.wrap_each_link_btn:nth-child(3) .each_link_btn::after{ background-image:url(../img/top_lnk_img_edu.png); }
.wrap_each_link_btn:nth-child(4) .each_link_btn::after{ background-image:url(../img/top_lnk_img_training.png); }

.link_holo_recruitsite {
    background-image: url(./../img/btn_bg.png);
    background-size: 130%;
    background-position: center center;
    width: 100%;
    height: 100px;
    display: block;
    border-radius: 5px;
    margin-top: 4px;
	position:relative;
	transition: all 300ms 0s ease;
}
.link_holo_recruitsite:hover {
	background-image: url(./../img/btn_bg.png);
    background-size: 130%;
    background-position: right 100%;
}
.link_holo_recruitsite::after {
	position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-image: url(./../img/top_lnk_img_grp_recruit.png);
    width: 100%;
    height: 100%;
    background-size: auto;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}
.hd_spn {
	display: none;
}

/* --- フッター -------------------------------------------------------------------------------------- */
footer.top_footer {
	background-color: #00a2e5;
    padding: 0px 0 30px;
    position: absolute;
    width: 100%;
    min-width: 1000px;
    top: 1170px;
}
footer.top_footer::before {
	content: "";
    position: absolute;
    top: -50px;
    left: 0px;
    width: 100%;
    height: 90px;
    /* transform: rotate(-2deg); */
    transform: skewY(-2deg);
    background-color: #00a2e5;
    z-index: -1;
}
footer {
	background-color: #00a2e5;
    padding: 0px 0 30px;
    position: relative;
    width: 100%;
}
footer::before {
	content: "";
    position: absolute;
    top: -50px;
    left: 0px;
    width: 100%;
    height: 90px;
    /* transform: rotate(-2deg); */
    transform: skewY(-2deg);
    background-color: #00a2e5;
    z-index: -1;
}

.ft_copyright {
    text-align: center;
    color: #fff;
    font-size: 75%;
    letter-spacing: 0.1em;
}
.ft_link_ul {
	margin: 10px 0;
}
.pinfo {
    text-align: center;
    display: block;
    font-size: 80%;
    color: #fff;
}
.wrap_ft_nav {
	display: none;
}



/* --- TOPページ -------------------------------------------------------------------------------------- */
.top_image {
	width: 100%;
	height: 650px;
	overflow: hidden;
}
.inner_top_image {
    width: 1920px;
    height: 659px;
}

/* --- iseikaigrp -------------------------------------------------------------------------------------- */
.img_iseikaigrp, .img_education, .img_service, .img_study {
	background-image: url(../img/top_img_isekaigrp.png);
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: center top;
}
.img_education { background-image: url(../img/top_img_education.png);}
.img_service { background-image: url(../img/top_img_service.png);}
.img_study { background-image: url(../img/top_img_study.png);}

.wrap_characteristic {
	display: grid;
    grid-template-rows: auto;
    /* grid-template-columns: 24.8% 24.8% 24.8% 24.8%; */
    grid-template-columns: 49.5% 49.5%;
    display: -ms-grid;
    ms-grid-rows: auto;
    /* -ms-grid-columns: 4.8% 24.8% 24.8% 24.8%; */
    -ms-grid-columns: 49.5% 49.5%;
    grid-row-gap: 30px;
    grid-column-gap: 1%;
    width: 100%;
	max-width: 1000px;
    margin: 30px auto;	
}
.characteristic {
    /* padding: 10px 30px; */
    /* border: 3px solid #00a2e5; */
    border: 1px solid #00a2e5;
    border-radius: 10px;
	padding-bottom: 20px;
    border-bottom: 1px solid rgb(0,176,240);
	border-color: rgb(0,176,240);
	color:#666;
}
.characteristic:nth-of-type(1){
	grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
	/* border-color: rgb(208,108,10); */
}
.characteristic:nth-of-type(2){
	grid-column: 2/3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;	
	/* border-color: rgb(0,176,80); */
}
.characteristic:nth-of-type(3){
	grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;	
	/* border-color: rgb(245, 87, 87); */
}
.characteristic:nth-of-type(4){
	grid-column: 2/3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;	
	/* border-color: rgb(0,176,240); */

}
.std_page article .characteristic:nth-of-type(1) h2.characteristic_h2 {
	/* color: rgb(208,108,10); */
	line-height: 3.4em;	
    /* border-bottom: 3px solid rgb(208,108,10);	 */
    border-bottom: 1px solid rgb(0,176,240);
}
.std_page article .characteristic:nth-of-type(2) h2.characteristic_h2 {
	/* color: rgb(0,176,80); */
	line-height: 3.4em;	
    /* border-bottom: 3px solid rgb(0,176,80); */
    border-bottom: 1px solid rgb(0,176,240);
}
.std_page article .characteristic:nth-of-type(3) h2.characteristic_h2 {
	/* color: rgb(245, 87, 87); */
	line-height: 3.4em;	
    /* border-bottom: 3px solid rgb(245, 87, 87); */
    border-bottom: 1px solid rgb(0,176,240);
}
.std_page article .characteristic:nth-of-type(4) h2.characteristic_h2 {
	/* color: rgb(0,176,240); */
	line-height: 3.4em;	
    /* border-bottom: 3px solid rgb(0,176,240); */
    border-bottom: 1px solid rgb(0,176,240);
}
.std_page article .characteristic:nth-of-type(4) h2.characteristic_h2.doubleLine {
	/* color: rgb(0,176,240); */
	line-height: 1.7em;	
    border-bottom: 1px solid rgb(0,176,240);
}
.std_page article h2.characteristic_h2 {
	font-size: 120%;
    margin: 0;
    padding: 10px 0;
	background-color : #fff;
	border-radius: 10px 10px 0 0;
}
.std_page article h2.characteristic_h2.bg_col_type1 {
	background-color: #eaf6fd;
}
.std_page article h3.characteristic_h3 {
	text-align: left;
    /* font-size: 110%; */
    font-size: 107%;
    padding: 0 20px;
}
.characteristic_strg {
    font-size: 200%;
    color: #00a2e5;
}
.std_page article .characteristic p {
    text-align: left;
    font-size: 95%;
    line-height: 1.6em;
    color: #666;
    margin: 10px 0;
    padding: 0 20px;
}
.std_page article .characteristic_ul {
    margin-left: 50px;
}
.std_page article .characteristic_li {
	
}
.std_page article .characteristic .characteristic_sub {
	text-align: right;
}
.std_page article .characteristic p.characteristic_ref {
	text-align: right;	
}
.characteristic_tbl {
	margin: 20px auto;
    width: 95%;
}
.characteristic_tr {
	
}
.characteristic:nth-of-type(3) .characteristic_tr:nth-child(odd) {
	/* background-color: #ffebeb; */
	background-color: #cdf0fc;
}
.characteristic_th {
    line-height: 2em;
}
.characteristic_td {
	line-height: 2em;
    text-align: center;
    font-weight: bold;
    width: 30%;
}

.characteristic:nth-of-type(4) .characteristic_tr:nth-child(odd) {
	background-color: #cdf0fc;
}
.characteristic:nth-of-type(4) .characteristic_th {
	line-height: 1.2em;
    padding: 0.3em 0;
    font-size: 90%;
}
.characteristic:nth-of-type(4) .characteristic_th small {
    font-size: 80%;
    color: #666;
    font-weight: normal;
}
.mission_img {
	margin: 10px auto;
	display: block;
}
.wrap_iseikai_grp.bg_transparent {
	background-color: transparent;
	margin:0;
}


/* --- study.html -------------------------------------------------------------------------------------- */
.top_msg_study {
	width: 1000px;
	min-width: 1000px;
	margin : 0 auto;
}
.section_type1 {
	width: 100%;
	min-width: 1000px;
	background-color :#FFF;
	transform: skewY(-2deg);
	border-top: 3px solid #00a2e5;
	border-bottom: 3px solid #00a2e5;
	margin-top: 70px;
}
.section_type2 {
	width: 100%;
	min-width: 1000px;
	/* background-color :#FFF; */
	transform: skewY(-2deg);
	/* border-top: 1px solid #00a2e5; */
	/* border-bottom: 1px solid #00a2e5; */
	margin-top: 70px;
}
.inner_section_type1,
.inner_section_type2 {
	transform: skewY(2deg);
    /* padding: 80px 0; */
	padding: 10px 0 150px;
	margin: 0px auto;
    width: 1000px;
}
.wrap_whole_study {
	/* border: 3px solid #efefef; */
	/* background-color: #fff; */
	/* border-radius: 10px; */
	display: grid;
    grid-template-rows: auto;
    grid-template-columns: 49% 49%;
    display: -ms-grid;
    ms-grid-rows: auto;
    -ms-grid-columns: 49% 49%;
    grid-row-gap: 30px;
    grid-column-gap: 10px;
    width: 100%;
    margin-top: 30px;
}
.wrap_skillup, 
.wrap_newcomer,
.wrap_newcomer_gstudy {
	width: calc( 100% - 4em - 2px );
    padding: 20px 2em;
    background-color: #eaf6fd;
	border: 1px solid #00a2e5;
    border-radius: 10px;
	position:relative;
	overflow:hidden;
}
.wrap_skillup {
	grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
}
.wrap_newcomer {
	grid-column: 2/3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
}
.wrap_newcomer_gstudy {
	grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
	
}
.std_page article p.skillul_p,
.std_page article p.newcomer_p,
.std_page article p.studycont{
    font-size: 120%;
    font-weight: bold;
    color: #00a2e5;
    padding: 5px 0;
    margin: 0 0 10px 0;
    border-bottom: 4px solid #00a2e5;
}
.skillup_ul,
.c_study_ul{
    margin-left: 20px;
	margin-bottom: 1.5em;
}
.skillup_li,
.c_study_li {
	padding: 3px 0;	
	margin-left: 1em;
}
.skillup_li_ul {
	padding: 0px 0em 10px;
    /* border: 1px solid #999; */
    /* border-radius: 10px; */
}
.skillup_li_ul_li {
	margin-left: 2em;
}

.skillup_ul,
.newcomer_exp_ul{
	list-style: none;
}
.skillup_li,
.newcomer_exp_li {
	position: relative;
    color: #666;
    font-size: 90%;
    margin-left: 30px;
}
.skillup_li:before,
.newcomer_exp_li:before {
	font-family: "Font Awesome 5 Free";
    content: "\f46b";
    position: absolute;
    font-weight: 900;
    color: #8fc31f;
    top: 6px;
    left: -27px;
}

.newcomer_exp_li:before {
	top: 3px;
	left: -27px;
}
.skillup_li_ul {
	list-style:none;
}
.skillup_li_ul_li {
	position:relative;
}
.skillup_li_ul_li:before {
	font-family: "Font Awesome 5 Free";
    content: "\f490";
    position: absolute;
    font-weight: 900;
    color: #00a2e5;
    top: 3px;
    left: -27px;
}
.c_study_ul {
	list-style: none;
}
.c_study_li {
	position: relative;
    color: #666;
    font-size: 90%;
    margin-left: 30px;
}
.c_study_li:before {
	font-family: "Font Awesome 5 Free";
    content: "\f46b";
    position: absolute;
    font-weight: 900;
    color: #8fc31f;
    top: 6px;
    left: -27px;
}
.wrap_newcomer {
	margin-left: 1%;	
}
.wrap_newcomer_exp {
}
.std_page article p.newcomer_exp_p,
.std_page article p.studyexp {
	text-align: left;
    font-size: 95%;
    line-height: 1.6em;
    margin: 10px 0 15px;
}
.newcomer_exp_ul {
	padding: 0 0 10px 2em;
}
.newcomer_exp_li {
	
}





.wrap_more_study {
	display: grid;
    grid-template-rows: auto;
    grid-template-columns: 49% 49%;
    display: -ms-grid;
    ms-grid-rows: auto;
    -ms-grid-columns: 49% 49%;
    /* grid-row-gap: 30px; */
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    width: 100%;
    margin-top: 30px;
}


.wrap_skillup_more {
	grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
}
.wrap_fiveyear {
	grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
}
.wrap_sevenyear {
	grid-column: 2/3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
}
/*.wrap_publication {
	grid-column: 2/3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 2/4;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;	
}*/
.wrap_gstudy {
	grid-column: 2/3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
}

.wrap_skillup_more,
.wrap_fiveyear,
.wrap_sevenyear,
.wrap_publication,
.wrap_gstudy {
    width: calc( 100% - 4em - 2px );
    padding: 20px 2em;
    background-color: #fff;
    border: 1px solid #00a2e5;
    border-radius: 10px;
}


.wrap_whole_admin_study {
	display: grid;
    grid-template-rows: auto;
    grid-template-columns: 49% 49%;
    display: -ms-grid;
    ms-grid-rows: auto;
    -ms-grid-columns: 49% 49%;
    /* grid-row-gap: 30px; */
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    width: 100%;
    margin-top: 30px;
}


.wrap_admin_study {
	grid-column: 1/1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
}
/* .wrap_publication_admin {
	grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
}*/
.wrap_gstudy_admin {
	grid-column: 2/3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
	position:relative;
	overflow:hidden;
}

.wrap_admin_study,
.wrap_publication_admin,
.wrap_gstudy_admin {
    width: calc( 100% - 4em - 2px );
    padding: 20px 2em;
    /* background-color: #fff; */
    border: 1px solid #00a2e5;
    border-radius: 10px;
	background-color: #eaf6fd;
}

.section_type1.last-section,
.section_type2.last-section {
	border-bottom: none;
}

.study_questionnaire {
    display: block;
    margin: 5px auto;
    width: 80%;
    background-color: #eaf6fd;
    border-radius: 10px;
    border: 1px solid #00a2e5;
}
.section_type1 .study_questionnaire {
    background-color: #fff;
	
}
.bg_icon {
	position: absolute;
	bottom: -30px;
    right: -20px;
    content: "";
    font-size: 250px;
    color: rgba(255,255,255,0.6);
    transform: rotate(13deg);
}
.wrap_skillup .bg_icon {
	z-index:1;
}
.wrap_skillup .skillup_ul {
	z-index: 2;
    position: relative;
}
.newcomer_gstudy_img {
	display: block;
	width: 300px;
	margin:0 auto;
}





/* --- iseikaigrp.html -------------------------------------------------------------------------------------- */
.wrap_iseikai_grp {
	width: 100%;
	min-width: 1000px;
    transform: skewY(-2deg);
    background-color: #fff;
    margin: 60px 0 0;
	border-top: 1px solid #11b5f1;
}
.inner_isikai_grp {
	transform: skewY(2deg);
    width: 1000px;
    padding: 50px 0;
    margin: 0 auto;
}
.wrap_grp_facility {
	display: -webkit-flex;
    display: flex;
    /* -webkit-justify-content: space-between; */
    /* justify-content: space-between; */
	width: 100%;
	flex-wrap: wrap;
}
.grp_ancher {
	display: block;
    width: calc( 33% - 2px );
    flex-shrink: 0;
    text-decoration: none;
    /* border: 1px solid #00b0f0; */
    background-color: #eaf6fd;
    border-radius: 10px;
    /* box-shadow: 1px 1px 2px #00b0f0; */
    margin-bottom: 10px;
    position: relative;
    box-shadow: 1px 1px 1px #999;
	margin-right: 0.5%;
	margin-top: 35px;
}
.grp_ancher:hover {
  opacity: 1;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: flash;
  animation-duration: 1s;
  animation-name: flash;
}
@-webkit-keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
.grp_a_img {
    width: 130px;
    border-radius: 5px;
    box-shadow: 2px 2px 2px #ededed;
	margin-left: 5px;
	margin-top: 5px;
}
.std_page article p.grp_a_func {
	font-size: 80%;
    padding: 5px 10px 0px;
    background-color: #8fc31f;
    border-radius: 10px 10px 0 0;
    color: #fefefe;
	margin: 5px 5px 0;
}
.std_page article p.grp_a_addr {
    position: absolute;
    top: 10px;
    right: 5px;
    font-size: 90%;
    color: #666;
}
.std_page article p.grp_a_addr2 {
    position: absolute;
    top: -20px;
    right: 5px;
    font-size: 90%;
    color: #666;
}
.std_page article p.grp_a_addr3 {
    position: absolute;
    top: 30px;
    right: 5px;
    font-size: 70%;
    color: #666;
    box-sizing: border-box;
}
.std_page article p.grp_h {
	position: relative;
    font-size: 24px;
    text-align: left;
    margin-top: 50px;
    margin-bottom: 20px;
    padding-left: 35px;
    background: -moz-linear-gradient(to bottom,#FFF 50%,#eaf6fd 83%,#00b0f0);
    background: -webkit-linear-gradient(to bottom,#FFF 50%,#eaf6fd 83%,#00b0f0);
    background: linear-gradient(to bottom,#FFF 50%,#eaf6fd 83%,#00b0f0);
	color: #00b0f0;
}
.std_page article p.grp_h::before {
    position: absolute;
    top: 9px;
    left: 5px;
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(./../img/hist_dot_24px.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
}

.grp_a_h {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 125%;
    color: #fff;
    /* text-shadow: 1px 1px 1px #00b0f0; */
    /* text-shadow: 1px 1px 2px #000; */
    /* color: #00b0f0; */
	color: #333;
    background-color: rgba(255,255,255,0.9);
    padding: 2px 5px;
    border-radius: 7px;
    /* font-weight: 400; */
    letter-spacing: 0.05em;
    /* box-shadow: 0px 0px 1px #00b0f0; */
}
.grp_a_facilityName_img {
	background-color: rgba(255,255,255,0.8);
    border-radius: 5px;
    position: absolute;
    bottom: 5px;
    right: 5px;
}
strong.htekina {
    font-size: 140%;
    font-weight: bold;
    letter-spacing: .1em;
}

/* --- service.html -------------------------------------------------------------------------------------- */
.top_msg_service {
	width: 1000px;
	min-width: 1000px;
	margin : 0 auto;
}
.std_page article .top_msg_service p {
	text-align: left;
	margin:10px 100px;
}
.wrap_servive_goal {
	border: 1px solid #00a2e5;
    margin: 50px 100px;
    padding: 20px 70px;
    border-radius: 10px;
    background-color: #fff;
	list-style: none;
}
.servive_goal {
    margin: 20px 0;
    letter-spacing: 0.1em;
    position: relative;
    /* border-bottom: 3px solid #8cc220; */
	padding-left: 70px;
	color: #444;
}
.servive_goal i {
    margin-right: 8px;
    color: #8cc220;
    font-size: 180%;
}
.servive_goal:nth-of-type(2){
	margin-top: 40px;
}
.servive_goal:before {
	font-family: "Font Awesome 5 Free";
	content: "\f46b";
	position:absolute;
	font-weight: bold;
    color: #8cc220;
    font-size: 200%;
}
.servive_goal:nth-of-type(1):before {
    top: 0px;
    left: 15px;
}
.servive_goal:nth-of-type(2):before {
    top: -10px;
	left: 15px;
}
.servive_goal:nth-of-type(3):before {
    top: 0px;
    left: 15px;
}
.servive_goal ul {
	padding-left: 50px;
    margin-top: 15px;
}
.wrap_efficiency {
	display: grid;
    grid-template-rows: auto;
    grid-template-columns: 32% 32% 32%;
    display: -ms-grid;
    ms-grid-rows: auto;
    -ms-grid-columns: 32% 32% 32%;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    width: 100%;
    margin-top: 30px;
}

.sec_efficiency {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 30px;
}
.efficiency:nth-of-type(1) {
	grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
}
.efficiency:nth-of-type(2) {
	grid-column: 2/3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
}
.efficiency:nth-of-type(3) {
	grid-column: 3/4;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-row: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
}
.efficiency:nth-of-type(4) {
	grid-column: 1/4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-row: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
}
.efficiency {
	background-color: #fefefe;
    border-radius: 10px;
    border: 1px solid #00a2e5;
    padding: 10px;
	position:relative;
	overflow:hidden;
}
.efficiency_i {
	position: absolute;
    bottom: -30px;
    right: -30px;
    font-size: 240px;
    color: rgba(0,162,229,0.2);/* #00a2e522; */
}
.std_page article .efficiency h3,
.std_page article .efficiency p {
	text-align: left;
}
.std_page article .efficiency h3 {
	font-size: 120%;
}
.std_page article .efficiency h3.dline {
	margin-bottom: -30px;
}

.std_page article .efficiency p {
	margin-left: 10px;
	margin-right: 10px;
}
.std_page article .efficiency p.fl_efficiency_p {
	float: left;
    width: 70%;
    margin-top: 0;
}
.std_page article .fl_efficiency_img {
	float: left;
	display: block;
	width: 200px;
}




/* --- education.html -------------------------------------------------------------------------------------- */
.inner_education {
border: 1px solid #00a2e5;
    margin: 50px auto;
    padding: 20px 70px;
    border-radius: 10px;
    background-color: #fff;
    width: 80%;
    max-width: 700px;
}
.std_page article p.inner_education_p {
	text-align: center;
	margin: 10px 0;
    font-size: 110%;
    font-weight: 400;
}
.inner_education_ul {
	list-style:none;
}
.inner_education_li {
	margin: 20px 0;
    letter-spacing: 0.1em;
    position: relative;
    /* border-bottom: 3px solid #8cc220; */
	padding-left: calc( 30% + 50px );
	color: #444;
}
.inner_education_li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f46b";
	position:absolute;
	font-weight: bold;
    color: #8cc220;
    font-size: 200%;
	left: 30%;
    top: -10px;
}
.inner_education_li2 {
	margin: 20px 0;
    letter-spacing: 0.1em;
    position: relative;
    /* border-bottom: 3px solid #8cc220; */
	padding-left: calc( 5% + 50px );
	color: #444;
}
.inner_education_li2:before {
	font-family: "Font Awesome 5 Free";
	content: "\f46b";
	position:absolute;
	font-weight: bold;
    color: #8cc220;
    font-size: 200%;
	left: 5%;
    top: -10px;
}

/* ---2021.07.24 index.html -------------------------------------------------------------------------------------- */
.link-top {
	margin-bottom: 0.5rem;
}
.header-nav {
	width: 100%;
	background-color: rgba(255,255,255,0.8) ;
    z-index: 100;
    position: fixed;
	box-shadow: 0 0 1px rgb(34 34 34 / 8%);
}
.header-nav ul{
	display: flex;
	max-width: 1000px;
	margin: 0 auto;

  align-items: center;
}
.header-nav ul li {
	width: 15%;
	list-style: none;
	text-align: center;
	height: 82px;
	position: relative;
	box-sizing:border-box;
}

.header-nav ul li:hover:not(:first-child) {
	border-bottom: solid #00a2e5 4px;
	background-color: rgba(255,255,255,0.9) ;
}

.header-nav ul li:hover:nth-of-type(2) a {
/*	color: #00a2e5;*/
	/* padding-top: 4px; */
	padding-top: 18px;
}
.header-nav ul li:hover:nth-of-type(3) a, 
.header-nav ul li:hover:nth-of-type(4) a, 
.header-nav ul li:hover:nth-of-type(5) a {
	padding-top: 26px;
}
.header-nav ul li ul li a {
	padding-top: 13px;
}
.header-nav ul li.saiyou-tab li ul.saiyou-tab2 li a {
	
}
.header-nav ul li.saiyou-tab li:hover:not(:first-child) {
	border-bottom: none;
	background-color: rgba(255,255,255,0.9) ;
}

.header-nav ul li.saiyou-tab li:first-of-type {
	border-bottom: solid 1px #eee;
}

.header-nav ul li.saiyou-tab li:hover {
	background-color: #f0fbff !important;
}

/*.header-nav ul li a {
	text-decoration: none;
	color: #222;
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 600;
	font-style: normal;
	width: 140px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-sizing:border-box;
}*/
.header-nav ul li a {
	font-size: 90%;
	color: #222;
    font-family: kozuka-gothic-pr6n, sans-serif;
    font-weight: 600;
    font-style: normal;
    text-decoration: none;
    display: block;
    width: 100%;
    height: calc( 82px - 26px );
    padding-top: 26px;
}
.header-nav ul li:nth-of-type(2) a {
    height: calc( 82px - 18px );
    padding-top: 18px;
}

.header-nav ul li.link-top {
	width: 25%;
	background-image:url(./../img/top_h_logo.png);
	height: 70px;
	padding: 0;
}
.inner_header_img2 {
	margin-top: 70px;
}
.inner_top_hist {
	margin-bottom: 3rem;
	box-shadow: 1px 1px 5px 1px #eee;
	background-color: #fff;
}
.youtube-area {
	    width: 1000px;
    margin: 0 auto;
	padding-bottom: 1rem;
}
.youtube-area iframe {
	border-radius: 5px;
    box-shadow: 1px 1px 5px 1px #eee;
}
.inner_header_img2 {
	background: #111;
	background-image: url("./../img/top_bg.png");
	background-size: cover;
  background-position: center;
}
main {
	position: relative;
    max-width: 1000px;
    margin: 0 auto;
    z-index: 100;
}
.saiyou-tab {
	position: relative
}
.saiyou-tab ul {
	position: absolute;
	top: 82px;
    background: #fff;
    width: 100%;
    display: block;
}
.saiyou-tab ul li {
	width: 100%;
  height: 60px;
}

.saiyou-tab ul.saiyou-tab2 {
	display: none;
}
.h2-img {
	margin: 0 auto;
	display: block;
	width: 100px;
	margin-bottom: 0.5rem;
	padding-top: 2rem;
}
.top_link_btn {
	margin-bottom: 1.5rem;
}

.link_holo_recruitsite::after {
	box-shadow: 1px 1px 5px 1px #cedfe6;
}

/*********************************************SNSアイコン***/
.social {
	position: fixed;
	right: -440px;
	bottom: 20%;
	z-index: 10000;
}
.instagram {
  background: #CF2E92;
}
.fa-instagram{
  color: #fff;
  padding: 8px;
  padding-left: 9px;
  padding-right: 30px;
  font-size: 24px;
}
.twitter {
	/* background: #00aced; */
	background: #000000;
}
.fa-twitter {
	color: #fff;
  font-size: 20px;
  padding: 8px 30px 8px 9px;	
}
.fa-x-twitter {
	color: #fff;
  font-size: 20px;
  padding: 8px 30px 8px 9px;	

}
.youtube {
  background: #ff0000;
}
.fa-youtube{
  color: #fff;
  padding: 8px;
  padding-right: 30px;
  font-size: 22px;
}

.social ul {
  padding: 0px;
  -webkit-transform: translate(280px, 0);
  -moz-transform: translate(280px, 0);
  -ms-transform: translate(280px, 0);
  -o-transform: translate(-280px, 0);
  transform: translate(-280px, 0);
}
.social ul li {
	display: block;
	margin: 5px 0;
	width: 200px;
	text-align: left;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	box-shadow: 0px 0px 5px #efefef;
}
.social ul li:hover {
  -webkit-transform: translate(-20px, 0);
  -moz-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  -o-transform: translate(-20px, 0);
  transform: translate(-20px, 0);
}

.kakomi_ans {
	display: none;
}

header.header-iseikaigrp::after {
	height: 75px;
	top: 610px;
}
header.header-service::after {
	height: 75px;
	top: 610px;
}
.std_page article.staff-interview h3 {
	background: #00a2e5;
	color: #fff;
	margin: 0;
	padding: 0.5rem;
}
.std_page article.staff-interview h4 {
	background: aliceblue;
	padding: 0.5rem;
	width: fit-content;
}
.staff-interview h3 span {
	padding-right: 1rem;
}
.inner_staff-interview {
	width: 1000px;
    margin: 0 auto;
}
.interview-wrap {
	margin-bottom: 6rem;
	padding: 1rem;
}
.std_page article .interview-wrap p {
	margin: 0;
}
.std_page article .interview-wrap p.comment {
	font-size: 130%;
	color: #00a2e5;
	font-weight: bold;
	padding: 1rem;
}
.std_page article section {
	/* width: 1000px; */
	/* margin: 0 auto; */
}
.interview-icon {
	display: block;
	margin: 0 auto;
}
/*.interview-wrap-veteran {
	background: aliceblue;
}*/
.std_page article .interview-wrap p {
	font-size: 140%;
	text-align: left;
}

.std_page article .interview-wrap-first p {
	text-align: center;
}
.std_page article p.comment-2 {
	font-size: 130%;
	color: #2e2e2e;
	font-weight: bold;
	padding: 1rem;
	margin-top: 0;
	padding-bottom: 2rem;
}
.comment-2-wrap {
	margin-top: 0;
	background: #fff;
}
section.both-interview .interview-wrap {
	margin-bottom: 0;
}
.std_page article.schedule {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 5rem;
}
.schedule-section-wrap {
	width: 1000px;
	margin: 0 auto;
}
.schedule-section-wrap section{
	width: 33.33333%;
	background: #fff;
	border: 1px solid #00a2e5;
	padding: 0 1rem;
}
.std_page article .schedule-section-wrap h3 {
	color: #00a2e5;
	border-bottom: solid;
}
.std_page article .schedule-section-wrap section:not(:last-child) {
	margin-right: 0.5rem;
		padding-bottom: 2rem;
}
.schedule-section-wrap section table {
	border-spacing: 0;
}

.schedule-section-wrap section table tr th {
	padding: 0.5rem;
	border-right: solid #eee;
	position: relative;
	color: #f55757;
	text-align: right;
	padding-right: 1rem;
}
.schedule-section-wrap section table tr td {
	padding-left: 1rem;
}
.schedule-section-wrap section table tr th::after {
    content: "●";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 4.2rem;
}
header.header-education::after {
height: 75px;
    top: 610px;
}
header.header-study::after {
height: 75px;
    top: 610px;
}
.oubo-btn-wrap {
	max-width: 1000px;
	display: flex;
	margin: 0 auto;
	padding: 1rem 0.5rem;
}
.oubo-btn-wrap a {
	width: 100%;
	background: #f1f1f1;
	padding: 1rem 0.5rem;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.1;
}
.oubo-btn-wrap a span {
	font-size: 0.8rem;
	color: #f7f492;
}
.oubo-btn-wrap a {
	color: #fff;
	background: #167ac6;
	border-radius: 5px;
	border: solid #2e98eacc;
	box-shadow: 1px 1px 5px 1px #ccc;
	text-decoration: none;
}
.oubo-btn-wrap {
	padding: 0;
}
.oubo-btn-wrap {
	border-radius: 5px;
}
.oubo-btn-wrap i {
	padding-right: 0.5rem;
}
.oubo-btn-wrap p {
	font-weight: 500;
}
.characteristic {
	background: #fff;
}
.wrap_grp_facility a {
	background: #fff;
}
.header-nav .link-top li a{
	padding: 1rem 0;
}
.std_page article.staff-interview p {
	margin-bottom: 0;
}
br {
display: block;
content: "";
margin: 0;
line-height: -10rem;
}
h2.top-h2 {
	border-bottom: none;
	text-align: center;
	color: #00a2e5;
	font-size: 220%;
	line-height: 1.7em;
	margin: 0px 0 30px;
	width: 100%;
}
.tab-active {
	background: #f0fbff;
}
.isiekaigrp_article {
	/* width: 1000px; */
}
.schedule-section-wrap {
	display: flex;
	justify-content: center;
}
.both-interview .comment-flex {
	display: flex;
}
.interview-flex {
	display: flex;
}
.interview-wrap-kobetu {
	width: 50%;
}
.border-blue {
	border: 1px solid #00a2e5;
}
.top-header {
	/* height: 54rem; */
}

.int1-w-wrap {
	display: flex;
	padding: 1rem;
	position: relative;
}

.int1-w-wrap img {
	width: 25%;
}
.int1-w2 {
	position: absolute;
	top: 3rem;
	left: 24%;
}
.int1-w3 {
	position: absolute;
	top: 1rem;
	left: 48%;
}
.int1-w4 {
	position: absolute;
	top: 2rem;
	left: 72%;
}
.int-comment {
	padding: 1.5rem;
}
.int1-b-wrap {
	display: flex;
	position: relative;
}
.int1-b-wrap img {
	width: 22%;
}
.int1-b2 {
	position: absolute;
	top: 4rem;
	left: 19%;
}
.int1-b3 {
	position: absolute;
	top: 1rem;
	left: 38%;
}
.int1-b4 {
	position: absolute;
	top: 4rem;
	left: 58%;
}
.int1-b5 {
	position: absolute;
	top: 1rem;
	left: 78%;
}
.int-comment {
	font-weight: bold;
}
.int3-w-wrap img {
	width: 22%;
}
.int3-w-wrap {
	display: flex;
	position: relative;
	margin-bottom: 2rem;
}
.int3-w2 {
	position: absolute;
	top: 3.1rem;
	left: 20%;
}
.int3-w3 {
	left: 40%;
	position: absolute;
	top: 1rem;
}
.int3-w4 {
	position: absolute;
	left: 60%;
	top: 3.5rem;
	z-index: 1;
}
.int3-w5 {
	position: absolute;
	top: 1rem;
	left: 78%;
}

.std_page article.staff-interview h3 {
	border: #00a2e5 solid;
	background: #fff;
	color: #00a2e5;
}
.int1-w7 {
	position: absolute;
	left: 24%;
  top: 29%;
}
.int3-w6 {
	position: absolute;
	right: 21%;
	top: 29%;
}
.int1-b6 {
	position: absolute;
  left: 25%;
}
.int1-b7 {
	right: 26%;
  position: absolute;
}
section.both-interview .interview-wrap {
	margin-bottom: 10rem;
}
.int3-w-wrap2, .int1-b-wrap2 {
	margin-bottom: 6rem;
}


/* --- shinsotu.html -------------------------------------------------------------------------------------- */
.oubo-wrap {
	display: flex;
	width: 1000px;
	margin: 0 auto;
}
.oubo-wrap div {
	width: 50%;
	border-radius: 10px;
}
.oubo-wrap div.setumeikai {
	margin-right: 1rem;
}
.setumeikai {
	width: auto;
	padding: 1rem;
}
.internship {
	width: auto;
	padding: 1rem;	
}
.saiyou {
	padding: 1rem;
}
/* --- 2022/01/28更新 -------------------------------------------------------------------------------------- */
/* --- kouryuu.html -------------------------------------------------------------------------------------- */
.kouryuu-top-img {
	border-radius: 0 0 50% 50%;
	height: 32rem;
}
.kouryuukai-logo {
	width: 40%;
  top: -260px;
}
.kouryuu-header-education {
	height: 83px;
}
header.kouryuu-header-education::after {
	display: none;
}
@media screen and (min-width:1000px) {
div.kouryuukai-text {
	padding-top: 2rem;
}
}
@media screen and (min-width:1100px) {
div.kouryuukai-text {
	padding-top: 4rem;
}
}
@media screen and (min-width:1250px) {
div.kouryuukai-text {
	padding-top: 7rem;
}
}
@media screen and (min-width:1350px) {
div.kouryuukai-text {
	padding-top: 8rem;
}
}
@media screen and (min-width:1450px) {
div.kouryuukai-text {
	padding-top: 11rem;
}
}
@media screen and (min-width:1550px) {
div.kouryuukai-text {
	padding-top: 13rem;
}
}
.kouryuu-oubo-btn-wrap a {
	margin: 4rem;
}
dl.kouryuukai-syousai dt {
    padding: 0.5rem 1rem;
    border-left: 5px solid #00a2e9;
    background: #f4f4f4;
    margin: 1rem 0;

}
dl.kouryuukai-syousai {
			max-width: 800px;
	margin: 0 auto;
}
.std_page article p.kouryuu-p {
	margin-bottom: 2rem;
	font-weight: bold; 
  color: #00a3e5;
}
.std_page article .kouryuu-link {
	text-align: center;
	background: white;
	padding: 1rem;
	font-size: 110%;
	font-weight: 900;border: 1px solid #00a2e5;
	border-radius: 10px;
	max-width: 970px;
    margin: 0 auto;
	margin-bottom: 1rem;
}
.std_page article .kouryuu-link span {
	color: #00a2e5;
  font-size: 120%;
}

ul.comment {
	width: 800px;
	margin: 0px auto;
	list-style: none;
}
ul.comment li {
	text-indent: calc( -1em - 5px );
	margin: 20px 0;
	padding: 15px 20px 15px 40px;
	background: #fff;
	border-radius: 10px;
}
ul.comment li:before{
	font-family: "Font Awesome 5 Free";
    content: "\f27a";
	color: #00a2e5;
	margin-right: 5px;
}
.flow04 {
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px;
  
}

.flow04 > li {
  list-style-type: none;
  width: 100%;
  max-width: 350px;
  display: flex;
  background: #fff;  
  
    
}

.flow04 > li .icon04 {
  line-height: 2;
  width: 2em;
  height: 2em;
  text-align: center;
  color: #fff;
  background: #00a2e5;
  margin: 0 auto 10px;
  display: block;
  border-radius: 100vh;
  position: relative;
}

.flow04 > li .icon04::before {
  content: "";
  border: solid transparent;
  border-width: 7px;
  border-top-color: #00a2e5;
  position: absolute;
  top: calc(100% - 2px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.flow04 > li dl {
  padding: 30px 20px;
  margin: 0;
  border: 3px solid #00a2e5;
  position: relative;
  width: 100%;  
}

.flow04 > li:not(:first-child) dl::after {
  content: "";
  width: 14px;
  height: 14px;
  margin-right: 10px;
  display: inline-block;
  border-top: 4px solid #00a2e5;
  border-right: 4px solid #00a2e5;
  position: absolute;
  top: calc(10% - 14px);
  left: -45px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.flow04 > li dl dt {
  font-size: 1.3em;
  font-weight: 600;
  color: #00a2e5;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  margin-bottom: 10px;
  text-align: center;
}

.flow04 > li dl dd {
  margin-left: 0;
}
.border_btn01 {
  display: inline-block;
  width: 100%;
  max-width: 200px; /* ボタン幅 */
  color: #fff; /* 文字色 */
  border: 2px solid #26B837; /* 線幅・種類・色 */
  padding: 1em 2em;
  font-weight: bold; /* 文字の太さ */
  text-decoration: none;
  text-align: center;
  transition: 0.3s;
  background: #26B837;
}

/* マウスオーバーした際のデザイン */
.border_btn01:hover {
  background: #fff;  
  color: #26B837; /* 文字色 */
  border: 2px solid #26B837;  
}
.table_design01 {
  border-collapse: collapse;
  width: 100%;
  max-width: 700px;
}
.table_design01 th, .table_design01 td {
  border: 2px solid #fff;
  background-color: #e6f1f6;
  padding: 1em;
}
.table_design01 th {
  background-color: #00a2e5;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 20%;
  min-width: 4em;
}

a.button-yem {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: 50px;
  position: relative;
  background: #0275D4;
  border: 2px solid #0275D4;
  border-radius: 30px;
  box-sizing: border-box;
  padding: 0 45px 0 25px;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
  margin: 0 auto 30px auto;
  font-weight: 600;
}
a.button-yem:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -6px;
}
a.button-yem:hover {
  background: #fff;
  color: #0275D4;
}
a.button-yem:hover:before {
  border-top: 3px solid #0275D4;
  border-right: 3px solid #0275D4;
}
.btn_bk_top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 70px;
    height: 70px;
    background-color: #00a2e5;
    box-shadow: 0 0px 8px #ccc;
    border-radius: 14px;
    text-align: center;
    line-height: 70px;
    font-size: 40px;
    color: #fff!important;
    text-decoration: none;
}
.btn_bk_top:hover {
    transform: translateY(-3px);
    transition: 0.3s;
}
/* --- page marge  -------------------------------------------------------------------------------------- */
.page_marge .wrap_top_link_btn {
    top: inherit;
    padding-top: 710px;
    position: relative;
}
.page_marge main {
    z-index:0;
}
.page_marge footer.top_footer {
    position: relative;
    top: inherit;
    margin-top: 130px;
}
.page_marge main {
    max-width: 100%;
}
.page_marge .inner_main.top_page{
    max-width: 1000px;
    margin: 0 auto;
}
.page_marge .inner_main.std_page{
}
.page_marge .img_iseikaigrp,
.page_marge .img_education,
.page_marge .img_service,
.page_marge .img_study {
    height: 650px;
}
.wrap_h1_image {
    position:relative;
}
.wrap_h1_image::after {
    height: 75px;
    top: 610px;
}
.wrap_h1_image::after {
    content: "";
    width: 100%;
    height: 80px;
    /* transform: rotate(-2deg); */
    transform: skewY(-2deg);
    background-color: #eaf6fd;
    position: absolute;
    top: 604px;
    left: 0px;
}
.wrap_h1_image h1 {
    color: #fff;
    text-align: center;
    letter-spacing: 0.15em;
    text-shadow: 2px 2px 2px #333;
    position:absolute;
    top:300px;
    font-size: 230%;
    width: 100%;
}
.page_marge .std_page article {
    padding-top: 50px;
}
.kisotu_btn {
    display: block;
    max-width: 600px;
    width: 90%;
    margin: 20px auto;
    text-align: center;
    background-color: #00a2e5;
    color: #fff;
    text-decoration: none;
    padding: 20px 10px;
    font-size: 160%;
    letter-spacing: 0.1em;
    border-radius: 8px;
}
.kisotu_msg {
    
}
/* --- page marge  ここまで -------------------------------------------------------------------------------------- */

.stepsml {
    background: #FFE2BA;
    color: var(--color--luminous-vivid-orange);
    border-radius: 8px;

}