/* resposive for tablet */

@charset "UTF-8";

@media screen and (min-width: 1024px) {
	#headerTablet {
		display: none;
	}
	.aboutBackGround {
		display: none;
	}
	.img_topServiceTabletLeft {
		display: none;
	}
	.img_topServiceTabletRight {
		display: none;
	}
	.img_topRecruiteTablet {
		display: none;
	}
	.contact-groupTablet {
		display: none;
	}
	.contact-bgTablet {
		display: none;
	}
	.aboutResponsiveText {
		display: none;
	}
	.supachok-background-profile-responsive {
		display: none;
	}
}

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

/* =======================================

	Top Page

========================================== */

	/*headerMenu*/
	#headerMenu {
		height: 200px;
		position: relative;
	}
	.headerUl ul{
		display: flex;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
	}
	.headerUl li {
		font-family: 'catamaran', sans-serif;
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1.625;
		color: #111;
		padding-right: 40px;
		transition: 0.3s ease;;
	}
	.headerUl li:last-child {
		padding-right: 0px;
	}

	/* Header Section*/
	#header {
		display: none
	}
	.logoTablet {
		width: 140px;
	}
	#headerTablet {
		margin: 0px auto 60px auto;
	}
	.headerTabletFlex {
		display: flex;
		justify-content: space-between;
		align-items: center;
		text-align: right;
		margin: 60px;
	}
	.siteMenuTablet ul {
		display: flex;
		flex-wrap: wrap;
	}
	.siteMenuTablet li {
		font-family: 'catamaran',sans-serif;
		font-size: 1.8rem;
		font-weight: 700;
		color: #333;
		line-height: 1.2;
		padding-left: 30px;
		margin-bottom: 20px;
	}
	.siteMenuTablet li:first-child {
		padding-left: 0px;
	}
	.langTablet{
		font-family: 'catamaran', sans-serif;
		font-weight: 700;
		font-size: 1.6rem;
		color: #333;
	}
	.img-headerTablet {
		width: 100%;
		height: 663px;
		object-fit: cover;
	}
	.mainVisualTablet {
		position: relative;
	}
	.mainVisualTablet-Catch {
		position: absolute;
		top: 36px;
		left: 40px;
	}
	.mainVisualTablet-text1 {
		font-family: 'catamaran', sans-serif;
		font-weight: 700;
		font-size: 6rem;
		line-height: 1.6;
		color: #333;
	}
	.mainVisualTablet-text2 {
		font-family: 'catamaran', sans-serif;
		font-weight: 700;
		font-size: 2.8rem;
		line-height: 1.6;
		color: #333;
		padding-left: 20px;
	}

	/* News Section*/
	#news {
		margin: 0px 60px 150px 60px;
	}
	.news-flex1 {
		display: none;
	}
	.news-flex2 {
		width: 100%;
	}
	.news-item {
		display: flex;
		align-items: center;
		padding: 0px;
	}
	.newsList {
		margin-left: 180px;
	}
	.news-more {
		position: absolute;
		bottom: -60px;
		right: 0px;
	}
	#news dd {
		padding-left: 30px;
	}

	/* About Section*/
	#about {
		position: relative;
		margin-bottom: 183px;
	}
	#about .sec-title {
		margin: 0px;
	}
	#about .sec-subtitle {
		margin-bottom: 60px;
	}
	.about-group ul {
		display: none;
	}
	.about-group {
		text-align: right;
	}
	.aboutBackGround {
		height: 380px;
	}
	.about-square {
		display: none;
	}
	.aboutResponsiveText {
		padding: 40px 60px 0 60px;
	}
	.about-text1 {
		font-size: 3.8rem;
	}
	.aboutResponsiveText p {
		font-family: 'catamaran', sans-serif;
		font-size: 1.5rem;
		font-weight: 700;
		letter-spacing: 0.005rem;
		line-height: 1.7;
		color: #111;
	}
	.about-more {
		position: absolute;
		right: 60px;
		bottom: -100px;
	}

	/* Service Section*/
	#service {
		margin-bottom: 200px;
	}
	#service h3 {
		margin-bottom: 60px;
	}
	.service-flex-1st {
		width: 100%;
		flex-direction: column;
		margin-bottom: 155px;
	}
	.service-flex1 {
		display: none;
	}
	.img_topServiceTabletLeft {
		width: 78%;
		height: 320px;
	}
	.service-item1 {
		margin-top: 40px;
		margin-left: 60px;
	}
	.service-flex2 {
		width: 100%;
	}
	.service-number {
		padding-bottom: 0px;
	}
	.service-name-en {
		padding-bottom: 0px;
		margin-bottom: 10px;
	}
	.service-name-en::after {
		display: none;
	}
	.service-name-ja {
		padding-bottom: 0px;
		margin-bottom: 60px;
	}
	.serviceTextGroup {
		width: 100%;
		padding-right: 60px;
	}
	.service-more1 {
		position: absolute;
		bottom: -80px;
		right: 60px;
	}
	.service-flex-2st {
		flex-direction: column-reverse;
		width: 100%;
		align-items: flex-end;
		margin-bottom: 155px;
	}
	.service-flex4 {
		display: none;
	}
	.img_topServiceTabletRight {
		width: 78%;
		height: 320px;
	}
	.service-flex3 {
		width: 100%;
	}
	.service-more2 {
		position: absolute;
		bottom: -80px;
		right: 60px;
	}
	.service-flex-3st {
		width: 100%;
		flex-direction: column;
		margin-bottom: 155px;
	}
	.service-flex5 {
		display: none;
	}
	.service-flex-4th {
		flex-direction: column-reverse;
		width: 100%;
		align-items: flex-end;
		margin-bottom: 155px;
	}
	.service-flex8 {
		display: none;
	}
	.service-flex7 {
		width: 100%;
	}
	.service-more4 {
		position: absolute;
		bottom: -80px;
		right: 60px;
	}

	/* Recruit Section*/
	#recruit {
		margin-bottom: 356px;
	}
	.recruit-bg {
		display: none;
	}
	.img_topRecruiteTablet {
		width: 100%;
		height: 500px;
		margin: 0 auto;
	}
	.recruit-square {
		width: 630px;
		height: 308px;
		position: absolute;
		top: 346px;
		left: 60px;
		padding: 60px 80px 60px 80px;
	}
	.recruit-item {
		margin: 0px;
	}
	.recruit-text1 {
		font-family: 'catamaran', sans-serif;
		font-size: 3.6rem;
		font-weight: 700;
		line-height: 1.63;
		letter-spacing: 00.005rem;
		margin-bottom: 10px;
	}
	.recruit-text2 {
		margin-bottom: 40px;
	}
	.recruit-item p {
		width: 470px;
		font-family: 'catamaran', sans-serif;
		font-size: 1.4rem;
		font-weight: 700;
		line-height: 1.64;
	}
	.recruit-more {
		position: absolute;
		top: 719px;
		right: 60px;
	}
	/* Contact Section*/
	.contact-group {
		display: none;
	}
	.contact-groupTablet {
		width: 100%;
	}
	.contact-bgTablet {
		background-image: url(../img/tablet/img_topContactTablet.png);
		width: 100%;
		height: 500px;
		background-size: cover;
		margin: 0 auto 0 auto;
	}
	/* info Section*/
	#info {
		padding-right: 60px;
	}
	.info-group {
		width: 100%;
		background-color: #F7F7F8;
		border-top-right-radius: 154px;
		display: flex;
		flex-direction: column;
		padding: 60px 0 0 0;
	}
	.info-logo {
		margin-bottom: 20px;
	}
	.info-flex1 {
		width: 100%;
		margin: 0 auto 60px 60px;
	}
	.info-flex2 {
		width: 90%;
	}
	.site-map {
		display: flex;
		flex-wrap: wrap;
		margin: 0px 0px 0px 60px;
	}
	.map-item {
		margin-bottom: 60px;
	}
