@charset "utf-8";

@media screen and (max-width: 640px) {

/* -----------------------------------------------------------------------------

	共通

----------------------------------------------------------------------------- */

section h2 {
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	padding: 55px 0;
	margin: 0 0 15px;
	background: #2d9cdc;
	color: #fff;
}
section h2 span {
	display: block;
	padding-top: 9px;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.04em;
	font-weight: normal;
}
.breadCrumb {
	margin: 0 0 10px;
	font-size: 12px;
}
.breadCrumb ul {
	width: 94.6%;
	margin: 0 auto;
}
.breadCrumb li {
	display: inline-block;
}
.breadCrumb li:before {
	content: "＞";
	display: inline-block;
	padding: 0 6px 0 3px;
}
.breadCrumb li:first-child:before {
	content: none;
}
.breadCrumb a {
	color: #2d9cdc;
}
.breadCrumb a:hover {
	text-decoration: underline;
}
img {
	width: 100%;
}
/* -----------------------------------------------------------------------------

	ナビ　アクティブ

----------------------------------------------------------------------------- */
#header #spNav nav > ul > li ul {
	display: block;
}
.top #header #spNav nav > ul > li.navCompany > ul li:first-child,
.message #header #spNav nav > ul > li.navCompany > ul li:nth-child(2),
.aboutus #header #spNav nav > ul > li.navCompany > ul li:nth-child(3),
.advanced #header #spNav nav > ul > li.navCompany > ul li:nth-child(4),
.keyword #header #spNav nav > ul > li.navCompany > ul li:nth-child(5),
.section #header #spNav nav > ul > li.navCompany > ul li:nth-child(6),
.welfare #header #spNav nav > ul > li.navCompany > ul li:nth-child(7),
.training #header #spNav nav > ul > li.navCompany > ul li:nth-child(8),
.profile #header #spNav nav > ul > li.navCompany > ul li:nth-child(9) {
	background: #0075c2;
}
.top #header #spNav nav > ul > li.navCompany > ul li:first-child a,
.message #header #spNav nav > ul > li.navCompany > ul li:nth-child(2) a,
.aboutus #header #spNav nav > ul > li.navCompany > ul li:nth-child(3) a,
.advanced #header #spNav nav > ul > li.navCompany > ul li:nth-child(4) a,
.keyword #header #spNav nav > ul > li.navCompany > ul li:nth-child(5) a,
.section #header #spNav nav > ul > li.navCompany > ul li:nth-child(6) a,
.welfare #header #spNav nav > ul > li.navCompany > ul li:nth-child(7) a,
.training #header #spNav nav > ul > li.navCompany > ul li:nth-child(8) a,
.profile #header #spNav nav > ul > li.navCompany > ul li:nth-child(9) a {
	color: #fff;
	background: url(../common/img/sp/icon_arrow_nav03.gif) 96% center no-repeat;
	background-size: 8px;
}

#header #spNav nav > ul > li.navMember ul,
#header #spNav nav > ul > li.navProject ul,
#header #spNav nav > ul > li.navSpecial ul,
#header #spNav nav > ul > li.navWomen ul,
#header #spNav nav > ul > li.navInfomation ul {
	display: none;
}


/* -----------------------------------------------------------------------------

	COMPANY

----------------------------------------------------------------------------- */

.top .contents01 {
	width: 94.6%;
	margin: 0 auto;
	line-height: 1;
}
.top .contents01 li {
	margin: 0 0 30px;
}
.top .contents01 li:last-child {
	margin: 0;
}
.top .contents01 li h3 {
	font-size: 18px;
	font-weight: bold;
	background: url(../company/img/sp/icon_arrow01.png) no-repeat right center;
	background-size: 8px;
	margin: 5px 0 0;
}

	
	
/* 小項目 */


/* -----------------------------------------------------------------------------

社長メッセージ

----------------------------------------------------------------------------- */

