@charset "utf-8";
/* CSS Document */





/*****************************************************************************
 reset
 *****************************************************************************/
html{ overflow-y:scroll; }
body, div, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address, ul, ol, li, dl, dt, dd, table, caption, th, td, form, fieldset, textarea, iframe { margin:0; padding:0; }
p { word-wrap:break-word; word-break:break-all; } /* For Japanese */
* html h1, * html h2, * html h3, * html h4, * html h5, * html h6 { height:1%; }
img { line-height:1; border:none; vertical-align:top; }
table { border:none; border-collapse:collapse; border-spacing:0; font-size:inherit; }
th, td { padding:2px 0; }
caption, th, td { text-align:left; }
a[name] { color:#000; }
a[name]:hover { color:#000; text-decoration:none !important; outline:0 !important; }
a img { color:#000; }
fieldset { border:none; }
input, textarea, select { font-family:inherit; font-size:1em; }
input { vertical-align:-3px; }
select { vertical-align:middle; }
ul li { list-style-type:none; }
li li { font-size:inherit; }
ul,ol {	list-style-type: none;}

em { font-style:normal; font-weight:bold; }
address { font-style:normal; }
label { cursor:pointer; }
legend { display:none; }
hr { display:none; visibility:hidden; height:0; border:0; }
h1, h2, h3, h4, h5, h6, form, fieldset, textarea, pre, blockquote, table, th, td { font-size:100%; }
p, li, dt, dd, pre, legend { line-height:1.5; }
h1, h2, h3, h4, h5, h6, dt { font-weight:bold; }
/* ------ password ------ */
input[type="password"] { height:1.2em; font-family:arial; ime-mode:disabled; }
/* ------ button ------ */
input[type="submit"], input[type="reset"], input[type="button"], input[type="image"] { cursor:pointer; }
/* ------ file ------ */
input[type="file"] { height:20px; }



address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
hr {
	border:0;
	height:1px;
	background:#cccccc;
	margin:1em 0;
}
area {
	outline:none !important;
	border:none !important;
}

/*****************************************************************************
 linkColor
 *****************************************************************************/

a {
	color:#3176c3;
	text-decoration:none;
	cursor:pointer;
}
a * {
	cursor:pointer;
}
a:hover {
	text-decoration:underline;
}










/*****************************************************************************
 clearfix
 *****************************************************************************/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	min-height: 1px;
}
/* Hides from IE-mac \*/
.clearfix {
	/*height: 1%;*/
	display: block;
}
/* End hide from IE-mac */


.cbcb {
	clear: both;
}







/*****************************************************************************
 body
 *****************************************************************************/

body {
	line-height: 1.0;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	color:#444444;
	position:relative;
	background:url(../img/top_bg2.jpg) 50% 0 no-repeat #f4f4f4;/*----------------------------画像変更--------------------------------------------------*/
	background-size:1100px auto;
	background-attachment: fixed;
}
.body {
	min-width:1100px;
	overflow:hidden;
}










/*****************************************************************************
 header
 *****************************************************************************/



/*.header
--------------------------------------*/
.header {
	border-top:5px solid #004098;
	background:#ffffff;
	position:relative;
	z-index:2;
}
.header .inner {
	width:1100px;
	height:100px;/*-------------------------------------------------------148---115------------------------------------------------------------------*/
	margin:0 auto;
	position:relative;
}
.header .inner > * {
	position:absolute;
}
.header .inner > .hd {
	left:0;
	top:5px;/*-------------------------------------------------------20---5-----------------------------------------------------------------*/
}
.header .inner > .hd span {
	display:block;
}
.header .inner > .hd span.text {
	color:#888888;
	font-size:14px;
	padding:4px 0 0;
	margin-left:-0.5em;
}
.header .inner > .epson {
	right:0;
	top:15px;/*-------------------------------------------------------55---15------------------------------------------------------------------*/
	opacity:1;
	transition:opacity 0.4s ease;
}
.header .inner > .epson:hover {
	opacity:0.6;
}


.header .inner > .login {
    right: 150px;
    top: 15px;/*-------------------------------------------------------55---15------------------------------------------------------------------*/
	border: 1px solid #004098;
/*    background-color: #def1fb;*/
    width: 120px;
    padding: 10px 0;/*-------------------------------------------------------5---6に-20250926 10-----2509------------------------------------------------------------*/
    text-align: center;
    transition: 0.4s;
    line-height: 1.1;
    font-size: 15px;/*-------------------------------------------------------15---18------15に戻す--------------------------------------------------------*/
}

.header .inner > .login:hover {
	background-color: #004098;
	transition: 0.4s;
	cursor: pointer;
}

.header .inner > .login:hover a{
	color: #fff;
}

.header .inner > .login a,
.header .inner > .recruit a {
	text-decoration: none!important;
	color: #004098;
}

.header .inner > .recruit {
	position: absolute;
	right: 280px;
    top: 15px;/*-------------------------------------------------------55---15------------------------------------------------------------------*/
	border: 1px solid #004098;
/*    background-color: #def1fb;*/
    width: 200px;/*-------------------------------------------------------120---200に------------------------------------------------------------------*/
    padding: 0px 0;/*-------------------------------------------------------5px 0---0px 0------------------------------------------------------------------*/
    text-align: center;
    transition: 0.4s;
	line-height: 1.1;
	font-size: 15px;
	overflow:hidden;
}

.header .inner > .recruit:hover {
	/*background-color: #004098;*/
	transition: 0.4s;
	cursor: pointer;
	opacity:1;/*------------------------------------------------------------------------------------------------------------------------*/
}

.header .inner > .recruit:hover a{
	color: #fff;
	opacity:0.7;/*-------------------------------------------------------------------------------------------------------------------------*/
}

.header .inner > .shu-top {
	position: absolute;
	right: 680px;
    top: 15px;/*-------------------------------------------------------55---15------------------------------------------------------------------*/
	/*border: 1px solid #004098;
/*    background-color: #def1fb;*/
    width: 220px;/*-------------------------------------------------------120---200に------------------------------------------------------------------*/
    padding: 0px 0;/*-------------------------------------------------------5px 0---0px 0------------------------------------------------------------------*/
    text-align: center;
    transition: 0.4s;
	line-height: 1.1;
	font-size: 15px;
	overflow:hidden;
}

.header .inner > .shu-top:hover {
	/*background-color: #004098;*/
	transition: 0.4s;
	cursor: pointer;
	opacity:1;/*------------------------------------------------------------------------------------------------------------------------*/
}

.header .inner > .shu-top:hover a{
	color: #fff;
	opacity:0.7;/*-------------------------------------------------------------------------------------------------------------------------*/
}
/*.header .inner > .recruit img:hover {
	 transform:scale(1.2,1.2);
	 transition:1s all;
}*/


/*.va
--------------------------------------*/
.va {
	text-align:center;
	position:relative;
	height:520px;/*------------------------------------------------------520---420-----------------------------------------------------------------*/
	overflow:hidden;
}
.va .visual ul {
	position:absolute;
	width:600px;
	top:200px;
	left:50%;
	margin-left:-300px;
	transition:margin 0.4s ease;
}
.va .visual ul.escape {
	margin-left:-450px;
}
.va .visual li {
	float:left;
	margin-left:24px;
}
.va .visual li:first-child {
	margin-left:0;
}
.va .toolImg {
	position:absolute;
	z-index:666;
	top:150px;
	left:50%;
	margin-left: 150px;
	opacity:0;
  	-ms-filter: "alpha(opacity = 0)";
  	transition:opacity 0.3s ease;
}





/*nav
--------------------------------------*/
header #navWrapper {
	position:absolute;
	height:75px;
	width:100%;
	bottom:0;
	left:0;
	z-index:555;
}
header #navWrapper nav {
	background:rgba(0,64,152,0.8);
	background:#82b327\9;
	height:75px;
	width:100%;
	transition:top 0.3s ease;
}
header #navWrapper nav.fixed {
	position:fixed;
	top:0;
	left:0;
	z-index:999;
}
header .contact {
	background:#ffb017;
	height:75px;
	width:2000px;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:331px;
	text-align:left;
}
header nav ul {
	box-sizing:border-box;
	height:100%;
	width:1100px;
	margin:0 auto;
	overflow:hidden;
}
header nav li,
header .contact p {
	box-sizing:border-box;
	height:100%;
	float:left;
	transition:border 0.2s ease;
}
header nav li {
	margin-right:1px;
	border-bottom:0 solid rgba(255,255,0,1);
}
header .contact p {
	border-bottom:0 solid rgba(255,176,23,1);
	text-align: center;
}

