@charset "utf-8";
/*
Theme Name: YAZ
Theme URI: https://www.yaz.co.jp/
Description: YAZ専用のテーマです。
Author: 株式会社budori
*/



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

フォントサイズ
10px = 72%     11px = 79%     12px = 86%     13px = 93%
14px = 100%    15px = 108%    16px = 115%　  17px = 122%
18px = 129%　  19px = 136%　  20px = 143%　  21px = 150%
22px = 158%    23px = 165%    24px = 172%    25px = 179%
26px = 186%

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


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

	共通設定

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



/* PCでは非表示
----------------------------------------------------*/
.sp { display:none; }


/* フォント
----------------------------------------------------*/
.rodan {
	font-family: "FOT-ロダンカトレア Pro B";
	font-weight:normal;
}

.mincho {
	font-family:Times New Roman , "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "游明朝", YuMincho, "MSP明朝","MS PMincho","MS 明朝",serif;
}

.black {
	color:#333;
}
.red {
	color:#b01e29;
}

.lightred {
	color:#d0544d;
}

.gold {
	color:#938f6c;
}

.blue {
	color:#002d6a;
}
.lightblue {
	color:#8d9cc8;
}

.f10 { font-size:72%; }
.f12 { font-size:86%; }
.f13 { font-size:93%; }
.f15 { font-size:108%; }
.f16 { font-size:115%; }
.f18 { font-size:129%; }
.f20 { font-size:143%; }
.f22 { font-size:158%; }
.f24 { font-size:172%; }


/* 見出し
----------------------------------------------------*/
.midashi1 {
	font-size:172%;
	font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
	padding:0 0 0 30px;
	margin-bottom:30px;
	position:relative;
}

.midashi1:before {
	content:'';
	width:15px;
	height:5px;
	background-color:#b01e29;
	display:block;
	position:absolute;
	top:15px;
	left:0;
}

.midashi2 {
	color:#b01e29;
	font-size:129%;
	margin-bottom:1em;
}

.midashi3 {
	font-size:108%;
	line-height:1.2;
	margin-bottom:0.5em;
}

.midashi4 {
	border-bottom:2px solid #e4e3dd;
	padding:0 2px 8px;
	font-size:129%;
	line-height:1.3;
	margin-bottom:1em;
}

.midashi4 span {
	display:block;
	border-left:4px solid #b01e29;
	padding:2px 0 2px 15px;
}

.midashi5 {
	color:#938f6c;
	font-size:115%;
	margin-bottom:1em;
}

.midashi6 {
	text-align:center;
	font-size:158%;
	font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
	line-height:1.2;
	margin-bottom:35px;
}

.midashi6 i {
	display:block;
	margin-top:20px;
	margin-bottom:20px;
}

.midashi-q {
	border-bottom:2px solid #e4e3dd;
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_q.png) no-repeat 10px 7px;
	font-size:143%;
	font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
	padding:5px 10px 8px 50px;
	margin-bottom:10px;
	overflow:hidden;
}

.midashi-wide {
	background-color:#e9e5d9;
	height:150px;
	padding:0 500%;
	margin:0 -500% 50px;
}

.midashi-wide .title {
	display:table;
	width:100%;
	height:150px;
	color:#45433a;
	font-size:172%;
	font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
	line-height:1.2;
}

.midashi-wide .title span {
	display:table-cell;
	vertical-align:middle;
	padding:0 0 0 12%;
}




/* マージンの設定
----------------------------------------------------*/
/* top */
.mt0 { margin-top:0px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt60 { margin-top:60px !important;}
.mt70 { margin-top:70px !important;}
/* bottom */
.mb0 { margin-bottom:0px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb80 { margin-bottom:80px !important;}
.mb90 { margin-bottom:90px !important;}
.mb100 { margin-bottom:100px !important;}

/* left */
.ml0 { margin-left:0px !important;}
.ml10 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml40 { margin-left:40px !important;}
.ml50 { margin-left:50px !important;}
.ml60 { margin-left:60px !important;}
.ml70 { margin-left:70px !important;}

/* right */
.mr0 { margin-right:0px !important;}
.mr10 { margin-right:10px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr40 { margin-right:40px !important;}
.mr50 { margin-right:50px !important;}
.mr60 { margin-right:60px !important;}
.mr70 { margin-right:70px !important;}


/* パディングの設定
----------------------------------------------------*/
/* top */
.pt0 { padding-top:0px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px !important;}
.pt60 { padding-top:60px !important;}
.pt100 { padding-top:100px !important;}
/* bottom */
.pb0 { padding-bottom:0px !important;}
.pb10 { padding-bottom:10px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb40 { padding-bottom:40px !important;}
.pb50 { padding-bottom:50px !important;}

/* left */
.pl0 { padding-left:0px !important;}
.pl10 { padding-left:10px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl40 { padding-left:40px !important;}
.pl50 { padding-left:50px !important;}

/* right */
.pr0 { padding-right:0px !important;}
.pr10 { padding-right:10px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr40 { padding-right:40px !important;}
.pr50 { padding-right:50px !important;}




/* Coming Soon
----------------------------------------------------*/
.coming-soon {
	padding:200px 0;
}


/* ボタン
----------------------------------------------------*/
.btn-red {
	border:none;
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/btn_arrow2.png) no-repeat right center;
	background-color:#b01e29;
	display:inline-block;
	color:#FFF;
	font-size:115%;
	font-weight:bold;
	text-align:center;
	width:auto;
	padding:15px 60px 15px 30px;
	position:relative;
	cursor:pointer;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
			border-radius: 5px;

	-webkit-box-shadow:0 3px 0 0 #81141c;
	-moz-box-shadow:0 3px 0 0 #81141c;
			box-shadow:0 3px 0 0 #81141c;
}

.btn-red:hover {
	background-color:#950c16;
}

.btn-gold {
	border:none;
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/btn_arrow2.png) no-repeat right center;
	-moz-background-size:47px 21px;
	background-size:47px 21px;
	background-color:#8e8d7a;
	display:inline-block;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	width:auto;
	padding:12px 85px 11px 55px;
	position:relative;
	cursor:pointer;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
			border-radius: 5px;
}

.btn-gold:hover {
	background-color:#7c7b6a;
	text-decoration:none !important;
}

.btn-gray {
	border:none;
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/btn_arrow1.png) no-repeat right center;
	background-color:#e4e3dd;
	display:inline-block;
	font-size:115%;
	font-weight:bold;
	text-align:center;
	width:auto;
	padding:15px 60px;
	position:relative;
	cursor:pointer;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
			border-radius: 5px;

	-webkit-box-shadow:0 3px 0 0 #c4c3be;
	-moz-box-shadow:0 3px 0 0 #c4c3be;
			box-shadow:0 3px 0 0 #c4c3be;
}

.btn-gray:hover {
	background-color:#d0cfc7;
}

a.btn-red,
a.btn-gray {
	text-decoration:none;
}

.w320 {
	width:320px;
}



/* ブロック
----------------------------------------------------*/
section {
	margin-bottom:40px;
}

.border-box {
	border:3px solid #e4e3dd;
	padding:20px;
}

.border-gray-box {
	border:2px solid #e7e7e4;
	padding:20px;
}

.border-box p:last-child,
.border-gray-box p:last-child {
	margin-bottom:0;
}

.w760 {
	width:100%;
	max-width:760px;
	margin:0 auto;
}

.w800 {
	width:100%;
	max-width:800px;
	margin:0 auto;
}

.beige-bg {
	background-color:#f5f4ec;
}

.border-privacy-box {
	border:1px solid #bab8a8;
	overflow-y: scroll;
	padding: 25px;
	width: 450px;
	height: 400px;
	margin-bottom:20px;
}

/* カラムレイアウト
----------------------------------------------------*/
.entry-content .colset ul,
.entry-content .colset ul li {
	padding:0;
	margin:0;
	list-style:none;
}

.colset {
	margin-bottom:40px;
}

.colset ul li.col2,
.colset .col2 {
	float:left;
	width:48.5%;
	margin:0 3% 20px 0;
}

.colset ul li.col2-w475,
.colset .col2-w475 {
	float:left;
	width:47.5%;
	margin:0 5% 20px 0;
}

.colset ul li.col2:nth-child(2n),
.colset .col2:nth-child(2n),
.colset ul li.col2-w475:nth-child(2n),
.colset .col2-w475:nth-child(2n) {
	margin-right:0;
}

.colset ul li.col3,
.colset .col3 {
	float:left;
	width:48.5%;
	margin:0 3% 20px 0;
}

.colset ul li.col3,
.colset .col3 {
	float:left;
	width:32%;
	margin:0 2% 10px 0;
}

.colset ul li.col3-w260,
.colset .col3-w260 {
	float:left;
	width:26%;
	margin:0 11% 20px 0;
}

.colset ul li.col3-w310,
.colset .col3-w310 {
	float:left;
	width:31%;
	margin:0 3.5% 20px 0;
}

.colset ul li.col3-w320,
.colset .col3-w320 {
	float:left;
	width:32%;
	margin:0 2% 20px 0;
}

.colset ul li.col3:nth-child(3n),
.colset ul li.col3-w260:nth-child(3n),
.colset ul li.col3-w310:nth-child(3n),
.colset ul li.col3-w320:nth-child(3n),
.colset .col3:nth-child(3n),
.colset .col3-w260:nth-child(3n),
.colset .col3-w310:nth-child(3n),
.colset .col3-w320:nth-child(3n) {
	margin-right:0;
}

.colset ul li.col3:nth-child(3n+4),
.colset ul li.col3-w260:nth-child(3n+4),
.colset ul li.col3-w310:nth-child(3n+4),
.colset ul li.col3-w320:nth-child(3n+4),
.colset .col3:nth-child(3n+4),
.colset .col3-w260:nth-child(3n+4),
.colset .col3-w310:nth-child(3n+4),
.colset .col3-w320:nth-child(3n+4) {
	clear:both;
}


/* 画像の装飾
----------------------------------------------------*/
img.frame {
	border:1px solid #e6decf;
}

img.circle {
	-webkit-border-radius: 400px;
	-moz-border-radius: 400px;
			border-radius: 400px;
}


/* 新着記事のショートコード
----------------------------------------------------*/
.showcatposts {
	clear:both;
	margin-bottom:40px;
}

.showcatposts h3 {
	font-size:143%;
	font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
	line-height:1.2;
	margin-bottom:20px;
}

.showcatposts .more-link {
	position:relative;
}

.showcatposts .more-link a {
	background-position:left center;
	position:absolute;
	top:-35px;
	right:0;
}

.showcatposts .post_list {
	margin:0;
}

.showcatposts .post_list dl {
	border:none;
	margin-bottom:5px;
}

.showcatposts .post_list dl:last-child {
	margin-bottom:0;
}

.showcatposts .post_list dt {
	padding:0;
}

.showcatposts .post_list dd {
	padding-top:0;
	padding-bottom:0;
}

/* 採用トップ */
body.careers .showcatposts {
	margin-bottom:70px;
}

body.careers .showcatposts h3 {
	text-align:center;
}

/* 新卒採用、キャリア採用 */
body.graduate .showcatposts h3,
body.mid-career .showcatposts h3 {
	font-size:172%;
	padding:0 0 0 30px;
	margin-bottom:30px;
	position:relative;
}

body.graduate .showcatposts h3:before,
body.mid-career .showcatposts h3:before {
	content:'';
	width:15px;
	height:5px;
	background-color:#b01e29;
	display:block;
	position:absolute;
	top:15px;
	left:0;
}



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

	採用

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


/* 採用トップページ
----------------------------------------------------*/
#careers-contents {
	text-align:center;
	margin-bottom:50px;
}

#careers-contents h1 {
	text-align:center;
	margin-bottom:30px;
}

#careers-contents li img {
	display:block;
	margin:0 auto;
}

#careers-contents h2 {
	display:inline-block;
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_arrow3@2x.png) no-repeat left center;
	-moz-background-size:14px 14px;
	background-size:14px 14px;
	padding:0 0 0 22px;
	font-size:108%;
	margin:10px 0;
}

#careers-contents a:hover h2 {
	text-decoration:underline;
}


/* YAZについて
----------------------------------------------------*/
body.about article.title-bg #entryHeader {
	height:380px;
	padding:140px 0 0;
}

body.about #title-bg {
	height:380px;
}


/* トップメッセージ
----------------------------------------------------*/
#top-message_title {
	margin:75px -60px 60px;
}

#top-message_title .bg {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/top-message_title_bg.jpg) no-repeat left center;
	background-size: cover;
	height:380px;
	width:100%;
	padding:115px 2.5% 115px 42.85%;
	display:table;
}

#top-message_title .text {
	background-color:#FFF;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	padding:20px 27px;
	position:relative;
}

#top-message_title h2 {
	border-bottom:2px solid #e4e3dd;
	color:#b01e29;
	font-size:129%;
	font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
	font-style:italic;
	padding:0 3px 8px;
	margin-bottom:15px;
}

#top-message_title h2 span {
	color:#333;
	font-size:55%;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-style:normal;
	margin-left:20px;
}

#top-message_title p {
	font-size:200%;
	line-height:1.4;
	font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
	margin:0;
}


/* 社員インタビュー
----------------------------------------------------*/
#interview_top_title {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/interview_title_bg20200903.jpg) no-repeat center center;
	background-size: cover;
	height:320px;
	padding:105px 0 0;
	margin:75px -60px 50px;
	text-align:center;
}
	
#interview_top_title h2 {
	border-top:2px solid #c3c0b2;
	border-bottom:2px solid #c3c0b2;
	width:268px;
	height:98px;
	display:inline-block;
	padding:15px 0 0;
	margin-bottom:30px;

	vertical-align:middle;
	font-size:214%;
	font-family: "FOT-ロダンカトレア Pro B";
	font-weight:normal;
	line-height:1.3;
}

#interview_top_title h2 i {
	display:block;
	color:#b01e29;
	font-size:50%;
	font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
	letter-spacing:0.2em;
	margin-top:5px;
}

#interview-list {
	margin-bottom:60px;
}

#interview-list a {
	text-decoration:none;
}

#interview-list li {
	margin-bottom:20px;
}