.message section {
	background: #e8ecef;
}
.message .mv {
	padding: 0;
	margin: 0 0 15px;
}
.message .mv h2 {
	width: 100%;
	font-size: 0;
	padding: 0;
	margin: 0;
}
.message .contents01 {
	width: 89%;
	margin: 0 auto;
}
.message .contents01 .box {
	padding: 0 0 40px;
}
.message .box h3 {
	font-size: 19px;
	font-weight: bold;
	line-height: 1.6;
	margin: 30px 0 20px;
	padding: 0;
}
.message .box h3 span {
	display: block;
}
.message .box p {
	font-size: 14px;
	margin: 0 0 20px;
	line-height: 2;
}
.message .box p:last-child {
	margin: 0;
}
.message .box p span {
	font-size: 18px;
	font-weight: bold;
}
.message .contents02 .box {
	padding: 0;
}
.message .contents03 {
	background: #e8ecef;
	width: 89%;
	margin: 0 auto;
}
.message .contents03 .box {
	padding: 0 0 40px;
}
.message .contents05 .box {
	background: #e8ecef;
	width: 89%;
	margin: 0 auto;
	padding: 0 0 20px;
}
.message .contents05 .box h3 {
	margin-top: 30px;
}
.message .contents05 h3 .indent {
	display: inline;
}
.message footer {
	background: #e8ecef;
}
.message #footerBtm {
	background: #fff;
}

/* -----------------------------------------------------------------------------

大和総研について

----------------------------------------------------------------------------- */

.aboutus .mv {
	background: #2d9cdc;
	height: 130px;
	margin: 0 0 15px;
}
.aboutus section h2 {
	text-align: left;
	background: url(../company/aboutus/img/sp/main.png) no-repeat right 0;
	background-size: 155px 130px;
	box-sizing: border-box;
	padding: 40px 0 0 2.7%;
	height: 132px;
	font-size: 22px;
	font-weight: bold;
}
.aboutus section h2 span {
	font-size: 14px;
}
.aboutus h3 {
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin:30px 0 40px;
	line-height: 1.4;
}
.aboutus h3 span {
	display: block;
	font-size: 14px;
	color: #2d9cdc;
	font-family: 'Roboto', sans-serif;
	margin: 0;
	letter-spacing: 0.05em;
}
.aboutus .contents01 h4 {
	width: 94.6%;
	margin: 30px auto 20px;
	font-size: 18px;
	color: #2d9cdc;
}
.aboutus .contents01 .txt {
	width: 94.6%;
	margin: 0 auto;
	font-size: 15px;
	line-height: 2;
}
.aboutus .contents01 .image {
	width: 94.6%;
	margin: 20px auto 0;
}
.aboutus .contents02 h3 {
	margin: 50px 0 30px;
}
.aboutus .contents02 p {
	width: 94.6%;
	margin: 0 auto 20px;
	font-size: 15px;
	line-height: 2;
}
.aboutus .contents02 .graph {
	font-size: 0;
	margin: 0 auto;
}
.aboutus .contents03 h3 {
	margin: 50px 0 30px;
}
.aboutus .contents03 h4 {
	width: 94.6%;
	margin: 0 auto;
	font-size: 18px;
	font-weight: bold;
	color: #2d9cdc;
	padding: 0 0 20px;
	line-height: 1.6;
}
.aboutus .contents03 p {
	width: 94.6%;
	font-size: 15px;
	line-height: 2;
	margin: 0 auto 30px;
}
.aboutus .contents03 .logo img {
	width: 90px;
	margin: 0 auto;
}
.aboutus .contents03 .logo {
	text-align: center;
}
.aboutus .contents03 .logo span {
	display: block;
	font-size: 16px;
	margin: 10px 0 0;
}
.aboutus .contents03 ul {
	width: 94.6%;
	margin: 20px auto 0;
}
.aboutus .contents03 ul li:nth-child(even) {
	width: 5%;
	margin: 6px auto 2px auto;
}
.aboutus .contents03 ul li:nth-child(odd) {
	font-size: 14px;
	padding: 30px 0 30px 100px;
}
.aboutus .contents03 ul li:nth-child(1) {
	background: url(../company/aboutus/img/sp/icon01.png) no-repeat 10px 15px, #e0f0fa;
	background-size: 80px;
	padding: 18px 0 18px 100px;
}
.aboutus .contents03 ul li:nth-child(3) {
	background: url(../company/aboutus/img/sp/icon02.png) no-repeat 10px 15px, #e0f0fa;
	background-size: 80px;
}
.aboutus .contents03 ul li:nth-child(5) {
	background: url(../company/aboutus/img/sp/icon03.png) no-repeat 10px 13px, #e0f0fa;
	background-size: 80px;
}
.aboutus .contents03 ul li:nth-child(7) {
	background: url(../company/aboutus/img/sp/icon04.png) no-repeat 10px 15px, #e0f0fa;
	background-size: 80px;
	padding: 18px 0 18px 100px;
}
.aboutus .contents03 ul li:nth-child(1)  span,
.aboutus .contents03 ul li:nth-child(3)  span,
.aboutus .contents03 ul li:nth-child(5)  span,
.aboutus .contents03 ul li:nth-child(7)  span {
	display: block;
	font-size: 16px;
	color: #0075c2;
}
.aboutus .contents03 .txt {
	font-size: 16px;
	color: #0075c2;
	text-align: center;
	background: url(../company/aboutus/img/sp/arrow01.png) no-repeat center;
	background-size: 40px;
	margin: 20px auto 40px;
	line-height:1.6;
}
.aboutus .contents03 .txt span {
	display: block;
	font-size: 18px;
	color: #000;
	margin: 0 auto;
	padding: 50px 0 0;
}
.aboutus .contents04 {
	width: 94.6%;
	margin: 0 auto;
}
.aboutus .contents04 .box {
	background: url(../company/aboutus/img/sp/border02.png) no-repeat;
	background-size: 100%; 
	margin: 40px 0 0;
}
.rinkBtn {
	width: 66%;
	background: #2d9cdc;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.15em;
	padding: 20px 0;
	margin: 20px auto 0;
	box-sizing: border-box;
}
.rinkBtn span {
	background: url(../company/aboutus/img/sp/icon_arrow.png) no-repeat right;
	background-size: 8px; 
	padding: 0 15px 0;
	margin: 0 0 0 -15px;
}