header nav li .sl ,
header nav li a:not(.sl):hover,
header .contact p:hover {
	border-bottom:8px solid rgba(255,176,23,1);
}


header nav li a,
header .contact a {
	box-sizing:border-box;
	height:100%;
	display:block;
	padding:18px 0 0 0;
	font-size: 16px;
	line-height: 1;
	font-weight: 400;
	color: #fff!important;
	text-decoration: none!important;
	line-height: 1.3;
}
header nav li a span.nav_text,
header .contact a span.nav_text  {
	display:block;
    color: #fff!important;/*-------------------------------------------------------------------------2509------------------------------------------------*/
}

header nav li a span.nav_test_small,
header .contact a span.nav_test_small  {
	font-size: 14px;
	font-weight: 100;
}

header nav li a span.nav_text {
	padding:3px 99px;/*---------------------------------------------------60から変更---------------------------------------------------------------------*/
	border-left:1px dotted rgba(255,255,255,0.4);
}
header .contact a span.nav_text  {
	padding:3px 28px;
	border-right:1px dotted rgba(255,255,255,0.4);
}







/*****************************************************************************
 contents
 *****************************************************************************/
/*-------------------------------------------------------追加miya------------------------------------------------------------------*/
.taC {
	text-align:center!important;
}
.taR {
	text-align:right!important;
}
.mT5{
	padding-top: 5px!important;
}
.mT10{
	padding-top: 10px!important;
}
.mT15{
	padding-top: 15px!important;
}
.mT20{
	padding-top: 20px!important;
}
.mT25{
	padding-top: 25px!important;
}
.mT30{
	padding-top: 30px!important;
}
.mT50{
	padding-top: 50px!important;
}
.mT80{
	padding-top: 80px!important;
}
.mT100{
	padding-top: 100px!important;
}
.mL5{
	padding-left: 5px!important;
}
.mL10{
	padding-left: 10px!important;
}
.mL20{
	padding-left: 20px!important;
}
.mL200{
	padding-left: 200px!important;
}
.mR5{
	padding-right: 5px!important;
}
.mR10{
	padding-right: 10px!important;
}
.mR20{
	padding-right: 20px!important;
}
.mB5{
	padding-bottom: 5px!important;
}
.mB10{
	padding-bottom: 10px!important;
}