#interview-list .interview-block {
	border:1px solid #d5d4c4;
	width:100%;
	height:270px;
	padding:35px 2.5%;
	display:table;
}

#interview-list #kaneko {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/interview_top_kaneko.jpg) no-repeat left 0;
	background-size: cover;
	padding-left:44%;
}
#interview-list #engineer01 {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/interview_top_engineer01.jpg) no-repeat left 0;
	background-size: cover;
	padding-left:44%;
}

#interview-list #kageyama {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/interview_top_kageyama.jpg) no-repeat right 0;
	background-size: cover;
	padding-right:44%;
}

#interview-list #watanabe {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/interview_top_engineer03.jpg) no-repeat left 0;
	background-size: cover;
	padding-left:44%;
}

#interview-list #ohshima {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/interview_top_engineer03.jpg) no-repeat left 0;
	background-size: cover;
	padding-left:44%;
}

#interview-list #katou {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/interview_katou.jpg) no-repeat right 0;
	background-size: cover;
	padding-right:44%;
}

#interview-list .text {
	background-color:#FFF;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	padding:45px 6.5% 30px;
	position:relative;
}

.tag {
	display:block;
	width:106px;
	height:27px;
	line-height:27px;
	font-size:93%;
	font-style:normal;
	font-weight:bold;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
}

.tag-engineer {
	background-color:#bedb67;
}

.tag-eigyo {
	background-color:#f1c336;
}

dl.interview-text {
}

dl.interview-text dt {
	font-size:158%;
	font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
	line-height:1.45;
	margin-bottom:10px;
}

dl.interview-text dd {
	font-size:129%;
	font-weight:bold;
}

dl.interview-text dd span {
	color:#938f6c;
	font-size:67%;
	display:block;
	margin-bottom:5px;
}


/* インタビュー詳細 */
#interview-title {
	margin:75px -60px 50px;
}

#interview-title .bg {
	height:317px;
	width:100%;
	padding:60px 2.5%;
	display:table;
}

#interview-title #kaneko{
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/interview-kaneko_title_bg.jpg) no-repeat left 0;
	background-size: cover;
	padding-left:38%;
}
#interview-title #engineer01{
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/interview-engineer01_title_bg.jpg) no-repeat left 0;
	background-size: cover;
	padding-left:38%;
}

#interview-title #kageyama {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/interview-kageyama_title_bg.jpg) no-repeat right 0;
	background-size: cover;
	padding-right:38%;
}

#interview-title #watanabe {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/interview-watanabe_title_bg.jpg) no-repeat left 0;
	background-size: cover;
	padding-left:38%;
}

#interview-title #ohshima {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/interview-ohshima_title_bg.jpg) no-repeat left 0;
	background-size: cover;
	padding-left:38%;
}

#interview-title #katou {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/interview-katou_title_bg.jpg) no-repeat right 0;
	background-size: cover;
	padding-right:38%;
}

#interview-title .text {
	background-color:#FFF;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	padding:50px 30px 20px;
	position:relative;
}

#interview-title dl.interview-text dt {
	font-size:172%;
}

#interview-title dl.interview-text dd {
	font-size:143%;
	text-align:right;
}

/* 他の社員インタビュー */
#others-interview {
	margin:60px 0;
}

#others-interview .others-interview-title {
	font-size:115%;
	margin-bottom:20px;
}

#others-interview li {
	text-align:center;
}


/* 社内制度
----------------------------------------------------*/
body.office article.title-bg #entryHeader {
	height:380px;
	padding:140px 0 0;
}

body.office #title-bg {
	height:380px;
}

#office-concept {
}

#office-concept li p {
	line-height:1.57;
}

#office-torikumi {
}

#office-torikumi figure img {
	display:block;
	margin-bottom:10px;
}

#office-torikumi figcaption p {
	font-size:93%;
	line-height:1.5;
}


/* 新卒採用
----------------------------------------------------*/

/* 内定者研修 */
#kenshu-schedule {
	display: -moz-flex;
	display: -webkit-flex; /* Safari */
	display: flex;

		-ms-flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
			flex-wrap:nowrap;

	margin-bottom:40px;
}

#kenshu-schedule dl {
	background-repeat:no-repeat;
	background-position:center bottom;
	background-color:#f5f4f0;
	width:17%;
	padding:0 0 90px;
	margin:0 2% 20px 0;
	position:relative;
}

#kenshu-schedule dl.kenshu-step2 {
	width:28%;
}

#kenshu-schedule dl.kenshu-step4 {
	width:19%;
}

#kenshu-schedule dl:last-child {
	margin-right:0;
}

#kenshu-schedule dl.kenshu-step1 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/kenshu01.png);
}

#kenshu-schedule dl.kenshu-step2 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/kenshu02.png);
	background-position:right bottom;
	padding-bottom:20px;
}

#kenshu-schedule dl.kenshu-step3 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/kenshu03.png);
}

#kenshu-schedule dl.kenshu-step4 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/kenshu04.png);
}

#kenshu-schedule dl.kenshu-step5 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/kenshu05.png);
}

#kenshu-schedule dl:before {
	content:'';
	display: block;
	width: 0;
	height: 0;

	border-top: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #75be4d;

	position:absolute;
	top:15px;
	right:-16px;
}

#kenshu-schedule dl:last-child:before {
	display:none;
}

#kenshu-schedule dl:nth-child(even):before {
	border-left: 8px solid #c1d34a;
}


#kenshu-schedule dl dt {
	background-color:#75be4d;
	color:#FFF;
	font-size:122%;
	text-align:center;
	padding:10px;
}

#kenshu-schedule dl:nth-child(even) dt {
	background-color:#c1d34a;
}

#kenshu-schedule dl dd {
	font-size:93%;
	padding:20px 10px;
}

#kenshu-schedule dl dd ul {
	margin-bottom:0;
}

#kenshu-schedule dl dd ul li.photo-space {
	padding-right:120px;
}

#kenshu-schedule dl dd ul li {
	line-height:1.6;
	margin-bottom:0.3em;
}


/* キャリアビジョン */
#vision_step {
	display: -moz-flex;
	display: -webkit-flex; /* Safari */
	display: flex;

		-ms-flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
			flex-wrap:nowrap;

	margin-bottom:40px;
}

#vision_step dl {
	background-position:center top;
	background-repeat:no-repeat;
	width:20%;
	padding:90px 0 0;
	margin:0 0 20px;
}

#vision_step dl.vision_step1 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/vision_step1.png);
}

#vision_step dl.vision_step2 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/vision_step2.png);
}

#vision_step dl.vision_step3 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/vision_step3.png);
}

#vision_step dl.vision_step4 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/vision_step4.png);
}

#vision_step dl.vision_step5 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/vision_step5.png);
}

#vision_step dl dt {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/step_arrow.png) no-repeat top right;
	padding:0 30px 0 5px;
	height:78px;
	line-height:78px;
	text-align:center;
	font-size:115%;
	font-weight:bold;
}

#vision_step dl dd {
	font-size:93%;
	padding:5px 30px 5px 5px;
}

#vision_step dl dd p {
	line-height:1.5;
	margin-bottom:0.5em;
}

#vision_step dl dd ul,
#vision_step dl dd p:last-child {
	margin-bottom:0;
}

#vision_step ul li {
	line-height:1.6;
	margin-bottom:0.3em;
}


/* キャリア採用
----------------------------------------------------*/
#ac-nav{
	border-bottom:1px solid #ccc9c1;
	margin-bottom:40px;
}
#ac-nav dt{
	background:#f5f4ec url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/ac_open.png) no-repeat right center;
	border-top:1px solid #ccc9c1;
	padding:10px 50px 10px 13px;
	color:#595734;
	font-weight:bold;
	cursor:pointer;

	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
}
#ac-nav dt span{
	display:block;
	border-left:4px solid #8db813;
	padding:5px 0 5px 20px;
}
#ac-nav dd{
	display:none;
	background:#e9e8e3;
	padding:15px 35px;
}
#ac-nav dd p:last-child {
	margin-bottom:0;
}

#ac-nav dt.active{
	background:#e9e8e3 url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/ac_close.png) no-repeat right center;
}

#mid_career .solutions-text-block .text {
    overflow: hidden;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    width: 1000px;
}

#mid_career .an_box_faq {
	background-color: #fcfcf9;
	padding: 15px 15px 15px 30px;
	margin: 0 auto;
	width: 750px;
} 



#mid_career .qu_box_faq {
	background-color: #f5f4ec;
	padding: 30px 30px 30px 60px;
	margin: 0 auto;
	width: 750px;
}


#mid_career .slash {
	width: 15px;
	height: 3px;
	background-color: #b01e29;
	position: relative;
	top: 20px;
}

#mid_career .box {
    display: flex;
    flex-wrap: wrap;
	justify-content: flex-start;
} 

#mid_career .block {
    float: left;
    width: 31%;
    margin: 0 2% 20px 0;
    text-align: center;
}

#mid_career .contents-block .border-gold2 {
	min-height: 220px;
    position: relative;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#mid_career .contents-block .border-gold2:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid #d0544d;
    border-bottom: 6px solid #d0544d;
    border-left: 6px solid transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

#mid_career .l-accordion .l-accordion-switch::after {
	content: url(/wp/wp-content/themes/yaz/https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/openbtn.png );
	position: absolute;
	display: block;
	width: 20px;
}

#mid_career  .l-accordion .l-accordion-switch::after {
	top:42px;
	right:19px;   
}


#mid_career .l-accordion input:checked~.l-accordion-switch::after {
	content: url(/wp/wp-content/themes/yaz/https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/closebtn.png );
	transition: 0.5s;
}

#mid_career .contents-block a {
    text-decoration: none;
}

#mid_career .contents-block a:hover .border-gold2 {
	background-color:#f2f2f2;
}

#mid_career .contents-block .text {
	font-size: 12px;
    line-height: 20px;
}

.interview_story h2 {
	font-size: 24px;
	text-align: center;
	margin: 0 0 30px;
}

.interview_story .story_white {
	width: 1000px;
	padding: 40px;
	margin: 0px auto;
	background-color: rgba(255,255,255,1);
}

.interview_story .story_white .voice_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.interview_story .story_white li {
	list-style-type: none!important;
  }

.interview_story .story_white .box {
    width: 283px;
    display: block;
	text-align: left;
}

.interview_story .story_white  a:hover{
	text-decoration: none;
	opacity: 0.5;
}


.interview_story .story_white .box .voice{
    background-color: #fff;
    border: #d9c691 solid 10px;
    margin: 0;
    height: 154px;
    position: relative;
    padding: 10px;
    top: -6px;
}

.interview_story .story_white .box .voice .time{
	position: relative;
	font-size: 13px;
	color:#979050 ;
	text-align: left;
}
.interview_story .story_white .box .voice .title{
font-size:16px ;
font-weight: 600;
padding: 0 20px;
margin: 5px auto 0;
text-align: left;
}

.interview_story .story_white .box .voice .btn{
    position: absolute;
    font-size: 13px;
    color: #333;
    text-align: right;
    bottom: 5px;
    right: 5px;
}
.interview_story  .btn-grey {
    border: none;
    background: url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/btn_arrow2.png) no-repeat right center;
    background-color: #707060;
    display: inline-block;
    color: #FFF;
    font-size: 115%;
    font-weight: bold;
    text-align: center;
    width: 400px;
    padding: 15px 60px 15px 30px;
    position: relative;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 30px auto 0;
    text-align: center;
}

/* 採用エントリー
----------------------------------------------------*/
#careers-entry {
	background-color:#e4efc3;
	margin:0 -500%;
	padding:50px 500%;
	text-align:center;
}

#careers-entry .title-careers-entry {
	border-bottom:2px solid #9ec32e;
	display:inline-block;
	font-size:143%;
	padding:0 6px 10px;
	margin-bottom:60px;
	position:relative;
}

#careers-entry .title-careers-entry:before {
	content:'';
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_pen.png) no-repeat 0 0;
	display:block;
	width:24px;
	height:31px;
	position:absolute;
	bottom:2px;
	right:-30px;
}

#careers-entry ul {
	margin:0 -10px;
}

#careers-entry ul li {
	display:inline-block;
	width:320px;
	margin:0 10px 20px;
}

#careers-entry .btn-red {
	display:block;
	padding-left:30px;
}


/* フリーランス
----------------------------------------------------*/
body.freelance #title-bg {
	height:720px;
}

body.freelance article.title-bg #entryHeader {
	height:720px;
	padding:210px 0 0;
	margin-bottom:0;
}

body.freelance article.title-bg #entryHeader .entry_title {
	border-top:none;
	border-bottom:none;
	height:auto;
	padding:0 0 35px;
	margin-bottom:35px;
	text-shadow: 0 0 18px rgba(0,0,0,0.36);
	font-size:53px;
	line-height:1.2;
	position:relative;
}

body.freelance article.title-bg #entryHeader .entry_title i {
	font-size:27px;
	margin-top:5px;
	text-shadow: 0 0 18px rgba(0,0,0,0.36);
}

body.freelance article.title-bg #entryHeader .entry_title:before {
	content:'';
	width:210px;
	height:3px;
	background-color:#FFF;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-105px;
}

body.freelance article.title-bg #entryHeader .catch_text {
	line-height:1.6;
}

/* ベージュの背景 */
body.freelance .beige-bg {
	background-color:#f6f4e7;
	margin:0 -500%;
	padding-left:500%;
	padding-right:500%;
}

/* グリーンの背景 */
.green-bg {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/freelance/green_bg.png) repeat left center;
	margin:0 -500%;
	padding-left:500%;
	padding-right:500%;

}


/* メインビジュアルのボタン */
#top-btn {
	position:relative;
}

#top-btn a {
	position:absolute;
	top:-225px;
	left:50%;
	margin-left:-228px;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
			border-radius: 15px;
	
	-webkit-box-shadow:0px 0px 20px -3px #FFF;
	-moz-box-shadow:0px 0px 20px -3px #FFF;
			box-shadow:0px 0px 20px -3px #FFF;
}

/* ボタン設定 */
body.freelance .btn-box {
	text-align:center;
	padding-bottom:80px !important;
}

body.freelance .btn-box ul,
body.freelance .btn-box ul li {
	list-style:none;
	padding:0;
	margin:0;
}