.training .contents01 h4 {
	width: 94.6%;
	margin: 30px auto 20px;
	font-size: 16px;
	color: #2d9cdc;
}
.training .contents01 .txt {
	width: 94.6%;
	margin: 0 auto;
	font-size: 15px;
	line-height: 2;
}

.training .contents01 ul {
	padding: 20px 15px 0;
}

.training .contents01 ul li {
	font-size: 15px;
	line-height: 2;
}

/* -----------------------------------------------------------------------------

事業内容について

----------------------------------------------------------------------------- */

.section .mv {
	background: #2d9cdc;
	height: 130px;
	margin: 0 0 15px;
}
.section section h2 {
	text-align: left;
	background: url(../company/section/img/sp/main.png) no-repeat right 0;
	background-size: 155px 130px;
	box-sizing: border-box;
	padding: 40px 0 0 2.7%;
	height: 130px;
	font-size: 22px;
	font-weight: bold;
}
.section section h2 span {
	font-size: 14px;
}
.section .menu {
	width: 94.6%;
	font-size: 0;
	margin: 0 auto 30px;
}
.section .menu li {
	margin: 0 0 5px;
	font-size: 0;
}
.section .menu li:last-child {
	margin: 0;
}
.section .contents01,
.section .contents02,
.section .contents03 {
	width: 100%;
	margin-top: -95px;
	padding-top: 95px;
}
.section h3 {
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	padding: 5px 0 20px;
	line-height: 1.4;
	letter-spacing: 0.1em;
}
.section h3 span {
	display: block;
	font-size: 14px;
	color: #2d9cdc;
	font-family: 'Roboto', sans-serif;
	margin: 0 0;
	letter-spacing: 0.05em;
}
.section h4 {
	width: 94.6%;
	margin: 0 auto 15px;
	text-align: center;
}
.section h4 .circle {
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	background: #2d9cdc;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	text-align: center;
	letter-spacing: 0.1em;
	padding: 33px 0 0;
	box-sizing: border-box;
}
.section h4 .title {
	display: block;
	font-size: 22px;
	font-weight: normal;
	color: #2d9cdc;
	padding: 12px 0 0;
	box-sizing: border-box;
	line-height: 1.4;
}
.section .txt {
	width: 94.6%;
	margin: 0 auto 20px;
	font-size: 15px;
	line-height: 2;
}
.section .contents01 .image,
.section .contents02 .image {
	width: 94.6%;
	margin: 0 auto 40px;
	font-size: 0;
}
.section .contents03 .box {
	width: 94.6%;
	margin: 0 auto;
	padding: 0;
}
.section .contents03 .box:last-child {
	padding: 30px 0 0;
}
.section .contents03 .box .left {
}
.section .contents03 .box h5 {
	width: 120px;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	background: #2d9cdc;
	box-sizing: border-box;
	padding: 18px 0;
	text-align: center;
	margin: 0 0 15px;
}
.section .contents03 .box h5.name02 {
	width: 330px;
}
.section .contents03 .box h6 {
	font-size: 20px;
	color: #2d9cdc;
	line-height: 1.6;
	margin: 0 0 10px;
}
.section .contents03 .box p {
	font-size: 15px;
	line-height: 2;
	margin: 0 0 15px;
}
.section .contents03 .box p .link {
	color: #2d9cdc;
	padding-right: 10px;
	background: url(../common/img/icon_arrow.gif) no-repeat right center;
	margin-left: 10px;
}
.section .contents03 .box .image {
	margin: 0;
	padding: 0;
	font-size: 0;
}

