/*--------------------------------------------
イントロ
--------------------------------------------*/
.t-intro__wrap {
	overflow: hidden;
	margin-top: 180px;
	position: relative;
	width: 94%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-intro__wrap {
	margin-top: 0;
	width: 100%;
 }
}

.t-intro {
	background: url(/images/top_intro_bg.png) no-repeat;
	background-position: center bottom;
	background-size: cover;
	height: 586px;
	width: 100%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-intro {
	background: url(/images/top_intro_bg_sp.png) no-repeat;
	background-position: center top;
	background-size: contain;
	margin-top: 132px;
	min-height: none;
	height: auto;
 }
}

.t-intro--ttl {
	position: absolute;
	top: 160px;
	left: 4%;
	max-width: 502px;
	width: 41%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-intro--ttl {
	position: static;
	padding-top: 56px;
	margin: 0 auto;
	max-width: none;
	width: 76.47%;
 }
}

.t-intro--txtbox {
	float: right;
	margin-top: 230px;
	background: #fff;
	padding: 36px 4% 105px 4%;
	width: 50%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-intro--txtbox {
	float: none;
	margin-top: 260px;
	background: #fff;
	padding: 10px 6% 0 6%;
	width: 100%;
 }
}

/* btn */
.t-intro--txtbox--btn {
	display: block;
	background: url(/images/top_intro_btn_img.png) no-repeat;
	background-size: contain;
	background-position: top right;
	padding-right: 130px;
	margin: 160px auto 0 auto;
	max-width: 500px;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-intro--txtbox--btn {
	padding-right: 92px;
	margin: 50px auto 0 auto;
 }
}

/* 写真 */
.t-intro--img {
 float: left;
	margin-top: 586px;
	width: 50%;
}


/*--------------------------------------------
コンテンツ
--------------------------------------------*/
.t-content {
	overflow: hidden;
	margin-top: 100px;
	position: relative;
	width: 94%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-content {
	margin-top: 70px;
	width: 100%;
 }
}

.t-content--inner {
	background: #ecf8f8;
	padding-bottom: 140px;
	width: 100%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-content--inner {
	padding-bottom: 90px;
 }
}


/*--------------------------------------------
仕事を知る
--------------------------------------------*/
/* ttl */
.t-kind-ttl {
	background: url(/images/top_kind_ttl_bg.png) no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	overflow: hidden;
	height: 300px;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-kind-ttl {
	background: url(/images/top_kind_ttl_bg_sp.png) no-repeat;
	background-position: center;
	background-size: cover;
	height: 200px;
 }
}

.t-kind-ttl--inner {
	background: url(/assets/images/ttl_bg.png) no-repeat;
	background-size: cover;
	margin: 46px auto 0 auto;
	padding: 50px 0 0 25px;
	height: 207px;
	width: 262px;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-kind-ttl--inner {
	margin: 23px auto 0 auto;
	padding: 42px 0 0 25px;
	height: 155px;
	width: 200px;
 }
}

.t-kind-ttl--inner h2 {
	margin-top: 0.3em;
}

/* TOKIWAの仕事とは? */
.t-about__business__01 {
	background: url(/images/top_about_business_bg_01.png) no-repeat;
	background-size: cover;
	overflow: hidden;
	padding-bottom: 23px;
	margin: 45px auto 0 auto;
	width: 93.44%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-about__business__01 {
	padding-bottom: 30px;
	margin-top: 23px;
	width: 100%;
 }
}

.t-about__business__01--left {
	float: left;
	padding: 32px 11%;
	width: 77%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-about__business__01--left {
	float: none;
	padding: 16px 6%;
	width: 100%;
 }
}

/* リスト */
.t-about__business__01--left--list li {
	padding-left: 1em;
	position: relative;
	margin-top: 0.6em;
}

.t-about__business__01--left--list li::before {
	content: "";
	background: #fff;
	border-radius: 50px;
	width: 8px;
	height: 8px;
	position: absolute;
	left: 0;
	top: 0.75em;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-about__business__01--left--list li::before {
	content: "";
	background: #fff;
	border-radius: 50px;
	width: 6px;
	height: 6px;
	position: absolute;
	left: 0;
	top: 0.75em;
 }
}

.t-about__business__01--left--mark {
	width: 50px;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-about__business__01--left--mark {
	width: 34px;
 }
}

.t-about__business__01--right {
	float: right;
	max-width: 260px;
	width: 23%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-about__business__01--right {
	float: none;
	overflow: hidden;
	margin-top: 80px;
	max-width: none;
	width: 100%;
 }

.t-about__business__01--right div {
	float: left;
	width: 33.3333%;
 }
}

