@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500|Noto+Serif+JP:300,400,500&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Pinyon+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;0,500;0,600;1,300;1,400;1,500&display=swap');

body,input,select,textarea{font-family:'Noto Sans JP','swis721','nsjp','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Montserrat', sans-serif;font-size:100%;}
body{font-size:14px;line-height:1.8;color:#222;min-width:100%;background: #fff;}

*{margin:0;padding:0;box-sizing:border-box;}
* > *:last-child{margin-bottom: 0;}
html{overflow-x:hidden;overflow-y:scroll;}
.html{line-height:normal;}
p{margin: 0;
		text-align: justify; /* 両端揃え */
		text-justify: inter-ideograph;
		}
		
body a,body a:hover,body a:active,body a:focus{
	text-decoration: none;
	outline: none;
	outline: none;
	-webkit-transition: ease .4s;
	-o-transition: ease .4s;
	transition: ease .4s;
}



a {
  color: #333;
  text-decoration: none;
}

a:hover {
  color:#F03C3C;
  text-decoration: none;
}

a:hover p,a:hover h3,a:hover p,a:hover h4{
  text-decoration: none;
}


a > .red {
    color: #F03C3C;
    text-decoration: none;
}

a:hover img{opacity:.7}
a img.grow {
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	overflow:hidden;
	width:100%;
}

a:hover img.grow {
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
	overflow:hidden;
	z-index:0;
}

.linkcolor-w a{
	 color: #fff;
}

.linkcolor-w a:hover{
	 color: #fff;
}

/* bootstrap reset */
h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0; font-size:inherit;font-family:'Noto Sans JP',Osaka,sans-serif;line-height:1.5;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;line-height:inherit;color:inherit;font-family:'Noto Sans JP',Osaka,sans-serif; font-size:inherit;}
.row + .row{margin-top: 0;}

label {
    margin-bottom: 0px;
}

.close {
    float: none;
    font-size:inherit;
    font-weight:inherit;
    line-height: 1;
    color:inherit;
    text-shadow: none;
    opacity:inherit;
    filter:inherit;
}

i[class*="fa-"]{margin-right: 0.5em;}

