@charset "UTF-8";
/*bottom*/

/*intro*/
#intro{
	padding: 100px 0;
	}
#intro .inner{
	width: 1100px;
	}

/*ar01*/

#ar01 #intro{
	padding: 100px 0 0;
	}

#ar01 #intro h1.h1_ar01{
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 400px;
	height: 288px;
	background: url('../images/tit_ar01.png') no-repeat;
	background-size: cover;
	margin: 0 auto 55px;
	}

#ar01 #intro  p.txt_18{
	line-height: 1.8;
	}


#ar01_nav_anchor{
	width: 600px;
	margin: 50px auto 100px;
	border-top: 1px solid #dddddd;
	}

#ar01_nav_anchor a{
	display: block;
	width: 100%;
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 25px 56px 25px 95px;
	border-bottom: 1px solid #dddddd;
	color: #666666;
	font-size: 1.285em;
	font-weight: bold;
	}

#ar01_nav_anchor a.ar01_nav_anchor_a01{
	background: #ffffff url('../images/icon_ar01_q01.png') left 20px center no-repeat;
	background-size: 49px 32px;
	}

#ar01_nav_anchor a.ar01_nav_anchor_a02{
	background: #ffffff url('../images/icon_ar01_q02.png') left 20px center no-repeat;
	background-size: 49px 32px;
	}

#ar01_nav_anchor a.ar01_nav_anchor_a03{
	background: #ffffff url('../images/icon_ar01_q03.png') left 20px center no-repeat;
	background-size: 49px 32px;
	}

#ar01_nav_anchor a::before{
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 8px 0 8px;
	border-color: var(--lawcolor) transparent transparent transparent;
	}

#ar01_nav_anchor a::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 0%;
	height: 1px;
	background: var(--lawcolor);
	z-index: 2;
	transition: all 0.4s;
	}

#ar01_nav_anchor a:hover::after{
	width: 100%;
	}

#ar01_01,#ar01_02,#ar01_03{
	padding: 100px 0;
	}
#ar01_02,#ar01_03{
	border-top: 1px solid #dddddd;
	}

h2.h2_ar01_q01,h2.h2_ar01_q02,h2.h2_ar01_q03{
	min-height: 66px;
	font-size: 1.5em;
	padding: 30px 0 0 120px;
	color: #666666;
	}

h2.h2_ar01_q01{
	background: #ffffff url('../images/icon_ar01_q01.png') left top no-repeat;
	background-size: 100px 66px;
	}
h2.h2_ar01_q02{
	background: #ffffff url('../images/icon_ar01_q02.png') left top no-repeat;
	background-size: 100px 66px;
	}
h2.h2_ar01_q03{
	background: #ffffff url('../images/icon_ar01_q03.png') left top no-repeat;
	background-size: 100px 66px;
	}

h3.h3_ar01_a00,h3.h3_ar01_a01,h3.h3_ar01_a02,h3.h3_ar01_a03{
	min-height: 66px;
	font-size: 1.875em;
	padding: 20px 0 0 120px;
	color: var(--lawcolor);
	}
h3.h3_ar01_a00{
	background: #ffffff url('../images/icon_ar01_a00.png') left top no-repeat;
	background-size: 100px 66px;
	}

h3.h3_ar01_a01{
	background: #ffffff url('../images/icon_ar01_a01.png') left top no-repeat;
	background-size: 100px 66px;
	}
h3.h3_ar01_a02{
	background: #ffffff url('../images/icon_ar01_a02.png') left top no-repeat;
	background-size: 100px 66px;
	}
h3.h3_ar01_a03{
	background: #ffffff url('../images/icon_ar01_a03.png') left top no-repeat;
	background-size: 100px 66px;
	}


#ar01_02 .flex div{
	width: calc(100% / 3);
	padding: 0 22px;
	}

#ar01_02 .flex div.item_01,#ar01_02 .flex div.item_02{
	border-right: dashed 1px #666666;
	}

#ar01_02 .flex div.item_03{
	padding-top: 24px;
	}

#ar01_02 .flex div.item_01 h5{
	color: #e60012;
	}

#ar01_02 .flex div.item_02 h5{
	color: #2aa738;
	}