body.freelance .btn-box ul li {
	display:inline-block;
	margin:0 20px 20px;
	vertical-align:top;
}

body.freelance .btn-box ul li div {
	height:25px;
	line-height:25px;
	margin-bottom:20px;
}

body.freelance .btn-box ul li div.mailmagazin-text {
	color:#615e50;
	font-size:122%;
	font-weight:bold;
}

body.freelance .btn-box ul li div.entry-text {
	color:#b22c36;
	font-size:136%;
	font-weight:bold;
}

body.freelance .btn-box ul li div.entry-text span {
	position:relative;
}

body.freelance .btn-box ul li div.entry-text span:before {
	content:'';
	border-left:2px solid #b22c36;
	width:0;
	height:25px;
	display:inline-block;

	-moz-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
	
	position:absolute;
	top:0;
	left:-20px;
}

body.freelance .btn-box ul li div.entry-text span:after {
	content:'';
	border-left:2px solid #b22c36;
	width:0;
	height:25px;
	display:inline-block;

	-moz-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
	
	position:absolute;
	top:0;
	right:-20px;
}

/* メルマガ登録ボタン */
body.freelance .btn_mailmagazin {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/freelance/mailmagazin_btn.png) no-repeat 0 0;
	display:inline-block;
	width:425px;
	height:74px;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;

	-webkit-transition: none;
	-moz-transition: none;
			transition: none;
}

body.freelance .btn_mailmagazin:hover {
	background-position:0 -74px;
}

/* カンタン登録ボタン */
body.freelance .btn_entry {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/freelance/entry_btn.png) no-repeat 0 0;
	display:block;
	width:456px;
	height:80px;
	text-indent:-9999px;
	overflow:hidden;
	
	-webkit-transition: none;
	-moz-transition: none;
			transition: none;
}

body.freelance .btn_entry:hover {
	background-position:0 -80px;
}

/* ベージュのボタン */
body.freelance .btn-beige {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/freelance/btn_arrow3.png) no-repeat right center;
	background-color:#dddac7;
	display:inline-block;
	width:347px;
	font-size:136%;
	font-weight:bold;
	text-align:center;
	padding:15px 30px 12px;

	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
			border-radius: 22px;
}

body.freelance .btn-beige:hover {
	background-color:#c6c3b1;
	text-decoration:none;
}


body.freelance .entry-content section {
	padding-top:60px;
	padding-bottom:45px;
	margin-bottom:0;
}

/* 見出し */

body.freelance .freelance-midashi {
	text-align:center;
	font-size:200%;
	font-family: "FOT-ロダンカトレア Pro B";
	font-weight:normal;
	margin-bottom:30px;
}

body.freelance .freelance-midashi i {
	display:block;
}

/* 波線見出し */
body.freelance .wave-midashi {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/freelance/wave.png) repeat-x left bottom;
	color:#af333c;
	font-size:165%;
	line-height:1.2;
	display:inline-block;
	padding:0 0 10px;
	margin-bottom:30px;
}


/* #diversity */
#diversity {
}

#diversity .diversity-box {
}

#diversity .diversity-box .box {
	float:left;
	width:30%;
	margin:0 5% 0 0;
}

#diversity .diversity-box .box:last-child {
	margin-right:0;
}

#diversity .diversity-box .fukidashi {
	background-color:#add33c;
	color:#FFF;
	text-align:center;
	font-size:129%;
	line-height:1.2;
	padding:13px 0 12px;
	position:relative;
	margin-bottom:17px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
			border-radius: 5px;
}

#diversity .diversity-box .fukidashi:before {
	content:'';
	display:block;
	width:0;
	height:0;

	border-top: 10px solid #add33c;
	border-right: 12px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 12px solid transparent;
	
	position:absolute;
	bottom:-20px;
	left:50%;
	margin-left:-8px;
}

#diversity .diversity-box figure {
	border:1px solid #c9c7ba;
	background-color:#FFF;
}

#diversity .diversity-box figcaption {
	padding:20px 25px;
}

#diversity .diversity-box figcaption p:last-child {
	margin-bottom:0;
}


/* #result */
#result .btn {
	text-align:left;
	margin-top:100px;
}


/* #koutanka */
#koutanka {
	padding-bottom:100px;
	position:relative;
}

#koutanka:before {
	content:'';
	display:block;
	width:500%;
	height:0;

	border-top: 40px solid transparent;
	border-right: 44px solid transparent;
	border-bottom: 40px solid #FFF;
	border-left: 44px solid transparent;
	
	position:absolute;
	bottom:0;
	right:50%;
}

#koutanka:after {
	content:'';
	display:block;
	width:500%;
	height:0;

	border-top: 40px solid transparent;
	border-right: 44px solid transparent;
	border-bottom: 40px solid #FFF;
	border-left: 44px solid transparent;
	
	position:absolute;
	bottom:0;
	left:50%;
}

#koutanka .freelance-midashi {
	margin-bottom:55px;
}

#koutanka .case-box {
	text-align:center;
}

#koutanka .case-box .box {
	display:inline-block;
	margin:0 30px;
	
}


/* #project */
#project {
	padding-bottom:100px;
	position:relative;
}

#project:before {
	content:'';
	display:block;
	width:500%;
	height:0;

	border-top: 40px solid transparent;
	border-right: 44px solid transparent;
	border-bottom: 40px solid #FFF;
	border-left: 44px solid transparent;
	
	position:absolute;
	bottom:0;
	right:50%;
}

#project:after {
	content:'';
	display:block;
	width:500%;
	height:0;

	border-top: 40px solid transparent;
	border-right: 44px solid transparent;
	border-bottom: 40px solid #FFF;
	border-left: 44px solid transparent;
	
	position:absolute;
	bottom:0;
	left:50%;
}

#project ul,
#project ul li {
	list-style:none;
	padding:0;
	margin:0;
}

#project ul {
	text-align:center;
}

#project ul li {
	display:inline-block;
	vertical-align:top;
	margin:0 25px 40px;
}

#project ul li h4 {
	font-size:115%;
	margin:10px 0 0;
}

#project .round-block {
	border:4px solid #e2dec9;
	background-color:#FFF;
	padding:30px 35px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
			border-radius: 10px;
}

#project .round-block h3 {
	font-size:158%;
	text-align:center;
	margin-bottom:30px;
}

#project dl.list-green {
}

#project dl.list-green dt {
	float:left;
	clear:both;
	background-color:#add33c;
	color:#FFF;
	font-size:86%;
	font-weight:bold;
	text-align:center;
	display:block;
	width:125px;
	padding:6px 0 5px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
			border-radius: 5px;
}

#project dl.list-green dd {
	border-bottom:1px dashed #afafaf;
	padding:5px 0 15px 150px;
	margin-bottom:10px;
}


/* #flow */
#flow {
	border-top:2px solid #e3e2da;
	margin:0 -50%;
	padding:55px 50% 60px;
}

#flow .alfa-bg {
	background-color:rgba(0,0,0,0.30);
	padding:40px 25px;
}

#flow ol.flow-list,
#flow ol.flow-list li {
	list-style:none;
	padding:0;
	margin:0;
}

#flow ol.flow-list li {
	float:left;
	width:22%;
	margin:0 4% 20px 0;
	position:relative;
}

#flow ol.flow-list li:before {
	content:'';
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/freelance/flow_arrow.png) no-repeat 0 0;
	display:block;
	width:19px;
	height:27px;
	position:absolute;
	right:-28px;
	top:50%;
	margin-top:-13px;
}

#flow ol.flow-list li.flow04:before {
	display:none;
}

#flow ol.flow-list li .box {
	border:2px solid #959786;
	background-color:#FFF;
	padding:35px 15px 15px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
			border-radius: 5px;
}

#flow ol.flow-list li h3 {
	border-bottom:1px dashed #ababab;
	font-size:122%;
	text-align:center;
	min-height:60px;
	padding-bottom:10px;
	vertical-align:middle;
	margin-bottom:20px;
}

#flow ol.flow-list li p {
	font-size:93%;
	line-height:1.6;
	margin-bottom:0;
}

#flow ol.flow-list li i {
	position:absolute;
	top:-20px;
	left:50%;
	margin-left:-26px;
}

#flow ol.flow-list li.flow04 {
	margin-right:0;
}

#flow .start {
	max-width:550px;
	border:3px solid #c7655c;
	background-color:#FFF;
	padding:25px;
	margin:0 auto;
	text-align:center;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
			border-radius: 5px;
}

#flow .start h3 {
	color:#be3c30;
	font-size:30px;
	margin-bottom:10px;
}

#flow .start p {
	margin-bottom:0;
}


/* #voice */
#voice {
}

#voice .case {
	float:left;
	width:46%;
	margin:0 0 20px 4%;
}

#voice .case01 {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/freelance/case01.png) no-repeat left center;
}

#voice .case02 {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/freelance/case02.png) no-repeat left center;
}

#voice .case .box {
	background-color:#FFF;
	padding:30px 130px 30px 30px;
	margin:0 0 0 70px;
	position:relative;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
			border-radius: 20px;
}

#voice .case .box:before {
	content:'';
	display:block;
	width:0;
	height:0;

	border-top: 10px solid transparent;
	border-right: 14px solid #FFF;
	border-bottom: 10px solid transparent;
	border-left: 14px solid transparent;
	
	position:absolute;
	top:50%;
	left:-28px;
	margin-top:-5px;
}

#voice .case01 .box {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/freelance/model03.png);
	background-position:88% center;
	background-repeat:no-repeat;
}

#voice .case02 .box {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/freelance/model04.png);
	background-position:88% center;
	background-repeat:no-repeat;
}


/* #company */
#company {
}

#company dl.list-beige {
}

#company dl.list-beige dt {
	float:left;
	clear:both;
	background-color:#cdcab3;
	font-size:86%;
	font-weight:bold;
	text-align:center;
	display:block;
	width:125px;
	padding:6px 0 5px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
			border-radius: 5px;
}

#company dl.list-beige dd {
	border-bottom:1px dashed #afafaf;
	padding:3px 0 15px 150px;
	margin-bottom:10px;
	font-size:108%;
}



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

	問い合わせ

----------------------------------------------------------- */
#contact-form {
	width:100%;
	max-width:760px;
	margin:0 auto 40px;
}

#contact-form table {
	width:100%;
	margin:0 auto 2em;
}

#contact-form thead th,
#contact-form tbody th,
#contact-form tbody td {
	border-bottom:1px solid #e0decf;
	padding:20px 15px;
	border-collapse: collapse;
	border-spacing:0;
	vertical-align:top;
}

#contact-form thead th {
	background-color:#E4E3DD;
	text-align:left;
	padding:15px;
}

#contact-form tbody th {
	width:30%;
	white-space: nowrap;
	text-align:left;
}

#contact-form tbody td ul,
#contact-form tbody td ul li {
	list-style:none;
	margin:0;
	padding:0;
}

#contact-form tbody td ul li {
	margin-bottom:0.5em;
}

#contact-form tbody td ul li:last-child {
	margin-bottom:0;
}

#contact-form .hissu {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_hissu.gif) no-repeat right center;
	display:block;
	padding:0 65px 0 0;
}

#contact-form #zip1,
#contact-form #zip2 {
	width:70px;
}

#contact-form #address2,
#contact-form #strt {
	width:300px;
}

#contact-form .tel {
}

#contact-form .e-mail,
#contact-form .gakureki,
#contact-form textarea {
	width:450px;
}

#contact-form input[type="submit"] {
}

#contact-form input[type="submit"]:hover {
}

#contact-form input.back_btn {
	border:none;
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/btn_arrow6.png) no-repeat 30px center;
	background-color:#e4e3dd;
	display:inline-block;
	color:#333;
	font-size:115%;
	text-align:center;
	width:auto;
	padding:15px 30px 15px 60px;
	cursor:pointer;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
			border-radius: 5px;

	-webkit-box-shadow:0 3px 0 0 #abaaa4;
	-moz-box-shadow:0 3px 0 0 #abaaa4;
			box-shadow:0 3px 0 0 #abaaa4;
}

#contact-form input.back_btn {
	background-color:#d0cfc7;
}

/* 入力ページ */
.mw_wp_form_input {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/form_step1.gif) no-repeat center top;
	padding:80px 0 0;
}

.mw_wp_form_input .submit_btn,
.mw_wp_form_input .privacy-check-yes {
	display:none !important;
}

.mw_wp_form_input .privacy-check label {
	font-weight:bold;
}


/* 入力確認ページ */
.mw_wp_form_confirm {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/form_step2.gif) no-repeat center top;
	padding:80px 0 0;
}

.mw_wp_form_confirm td span,
.mw_wp_form_confirm .privacy-text,
.mw_wp_form_confirm .privacy-check {
	display:none !important;
}

.mw_wp_form_confirm .privacy-check-yes {
	display:block !important;
}


/* 送信完了ページ */
.mw_wp_form_complete {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/form_step3.gif) no-repeat center top;
	padding:80px 0 0;
}


/* 問い合わせ先 */
.contact-box {
	clear:both;
	color:#453f25;
	border-top:2px solid #e4e3dd;
	border-bottom:2px solid #e4e3dd;
	max-width:760px;
	padding:20px 0;
	margin:50px auto;
	text-align:center;
}

.contact-box h2 {
	font-size:143%;
	font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
	margin-bottom:30px;
}

.contact-box ul,
.contact-box ul li {
	list-style:none;
	padding:0;
	margin:0;
}

.contact-box ul li {
	display:inline-block;
	vertical-align: top;
	margin:0 20px;
}

.contact-box ul li.tel {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_tel3.png) no-repeat left top;
	padding:0 0 0 50px;
	margin-bottom:10px;
}

.contact-box ul li.tel strong {
	font-size:186%;
	line-height:1.2;
}

.contact-box ul li.tel span {
	display:block;
	font-size:86%;
}

.contact-box ul li.mail {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_mail3.png) no-repeat left center;
	padding:9px 0 8px 55px;
}

.contact-box ul li.mail img {
	display:block;
}



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

	企業情報

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

/* アンカーメニュー */
.anchor-menu {
	text-align:center;
	margin:65px 0 75px;
}

