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

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea{}


/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea{}
#contentsAreaInner{}


/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection{ margin-bottom:4em;}
.mainSection:after{}
.mainSectionInner{ width:1000px; margin:0 auto; border:1px solid #e6e6e6; border-radius:20px;}
.mainSection h3{}

.secBox{}
.secBox > .sectionInner{}


/*----------------------------------------------------------------------------
 ***                                                              mainImgSec2
----------------------------------------------------------------------------*/
#mainImgSec2{ background:url(../flow/images/mainImg.png) left top no-repeat; background-size:auto 100%;}
#mainImgSec2Inner{}
#mainImgSec2 h2{}
#mainImgSec2 h2 span{}
#mainImgSec2 p{}



/*----------------------------------------------------------------------------
 ***                                                              introSec2
----------------------------------------------------------------------------*/
#introSec2{}
#introSec2Inner{ margin-bottom:3em;}
#introSec2 h3{}
#introSec2 p{ margin-bottom:2em;}

#flowImg{ display:flex; justify-content:space-around; margin-bottom:2em; background:url(../flow/images/img_step_back.jpg) left top repeat-x; background-size:auto 100%;}
#flowImg li{}



/*----------------------------------------------------------------------------
 ***                                                              contentsSec
----------------------------------------------------------------------------*/
#contentsSec{}
#contentsSecInner{ width:930px; margin:0 auto;}

.flowBox{ margin-bottom:4em; position:relative;}
.flowBox::before{
	content:"";
	width:52px;
	height:52px;
	-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	background-color:#FFF;
	position:absolute;
	left:calc(50% - 26px);
	bottom:-25px;
	z-index:3;
}
.flowBox::after{
	content:"";
	width:52px;
	height:52px;
	-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	background-color:#e4e4e4;
	position:absolute;
	left:calc(50% - 26px);
	bottom:-26px;
	z-index:2;
}
.flowBoxInner{ padding-bottom:3em; border-bottom:1px solid #e4e4e4; position:relative;}
.flowBox h3{ font-size:250%; padding:0.1em 0 0.2em 1.8em; background-position:left top; background-repeat:no-repeat; background-size:auto 100%;}
.flowBox h3 span{}
.flowBox ul{ display:flex; justify-content:space-between;}
.flowBox li{}
.flowBox li dl{}
.flowBox li dt,
.flowBox li dd{ text-align:center;}
.flowBox li dt{ line-height:2em;}
.flowBox li dd{ line-height:1.4em;}
.flowBox li .arrowImg{ margin-top:5.5em;}
.flowBox p{}

.posi_Rel{ position:relative;}
#posi_Todai{ position:absolute; top:-1.5em; right:-1.5em;}

.flowBox .txtBtn{ width:40%; margin:0 auto;}
.flowBox .txtBtn a{}

#strategyBox{}
#strategyBox h3{ background-image:url(../flow/images/icon_h3_01.jpg);}
#strategyBox ul{}
#strategyBox li{}
#strategyBox li dl{}
#strategyBox li dt{ font-size:112.5%; color:#20cdbf;}
#strategyBox li dd{ font-size:131.25%; font-weight:bold;}

#startBox{}
#startBox h3{ background-image:url(../flow/images/icon_h3_02.jpg);}
#startBox ul{ margin-bottom:2em;}
#startBox li{}
#startBox li dl{}
#startBox li dt{ font-size:131.25%;}
#startBox li dd{ font-size:87.5%;}
#startBox li dd a{ color:#000; text-decoration:underline;}

#stepBox{}
#stepBox .flowBoxInner{ padding-bottom:5em;}
#stepBox h3{ background-image:url(../flow/images/icon_h3_03.jpg);}

#interviewBox{}
#interviewBox .flowBoxInner{ border:none;}
#interviewBox:before,
#interviewBox::after{ display:none;}
#interviewBox h3{ background-image:url(../flow/images/icon_h3_03.jpg);}

.flowBox_SubTitle,
.flowBox_SubText{ padding-left:74px; margin-bottom:1em;}
.flowBox_SubTitle{ font-size:112.5%; color:#1a1a1a; font-weight:600;}
.flowBox_SubText{ font-size:87.5%; color:#4d4d4d;}
.posi_Box{ position:absolute; top:0; right:40px;}




/*----------------------------------------------------------------------------
 ***                                                              privacyPage
----------------------------------------------------------------------------*/

							

							
/*----------------------------------------------------------------------------
***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{}
#footerAreaInner{}
#footerArea a{}