@charset "UTF-8";

@font-face {
  font-family: 'Noto Serif Mincho';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/NotoSerifCJKjp-Regular001.woff2') format('woff2'), url('../fonts/NotoSerifCJKjp-Regular001.woff') format('woff'), url('../fonts/NotoSerifCJKjp-Regular001.otf') format('opentype');
}
/* ================================================================

	font

================================================================ */
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
/**************************************
	fonts
**************************************/
@font-face {
    font-family: 'Noto Serif Japanese';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/NotoSerifCJKjp-Regular001.woff2') format('woff2'),
    url('../fonts/NotoSerifCJKjp-Regular001.woff') format('woff'),
    url('../fonts/NotoSerifCJKjp-Regular001.otf') format('opentype');
}
@font-face {
    font-family: 'Noto Serif Japanese';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/NotoSerifCJKjp-Bold001.woff2') format('woff2'),
    url('../fonts/NotoSerifCJKjp-Bold001.woff') format('woff'),
    url('../fonts/NotoSerifCJKjp-Bold001.otf') format('opentype');
}
.wf_noto_serif {font-family: "Noto Serif Japanese";}




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

	icons font

================================================================ */
@font-face {
  font-family: 'icons';
  src:  url('../../fonts/icons.eot?ns70oy');
  src:  url('../../fonts/icons.eot?ns70oy#iefix') format('embedded-opentype'),
    url('../../fonts/icons.ttf?ns70oy') format('truetype'),
    url('../../fonts/icons.woff?ns70oy') format('woff'),
    url('../../fonts/icons.svg?ns70oy#icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-plus:before {
  content: "\f067";
}
.icon-question:before {
  content: "\f128";
}
.icon-minus:before {
  content: "\f068";
}
.icon-check:before {
  content: "\f00c";
}
.icon-close:before {
  content: "\f00d";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-times:before {
  content: "\f00d";
}
.icon-home:before {
  content: "\f015";
}
.icon-flag:before {
  content: "\f024";
}
.icon-book:before {
  content: "\f02d";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-users:before {
  content: "\f0c0";
}
.icon-bars:before {
  content: "\f0c9";
}
.icon-navicon:before {
  content: "\f0c9";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-list-ul:before {
  content: "\f0ca";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-gavel:before {
  content: "\f0e3";
}
.icon-legal:before {
  content: "\f0e3";
}
.icon-stethoscope:before {
  content: "\f0f1";
}
.icon-suitcase:before {
  content: "\f0f2";
}
.icon-building-o:before {
  content: "\f0f7";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-circle:before {
  content: "\f111";
}
.icon-file-text:before {
  content: "\f15c";
}
.icon-graduation-cap:before {
  content: "\f19d";
}
.icon-mortar-board:before {
  content: "\f19d";
}
.icon-building:before {
  content: "\f1ad";
}
.icon-automobile:before {
  content: "\f1b9";
}
.icon-car:before {
  content: "\f1b9";
}
.icon-window-restore:before {
  content: "\f2d2";
}






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

	common style

================================================================ */
* {
	margin:0;
	padding:0;
	-webkit-appearance:none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html{
	overflow-x: hidden;
	scroll-behavior: smooth;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	width: 100%;
	position: relative;
	color: #000;
	line-height: 1.8;
	letter-spacing: .06em;
	font-size: 16px;
}
button, input, select, textarea {
	min-height: 1.5em;
	background-color: transparent;
}
input[type="submit"], input[type="reset"] {
	cursor: pointer;
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px transparent inset;
}
a {
	text-decoration: none;
	display: block;
	color: #fff;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a:hover {
	cursor: pointer;
	opacity: 0.6;
	-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
ul {
	list-style-type: none;
}
/*
	Style Image Fit
==================================== */
img {
  max-width: 100%;
  display: block;
  vertical-align: bottom;
}
/*
	Style Switching Elements
==================================== */
.is_pc {
	display: none !important;
}
.w_768_i{
	display: inline-block;
}
p span{
    display: inline-block;
}
.new_line {
  display: inline-block;
  margin-bottom: 18px;
}
.line{
  width: 100px;
  height: 3px;
  background-color: #990000;
  margin: 10px auto 70px;
}
.first-color:first-letter,
.sec-color{
	color: #900;
}
/*
	見出し
==================================== */
h2, h3, h4 {
	font-family: "游明朝","ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "Noto Serif Japanese", serif;
	letter-spacing: .4rem;
}
h2{
	font-size: 24px;
}
h3{
	font-size: 20px;
}
/*
	section
==================================== */
section {
	padding: 60px 0;
}
.blue-bg{
	background-color: #f2f5f7;
}
p{
	text-align: justify;
}
/* ============================================
	tablet~PC
============================================ */
@media screen and (min-width: 768px) {
	.w_768_i{
		display: inline;
	}
	.is_tab {
	  display: none !important;
	}
	/*
		section
	==================================== */
	section{
		padding: 90px 0;
	}
	/*
		見出し
	==================================== */
	h2{
		font-size: 30px;
	}
	h3{
		font-size: 24px;
	}
}
/* ============================================
	PC small
============================================ */
@media screen and (min-width: 1024px) {
	.is_pc {
	  display: block !important;
	}
	.is_sp {
	  display: none !important;
	}
	/*
		section
	==================================== */
	section{
		padding: 100px 0;
		overflow: hidden;
	}
	p{
		text-align: inherit;
	}
	/*
		見出し
	==================================== */
	h2{
		font-size: 34px;
	}
	h3{
		font-size: 28px;
	}
}



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

	header
	ファーストビュー

================================================================ */
header .pc{
	display: none;
}
/*
	header .inner
==================================== */
header .inner{
	width: 100%;
	height: auto;
	position: relative;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
}
/*
	header sp
==================================== */
header .sp{
	padding-top: 112.5%;
	background-image: url("../images/main_visual_sp.jpg");
}
header .sp .webp{
	background-image: url("../images/main_visual_sp.jpg.webp");
}
/*
	header .h_wrap
==================================== */
header .sp .h_wrap{
	width: 90%;
	max-width: 520px;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}
/*
	header logo
==================================== */
header .sp .logo{
	width: 80%;
	max-width: 420px;
	margin: 0 auto;
}
/*
	header h1
==================================== */
header .sp h1{
	width: 100%;
	margin: 20px auto 0;
}
/*
	header エントリーボタン
==================================== */
header .entry_sp{
	width: 100%;
	margin: 0 auto;
}
header .entry_sp a{
	display: block;
	padding: 20px;
	color: #fff;
	text-align: center;
	background-color: #990000;
	transition: all .3s;
}
header .entry_sp a:hover{
	opacity: .6;
}
header .entry_sp span{
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
	display: block;
	border: 1px solid #fff;
}
/* ============================================
	tablet~PC
============================================ */
@media screen and (min-width: 768px) {
	header .sp,
	header .entry_pc{
		display: none;
	}
	header .pc{
		display: block;
	}
	/*
		header pc
	==================================== */
	header .pc{
		padding-top: 41.67%;
		background-image: url("../images/main_visual.jpg");
		background-position: center top;
		background-repeat: no-repeat;
		background-size: contain;
	}
	header .pc .webp{
		background-image: url("../images/main_visual.jpg.webp");
	}
	/*
		header .h_wrap
	==================================== */
	header .pc .h_wrap{
		position:absolute;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
	}
	/*
		header ALGロゴ
	==================================== */
	header .pc .h_wrap .logo{
		max-width: 260px;
		margin: 0 auto;
	}
	/*
		header 共に「顧客感動」を
	==================================== */
	header .pc .h_wrap h1{
		font-family: "游明朝","ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "Noto Serif Japanese", serif;
		margin: 20px auto 0;
		color: #fff;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		line-height: 1;
	}
	header .pc .h_wrap h1 span{
		margin: 0 -20px;
		font-size: 50px;
	}
}
/* ============================================
	PC small
============================================ */
@media screen and (min-width: 1024px) {
	header .entry_sp{
		display: none;
	}
	header .entry_pc{
		display: block;
	}
	/*
		header .h_wrap
	==================================== */
	header .pc .h_wrap{
		width: 100%;
	}
	/*
		header ALGロゴ
	==================================== */
	header .pc .h_wrap .logo{
		max-width: 310px;
	}
	/*
		header 共に「顧客感動」を
	==================================== */
	header .pc .h_wrap h1{
		font-size: 35px;
	}
	header .pc .h_wrap h1 span{
		margin: 0 -10px;
		font-size: 60px;
	}
	/*
		header エントリーボタン
	==================================== */
	header .entry_pc{
		margin: 20px auto 0;
		max-width: 410px;
		transition: all .3s;
	}
	header .entry_pc a{
        border: 1px solid #fff;
		display: block;
		padding: 10px;
		color: #fff;
		font-size: 18px;
		text-align: center;
		background-color: #99000;
		transition: all .3s;
	}
	header .entry_pc a:hover{
		opacity: .6;
	}
}
/* ============================================
	PC large
============================================ */
@media screen and (min-width: 1366px) {
	/*
		header ALGロゴ
	==================================== */
	header .pc .h_wrap .logo{
		max-width: 410px;
	}
	/*
		header 共に「顧客感動」を
	==================================== */
	header .pc .h_wrap h1{
		font-size: 45px;
	}
	header .pc .h_wrap h1 span{
		margin: 0 -30px;
		font-size: 90px;
	}
}
/* ============================================
	PC large
============================================ */
@media screen and (min-width: 1600px) {
	/*
		header 共に「顧客感動」を
	==================================== */
	header .pc .h_wrap h1{
		margin-top: 30px;
		letter-spacing: .4rem;
	}
	/*
		header エントリーボタン
	==================================== */
	header .entry_pc{
		margin: 30px auto 0;
	}
	header .entry_pc a{
		padding: 15px 0;
		font-size: 20px;
	}
}


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

	.fix_entry
	追従するエントリーボタン

================================================================ */
.fix_entry{
    background-color: rgba(0,0,0,0.8);
	position: fixed;
	bottom: 0;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 10px;
	z-index: 9;
}
/*
	section.fix_entry a
==================================== */
.fix_entry a{
	display: block;
	width: 80%;
	max-width: 480px;
	margin: 0 auto;
	padding: 20px 0;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	background-color: #990000;
}
.fix_entry a:hover{
	opacity: .7;
}
/* ============================================
	PC small
============================================ */
@media screen and (min-width: 768px) {
	/*
		section.fix_entry a
	==================================== */
	.fix_entry a{
		font-size: 18px;
	}
}
/* ============================================
	PC small
============================================ */
@media screen and (min-width: 1024px) {
	/*
		section.fix_entry a
	==================================== */
	.fix_entry a{
		padding: 15px 0;
		font-size: 20px;
	}
}




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

	.branch_list1
	カルーセル

================================================================ */
/*
	テキスト
==================================== */
.branch_list1 + p{
	width: 90%;
	margin: 60px auto 0;
	text-align: center;
}
/*
	.branch_area
==================================== */
.branch_area {
    width: 100%;
    margin: 0 auto;
	padding: 0 0 30px;
    position: relative;
	overflow: hidden;
}
/*
	リスト
==================================== */
.branch_list1/*,
.branch_list2*/{
	width: 90%;
	max-width: 1024px;
	margin: 30px auto 0;
}
/* .branch_list1 ---- */
.branch_list1 li{
	position: relative;
	text-align: center;
	padding: 0 10px 40px;
}
/* dl ---- */
.branch_list1 li dl{
	position: relative;
}
.branch_list1 li dd{
	position: absolute;
	display: block;
	width: 80%;
	padding: 5px;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -55px;
	background-color: rgba(153,0,0,.95);
}
.branch_list1 li dd div{
	padding: 10px;
	color: #fff;
	border: 1px solid #fff;
	line-height: 1.2;
}
.branch_list1 li dd div .area{
	position: relative;
	font-size: 12px;
}
.branch_list1 li dd div .area span{
	display: inline-block;
}
.branch_list1 li dd div .area::after{
	display: inline-block;
	content: "\f08e";
    font-family: 'icons';
	margin-left: 5px;
	font-size: 14px;
    font-weight: normal;
	line-height: 1;
}
.branch_list1 li dd div.icon-none .area::after{
    content:none;
}
.branch_list1 li dd div .name{
	display: block;
	font-size: 12px;
	margin-top: 10px;
}

/* a ---- */
.branch_list1 li a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: all .3s;
}
.branch_list1 li a:hover{
	background-color: rgba(0,0,0,.3);
}
/* .branch_list2 ---- */
/*.branch_list2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.branch_list2 li{
	width: 48%;
}
.branch_list2 li:nth-of-type(n + 3){
	margin-top: 30px;
}
.branch_list2 li dd{
	padding: 10px;
	color: #fff;
	text-align: center;
	background-color: #003040;
}*/
/*
	slick関連
==================================== */
/* .slick-slide ---- */
.branch_area .slick-slide{
	transition: all .3s;
	opacity: .3;
}
/* .slick-active（真ん中の支部） ---- */
.branch_area .slick-active {
    opacity: 1;
}
/* .slick-current ---- */
.branch_area .slick-current{
	opacity: 1;
}
/* .slick-list ---- */
.branch_area .slick-list{
	overflow: visible;
}
/* .slick-dots ---- */
.slick-dots{
	display: none !important;
}
/* 左右矢印関連 ---- */
.slide-arrow {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 40%;
    margin-top: -15px;
    opacity: .95;
    z-index: 8000;
	transition: all .3s;
	cursor: pointer;
}
.slide-arrow:hover{
	opacity: .6;
}
.prev-arrow {
    left: -10px;
}
.next-arrow {
    right: -10px;
}
/* ============================================
	tablet~PC
============================================ */
@media screen and (min-width: 768px) {
	/*
		カルーセル リスト
	==================================== */
	.branch_list1 li{
		padding: 0 20px 40px;
	}
	.branch_list1 li dd div .area{
		font-size: 14px;
	}
}
/* ============================================
	PC small
============================================ */
@media screen and (min-width: 1024px) {
	.branch_list1 + p{
		margin-top: 120px;
	}
	/*
		generalist リスト
	==================================== */
	.branch_list1{
		margin: 50px auto 0;
	}
	/* .branch_list1 ---- */
	.branch_list1 li{
		padding: 0 20px 50px;
	}
	.branch_list1 li dt{
		text-align: center;
	}
	.branch_list1 li dt img{
		width: 100%;
		max-width: 880px;
	}
	.branch_list1 li dd{
		bottom: -45px;
	}
	.branch_list1 li dd div{
		padding: 20px 10px;
	}
	.branch_list1 li dd div .area{
		font-size: 16px;
	}
}
/* ============================================
	PC large
============================================ */
@media screen and (min-width: 1300px) {
	/* ====================================

		professional & generalist

	==================================== */	
	/*
		generalist リスト
	==================================== */
	.branch_list2 li{
		width: 16.5%;
		padding: 0 10px;
		font-size: 16px;
	}
}




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

	#positive
	積極採用中

================================================================ */
#positive{
	position: relative;
}
/*
	テキスト
==================================== */
#positive p{
	width: 90%;
	max-width: 1024px;
	margin: 30px auto;
	padding: 20px;
	font-size: 18px;
	border: 1px dotted #900;
	background-color: rgba(255,255,255,0.50);
}
#positive p .red{
	color: #900;
	font-weight: bold;
}
/*
	見出し
==================================== */
#positive h2{
	text-align: center;
}
/* ============================================
	PC small
============================================ */
@media screen and (min-width: 768px) {
	/*
		テキスト
	==================================== */
	#positive p{
		margin: 60px auto 0;
		text-align: center;
	}
	#positive p span{
		display: inline-block;
	}
}
/* ============================================
	PC small
============================================ */
@media screen and (min-width: 1024px) {
	/*
		テキスト
	==================================== */
	#positive p{
		margin: 40px auto;
		font-size: 20px;
	}
}




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

	#greeting
	最終採用メッセージ