.t-about__business__02 {
	background: url(/images/top_about_business_bg_02.png) repeat-y;
	background-size: cover;
	background-position: bottom;
	display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 align-content：flex-start;
	height: 530px;
	width: 100%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-about__business__02 {
	display: block;
	height: auto;
 }
}

.t-about__business__02--left {
	background: url(/images/top_kind_ph_04.png) no-repeat;
	background-size: cover;
	background-position: center;
	height: 290px;
	width: 50%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-about__business__02--left {
	background: url(/images/top_kind_ph_04.png) no-repeat;
	background-size: contain;
	background-position: center top;
	height: 340px;
	width: 100%;
 }
}

.t-about__business__02--left--inner {
	background: #fff url(/images/top_about_business_bar.png) no-repeat;
	background-size: 100%;
	background-position: left top;
	width: 88%;
	margin: 0 auto;
	padding: 30px 5%;
	position: relative;
	top: 206px;
	display: block;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-about__business__02--left--inner {
	padding: 15px 5% 10px 5%;
	position: relative;
	top: 130px;
 }
}

.t-about__business__02--right {
	background:  url(/images/top_kind_ph_05.png) no-repeat;
	background-size: cover;
	background-position: center;
	height: 290px;
	width: 50%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-about__business__02--right {
	background:  url(/images/top_kind_ph_05.png) no-repeat;
	background-size: contain;
	background-position: center top;
	height: 380px;
	width: 100%;
 }
}

.t-about__business__02--right--inner {
	background: #fff url(/images/top_about_business_bar.png) no-repeat;
	background-size: 100%;
	background-position: left top;
	width: 88%;
	margin: 0 auto;
	padding: 30px 5%;
	position: relative;
	top: 206px;
	display: block;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-about__business__02--right--inner {
	padding: 15px 5% 10px 5%;
	position: relative;
	top: 130px;
 }
}

.t-about__business__02--left--inner:hover,
.t-about__business__02--right--inner:hover {
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
}

/*--------------------------------------------
プロジェクトストーリー
--------------------------------------------*/
.t-projcet {
	background: url(/images/top_projcet_bg.png) no-repeat;
	background-position: center top;
	background-size: contain;
	position: relative;
	margin-top: 100px;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-projcet {
	background: url(/images/top_projcet_bg_sp.png) no-repeat;
	background-position: center top;
	background-size: contain;
	position: relative;
	margin-top: 80px;
 }
}

/* ttl */
.t-projcet--ttl {
	padding: 10% 0;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-projcet--ttl {
	padding: 22% 0 16% 0;
 }
}

/* projcet inner */
.t-projcet--inner {
	width: 90%;
	padding: 80px 6.3% 13% 40%;
	position: relative;
	margin: 0 auto;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-projcet--inner {
	width: 93%;
	padding: 155px 4.5% 13% 3%;
 }
}

.t-projcet--inner__01 {
	background: #fff url(/images/top_projcet_01_bg.png) no-repeat;
	background-size: 57%;
	background-position: left top;
	margin-top: 0;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-projcet--inner__01 {
	background: #fff url(/images/top_projcet_01_bg.png) no-repeat;
	background-size: 90%;
	background-position: left top;
	margin-top: 0;
 }
}

.t-projcet--inner__02 {
	background: #fff url(/images/top_projcet_02_bg.png) no-repeat;
	background-size: 57%;
	background-position: left top;
	margin-top: 70px;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-projcet--inner__02 {
	background: #fff url(/images/top_projcet_02_bg.png) no-repeat;
	background-size:90%;
	background-position: left top;
	margin-top: 50px;
 }
}

.t-projcet--inner--tab__01 {
	background: #a6d7ed;
	display: inline-block;
	padding: 0.25em 2em 0.3em 1em;
	position: absolute;
	right: 0;
	top: 150px;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-projcet--inner--tab__01 {
	position: absolute;
	right: 0;
	top: 185px;
 }
}

.t-projcet--inner--tab__02 {
	background: #e2b9e3;
	display: inline-block;
	padding: 0.25em 2em 0.3em 1em;
	position: absolute;
	right: 0;
	top: 150px;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-projcet--inner--tab__02 {
	position: absolute;
	right: 0;
	top: 185px;
 }
}

.t-projcet--inner--txtbox {
	background: url(/assets/images/ttl_bg.png) no-repeat;
	background-position: left top;
	background-size: 200px;
	padding: 30px 0 0 1em;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-projcet--inner--txtbox {
	background: url(/assets/images/ttl_bg.png) no-repeat;
	background-position: left top;
	background-size: 150px;
	padding: 30px 0 0 1em;
 }
}

/* btn */
.t-projcet--inner--btn {
	position: absolute;
	left: 45%;
	bottom: -30px;
	width: 100%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-projcet--inner--btn {
	position: absolute;
	left: 6%;
	bottom: -20px;
	width: 75%;
 }
}