.mB20{
	padding-bottom: 20px!important;
}
.mB25{
	padding-bottom: 25px!important;
}
.mB30{
	padding-bottom: 30px!important;
}
.mB50{
	padding-bottom: 50px!important;
}
.taL {
	font-size: 30px!important;
	line-height: 40px;
}

.taM {
	font-size: 24px!important;
}
.taS {
	font-size: 80%!important;
}
.taSS {
	font-size: 60%!important;
}

.bg-blue{
	background-color: #290CE1;
}
.bg-or{
	background-color: #ff6633;
}
.txtW {
	color: #ffffff;
}


.formBT{
    border-radius: 50px;
    display: block;
    width: 550px;/*--------------------------------------------------------------------------------------2509------------------------------------------------------*/
    padding: 10px;
    box-sizing: border-box;
    background: #ff6633;
    color: #FFF;
    text-decoration: none;
    text-align: center;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    margin: 10px 0;
}
.formBT:hover{
    background: #FFA182;
	text-decoration:none;
}

/*------------------------------------------------------追加miya------------------------------------------------------------------*/
/*topSection
--------------------------------------*/
.topSection {
	position:relative;
	z-index:3;
}
.topSection section .inner {
	width:1000px;
	margin:0 auto;
	padding:40px 0 55px;
	position:relative;
}
.topSection section {
	position:relative;
	z-index:2;
}

.topSection .text {
	position:relative;
	z-index:2;
}
.topSection .fig {
	position:relative;
	z-index:2;
}
.topSection .fig img {
	width:100%;
	height:auto;
}
.topSection1 .fig {
	float:right;
	padding-top:16px;
	width:406px;
}
.topSection2 .fig {
	float:left;
	padding-top:70px;
	width:520px;
}
/*
.topSection .hd {
	margin-bottom:-15px;
}
*/
.topSection .hd {
	color: #004098;
	font-size: 35px;
	font-weight: 500;
	padding-bottom: 30px;
	margin-top: 25px;
	position: relative;
	z-index: 2;
}


/* .topSection2 .hd {
	margin-left:-145px;
} */

/* .topSection1 .hd,
.topSection2 .hd {
	color: #004098;
	font-size: 35px;
	font-weight: 500;
	padding-bottom: 30px;
	margin-top: 25px;
} */
.topSection1 .textBox {
	width:534px;
	float:left;
	position: relative;

}

.topSection1 img {
	position: absolute;
	top: 0;
	left: -40px;
	z-index: -1;
}

.topSection2 img {
	position: absolute;
	top: 35px;
	right: -30px;
	z-index: -1;
}

.topSection2 .textBox {
	width:420px;
	float:right;
}
.topSection .text {
	line-height:1.5;
}


#and {
	width:100%;
	text-align:center;
	background:#ffffff;
	height:20px;
}
#and img {
	margin-top:-167px;
}
#man {
	position:absolute;
	left:50%;
	margin-left:-658px;
	top:380px;
}
#woman{
	position:absolute;
	left:50%;
	margin-left:408px;
	top:850px;
}






/*section
--------------------------------------*/
.section {
	clear:both;
	padding:80px 0 80px ;
	border-bottom:15px solid #ffffff;
}
section {
	position:relative;
	z-index:2;
}