/* =======================================

	About Page

========================================== */

	/* policy Section*/
	#policy {
		margin-bottom: -100px;
	}
	.textBox {
		background-color: #F7F7F8;
		width: 94.1%;
		border-top-right-radius: 154px;
		padding: 100px 60px 212px 60px;
	}
	#policy .sec-subtitle {
		margin-bottom: 60px;
	}
	.textGroup p {
		width: 100%;
		margin-bottom: 0px;
	}
	.policyImage {
		width: 78.1%;
		height: 320px;
		position: relative;
		top: -160px;
		margin-left: auto;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

	/* why Section*/
	#why {
		width: 100%;
		margin: 0 auto 103px auto;
	}
	.whyGroup {
		width: 100%;
		padding: 0px 60px 0px 60px;
		margin: 0%;
	}
	#why p {
		font-family: 'Catamaran', sans-serif;
		font-size: 1.6rem;
		font-weight: 700;
		letter-spacing: 0.05rem;
		line-height: 1.8;
		color: #111;
	}

	/* Company Overview Section*/
	#companyOverview {
		width: 100%;
		border-top-right-radius: 150px;
		padding-top: 105px;
		padding-bottom: 105px;
		margin-bottom: 100px;
	}
	#companyOverview .sec-subtitle {
		font-size: 1.5rem;
		margin-bottom: 90px;
	}
	.overviewTable {
		width: 88.2%;
		margin: 0 auto;
		font-family: 'Yu Gothic',sans-serif;
		font-size: 1.6rem;
		font-weight: 700;
		letter-spacing: 0.005rem;
		line-height: 1.8;
		color: #333;
		border-top: solid 1px #333;
		border-collapse: collapse;
	}
	.overviewTable td,
	.overviewTable th {
		display: block;
	}
	.overviewTable td {
		width: 100%;
		padding-bottom: 10px;
		border-bottom: none;
	}
	.overviewTable th {
		width: 100%;
		padding-top: 0px;
		padding-left: 20px;
	}