.text-danger{color:#f10077;}
dt {
    font-weight:normal;
}

dl{
	line-height:normal;
	margin-bottom:0;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 0px;
}

/* margin / padding */
.mt-xlg-{margin-top: -45px !important;}
.mt-lg-{margin-top: -30px !important;}
.mt-md-{margin-top: -20px !important;}
.mt-sm-{margin-top: -10px !important;}
.mt-xs-{margin-top: -5px !important;}

.mt0{margin-top: 0 !important;}
.mt-100{margin-top: 100px !important;}
.mt-xlg{margin-top: 45px !important;}
.mt-lg{margin-top: 30px !important;}
.mt-md{margin-top: 20px !important;}
.mt-sm{margin-top: 10px !important;}
.mt-xs{margin-top: 5px !important;}

.mb0{margin-bottom: 0 !important;}
.mb-xxs{margin-bottom: 5px !important;}
.mb-xs{margin-bottom: 10px !important;}
.mb-sm{margin-bottom: 15px !important;}
.mb-md{margin-bottom: 20px !important;}
.mb-lg{margin-bottom: 30px !important;}
.mb-xlg{margin-bottom: 45px !important;}
.mb-xxlg{margin-bottom: 75px !important;}

.no-margin { margin:0 !important;}

/*font-size
-------------------------------------------------*/

.txt-xs{font-size: 11px;line-height: 1.6;}
.txt-sm{font-size: 13px;line-height: 1.6;}
.txt-md{font-size: 14px;line-height: 1.6;}
.txt-lm{font-size: 16px;line-height: 1.6;}
.txt-lg{font-size: 18px;line-height: 1.6;}
.txt-2lg{font-size: 20px;line-height: 1.6;}
.txt-xlg{font-size: 24px;line-height:1.5;}
.txt-xxlg{font-size: 28px;line-height: 1.6;}
.txt-3xlg{font-size: 40px;line-height: 1.6;}

.txt-sp{font-size: 14px;line-height: 1.6;}

/*font-weight
-------------------------------------------------*/

.fw-100{font-weight:100;}
.fw-300{font-weight:300;}
.fw-400{font-weight:400;}
.fw-500{font-weight:500;}

/* color
-------------------------------------------------*/
.red{color:#F03C3C;}
.pink{color:#e77b7b;}
.purple{color:#8214ff;}
.blue{color:#06c;}
.skyblue{color:#0cc;}
.green{color:#008000;}
.yellow{color:#ffc;}
.orange{color:#ffa500;}
.brown{color:#a52a2a;}
.white{color:#fff;}
.gray{color:#B4B4B4;}
.black{color:#333;}
.gold{color:#960;}
.dgray{color:#5F5F5F;}

/**/

.clr{clear:both;}


.disc{margin: 0 0 15px;padding: 0;}
.disc li{margin-left: 1em;}

.circle{margin: 0;padding: 0;list-style: none;}
.circle li{padding-left: 24px;}
.circle li:before{content:"\f10c";font-family: FontAwesome;display: inline-block;width: 24px;margin-left: -24px;}

.decimal{margin: 0;padding: 0;}
.decimal li{margin-left: 2em;}

.phone-medium{font-size: 27px;line-height: 27px;}
.phone-large{font-size: 36px;line-height: 36px;}
.phone-medium i[class*="fa-"],.phone-large i[class*="fa-"]{margin-right: 0.25em;}

/* pagetop */
#pagetop a{background:#db0505;text-align: center;display: block;height: 40px;}
#pagetop a i{font-size: 40px;margin: -3px 0;color:#fff;line-height: 40px;}





/* table */
table{border-spacing:0;border-collapse:collapse;width:100%;}
.prf-tb th{border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #efefef;}
.prf-tb td{border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #fff;}

.prf-tb td .year{display: inline-block;width: 2.5em;text-align: right;}
.prf-tb td .month{display: inline-block;width: 2.5em;text-align: right;}
.prf-tb td .day{display: inline-block;width: 4em;text-align: right;padding-right: 2em;}

.well hr{margin: 9px 0;border-top: 1px solid #ccc;}

.r-arrow{position: relative;}
.r-arrow:after{content:"\f105";font-family:FontAwesome;position: absolute;top: 50%;margin-top: -10px;right: 10px;}




.img-ful{width: 100%;height: auto;}
.img-responsive2 {
	width: 100%;
    height: auto;
}

.ba1 i,.ba2 i{font-size: 4em;vertical-align: middle;color:#999;}

.psr{position: relative;}


/* paging */
div.paging{line-height:normal;padding:5px;text-align:center;font-size:16px;font-family:Arial, Helvetica, sans-serif;}
div.paging span.current,div.paging span a.paging-text{margin:0 2px;padding:0;background:#fff;color:#999;display:inline;zoom:1;display:inline-block;overflow:hidden;text-decoration:none;border:1px solid #ccc;line-height: 48px;width: 48px;}
div.paging span.current{background:#efefef;display:inline;zoom:1;text-decoration:none;display:inline-block;color:#423716;}
div.paging span a.paging-text:hover{color:#423716;cursor:pointer;background:#efefef;display:inline;zoom:1;text-decoration:none;display:inline-block;opacity:.8;}
div.paging i { margin: 0; }


br.xs{display:none;}

@media (max-width:1024px){
	body{overflow-x: hidden;font-size: 14px;line-height:21px;}



	#logo{padding: 0;display: block;width: 225px;padding: 6px 0;}
	#logo a{display: block;padding:0;}
	#logo a img{width: auto;height: 36px;}

    #logo span{display: none;}

	#header-right-xs{padding: 15px;}

    .btn-phone {
        background: #1ab1e6;
        color: #fff;
        font-size: 24px;
        line-height: 34px;
        padding: 0px;
    }
    .btn-phone:hover,
    .btn-phone:active,
    .btn-phone:focus{background: #1ab1e6;color: #fff;opacity:.8;}
    #header-right-xs i{margin: 0;}

    #main-bg-xs{
					position:relative;}
				.main_img{
					position:absolute;
					top:-15%;
					right:0px;
					bottom:0;
					left:0px;
					margin:auto auto;
					max-width:60%;
					height: 60%;
		}
		
		.main_img img{
			width:100%;
			height:auto;
		}

	

	/* article,article,aside,section */
	article{margin-top: 0;display: block;}

	article,aside{display: block;padding-bottom: 30px;}

	article{width: auto;padding-right: 0;}
	aside{width: auto;}


    article > section{padding: 15px 0;}

    article#page > .container > article > section + section{padding: 0;margin-top: 30px;}



	/* pagetop */
	#pagetop a{display: none;}

    /* footer */
    #f-contact-title h3{text-align: center;font-size: 14px;line-height: 21px;color:#fff;padding: 10px 0;}

    #f-contact{padding: 15px;}
    .f-contact{width: auto;margin: 0 auto;padding: 10px 15px;border-radius:10px;}

    .f-tel{display: block;}
    .f-tel-tit,.f-telno{display: block;}

    .f-telno{margin: 5px 0;width: auto;}

    .f-btn{width: 260px;margin: 5px auto 0;}
    .f-btn .row{margin:0 -5px;}
    .f-btn .row [class*="col-"]{padding:0 5px;margin: 0;}

/* margin / padding */
.mt-xlg-{margin-top: -45px !important;}
.mt-lg-{margin-top: -30px !important;}
.mt-md-{margin-top: -20px !important;}
.mt-sm-{margin-top: -10px !important;}
.mt-xs-{margin-top: -5px !important;}

.mt0{margin-top: 0 !important;}
.mt-100{margin-top: 100px !important;}
.mt-xlg{margin-top: 45px !important;}
.mt-lg{margin-top: 30px !important;}
.mt-md{margin-top: 20px !important;}
.mt-sm{margin-top: 10px !important;}
.mt-xs{margin-top: 5px !important;}

.mb0{margin-bottom: 0 !important;}
.mb-xxs{margin-bottom: 5px !important;}
.mb-xs{margin-bottom: 10px !important;}
.mb-sm{margin-bottom: 15px !important;}
.mb-md{margin-bottom: 20px !important;}
.mb-lg{margin-bottom: 30px !important;}
.mb-xlg{margin-bottom: 45px !important;}
.mb-xxlg{margin-bottom: 75px !important;}

.no-margin { margin:0 !important;}

/*font-size
-------------------------------------------------*/

.txt-xs{font-size: 10px;line-height: 1.6;}
.txt-sm{font-size: 11px;line-height: 1.6;}
.txt-md{font-size: 13px;line-height: 1.6;}
.txt-lg{font-size: 16px;line-height: 1.6;}
.txt-2lg{font-size: 19px;line-height: 1.6;}
.txt-xlg{font-size: 20px;line-height:1.6;}
.txt-xxlg{font-size: 26px;line-height: 1.6;}
.txt-3xlg{font-size: 32px;line-height: 1.6;}
hidden-xs{display:none;
}
.txt-sp{font-size: 16px;line-height: 1.6;}
}
@media (min-width:1024px){


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 20px;
    padding-right: 20px;
}

.text-xs-left{
		text-align:center;
	}
	

}



/* IE11 */
@media all and (-ms-high-contrast: none) {
}

.breadcrumbs{
  padding: 12px 0 0;
}

.breadcrumbs .breadcrumbs-list{
  width: 1200px;
  margin: 0 auto;
  list-style-type: none;
  display: flex;
  align-items: center;
}

.breadcrumbs .breadcrumbs-list li{
  color: #b4b4b4;
  font-size: 14px;
  position: relative;
}

.breadcrumbs .breadcrumbs-list li.archive{
  padding-top: 0;
  padding-bottom: 0;
}


.breadcrumbs .breadcrumbs-list li+li{
  padding-left: 12px;
}

.breadcrumbs .breadcrumbs-list li+li:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: solid 1px #b4b4b4;
  border-right: solid 1px #b4b4b4;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}

.breadcrumbs .breadcrumbs-list li a{
  color: #b4b4b4;
}

.breadcrumbs .breadcrumbs-list li a.home{
  color: #b4b4b4;
}

@media (max-width:1024px){
  .breadcrumbs{
    padding: 12px 20px 0;
  }
  .breadcrumbs .breadcrumbs-list{
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .breadcrumbs .breadcrumbs-list li,.breadcrumbs .breadcrumbs-list li a{
    white-space: nowrap;
    font-size: 12px;
  }
}
@charset "utf-8";

section{
	background:#fff;
	position:relative;
	/*z-index:1;*/
	border-bottom:1px solid #E6E6E6;
}

.container{
	max-width:100%;
	width:1216px;
	padding-left: 20px;
	padding-right: 20px;
}

section .container{
	padding-top:60px;
	width:1216px;
	overflow:hidden;
	max-width:100%;
	padding-bottom: 60px;
}


@media (max-width:1024px){



.container{
	max-width:100%;
	width:1024px;
	padding-left: 20px;
	padding-right: 20px;
}

section .container{
	padding-top:20px;
	max-width:100%;
	width:1024px;
	overflow:hidden;
	padding: 30px 20px;
}

.title_popular_master {
    background-size: auto 24px!important;
}
}


/*title
-----------------------------------------------*/
section .master_tit{
	position:relative;
	padding-left: 58px;
	
}

section .master_tit:before{
	content: "";
	position: absolute;
	border-left: 1px dotted #B4B4B4;
	left: 43px;
	width: 1px;
	height: 80%;
	display: block;
	margin-right: 10px;
	top: 6px;
	
}

.title_special_master{
	background:url(../images/common/icon_special_master.png) no-repeat left 7px;
	padding-left:35px;
	
}

.title_popular_master{
	background:url(../images/common/icon_pin.png) no-repeat left 7px;
	padding-left:35px;
	background-size: auto 30px;
}

.title_thema_master{
	background:url(../images/common/icon_thema.png) no-repeat left 7px;
	padding-left:35px;
}

.title_tour_master{
	background:url(../images/common/icon_tour.png) no-repeat left 7px;
	padding-left:35px;
}

.title_column_master{
	background:url(../images/common/icon_colum.png) no-repeat left 7px;
	padding-left:35px;
}

.title_hotel_master{
	background:url(../images/common/icon_hotel.png) no-repeat left 7px;
	padding-left:35px;
}

.title_info_master{
	background:url(../images/common/icon_info.png) no-repeat left 7px;
	padding-left:35px;
}

.title_travel_master{
	background:url(../images/common/icon_frag.png) no-repeat left 7px;
	padding-left:35px;
}

.tit__01{
	border-left:3px solid #F03C3C;
	padding-left:20px;
}

.bdr_t{
	border-top: 1px solid #E6E6E6;
	padding-top:40px;
}

/*背景
-----------------------------------------------*/

.bg_gray{
	background:#F9F9F9;
}

.bg_red{
	background:#F03C3C;
}

/*リスト
----------------------------------------------*/

.list__01{
	list-style-type:none;
	display:flex;
	
}

.list__01 li{
	list-style-type:none;
	background:url(../images/common/arrow_red.png) no-repeat left center;
	padding-left:24px;
	font-size:16px;
}

.list__01 li:nth-child(n+2){
	margin-left:30px;
}

.list__02{
	list-style-type:none;
	display:flex;
	position:relative;
	
}

.list__02 li{
	background-color:#fff;
	list-style-type:none;
	display:flex;
	color:#F03C3C;
	padding:5px 40px;
	font-weight:300;
	font-size:14px;
	text-align:center;
	border:1px solid #F03C3C;
	border-left:none;
	position:absokute;
	
	
}
.list__02 li:hover{
	background-color:#F03C3C;
	color:#fff;
	cursor:pointer;
}

.list__02 li.active{
	background-color:#F03C3C;
	color:#fff;
	cursor:pointer;
}



.list__02 li:first-child{
	border-left:1px solid #F03C3C;
	border-radius:4px 0 0 4px;
}

.list__02 li:last-child{
	border-left:none;
	border-radius:0 4px 4px 0;
}

.list__02 li.is-active + .list__02 li{
	border-radius:0 4px 4px 0;
	margin-left:-5px;
	
}
.list__02 li a{
	color:#F03C3C;
	position:absolute;
	display:block;
	
}

.list__02 li a:hover{
	color:#fff;
	
}

.list__03{
	list-style-type:none;
	display:flex;
	flex-direction: column;
	
}

.list__03 li{
	list-style-type:none;
	background:url(../images/common/arrow_red_b.png) no-repeat left center;
	padding:15px 0 15px 24px;
	font-size:16px;
	border-top: 1px dotted #B4B4B4;
}

.list__03 li:last-of-type{
	border-bottom: 1px dotted #B4B4B4;
}

.___list__02{
	list-style-type:none;
	display:flex;
	
}

.___list__02 li{
	background-color:#fff;
	list-style-type:none;
	display:flex;
	color:#F03C3C;
	padding:5px 40px;
	font-weight:300;
	font-size:14px;
	text-align:center;
	border:1px solid #F03C3C;
	border-radius:4px;
	
}
.___list__02 li:hover{
	background-color:#F03C3C;
	color:#fff;
	cursor:pointer;
}

.___list__02 li.active{
	background-color:#F03C3C;
	color:#fff;
	cursor:pointer;
}

.___list__02 li:first-child{
	border-right:none;
	border-radius:4px 0 0 4px;
}

.___list__02 li:last-child{
	border-left:none;
	border-radius:0 4px 4px 0;
}


.___list__02 li a{
	color:#F03C3C;
	
}

.___list__02 li a:hover{
	color:#fff;
	
}
.list__05{
	display:flex;
	
}
.list__05 li{
	background-color:#fff;
	list-style-type:none;
	display:flex;
	color:#F03C3C;
	font-weight:300;
	font-size:14px;
	text-align:center;
	border:1px solid #F03C3C;
	border-left:none;
	height:40px;
	width:160px;
	align-items:center;
	text-align:center;
	justify-content: center;
	
	
}
.list__05 li:hover{
	background-color:#F03C3C;
	color:#fff;
	cursor:pointer;
}

.list__05 li.active{
	background-color:#F03C3C;
	color:#fff;
	cursor:pointer;
}



.list__05 li:first-child{
	border-left:1px solid #F03C3C;
	border-radius:5px 0 0 5px;
}

.list__05 li:last-child{
	border-left:none;
	border-radius:0 5px 5px 0;
}

.list__05 li.is-active + .list__05 li{
	border-radius:0 5px 5px 0;
	margin-left:-5px;
	
}

@media (max-width:1024px){
	
	.list__04 li{
	background-color:#fff;
	list-style-type:none;
	display:flex;
	color:#F03C3C;
	font-weight:300;
	font-size:14px;
	text-align:center;
	border:1px solid #F03C3C;
	border-left:none;
	position:absolute;
	height:40px;
	width:auto;
	padding:0 30px;
	
	
}
}

/*選択アイコン*/
.icon_radio__btn{
	font-size: 16px;
	font-weight: normal;
	line-height: 1;
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0.7em 1em 1em 2em;
	cursor: pointer;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.icon_radio__btn:before {
    position: absolute;
    top: 0.7em;
    left: 0em;
    width: 18px;
    height: 18px;
    content: '';
    border: 0.3em solid #E6E6E6;
    border-radius: 50%;
}

.icon_radio__btn:hover:before,.icon_radio__btn.active:before {
    border: 0.3em solid #F03C3C;
}

.icon_radio__btn:hover{
	color:#222;
}

/*text
--------------------------------------*/

.culum_txt p + p{
	margin-top:20px;
}
	
/*btn
--------------------------------------*/

.btn{border:none;line-height: 20px;border-radius:0px;}

.btn-sm{
	font-size: 14px;
    padding: 10px 20px;
}

.btn-md{
	font-size: 16px;
    padding: 15px 30px;
}

.btn-lg {
	font-weight: bold;
    padding: 16px 18px;
    font-size: 18px;
    line-height: 24px;
}

.btn-xlg {
	font-weight: bold;
    padding: 20px 40px;
    font-size: 30px;
    line-height: 30px;
}


.btn-black {
    background-color: rgba(255,255,255,0);
    border-color: #fff;
    color: #fff;
}

.btn-black:focus, .btn-black.focus {
    background-color: rgba(0,0,0,0.9);
    border-color: #000;
    color: #fff;
}
.btn-black:hover {
    background-color: rgba(0,0,0,0.9);
    border-color: #000;
    color: #fff;
}

.btn-white {
    background-color: rgba(255,255,255,0);
    border: 2px solid #000;
    color: #000;
    padding: 15px 0px;
}
.btn-white:focus, .btn-white.focus {
    background-color: rgba(255,255,255,0.5);
    border-color: #8c8c8c;
    color: #333;
}
.btn-white:hover {
    background-color:rgba(0,0,0,1);
    color: #fff;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #333;
}


.btn-more{background: #1ab1e6;color:#fff;font-size: 16px;line-height: 19px;padding: 0 15px;width: 166px;}
a.btn-more:hover,
a.btn-more:active,
a.btn-more:focus{background: #1ab1e6;color:#fff;opacity:.8;}
.btn-more i{margin-right: 0 !important;}

.btn-detail{background: #c15120;color:#fff;border:none;}
button.btn-detail:hover,
button.btn-detail:active,
button.btn-detail:focus,
a.btn-detail:hover,
a.btn-detail:active,
a.btn-detail:focus,
input.btn-detail:hover,
input.btn-detail:active,
input.btn-detail:focus{background: #c15120;color:#fff;opacity:.8;}

.btn i.fa-angle-right{margin-right: 0;font-size: 1.5em;}
.btn i.fa-angle-left{margin-right: 0.5em;font-size: 1.4em;}

/*form*/
input[type='text']{
  width: 100%;
  max-width: 400px;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.table-bordered{border-spacing:0;border-collapse:collapse;width:100%;}
.table-bordered th{width: 1%;white-space: nowrap;padding:14px !important;line-height: 1.5;background: #f6f6f6;}
.table-bordered td{width: 99%;padding:14px !important;background: #fff;line-height: 1.5;}

.tab__01{
	border:1px solid #E6E6E6;
	border-bottom:none;
	border-right:1px solid #E6E6E6;
}

.tab__01 thead th{
	background: #f2f2f2;
	font-weight:500;
	border-left:1px solid #E6E6E6;
}

.tab__01 tbody th{
	font-weight:400;
	font-size:13px;
}

.tab__01 th,.tab__01 td{
	padding:12px 15px;
	border-right:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
}


/*荳翫↓繧ｹ繝ｩ繧､繝峨＠縺ｪ縺後ｉ繝輔ぉ繝ｼ繝峨う繝ｳ*/

.target{
	opacity: 0;
 transform: translate(0, 60px);
 -webkit-transform: translate(0, 60px);
 transition: .8s;
}

.fadeInUp {
	opacity: 1.0;
 transform: translate(0, 0);
 -webkit-transform: translate(0, 0);
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.header-pages {
    padding: 18px 0;
    border-bottom: 1px solid #f2f2f2
}

.header-container {
    max-width: 1200px;
    padding: 0 40px;
    box-sizing: border-box;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center
}

.header-logo a {
    display: block
}

.header-logo a img.is-sp {
    display: none
}

.header-menu {
    margin-left: auto;
    background: #fff;
    height: 48px;
    padding: 0 30px;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.header-menu-list {
    list-style-type: none;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center
}

.header-menu-list li:last-child {
    border-left: 1px dotted #b4b4b4;
    padding-left: 20px
}

.header-menu-list li a span svg {
    position: relative;
    top: -1px;
    width: 16px;
    height: 16px;
    vertical-align: middle
}

.header-menu-list li a span svg .cls-1 {
    fill: #222
}

.header-menu-list li a:hover span svg .cls-1 {
    fill: #f03c3c
}

.header-menu-list li+li {
    margin-left: 23px
}

.header-menu-trigger {
    margin-left: 20px
}

.header-menu-trigger a img {
    vertical-align: middle;
    position: relative;
    top: -2px
}

@media (max-width: 1024px) {
    .header-pages {
        padding:12px 20px
    }

    .header-container {
        width: 100%;
        padding: 0
    }

    .header-logo a img.is-pc {
        display: none
    }

    .header-logo a img.is-sp {
        display: block
    }

    .header-menu {
        height: 40px;
        padding: 0 24px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box
    }

    .header-menu-list li:last-child {
        /* display:none; */
    }

    .header-menu-list li a span.is-pc {
        display: none
    }

    .header-menu-list li a span svg {
        display: none
    }

    .header-menu-list li+li {
        margin-left: 12px
    }

    .header-menu-trigger {
        display: none
    }
}

.navigation {
    position: fixed;
    width: 368px;
    right: 0;
    top: 0;
    height: 100vh;
    background: #fff;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    z-index: 10000;
    transform: translateX(100%);
    overflow: hidden;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    -ms-transition: all .15s linear;
    transition: all .15s linear
}

.navigation.is-slided {
    transform: translateX(0%)
}

.navigation-close {
    width: 100%;
    cursor: pointer;
    text-align: right;
    margin-bottom: 16px
}

.navigation-close svg {
    width: 28px;
    height: 28px
}

.navigation-container {
    padding: 50px 60px;
    height: 100%;
    overflow: auto;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column
}

.navigation-list {
    list-style-type: none
}

.navigation-list li a {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #222;
    font-weight: 500;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    -ms-transition: all .15s linear;
    transition: all .15s linear
}

@media (min-width: 1024px) {
    .navigation-list li a:hover {
        color:#f03c3c
    }
}

.navigation-list li+li {
    margin-top: 20px
}

@media (max-width: 1024px) {
    .navigation {
        width:80%
    }

    .navigation-container {
        -webkit-overflow-scrolling: touch;
        padding: 32px 36px
    }

    .navigation-list {
        order: 1
    }

    .navigation-list li a {
        display: block;
        font-size: 14px;
        line-height: 20px
    }

    .navigation-close {
        order: 2;
        width: 100%;
        text-align: center;
        margin-top: 89px
    }
}
/*

	viewport settings

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

	font setting

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

	clearfix settings

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

	boxsizing settings

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

	opacity settings

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

	border-radius settings

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

	drop shadow settings

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

	vertical align setting

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

	flexbox layout setting

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

	hover transition

**************************************************/
.footer {
  background: #F2F2F2; }
  .footer-top {
    background: #F03C3C;
    padding: 32px 0; }
  .footer-row {
    margin: 0;
    padding: 0; }
  .footer-row + .footer-row {
    margin-top: 42px; }
  .footer-inner {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center; }
  .footer-anchor {
    margin-left: auto; }
    .footer-anchor a {
      font-size: 16px;
      color: #fff;
      position: relative; }
      .footer-anchor a:after {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        width: 24px;
        height: 24px;
        background: url(../images/svg/ico_arrow_white.svg) no-repeat 0 0;
        background-size: 24px 24px;
        top: -3px;
        margin-left: 8px;
        content: ""; }
  .footer-container {
    width: 1200px;
    margin: 0 auto;
    padding: 80px 0 60px; }
  .footer-sec-title {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 39px; }
  .footer-sec-sub-title {
    font-size: 18px;
    line-height: 36px;
    font-weight: 500; }
  .footer-sec-sns {
    align-items: center;
    border-top: 1px dotted #b4b4b4;
    border-bottom: 1px dotted #b4b4b4;
    padding: 24px 0;
    margin: 60px 0; }
    .footer-sec-sns-title {
      font-size: 16px;
      line-height: 36px;
      font-weight: 500; }
    .footer-sec-sns-list {
      list-style-type: none;
      display: flex;
      display: -webkit-flex;
      justify-content: flex-start;
      align-items: flex-start;
      flex-wrap: wrap; }
      .footer-sec-sns-list li {
        padding: 0 16px;
        border-left: 1px dotted #b4b4b4; }
        .footer-sec-sns-list li:last-child {
          border-right: 1px dotted #b4b4b4; }
        .footer-sec-sns-list li a {
          display: block; }
    .footer-sec-sns-text p {
      text-align: right;
      font-size: 16px;
      line-height: 32px;
      color: #b4b4b4; }
      .footer-sec-sns-text p span {
        display: block;
        font-size: 12px; }
  .footer-sec-list {
    list-style-type: none;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap; }
    .footer-sec-list li {
      margin: 0 16px 8px 0; }
      .footer-sec-list li a {
        font-size: 14px;
        line-height: 28px;
        font-weight: 400; }
  .footer-menus {
    margin-bottom: 60px; }
    .footer-menus-title {
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 16px; }
    .footer-menus-list {
      list-style-type: none; }
      .footer-menus-list li {
        margin: 0 0 8px 0; }
        .footer-menus-list li a {
          font-size: 14px;
          line-height: 32px;
          font-weight: 400; }
      .footer-menus-list div a {
        padding-left: 24px;
        display: block;
        margin: 0 0 8px 0;
        font-size: 16px;
        line-height: 36px;
        font-weight: 500;
        position: relative; }
        .footer-menus-list div a:before {
          display: block;
          position: absolute;
          left: 0;
          top: 50%;
          margin-top: -8px;
          width: 16px;
          height: 16px;
          background: url(../images/svg/ico_arrow_red.svg) no-repeat 0 0;
          background-size: 16px 16px;
          content: ""; }
  .footer-bottom .row .col-auto + .col-auto {
    margin-left: 16px; }
  .footer-logo + .footer-logo {
    margin-left: 16px; }
  .footer-copyright {
    margin-top: 36px; }
    .footer-copyright p {
      font-size: 16px;
      line-height: 36px; }
  @media (max-width: 1024px) {
    .footer-top {
      background: #F03C3C;
      padding: 24px 20px; }
    .footer-row {
      flex-direction: column; }
    .footer-row + .footer-row {
      margin-top: 28px; }
    .footer-inner {
      width: 100%;
      margin: 0; }
    .footer-logo a img {
      height: 30px;
      width: auto; }
    .footer-anchor {
      margin-left: auto; }
      .footer-anchor a {
        font-size: 10px;
        color: #fff;
        position: relative; }
        .footer-anchor a .is-pc {
          display: none; }
        .footer-anchor a:before {
          display: block;
          position: relative;
          vertical-align: middle;
          width: 20px;
          height: 20px;
          background: url(../images/svg/ico_arrow_white.svg) no-repeat 0 0;
          background-size: 20px 20px;
          top: 0px;
          margin: 0 auto;
          content: ""; }
        .footer-anchor a:after {
          display: none; }
    .footer-container {
      width: 100%;
      margin: 0;
      padding: 40px 20px 36px;
      box-sizing: border-box; }
    .footer-sec {
      flex-direction: column; }
      .footer-sec-sub-title {
        max-width: 100%;
        flex: 0 0 100%;
        font-size: 16px;
        line-height: 36px;
        font-weight: 500;
        margin-bottom: 12px; }
      .footer-sec-list {
        max-width: 100%;
        flex: 0 0 100%;
        list-style-type: none;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap; }
        .footer-sec-list li a {
          font-size: 13px; }
      .footer-sec-sns {
        padding: 20px 0;
        margin: 40px 0; }
        .footer-sec-sns-title {
          flex: 0 0 100%;
          max-width: 100%;
          text-align: center;
          margin-bottom: 12px; }
        .footer-sec-sns-list {
          display: flex;
          display: -webkit-flex;
          justify-content: center;
          align-items: center;
          flex: 0 0 100%;
          max-width: 100%;
          margin-bottom: 12px; }
          .footer-sec-sns-list li {
            padding: 0 35px;
            border-left: 1px dotted #b4b4b4; }
            .footer-sec-sns-list li:first-child {
              border-left: none; }
            .footer-sec-sns-list li:last-child {
              border-right: none; }
            .footer-sec-sns-list li a {
              display: block; }
              .footer-sec-sns-list li a img {
                width: 42px;
                height: 42px; }
        .footer-sec-sns-text {
          margin: 0;
          flex: 0 0 100%;
          max-width: 100%; }
          .footer-sec-sns-text p {
            text-align: center;
            line-height: 20px; }
            .footer-sec-sns-text p span {
              margin-top: 12px; }
    .footer-menus {
      margin-bottom: 40px; }
      .footer-menus .row {
        flex-direction: column; }
        .footer-menus .row .col-4 {
          flex: 0 0 100%;
          max-width: 100%; }
        .footer-menus .row .col-4 + .col-4 {
          margin-top: 28px; }
      .footer-menus-title {
        font-size: 18px; }
      .footer-menus-list {
        list-style-type: none; }
        .footer-menus-list li {
          margin: 0 0 8px 0; }
        .footer-menus-list div a {
          margin: 0 0 8px 0; }
    .footer-bottom .row .col-auto + .col-auto {
      margin-left: 8px; }
    .footer-copyright p {
      font-size: 14px; } }