.blueBg {
	background:#def1fb;
}
.orangeBg {
	background:#fbf1de;
}
.whiteBg {
	background:#ffffff;
}
.mgreenBg {
	background:#eff5da;
}
.yellowBg {
	background:#f7f7c6;
}
.diagonalBg {
	background:url(../img/bg01.png);
}
.section > .inner {
	clear:both;
	width:1000px;
	margin:0 auto;
	padding-top: 20px;/*-------------------------------------------------------90---20に------------------------------------------------------------------*/
	padding--bottom: 90px;
}
.sectionHd {
}
.sectionHd .text {
	font-size:52px;
	font-weight: 500;
	color:#00275d;
	position:relative;
	padding:0 0 29px;
	text-align:center;
	letter-spacing: -0.05em;
}
.sectionHd .text:after {
	position: absolute;
	background: #001736;
	bottom: 0;
	content: "";
	display: block;
	height: 5px;
	width: 100px;
	left: 50%;
	margin-left: -50px;
}
.sectionHd .excerpt {
	padding:25px 0 0;
	text-align:center;
	line-height:1.3;
	max-width: 1000px;
	margin: auto;
	width: 100%;
}
.subSecHd {
	text-align:center;
	padding:0 0 16px;
	border-bottom:1px dotted #004098;
	margin-bottom:20px;
	color: #004098;
	font-size: 35px;
	font-weight: 500;
	line-height: normal;
}

.subSecHd-B {
	text-align:center;
	line-height: 50px;
	padding-top: 8px;
	padding-bottom: 8px;
	/*padding:16 0 16px;*/
	background-color: #2432CF;
	/*border-bottom:1px dotted #004098;*/
	margin-bottom:10px;
	margin-top: 10px;
	color: #ffffff;
	font-size: 25px;
	font-weight: 400;
}

.lead {
	text-align:center;
	line-height:1.5;
	margin-bottom:26px;
}

.date {
	text-align: center;
	max-width: 1000px;
	width: 100%;
	margin: 20px auto 0;
}




/*points
--------------------------------------*/
.pointsWrapper li {
	width:33.3%;
	float:left;
}
.pointsWrapper li .text{
	padding:30px 40px 0;
	line-height:1.5;
}

.pointsWrapper .hd {
	position: relative;
}

.pointsWrapper span {
	font-size: 25px;
	font-weight: 500;
	color: #333;
	position: absolute;
	top: 45px;
	left: 85px;
	letter-spacing: -0.05em;

}

.point_toptext {
	text-align: center;
	color: #FF0000;
	font-weight: 500;
	margin-bottom: 5px;
	position: relative;
}

.point_toptext:before {
	content: "";
	display: block;
	background-color: #0079d7;
	width: 20px;
	height: 2px;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: calc(50% - 9em);
}