/* =======================================

	Service Page

========================================== */
	#serviceMain {
		margin:0 auto 100px auto;
	}
	.serviceMainVisual {
		background-image: url(../img/tablet/img_serviceTopTablet.png);
		background-size: cover;
		width: 100%;
		height: 600px;
		text-align: center;
	}
	#serviceMain .sec-subtitle {
		margin-bottom: 106px;
	}
	#serviceMain p {
		width: 79.6%;
		margin: 0 auto;
		font-family: 'Catamaran', sans-serif;
		font-size: 2.8rem;
		font-weight: 700;
		line-height: 1.78;
		letter-spacing: 0.05rem;
		color: #111;
	}
	/* Service Detail Section*/
	#serviceDetail {
		margin-bottom: 100px;
	}
	.serviceDetailGray {
		background-color: #F7F7F8;
		width: 88.2%;
		height: auto;
		display: flex;
		flex-direction: column;
	}
	.blockGray1 {
		width: 100%;
		height: auto;
		background-color: #F7F7F8;
		border-radius: 0%;
		margin: 0 auto 0 auto;
		position: relative;
		box-shadow: none;
		flex-shrink: 0;
	}
	.blockGray1 p {
		font-family: 'montserrat', sans-serif;
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1.2;
		color: #FC022A;
		text-align: center;
		position: static;
		transform: none;
		padding-top: 40px;
		margin-bottom: 20px;
	}
	.blockGray2 {
		width: 100%;
		position: relative;
		flex-shrink: 0;
		margin-bottom: 40px;
	}
	.blockGray2 p {
		font-family: 'Catamaran', sans-serif;
		font-size: 2rem;
		font-weight: 700;
		line-height: 1.6;
		color: #111;
		margin-bottom: 20px;
		text-align: center;
	}
	.subhead {
		position: static;
		margin: 0 auto 0 auto;
		transform: none;
	}
	.underLine {
		background-color: #FC022A;
		width: 72px;
		height: 2px;
		margin: 0 auto 0 auto;
	}
	.blockGray3 {
		width: 100%;
		position: relative;
		flex-shrink: 0;
		margin-bottom: 60px;
	}
	.blockGray3 p {
		width: 91.1%;
		margin: 0 auto;
		font-family: 'Catamaran', sans-serif;
		font-size: 1.6rem;
		font-weight: 600;
		line-height: 1.8;
		letter-spacing: 0.005rem;
		color: #111;
		align-items: center;
		position: static;
		transform: none;
	}

	.serviceDetailWhite {
		width: 88.2%;
		height: auto;
		background-color: #fff;
		margin: 0 auto 0 auto;
		display: flex;
		flex-direction: column;
	}
	.blockWhite1 {
		width: 100%;
		height: auto;
		background-color: #fff;
		border-radius: 0%;
		margin: 0 auto 0 auto;
		position: relative;
		box-shadow: none;
		flex-shrink: 0;
	}
	.blockWhite1 p {
		font-family: 'montserrat', sans-serif;
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1.2;
		color: #FC022A;
		text-align: center;
		position: static;
		transform: none;
		padding-top: 40px;
	}
	.blockWhite2 {
		width: 100%;
		position: relative;
		flex-shrink: 0;
		margin-bottom: 40px;
	}
	.blockWhite2 p {
		font-family: 'Catamaran', sans-serif;
		font-size: 2rem;
		font-weight: 700;
		line-height: 1.6;
		color: #111;
		margin-bottom: 20px;
		text-align: center;
	}
	.blockWhite3 {
		width: 100%;
		position: relative;
		flex-shrink: 0;
		margin-bottom: 60px;
	}
	.blockWhite3 p {
		width: 91.1%;
		margin: 0 auto;
		font-family: 'Catamaran', sans-serif;
		font-size: 1.6rem;
		font-weight: 600;
		line-height: 1.8;
		letter-spacing: 0.005rem;
		color: #111;
		align-items: center;
		position: static;
		transform: none;
	}
	.contact-item p {
		margin-bottom: 60px;
	}
