@charset "utf-8";


/* ===================
clearfix 
===================*/ 
.clearfix:after {  
	visibility:hidden;
	height:0;
	display: block;
	font-size: 0;  
	content: " ";  
	clear: both;  
}  


/* ===================
link
===================*/
a { 
	outline: none; 
}
a:link {
	text-decoration: underline;
	color: #000;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover{
	text-decoration: none;
	color: #000;
	opacity: 0.7;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
a:hover img{
	text-decoration: none;
	color: #000;
	opacity: 0.8;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
a:active {
	text-decoration: none;
	color: #000;
}

.main a:link {
	text-decoration: underline;
}

@media (min-width: 768px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}


/*==========================================
 body
===========================================*/
html { 
	font-size: 62.5%; 
}
html{
  scroll-behavior: smooth;
}
body {
 font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
	color: #000;
	/*box-sizing: border-box;*/
}

@media (max-width: 767px){
	body {
		font-size:1.3rem;
	}
	h1 {
		font-size:2.4rem;
	}
	h2 {
		font-size:1.8rem;
	}
	h3 {
		font-size:1.6rem;
	}
	h4 {
		font-size:1.4rem;
	}
	h5 {
		font-size:1.5rem;
	}
	p,ul,ol,dl,address{
		font-size:1.4rem;
	}
	table{
		font-size:1.3rem;
	}
}
@media (min-width: 768px){
	body {
		font-size:1.6rem;
	}
	h1 {
		font-size:2.8rem;
	}
	h2 {
		font-size:3.5rem;
	}
	h3 {
		font-size:2.5rem;
	}
	h4 {
		font-size:1.8rem;
	}
	h5 {
		font-size:1.8rem;
	}
	p,ul,ol,dl,address{
		font-size:1.6rem;
	}
	table{
		font-size:1.6rem;
	}
}

.container {
 max-width:1000px;
 margin-left: auto;
 margin-right: auto;
 padding-left: 15px;
 padding-right: 15px;
}

@media (max-width: 767px){
	.hiden_sp {
		display: none;
	}
}
@media (min-width: 768px)  {
	.hiden_pc {
		display: none;
	}
}


/*==========================================
[header]
===========================================*/
.header {	
 width: 100%;
 text-align: center;
}
.header img {	
 max-width: 100%;
 vertical-align:top;
}


/*	------------------------------------------
	header_left
------------------------------------------ */

/*	------------------------------------------
	header_right
------------------------------------------ */



/*==========================================
 [contents]
===========================================*/


/*==========================================
 [main]
===========================================*/
.main p {
	line-height: 2.0;
}
.main ul li,
.main ol li{
	line-height: 2.0;
}
.main table{
	line-height: 2.0;
}
.main address {
	line-height: 2.0;
}

/* text */
.clr01 {
	color: #ffb200;
}
.clr02 {
	color: #4abfe4;
}
.text-bold {
	font-weight: 600;	
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}

/* table */
.main table {
	width: 100%;
}
.main table th,
.main table td {
}
.main table th {
	font-weight: 400;
	padding:6px 0px;
}
.main table td {
	font-weight: 400;
	padding:6px 0px 6px 6px;
}
@media (max-width: 767px)  {
	.main table th,
	.main table td {
		padding: 2px 5px;
	}
}

/* adjustment */
.mt-80 {
	margin-top: 80px;
}

.mb-20{
	margin-bottom: 20px;	
}
.mb-30{
	margin-bottom: 30px;	
}
.mb-40{
	margin-bottom: 40px;	
}
.mb-50{
	margin-bottom: 50px;	
}
.mb-80{
	margin-bottom: 80px;	
}

/* img */
.main img {
	max-width:100%;
	height: auto;
}
.fLeft-img {
	float:left;
}
.fullImg {
	width:100%;
	height:auto;
}

/* list */
.nonMarkList {
	list-style:none;
}
.nonMarkList li{
	line-height:1.6;
}
.nonMarkList li:last-child {
	margin-bottom:0px;
}

.markList {
	list-style:disc;
	margin-left:1.5em;
}
.markList li{
	line-height:1.6;
}
.markList li:last-child {
	margin-bottom:0px;
}

.decimalList {
	list-style: decimal;
	margin-left:1.5em;
}
.decimalList li{
	line-height:1.6;
}
.decimalList li:last-child {
	margin-bottom:0px;
}


/* dl */
dl dd ol li {
	line-height:1.6;
}

.commonDL{
	margin-top:4.0rem;
}
.commonDL dt{
	margin-bottom: 4px;
	color: #1d2088;
	line-height: 1.8;
}
.commonDL dd{
	margin-bottom:4.0rem;
	line-height: 1.8;
}
.commonDL dd:last-child{
	margin-bottom:0.0rem;
}


/* TopicPath
------------------------------------------ */


/* title 
------------------------------------------ */
.main h2 {
	font-weight: 6.0rem;
	color: #ff7700;
/*	border: 5px solid #ffb200;*/
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/bg_title00.png");
	background-repeat: no-repeat;
	background-position:center;
}
@media (max-width: 767px)  {
	.main h2 {
		padding: 2.0rem 3.0rem 1.5rem;
		width: calc((100% - 6.0rem) * 0.8 ) ;
		padding-top: 3.5rem;
		padding-bottom: 3.5rem;
		background-size:contain;
	}
}
@media (min-width: 768px)  {
	.main h2 {
		padding: 2.0rem 3.0rem 1.5rem;
		margin-bottom: 3.0rem;
		width: 567px;
		padding-top: 3.5rem;
		padding-bottom: 3.5rem;
		background-size:auto;
	}
}


/* btn
----------------------------------*/
/* btn_arr-bottom */
.btn_arr-bottom {
  background: #ffb200;
  /*padding: 14px 40px 10px;*/
	text-decoration: none!important;
  border-radius: 50px;
	border: 2px #000 solid;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	font-weight: 600;
}
.btn_arr-bottom::before,
.btn_arr-bottom::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.btn_arr-bottom::before{
	width:38px;
	height: 38px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #000;
}
.btn_arr-bottom::after{
	top:-3px;
	width: 10px;
	height: 10px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.btn_arr-bottom a:hover {
	background-color: #ffe5aa;
	color: #000!important;
	border: 2px #000 solid;
}
@media (max-width: 767px)  {
	.btn_arr-bottom {
	  padding: 13px 40px 14px;
		width: calc(100% - 80px - 20px);
	}
	.btn_arr-bottom::before{
    width:19px;
    height: 19px;
	}
	.btn_arr-bottom::after{
		width: 5px;
		height: 5px;
		right: 21px;
	}
}
@media (min-width: 768px)  {
	.btn_arr-bottom {
	  padding: 14px 80px 10px 40px;
		width: calc(100% - 80px - 40px);
		font-size: 2.2rem;
		/*padding-right: 80px;*/
	}
	.btn_arr-bottom::before{
    width:38px;
    height: 38px;
	}
	.btn_arr-bottom::after{
		width: 10px;
		height: 10px;
		right: 28px;
	}
}
@media (min-width: 993px)  {
	.btn_arr-bottom {
		width: 600px;
	}
}

/* btn_arr-right */
.btn_arr-right {
  background: #ffb200;
  padding: 13px 40px 10px;
	text-decoration: none!important;
  border-radius: 50px;
	border: 2px #000 solid;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	font-weight: 600;
}
.btn_arr-right::before,
.btn_arr-right::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.btn_arr-right::before{
	width:38px;
	height: 38px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #000;
}
.btn_arr-right::after{
	top:0px;
	width: 10px;
	height: 10px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn_arr-right a:hover {
	background-color: #ffe5aa;
	color: #000!important;
	border: 2px #000 solid;
}
@media (max-width: 767px)  {
	.btn_arr-right {
		width: calc(100% - 80px - 40px);
	}
	.btn_arr-right::before{
    width:19px;
    height: 19px;
	}
	.btn_arr-right::after{
		width: 5px;
		height: 5px;
		right: 21px;
	}
}
@media (min-width: 768px)  {
	.btn_arr-right {
		width: calc(100% - 80px - 40px);
		font-size: 2.2rem;
		padding-right: 80px;
	}
	.btn_arr-right::before{
    width:38px;
    height: 38px;
	}
	.btn_arr-right::after{
		width: 10px;
		height: 10px;
		right: 28px;
	}
}
@media (min-width: 993px)  {
	.btn_arr-right {
		width: 600px;
	}
}



/* CTAWrapp
----------------------------------*/


/* ------------------------------------------ 
 header
------------------------------------------ */
.header .textBox h2{
	color: #ff7700;
}
.header .textBox p{
	line-height: 1.75;
	font-weight: 600;
}
@media (max-width: 767px)  {
	.header .textBox {
		padding-bottom: 19.78%;
		background-size: 100% auto;
		background-image: url("../images/sp-vis_header_bottom.png");
		background-repeat: no-repeat;
		background-position: center bottom;
		background-color: #ffe5aa;
		margin-bottom: 2.5rem;
	}
	.header .textBox h2{
		margin-bottom: 1.0rem;
	}
	.header .textBox p.readText {
		padding-left: 15px;
		padding-right: 15px;
		text-align: left;
	}
}
@media (min-width: 768px) {
	.header .textBox {
		background-image: url("../images/pc-vis_header_bottom.png");
		background-repeat: no-repeat;
		background-position: center bottom;
		background-color: #ffe5aa;
		max-width: 1600px;
		margin-left: auto;
		margin-right: auto;
	}
	.header .textBox h2{
		margin-bottom: 3.4rem;
	}
}
@media (min-width: 768px) and  (max-width: 1600px) {
	.header .textBox {
		margin-top: -5.0rem;
		padding-bottom: 19.78%;
		background-size: contain;
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (min-width: 1601px)  {
	.header .textBox {
		margin-top: -6.0rem;
		padding-bottom: 308px;
		background-size: 100% auto;
	}
}


/* ------------------------------------------ 
 point3
------------------------------------------ */
/* pointAll
------------------------------------------ */
.pointAllRead {
	margin-bottom: 0px;
	text-align: center;
	font-weight: 600;
	font-size: 111%;
}

/* pointAllList */
.pointAllList {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 6.0rem;
}
.pointAllList li a{
  background: #ffb200;
  padding: 14px 40px 10px;
	text-decoration: none!important;
  border-radius: 50px;
	border: 2px #000 solid;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-weight: 600;
}
.pointAllList li a::before,
.pointAllList li a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.pointAllList li a::before{
	width:38px;
	height: 38px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #000;
}
.pointAllList li a::after{
	top:-3px;
	width: 10px;
	height: 10px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.pointAllList li a:hover {
	background-color: #ffe5aa;
	color: #000!important;
	border: 2px #000 solid;
}
@media (max-width: 767px)  {
	.pointAllRead {
		text-align: left;
	}
	.pointAllRead br {
		display: none;
	}
	.pointAllList li {
		display:block;
		margin-bottom: 10px;
	}
	.pointAllList li a {
		width: calc(100% - 80px - 0px);
	}
	.pointAllList li a::before{
    width:19px;
    height: 19px;
	}
	.pointAllList li a::after{
		width: 5px;
		height: 5px;
		right: 21px;
	}
}
@media (min-width: 768px)  {
	.point3 {
		margin-top: -50px;
		z-index: 8;
	}
	.pointAllList li {
		display:block;
		margin-bottom: 10px;
	}
	.pointAllList li a {
		width: calc(100% - 80px - 40px);
	}
	.pointAllList li a {
	/*	font-size: 2.2rem;*/
		font-size: 1.8rem;
		padding-right: 80px;
	}
	.pointAllList li a::before{
    width:38px;
    height: 38px;
	}
	.pointAllList li a::after{
		width: 10px;
		height: 10px;
		right: 28px;
	}
}
@media (min-width: 993px)  {
	.pointAllList li {
		display: inline-block;
		width: 32%;
	  padding: 14px 0px 10px;
		margin-left: 0.25%;
		margin-right: 0.25%;
	}
	.pointAllList li a {
		width: calc(100% - 80px - 40px);	
	}
}
@media (min-width: 993px) and (max-width: 1024px)  {
	.pointAllList li a {
		font-size: 1.6rem;
	}
}


/* point
------------------------------------------ */
.point {
	border: 2px #ffb200 solid;
	border-radius: 10px;
	margin-bottom: 5.0rem;
}
.point h3 {
	text-align: center;
	background-image: url("../images/bg_title01.png");
	background-repeat: no-repeat;
	background-position: center top 8px;
	background-size: contain;
	margin-bottom:22px;
}
 .point h4 {
	position:relative;
	background: #ffb200;
	line-height: 44px;
	text-align: center;
	color: #fff;
	margin-bottom: 22px;
}
 .point h4:after{
	content: "";
	position:absolute;
	top:0;
	right:0;
	width:0;
	height:0;
	border-style: solid;
	border-color: transparent #fff transparent transparent;
	border-width: 22px 10px 22px 0;
}
ul.pointList li h5 {
	margin-bottom: 7px;
}
.pointRead {
	margin-bottom: 22px;
	text-align: center;
	font-weight: 600;
	color: #ffb200;
	font-size: 111%;
}
.point .imageBox {
	border: 1px solid #d2d2d2;
	margin-bottom: 2.6rem;
}

/* pointList */
ul.pointList {
}
ul.pointList li {
	border-bottom: 2px dashed #ffb200;
	margin-top: 10px;
	margin-bottom: 16px;
	padding-bottom: 10px;
}
ul.pointList li:last-child {
	border-bottom: none;
}
ul.pointList li p {
	line-height: 1.7;
}

@media (max-width: 767px)  {
	.point {
		padding: 2.0rem 1.5rem 3.0rem;
	}
	.point h3 {
		font-size: 2.0rem;
		max-width: 502px;
		margin-left: auto;
		margin-right: auto;
		line-height: 7.0rem;
	}
 .point h4 {
		width: 50%;
	}
	.pointRead {
		font-size: 100%;
		text-align: left;
	}
	.point .imageBox {
		padding:  2.0rem;
	}
}
@media (min-width: 768px)  {
	.point {
		padding: 3.6rem 5.6rem;
	}
	.point h3 {
		font-size: 3.5rem;
		max-width: 502px;
		margin-left: auto;
		margin-right: auto;
		line-height: 11.0rem;
	}
 .point h4 {
		width: 230px;
	}
	.point .imageBox {
		padding:  3.2rem 4.7rem;
	}
}


/*  */
.slider{
	margin-bottom: 5.0rem;
}
.slick-slide {
	padding: 10px;
}
.slider img{
    height: auto;
    width: 100%;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
@media (max-width: 767px)  {
	.slick-slide {
		padding: 10px 0;
	}
}


/* ------------------------------------------ 
 form
------------------------------------------ */
.bg-form {
	display: flex;
}
.formInner {
	background-color: #ffe5aa;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}
.formInner p {
	 margin-bottom: 3.0rem;
}
@media (max-width: 767px)  {
	.bg-form {
		padding-top: 19.00%;
		padding-bottom: 18.50%;
		background-size: 100% auto, 100% auto;
		background-image: url(../images/bg_form_top.png), url(../images/bg_form_bottom.png);
		background-position: center top, center bottom;
		background-repeat: no-repeat, no-repeat;
	}
	.formInner {
		width: 100%;
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (min-width: 768px)  {
	.bg-form {
		padding-top: 19.00%;
		padding-bottom: 18.50%;
		background-size: 100% auto, 100% auto;
		background-image: url(../images/bg_form_top.png), url(../images/bg_form_bottom.png);
		background-position: center top, center bottom;
		background-repeat: no-repeat, no-repeat;
	}
	.formInner {
		width: 100%;
	/*	padding-top: 2.5rem;*/
		padding-bottom: 5.0rem;
	}
}
@media (min-width: 1601px)  {
	.bg-form {
		padding-top: 310px;
		padding-bottom: 298px;
		background-size: auto, auto;
	}
	.formInner {
		margin-top: 0rem;
	}
}


/* formList */
.formList {
	text-align: center;	
}
.formList li a{
	display: inline-block;
	text-align: center;	
/*	background-image: url("../images/bg_btn.png");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	text-decoration: none!important;
	font-weight: 600;
	line-height: 1.5;*/
	position: relative;
	vertical-align: middle;
}
.formList li a::before,
.formList li a::after{
	position: absolute;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
/*
.formList li a::before{
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #000;
}
.formList li a::after{
	top: 25%;
	bottom: 0;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
*/
@media (max-width: 767px)  {
	.formList li a{
		max-width: 320px;
		width: 100%;
		margin-bottom: 10px;
/*
		font-size: 1.7rem;
		padding-top: 5.7rem;
		padding-bottom: 3.0rem;
		*/
	}
	/*
	.formList li a::before,
	.formList li a::after{
		right: 20px;
		top: 25%;
	}
	.formList li a::before{
    width:19px;
    height: 19px;
	}
	.formList li a::after{
		width: 5px;
		height: 5px;
		right: 26px;
	}
	*/
}
@media (min-width: 768px)  {
	.formList {
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		text-align: center;
	}
	.formList li {
		width: 48%;
		display: inline-block;
		margin-left: 1%;
		margin-right: 1%;
	}
	.formList li a{
		width: 100%;
	/*
		margin-bottom: 100px;
		font-size: 3.0rem;
		padding-top: 8.0rem;
		padding-bottom: 6.0rem;
		display: inline-block;	
		background-size: 100% auto;
		*/
	}
	/*
	.formList li a::before,
	.formList li a::after{
		right: 25px;
		top: 20%;
	}
	.formList li a::before{
    width:38px;
    height: 38px;
	}
	.formList li a::after{
		width: 10px;
		height: 10px;
		right: 40px;
	}
	*/
}


/* ------------------------------------------ 
 saturday
------------------------------------------ */
 .saturdayInner h3 {
	 margin-top: 3.5rem;
	 margin-bottom: 1.0rem;
}

/* saturdaySchedule */
table.saturdaySchedule {
	width: 100%;
	border-top: 1px solid #a6a6a6;
}
table.saturdaySchedule tr th:nth-of-type(1) {
	background-color: #ffe5aa;
}
table.saturdaySchedule tr th:nth-of-type(2) {
	background-color: #fff5e1;
	text-align: left;
}
table.saturdaySchedule th,
table.saturdaySchedule td {
	border-bottom: 1px solid #a6a6a6;
}

/* infoBox */
.infoBox {
	max-width: 100%;
	margin-top: 10px;
	padding: 20px 28px;
	background-color: #fff5e1;
}
.infoBox dt {
	line-height: 1.75;
}
.infoBox dd {
	line-height: 1.75;
}

@media (max-width: 767px)  {
	 .saturday {
	/*	padding-top: 4.0rem;*/
		padding-bottom: 4.0rem;
	 }
	 .saturdayInner {
		padding-top: 2.0rem;
		padding-bottom: 2.0rem;
	 }
	 .saturdayInner h2 {
		line-height: 1.4;
	 }
 .saturdayInner h3 {
	 font-size: 1.6rem;
	}
	table.saturdaySchedule th,
	table.saturdaySchedule td {
		padding: 5px;
	}
}
@media (min-width: 768px)  {
 .saturday {
  padding-top: 5.0rem;
  padding-bottom: 4.0rem;
 }
 .saturdayInner {
	max-width: calc(1000px - 8.0rem );
	margin-left: auto;
	margin-right: auto;
	padding: 4.0rem 4.0rem 3.0rem;
 }
 .saturdayInner h3 {
	 font-size: 2.0rem;
	}
	table.saturdaySchedule tr th:nth-of-type(1) {
		padding: 10px;
	}
	table.saturdaySchedule tr th:nth-of-type(2) {
		padding: 10px 10px 10px 36px;
	}
	table.saturdaySchedule td {
		padding: 10px 10px 10px 36px;
	}
}


/*==========================================
[footer]
===========================================*/
.footer {
	clear:both;
	max-width: 100%;
}
.copy {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 1.2rem;
	background-color: #ffb200;
}