.point_toptext:after {
	content: "";
	display: block;
	background-color: #0079d7;
	width: 20px;
	height: 2px;
	transform: rotate(-45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: calc(50% - 9em);
}



/*couselor
--------------------------------------*/
.couselor {
	padding:20px 0 0;
}
.couselor dl {
/*	display:table;*/
	border-radius:6px;
	border:3px solid #009ed7;
	padding:15px 0;
	display: flex;
	align-items: center;
}
.couselor dl > *{
/*	display:table-cell;*/
	padding:8px 45px;
	vertical-align:middle;
}
.couselor dl > dd {
	border-left:1px dotted #dddddd;
	flex: 1;
}
.couselor ul {
	margin-left:-20px;
}

.couselor dl dt span {
	font-size: 30px;
	color: #009ed7;
	width: 150px;
}
.couselor dl dt {
	display: flex;
	align-items: center;
}


/*supervisor
--------------------------------------*/
.supervisorWrapper {
	display:table;
	width:1000px;
	margin:0 auto;
	padding:40px 0;
}
.supervisorWrapper > div {
	display:table-cell;
	vertical-align:top;
}
.supervisorWrapper > .sectionHd2 {
	width:54px;
}
.supervisorWrapper > .sectionHd2 span {
	display:block;
	background:#004098;
	text-align:center;
	width: 100%;
	padding:13px 0 157px;
	margin-top:-70px;
	color:#fff;
	font-size: 32px;
	font-weight: 500;
}


.supervisorWrapper > .box {
	box-sizing:border-box;
	width:473px;
	padding-left:48px;
}
.supervisorWrapper > .box .boxHd {
	border-left:7px solid #009ed7;
	padding: 4px 0 2px 10px;
	line-height:1.3;
}
.supervisorWrapper > .box .profile1 {
	box-sizing:border-box;
	min-height:123px;
	margin:20px 0 0 ;
	padding:35px 0 0 138px;
	position:relative;
}
.supervisorWrapper > .box .profile1 .img {
	position:absolute;
	top:0;
	left:0;
}
.supervisorWrapper > .box .profile1 .title {
	margin:7px 0 0;
}
.supervisorWrapper > .box .profile2 {
	margin:20px 0 0 ;
	line-height:1.3;
	font-size:14px;
}

.profile1 .name {
	font-size: 35px;
	font-weight: 500;
	color: #004098;
}

.profile1 .name span {
	font-size: 25px;
}






/*data
--------------------------------------*/
.dataWrapper .data{
	margin-top:30px;
	padding-left:220px;
	position:relative;
}
.dataWrapper .hd {
	position:absolute;
	top:0;
	left:0;
	padding:23px 0 0;
	line-height:1.2;
	max-width:210px;
}
.dataWrapper .hd .sub {
	font-size:12px;
	padding:5px 0 0;
}
.dataWrapper .hd:after {
	position: absolute;
	background: #009ed7;
	top: 0;
	left: 0;
	content: "";
	display: block;
	height: 5px;
	width: 100px;
}
.dataWrapper .fig {
	/*background:#ffffff;-----------------------------------------------------------------------------------------------------*/
	border-radius:6px;
	padding:0px 0;/*---------------------------------------------------28-0----------------------------------------------------*/
}

.dataWrapper h4 {
	font-size: 30px;
	font-weight: 500;
}






/*voice
--------------------------------------*/
.voiceWrapper {
}
.voiceWrapper .box {
	padding-top:12px;
}
.voiceWrapper .box.left {
	float:left;
	width:656px;
}
.voiceWrapper .box.right {
	float:right;
	width:323px;
}
.voiceWrapper .boxHd {
/*	border-top:1px dotted #639432;*/
	margin:0 0 26px;
	color: #004098;
	font-size: 25px;
	font-weight: 500;
}

.voiceWrapper .bd01, .voiceWrapper .bd02 {
	position: relative;
}

.voiceWrapper .bd01:after {
	content: "";
	width: calc(100% - 10em);
	height: 1px;
	display: block;
	background-color: #004098;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
}

.voiceWrapper .bd02:after {
	content: "";
	width: calc(100% - 9em);
	height: 1px;
	display: block;
	background-color: #004098;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
}


.voiceWrapper .boxHd img {
	display:inline-block;
	background:#ffffff;
	padding-right:10px;
	margin-top:-12px;
}
.voiceWrapper .box dl {
	width:323px;
	float:left;
}
.voiceWrapper .box dl:nth-of-type(2) {
	margin-left:10px;
}
.voiceWrapper dt span {
	display:block;
	text-align:center;
}
.voiceWrapper dt .text {
	padding-top:36px;
	font-size:20px;
}
.voiceWrapper dd {
	padding:20px 20px 0;
	line-height:1.5;
}







/*tool
--------------------------------------*/
.tool {
	padding-top:47px;
	position: relative;
}
.tool .hd {
	color: #004098;
	font-size: 28px;
	font-weight: 500;
	padding-bottom: 15px;
	margin-top: 25px;
	position: relative;
	text-align:center!important;
}
/*.tool1 .hd:after {
	content: "";
	display: block;
	width: calc(100% - 12em);
	height: 1px;
	background-color: #004098;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
}*/
/*.tool2 .hd:after {
	content: "";
	display: block;
	width: calc(100% - 23em);/*--------------------------------------------------15-18-----------------------------------------------------*/
	/*height: 1px;
	background-color: #004098;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
}*/

.tool .hd img {
	margin-top:-47px;
	background:#eff5da;
	padding-right:15px;
}
.tool .text {
	line-height:1.5;
}
.tool1 {
	position:relative;
	min-height:500px;/*-------------------------------------------------------------------------------------*/
}

.tool3 {
	position:relative;
	min-height:900px;/*-------------------------------------------------------------------------------------*/
}

.tool .tool_circle {
	position: absolute;
	top: 85px;
	left: -40px;
	z-index: -1;
}

.tool1,.tool2 {
}
.tool1 .text {
	position:relative;
	z-index:2;
	width:600px;
	float: left;/*----------------------------tuika-------------------*/
}
.tool1 .img {
	position:relative;
	z-index:2;
	float:right;
	/*top:0;*/
	/*right:-50px;*/
}
.tool1 .img .caption {
	display:block;
	position:absolute;
	bottom:100px;
	right:320px;
	text-align:right;
	white-space:nowrap;
	font-size:12px;
}
.tool2 .fig {
	margin:45px 0 0;
	background:#ffffff;
	border-radius:6px;
	padding:50px 0;
	text-align:center;

}
.tool2 .fig .caption {
	font-size:24px;
	text-align:center;
	line-height:1.3;
	margin-bottom:40px;
}

.tool3 .text {
	position:relative;
	z-index:2;
	width:600px;
	float: left;/*----------------------------tuika-------------------*/
}
.tool3 .img {
	position:relative;
	z-index:2;
	float:right;
	/*top:0;*/
	/*right:-50px;*/
}
.tool3 .img .caption {
	display:block;
	position:absolute;
	bottom:100px;
	right:320px;
	text-align:right;
	white-space:nowrap;
	font-size:12px;
}

/*-------------------------------------2504tuika--------------------------------------------------------------------------------------------------*/
.tool10 {
	position:relative;
	min-height:200px;/*-------------------------------------------------------------------------------------*/
}

.tool1,.tool2 {
}
.tool10 .text {
	position:relative;
	z-index:2;
	width:800px;
	float: right;/*----------------------------tuika-------------------*/
}
.tool10 .img {
	position:relative;
	z-index:2;
	float:left;
	/*top:0;*/
	/*right:-50px;*/
}
.tool10 .img .caption {
	display:block;
	position:absolute;
	bottom:100px;
	right:320px;
	text-align:right;
	white-space:nowrap;
	font-size:12px;
}
/*-------------------------------------2504tuika--------------------------------------------------------------------------------------------------*/
/*運動サポートツール活用方法　新追加分
--------------------------------------*/

.pulsense_icon {
	display: flex;
	justify-content: center;
	margin: 50px auto 10px;
	padding-bottom: 20px;
	max-width: 930px;
}

.pulsense_icon_box {
	display: flex;
	padding-right: 32px;
	padding-left: 32px;
	padding-bottom: 13px;
	border-bottom: 2px solid rgba(0,64,152,0.2);
}

.pulsense_icon_box:hover {
	border-bottom: 2px solid rgba(0,64,152,0.6);
}

.pulsense_icon_box {
	cursor: pointer;
}

#all_btn img {
	opacity: 0.8;
}