/*--------------------------------------------
先輩社員
--------------------------------------------*/
.t-senior {
	background: url(/images/top_senior_bg.png) no-repeat;
	background-position: center top;
	background-size: contain;
	position: relative;
	margin-top: 100px;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-senior {
	background: url(/images/top_senior_bg_sp.png) no-repeat;
	background-position: center top;
	background-size: contain;
	position: relative;
	margin-top: 80px;
 }
}

/* ttl */
.t-senior--ttl {
	padding: 17.5% 0 10% 0;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-senior--ttl {
	padding: 28% 0 24% 0;
 }
}

.t-senior--inner {
	background: #fff;
	padding: 33px 0 65px 0;
	overflow: hidden;
	margin: 0 auto;
	width: 90%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-senior--inner {
	padding: 25px 0 50px 0;
	width: 100%;
 }
}

.t-senior--inner--memberbox {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 align-content：flex-start;
}

.t-senior--inner--memberbox--member {
	background: url(/assets/images/ic_arrow_black_l.png) no-repeat;
	background-size: 27px;
	background-position: right 10px bottom 5px;
	display: block;
	width: 25%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-senior--inner--memberbox--member {
	background: url(/assets/images/ic_arrow_black_l.png) no-repeat;
	background-size: 20px;
	background-position: right 10px bottom 20px;
	display: block;
	width: 50%;
 }
}

.t-senior--inner--memberbox--member:hover {
	text-decoration: none;
}

.t-senior--inner--memberbox--member--txtbox {
	padding: 40px 20px 40px 30px;
	position: relative;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-senior--inner--memberbox--member--txtbox {
	padding: 15px 17px 40px 17px;
 }
}

.t-senior--inner--memberbox--tab__01 {
	background: #a6d7ed;
	display: inline-block;
	padding: 0.25em 2em 0.3em 1em;
	position: absolute;
	right: 0;
	top: 40px;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-senior--inner--memberbox--tab__01 {
	top: 10px;
 }
}

.t-senior--inner--memberbox--tab__02 {
	background: #e2b9e3;
	display: inline-block;
	padding: 0.25em 2em 0.3em 1em;
	position: absolute;
	right: 0;
	top: 40px;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-senior--inner--memberbox--tab__02 {
	top: 10px;
 }
}

/* btn */
.t-senior--inner--btn {
	background: url(/images/top_senior_btn_img.png) no-repeat;
	background-size: contain;
	background-position: top right;
	float: right;
	margin-top: 65px;
	max-width: 929px;
	width: 100%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-senior--inner--btn {
	background: url(/images/top_senior_btn_img.png) no-repeat;
	background-size: contain;
	background-position: top center;
	float: none;
	padding-top: 41px;
	margin: 20px auto;
	max-width: none;
	width: 88%;
 }
}

.t-senior--inner--btn .u-btn__type__m {
	max-width: 320px !important;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-senior--inner--btn .u-btn__type__m {
	max-width: none !important;
 }
}


/*--------------------------------------------
TOKIWAの環境
--------------------------------------------*/
.t-environment__01 {
	background: url(/images/top_environment_bg_01.png) no-repeat;
	background-size: cover;
	overflow: hidden;
	padding: 32px 0 45px 9%;
	margin: 85px auto 0 auto;
	width: 93.44%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-environment__01 {
	background: url(/images/top_environment_bg_01.png) no-repeat;
	background-size: cover;
	overflow: hidden;
	padding: 26px 0 50px 0;
	margin: 70px auto 0 auto;
	width: 100%;
 }
}

/********* sp *********/
@media only screen and (max-width: 750px) {
.t-environment__01--inner {
	padding: 0 6%;
 }
}

.t-environment__01--mark {
	width: 50px;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-environment__01--mark {
	width: 34px;
 }
}

.t-environment__01--img {
	float: right;
	margin-top: 40px;
	width: 84.21%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-environment__01--img {
	float: none;
	margin-top: 30px;
	width: 100%;
 }
}

/* 02 */
.t-environment__02 {
	background: url(/images/top_environment_bg_02.png) repeat-y;
	background-size: cover;
	background-position: bottom;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-content：flex-start;
	height: 230px;
	width: 100%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-environment__02 {
	display: block;
	height: auto;
 }
}

.t-environment__02--left {
	background: url(/images/top_environment_ph_02.png) no-repeat;
	background-size: cover;
	background-position: center;
	height: 160px;
	width: 50%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-environment__02--left {
	background: url(/images/top_environment_ph_02.png) no-repeat;
	background-size: contain;
	background-position: center top;
	height: 150px;
	width: 100%;
 }
}