================================================================ */
#greeting{
	background-image: url("../images/greeting_bg.jpg");
	background-size: cover;
	background-position: center bottom;
}
#greeting .webp{
	background-image: url("../images/greeting_bg.jpg.webp");
}
/*
	見出し
==================================== */
#greeting h2{
	text-align: center;
}
#greeting h2 span{
	display: inline-block;
}
/*
	テキスト
==================================== */
#greeting p{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}
#greeting p:first-of-type{
	margin-top: 30px;
}
#greeting p:last-of-type{
	margin-top: 20px;
}
/* ============================================
	tablet~PC
============================================ */
@media screen and (min-width: 768px) {
	/*
		テキスト
	==================================== */
	#greeting p:first-of-type{
		margin-top: 60px;
	}
}
/* ============================================
	PC small
============================================ */
@media screen and (min-width: 1024px) {
	/*
		テキスト
	==================================== */
	#greeting p:first-of-type{
		margin-top: 80px;
	}
}




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

	#vision
	弁護士法人ALGのビジョン

================================================================ */
#vision{
	padding: 0;
}
/*
	タイトル
==================================== */
#vision #v_title{
	padding: 0 0 60px;
	background-color: #900;
}
/*
	見出し
==================================== */
#vision #v_title h2{
	position: relative;
	margin: 30px auto 0;
	padding: 0 10px 20px;
	color: #fff;
	text-align: center;
	line-height: 1.4;
}
#vision #v_title h2 span{
	display: inline-block;
}
#vision #v_title h2:before{
	position: absolute;
	content: "";
	width: 10%;
	height: 1px;
	background-color:#000;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