.pulsense_icon_box div {
	padding-left: 10px;
}

.pulsense_icon .pulsense_icon_box .pulsense_icon_text01 {
	font-size: 18px;
	color: #ADADAD;
	margin-bottom: -5px;
}

.pulsense_icon .pulsense_icon_box .pulsense_icon_text02 {
	font-size: 13px;
}

.pulsense_icon .active {
	border-bottom: 2px solid #004098;
}



/*****************************************************************************
 styles
 *****************************************************************************/


/*listStype1
--------------------------------------*/
.listStype1 li {
	line-height:1.4;
	padding-left:20px;
	position:relative;
	margin-top:7px;
}
.listStype1 li:first-child {
	margin-top:0;
}
.listStype1 li:before {
	content:"●";
	color:#999999;
	position:absolute;
	top:0;
	left:0;
}





/*listStype2
--------------------------------------*/
.listStype2 li {
	line-height:1.4;
	padding-left:20px;
	position:relative;
	margin-top:7px;
}
.listStype2 li:first-child {
	margin-top:0;
}
.listStype2 li:before {
	content:"";
	display:block;
	height:3px;
	width:10px;
	background:#cccccc;
	position:absolute;
	top:9px;
	left:2px;
}





/*font
--------------------------------------*/
.fontYellow {
	color:#ffff00;
}
.fontS {
	font-size:12px;
}
.sup {
	height: 0;
    line-height: 1;
    vertical-align: top;
    _vertical-align: top;
    position: relative;
	font-size:14px;
}


/* アコーディオンコンテンツ
--------------------------------------*/
.topSection_acordion {
	overflow: hidden;
}

.topSection_acordion_inner {
	max-width: 1000px;
	margin: auto;
	width: 100%;
}

.topSection_acordion_content_inner {
	display: flex;
	margin-top: 20px;
	margin-bottom: 60px;
}

.topSection_acordion_content {
	display: none;
}

.topSection_acordion_title {
	position: relative;
	padding: 13px 0 8px;
	cursor: pointer;
}

.topSection_acordion_title::before,
.topSection_acordion_title::after {
	position: absolute;
  top: 54px;
  right: 0;
  width: 20px;
  height: 2px;
  content: "";
  background-color: #2E62A9;
}

.topSection_acordion_title::after {
	transform: rotate(90deg);
	transition: 0.3s;
}

.acordion_open.topSection_acordion_title::after {
	transform: translate(0, -50%) rotate(0deg);
}

.acordion_open.topSection_acordion_title .thumb_img {
	opacity: 0;
	transition: 0.3s;
}

.topSection_acordion_title .thumb_img {
	transition: 0.3s;
}

.topSection_acordion_title .circle {
	position: absolute;
	top: 13px;
	left: -40px;
	z-index: 1;
}

.topSection_acordion_content .textBox .text {
	margin-right: 40px;
}


.thumb_img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 10%;
}