#ar01_02 .flex div p{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 54px;
	border: solid 1px var(--lawcolor);
	border-radius: 10px;
	color: var(--lawcolor);
	text-align: center;
	line-height: 1.7;
	margin: 10px 0;
	}

#ar01_02 .flex div.item_01 p{
	background: #f4e1e2;
	}

#ar01_02 .flex div.item_02 p{
	background: #cdecd1;
	}

#ar01_02 .flex div.item_03 p{
	background: #d7edfb;
	}

#ar01_03 img.img_ar01_q03{
	display: block;
	width: 600px;
	height: auto;
	margin: 50px auto;
	}

/*ar02*/
#ar02 #intro h1.h1_ar02{
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 400px;
	height: 157px;
	background: url('../images/logo_challenge2025.png') no-repeat;
	background-size: cover;
	margin: 0 auto;
	}
#ar02 #intro p.txt_bold{
	line-height: 1.5;
	}

#ar02 #intro .bg_lawson,#ar02 #intro .box_lawson{
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	}

#ar02 #intro .bg_lawson p{
	line-height: 1.5;
	}

#ar02 #intro img.icon_plus{
	display: block;
	width: 40px;
	height: 40px;
	margin: 20px auto;
	}

#ar02_01{
	padding: 100px 0;
	}

#ar02_01 img.img_ar02_01{
	display: block;
	width: 800px;
	height: auto;
	margin: 50px auto;
	}

#ar02_01 .bg_eaeef1{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	}
#ar02_01 .bg_eaeef1 img.half{
	display: block;
	height: auto;
	}
#ar02_01 img.img_ar02_04{
	display: block;
	width: 100%;
	height: auto;
	margin: 50px auto 10px;
	}
#ar02_01 .bg_eaeef1 p{
	line-height: 1.8;
	}

/*ar03*/

#ar03 #intro .pc{
	margin: 50px auto 0;
	position: relative;
	}
#ar03 #intro .pc p{
	line-height: 1.7;
	}

#ar03 #intro .pc p.overph_copy{
	position: absolute;
	top: 80px;
	right: 115px;
	}

#ar03 #intro .pc p.overph_name{
	position: absolute;
	bottom: 40px;
	right: 360px;
	}


#ar03 img.img_ar03_main_pc{
	display: block;
	width: 100%;
	height: auto;
	}

#ar03_01{
	padding: 100px 0;
	}

#ar03_01 .bg_eaeef1{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	}
#ar03_01 .bg_eaeef1 > .flex > .bg_ffffff{
	padding: 30px;
	}

#ar03_01 .bg_eaeef1 > .flex > .bg_ffffff > p{
	line-height: 1.7;
	}

#ar03_01 .txt_24 > .txt_30{
	font-size: 1.25em;
	}

#ar03_01 .circle_f1c11d,#ar03_01 .circle_5db8b5,#ar03_01 .circle_ee859a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 120px;
	border-radius: 120px;
	margin: 0 1px;
	text-align: center;
	color: #ffffff;
	line-height: 1.7;
	}
#ar03_01 .circle_f1c11d{
	background: #f1c11d;
	}
#ar03_01 .circle_5db8b5{
	background: #5db8b5;
	}
#ar03_01 .circle_ee859a{
	background: #ee859a;
	}

#ar03_01 ol.list_item li{
	color: var(--lawcolor);
	font-size: 1.5em;
	font-weight: bold;
	}
#ar03_01 ol.list_item li span{
	color: #000000;
	font-size: 0.75em;
	}

#ar03_01 .bg_eaeef1.challengeindex p{
	line-height: 1.8;
	}

#ar03_01 .challengeindex_wrap{
	width: 600px;
	margin: 50px auto 0;
	position: relative;
	}

#ar03_01 .challengeindex_wrap .box_lawson{
	padding: 50px 0;
	}

#ar03_01 .challengeindex_wrap > h4.h_bg_lawson{
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	padding: 10px;
	}

#ar03_01 img.img_ar03_01{
	display: block;
	width: 600px;
	height: auto;
	margin: 30px auto;
	}

#ar03_01 img.img_ar03_02{
	display: block;
	width: 100%;
	height: auto;
	}

/*ar04*/

#ar04 #intro .pc{
	margin: 50px auto 0;
	position: relative;
	}