.btn_section_corp {
	display: block;
	width: 60%;;
	height: 40px;
	margin: 0 auto 40px;
	font-size: 14px;
	line-height: 42px;
	text-align: center;
	color: #FFF !important;
	background: url("../common/img/icon_blank_w.gif") right 12px center / auto auto no-repeat #0075c2;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}

.btn_section_corp:hover {
	opacity: 0.8;
}


/* -----------------------------------------------------------------------------

キーワードで知る大和総研

----------------------------------------------------------------------------- */

.keyword .mv {
	background: #2d9cdc;
	height: 130px;
	margin: 0 0 15px;
}
.keyword section h2 {
	text-align: left;
	background: url(../company/keyword/img/sp/main.png) no-repeat right 0;
	background-size: 155px 130px;
	box-sizing: border-box;
	padding: 30px 0 0 2.7%;
	height: 130px;
	font-size: 22px;
	font-weight: bold;
}
.keyword section h2 span {
	font-size: 14px;
}
.keyword .breadCrumb {
	margin: 0 0 20px;
}
.keyword .contents {
	width: 94.6%;
	margin: 0 auto;
	padding: 0;
}
.keyword .contents ul {
	font-size: 0;
}
.keyword .contents li {
	font-size: 0;
	position: relative;
	margin: 0 0 10px;
}
.keyword .contents li:last-child {
	margin: 0;
}
.keyword .contents li .box {
	width: 100%;
	position: absolute;
	bottom : 0;
	color: #fff;
	background: url(../company/keyword/img/sp/icon_arrow.png) no-repeat 97% center , rgba(0,0,0,0.67);
	background-size: 8px;
	box-sizing: border-box;
	padding: 10px 5% 10px 10px;
	line-height: 1.4;
	font-size: 14px;
}
.keyword .contents li .box span {
	display: block;
	font-size: 15px;
	font-weight: bold;
}



/* -----------------------------------------------------------------------------

会社概要・沿革

----------------------------------------------------------------------------- */

.profile .mv {
	background: #2d9cdc;
	height: 130px;
	margin: 0 0 15px;
}
.profile section h2 {
	text-align: left;
	background: url(../company/profile/img/sp/main.png) no-repeat right 0;
	background-size: 155px 130px;
	box-sizing: border-box;
	padding: 40px 0 0 2.7%;
	height: 132px;
	font-size: 22px;
	font-weight: bold;
}
.profile section h2 span {
	font-size: 14px;
}
.profile .contents01,
.profile .contents02 {
	margin: 0 0 40px;
}
.profile .contents03 {
	margin: 0;
}
.profile h3 {
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	padding: 5px 0 30px;
	line-height: 1.4;
	letter-spacing: 0.1em;
}
.profile h3 span {
	display: block;
	font-size: 14px;
	color: #2d9cdc;
	font-family: 'Roboto', sans-serif;
	margin: 0 0;
	letter-spacing: 0.05em;
}
.profile table {
	width: 94.6%;
	margin: 0 auto;
}
.profile table th {
	width: 25% !important;
	border-top: 1px solid #e1e4e8;
	font-size: 15px;
	padding: 15px 0;
	text-align: left;
}
.profile table td {
	width: 75% !important;
	border-top: 1px solid #e1e4e8;
	font-size: 15px;
	padding: 15px 5px 15px 0;
	word-break: break-all;
	box-sizing: border-box;
}
.profile table th.last ,
.profile table td.last{
	border-bottom: 1px solid #e1e4e8;
}
.profile .contents03 table th span {
	font-size: 12px;
	display: block;
}
.profile table td .map {
	margin: 20px 0 0;
}
.profile table td a {
	color: #2d9cdc;
	text-decoration: underline;
	background: url(../common/img/icon_blank.gif) no-repeat right 2px;
	padding: 0 16px 0 0;
}
.profile .contents03 p {
	font-size: 15px;
	line-height: 2;
	width: 94.6%;
	margin: 0 auto 30px;
}



/* -----------------------------------------------------------------------------

研修体系

----------------------------------------------------------------------------- */

.training .mv {
	background: #2d9cdc;
	height: 130px;
	margin: 0 0 15px;
}
.training section h2 {
	text-align: left;
	background: url(../company/training/img/sp/main.png) no-repeat right 0;
	background-size: 155px 130px;
	box-sizing: border-box;
	padding: 40px 0 0 2.7%;
	height: 132px;
	font-size: 22px;
	font-weight: bold;
}
.training section h2 span {
	font-size: 14px;
}
.training .lead {
	width: 94.6%;
	margin: 0 auto 20px;
	font-size: 15px;
	line-height: 2;
}
.training .image {
	width: 94.6%;
	font-size: 0;
	margin: 0 auto 20px;
}
.training .contents ul {
	width: 94.6%;
	margin: 0 auto;
	font-size: 15px;
}
.training .contents ul li .title {
	width: 100%;
	height: 50px;
	color: #fff;
	box-sizing: border-box;
	position: relative;
	padding: 12px 0 0 55px;
	font-size: 15px;
	margin: 0 0 20px 0;
}
.training .contents ul li .title:after{
	content: "";
	border: 12px solid transparent;
	border-top: 12px solid #2d9cdc;
	position: absolute;
	top: 50px;
	left: 50%;
	margin: 0 0 0 -12px;
}
.training .contents .box01 .title {
	background: url(../company/training/img/sp/icon01.png) no-repeat 14px 14px , #2d9cdc;
	background-size: 32px;
}
.training .contents .box02 .title {
	background: url(../company/training/img/sp/icon02.png) no-repeat 13px 13px , #2d9cdc;
	background-size: 35px;
}
.training .contents .box03 .title {
	background: url(../company/training/img/sp/icon03.png) no-repeat 12px 12px , #2d9cdc;
	background-size: 37px;
}
.training .contents .box04 .title {
	background: url(../company/training/img/sp/icon04.png) no-repeat 11px 12px , #2d9cdc;
	background-size: 29px;
}
.training .contents .box05 .title {
	background: url(../company/training/img/sp/icon05.png) no-repeat 10px 10px , #2d9cdc;
	background-size: 29px;
}
.training .contents .box06 .title {
	background: url(../company/training/img/sp/icon06.png) no-repeat 12px 14px , #2d9cdc;
	background-size: 29px;
}
.training .contents .box07 .title {
	background: url(../company/training/img/sp/icon07.png) no-repeat 12px 15px , #2d9cdc;
	background-size: 29px;
}
.training .contents .box08 .title {
	background: url(../company/training/img/sp/icon08.png) no-repeat 12px 15px , #2d9cdc;
	background-size: 29px;
	letter-spacing: -.05em;
}
.training .contents .box09 .title {
	background: url(../company/training/img/sp/icon09.png) no-repeat 12px 15px , #2d9cdc;
	background-size: 29px;
}
.training .contents ul li .txt {
	margin: 0 0 10px;
}
.training .contents ul li .skill {
	background: #f3f5f7;
	margin: 0 0 20px;
}
.training .contents ul li .last {
	margin: 0;
}
.training .contents .skill {
	padding: 15px 20px;
} 
.training .contents .skill li {
	border: none;
	position: relative;
	padding: 0 0 0 15px;
}
.training .contents .skill li:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	width: 8px;
	height: 8px;
	background: #2d9cdc;
	border-radius: 4px;
	margin: 0;
}