/*
	テキスト
==================================== */
#vision #v_title .tx_box{
	width: 90%;
	margin: 0 auto;
}
#vision #v_title .tx_box p{
	color: #fff;
}
#vision #v_title .tx_box p:first-of-type{
	margin-top: 20px;
}
/* ====================================

	ビジョン2つ

==================================== */
#vision .v_detail{
	padding: 60px 0;
	background-color: #f2f5f7;
}
/*
	ビジョン list
==================================== */
#vision .v_detail .detail_box{
	width: 90%;
	max-width: 1300px;
	margin: 0 auto;
	counter-reset: number;
}
#vision .v_detail .detail_box li{
	padding: 30px;
	background-color: #fff;
}
#vision .v_detail .detail_box li + li{
	margin-top: 40px;
}
/*
	ビジョン h3
==================================== */
#vision .v_detail h3{
	padding-bottom: 20px;
	text-align: center;
	line-height: 1.4;
	position: relative;
	z-index: 1;
}
#vision .v_detail h3 span{
	display: inline-block;
}
#vision .v_detail h3::before {
    display: block;
    position: absolute;
    font-family: "游明朝","ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "Sawarabi Mincho", serif;
    color: rgba(153,0,0,.1);
    font-size: 50px;
    font-weight: bold;
    font-style: italic;
    line-height: 1;
    left: 0;
    top: 0;
    counter-increment: number;
    content: counter(number,decimal-leading-zero);
    z-index: -1;
}
#vision .v_detail h3::after{
	position: absolute;
	content: "";
	height: 1px;
	width: 30%;
	background-color: #900;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
}
/*
	ビジョン inner
==================================== */
#vision .v_detail .inner{
	margin: 0 auto;
}
#vision .v_detail .inner .img_box{
	margin: 30px auto 20px;
}
/* ============================================
	tablet~PC
============================================ */
@media screen and (min-width: 768px) {
	/* ====================================

		ビジョン2つ

	==================================== */
	#vision .v_detail{
		padding: 90px 0;
	}
}
/* ============================================
	PC small
============================================ */
@media screen and (min-width: 1024px) {
	#vision #v_title{
		padding: 60px 0;
	}
	/*
		画像
	==================================== */
	#vision #v_title .img_box .is_pc{
		margin: 0 auto;
	}
	/* ====================================

		ビジョン2つ

	==================================== */
	/*
		ビジョン 詳細
	==================================== */
	#vision .v_detail{
		padding: 100px 0 120px;
	}
	/*
		ビジョン list
	==================================== */
	#vision .v_detail .detail_box li{
		padding: 40px 60px;
	}
	#vision .v_detail .detail_box li + li{
		margin-top: 100px;
	}
	/*
		ビジョン h3
	==================================== */
	#vision .v_detail h3{
		padding-bottom: 0;
		text-align: inherit;
		z-index: 1;
	}
	#vision .v_detail h3::before{
		left: -30px;
		top: -20px;
		font-size: 80px;
	}
	#vision .v_detail h3::after{
		width: 100px;
		top: 50%;
		left: inherit;
		right: inherit;
		margin: inherit;
		margin-left: 30px;
	}
	/*
		ビジョン inner
	==================================== */
	#vision .v_detail .inner{
		margin: 30px auto 0;
		width: 100%;
		display: table;
	}
	#vision .v_detail .inner .img_box,
	#vision .v_detail .inner .tx_box{
		display: table-cell;
		vertical-align: middle;
	}
	#vision .v_detail .inner .img_box{
		width: 450px;
		margin: 0;
	}
	#vision .v_detail .inner .tx_box{
		width: 650px;
		padding-left: 50px;
		line-height: 2;
	}
}
/* ============================================
	PC large
============================================ */
@media screen and (min-width: 1300px) {
	#vision #v_title{
		padding: 120px 0;
	}
	/*
		ラップ
	==================================== */
	#vision #v_title .wrap{
		margin: 0 0 0 auto;
		width: 94%;
		max-width: 1610px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	/*
		見出し
	==================================== */
	#vision #v_title h2{
		margin: 30px 0 0;
		padding: 0 0 40px;
		text-align: left;
	}
	#vision #v_title h2:before{
		margin: 0;
	}
	/*
		テキスト
	==================================== */
	#vision #v_title .tx_box{
		order: 1;
		width: 590px;
		margin: 0;
	}
	#vision #v_title .tx_box p:first-of-type{
		margin-top: 40px;
	}
	/*
		画像
	==================================== */
	#vision #v_title .img_box{
		order: 2;
		width: 50%;
		max-width: 870px;
	}
}
/* ============================================
	PC large
============================================ */
@media screen and (min-width: 1630px) {
	/*
		ラップ
	==================================== */
	#vision #v_title .wrap{
		width: 90%;
	}
	/*
		画像
	==================================== */
	#vision #v_title .img_box{
		width: 100%;
	}
}




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

	#work
	業務内容

================================================================ */
#work{
	padding: 0;
}
/*
	タイトル
==================================== */
#work #w_title{
	padding: 0 0 60px;
	background-color: #900;
}
/*
	見出し
==================================== */
/* h2 ---- */
#work #w_title h2{
	position: relative;
	margin: 30px auto 0;
	padding: 0 10px 20px;
	color: #fff;
	text-align: center;
	line-height: 1.4;
}
#work #w_title h2 span{
	display: inline-block;
}
#work #w_title h2:before{
	position: absolute;
	content: "";
	width: 10%;
	height: 1px;
	background-color: #000;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