#ar04 #intro .pc p{
	line-height: 1.7;
	}

#ar04 #intro .pc p.overph_copy{
	position: absolute;
	top: 80px;
	right: 100px;
	}

#ar04 #intro .pc p.overph_name{
	position: absolute;
	bottom: 40px;
	right: 105px;
	}

#ar04 #intro  p.txt_18{
	line-height: 1.8;
	}


#ar04 img.img_ar04_main_pc{
	display: block;
	width: 100%;
	height: auto;
	}

#ar04_01{
	padding: 100px 0;
	}

#ar04_01 .bg_eaeef1{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	}

#ar04_01 .bg_eaeef1 .bg_ffffff{
	padding: 30px;
	}

#ar04_01 table.tbl_01 th.bg_eaeef1{
	width: 320px;
	text-align: left;
	border-left: none;
	}
#ar04_01 table.tbl_01 td{
	width: 170px;
	}

/* Media Queries
==========================================================================*/
@media screen and (max-width:1025px) {
/*intro*/
#intro{
	padding: 50px 0;
	}
#intro .inner{
	width: calc(100% - 50px);
	}

/*ar02*/
#ar02_01 .bg_eaeef1{
	width: 100%;
	}

/*ar03*/
#ar03 #intro .pc p.overph_copy{
	right: 65px;
	}
#ar03 #intro .pc p.overph_name{
	right: 260px;
	}
#ar03_01 .bg_eaeef1{
	width: 100%;
	}
#ar03_01 .circle_f1c11d,#ar03_01 .circle_5db8b5,#ar03_01 .circle_ee859a{
	width: 95px;
	height: 95px;
	border-radius: 95px;
	}

/*ar04*/
#ar04_01 .bg_eaeef1{
	width: 100%;
	}
}


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

/*ar01*/
#ar01 #intro h1.h1_ar01{
	width: 300px;
	height: 216px;
	margin: 0 auto 27px;
	}
#ar01 #intro{
	padding: 50px 0 0;
	}
#ar01 .bg_fff_wrap{
	border-top: none;
	}
#ar01_nav_anchor{
	width: 100%;
	margin: 25px auto 0;
	}
#ar01_nav_anchor a{
	padding:15px 35px 15px 72px;
	}
#ar01_nav_anchor a.ar01_nav_anchor_a01,#ar01_nav_anchor a.ar01_nav_anchor_a02,#ar01_nav_anchor a.ar01_nav_anchor_a03{
	background-position: left 10px center;
	}

#ar01_nav_anchor a::before{
	right: 10px;
	border-width: 12px 6px 0 6px;
	}

#ar01_01,#ar01_02,#ar01_03{
	padding: 50px 0;
	}

h2.h2_ar01_q01,h2.h2_ar01_q02,h2.h2_ar01_q03{
	min-height: auto;
	padding: 82px 0 0;
	}

h2.h2_ar01_q01,h2.h2_ar01_q02,h2.h2_ar01_q03{
	background-position: center top;
	}

h3.h3_ar01_a00,h3.h3_ar01_a01,h3.h3_ar01_a02,h3.h3_ar01_a03{
	font-size: 1.785em;
	padding: 0 0 0 90px;
	}
h3.h3_ar01_a00,h3.h3_ar01_a01,h3.h3_ar01_a02,h3.h3_ar01_a03{
	background-size: 75px 50px;
	}


#ar01_02 .bg_eaeef1 .mgt50{
	margin-top: 0;
	}

#ar01_02 .flex div{
	width: 100%;
	padding: 15px 0;
	}

#ar01_02 .flex div.item_01,#ar01_02 .flex div.item_02{
	border-right: none;
	border-bottom: dashed 1px #666666;
	}

#ar01_02 .flex div.item_03{
	padding-top: 15px;
	}

#ar01_02 .flex div p{
	height: auto;
	min-height: 35px;
	border-radius: 5px;
	margin: 5px 0;
	}

/*ar02*/
#ar02 #intro h1.h1_ar02{
	width: 240px;
	height: 95px;
	}

#ar02 #intro span.txt_50.col_da4633{
	font-size: 2.857em;
	}

#ar02 #intro span.txt_36.col_lawson{
	font-size: 1.285em;
	}