/* -----------------------------------------------------------------------------

福利厚生・制度

----------------------------------------------------------------------------- */

.welfare .mv {
	background: #2d9cdc;
	height: 130px;
	margin: 0 0 15px;
}
.welfare section h2 {
	text-align: left;
	background: url(../company/welfare/img/sp/main.png) no-repeat right 0;
	background-size: 155px 130px;
	box-sizing: border-box;
	padding: 40px 0 0 2.7%;
	height: 132px;
	font-size: 22px;
	font-weight: bold;
}
.welfare section h2 span {
	font-size: 14px;
}
.welfare .contents01 {
	margin: 0 0 30px;
}
.welfare .contents02 {
	margin: 0;
}
.welfare h3 {
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	padding: 5px 0 30px;
	line-height: 1.4;
	letter-spacing: 0.1em;
}
.welfare h3 span {
	display: block;
	font-size: 14px;
	color: #2d9cdc;
	font-family: 'Roboto', sans-serif;
	margin: 0;
	letter-spacing: 0.05em;
}
.welfare .lead {
	font-size: 15px;
	line-height: 1.8;
	width: 94.6%;
	margin: 0 auto 20px;
	text-align: left;
}
.welfare table {
	width: 94.6%;
	margin: 0 auto 20px;
}
.welfare .contents02 table {
	margin: 0 auto;
}
.welfare table th {
	width: 25% !important;
	border-top: 1px solid #e1e4e8;
	font-size: 15px;
	padding: 15px 0;
	text-align: left;
}
.welfare table td {
	width: 75% !important;
	border-top: 1px solid #e1e4e8;
	font-size: 15px;
	padding: 15px 0;
	word-break: break-all;
}
.welfare table td li {
	border: none;
	position: relative;
	padding: 0 0 0 15px;
}
.welfare table td li:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	width: 8px;
	height: 8px;
	background: #2d9cdc;
	border-radius: 4px;
	margin: 0;
}
.welfare table th.last ,
.welfare table td.last{
	border-bottom: 1px solid #e1e4e8;
}
.welfare .graph {
	width: 94.6%;
	margin: 0 auto 15px;
}
.welfare .contents01 .event {
	background: #ddedf9;
	width: 94.6%;
	margin: 0 auto;
	padding: 10px 0;
}
.welfare .contents01 .event .title {
	background: #fff;
	text-align: center;
	width: 94.6%;
	margin: 0 auto 10px;
	font-size: 15px;
	padding: 10px 0;
}
.welfare .contents01 .event ul {
	font-size: 0;
	width: 94.6%;
	margin: 0 auto;
}
.welfare .contents01 .event ul li {
	width: 100%;
	font-size: 18px;
	height: 60px;
	margin: 0 0 15px;
	color: #fff;
	padding: 16px 0 0 46px;
	box-sizing: border-box;
	position: relative;
}
.welfare .contents01 .event ul li:after{
	content: "";
	border: 12px solid transparent;
	border-top: 12px solid #e1c869;
	position: absolute;
	top: 60px;
	left: 50px;
	margin: 0 0 0 -12px;
}
.welfare .contents01 .event ul li:last-child {
	margin: 0;
}
.welfare .contents01 .event ul li:last-child:after {
	border: none;
}
.welfare .contents01 .event ul li span {
	display: block;
	font-size: 14px;
	position: absolute;
	left: 100px;
	top: 0;
	border-left: 1px solid #1f77c4;
	height: 60px;
	padding: 9px 0 0 18px;
	box-sizing: border-box;
}
.welfare .contents01 .event ul li.box01 span {
	padding: 20px 0 0 18px;
}
.welfare .contents01 .event ul li.box01 {
	background: url(../company/welfare/img/sp/icon01.png) no-repeat 15px 20px , #3ea4df;
	background-size :  20px;
}
.welfare .contents01 .event ul li.box02 {
	background: url(../company/welfare/img/sp/icon02.png) no-repeat 14px 18px , #3ea4df;
	background-size :  20px;
}
.welfare .contents01 .event ul li.box03 {
	background: url(../company/welfare/img/sp/icon03.png) no-repeat 18px 19px , #3ea4df;
	background-size :  12px;
}
.welfare .contents01 .event ul li.box04 {
	background: url(../company/welfare/img/sp/icon04.png) no-repeat 14px 18px , #3ea4df;
	background-size :  18px;
}
.welfare .contents01 .event ul li.box05 {
	background: url(../company/welfare/img/sp/icon05.png) no-repeat 12px 21px , #3ea4df;
	background-size :  25px;
}
.welfare .contents01 .event ul li.box06 {
	background: url(../company/welfare/img/sp/icon06.png) no-repeat 15px 20px , #3ea4df;
	background-size :  17px;
}


	/* 2022 welfare */
	
	.welfare_box {
		width: 94.6%;
		margin: 0 auto 15px;
		font-size: 15px;
		line-height: 1.8;
		border: 1px solid #2D9CDC;
		background: #fff;
		-webkit-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	
	.welfare_box:last-of-type {
		margin: 0 auto 25px;
	}
	
	a.accordion_ttl {
		position: relative;
		display: block;
		font-size: 16px;
		line-height: 1.4;
		-webkit-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}

	a.accordion_ttl::after {
		position: absolute;
		display: block;
		content: "";
		top: 0;
		right: 0;
		width: 56px;
		height: 56px;
		-webkit-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		background: url("../company/welfare/img/icn_open.png") center center / cover no-repeat;
	}

	a.accordion_ttl.selected::after {
		background: url("../company/welfare/img/icn_close.png") center center / cover no-repeat;
	}

	a.accordion_ttl:hover {
		opacity: 0.7;
	}

	a.accordion_ttl.selected:hover {
		opacity: 1;
	}

	a.accordion_ttl span {
		display: block;
		height: 56px;
		line-height: 56px;
		padding: 0 60px 0 16px;
		color: #2D9CDC;
	}
	
	.accordion_cnt {
		padding: 15px 15px 15px;
		background: #DBEEF4;
	}
	
	.welfare_box dl {
		display: block;
		margin: 0 0 15px;
		background: #fff;
	}

	.welfare_box dl:last-of-type {
		margin: 0 0 0;
	}

	.welfare_box dt {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: auto;
		padding: 8px 8px 8px 8px;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.3;
		background: #2D9CDC;
	}

	.welfare_box dd {
		width: auto;
		padding: 8px 8px 8px 8px;
	}

	.welfare_box p  {
		padding: 0 0 0 1em;
		background: url("../company/welfare/img/icn_dd.png") left 3px top 8px no-repeat;
	}

	.welfare_box table {
		margin: 0 0 0;
	}

	.welfare .contents01 .welfare_box table th {
		width: auto;
		padding: 0 0.3em 0 0;
		border-top: none;
		font-weight: normal;
		white-space: nowrap;
		vertical-align: top;
	}

	.welfare .contents01 .welfare_box table td {
		width: auto;
		padding: 0 0 0 1em;
		text-indent: -1em;
		border-top: none;
		vertical-align: top;
	}





/* -----------------------------------------------------------------------------

	colorbox

----------------------------------------------------------------------------- */	
#cboxPrevious {
	width: 40%;
	height: 50px;
	background: #2d9cdc url(../company/keyword/img/sp/btn_prev.png) no-repeat center center;
	background-size: 180px;
	position: absolute;
	bottom: 80px;
	left: 8%;
	margin-top: -30px;
	text-indent: -999em;
}
#cboxNext {
	width: 40%;
	height: 50px;
	background: #2d9cdc url(../company/keyword/img/sp/btn_next.png) no-repeat center;
	background-size: 180px;
	position: absolute;
	bottom: 80px;
	right: 8%;
	margin-top: -30px;
	text-indent: -999em;
}
.detailBox .btnClose {
	text-align: center;
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin: 0 auto -90px;
	background: #e7e7e7;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.detailBox .btnClose span {
	padding: 3px 0 3px 20px;
	font-size: 14px;
	background: url(../company/keyword/img/btn_close.png) no-repeat left center;
	background-size: 14px;
}
.popup {
	display: none;
}
.detailBox {
	background: #fff;
	width: 96%;
	margin: 0 2%;
	padding-bottom: 90px;
	border: 2px solid #2d9cdc;
	box-sizing: border-box;
}
.detailBox h2 {
	font-size: 16px;
	border-bottom: 2px solid #2d9cdc;
}
.detailBox h2 b {
	background: #2d9cdc;
	color: #fff;
	padding: 8px 0;
	display: block;
}
.detailBox h2 span {
	font-size: 18px;
	display: block;
	text-align: left;
	padding: 14px 10px;
}
.detailBox h2 + div .txt a {
	color: #2d9cdc;
	text-decoration: underline;
}
.detailBox h2 + div {
	padding: 20px 20px 100px;
}
.detailBox h2 + div .txt {
	font-size: 15px;
	line-height: 1.6;
	text-align: left;
	margin: 0 0 20px;
}
.detailBox h2 + div .txt dl dt {
	font-weight: bold;
	margin-top: 20px;
}