/* h3 ---- */
#work #w_title h3{
	margin-top: 20px;
	color: #fff;
	text-align: center;
	letter-spacing: .2rem;
}
/*
	テキスト
==================================== */
#work #w_title .tx_box{
	width: 90%;
	margin: 0 auto;
}
#work #w_title .tx_box p{
	color: #fff;
}
#work #w_title .tx_box p:first-of-type{
	margin-top: 20px;
}
/* ====================================

	professional & generalist

==================================== */
#work .professional,
#work .generalist{
	padding: 40px 0;
	background-color: #f8f8f8;
	background-size: cover;
	background-position: center top;
}
/*
	見出し
==================================== */
/* h2 ---- */
#work .professional h2,
#work .generalist h2{
	padding-bottom: 20px;
	position: relative;
	text-align: center;
	line-height: 1.4;
}
#work .professional h2::before,
#work .generalist h2::before{
	position: absolute;
	display: block;
	font-size: 15px;
	font-weight: bold;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
}
#work .professional h2::after,
#work .generalist h2::after{
	position: absolute;
	display: block;
	content: "";
	width: 10%;
	max-width: 50px;
	height: 1px;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -20px;
	background-color: #000;
}
/* h3 ---- */
#work .professional h3,
#work .generalist h3{
	width: 90%;
	margin: 20px auto 0;
	color: #900;
	font-size: 18px;
	text-align: center;
	letter-spacing: .2rem;
}
#work .professional h3,
#work .generalist h3{
	margin-top: 40px;
}
#work .professional h3 span,
#work .generalist h3 span{
	display: inline-block;
}
/*
	テキスト
==================================== */
#work .professional .caption,
#work .generalist .caption{
	width: 90%;
	max-width: 1024px;
	margin: 30px auto 0;
}
/* ====================================
	professional
==================================== */
#work .professional{
	background-image: url("../images/work_professional_bg.png");
}
#work .professional .webp{
	background-image: url("../images/work_professional_bg.png.webp");
}
/*
	professional 見出し
==================================== */
/* h2 ---- */
#work .professional h2::before{
	content: "プロフェッショナル";
}
/* h4 ---- */
#work .professional h4{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	font-size: 18px;
	letter-spacing: .2rem;
    border-bottom: 1px solid #5c7982;
    padding: 0 0 5px 0;
    margin: 0 0 15px 0;
}
/*
	professional リスト
==================================== */
#work .professional ul{
	width: 90%;
	max-width: 1120px;
	margin: 30px auto 0;
}
#work .professional li{
	background-color: #003040;
}
#work .professional li + li{
	margin-top: 30px;
}
/* .tx_box ---- */
#work .professional li .tx_box{
	padding: 20px;
}
#work .professional li .tx_box p{
	margin-top: 10px;
	color: #fff;
}
/* ====================================
	generalist
==================================== */
#work .generalist{
	background-image: url("../images/work_generalist_bg.png");
}
#work .generalist .webp{
	background-image: url("../images/work_generalist_bg.png.webp");
}
/*
	generalist 見出し
==================================== */
/* h2 ---- */
#work .generalist h2::before{
	content: "ジェネラリスト";
}
/* h3 ---- */
#work .generalist h3 .nakaguro{
	display: none;
}
/* h4 ---- */
#work .generalist h4{
	width: 90%;
	max-width: 1300px;
	margin: 40px auto 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: relative;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#work .generalist h4::before,
#work .generalist h4::after{
	position: absolute;
	display: block;
	content: "";
	width: 15%;
	height: 1px;
	top: 50%;
	background-color: #900;
}
#work .generalist h4::before{
	left: 0;
}
#work .generalist h4::after{
	right: 0;
}
/*
	generalist テキスト
==================================== */
#work .generalist h4 + p{
	width: 90%;
	margin: 10px auto 0;
	text-align: center;
}
#work .generalist .branch_area + p{
	width: 90%;
	margin: 10px auto 30px;
	text-align: center;
}
/* ============================================
	tablet~PC
============================================ */
@media screen and (min-width: 768px) {
	/* ====================================

		professional & generalist

	==================================== */
	#work .professional,
	#work .generalist{
		padding: 50px 0;
	}
	/*
		見出し
	==================================== */
	/* h2 ---- */
	#work .professional h2::after,
	#work .generalist h2::after{
		bottom: -30px;
	}
	/* h3 ---- */
	#work .professional h3,
	#work .generalist h3{
		margin-top: 60px;
	}
	/* ====================================
		professional
	==================================== */
	/*
		professional リスト
	==================================== */
	#work .professional ul{
		margin: 50px auto 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#work .professional li{
		width: 49%;
		max-width: 530px;
	}
	#work .professional li + li{
		margin-top: 0;
	}
	#work .professional li:nth-of-type(n + 3){
		margin-top: 30px;
	}
    #work .professional li:last-child {
        margin: 30px auto;
    }

	/* ====================================
		generalist
	==================================== */
	/*
		generalist 見出し
	==================================== */
	/* h3 ---- */
	#work .generalist h3 br{
		display: none;
	}
	#work .generalist h3 .nakaguro{
		display: inline-block;
	}
	#work .generalist h4::before,
	#work .generalist h4::after{
		width: 30%;
	}
	/* h4 ---- */
	#work .generalist h4{
		margin: 60px auto 0;
		font-size: 20px;
	}
	/*
		generalist テキスト
	==================================== */
	#work .generalist h4 + p{
		margin: 20px auto 0;
	}
    	#work .generalist .branch_area + p{
		margin: 20px auto 30px;
	}
	#work .generalist h4 + p span,
	#work .generalist .branch_area + p span{
		display: inline-block;
	}
}
/* ============================================
	PC small
============================================ */
@media screen and (min-width: 1024px) {
	#work #w_title{
		padding: 60px 0;
	}
	/*
		画像
	==================================== */
	#work #w_title .img_box .is_pc{
		margin: 0 auto;
	}
	/* ====================================

		professional & generalist

	==================================== */
	#work .professional,
	#work .generalist{
		padding: 80px 0 60px;
	}
	/*
		見出し
	==================================== */
	/* h3 ---- */
	#work .professional h3,
	#work .generalist h3{
		font-size: 28px;
	}
	/* ====================================
		professional
	==================================== */
	#work .professional ul{
		margin: 70px auto 0;
	}
	/*
		professional 見出し
	==================================== */
	/* h4 ---- */
	#work .professional h4{
		font-size: 24px;
	}
	/* ====================================
		generalist
	==================================== */
	/*
		generalist 見出し
	==================================== */
	#work .generalist h4{
		margin: 80px auto 0;
		font-size: 24px;
	}
	/*
		generalist テキスト
	==================================== */
	#work .generalist h4 + p{
		margin: 30px auto 0;
	}
    	#work .generalist .branch_area + p{
		margin: 30px auto 50px;
	}
}
/* ============================================
	PC large
============================================ */
@media screen and (min-width: 1300px) {
	#work #w_title{
		padding: 120px 0;
	}
	/*
		ラップ
	==================================== */
	#work #w_title .wrap{
		margin: 0 auto 0 0;
		width: 94%;
		max-width: 1610px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	/*
		見出し
	==================================== */
	/* h2 ---- */
	#work #w_title h2{
		margin: 30px 0 0;
		padding: 0 0 40px;
		text-align: left;
	}
	#work #w_title h2:before{
		margin: 0;
	}
	/* h3 ---- */
	#work #w_title h3{
		margin-top: 40px;
		text-align: left;
	}
	/*
		テキスト
	==================================== */
	#work #w_title .tx_box{
		width: 590px;
		margin: 0;
	}
	#work #w_title .tx_box p:first-of-type {
		margin-top: 10px;
	}
	/*
		画像
	==================================== */
	#work #w_title .img_box{
		width: 50%;
		max-width: 870px;
	}
	/* ====================================

		professional & generalist

	==================================== */	
	/* ====================================
		professional
	==================================== */
	#work .professional li:nth-of-type(n + 3){
		margin-top: 60px;
	}
}
/* ============================================
	PC large
============================================ */
@media screen and (min-width: 1630px) {
	/*
		ラップ
	==================================== */
	#work #w_title .wrap{
		width: 90%;
	}
	/*
		画像
	==================================== */
	#work #w_title .img_box{
		width: 100%;
	}
	/* ====================================

		professional & generalist

	==================================== */	
	/* ====================================
		generalist
	==================================== */
	#work .generalist h4::before,
	#work .generalist h4::after{
		width: 500px;
	}
}




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

	#interview
	所属弁護士インタビュー