.topSection_acordion .text_type01 {
	padding-left: 20px;
	position: relative;
	font-size: 14px;
	color: #8d8d8d;
}

.topSection_acordion .text_type01::before {
	content: "※";
	position: absolute;
	left: 0;
	top: 0px;
}


/*NEW202112-----------------*/

.new_text{
  color: #DB6E00;
  text-align: center;
  width: 400px;
  font-size: 32px;
  margin: 42px 0 5px;
  padding-left: 47px;
}
.concept_area{
  box-sizing: border-box;
  margin: 0 42px 0;
  display: flex;  
}

.new{
  color: #DB6E00;
  text-align: center;
  width: 400px;
}

.concept_area .new .border_left{
  border: #FFA44A 20px solid;
  border-radius: 20px;
  padding: 30px 0;
  font-size: 40px;
  margin-bottom: 15px;      
}
.text28{
  font-size: 28px;
}
.text22{
  font-size: 22px;
}
.icon{
  margin: 77px 20px 0;
  vertical-align: middle;
}
.self{
  color: #0D3FDF;
  text-align: center;
  width: 400px;
}
.concept_area .self .border_right{
  border: #069BE6 20px solid;
  border-radius: 20px;
  padding: 30px 0;
  font-size: 40px;
  margin-bottom: 15px;      
}

/*member202112 header-----------------*/
.header .inner2 {
	width:1100px;
	height:90px;
	margin:0 auto;
  position: relative;
}
.header .inner2 > .epson {
	right:0;
	top:55px;
	opacity:1;
	transition:opacity 0.4s ease;
}
.header .inner2 > .epson:hover {
	opacity:0.6;
}
.header .inner2 > * {
	position:absolute;
}
.header .inner2 > .hd {
  left: 0;
  top: 20px;
}
.header .inner2 > .recruit {
  position: absolute;
  right: 280px;
  top: 55px;
  border: 1px solid #004098;
  /* background-color: #def1fb; */
  width: 120px;
  padding: 5px 0;
  text-align: center;
  transition: 0.4s;
  line-height: 1.1;
  font-size: 15px;
}

/*member202112　top-----------------*/

.member_top{
  width: 100%;
}
.member_top .main_img_wrapper{
  width: 1100px;
  display: flex;
	position: relative;
	margin: 0 auto;
}
.member_top .main_img{
  width: 682px;
}
.member_top .top_right{
  width: 418px;
  display: block;
}
.member_top .logo{
  position: absolute;
  left: 623px;
  top: -1px;
  z-index:2;
}
.member_top .border_right_blue{
  width: 418px;
  height: 120px;
  background: #004098;
  position: absolute;
  top: 70px;
  position: relative;
  z-index:1;
}
.member_top .text{
  color: #ffffff;
  font-size: 35px;
  position: absolute;
  bottom: 15px;
  right: 10px;
}


.member_top .login{
  margin: 120px auto 0px;
  text-align: center
    
}
.member_top .button a{
  box-sizing: border-box;
  border: 5px #0079D7 solid;
  border-radius: 10px;
  font-size: 24px;
  width: 260px;
  height: 90px;
  margin: 5px auto 0;
  color: #0079D7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration:none;
}
.member_top .button a:hover{
  background-color: #0079D7;
  color: #ffffff;
  transition: 0.3s;
}

/*member202112　about-----------------*/

.member_point_toptext {
  text-align: center;
  color: #0079d7;
  font-weight: 500;
  margin-bottom: 10px;
  position: relative;
  font-size: 28px;
}
.member_point_toptext:before {
	content: "";
	display: block;
	background-color: #0079d7;
	width: 20px;
	height: 2px;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: calc(50% - 9em);
}