/* =======================================

	Recruit Page

========================================== */
#recruitEssentials {
		border-top-right-radius: 150px;
	}
	.recruitTitle {
		margin-bottom: 40px;
	}
	.recruitTable {
		font-family: 'Yu Gothic',sans-serif;
		font-size: 1.5rem;
		font-weight: 700;
		letter-spacing: 0.005rem;
		line-height: 1.8;
		color: #111;
		border-top: solid 1px #707070;
		width: 88.2%;
		margin: 0  auto;
	}
	.recruitTable td,
	.recruitTable th {
		display: block;
	}
	.recruitTable td {
		width: 100%;
		padding: 40px 0 0 0px;
		border-bottom: none;
	}
	.recruitTable th {
		width: 100%;
		padding: 20px 0 40px 20px;
		border-bottom: solid 1px #707070;
	}
/* =======================================

	All News Page

========================================== */
	#allNews {
		width: 88.2%;
		margin: 0 auto 100px auto;
	}
/* =======================================

	Consadoleページ

========================================== */
	#consadole-textBox .textBox {
		padding: 100px 6% 100px 60px !important;
		margin-bottom: 90px;
	}
	.supachok-img img {
		width: 332px;
	}
	.big-text {
		color: #0A516D !important;
	}
	.cosadole_text {
		width: 70%;
	}
	.big-text {
		padding: 0 60px;
		margin-bottom: 40px;
		color: #0A516D;
	}
	.big-text p {
		font-size: 72px;
		font-weight: bold;
	}
	.big-text span {
		font-size: 56px;
	}
	.sp-br {
		display: block;
	}
	.big-text p {
		width: -moz-fit-content;
		width: fit-content;
		text-align: center;
	}
	#supachok {
		margin-bottom: 90px;
	}
	.supachok-img-resposive {
		display: none;
	}
	.supachok-background {
		background-image: url('/lib/img/img_cosadole_supachok_tablet.png');
		background-attachment: initial;
		background-size: auto;
		background-position: left;
		max-width: 1024px;
		height: 668px;
		padding: 70px 40px 0 40px;
		background-repeat: no-repeat;
	}
	.supachok-background-flex-instagram img {
		width: 48px;
	}
	#consadole-link {
		margin-bottom: 90px;
	}
	.supachok-background-profile {
		display: none;
	}
	.supachok-background-profile-responsive {
		display: flex;
		padding: 0 16px;
		width: 50%;
		justify-content: space-between;
	}
	.supachok-background-profile-responsive li p {
		margin-top: 14px;
		font-size: 17px;
	}
	.supachok-background-profile-responsive li span {
		font-size: 14px;
	}
	.supachok-background-more {
		margin-top: 40px;
		text-align: end;
		font-size: 17px;
	}
}