================================================================ */
#interview{
	background-color: #f2f5f7;
}
.icon-chevron-right:before{ display: none;}
/*
	見出し
==================================== */
#interview h2{
	text-align: center;
}
/*
	interview リスト
==================================== */
#interview ul{
	width: 90%;
	max-width: 768px;
	margin: 30px auto 0;
}
#interview ul li{
	position: relative;
}
#interview ul li + li{
	margin-top: 60px;
}
#interview ul li a{
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
	transition: all .3s;
}
#interview ul li a:hover{
	background-color: rgba(0,0,0,.3);
}
/*
	interview 定義リスト
==================================== */
#interview li dd .caption{
	font-family: "游明朝","ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "Noto Serif Japanese", serif;
	padding: 20px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
	color: #fff;
	background-color: rgba(0,48,64,.9);
}
#interview li dd .name{
	margin: 10px 0 0;
	font-size: 14px;
	line-height: 1.4;
	text-align: right;
}
#interview li dd .name span{
	font-size: 16px;
	font-weight: bold;
}
/* ============================================
	tablet~PC
============================================ */
@media screen and (min-width: 768px) {
	/*
		interview リスト
	==================================== */
	#interview ul{
		margin: 60px auto 0;
	}
}
/* ============================================
	PC small
============================================ */
@media screen and (min-width: 1024px) {
	/*
		interview リスト
	==================================== */
	#interview ul{
		margin: 90px auto 0;
		max-width: 1300px;
	}
	#interview ul li + li {
		margin-top: 80px;
	}
	/*
		interview 定義リスト
	==================================== */
	#interview li dl{
		display: flex;
		flex-wrap: wrap;
	}
	#interview li dt{
		width: 60%;
		max-width: 600px;
	}
	#interview li dd{
		position: relative;
		width: 40%;
		max-width: 520px;
	}
	#interview li dd .caption{
		position: absolute;
		max-width: 610px;
		padding: 20px;
		left: -50px;
		top: 50px;
		font-size: 22px;
		letter-spacing: .2rem;
		line-height: 1.8;
	}
	#interview li dd .name{
		position: absolute;
		left: 20px;
		bottom: 0;
		text-align: left;
	}
	#interview li dd .name span{
		font-size: 20px;
	}
	/* .right_box ---- */
	#interview li .right_box{
		justify-content: flex-end;
	}
	#interview li .right_box dt{
		order: 2;
		text-align: left;
	}
	#interview li .right_box dd{
		order: 1;
	}
	#interview li .right_box dd .caption{
		left: inherit;
		right: -50px;
	}
	#interview li .right_box dd .name{
		right: 20px;
		text-align: right;
	}
}
/* ============================================
	PC medium
============================================ */
@media screen and (min-width: 1200px) {

	/*
		interview 定義リスト
	==================================== */
	#interview li dd .caption{
		padding: 40px;
		font-size: 24px;
	}
}




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

	#taikendan
	私の就職体験談

================================================================ */
/*
	見出し
==================================== */
#taikendan h2{
	text-align: center;
}
/*
	.taiken_box
==================================== */
#taikendan .taiken_box{
	position: relative;
	width: 90%;
	margin: 30px auto 0;
}
#taikendan .taiken_box a{
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
	transition: all .3s;
}
#taikendan .taiken_box a:hover{
	background-color: rgba(0,0,0,.3);
}
/*
	定義リスト
==================================== */
#taikendan .taiken_box dd{
	padding: 20px;
	color: #fff;
	background-color: #900;
}
/*
	見出し
==================================== */
#taikendan .taiken_box .t_head{
	position: relative;
	margin: 0 auto;
	padding-bottom: 20px;
}
#taikendan .taiken_box .t_head::after{
	position: absolute;
	display: block;
	content: "";
	width: 10%;
	height: 1px;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	background-color: #fff;
}
#taikendan .taiken_box .t_head h3{
	font-size: 18px;
	text-align: justify;
	letter-spacing: .2rem;
	line-height: 1.4;
}
/*
	テキスト
==================================== */
#taikendan .taiken_box .t_tx{
	margin-top: 20px;
	font-size: 14px;
	line-height: 1.6;
}
#taikendan .taiken_box .t_tx span{
	display: none;
}
#taikendan .taiken_box .name{
	margin: 30px 0 0;
	font-size: 14px;
	text-align: left;
	line-height: 1.6;
}
#taikendan .taiken_box .name span{
	display: inline-block;
}
/* ============================================
	tablet~PC
============================================ */
@media screen and (min-width: 768px) {
	/*
		見出し
	==================================== */
	#taikendan .taiken_box .t_head h3{
		font-size: 20px;
	}
}
/* ============================================
	PC small
============================================ */
@media screen and (min-width: 1024px) {
	/*
		.taiken_box
	==================================== */
	#taikendan .taiken_box{
		width: 100%;
		padding: 60px 0;
	}
	#taikendan .taiken_box:nth-of-type(odd){
		margin: 60px auto 0 0;
		background:linear-gradient(90deg,#900 0%,#900 70%,#fff 30%,#fff 100%);
	}
	#taikendan .taiken_box:nth-of-type(even){
		margin: 60px 0 0 auto;
		background:linear-gradient(90deg,#fff 0%,#fff 30%,#900 30%,#900 100%);
	}
	/*
		見出し
	==================================== */
	#taikendan .taiken_box .t_head::after{
		margin: inherit;
		right: inherit;
	}
	#taikendan .taiken_box .t_head h3{
		font-size: 22px;
		text-align: left;
		line-height: 1.4;
	}
	/*
		.taiken_box dl
	==================================== */
	#taikendan .taiken_box dl{
		width: 90%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
	}
	#taikendan .taiken_box dt{
		width: 50%;
		max-width: 600px;
	}
	#taikendan .taiken_box dt img{
		box-shadow: 0px 0px 16px -6px rgba(0,0,0,.15);
	}
	#taikendan .taiken_box dd{
		width: 50%;
		padding: 0;
		background-color: inherit;
	}
	#taikendan .taiken_box dd .t_wrap{
		display: table-cell;
	}
	/* 奇数 ---- */
	#taikendan .taiken_box:nth-of-type(odd) dt{
		order: 2;
	}
	#taikendan .taiken_box:nth-of-type(odd) dd{
		order: 1;
		padding-right: 50px;
	}
	/* 偶数 ---- */
	#taikendan .taiken_box:nth-of-type(even) dd{
		padding-left: 50px;
	}
	/*
		.taiken_box dl
	==================================== */
	#taikendan .taiken_box .t_tx{
		font-size: 16px;
		line-height: 2;
	}
}
/* ============================================
	PC large
============================================ */
@media screen and (min-width: 1500px) {
	/*
		.taiken_box
	==================================== */
	#taikendan .taiken_box{
		padding: 100px 0;
	}
	/*
		見出し
	==================================== */
	#taikendan .taiken_box .t_head h3{
		font-size: 26px;
		line-height: 1.6;
	}
	/*
		.taiken_box dl
	==================================== */
	#taikendan .taiken_box dl{
		width: 80%;
	}
	/* 奇数 ---- */
	#taikendan .taiken_box:nth-of-type(odd) dl{
		margin: 0 auto;
	}
	#taikendan .taiken_box:nth-of-type(odd) dd{
		padding-right: 100px;
	}
	/* 偶数 ---- */
	#taikendan .taiken_box:nth-of-type(even) dl{
		margin: 0 auto;
	}
	#taikendan .taiken_box:nth-of-type(even) dd{
		padding-left: 100px;
	}
	/*
		.taiken_box dl
	==================================== */
	#taikendan .taiken_box .t_tx{
		text-align: left;
	}
	#taikendan .taiken_box .t_tx span{
		display: inline-block;
	}
}









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

	#message
	モーダルインタビュー