.anchor-menu ul,
.anchor-menu ul li {
	list-style:none;
	margin:0;
	padding:0;
}

.anchor-menu ul {
	display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display:-webkit-flex;/* iOS8以前Safari用 */
	display:flex;

		-webkit-box-pack: center;/* Android4.3以前ブラウザ用 */
	-webkit-justify-content: center;/* iOS8以前Safari用 */
			justify-content: center;
	
		-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
			flex-wrap:wrap;
}

.anchor-menu ul li {
	border-left:1px solid #b8b999;
	border-right:1px solid #b8b999;
	margin-left:-1px;
	margin-bottom:10px;
	font-weight:bold;
}

.anchor-menu a {
	color:#b01e29;
	text-decoration:none;
	padding:7px 30px 7px 40px;
	position:relative;
}

.anchor-menu a:before {
	content:'';
	display: block;
	width: 0;
	height: 0;

	border-top: 5px solid #b01e29;
	border-right: 4px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 4px solid transparent;

	position:absolute;
	top:50%;
	left:20px;
	margin-top:-3px;
}

.anchor-menu a:hover {
	color:#938f6c;
}

.anchor-menu a:hover:before {
	border-top: 5px solid #938f6c;
}


/* 役員紹介 */
.name {
}

.name span {
	display:block;
}

.name .katagaki {
	font-weight:normal;
}

.name .mincho {
	font-size:158%;
	letter-spacing:0.1em;
	margin:3px 0;
}

.name .en {
	color:#938f6c;
	font-size:86%;
	font-weight:normal;
	font-family:Times New Roman , "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "游明朝", YuMincho, "MSP明朝","MS PMincho","MS 明朝",serif;
	letter-spacing:0.1em;
}


/* 取引実績 */
.entry-content .colset .customer-list li {
	line-height:1.5;
	margin-bottom:0.3em;
}


/* メディア掲載 */
#movie-list {
}

#movie-list a {
	text-decoration:none;
}

#movie-list a:hover .movie-title {
	color:#938f6c;
}

#movie-list .midashi-youtube {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_youtube.png) no-repeat left center;
	color:#b01e29;
	font-size:129%;
	padding:0 0 0 30px;
	margin-bottom:20px;
}

#movie-list .movie-title {
	font-size:108%;
	line-height:26px;
}

#movie-list .dete {
	color:#7b785a;
	font-size:86%;
}

#movie-list .movie {
	margin-bottom:15px;
	position:relative;
	z-index:0;
}

#movie-list .movie:before {
	content:'';
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_play.png) no-repeat 0 0;
	display:block;
	width:57px;
	height:38px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-19px 0 0 -28px;
	z-index:10;
}

#movie-list .movie img {
	display:block;
}


#web-list {
}

#web-list a {
	text-decoration:none;
}

#web-list .midashi-web {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_web.png) no-repeat left center;
	color:#b01e29;
	font-size:129%;
	padding:0 0 0 30px;
	margin-bottom:20px;
}

.card {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_arrow3.png) no-repeat 28px center;
	border:3px solid #e4e3dd;
	display:table;
	width:100%;
	height:86px;
	padding:0 20px 0 55px;
}

.card p {
	display:table-cell;
	vertical-align:middle;
	font-weight:bold;
	line-height:1.5;
}

.card p span {
	display:block;
	font-weight: normal;
	font-size:86%;
}

.card:hover {
	background-color:#f8f9fa;
}

#press-kit {
}

#press-kit a {
	text-decoration:none;
}

#press-kit .midashi4 {
	margin-bottom:40px;
}

#press-kit h4 {
	font-size:129%;
	margin-bottom:15px;
}


#map, #map2, #map3 {
	width:100%;
	height:380px;
	margin-bottom:25px;
}



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

	ソリューション

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

/* お気軽にご相談
----------------------------------------------------*/
#solutions-contact {
	background-color:#cfcbbc;
	color:#453f25;
	width: 100%;
	margin:0 0 60px;
	padding:50px 0;
}

body.single-solutions #solutions-contact {
	margin-bottom:0;
}

#solutions-contact h2 {
	text-align:center;
	font-size:158%;
	margin-bottom:30px;
}

#solutions-contact .contact-block {
	width:100%;
	max-width:630px;
	margin:0 auto;
	display:table;
}

#solutions-contact .contact-block .box {
	display: table-cell;
	vertical-align:middle;
}

#solutions-contact .contact-block .left {
	border-right:2px solid #FFF;
	padding-right:35px;
}

#solutions-contact .contact-block .right {
	padding-left:50px;
}

#solutions-contact ul {
	text-align: left;
}

#solutions-contact ul li {
}

#solutions-contact li.tel {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/solutions/icon_tel2.png) no-repeat left top;
	display:block;
	padding:7px 0 4px 50px;
	margin-bottom:10px;
}

#solutions-contact li.tel strong {
	font-size:120%;
	line-height:1.2;
}

#solutions-contact li.tel span {
	display:block;
	font-size:82%;
	padding-left:0px;
}

#solutions-contact li.mail {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/solutions/icon_mail2.png) no-repeat left center;
	display:block;
	padding:9px 0 8px 55px;
	font-size: 160%;
	margin-bottom: 5px;
}

#solutions-contact li.vrmail {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/solutions/icon_mail2.png) no-repeat left center;
	display:block;
	padding:9px 0 8px 55px;
	margin-bottom: 5px;
}

#solutions-contact li.mail img {
	display:block;
}

#solutions-contact .btn-contact {
	background:#b01e29 url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_mail.png) no-repeat 40px center;
	display:block;
	color:#FFF;
	text-align:center;
	text-indent:0;
	width:auto;
	padding:0 50px 0 70px;
	line-height:52px;
	height:52px;
	text-decoration:none;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
			border-radius: 5px;

	-webkit-box-shadow:0 3px 0 0 #81141c;
	-moz-box-shadow:0 3px 0 0 #81141c;
			box-shadow:0 3px 0 0 #81141c;
}
#solutions-contact .btn-contact:hover {
	background-color:#950c16;
	text-decoration:none;
}

#solutions-contact .btn-info {
	background:#b01e29 url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/icon_info.png) no-repeat 40px center;
	display:block;
	color:#FFF;
	text-align:center;
	text-indent:0;
	width:auto;
	padding:0 50px 0 70px;
	line-height:52px;
	height:52px;
	text-decoration:none;
	margin: 0 0 20px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
			border-radius: 5px;

	-webkit-box-shadow:0 3px 0 0 #81141c;
	-moz-box-shadow:0 3px 0 0 #81141c;
			box-shadow:0 3px 0 0 #81141c;

}
#solutions-contact .btn-info:hover {
	background-color:#950c16;
	text-decoration:none;
}


#solutions-contact .vrbtn-contact {
	background:#b01e29 url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_mail.png) no-repeat 40px center;
	display:block;
	color:#FFF;
	text-align:center;
	text-indent:0;
	width:max-content;
	padding:0 50px 0 70px;
	line-height:52px;
	height:52px;
	text-decoration:none;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
			border-radius: 5px;

	-webkit-box-shadow:0 3px 0 0 #81141c;
	-moz-box-shadow:0 3px 0 0 #81141c;
			box-shadow:0 3px 0 0 #81141c;
}
#solutions-contact .vrbtn-contact:hover {
	background-color:#950c16;
	text-decoration:none;
}




/* ソリューショントップ
----------------------------------------------------*/
/* 円グラフ */
#pie-chart {
	text-align:center;
	margin-top:60px;
}

#pie-chart ul,
#pie-chart ul li {
	list-style:none;
	padding:0;
	margin:0;
}

#pie-chart ul li {
	display:inline-block;
	margin-bottom:40px;
}

#pie-chart h2 {
	font-size:160%;
	margin-bottom:15px;
	color: #81141c;
}


/* コンテンツ */
#solutions-contents {
	margin-bottom:25px;
}

#solutions-contents h2 {
	text-align:center;
	margin-bottom:30px;
}

#solutions-contents .beige-bg {
	padding:30px 30px 10px;
}

#solutions-contents .block {
	float:left;
	width:32%;
	margin:0 2% 20px 0;
	text-align:center;
}

#solutions-contents .block:nth-child(3n) {
	margin-right:0;
}

#solutions-contents .block:nth-child(3n+1) {
	clear:both;
}

#solutions-contents .contents-block .border-gold2 {
	min-height:260px;
	position:relative;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
			box-shadow: none;
}

#solutions-contents .contents-block .border-gold2:before {
	content:'';
	display: block;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-right: 6px solid #d0544d;
	border-bottom: 6px solid #d0544d;
	border-left: 6px solid transparent;
	position:absolute;
	right:4px;
	bottom:4px;
}

#solutions-contents .contents-block a {
	text-decoration:none;
}

#solutions-contents .contents-block a:hover .border-gold2 {
	background-color:#f2f2f2;
}

#solutions-contents figcaption {
	padding:0 10px 10px;
}

#solutions-contents .contents-title {
	font-size:115%;
	color:#b01e29;
	line-height:1.3;
	margin-bottom:0.5em;
}

#solutions-contents p {
	font-size:86%;
	line-height:20px;
	margin-bottom:0;
}

/* サービス */
#solutions-service {
	text-align:center;
}

#solutions-service h2 {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/solutions/icon_service.png) no-repeat left center;
	display: inline-block;
	padding:15px 0 5px 40px;
	color:#b83640;
	font-size:129%;
	margin-bottom:25px;
}

#solutions-service .border-box {
	border:2px solid #e4e3dd;
	padding:30px 30px 10px;
}

#solutions-service ul,
#solutions-service ul li {
	list-style:none;
	padding:0;
	margin:0;
}

#solutions-service ul li {
	float:left;
	width:32%;
	margin:0 2% 30px 0;
	text-align:center;
}

#solutions-service ul li:nth-child(3n) {
	margin-right:0;
}

#solutions-service ul li:nth-child(3n+1) {
	clear:both;
}

#solutions-service img {
	display:block;
	margin:0 auto;
}

#solutions-service h3 {
	display:inline-block;
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_arrow3@2x.png) no-repeat left center;
	background-size:14px 14px;
	padding:0 0 0 22px;
	font-size:108%;
	margin:10px 0;
}

#solutions-service a:hover h3 {
	text-decoration:underline;
}


/* ソリューション各ページ
----------------------------------------------------*/

/* アイキャッチ画像 */
#page-icon {
	text-align:center;
	font-size:0;
	line-height:0;
}

#page-icon img {
	height:90px;
	width:auto;	
	margin: 0 auto;
}

/* 特徴 */
#solutions-point {
}

#solutions-point h2 {
	font-family:Times New Roman , "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "游明朝", YuMincho, "MSP明朝","MS PMincho","MS 明朝",serif;
	font-size:158%;
	text-align:center;
	margin-bottom:30px;
}

#solutions-point ol,
#solutions-point ol li {
	list-style:none;
	padding:0;
	margin:0;
}

#solutions-point ol li {
	background-color:#f5f4ec;
	background-repeat:no-repeat;
	background-position:38px center;
	display:block;
	color:#333333;
	font-size:108%;
	font-weight:bold;
	line-height:1.3;
	padding:20px 20px 20px 155px;
	margin-bottom:13px;
}

#solutions-point ol li.pont1 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/solutions/point01.png);
}

#solutions-point ol li.pont2 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/solutions/point02.png);
}

#solutions-point ol li.pont3 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/solutions/point03.png);
}
#solutions-point ol li.pont4 {
	background-image:url(/wp/wp-content/themes/yaz/https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/point04.png);
}

/* 説明 */
.solutions-text-block {
	margin-bottom:30px ;
}

.solutions-text-block .text {
	overflow:hidden;
}

.solutions-text-block .text p {
	line-height:1.7;
	margin-bottom:20px;
}


.solutions-text-block .alignright {
	margin: 0 0 0 30px;
}

.solutions-text-block .alignleft {
	margin: 0 30px 0 0;
}

.midashi-solutions {
	border-bottom:1px solid #e4e3dd;
	color:#b01e29;
	font-family:Times New Roman , "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "游明朝", YuMincho, "MSP明朝","MS PMincho","MS 明朝",serif;
	font-size:158%;
	line-height:1.3;
	padding:35px 0 20px;
	margin-bottom:30px;
}

.midashi-vr {
	color:#b01e29;
	font-family:Times New Roman , "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "游明朝", YuMincho, "MSP明朝","MS PMincho","MS 明朝",serif;
	font-size:158%;
	line-height:1.3;
	padding:35px 0 20px;
	margin-bottom:20px;
	text-align: center;
}

.midashi-solutions span {
	font-size:82%;
}

.s-pont1 {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/solutions/s-point01.png) no-repeat 5px center;
	padding-left:75px;
}

.s-pont2 {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/solutions/s-point02.png) no-repeat 5px center;
	padding-left:75px;
}

.s-pont3 {
	background:url(/wp/wp-content/themes/yaz/https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/s-point03.png) no-repeat 5px center;
	padding-left:75px;
}

.s-pont4 {
	background:url(/wp/wp-content/themes/yaz/https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/s-point04.png) no-repeat 5px center;
	padding-left:75px;
}
.s-pont5 {
	background:url(/wp/wp-content/themes/yaz/https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/s-point05.png) no-repeat 5px center;
	padding-left:75px;
}


/* YAZのライトアプリ */
#yaz-app {
	background-color:#f1f1f1;
	margin:70px -500% 0;
	padding:40px 500%;
}

#yaz-app h2 {
	text-align:center;
	font-size:158%;
	margin-bottom:30px;
}

#yaz-app ul,
#yaz-app ul li {
	list-style:none;
	padding:0;
	margin:0;
}

#yaz-app ul li {
	float:left;
	width:49.5%;
	margin:0 1% 10px 0;
}

#yaz-app ul li:nth-child(even) {
	margin-right:0;
}

#yaz-app .app-block {
	background-color:#FFF;
	display:table;
	width:100%;
	padding:10px 0;
}

#yaz-app .app-block .app-icon,
#yaz-app .app-block .app-name,
#yaz-app .app-block .app-text {
	display:table-cell;
	vertical-align:middle;
}

#yaz-app .app-block .app-icon {
	width:12%;
	text-align:center;
	font-size:0;
	line-height:0;
	padding:0 10px;
}