.t-environment__02--left a {
	display: block;
	background-color: #fff;
	background-image: url(/images/top_environment_bar.png),url(/assets/images/ic_arrow_black_l.png);
	background-repeat: no-repeat;
	background-size: 100%,27px;
	background-position: left top,right 18px bottom 18px;
	padding: 30px 5% 15px 5%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-environment__02--left a {
	background-color: #fff;
	background-image: url(/images/top_environment_bar.png),url(/assets/images/ic_arrow_black_l.png);
	background-repeat: no-repeat;
	background-size: 100%,20px;
	background-position: left top,right 12px bottom 12px;
	padding: 15px 5% 10px 5%;
 }
}

.t-environment__02--right {
	background: url(/images/top_environment_ph_03.png) no-repeat;
	background-size: cover;
	background-position: center;
	height: 160px;
	width: 50%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-environment__02--right {
	background: url(/images/top_environment_ph_03.png) no-repeat;
	background-size: contain;
	background-position: center top;
	height: 150px;
	width: 100%;
 }
}

.t-environment__02--right a {
	display: block;
	background-color: #fff;
	background-image: url(/images/top_environment_bar.png),url(/assets/images/ic_arrow_black_l.png);
	background-repeat: no-repeat;
	background-size: 100%,27px;
	background-position: left top,right 18px bottom 18px;
	padding: 30px 5% 15px 5%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-environment__02--right a {
	background-color: #fff;
	background-image: url(/images/top_environment_bar.png),url(/assets/images/ic_arrow_black_l.png);
	background-repeat: no-repeat;
	background-size: 100%,20px;
	background-position: left top,right 12px bottom 12px;
	padding: 15px 5% 10px 5%;
 }
}

.t-environment__02--left div,
.t-environment__02--right div {
	background: #fff;
	position: relative;
	top: 90px;
	width: 88%;
	margin: 0 auto;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-environment__02--left div,
.t-environment__02--right div {
	position: relative;
	top: 60px;
 }
}

.t-environment__02--left a:hover,
.t-environment__02--right a:hover {
	text-decoration: none;
}

/* 03 */
.t-environment__03 {
	background: url(/images/top_environment_bg_03.png) repeat-y;
	background-size: cover;
	background-position: bottom;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-content：flex-start;
	height: 300px;
	width: 100%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-environment__03 {
	display: block;
	height: auto;
 }
}

.t-environment__03--left {
	background: url(/images/top_environment_ph_04.png) no-repeat;
	background-size: cover;
	background-position: center;
	height: 160px;
	width: 50%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-environment__03--left {
	background: url(/images/top_environment_ph_04.png) no-repeat;
	background-size: contain;
	background-position: center top;
	height: 150px;
	width: 100%;
 }
}

.t-environment__03--left a {
	display: block;
	background-color: #fff;
	background-image: url(/images/top_environment_bar.png),url(/assets/images/ic_arrow_black_l.png);
	background-repeat: no-repeat;
	background-size: 100%,27px;
	background-position: left top,right 18px bottom 18px;
	padding: 30px 5% 15px 5%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-environment__03--left a {
	background-color: #fff;
	background-image: url(/images/top_environment_bar.png),url(/assets/images/ic_arrow_black_l.png);
	background-repeat: no-repeat;
	background-size: 100%,20px;
	background-position: left top,right 12px bottom 12px;
	padding: 15px 5% 10px 5%;
 }
}

.t-environment__03--right {
	background: url(/images/top_environment_ph_05.png) no-repeat;
	background-size: cover;
	background-position: center;
	height: 160px;
	width: 50%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-environment__03--right {
	background: url(/images/top_environment_ph_05.png) no-repeat;
	background-size: contain;
	background-position: center top;
	height: 180px;
	width: 100%;
 }
}

.t-environment__03--right a {
	display: block;
	background-color: #fff;
	background-image: url(/images/top_environment_bar.png),url(/assets/images/ic_arrow_black_l.png);
	background-repeat: no-repeat;
	background-size: 100%,27px;
	background-position: left top,right 18px bottom 18px;
	padding: 30px 5% 15px 5%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-environment__03--right a {
	background-color: #fff;
	background-image: url(/images/top_environment_bar.png),url(/assets/images/ic_arrow_black_l.png);
	background-repeat: no-repeat;
	background-size: 100%,20px;
	background-position: left top,right 12px bottom 12px;
	padding: 15px 5% 10px 5%;
 }
}

.t-environment__03--left div,
.t-environment__03--right div {
	background: #fff;
	position: relative;
	top: 90px;
	width: 88%;
	margin: 0 auto;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.t-environment__03--left div,
.t-environment__03--right div {
	position: relative;
	top: 60px;
 }
}

.t-environment__03--left a:hover,
.t-environment__03--right a:hover {
	text-decoration: none;
}