================================================================ */
#message {
	display: none;
	padding: 20px 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 30;
	overflow-y: scroll;
	background-color: rgba(0,0,0,0.7);
}
/*
	#message モーダル部分
==================================== */
#message .remodal {
	display: none;
	padding: 20px;
	background-color: #fff;
	margin: 0 auto 20px;
	position: relative;
	z-index: 10;
	/*letter-spacing: -0.4em;*/
	text-align: left;
	width: 90%;
}
/*
	#message 画像
==================================== */
#message .modal_img {
	letter-spacing: normal;
	vertical-align: top;
	margin: 0 auto 10px;
	width: 100%;
}
#message .modal_img img{
	margin: 0 auto;
}
/*
	#message 肩書
==================================== */
#message .head_remodal{
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}
#message .head_remodal .kata{
	font-family: "游明朝","ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "Noto Serif Japanese", serif;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
#message .head_remodal .kata span{
	display: inline-block;
}
#message .dates{
	margin-top: 30px;
	color: #999;
	font-size: 13px;
	text-align: right;
}
#message .head_remodal .name-area {
	display: flex;
	flex-flow: column;
	justify-content: center;
	font-family: "游明朝","ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "Noto Serif Japanese", serif;
	margin: 0 auto 50px;
	font-size: 16px;
	line-height: 1.5;
	max-width: 600px;
}
#message .remodal .name-area span {
	letter-spacing: 0.1;
}
#message .remodal .name-area span.name-area-tertiary {
	font-size: 20px;
	font-weight: bold;
	padding: 5px 0;
}
/*
	#message 本文
==================================== */
#message .text_box{
	margin: 0 auto;
}
#message .text_box h3{
	color: #036;
	margin-top: 30px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .2rem;
}
/*
	#message 閉じるボタン
==================================== */
#message .modal_close{
	color: #fff;
	width: 90%;
	max-width: 500px;
	margin: 50px auto 0;
	padding: 10px 0;
	text-align: center;
	background-color: #000;
	cursor: pointer;
	transition: all .3s;
}
#message .modal_close:hover{
	opacity: .7;
}
/*
	#message インタビュー 本文
==================================== */
#message .text_box{
	width: 90%;
	max-width: 1300px;
	margin: 30px auto 0;
}
/*
	#message 体験談 見出し
==================================== */
#message .left_con{
	width: 90%;
	max-width: 1300px;
	margin: 0 auto;
}
#message .taiken_modal_title{
	display: inline-block;
	margin: 20px 0 0;
	padding: 5px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	letter-spacing: .2rem;
	background-color: #900;
}
#message .taiken_sub{
	font-family: "游明朝","ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "Noto Serif Japanese", serif;
	margin: 10px 0 0;
	color: #900;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}
/*
	#message 体験談 本文
==================================== */
#message .t_text_box{
	width: 90%;
	max-width: 1300px;
	margin: 30px auto 0;
}
#message .taiken_tx{
	margin-top: 10px;
	line-height: 1.6;
}
/* ============================================
	tablet~PC
============================================ */
@media screen and (min-width: 768px) {
	/*
		#message モーダル部分
	==================================== */
	#message .remodal {
		width: 90%;
		padding: 40px;
	}
	/*
		#message 体験談 見出し
	==================================== */
	#message .taiken_modal_title{
		font-size: 18px;
	}
	#message .taiken_sub{
		font-size: 20px;
	}
	#message .taiken_tx{
		margin-top: 15px;
		line-height: 1.8;
	}
}
/* ============================================
	PC small
============================================ */
@media screen and (min-width: 1024px) {
	/*
		#message モーダル部分
	==================================== */
	#message .remodal {
		padding: 70px;
	}
}






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

	#number_alg
	数字で見るALG

================================================================ */
/*
	見出し
==================================== */
#number_alg h2{
	text-align: center;
}
/*
	画像
==================================== */
#number_alg div{
	width: 90%;
	max-width: 1200px;
	margin: 30px auto 0;
	text-align: center;
}
#number_alg img{
	width: 100%;
}
/* ============================================
	tablet~PC
============================================ */
@media screen and (min-width: 768px) {
	/*
		画像
	==================================== */
	#number_alg div{
		margin: 60px auto 0;
	}
}
/* ============================================
	PC small
============================================ */
@media screen and (min-width: 1024px) {
	/*
		画像
	==================================== */
	#number_alg div{
		margin: 80px auto 0;
	}
}




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

	#candidate
	求める人物像

================================================================ */
#candidate{
	background-image: url("../images/candidate_bg.jpg");
	background-size: cover;
	background-position: center bottom;
}
#candidate .webp{
	background-image: url("../images/candidate_bg.jpg.webp");
}
/*
	見出し
==================================== */
#candidate h2{
	text-align: center;
}
/*
	リスト
==================================== */
#candidate ul{
	width: 90%;
	max-width: 1200px;
	margin: 30px auto 0;
	counter-reset: number2;
}
#candidate li{
	color: #fff;
}
#candidate li + li{
	margin-top: 30px;
}
/*
	定義リスト
==================================== */
#candidate dl {
	position: relative;
	width: 100%;
	max-width: 1000px;
	padding: 20px;
	background-color: rgba(153,0,0,.9);
	border-top: 2px solid #6b0000;
	z-index: 1;
}
#candidate dl::after{
	display: block;
	position: absolute;
	font-family: "游明朝","ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "Sawarabi Mincho", serif;
	color: #a53939;
	font-size: 50px;
	font-weight: bold;
	font-style: italic;
	line-height: 1;
	left: 0;
	top: 0;
	counter-increment: number2;
    content: counter(number2,decimal-leading-zero);
	z-index: -1;
}
#candidate li:nth-of-type(odd) dl{
	margin: 0;
}
#candidate li:nth-of-type(even) dl{
	margin: 0 0 0 auto;
}
#candidate dt{
	font-family: "游明朝","ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "Noto Serif Japanese", serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
}
#candidate dd{
	margin-top: 10px;
	padding: 10px;
	color: #000;
	background-color: #fff;
}
/* ============================================
	tablet~PC
============================================ */
@media screen and (min-width: 768px) {
	/*
		リスト
	==================================== */
	#candidate ul{
		margin: 60px auto 0;
	}
	/*
		定義リスト
	==================================== */
	#candidate dl {
		width: 90%;
	}
	#candidate dt{
		font-size: 20px;
	}
}
/* ============================================
	PC small
============================================ */
@media screen and (min-width: 1024px) {
	/*
		リスト
	==================================== */
	#candidate ul{
		margin: 80px auto 0;
	}
	#candidate li + li{
		margin-top: 60px;
	}
	/*
		定義リスト
	==================================== */
	#candidate dt{
		font-size: 24px;
	}
	#candidate dl::after{
		font-size: 65px;
	}
	#candidate dd{
		margin-top: 20px;
	}
}




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

	#requirements
	募集要項

================================================================ */
#requirements {
    background-color: #f5f5f5;
    width: 100%;
    margin: 30px auto 0;
}
/*
	項目
==================================== */
#requirements dt{
	padding: 10px 20px;
	background-color: #efefef;
	font-weight: bold;
}
#requirements dd{
	padding: 20px;
}
/*
	リスト
==================================== */
#requirements ul{
	padding-left: 1.2rem;
}
#requirements li{
	list-style-type: disc;
}
/*
	テキスト
==================================== */
#requirements p{
	margin-top: 15px;
}

/* ============================================
	PC small
============================================ */
@media screen and (min-width: 1024px) {

	/*
		項目
	==================================== */
	#requirements dl{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#requirements dt,
	#requirements dd{
		padding: 20px;
	}
	#requirements dt,
    #requirements dd{
		border-bottom: 1px solid #b9b9b9;
	}
    #requirements dt:first-of-type,
    #requirements dd:first-of-type{
        border-top: 1px solid #b9b9b9;
    }
	#requirements dt{
		width: 20%;
		background-color: inherit;
	}
	#requirements dd{
		width: 80%;
	}
	#requirements dd span{
		display: inline-block;
	}
}




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

	#entry
	エントリー