#yaz-app .app-block .app-name {
	border-left:1px solid #c7c7c7;
	border-right:1px solid #c7c7c7;
	width:30%;
	padding:0 10px;
	font-size:93%;
}

#yaz-app .app-block .app-text {
	width:55%;
	padding:0 10px;
	font-size:93%;
	line-height:1.3;
}

/* サービスページ */
body.postid-61 #main,
body.postid-61 article.page {
	margin-bottom:0;
}

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

	ラボ契約・ラボ型開発

----------------------------------------------------------- */
.midashi-wide .bg-labo-point {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/labo/midashi_labo_point_bg.png) no-repeat right center;
}

.midashi-wide .bg-labo-strong {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/labo/midashi_labo_strong_bg.png) no-repeat right center;
}


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

	YAZの強み

----------------------------------------------------------- */
.midashi-wide .bg-strengths {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/strengths/midashi_strengths_bg.png) no-repeat right center;
}

.photo-w1000 {
	text-align:center;
}


/* YAZのビジョン
----------------------------------------------------*/
body.vision .entry-content section {
	margin-bottom:60px;
}

/* 企業理念 */
#rinen {
	margin-top:70px;
}

.midashi-wide .bg-rinen {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/strengths/midashi_rinen_bg.png) no-repeat right center;
}

/* 行動指針 */
#shishin {
}

.midashi-wide .bg-shishin {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/strengths/midashi_shishin_bg.png) no-repeat right center;
}

#shishin dl {
	font-size:129%;
	max-width:430px;
	margin:0 auto;
}

#shishin dt {
	clear:both;
	float:left;
	font-family:Times New Roman , "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "游明朝", YuMincho, "MSP明朝","MS PMincho","MS 明朝",serif;
	margin-bottom:1em;
}

#shishin dd {
	color:#b01e29;
	padding:0 0 0 300px;
	margin-bottom:1em;
}

/* 社名 */
#shamei {
}

.midashi-wide .bg-shamei {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/strengths/midashi_yaz_bg.png) no-repeat right center;
}

/* 未来像 */
#mirai {
}

.midashi-wide .bg-mirai {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/strengths/midashi_mirai_bg.png) no-repeat right center;
}

/* 事業展開 */
#tenkai {
}

.midashi-wide .bg-tenkai {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/strengths/midashi_tenkai_bg.png) no-repeat right center;
}

#tenkai h3 {
	font-size:129%;
	margin-bottom:20px;
}

#tenkai .alignleft {
	margin-bottom:20px;
}




/*****************************************************************

Retina対応

*****************************************************************/

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {


/* 見出し
----------------------------------------------------*/
.midashi-q {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_q@2x.png);
	-moz-background-size:26px 25px;
	background-size:26px 25px;
}

/* ボタン
----------------------------------------------------*/
.btn-red {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/btn_arrow2@2x.png);
	-moz-background-size:54px 24px;
	background-size:54px 24px;
}

.btn-gold {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/btn_arrow2@2x.png);
	-moz-background-size:47px 21px;
	background-size:47px 21px;
}

.btn-gray {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/btn_arrow1@2x.png);
	-moz-background-size:56px 26px;
	background-size:56px 26px;
}



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

	採用

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

/* 新卒採用
----------------------------------------------------*/

/* キャリアビジョン */
#vision_step dl.vision_step1 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/vision_step1@2x.png);
	-moz-background-size:111px 103px;
	background-size:111px 103px;
}

#vision_step dl.vision_step2 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/vision_step2@2x.png);
	-moz-background-size:94px 103px;
	background-size:94px 103px;
}

#vision_step dl.vision_step3 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/vision_step3@2x.png);
	-moz-background-size:128px 103px;
	background-size:128px 103px;
}

#vision_step dl.vision_step4 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/vision_step4@2x.png);
	-moz-background-size:118px 101px;
	background-size:118px 101px;
}

#vision_step dl.vision_step5 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/vision_step5@2x.png);
	-moz-background-size:115px 101px;
	background-size:115px 101px;
}

#vision_step dl dt {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/step_arrow@2x.png);
	-moz-background-size:200px 78px;
	background-size:200px 78px;
}



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

	問い合わせ

----------------------------------------------------------- */
#contact-form input.back_btn {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/btn_arrow6@2x.png);
	-moz-background-size:26px 26px;
	background-size:26px 26px;
}

/* 入力ページ */
.mw_wp_form_input {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/form_step1@2x.gif);
	-moz-background-size:761px 60px;
	background-size:761px 60px;
}


/* 入力確認ページ */
.mw_wp_form_confirm {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/form_step2@2x.gif);
	-moz-background-size:761px 60px;
	background-size:761px 60px;
}

/* 送信完了ページ */
.mw_wp_form_complete {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/form_step3@2x.gif);
	-moz-background-size:761px 60px;
	background-size:761px 60px;
}

@media screen and (max-width: 960px) {
/* 入力ページ */
.mw_wp_form_input {
	-moz-background-size: contain;
	background-size: contain;
}


/* 入力確認ページ */
.mw_wp_form_confirm {
	-moz-background-size: contain;
	background-size: contain;
}

/* 送信完了ページ */
.mw_wp_form_complete {
	-moz-background-size: contain;
	background-size: contain;
}
}


/* 問い合わせ先 */
.contact-box ul li.tel {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_tel3@2x.png);
	-moz-background-size:34px 32px;
	background-size:34px 32px;
}

.contact-box ul li.mail {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_mail3@2x.png);
	-moz-background-size:34px 32px;
	background-size:34px 32px;
}


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

	企業情報

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

#movie-list .midashi-youtube {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_youtube@2x.png);
	-moz-background-size:21px 16px;
	background-size:21px 16px;
}

#movie-list .movie:before {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_play@2x.png);
	-moz-background-size:57px 38px;
	background-size:57px 38px;
}

#web-list .midashi-web {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_web@2x.png);
	-moz-background-size:21px 19px;
	background-size:21px 19px;
}

.card {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_arrow3@2x.png);
	-moz-background-size:14px 14px;
	background-size:14px 14px;
}


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

	ソリューション

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

/* お気軽にご相談
----------------------------------------------------*/
#solutions-contact li.tel {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/solutions/icon_tel2@2x.png);
	-moz-background-size:34px 32px;
	background-size:34px 32px;
}

#solutions-contact li.mail {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/solutions/icon_mail2@2x.png);
	-moz-background-size:34px 32px;
	background-size:34px 32px;
}

#solutions-contact .btn-contact {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_mail@2x.png);
	-moz-background-size:16px 12px;
	background-size:16px 12px;
}

#solutions-contact .vrbtn-contact {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_mail@2x.png);
	-moz-background-size:16px 12px;
	background-size:16px 12px;
	width: 100%;
}


/* ソリューショントップ
----------------------------------------------------*/

/* サービス */
#solutions-service h2 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/solutions/icon_service@2x.png);
	-moz-background-size:26px 43px;
	background-size:26px 43px;
}

#solutions-service h3 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/share/icon_arrow3@2x.png);
	-moz-background-size:14px 14px;
	background-size:14px 14px;
}


/* ソリューション各ページ
----------------------------------------------------*/

/* 特徴 */
#solutions-point ol li.pont1 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/solutions/point01@2x.png);
	-moz-background-size:73px 25px;
	background-size:73px 25px;
}

#solutions-point ol li.pont2 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/solutions/point02@2x.png);
	-moz-background-size:76px 25px;
	background-size:76px 25px;
}

#solutions-point ol li.pont3 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/solutions/point03@2x.png);
	-moz-background-size:74px 25px;
	background-size:74px 25px;
}


/* 説明 */
.s-pont1 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/solutions/s-point01@2x.png);
	-moz-background-size:68px 61px;
	background-size:68px 61px;
}

.s-pont2 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/solutions/s-point02@2x.png);
	-moz-background-size:68px 61px;
	background-size:68px 61px;
}


}



/*****************************************************************

レスポンシブ設定

*****************************************************************/

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

	w1120px以下

----------------------------------------------------*/
@media screen and (max-width: 1119px) {


}


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

	w960px以下

----------------------------------------------------*/
@media screen and (max-width: 960px) {

/* embedded videos */
.video embed,
.video object,
.video iframe,
.entry-content iframe {
	width: 100%;
	height: auto;
	min-height: 300px;
}

/* マージンの設定
----------------------------------------------------*/
/* left */
.ml10 { margin-left:1% !important;}
.ml15 { margin-left:1% !important;}
.ml20 { margin-left:2% !important;}
.ml25 { margin-left:2% !important;}
.ml30 { margin-left:3% !important;}
.ml40 { margin-left:4% !important;}
.ml50 { margin-left:5% !important;}

/* right */
.mr10 { margin-right:1% !important;}
.mr15 { margin-right:1% !important;}
.mr20 { margin-right:2% !important;}
.mr25 { margin-right:2% !important;}
.mr30 { margin-right:3% !important;}
.mr40 { margin-right:4% !important;}
.mr50 { margin-right:5% !important;}

/* bottom */
.mb50, .mb60, .mb70, .mb80, .mb90, .mb100 { margin-bottom:40px;}


/* パディングの設定
----------------------------------------------------*/
/* left */
.pl10 { padding-left:1% !important;}
.pl15 { padding-left:1% !important;}
.pl20 { padding-left:2% !important;}
.pl25 { padding-left:2% !important;}
.pl30 { padding-left:3% !important;}
.pl40 { padding-left:4% !important;}
.pl50 { padding-left:5% !important;}

/* right */
.pr10 { padding-right:1% !important;}
.pr15 { padding-right:1% !important;}
.pr20 { padding-right:2% !important;}
.pr25 { padding-right:2% !important;}
.pr30 { padding-right:3% !important;}
.pr40 { padding-right:4% !important;}
.pr50 { padding-right:5% !important;}





/* 新卒採用
----------------------------------------------------*/

/* 内定者研修 */
#kenshu-schedule dl,
#kenshu-schedule dl.kenshu-step2,
#kenshu-schedule dl.kenshu-step4  {
	width:18.4%;
}

#kenshu-schedule dl.kenshu-step2 {
	background-position:center bottom;
	padding-bottom:90px;
}

#kenshu-schedule dl dd ul li.photo-space {
	padding-right:0;
}


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

	問い合わせ

----------------------------------------------------------- */
/* 入力ページ */
.mw_wp_form_input {
	background-size: contain;
}
/* 入力確認ページ */
.mw_wp_form_confirm {
	background-size: contain;
}
/* 送信完了ページ */
.mw_wp_form_complete {
	background-size: contain;
}

}


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

	w750px以下

----------------------------------------------------*/
@media screen and (max-width: 750px) {

.pc { display:none; }
.sp { display:block; }

.border-privacy-box {
	padding: 3%;
	width: 100%;
	height: 300px;
}



/* 見出し
----------------------------------------------------*/
.midashi6 {
	font-size:115%;
	margin-bottom:20px;
}

.midashi6 i {
	margin-top:10px;
	margin-bottom:10px;
}

.midashi-wide {
	height:65px;
	margin-bottom:25px;
}

.midashi-wide .title {
	background:url(none) !important;
	height:65px;
	font-size:129%;
}

.midashi-wide .title span {
	text-align:center;
	padding:0;
}



/* カラムレイアウト
----------------------------------------------------*/
.colset ul li.col2,
.colset ul li.col2-w475,
.colset ul li.col3,
.colset ul li.col3-w260,
.colset ul li.col3-w310,
.colset ul li.col3-w320,
.colset .col2,
.colset .col2-w475,
.colset .col3,
.colset .col3-w260,
.colset .col3-w310,
.colset .col3-w320 {
	float:none;
	width:100%;
	margin-right:0;
}


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

	採用

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


/* 採用トップページ
----------------------------------------------------*/
#careers-contents {
	margin-bottom:20px;
}



/* トップメッセージ
----------------------------------------------------*/
#top-message_title {
	margin:0 -30px 30px;
	padding:0 30px;
}

#top-message_title .bg {
	background-position:center top;
	background-size: contain;
	background-color:#edecdf;
	height:auto;
	width:100%;
	padding:100px 0 0;
	display:table;
}

#top-message_title .text {
	padding:20px 0 0;
}


/* 社員インタビュー
----------------------------------------------------*/
#interview_top_title {
	background-position:center top;
	background-size: contain;
	background-color:#f9f7f4;
	height:165px;
	padding-top:35px;
	margin:0 -60px 30px;
	text-align:center;
}
	
#interview-list {
	margin-bottom:40px;
}

#interview-list li {
	margin-bottom:20px;
}

#interview-list .interview-block {
	height:auto;
	padding:100px 2.5% 10px;
}

#interview-list #kaneko,
#interview-list #kageyama,
#interview-list #watanabe,
#interview-list #katou {
	background-color:#edecdf;
	background-position:center top;
	background-size: contain;
	padding-left:2.5%;
	padding-right:2.5%;
}

#interview-list #ohshima {
	background-color:#edecdf;
	background-position:center top;
	background-size: contain;
	padding-left:2.5%;
	padding-right:2.5%;
}


/* インタビュー詳細 */
#interview-title {
	background-color:#edecdf;
	margin:0 -30px 30px;
	padding:0 30px;
}

#interview-title .bg {
	height:auto;
	padding:100px 0 10px;
}

#interview-title #kaneko,
#interview-title #kageyama,
#interview-title #watanabe,
#interview-title #ohshima,
#interview-title #katou {
	background-color:#edecdf;
	background-position:center top;
	background-size: contain;
	padding-left:0;
	padding-right:0;
}


/* 新卒採用
----------------------------------------------------*/

/* 内定者研修 */
#kenshu-schedule {
	flex-direction: column;
	-webkit-flex-direction: column;
}

#kenshu-schedule dl {
	background-position:left 60px;
	width:100%;
	padding:0;
	margin:0 0 20px;
}

#kenshu-schedule dl.kenshu-step2,
#kenshu-schedule dl.kenshu-step4 {
	width:100%;
}

#kenshu-schedule dl.kenshu-step4 {
	background-size:115px auto;
	background-position:10px 60px;
}


#kenshu-schedule dl.kenshu-step2 {
	background-position:left 60px;
	padding-bottom:0;
}