/* ------------------
 THIS IS DIR
------------------ */

.advanced .purpleBg {
	background: rgba(221,237,249,0.90);
	padding: 1px 0 1px;
}

.advanced section h2 span {
	width: 50%;
}

.advanced .mv {
	background: #2d9cdc;
	height: 130px;
	margin: 0 0 15px;
}

.advanced section h2 {
	text-align: left;
	background: url(../company/advanced/img/sp/main.jpg) no-repeat right 0;
	background-size: 155px 130px;
	box-sizing: border-box;
	padding: 40px 0 0 2.7%;
	height: 132px;
	font-size: 22px;
	font-weight: bold;
}

.advanced section h2 span {
	font-size: 12px;
}

.advanced h3 {
	/*text-align: center;*/
	text-align: left;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin:30px 0 20px;
	line-height: 1.4;
}

.advanced h3 span {
	display: block;
	font-size: 14px;
	color: #2d9cdc;
	font-family: 'Roboto', sans-serif;
	margin: 0;
	letter-spacing: 0.05em;
}

.advanced .contentsBoxInner {
	width: 94.6%;
	margin: 0 auto;
}

.advanced .contentsBox h4 {
	margin: 30px auto 20px;
	font-size: 18px;
	color: #2d9cdc;
	letter-spacing: 2px;
	line-height: 1.6;
}

.advanced .contentsBoxInner .txtBlock > p {
	font-size: 15px;
	line-height: 2;
	margin-bottom: 36px;
}

.advanced_ttl_sp {
	margin: 0 0 8px;
	padding: 0 50px 8px 0;
	background: url("../company/advanced/img/icn_arrow.png") right top 5px / 40px auto no-repeat;
}

.advanced_ttl_sp.selected {
	background: url("../company/advanced/img/icn_arrow_selected.png") right top 5px / 40px auto no-repeat;
}

.advanced .contentsBoxInner .imgBlock {
	padding: 0 0 30px;
}

/* sub topic */

.adv_subttl {
	padding: 10px 0 12px;
	font-size: 16px;
	font-weight: bold;
}
.advanced .contentsBoxInner .imgBlock.w360 {
}

.advanced .contentsBoxInner .txtBlock.w600 {
}




/* add */

.aboutus .contents03 p.pic_feature {
	width: 80%;
	margin: 0 auto;
	padding: 20px 0 0;
	text-align: center;
}

h4.mt_large {
	margin-top: 40px;
}

.pic_technology {
	width: 94.6%;
	margin: 0 auto 40px;
	padding: 20px 0 0;
	text-align: center;
}





}