================================================================ */
#entry{
	background-image: url("../images/entry_bg.jpg");
	background-size: cover;
	background-position: center bottom;
}
#entry .webp{
	background-image: url("../images/entry_bg.jpg.webp");
}
/*
	共に顧客感動を
==================================== */
#entry p{
	font-family: "游明朝","ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "Noto Serif Japanese", serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}
#entry p span{
	display: block;
	color: #900;
	font-size: 12vw;
}
/*
	今すぐエントリー
==================================== */
#entry div{
	width: 80%;
	margin: 40px auto 0;
}
#entry div a{
	display: block;
	margin: 0 auto;
	padding: 20px 0;
	width: 100%;
	max-width: 600px;
    font-weight: bold;
	text-align: center;
	background-color: #990000;
	transition: all .3s;
}
#entry div a:hover{
	opacity: .7;
}
/* ============================================
	tablet~PC
============================================ */
@media screen and (min-width: 768px) {
	/*
		共に顧客感動を
	==================================== */
	#entry p{
		font-size: 36px;
		line-height: 1.4;
	}
	#entry p span{
		font-size: 13vw;
	}
}
/* ============================================
	PC small
============================================ */
@media screen and (min-width: 1024px) {

	/*
		共に顧客感動を
	==================================== */
	#entry p{
		font-size: 40px;
		line-height: 1;
	}
	#entry p span{
		margin: 0 20px;
		display: inline-block;
		font-size: 60px;
		letter-spacing: .6rem;
	}
	/*
		今すぐエントリー
	==================================== */
	#entry div{
		margin-top: 60px;
	}
	#entry div a{
		font-size: 20px;
	}
}




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

	footer

================================================================ */
footer{
	padding: 10px;
	background-color: #000;
}
footer .copyright {
	font-size: 12px;
	color: #fff;
	text-align: center;
}
footer .copyright a{
	display: inline;
	text-decoration: underline;
}



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

	slick-theme.css

================================================================ */
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
_:-ms-fullscreen, :root .slick-prev,
_:-ms-fullscreen, :root .slick-next {
	width: 44px;
	height: 34px;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
/*    font-family: 'slick';*/
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -30px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
/*    font-family: 'slick';*/
    font-size: 4rem;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: #0E2C47;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}




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

	slick.css

================================================================ */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.inner-type01 {
    margin: 0 auto;
    padding: 0 2%;
    max-width: 1000px;
}
.inner-type02 {
    margin: 0 auto;
    padding: 0 2%;
    max-width: 800px;
}
.font-serif {
    font-family: "游明朝","ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "Noto Serif Japanese", serif;
}
h2.headline01 {
    letter-spacing: 0.1rem;
    margin: 0 0 20px;
}
.font-white {
    color: #FFF;
}
/* ================================================================

	#person
	求める人物像

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

#person dl {
    display: flex;
    align-items:stretch;
    justify-content: center;
    margin: 20px 0 0;
    width: 100%;
}
#person dl  dt {
    background-color: #990000;
    color: #dbbcc1;
    display: flex;
    align-items:center;
    justify-content: center;
    font-style: italic;
    font-size: 18px;
    width: 10%;
}
#person dl  dd {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    padding: 20px;
    width: 90%;
}
#person dl  dd span:first-of-type {
    color: #990000;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #d7d7d7;
    line-height: 1.4;
    padding-bottom: 5px;
}
#person dl  dd span:nth-of-type(2) {
    font-size: 14px;
    padding-top: 8px;
    line-height: 1.6;
}

/* ============================================
	tablet~PC
============================================ */
@media screen and (min-width: 768px) {
#person dl {
    margin: 40px 0 0;
}
#person dl  dt {
    font-size: 28px;
}
#person dl  dd span:first-of-type {
    font-size: 22px;
    border-bottom: 1px solid #d7d7d7;
}
}


#number {
	background-image: url("../images/requirements_bg.jpg");
	background-size: cover;
	background-position: center;
}
#number  .webp{
	background-image: url("../images/requirements_bg.jpg.webp");
}
#number ul {
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
    width: 80%;
    margin: 0 auto;

}
#number ul li {
    max-width: 512px;
    margin: 0 auto 20px;
    
}
#number ul li img {
    width: 100%;
    display: block;
}
/* ============================================
	tablet~PC
============================================ */
@media screen and (min-width: 768px) {
#number ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
#number ul li {
    width: 48%;
    margin-bottom: 20px;
}
}



#inv {
    background-color: #f5f5f5;
    padding: 0 0 100px;
}
#inv .inv-inner {
    display: flex;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 0 0 100px;
}
#inv .inv-primary {
    width: 50%;
}
#inv .inv-secondary {
    background-color: #fff;
    width: 50%;
    padding: 40px;
    margin: 80px 0 0 -100px;
}
#inv h2 {
    border-bottom: 1px solid #ccc;
    letter-spacing: 0.1rem;
    line-height: 1.4;
    padding: 0 0 8px;
    margin: 0 0 15px;
}
#inv .inv-secondary p {
    line-height: 1.8;
    margin-bottom: 20px;
}
#inv .inv-secondary p:last-of-type {
    margin-bottom: 0;
}
.inv-sp {
    display: none;
}

@media screen and (max-width: 1100px) {
    #inv .inv-inner {
    padding: 0 0 0 40px;
}
    #inv .inv-secondary {
    margin: 80px 0 0 -40px;
}
}
@media screen and (max-width: 1024px) {
#inv .inv-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
}
    #inv .inv-primary {
    width: 100%;
}
    .inv-sp {
    display:block;
    width: 100%;
}
    .inv-pc {
        display: none;
    }
#inv .inv-secondary {
    width: 100%;
    padding: 40px;
    margin: 0;
}
}


img {
    image-rendering: -webkit-optimize-contrast;
}

/* ================================================================
東京法律事務所 コース別採用
================================================================ */
.generalist_course {
    width: 90%;
    max-width: 1024px;
    margin: 0 auto;
    display: none;
}
.generalist_course_headline {
    color: #900;
    font-family: "游明朝","ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "Noto Serif Japane";
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    letter-spacing: .2rem;
    line-height: 1.5;
    margin: 0 0 20px;
}
.generalist_course_headline span {
    display: block;
        text-align: center;
}
.generalist_course p {
    text-align: left;
}
.course_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}
.course_wrap dt {
    color: #fff;
    display: flex;
    align-items: center; 
    justify-content: center;
    font-family: "游明朝","ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "Sawarabi Mincho", serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    width: 100%;
    height: 60px;
}
.course_wrap.professional_course {
    margin: 40px auto 0;
}
.course_wrap.professional_course dt {
    background-color: #003040;
}
.course_wrap.generalist_course dt {
    background-color: #990000;
}
.course_wrap.generalist_course dt span.mark_01 {
    background-color: #fff;
    border-radius: 3px;
    color: #990000;
    font-size: 14px;
    line-height: 1;
    margin: 0 10px 0 0;
    padding: 3px 8px;
}
.course_wrap dd {
    padding: 30px 20px;
    text-align: center;
    width: 100%;
}
.course_wrap.professional_course dd {
    background-color: #d8eaef;
}
.course_wrap.generalist_course dd {
    background-color: #efdfdf;
}
.course_wrap dd span.course_sub_headline {
    /*font-family: "游明朝","ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "Sawarabi Mincho", serif;*/
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 30px;
    display: inline-block;
}
.course_wrap.professional_course dd .course_sub_headline {
    color: #003040;
    border-bottom: 2px solid #003040;
}
.course_wrap.generalist_course dd .course_sub_headline {
    color: #990000;
    border-bottom: 2px solid #990000;
}
.course_note {
    font-size: 14px;
    display: block;
    text-align: left;
}
.course_wrap.generalist_course .course_note:last-of-type {
    margin: 20px 0 0;
}
.course_arrow_area {
    margin: 20px auto 10px;
    display: flex;
    align-items: center; 
    justify-content: center;
}
.course_arrow_primary {
    width: 50px;
    margin: 0 10px 0 0;
}
#work .professional .course_arrow_secondary ul {
    list-style: disc;
    list-style-type: disc;
    list-style-position: outside;
    border:4px solid #b1a7a5;
    padding: 10px;
    width: auto;
    display: flex;
    flex-direction: column;
}
#work .professional .course_arrow_secondary ul li {
    font-size: 14px;
    font-weight: bold;
    display:list-item;
    list-style-type: disc;
    margin: 0 0 0 20px;
    color: #990000;
    width: auto;
}
#work .professional .course_arrow_secondary ul li { 
    background-color: #f6f6f6;
}
.course_arrow_secondary ul li span{
    color: #222;
}
.course_wrap.generalist_course dd .course_sub_headline .sp_only {
    display: block;
}
#course section.contents {text-align: left!important}