#kenshu-schedule dl:before {
	content:'';
	display: block;
	width: 0;
	height: 0;

	border-top: 15px solid #75be4d;
	border-right: 26px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 26px solid transparent;

	position:absolute;
	top: inherit;
	right:inherit;
	bottom:-30px;
	left:50%;
	margin-left:-26px;
}

#kenshu-schedule dl:nth-child(even):before {
	border-top: 15px solid #c1d34a;
	border-left: 26px solid transparent;
}


#kenshu-schedule dl dd {
	min-height:110px;
	padding:20px 10px 20px 140px;
}

#kenshu-schedule dl dd ul {
	margin-bottom:0;
}

#kenshu-schedule dl dd ul li.photo-space {
	padding-right:0;
}

/* キャリアビジョン */
#vision_step {
	flex-direction: column;
	-webkit-flex-direction: column;
}

#vision_step dl {
	border:1px solid #e8e8e8;
	background-position:20px 20px;
	width:100%;
	padding:0;
	margin:0 0 60px;
	position:relative;
	min-height:150px;
}
#vision_step dl:before {
	content:'';
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/step_arrow_sp.png) no-repeat top center;
	display:block;
	width:78px;
	height:36px;
	position:absolute;
	bottom:-37px;
	left:50%;
	margin-left:-39px;
}

#vision_step dl.vision_step5:before {
	display:none;
}

#vision_step dl.vision_step1 {
	background-position:center center;
}

#vision_step dl.vision_step5 {
	margin-bottom:0;
}

#vision_step dl dt {
	background:url(none);
	width:100%;
	height:auto;
	padding:0;
	line-height:1.3;
	position:absolute;
	top:-15px;
	left:0;
}

#vision_step dl dt span {
	background-color:#FFF;
	display:inline-block;
	padding:5px 10px;
}

#vision_step dl dd {
	padding:30px 20px 20px 150px;
}

#mid_career .solutions-text-block  {
    overflow: hidden;
    text-align: center;
    margin-bottom: 0!important;
}
#mid_career .solutions-text-block .text {
	display: block;
    width: 100%;
}

#mid_career .solutions-text-block .text img {
width: 90%;
}

#mid_career .l-accordion .l-accordion-switch::after {
	top: 22px;
    right: 19px;
}

#mid_career .qu_box_faq {
    padding: 15px 30px 15px;
	width: 100%;
}

#mid_career .an_box_faq {
    padding: 15px 30px 15px;
	width: 100%;
}

#mid_career .slash {
    top: 16px;
}

#mid_career .box {
    display: flex;
    flex-wrap: wrap;
}

#mid_career .block {
    float: left;
    width: 90%;
    margin: 0 auto 20px;
    text-align: center;
}

#mid_career .contents-block .border-gold2 {
    min-height: 230px;
}

#mid_career .midashi-solutions {
	font-size: 120%;
    text-align: left;
    /* margin: 0 auto 30px; */
    padding: 0 0 20px;
}

#mid_career .solutions-text-block p {
	text-align: left;
}
#mid_career .solutions-text-block img {
	margin: 0 auto;
}
#mid_career .slash {
    top: 18px;
}
.interview_story .story_white .box {
    width: 90%;
	margin: 0 auto 20px;
}
#mid_career .l-accordion .l-accordion-switch::after {
    /* top: 42px; */
}
.interview_story {
	background-image: url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/midcareer_interviewback.png);
    background-repeat: repeat-y!important;
	margin: 0 0 20px!important;
}
.interview_story .story_white .voice_box{
	display: block;
}
.interview_story .story_white {
    width: 90%;
    padding: 20px 20px 1px;
}
.selection_flow img {
    text-align: center;
    margin: 0 auto;
}

.interview_story .btn-grey {
	width: 80%;
}

/* 採用エントリー
----------------------------------------------------*/
#careers-entry {
	padding-top:30px;
	padding-bottom:30px;
}

#careers-entry .title-careers-entry {
	margin-bottom:35px;
}

#careers-entry ul {
	margin:0;
}

#careers-entry ul li {
	display:block;
	width:100%;
	margin-right:0;
	margin-left:0;
}



/* フリーランス
----------------------------------------------------*/
body.freelance #title-bg {
	height:165px;
}

body.freelance article.title-bg #entryHeader {
	height:auto;
	padding-top:50px !important;
}

body.freelance article.title-bg #entryHeader .entry_title {
	margin-bottom:60px;
	font-size:158%;
	line-height:1.3;
}

body.freelance article.title-bg #entryHeader .entry_title i {
	font-size:68%;
}

body.freelance article.title-bg #entryHeader .entry_title:before {
	display:none !important;
}


/* メインビジュアルのボタン */
#top-btn {
	text-align:center;
	margin-bottom:30px;
}

#top-btn a {
	position: static;
	margin-left:0;
	display:inline-block;

	-webkit-border-radius:none;
	-moz-border-radius:none;
			border-radius:none;
	
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
			box-shadow:none;
}

/* ボタン設定 */
body.freelance .btn-box {
	padding-bottom:30px !important;
}

body.freelance .btn-box ul li {
	margin:0 0 40px;
}

/* メルマガ登録ボタン */
body.freelance .btn_mailmagazin {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/freelance/mailmagazin_btn.png) no-repeat 0 0;
	-moz-background-size:290px 100px;
	background-size:290px 100px;
	width:290px;
	height:50px;
}

body.freelance .btn_mailmagazin:hover {
	background-position:0 -50px;
}

/* カンタン登録ボタン */
body.freelance .btn_entry {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/freelance/entry_btn.png) no-repeat 0 0;
	-moz-background-size:290px 100px;
	background-size:290px 100px;
	width:290px;
	height:50px;
}

body.freelance .btn_entry:hover {
	background-position:0 -50px;
}

/* ベージュのボタン */
body.freelance .btn-beige {
	width:100%;
}

body.freelance .entry-content section {
	padding-top:40px;
	padding-bottom:40px;
}

/* 見出し */
body.freelance .freelance-midashi {
	font-size:129%;
}

body.freelance .freelance-midashi i {
	margin-top:5px;
}

body.freelance .freelance-midashi i img {
	width:auto;
	height:18px;
}

/* 波線見出し */
body.freelance .wave-midashi {
	font-size:129%;
}


/* #diversity */
#diversity .diversity-box .box {
	float:none;
	width:100%;
	margin:0 0 30px;
}

#diversity .diversity-box .box img {
	width:100%;
	height:auto;
}


/* #result */
#result .btn {
	margin-top:0;
}


/* #koutanka */
#koutanka .case-box .box {
	margin:0 0 20px;
	
}

/* #project */
#project dl.list-green {
}

#project dl.list-green dt {
	float:none;
	width:100%;
}

#project dl.list-green dd {
	padding:5px 0 15px 0;
}


/* #flow */
#flow {
	margin:0 -30%;
	padding:20px 30% 20px;
}

#flow .alfa-bg {
	padding:30px 10px;
}

#flow ol.flow-list li {
	float:none;
	width:100%;
	margin:0 0 40px;
}

#flow ol.flow-list li:before {
	display:none;
}

#flow ol.flow-list li h3 {
	min-height:auto;
	padding-bottom:10px;
}

#flow .start h3 {
	font-size:158%;
}


/* #voice */
#voice .case {
	float:none;
	width:100%;
	margin:0 0 30px;
	padding:70px 0 0;
}

#voice .case01,
#voice .case02 {
	background-position: center top;
}

#voice .case .box {
	margin:0;
	position:relative;
}

#voice .case .box:before {
	display:none !important;
}


/* #company */
#company dl.list-beige dt {
	float:none;
	width:100%;
}

#company dl.list-beige dd {
	padding:3px 0 15px;
}





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

	問い合わせ

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

#contact-form input[type="text"]#zip1,
#contact-form input[type="text"]#zip2 {
	width:20% !important;
}

#contact-form input[type="text"].tel {
	width:25% !important;
	margin-bottom:5px
}

#contact-form input[type="text"].year {
	width:25% !important;
	margin-bottom:5px
}

#contact-form input[type="text"].month {
	width:15% !important;
	margin-bottom:5px
}

#contact-form input[type="text"].day {
	width:15% !important;
	margin-bottom:5px
}
#contact-form input[type="text"].first-name,
#contact-form input[type="text"].first-name2,
#contact-form input[type="text"].last-name {
	margin: 0.5em 0;
}

.mw_wp_form_input,
.mw_wp_form_confirm,
.mw_wp_form_complete {
	background:url(none) !important;
	padding:0;
}

/* 問い合わせ先 */
.contact-box {
	margin:30px auto;
	padding-left:3%;
	padding-right:3%;
}

.contact-box h2 {
	font-size:129%;
}

.contact-box ul {
	padding-left:20px;
}

.contact-box ul li {
	display:block;
	margin:0;
	text-align:left;
}




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

	企業情報

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

/* アンカーメニュー */
.anchor-menu ul {
	text-align:left;
	
		-webkit-box-pack: flex-start;/* Android4.3以前ブラウザ用 */
	-webkit-justify-content: flex-start;/* iOS8以前Safari用 */
			justify-content: flex-start;
}

/* Android4ブラウザ用 */
.anchor-menu ul li {
	display:inline-block;
	border-right:none;
}


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

	ソリューション

----------------------------------------------------------- */
body.post-type-archive-solutions article.title-bg #entryHeader,
body.single-solutions article.title-bg #entryHeader {
	height:auto;
	min-height:195px !important;
	padding-top:48px !important;
}

body.post-type-archive-solutions #title-bg,
body.single-solutions #title-bg {
	height:195px !important;
}

body.post-type-archive-solutions article.title-bg #entryHeader .entry_title,
body.single-solutions article.title-bg #entryHeader .entry_title {
	margin-bottom:80px !important;
}

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

	サービス

----------------------------------------------------------- */
body.post-type-archive-service article.title-bg #entryHeader,
body.single-service article.title-bg #entryHeader {
	height:auto;
	min-height:195px !important;
	padding-top:48px !important;
}

body.post-type-archive-service #title-bg,
body.single-service #title-bg {
	height:195px !important;
}

body.post-type-archive-service article.title-bg #entryHeader .entry_title,
body.single-service article.title-bg #entryHeader .entry_title {
	margin-bottom:80px !important;
}



/* お気軽にご相談
----------------------------------------------------*/
#solutions-contact {
	margin-bottom:25px;
	padding-top:20px;
	padding-bottom:30px;
}

#solutions-contact h2 {
	font-size:140%;
	margin-bottom:15px;
}

#solutions-contact .contact-block .box {
	display: block;
}

#solutions-contact .contact-block .left {
	border-top:2px solid #FFF;
	border-right:none;
	padding:25px 15px 0;
	margin-bottom:30px;
}

#solutions-contact .contact-block .right {
	padding: 0 15px;}

#solutions-contact li.tel strong {
	color:#453f25;
}


/* ソリューショントップ
----------------------------------------------------*/
/* 円グラフ */
#pie-chart {
	margin-bottom:0;
}

#pie-chart ul li img {
	height:190px;
	width:auto;
}


/* コンテンツ */
#solutions-contents {
	margin-bottom:25px;
}

#solutions-contents h2 {
	text-align:center;
	margin-bottom:30px;
}

#solutions-contents .beige-bg {
	margin:0 -500%;
	padding:20px 500% 5px;
}

#solutions-contents .block {
	width:48.35%;
	margin:0 3.3% 10px 0;
}

#solutions-contents .block:nth-child(3n) {
	margin-right:3.3%;
}

#solutions-contents .block:nth-child(3n+1) {
	clear:none;
}

#solutions-contents .block:nth-child(2n) {
	margin-right:0;
}

#solutions-contents .block:nth-child(2n+1) {
	clear:both;
}

#solutions-contents .contents-block .border-gold2 {
	min-height:auto;
	padding:10px 0;
}

/* サービス */
#solutions-service {
	margin-bottom:0;
}

#solutions-service .border-box {
	border:none;
	padding:20px 0 10px;
}

#solutions-service ul li {
	float:none;
	width:100%;
	margin:0 0 30px 0;
}


/* ソリューション各ページ
----------------------------------------------------*/

/* アイキャッチ画像 */
#page-icon {
	text-align:center;
	font-size:0;
	line-height:0;
}

#page-icon img {
	height:90px;
	width:auto;	
}

/* 特徴 */
/*#solutions-point ol li {
	background-position:20px center;
	padding-left:120px;
}*/

#solutions-point ol li {
	background-position:20px 20px;
	padding:60px 20px 20px;
}


/* YAZのライトアプリ */
#yaz-app {
	margin-top:40px;
	padding-top:20px;
	padding-bottom:20px;
}

#yaz-app ul li {
	float:none;
	width:100%;
	margin:0 0 10px 0;
}



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

	YAZの強み

----------------------------------------------------------- */
.photo-w1000 {
	margin:0 -3.5%;
}

/* YAZのビジョン
----------------------------------------------------*/

/* 行動指針 */
#shishin dl {
	text-align:center;
}

#shishin dt {
	float:none;
	margin-bottom:0;
}

#shishin dd {
	padding:0;
}

}


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

	w480px以下

----------------------------------------------------*/
@media screen and (max-width: 480px) {

.w320 {
	width:100%;
}

}



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

	2022 リニューアル追加

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


/************* WEBシステム **********/
.plus_flex {
	display: flex;
}

.plus_spacearound{
	justify-content: space-around;
}

.plus_spacebetween{
	justify-content: space-between;
}

#solutions-point ol li.pont1 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/solutions/point01.png);
}

#solutions-point ol li.pont2 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/solutions/point02.png);
}

#solutions-point ol li.pont3 {
	background-image:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/solutions/point03.png);
}


.middle_title{
	display: table-cell;
	vertical-align: middle;
}

.midashi_red {
	color: #b01e29;
	font-family: Georgia;
	font-weight: 300;
	font-size: 140%;
	padding: 0 0 5px 0 !important
}

.midashi_black {
	color: #333333;
	font-family: Georgia;
	font-weight: 300;
	font-size: 140%;
	padding: 0 0 5px 0 !important
}

.midashi_title {
	padding: 0 0 0 20px !important;
}