.member_point_toptext:after {
	content: "";
	display: block;
	background-color: #0079d7;
	width: 20px;
	height: 2px;
	transform: rotate(-45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: calc(50% - 9em);
}

/*member202112 movie-----------------*/

.movie{
  margin-top: 48px;
}
.button2 a{
  box-sizing: border-box;
  color: #ffffff;
  background-color: #0079D7;
  border: 5px #0079D7 solid;
  border-radius: 10px;
  font-size: 20px;
  width: 260px;
  height: 90px;
  margin: 5px auto 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration:none;
  text-align: center;
  line-height: 1.2;
}
.button2 a:hover{
  background-color: #ffffff;
  color: #0079D7;
  transition: 0.3s;
}

/*member202112 voice-----------------*/

.message_wrapper{
  display: flex;
  justify-content: space-between;
  width: 1100px;
  margin: 60px auto 30px;
}
.message{
  width: 340px;
  background-color: #ffffff;
  text-align: center;
  padding-bottom: 35px
}
.message img{
  margin:27px 70px 0;
}
.message .name{
  margin-top: 20px;
  font-size: 20px;
}
.message_box{
  width:280px;
  margin: 15px 30px 0;
  text-align: left;
  line-height: 1.5;
}

/*member202112 download-----------------*/
.download_wrapper{
  display: flex;
  width: 1100px;
  margin: 0 auto;
  padding:0 30px 70px;
}
.download{
  width: 500px;
  padding-top: 92px;
  margin-left: 50px;
}
.tool .hd2 {
	color: #004098;

	font-size: 35px;
	font-weight: 500;
	padding-bottom: 15px;
	margin-top: 25px;
	position: relative;
}
.tool1 .hd2:after {
	content: "";
	display: block;
	width: calc(100% - 8.5em);
	height: 1px;
	background-color: #004098;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
}
.tool2 .hd2:after {
	content: "";
	display: block;
	width: calc(100% - 15em);
	height: 1px;
	background-color: #004098;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
}

.tool .hd2 img {
	margin-top:-47px;
	background:#eff5da;
	padding-right:15px;
}
.book_title{
  font-size: 25px;
  font-weight: bolder;
  margin: 44px 0 43px;
  color: #004098;
}
.space{
  letter-spacing: 0.18em;
}
.book_type{
  width: 450px;
  margin-top:43px;
  text-align: center;
  display: flex;
}
.type{
  width: 190px;
  margin-left: 30px;
}
.type a{
  text-decoration:none;
  color:#000000;
}
.mt25{
  margin-top: 25px;
}
.mt100{
  margin-top: 100px;
}
.waku {
  box-shadow: 2px 2px 4px gray;
}
.contents_type{
  width: 450px;
  margin-top:43px;
  text-align: center;
  display: block;
}
.contents_list{
  text-align: left;
  border-bottom: 1px solid #004098;
  padding-bottom: 10px;
  margin-left: 30px;
  margin-bottom: 22px;
  width: 465px;
}
.contents_list a{
  text-decoration:none;
  color:#000000;
}
.pdf_icon::after{
  background-image: url("../../assets/img/PDF_24.png");
  background-size: 18px 18px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 18px;
  height: 18px;
  content: "";
  vertical-align: top;
  margin-left: 2px;
}

/*member202112 footer-----------------*/
.footer_wrapper{
  background-color: #004098;
  width: 100%;
  display: block;
  }
.footer_title{
  color: #ffffff;
  font-size: 30px;
  text-align: center;
  padding-top: 50px;
  margin-bottom: 35px;
}
.footer_contents{
  width: 540px;
  margin:0 auto;
}
.tel_contents1{
  align-items: center;
  display: flex;
}
.tel_top{
  color: #ffffff;
  font-size: 23px;
  display: flex;
  text-align: left;
  align-items: center;
  margin-bottom: 26px;
}
.tel_top::after{
  content:"";
  flex-grow: 3;
  border-bottom: 1px solid #fff;
  margin-left: 10px;  
  padding-right: 277px;
  }
.tel_contents2{
  width:540px;
  margin:0 auto;
  align-items: center;
  display: block;
}
.tel{
  color: #ffffff;
  font-size: 56px;
  text-align: center;
  margin-bottom: 32px;
  font-weight: 500;
}
.tel a{
  color: #ffffff;
  text-decoration: none;
}
.tel_bottom{
  border-bottom: 1px solid #fff;
  }
.tel_under{
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  padding: 20px 0 48px;
}
.tel_under2{
  color: #ffffff;
  font-size: 15px;
}
/*member202112 download-----------------*/
.inner2{
	clear:both;
	width:1100px;
	margin:0 auto;
}
.pt90{
  padding-top: 90px;
}
.button_dl a{
  box-sizing: border-box;
  border: 5px #0079D7 solid;
  border-radius: 10px;
  font-size: 20px;
  width: 260px;
  height: 90px;
  margin: 50px auto 0;
  color: #0079D7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration:none;
}
.button_dl a:hover{
  background-color: #0079D7;
  color: #ffffff;
  transition: 0.3s;
}

/*20240621 tabletuika-----------------*/
.table_design01 {
  border-collapse: collapse;
  width: 100%;
  max-width: 700px;
}
.table_design01 th, .table_design01 td {
  border: 1px solid #fff;
  background-color: #e6f1f6;
  padding: 0.5em;
}
.table_design01 th {
  background-color: #4d9bc1;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 35%;
  min-width: 4em;
}

/*20250402 tabletuika-----------------*/
.table_design02 {
  border-collapse: collapse;
  width: 100%;
  max-width: 1000px;
}
.table_design02 th, .table_design02 td {
  border: 2px solid #fff;
  background-color: #deebf7;
  padding: 0.5em;
  line-height: normal;
}
.table_design02 th {
  background-color: #3366cc;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 35%;
  min-width: 4em;
}