/* タブレット～PC
============================================ */
@media screen and (min-width:769px) {
    .generalist_course_headline span {
            display: inline-block;
        }
    .generalist_course p {
        text-align: center;
    }
    .course_wrap dt {
        font-size: 28px;
        height: 80px;
    }
    .course_wrap dd {
        padding: 40px;
    }
    .course_note {
        font-size: 16px;
        text-align: center;
    }
    .course_wrap dd span.course_sub_headline {
        font-size: 20px;
    }
    .course_wrap.generalist_course dd .course_sub_headline .sp_only {
        display: inline;
    }
    .course_wrap.generalist_course dt span.mark_01 {
        font-size: 18px;
        padding: 5px 10px;
    }
    .course_arrow_area {
        margin: 20px auto 10px 250px;
    }
    #work .professional .course_arrow_secondary ul {
        border:8px solid #b1a7a5;
        padding: 20px;
        margin: 0;
}
#work .professional .course_arrow_secondary ul li {
        font-size: 18px;
        margin: 0 0 0 20px;
    }
    .course_arrow_primary {
        width: 100px;
        margin: 0 30px 0 0;
    }
}
/* PC
============================================ */
@media screen and (min-width:1024px) {
    .generalist_course_headline {
        font-size: 28px;
    }
    .course_wrap {
        max-width: 860px;
        margin: 0 auto;
    }
    .course_wrap dd span.course_sub_headline {
        font-size: 22px;
    }
}

/* ================================================================
広島法律事務所
================================================================ */
.hiroshima_info {
    border:1px dotted #990000;
    background-color: #efdfdf;
    padding: 40px 30px;
    max-width: 1000px;
    display: flex;
    flex-direction:column-reverse;
    justify-content: center;
    margin: 0 5%;
    box-sizing: border-box;
}
    .hiroshima_info_primary span.note-text {
        text-align:justify;
        font-size: 16px;
        display: block;
    }
    .hiroshima_info_primary span.hiroshima_info_headline {
    color: #990000;
    font-size: 17px;
    font-weight: bold;
    font-family: "游明朝","ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "Sawarabi Mincho", serif;
    line-height: 1.5;
    margin: 0 0 10px;
    text-align: center;
    display: flex;
    flex-direction:column;
    justify-content: center;
}
    .hiroshima_info_secondary {
        margin:  0 0 30px;
    }
    .hiroshima_info_secondary img {
        display: block;
        max-width: 400px;
        width: 100%;
        margin: 0 auto;
    }
/* タブレット～PC
============================================ */
@media screen and (min-width:769px) {
    .hiroshima_info {
        display: flex;
        align-items: center; 
        justify-content: space-between;
        flex-direction: row;
        margin: 40px auto;
        padding: 40px;
                width: 90%;
        max-width: 1024px;
    }
    .hiroshima_info_primary span.hiroshima_info_headline {
        border-bottom: 1px solid #b47676;
        font-size: 20px;
        display: block;
        padding: 0 0 3px;
        text-align: left;
        
    }
    .hiroshima_info_primary {
        width: 68%;
    }
    .hiroshima_info_secondary {
        width: 28%;
    }
        .hiroshima_info_secondary img {
        width: 100%;
    }
}
/* PC
============================================ */
@media screen and (min-width:1024px) {

    .hiroshima_info {
        padding: 40px 40px 20px 40px;

    }
        .hiroshima_info_primary span.hiroshima_info_headline {
        font-size: 22px;
    }
}



#work .professional ul.minji-list {
    color: #FFF;
    margin: 0 0 0 20px;
    display: block;
    width: 100%;
    padding: 0
}
#work .professional ul.minji-list li {
    width: 100%;
    padding: 0 10px 0 0;
    margin: 0 0 20px;
    list-style-type: disc;
}
#work .professional ul.minji-list li:last-child {
    margin: 0;
}
#work .professional ul.minji-list li span {
    font-size: 18px;
}
/* タブレット～PC
============================================ */
@media screen and (min-width:769px) {
   
}
/* PC
============================================ */
@media screen and (min-width:1024px) {
     #work .professional ul.minji-list li span {
        font-size: 20px;
    }
}


.mv-area {
	background-color: #f2f5f7;
	width: 100%;
	height: auto;
	padding: 20px 0 0;
	
}
.mv-area-primary {
	text-align: center;
	width: 100%;
    aspect-ratio: 6 / 1.5;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}
.mv-area-primary img.mv-logo{
	max-width: 480px;
	display: block;
	margin: 0 auto;
}
.mv-area-primary h1 {
	display: flex;
	flex-flow: column;
	justify-content: center;
	font-family: "游明朝","ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "Noto Serif Japanese", serif;
	/*font-size: 70px;*/
	font-size: clamp(40px, 4.2vw, 70px);
	line-height: 1.2;
	letter-spacing: 0.1em;
}
.mv-entry a {
	background-color: #990000;
	border-radius: 3px;
	width: 400px;
	height: 60px;
	margin: 20px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}
.mv-area-secondary {
	width: 100%;
	height: auto;
	background: url("../images/main-img-pc.png") 0 0 no-repeat;
	padding-bottom: calc(100%*700/1920);
	background-size: 100% auto;
	margin: -40px 0 0;
}
.mv-area-link {
	background-color: #003366;
	border-radius: 3px;
	width: 400px;
	height: 60px;
	margin: 20px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}
@media screen and (max-width:1280px) {
	.mv-area-primary img.mv-logo{
		max-width: 340px;
	}
	.mv-area-secondary {
		margin: -30px 0 0;
	}
	.mv-entry a {
		width: 340px;
		margin: 20px auto 0;
	}
	.mv-area-link {
		width: 340px;
		margin: 20px auto 0;
		font-size: 14px;
	}
}
@media screen and (max-width:1024px) {
	.mv-area-primary {
    	aspect-ratio: 6 / 1.6;
	}
	.mv-area-primary img.mv-logo{
		max-width: 280px;
	}
	.mv-entry a {
		width: 260px;
		height: 50px;
	}
	.mv-area-link {
		width: 260px;
		height: 60px;
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		line-height: 1.4;
	}
	.mv-area-secondary {
		margin: -20px 0 0;
	}
}
@media screen and (max-width:767px) {
	.mv-area-secondary {
		width: 100%;
		height: auto;
		background: url("../images/main-img-sp.png") 0 0 no-repeat;
		padding-bottom: calc(100%*800/767);
		background-size: 100% auto;
		margin: -80px 0 0;
	}
}
@media screen and (max-width:500px) {
	.mv-area-primary {
		aspect-ratio: 2 / 0.8;
	}
	.mv-area-primary h1 {
		font-size: clamp(40px, 5.0vw, 70px);
	}
	.mv-area-primary img.mv-logo{
		max-width: 180px;
	}
	.mv-entry a {
		width: 220px;
		height: 50px;
		font-size: 14px;
	}
	.mv-area-link {
		width: 220px;
		height: 60px;
		font-size: 14px;
	}
	.mv-area-secondary {
		margin: -70px 0 0;
	}
}