.midashi-wide .bg-websystem {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/websystem_midashi.png) no-repeat right center;
}

.midashi-wide .bg-notedomino {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/note_domino_midashi_2022.png) no-repeat right center;
}


.midashi-wide .bg-cloud {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/cloud_2022_midashi.png) no-repeat right center;
}

.midashi-wide .bg-service {
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/cloud_2022_midashi.png) no-repeat right center;
}

.midashi-wide .bg-strength{
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/yaz_strength_midashi.png) no-repeat right center;
}

.midashi-wide .bg-labo2022{
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/labo_midashi_2022.png) no-repeat right center;
}

.midashi-wide .bg-iot2022{
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/iot_2022_midashi.png) no-repeat right center;
}

.midashi-wide .bg-vr2022{
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/vr_midashi_2022.png) no-repeat right center;
}

.midashi-wide .bg-android{
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/android_midashi_bg.png) no-repeat right center;
}

.midashi-wide .bg-iphone{
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/iphone_midashi_bg.png) no-repeat right center;
}

.midashi-wide .bg-dx{
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/dx_midashi.png) no-repeat right center;
}
.midashi-wide .bg-midcareer{
	background:url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/midcareer_midashi.png) no-repeat right center;
}


.websystem_story {
	background-image: url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/websystem_story_bg_2022.jpg);
	/* display: table-cell; */
	height: 100%;
	background-size: cover;
	margin: 70px 0 0px!important;
	width: 100%;
	padding: 40px 0;
	background-size: 100%;
	background-repeat: no-repeat;
	
}

.notedomino_story {
	background-image: url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/note_domino_story_bg_2022.jpg);
	/* display: table-cell; */
	height: 100%;
	background-size: cover;
	margin: 70px 0 0px!important;
	width: 100%;
	padding: 40px 0;
	background-size: 100%;
	background-repeat: no-repeat;
	
	
}

.cloud_story {
	background-image: url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/cloud_story_bg_2022.jpg);
	/* display: table-cell; */
	height: 100%;
	background-size: cover;
	margin: 70px 0 0px!important;
	width: 100%;
	padding: 40px 0;
	background-size: 100%;
	background-repeat: no-repeat;
	
}

.service_story {
	background-image: url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/solution_story_bg_2022.jpg);
	/* display: table-cell; */
	height: 100%;
	background-size: cover;
	margin: 70px 0 0px!important;
	width: 100%;
	padding: 40px 0;
	background-size: 100%;
	background-repeat: no-repeat;
	
}

.labo_story {
	background-image: url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/labo_story_bg_2022.jpg);
	/* display: table-cell; */
	height: 100%;
	background-size: cover;
	margin: 35px 0 0px!important;
	width: 100%;
	padding: 40px 0;
	background-size: 100%;
	background-repeat: no-repeat;
	
}

.iot_story {
	background-image: url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/iot_story_bg_2022.jpg);
	/* display: table-cell; */
	height: 100%;
	background-size: cover;
	margin: 35px 0 0px!important;
	width: 100%;
	padding: 40px 0;
	background-size: 100%;
	background-repeat: no-repeat;
	
}

.android_story {
	background-image: url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/android_story_bg.jpg);
	/* display: table-cell; */
	height: 100%;
	background-size: cover;
	margin: 35px 0 0px!important;
	width: 100%;
	padding: 40px 0;
	background-size: 100%;
	background-repeat: no-repeat;
	
}

.iphone_story {
	background-image: url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/iphone_story_bg.jpg);
	/* display: table-cell; */
	height: 100%;
	background-size: cover;
	margin: 35px 0 0px!important;
	width: 100%;
	padding: 40px 0;
	background-size: 100%;
	background-repeat: no-repeat;
	
}

.dx_story {
	background-image: url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/dx_story_bg.jpg);
	/* display: table-cell; */
	height: 100%;
	background-size: cover;
	margin: 35px 0 0px;
	width: 100%;
	padding: 40px 0;
	background-size: 100%;
	background-repeat: no-repeat;
}

.interview_story {
	background-image: url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/careers/midcareer_interviewback.png);
	/* display: table-cell; */
	height: 100%;
	background-size: cover;
	margin: 0px 0 70px;
	width: 100%;
	padding: 30px 0;
	background-size: 100%;
	background-repeat: no-repeat;
	text-align: center;
}

.truecolor_story {
	background-color: #f8f7f5;
	/* display: table-cell; */
	height: 100%;
	background-size: cover;
	margin: 35px 0 0px!important;
	width: 100%;
	padding: 40px 0;
	background-size: 100%;
	/* background-repeat: no-repeat; */
}

.truecolor_story_bg {
	background-color: #f8f7f5;
	/* display: table-cell; */
	height: 100%;
	background-size: cover;
	width: 100%;
	padding: 40px 0;
	background-size: 100%;
	/* background-repeat: no-repeat; */
}

.strength_point {
	background-image: url(https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/yaz_strength_point.jpg);
	/* display: table-cell; */
	height: 100%;
	/* background-size: cover; */
	margin: 0 -40%;
	/* width: 100%; */
	padding: 45px 0;
	margin: 40px -80% 0!important;
	background-size: 100%;
	/* background-repeat: no-repeat;*/
	
}

.strength_point_white {
	background-color: #FFF;
	width: 40%;
	padding: 30px;
	margin: 0 auto;
}

.strength_point_white h2 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 150%;
	text-align: center;
}

.strength_point_white  p {
text-align: left;
margin: 0 auto;
margin: 20px 30% 0 ;
}

.strength_beige_back {
	background-color: #f5f4ec;
	/* display:table-cell; */
	height: 100%;
	background-size:cover ;
	margin: 0px -80% 70px!important;
	padding: 35px 0 70px 0 ;

}

.strength_beige_back h2 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 150%;
	text-align: center;
	color:#b01e29; 
	margin: 0 0 20px 0 ;
}



.story_white {
	width: 70%;
	padding: 30px;
	margin: 0px auto;
	background-color: rgba(255,255,255,0.70);
	/* vertical-align:middle; */
}

.story_white h2{
	text-align: center;
	font-family: Times New Roman , "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "游明朝", YuMincho, "MSP明朝","MS PMincho","MS 明朝",serif;
	font-size: 158%;
	margin: 0 0 35px 0 ;
}
.story_white  p {
	text-align: center;
	margin: 0;
}

.story_white_truecolors {
	width: 50%;
	padding: 60px;
	margin: 0px auto;
}



.strength_voice {
	background-color: #FFF;
	border: solid 1px #e9e5d9;
	box-shadow: 15px 15px 0px 0px #e9e5d9;
	border-radius: 0px;
	width: 45%;
	margin: 0 auto ;
	padding: 20px 30px;
	text-align: left;
	display: table;

}

.strength_voice p {
	margin-bottom: 0;
	display: table-cell;
	vertical-align: middle;
}

.strength_beige_back .plus_flex {
	padding: 0 30%;
	text-align: center;
}



.beige_box {
	background-color: #f5f4ec;
	height: fit-content;
	padding: 30px;
}

.beige_box_iot {
	background-color: #f5f4ec;
	height: fit-content;
	padding: 30px 10px 0 20px;
}


.white_box { 
	background-color: #fff;
	height: fit-content;
	padding: 30px 40px 0;
}



.midashi_sub {
text-align: left;
font-weight: 600;
}

.for_midlle_tabel {
	display: table;
}

.text_middle {
	vertical-align: middle;
	/* margin: 5% 0; */
	height: 300px;
	display: table-cell;
}

.img_middle {
	vertical-align: middle;
	/* margin: 5% 0; */
	/* height: 300px; */
	display: table-cell;
}

.plus_pconly {
	display: block;
}

.plus_sponly {
	display: none;
}

.original-text-shadow {

	align-items: center;
	justify-content: center; 
	text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.98);
}


.fontsize120 {
	font-size: 120%!important;
}
.fontsize160 {
	font-size: 160%!important;
}


.labo-point  {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 150%;
}
.vr-point  {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 150%;
	text-align: center;
}

.qu_box {
	width: 100%;
	background-color: #f5f4ec;
	padding:30px 30px 30px 60px;
	margin: 0 auto;
}

.an_box {
	width: 100%;
	background-color: #fcfcf9;
	padding:30px 30px 30px 60px;
	margin: 0 auto;

}

.qu_box_vr {
	width: 80%;
	background-color: #f5f4ec;
	padding:30px 30px 30px 60px;
	margin: 0 auto;
}

.an_box_vr {
	width: 80%;
	background-color: #fcfcf9;
	padding:30px 30px 30px 60px;
	margin: 0 auto;

}

.wrap_plus {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	z-index: 1;

}

.yellowmarker {
	background: linear-gradient(transparent 50%, rgba(255, 252, 107, .69) 50%);
}

/* .solutions-contact_labo { 

	margin:0 -500% -100px;

}*/

.iottable_01 {
	width: 100%;
}
.iottable_01 th {
	background-color: #f0f0f0;
	border: #FFF solid 1px;
	color: #333;
	padding: 4px 7px ;
}

.iottable_01 td {
	background-color: #FFF ;
	border: #f0f0f0 solid 1px;
	color: #333;
	padding: 5px 7px ; 

}

.iot_textleft {
	width: 470px;
}

.pont1_only {
	background-image:url(/wp/wp-content/themes/yaz/https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/pont1_only.png) ;
	background-size:15% ;
	background-position: left;
	background-repeat: no-repeat;
	padding-left:75px;
}

.pont2_only {
	background-image:url(/wp/wp-content/themes/yaz/https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/pont2_only.png) ;
	background-size:15% ;
	background-position: left;
	background-repeat: no-repeat;
	padding-left:75px;
}

.pont3_only {
	background-image:url(/wp/wp-content/themes/yaz/https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/pont3_only.png) ;
	background-position: left;
	background-repeat: no-repeat;
	padding-left:75px;
}



.w470 { 
	width: 47%;
}

.w200 {
	width: 180px;
	margin: 0 5px;
}

.w200 p {
	line-height: 1.2!important;
}

.w500lef {
	width: 50%;
	margin: 0 0 0 3%;
}

.pd05 {
	padding: 5px 0 !important;
}

.redvr {
	color: #b01e29;
	font-size: 100%!important;
}

.blackvr {
	color: #333;
	font-size: 100%!important;
}

.vr-text-block .text p {
	line-height:1.7;
	width: 80%;
	margin: 0 auto 20px;
}

.vr-image {
	text-align: center;
	width: 70%;
	margin: 2% auto;
	display: block;
}

.pl100_vr_tl {
	padding: 0 0 0 100px!important;	
}

.mt10_vr {
	margin-top:10px ;
}
.ft19 {
	font-size: 19px;
}


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

.mt10 { margin-top:5px !important;}
.mt20 { margin-top:10px !important;}
.mt30 { margin-top:15px !important;}
.mt40 { margin-top:20px !important;}
.mt60 { margin-top:20px !important;}
/* bottom */
.mb10 { margin-bottom:5px !important;}
.mb20 { margin-bottom:10px !important;}
.mb30 { margin-bottom:15px !important;}
.mb40 { margin-bottom:20px !important;}
.mb50 { margin-bottom:25px !important;}
.mb60 { margin-bottom:30px !important;}
.mb70 { margin-bottom:35px !important;}

.pt10 { padding-top:5px !important;}
.pt20 { padding-top:10px !important;}
.pt30 { padding-top:15px !important;}
.pt40 { padding-top:20px !important;}
.pt50 { padding-top:25px !important;}
.pt60 { padding-top:30px !important;}
.pt100 { padding-top:30px !important;}


.wrap_plus {
	width: 90%;}

.websystem_story {
	background-color: #908663;
	background-image: none;
	padding: 35px 20px;
}

.notedomino_story {
	background-color: #908663;
	background-image: none;
	padding: 35px 20px;
}

.cloud_story {
	background-color: #908663;
	background-image: none;
	padding: 35px 20px;

}

.service_story {
	background-color: #908663;
	background-image: none;
	padding: 35px 20px;

}

.strengh_story {
	background-color: #908663;
	background-image: none;
	padding: 35px 20px;

}

.labo_story {
	background-color: #908663;
	background-image: none;
	padding: 35px 20px;

}

.iot_story {
	background-color: #908663;
	background-image: none;
	padding: 35px 20px;
}

.android_story {
	background-color: #908663;
	background-image: none;
	padding: 35px 20px;
}

.story_white {
	padding: 20px;
	width: 95%;
}

.w470 {
	width: 100%;
}

.w500lef {
	width: 100%;
	margin: 0 0 0 0 ;
}


.midashi-solutions {
	font-size: 120%;
}

	#solutions-point ol li.pont1 {
		background-size: 14%;
	}

	#solutions-point ol li.pont2 {
		background-size: 14%;
	}
	#solutions-point ol li.pont3 {
		background-size: 14%;
	}
	#solutions-point ol li.pont4 {
		background-size: 16%;
	}

	#solutions-point .pont1_only {
		background-size: 14%;
	}
	
	#solutions-point .pont2_only {
		background-size: 14%;
	}
	
	#solutions-point .pont3_only {
		background-size: 14%;
	}
	


	#solutions-point ol li {
		padding: 20px 20px 20px 90px;
	}
	.plus_flex {
		display: block;
	}
	
	.plus_pconly {
		display: none!important;
	}
	.plus_sponly {
		display: block;
	}
	.strength_beige_back {
		padding: 35px 0;
		margin: 0px -80% 0px!important;
	}
	
	.strength_point {
		padding: 30px 0;
	}
	.strength_point_white {
		width: 36%;
	}
	.strength_point_white p {
		margin: 20px 0 0;
		font-size: 80%;
	}
	.strength_voice {
		width: 80%;
		margin: 0 auto 40px;
	}

	.qu_box {
		padding: 30px ;
	}
	.an_box {
		padding: 30px ;
	}

	.qu_box_vr {
		width: 100%;
		padding: 30px ;
	}
	.an_box_vr {
		width: 100%;
		padding: 30px ;
	}

	.beige_box_sp{
		padding: 0px;
	}

	.white_box {
		padding: 20px 10px ;
	}

	.qcd_sp_text {
		padding: 0 10px;
		height: fit-content;
		font-size: 13px;
		line-height:1.2 !important ;
	}