#ar02 #intro .bg_lawson,#ar02 #intro .box_lawson{
	width: 100%;
	padding: 15px;
	}

#ar02 #intro .bg_lawson span.txt_36{
	font-size: 2.142em;
	}

#ar02 #intro .box_lawson p.txt_30{
	font-size: 1.285em;
	}

#ar02 #intro img.icon_plus{
	margin: 10px auto;
	}

#ar02_01{
	padding: 50px 0;
	}

#ar02_01 h2.txt_30{
	font-size: 1.785em;
	}

#ar02_01 img.img_ar02_01{
	width: 100%;
	margin: 25px auto;
	}


#ar02_01 .bg_eaeef1 img.half{
	width: 100%;
	margin-bottom: 20px;
	}

#ar02_01 .img_ar02_04_wrap{
	margin: 25px auto 10px;
	padding-bottom: 10px;
	width: 100%;
	height: 275px;
	overflow-x: scroll;
	overflow-y: hidden;
	}
#ar02_01 .img_ar02_04_wrap::-webkit-scrollbar,#ar02_01 .img_ar02_04_wrap::-webkit-scrollbar-thumb,#ar02_01 .img_ar02_04_wrap::-webkit-scrollbar-track{
	display: none !important;
	}

.simplebar-scrollbar::before {
	background: #dddddd;
	border-radius: 3px;
	height: 3px !important;
	}
.simplebar-scrollbar.simplebar-visible::before {
	opacity: 1;
	}
.simplebar-track {
	height: 10px !important;
	}

#ar02_01 img.img_ar02_04{
	margin: 0;
	display: block;
	max-width: 500px;
	width: 500px;
	height: 265px;
	}

#ar02_01 p.sp_cap{
	line-height: 1.7;
	}

/*ar03*/
#ar03 #intro h1.txt_50{
	font-size: 2.857em;
	}


#ar03 #intro .sp{
	margin-top: 25px;
	position: relative;
	}
#ar03 #intro .sp p{
	line-height: 1.7;
	}

#ar03 #intro p.overph{
	position: absolute;
	top: 25px;
	right: 25px;
	}

#ar03_01{
	padding: 50px 0;
	}

#ar03_01 h2.txt_30{
	font-size: 1.785em;
	}
#ar03_01 .flex .half{
	width: 100%;
	}
#ar03_01 .bg_eaeef1 > .flex > .bg_ffffff{
	padding: 15px;
	margin-bottom: 25px;
	}
#ar03_01 .bg_eaeef1 > .flex > .bg_ffffff:last-child{
	margin-bottom: 0;
	}
#ar03_01 .bg_eaeef1 > .flex > .bg_ffffff > .mgt1em{
	margin-top: 10px;
	}


#ar03_01 .challengeindex p.txt_aligncenter{
	text-align: left;
	}

#ar03_01 .challengeindex_wrap{
	width: 100%;
	margin: 25px auto 0;
	position: relative;
	}

#ar03_01 .challengeindex_wrap .box_lawson{
	padding: 25px 0;
	}

#ar03_01 .challengeindex_wrap > h4.h_bg_lawson{
	white-space: nowrap;
	padding: 5px;
	}
#ar03_01 .challengeindex_wrap .flex{
	flex-flow: column;
	align-items: center;
	}
#ar03_01 .challengeindex_wrap .flex .half{
	width: 215px;
	}

/*ar04*/
#ar04 #intro h1.txt_50{
	font-size: 2.857em;
	}

#ar04 #intro .sp{
	margin-top: 25px;
	position: relative;
	}
#ar04 #intro .sp p{
	line-height: 1.7;
	}

#ar04 #intro p.overph{
	position: absolute;
	top: 25px;
	right: 25px;
	}

#ar04_01{
	padding: 50px 0;
	}
#ar04_01 .bg_eaeef1 .bg_ffffff{
	padding: 15px;
	}

#ar04_01 .bg_eaeef1 .bg_ffffff h3.txt_24{
	font-size: 1.142em;
	}


#ar04_01 table.tbl_01{
	font-size: 0.857em;
	}

#ar04_01 table.tbl_01 th.bg_eaeef1{
	width: 115px;
	}
#ar04_01 table.tbl_01 td{
	width: calc((100% - 115px) / 3);
	}
}