.pont1_only {
	background-size:15% ;
	padding-left:60px;
	font-size: 160%!important;
}


.pont2_only {
	background-size:15% ;
	padding-left:60px;
	font-size: 160%!important;
}


.pont3_only {
	background-size:15% ;
	padding-left:60px;
	font-size: 160%!important;
}

.midashi-vr {
	margin-bottom: 0px;
}

.vr-text-block .text p {
	width: 100%;
}


.pl100_vr_tl {
	padding: 0 0 0 0px!important;	
}

.mt10_vr {
	margin-top:0px ;
}

.ft19 {
	font-size: 19px;
}

}




/* FAQ */


.l-accordion input {
	display: none;
}

.l-accordion .l-accordion-inside {
	height: 0;
	opacity: 0;
	/* transition: 0.5s; */
}

.l-accordion input:checked~.l-accordion-inside {
	height: auto;
	opacity: 1;
}

.l-accordion .l-accordion-switch {
	position: relative;
	/* width: 30%;
	display: block;
	background-color: #cb2f3a; */
	color:#333;

	cursor: pointer;
	/* text-align: center; */
	font-weight: 300;
}

/* .l-accordion .l-accordion-switch::before, */
.l-accordion .l-accordion-switch::after {
	content: url(/wp/wp-content/themes/yaz/https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/plusbtn.png );
	position: absolute;
	display: block;
	width: 20px;
}

.l-accordion .l-accordion-switch::after {
	top:36px;
	right:19px;   
}


.l-accordion input:checked~.l-accordion-switch::after {
	content: url(/wp/wp-content/themes/yaz/https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/minusbtn.png );
	transition: 0.5s;
}

.an_box_faq {
	background-color: #fcfcf9;
	padding: 15px 30px 15px 60px;
	margin: 0 auto;
} 


.qu_box_faq {
	background-color: #f5f4ec;
	padding: 30px 30px 30px 60px;
	margin: 0 auto;
}


.faq_top {
	margin-top: 7px;
	text-align: left;
}

.truecolors_top_p {
	text-align: left;
	margin: 2% 0 0 18%;
	line-height: 2.0;
}


.truecolor_linkbtn {
	background-color: #f8f7f5;
	border: #ddd 0.25px solid;
	width: 20%;
	text-align: center;
	padding: 10px;
}

.truecolor_linkbtn p {
	margin: 20px 0 10px 0;
	font-size: 120%;
} 

.truecolor_linkbtn p::after {
	content: '';
	border: 0;
	border-top: solid 2px #333;
	border-right: solid 2px #333;
	display: inline-block;
	width: 6px;
	height: 6px;
	/* position: absolute; */
	/* top: 500px; */
	/* right: 0; */
	transform: translateY(-50%) rotate(135deg);
	/* padding: 0 0 0 5px; */
	margin: 0 0 0 5px;

}


.truecolor_linkbtn  span {
	margin: 0px -50px;
	font-size: 100%;
	text-align: center;
} 


.color_circle_pink {
	background-color:#e290a0 ;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
	margin: 5% auto 7.5%;	
	padding: 16px 0 ;
}


.color_circle_purple {
	background-color:#d7a2c0 ;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
	margin: 5% auto 7.5%;
	padding: 16px 0 ;
}


.color_circle_blue {
	background-color:#8ac6de ;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
	margin: 5% auto 7.5%;
	padding: 16px 0 ;
}

.color_circle_green {
	background-color:#86c69f ;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
	margin: 5% auto 7.5%;
	padding: 16px 0 ;
}

.color_circle_yellow {
	background-color:#f6dd97 ;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
	margin: 5% auto 7.5%;
	padding: 16px 0 ;
}

.color_circle_brown {
	background-color:#dbb896;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
	margin: 5% auto 7.5%;
	padding: 16px 0 ;
}
.color_circle_glay {
	background-color:#b6c2b3 ;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
	margin: 5% auto 7.5%;
	padding: 16px 0 ;
}

.color_circle_title {
	float: left;
	margin: 35px 20px 0 10px;
}


.truecolor_beige_back {
	background-color: #e9e5d9;
	/* display: table-cell; */
	height: 100%;
	background-size: cover;
	margin: 0px -80% 70px!important;
	padding: 70px 0 70px 0;
}

.truecolor_beige_back h2 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 172%;
	text-align: center;
	color: #333;
	margin: 0 0 ;
	letter-spacing: 0.12em;
}


.truecolor_back {
	position: absolute;
	z-index: 999;
	height: 2000px;
	background: url(/wp/wp-content/themes/yaz/https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/lower_deco01.png) no-repeat top 18rem left, 
	url(/wp/wp-content/themes/yaz/https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/lower_deco02.png) no-repeat top 40rem right,
	url(/wp/wp-content/themes/yaz/https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/lower_deco03.png) no-repeat top 72rem right 29rem, 
	url(/wp/wp-content/themes/yaz/https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/lower_deco04.png) no-repeat top 1390px left 0rem, 
	url(/wp/wp-content/themes/yaz/https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/lower_deco05.png) no-repeat top 1847px left 750px, 
	url(/wp/wp-content/themes/yaz/https://www.yaz.co.jp/wp/wp-content/themes/yaz/images/2022/lower_deco06.png) no-repeat top 2097px right;
	width: 100%;
}


#cloudsup .solutions-text-block p {
	padding: 0 20px 20px;
}

#cloudsup .vr-text-block .text p {
	width: 60%;
}

#cloudsup .midashi-vr {
	padding-left: 50px;
}

#infomation  .toptext {
	margin: 40px 50px;
}

#infomation .strength_point_white  {
	background-color: #FFF;
	width: 40%;
	/* padding: 30px; */
	margin: 0 auto;
}


#infomation .strength_point_white p {
	text-align: left;
	margin: 0 auto;
	margin: 20px 10% 20px;
}

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

	.l-accordion .l-accordion-inside { 
		/* padding: 0; */
	}
	
	.l-accordion .l-accordion-switch {
		width: 100%;
	}

	.l-accordion .l-accordion-switch::after {
		top:auto;
		bottom: 15px;
	}

	.qu_box_faq {
		padding:10px 30px 20px ;
	}

	.an_box_faq{
		padding:10px 30px 20px;
	}

	.faq_top {
		margin-top: 0px;
	}

	.story_white_truecolors {
		width: 100%;
		padding: 30px 30px 0;
		margin: 0px auto;
	}


	.truecolor_back {
		display: none;
	}

	#truecolor .midashi-solutions {
		font-size: 158%;
		padding: 0 0 10px;
	}

	#truecolor .solutions-text-block .text p {
		line-height: 1.7;
		margin-bottom: 0px;
	}

	.color_circle_title {
		margin: 0 20px 0 10px;
	}

	.truecolor_linkbtn {
		width: 100%;		
	}

	.truecolor_linkbtn a{
		display: flex;
	}

	.color_circle_pink{
		margin: 0 30px 0 20px;
	}
	.color_circle_purple{
		margin: 0 30px 0 20px;
	}
	.color_circle_blue{
		margin: 0 30px 0 20px;
	}
	.color_circle_green{
		margin: 0 30px 0 20px;
	}
	.color_circle_yellow{
		margin: 0 30px 0 20px;
	}
	.color_circle_brown{
		margin: 0 30px 0 20px;
	}
	.color_circle_glay{
		margin: 0 30px 0 20px;
	}

	.truecolor_linkbtn p {
		margin: 10px 0 10px 0;
	}
	.truecolor_linkbtn p ::after{
		margin: 0 0 0 55px;
	}

	.truecolor_linkbtn span {
		top: 903px;
		left: -210px;
	}
	#cloudsup .vr-text-block .text p {
		width: 100%;
	}
	#cloudsup .solutions-text-block p {
		padding: 0px;
	}
	#cloudsup .midashi-vr {
		padding-left: 0px;
	}
	
	#infomation  .toptext {
		margin: 40px 20px;
	}

	#infomation .strength_point_white {
		width: 35%;
		padding: 10px;
		margin: 0 auto 20px;
	}
	#infomation .strength_point_white p{
		font-size: 100%;
		margin: 10px 5% 10px;
	}

	#infomation  .strength_point {
		padding: 30px 0 10px;
	}
}

#archive-development #main {
	width: 700px;
	float: left;
	margin: 0;
}

#archive-development .strength_point {
	margin: 0 0 20px 0;
}

#archive-development .strength_point  .strength_point_white {
	background-color: #FFF;
	width: fit-content;
	padding: 30px;
	margin: 0 auto;
}

#archive-development .strength_point  .strength_point_white p {
	text-align: left;
	margin: 0 auto;
	margin: 20px;
}

#archive-development #side a{
	text-decoration: none;
}

#archive-development #side h3 {
	background: none;
	padding-left: 40px;
    margin: 2em 0 0;
	border-bottom: 2px solid #e4e3dd;
	font-size: 115%;
	line-height: 1.2;
	padding: 0 5px 15px 0px;
	
}
#archive-development #side h3 a {
	color: #b01e29!important;
	font-weight: bold;
}

#archive-development #side p {
    margin: 0;
    padding: 1em 0.5em ;
    border-bottom: 1px solid #e4e3dd;
}

#archive-development #side p:hover {
	background-color:#f5f3ec;
	text-decoration:none;
}

#archive-development #main-wrap .content h3 span {
	font-size: 24px;
}

#archive-development #main-wrap .content {
	width: 300px;
	height:420px;
	background-color: #e4e3dd;
	padding: 15px;
	margin: 0 0 50px;
}

#archive-development #main-wrap a  {
	text-decoration: none;

}

#archive-development #main-wrap a:hover  {
	opacity: 0.8;

}

#archive-development #main-wrap .content p {
	line-height: 1.2;
	margin-bottom: 1.2em;
}
#archive-development #main-wrap .content .link {
	text-align: right;
}

#archive-development .midashi-solutions {
	margin: 0 0 5px 0;  ;
	height: 100px;
}

#archive-development h3 span {
	background-color: #b01e29;
	color: white;
	border-radius: 999px;
	width: 30px;
	height: 30px;
	display: block;
	text-align: center;
	font-size: 20px;
	float: left;
	margin: 0 4px 0 0;

}

#single-development #side a{
	text-decoration: none;
}

#single-development #side h3 {
	background: none;
	padding-left: 40px;
    margin: 2em 0 0;
	border-bottom: 2px solid #e4e3dd;
	font-size: 115%;
	line-height: 1.2;
	padding: 0 5px 15px 0px;
	
}
#single-development #side h3 a {
	color: #b01e29!important;
	font-weight: bold;
}

#single-development #side p {
    margin: 0;
    padding: 1em 0.5em ;
    border-bottom: 1px solid #e4e3dd;
}

#single-development #side p:hover {
	background-color:#f5f3ec;
	text-decoration:none;
}

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

	#archive-development .strength_point .strength_point_white {

		padding: 15px;
		margin: 0 auto;
		width: 80%;
	}
	#archive-development .strength_point {
		margin: 20px -10%!important;
	}
	#archive-development .strength_point .strength_point_white p {
		font-size: 100%;
	}


	#archive-development #main-wrap .content {
		width: 100%;
		height: fit-content;
		background-color: #e4e3dd;
		padding: 15px;
		margin: 30px auto;
	}

	#archive-development #main {
		width: auto;
	}


	#archive-development #main-wrap .content img{
		margin: 0 auto;
		width: inherit;
	}

	#archive-development .pont1_only {
		padding: 20px 0 15px 50px ;
	}
	
	#archive-development .pont2_only {
		padding: 20px 0 15px 50px ;
	}	
	
	#archive-development .pont3_only {
		padding: 20px 0 15px 50px ;
	}	
	
	#archive-development .pont4_only {
		padding: 20px 0 15px 50px ;
		font-size: 160%!important;
	}	
}

#single-development h2{
	font-size: 26px;
	border-bottom: #e4e3dd 1px solid;
	padding: 0 0 25px 0;
}

#single-development .yeardate{
	margin: 20px 0 ;
	font-weight: bold;
}

#single-development .logo-image {
	margin: 0 0 40px 0;
	width: 80%;
}

#single-development #main h3{
	font-size: 22px;
	/* border-bottom: #e4e3dd 1px solid; */
	/* padding: 0 0 10px 0; */
	display: table;
}

#single-development h2{
	font-size: 26px;
	border-bottom: #e4e3dd 2px solid;
	padding: 0 0 25px 0;
	/* margin: 0 0 45px 0; */
}

#single-development #main h3::before{
	content: "";
	background-color: #a7030e;
	width: 7px;
	height: 42px;
	display: inline-block;
	margin: 12px 20px 0 0;
}

#single-development #main .two::before{
	content: "";
	background-color: #a7030e;
	width: 7px;
	height: 44px;
	display: inline-block;
	margin: 12px 20px 0 0;
}

#single-development #main h3 span{
	vertical-align: middle;
	margin: 0 0 0 20px;
	display: table-cell;
	font-weight: 400;
}

#single-development #main .gray-border{
	background-color: #e4e3dd ;
	display: block;
	height: 1px;
}

#single-development #side .side_title {
	background: none;
	padding-left: 40px;
	margin-bottom: 0;
	border-bottom: 2px solid #e4e3dd;
	color: #b01e29;
	font-size: 115%;
	line-height: 1.2;
	padding: 0 5px 15px 10px;
}

#single-development #side ul {
	margin: 0 0 1em 0;
}

#single-development #side li {
	list-style: none;
}

#single-development p {
    line-height: 2;
    margin-bottom: 3em;
}

@media screen and (max-width: 767px) {
	#single-development #main h3::before{
		content: "";
		background-color: #a7030e;
		width: 7px;
		height: 100px;
		display: inline-block;
		margin: 12px 20px 0 0;
	}
	#single-development h2{
		margin: 30px 0;
	}
	
	#single-development  p {
		line-height: 2;
		margin-bottom: 2em;
	}
	#single-development #side p {
		margin: 0;
		padding: 0.5em 0.5em;
		border-bottom: 1px solid #e4e3dd;
	}

}


@media screen and (max-width: 1119px){
	#single-development .inner {
	padding: 0 6%;
}
}




/************  NEW　tec-blog　   *************/