@charset "utf-8";

/* ============================================================
default
============================================================ */

.disnone {
	display:none;
}
article,#wester,#note{
	background: #FFF;
}
.topline{
	background: url(../images/topline.png) repeat-x top center #eef5ff;
	height: 33px;
	width: auto;
}

.marker{
	 background: linear-gradient(transparent 50%, #fff23f 50%);  
}

.nijigen{
	display: block;
	margin: 10px 0 0 0;
}

@media screen and (max-width: 759.9px) {
	.spnone {
		display: none;
	}
	#dirPathBlock,
	#anchorLinkBlock {
		font-size: 10px;
		margin: 1% 1% 0 1%;
	}
	#dirPathBlock p,
	#anchorLinkBlock a {
		font-size: 12px;
	}
	h1 {
		font-size: 12px;
		margin: 0 1%;
	}
	.inner {
		width: 96%;
		margin: 0 2%;
		padding: 24px 0;
		box-sizing: border-box;
	}
}/* end @media */

@media screen and (min-width: 760px),print {
	#dirPathBlock,
	h1,
	.iframe_end-content_gadget,
	#anchorLinkBlock {
		width: 100%;
		max-width:970px;
		min-width:760px;
		margin: auto;
	}
	#dirPathBlock,
	#anchorLinkBlock {
		width: 100%;
		margin: 0 auto;
		display: block;
		font-size: 12px;
	}
	#dirPathBlock p,
	#anchorLinkBlock a {
		font-size: 12px;
	}
	h1 {
		font-size: 14px;
		width: auto;
		max-width: 970px;
		margin: 0 auto 5px;
	}
	.inner {
		width: 96%;
		max-width:970px;
		margin: 0 auto;
		padding:50px 0;
		display: block;
	}
	u {
		text-decoration-color: red;
	}
}/* end @media */

/* ============================================================
common
============================================================ */

article section {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
article section * {
	box-sizing: border-box;
}
article section div.inner {
    width:100%;
	margin: 0 auto;
	padding: 0;
}
article section div.inner * {
	font-feature-settings: 'palt';
	letter-spacing: 0;
    max-width: 100%;
}

article section {
	color: #232d23;
}
article section strong {
	font-weight: bold;
    font-size: 110%;
}

article section img {
	max-width: 100%;
}
.red {
    color: crimson;
}
.txt_small {
    font-size: 80%;
}




/* ============================================================
PC
============================================================ */

@media screen and (min-width: 760px),print {
	
	
	.icocaarea{
		margin: 30px 0 0 0;
	}
	
		.howtoimg{
		max-width: 950px !important;
		width: 100%;
			        margin: 30px 0 50px 0;
	}
	
	.howtoimg img{
		width: 100%;
	}

	.spotarea{
		margin: 0 0 50px 0;
	}

.spotarea ul.cat_btn {
	display: flex;
	gap: 2%;
}
.spotarea ul.cat_btn li {
	width: calc(94% / 4);
}
.spotarea ul.cat_btn li a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #cccccc;
	background: #d4ecea;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	padding: 10px 0;
}
.spotarea ul.cat_btn li a.on {
	color: #fff;
	pointer-events: none;
}
	
/*
.spotarea dl.cat_tab {
    font-family: "微软雅黑","宋体";
}*/
.spotarea dl.cat_tab > div {
	max-width: 0;
	max-height: 0;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	transition: opacity .2s ease-in;
}
.spotarea dl.cat_tab > div.on {
	max-width: 100%;
	max-height: 100%;
	visibility: visible;
	opacity: 1;
}

.spotarea dl.cat_tab > div > dt {
	padding: 30px 0 30px 0;
	background-color: #ffffff;
}

.spotarea dl.cat_tab > div > dt >div.maintit{
	position: relative;
    padding: 10px 0 20px 0;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin: 0 0 35px 0;
}

.spotarea dl.cat_tab > div > dt >div.maintit:before {
position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #082584;
}

.spotarea dl.cat_tab > div > dt >div.subtit{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}

.spotarea dl.cat_tab > div > dd{
	background-color: #ffffff;
	margin: 0 0 0 0;
    padding: 5px 0 0 0;
}

.spotarea dl.cat_tab > div > dd > div.areatit{
	padding: 15px 20px;
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    margin: 20px 0px 20px;
}

.spotarea dl.cat_tab ul li {
	position: relative;
	display: flex;
	gap: 2%;
	padding: 22px 30px 35px;
	background: #fff;
}
.spotarea dl.cat_tab ul li:not(:last-child)::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 30px;
	width: calc(100% - 60px);
	height: 4px;
	background: #082584;
}
.spotarea dl.cat_tab ul li p {
	width: 35%
}

.spotarea dl.cat_tab ul li p span.icon{
	display: block;
	padding: 5px 15px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0 0;
}


span.i_qr{
	background-color: #FFEFBB;
}

span.i_gps{
	background-color: #CEFFDD;
}

.spotarea dl.cat_tab ul li p img {
	height: auto;
	margin-top: 10px;
	max-width: 280px;
}
.spotarea dl.cat_tab ul li dl {
	width: 58%;
	text-align: left;
}
.spotarea dl.cat_tab ul li dl dt {
    margin-bottom: 10px;
	font-size: 28px;
	font-weight: bold;
	color: #082584;
    line-height: 1.4;
}
.spotarea dl.cat_tab ul li dl dd {
	line-height: 1.4;
	font-size: 18px;
	font-weight: normal !important;
}
.spotarea dl.cat_tab ul li > dl > dd.text {
	margin-bottom: 1em;
    line-height: 1.6;
}
.spotarea dl.cat_tab ul li > dl > dd.text ol {
    /*margin: 15px 0 0;*/
}
.spotarea dl.cat_tab ul li > dl > dd.text ol li {
    list-style-type: decimal;
    margin-bottom: 15px;
    display: list-item;
    padding: 0;
    margin-left: 20px;
    position: static;
}
.spotarea dl.cat_tab ul li > dl > dd.text ol li::after {
    display: none;
}
.spotarea dl.cat_tab ul li > dl > dd dl {
    width: 100%;
    margin-top: 20px;
}
.spotarea dl.cat_tab ul li > dl > dd dl div {
	display: flex;
}
.spotarea dl.cat_tab ul li > dl > dd dl div dt {
    margin-bottom: 5px;
    color: #555;
    font-size: 18px;
    font-weight: normal;
	white-space: nowrap;
}



	
	
	.discover{
		margin: 0 0 30px 0;
		border: 2px solid #00125e;
	}
	
	.dis_tit{
		background-color:#00125e;
		text-align: center;
		color: #ffffff;
		font-size: 24px;
		padding: 15px 15px;
		margin: 0px 0 0px 0;
	}
	
	.dis_detail{
		padding: 20px;
		
		text-align: center;
		margin: 0 0 0px 0;
		
	}
	
	.dis_txt{
		margin: 0 0 20px 0;
		font-size: 20px;
	}
	
		.camp_btnL{
		width: 80% !important;
		margin: 0 auto !important;
		max-width: 970px !important;
	}
.camp_btn{
	
	display: block;
  width: 100%;
  max-width: 400px; /* ボタン幅 */
margin:0 auto;
  position: relative;
  background: #00125e; /* 背景色 */
  border: 2px solid #00125e;
  padding: 1em 2em;
  font-weight: bold;
  color: #fff !important; /* 文字色 */
  text-decoration: none;
  text-align: center;
  transition-duration: 0.3s;
	border-radius: 20px;
	font-size: 20px;
	
}
	
.camp_btn::after {
	 content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #fff; /* 矢印の色 */
  border-right: 2px solid #fff; /* 矢印の色 */
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -6px;
}	

.camp_btn:hover {
    opacity: 0.8;
}
.camp_btn i {
    float: right!important;
    position: absolute;
    right: 15px;
    top:35%;
}
.camp_btn a,
.camp_btn a:hover {
    text-decoration: none!important;
    display: block;
    color: #fff;
}

	
	
	.pointarea{
		margin: 0 0 40px 0;
	}
	
	.pointarea ul{
		display: flex;
		justify-content: space-around;
		
	}
	
	.pointarea ul li{
		max-width: 400px;
		width: 32%;
	}
	
	.pointarea ul li img{
		width: 100%;
	}
	
	.tit_ch{
		max-width: 970px;
		margin: 0 auto 40px;
		width: 100%;
	}
	
	.tit_ch img{
		width: 100%;
	}
	
	
	.endarea{
		position: relative;
		z-index: 1;
		padding: 30px 0;
		margin: 0 0 50px 0;
	}

	.end{
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #ffffff;
		background-color:rgba(0,0,0,0.5);
		width: 100%;
		height: 100%;
		font-size: 48px;
		font-weight: bold;
		text-align: center;
		z-index: 1;
	}
/* common
-------------------------------------------------------------*/

article section {
	font-size: 25px;
}
article section .sp {
	display: none !important;
}

article section a {
	transition: opacity .2s ease-in;
}
article section a:hover {
	opacity: 0.6;
}

.pcnone {
		display: none !important;
}

	
.graybg{
	background: url(../images/bg.jpg) repeat;
}

.p1 {
    font-size: 25px;
	color: #231815;
    text-align: center;
}
	
.p1_txt{
   text-align: center;
	padding: 0 0 10px 0 ;
}
	
	.p1_txt strong{
		color:#FF0004;
	}
	
.p1_txtpink {
	color: #e8546b;
}
.large{
    font-size: 34px;		
}
.small{
    font-size: 16px;		
}	

ul.notice {
	/*display: inline-block;*/
	margin: 0 0 30px;
	text-align: left;
	font-size: 14px;
}

/* sec_0
-----------------------------------------------------------*/

#sec_0  {
    position: relative;
    width: 100%;
    height:auto;
    overflow: hidden;
	
  background-repeat: repeat-x;
  background-image: url(../images/bg_air.jpg);
}

.title_bgimage  {
    width: 2000px;
    height: 600px;
    object-fit: cover;
    object-position: center top;
    display: block;
    margin: auto;
}

.title_image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 950px;
    height: 600px;
	min-width: 950px;
}

	
	
/* sec_1
-------------------------------------------------------------*/

#sec_1{
	/*background: url('../images/bg1_train.png') no-repeat center center;*/	
    padding: 60px 0 60px;
    font-size: 30px;
}


	
#sec_1 img{
	width: 100%;
	margin: 0 auto;
	max-width: 500px;
}




/* sec_2 sec_3
-------------------------------------------------------------*/
	
	.prizearea{
		background-color: rgba(255,255,255,0.90);
		padding: 20px;
		margin: 0 0 50px 0;
	}
	
	.st_prize{
		margin: 0px 0 30px 0;
	}
	
	.st_prize_tit{
		background-color: #006BFD;
		color: #ffffff;
		text-align: center;
		padding: 10px;
		font-size: 36px;
		
	}
	
	.st_prizein{
		border: 3px solid #006BFD;
		padding: 20px 20px;
		text-align: center;
		font-size: 24px;
		background-color: #ffffff;
	}
	
	.jyouken{
		margin: 40px 0 30px 0;
		
	}
	
	.jyouken_tit{
		background-color: #001198;
		color: #ffffff;
		padding: 10px;
		font-size: 24px;
	}
	.jyoukenlist{
		background-color: #ffffff;
		padding: 20px 20px; 
		border: 3px solid #001198;
	}
	
	.jyoukenbox{
		padding: 0 0 15px 0;
		margin: 0 0 15px 0;
		border-bottom: dotted 1px #cccccc;
	}
	
	.jyoukenbox:last-of-type{
		border: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.jyoukenbox dl{
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	
	.jyoukenbox dl dt{
		background-color: #FF8600;
        padding: 10px;
        font-size: 20px;
        color: #ffffff;
        width: 40%;
        margin: 0 20px 0 0;
	}
	
	.jyoukenbox dl dd{
		width: 60%;
        font-size: 20px;
        text-align: left;
	}
	
	
#sec_2,
#sec_2_2{
    position: relative;
	width: 100%;
	overflow: hidden;
    text-align: center;
}
	

#sec_2 .title,
#sec_2_2 .title {
    max-height: 105px;
    padding: 1rem 0;
}	
	
#sec_2 .balloon1,
#sec_2_2 .balloon1 {
  position: relative;
  display: inline-block;
  margin: 0 0 2.5em;
  padding: 20px 30px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #83b41b;
}

#sec_2 .balloon1:before,
#sec_2_2 .balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #83b41b;
}

#sec_2 .balloon1 p,
#sec_2_2 .balloon1 p {
  margin: 0;
  padding: 0;
    font-size: 34px;
    color: #fff;
}
#sec_2 .title,#sec_3 .title{
    max-height: 105px;
    padding: 1rem 0;
}
	
#sec_2 .inner,#sec_3 .inner{
	text-align: center;
}
	
 #sec_2 .boxarea,#sec_3 .boxarea{
      /*background-color: #FFF;*/
      /*border: 2px solid #666; */
      padding: 20px 0; 
      width: 100%;
      text-align: center;
      max-width: 950px;
      margin:auto;
}
	
#sec_2_2 .title,#sec_3_2 .title{
    max-height: 105px;
    padding: 1rem 0;
}
	
#sec_2_2 .inner,#sec_3_2 .inner{
	text-align: center;
}
	
 #sec_2_2 .boxarea,#sec_3_2 .boxarea{
      /*background-color: #FFF;*/
      /*border: 2px solid #666; */
      padding: 20px 0; 
      width: 100%;
      text-align: center;
      max-width: 950px;
      margin:auto;
}

#sec_2 p,
#sec_2_2 p{
	padding: 10px 0 0 0;
}
	
#sec_2,
#sec_2_2 {
	background: url('../images/bg2_train.png') no-repeat center 200px;
	padding: 40px 0 0 0;
    margin: 2rem 0;
}

#sec_2 .small,
#sec_2_2 .small{
	font-weight: normal;
	text-align: left;
}
	
.triangle{
    background: #1363aa;
    height: calc(35px / 2);
    width: 35px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    margin: 1rem auto 0;
}
	
	
/* wester
-------------------------------------------------------------*/
#wester{
	background: url('../images/bg3_train.png') no-repeat center center;
	margin: auto;
	text-align: center;
	padding:10rem 0;
	align-items: center;
}

#wester .ltxt{
    font-size: 30px;
    text-align: center;
    padding: 30px 0;
}

#wester .mtxt{
    font-size: 25px;
    font-weight: 900;
	line-height: 1.3;
    padding: 37px 0;
}

#wester strong{
	color: #BE1432;
}

.wc_link img {
    width: 100%;
    height: 67px;
	padding: 0 20px;
}

.westerappli{
    padding: 0.5rem 0;	
	display: flex;
	justify-content: space-evenly;
}

#wester .logo_wester{
	width: 215px;
	height: 215px;
	flex-shrink: 0;
}

.wc_link{
	display: flex;
}

.westersmall{
    font-size: 18px;
    font-weight: 400;
    padding: 25px 0 70px;
    line-height: 1.5;	
}



/* sec_4
-------------------------------------------------------------*/
#sec_4{
	margin: 4rem 0;
	padding: 0 0 4rem 0;
}	
	
#sec_4 .boxarea{
      background-color: #FFF;
      border: 4px solid #333; 
      padding: 30px; 
      width: 100%;
      text-align: center;
      max-width: 950px;
      margin:auto;
}
#sec_4 .inner {
    text-align: center;
}	
#sec_4 .title {
    max-height: 105px;
    padding: 1rem 0;
}	
	
#sec_4 .step {
	display: flex;
	gap:20px;
}
	
#sec_4 .step:first-child{
	padding: 25px 0 0 0;		
}

#sec_4 .step_icon{
   display: flex;
   max-width: 100px;
   flex-direction: column;	
}
.step_line{
    background: #1363aa;
    border: solid #FFF;
    border-width: 0 30px;
    height: 100%;
    margin-top: -50px;
    z-index: 1;	
}	

#sec_4 .step_icon img {
   width: 95px;
   height: 95px;
   margin: auto;
   z-index: 2;
   margin-top: -25px;
}

#sec_4 .step_txtbox {
   flex: 1;
   padding-left: 10px;
}
	
/* step1*/
.step_link{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2%;
	margin: 2rem 0 0rem;
}

#sec_4 .logo_wester{
    width: 175px;
    height: 175px;
    flex-shrink: 0;
    margin: 0 15px 0 0;
}

#sec_4 a img{
    width: auto;
    height: 55px;
}
	
	
	
/* step2*/	
.step_flow {
    position: relative;
	display: flex;
	gap: 20px;
    margin: 1.5rem 0 3rem 0;
}

    .flowbox {
      margin: 0 1.5%;
	  flex: 1;
      box-sizing: border-box;
      position: relative;	
    }

    .flowbox img {
      width: 100%;
      height: auto;
      display: block;
    }

    .flowbox .flowtxt {
      text-align: center;
      padding: 10px;
    }
	
	.flowtxt,.flowtxt2{
		font-size: 16px;
	}

    .flowbox:nth-of-type(1):after,.flowbox:nth-of-type(2):after {
      content: "";
      position: absolute;
      top: 50%;
      right: -45px;
    border-width: 16px;
      border-style: solid;
      border-color: transparent transparent transparent #1363aa; 
      transform: translateY(-50%);
    }
	
	
/* stamp*/	
	
#stamp h3,
#stamp2 h3{
		font-size: 30px;
		font-weight: bold;
}
.stamp_txt {
	font-size: 25px;
	color: #231815;
    text-align: center;
}	
	
#stamp,
#stamp2{
		background:#fffab4;
		padding: 20px;
		text-align: center;
		margin: 2rem auto 0;
}
.stamp_flow {
    position: relative;
	display: flex;
	gap: 20px;
    margin: 10px 0 0 0;
}

	.stamp_flowtit{
		margin: 1.5rem 0 0 0;
		text-align: left;
		font-size: 18px;
	}
	
#stamp .flowbox,
#stamp2 .flowbox {
      margin: 0 1.5%;
	  flex: 1;
      box-sizing: border-box;
      position: relative;	
    }

#stamp .flowbox img,
#stamp2 .flowbox img {
      width: 100%;
      height: auto;
      display: block;
    }

#stamp .flowbox .flowtxt,
#stamp2 .flowbox .flowtxt {
      text-align: center;
      padding: 10px;
    }
	
#stamp .flowtxt,
#stamp2 .flowtxt{
		font-size: 16px;
	}

#stamp .flowbox:nth-of-type(1):after,#stamp .flowbox:nth-of-type(2):after {
      content: "";
      position: absolute;
      top: 50%;
      right: -45px;
      border-width: 16px;
      border-style: solid;
      border-color: transparent transparent transparent #1363aa; 
      transform: translateY(-50%);
    }
 
#stamp2 .flowbox:nth-of-type(1):after,#stamp2 .flowbox:nth-of-type(2):after {
      content: "";
      position: absolute;
      top: 50%;
      right: -45px;
      border-width: 16px;
      border-style: solid;
      border-color: transparent transparent transparent #1363aa; 
      transform: translateY(-50%);
    }
       
    
/* step04*/	
	
#step04 h3{
		font-size: 24px;
		font-weight: bold;
    padding-left: 110px;
    margin-top:-30px;
     margin-top:-20px;
    height: 50px;
}
#step04 h3 span{
		font-size: 30px;
}
#step04 .stamp_txt {
	font-size: 20px;
	color: #231815;
    text-align: center;
}
#step04 .stamp_txt span {
    font-size: 28px;    
    }    

	
#step04{
		padding: 20px;
		text-align: center;
		margin: 2rem auto 0;
}
.step04_flow {
    position: relative;
	display: flex;
	gap: 20px;
    margin: 1.5rem 0 0 0;
}

#step04 .flowbox {
      margin: 0 1.5%;
	  flex: 1;
      box-sizing: border-box;
      position: relative;	
    }

#step04 .flowbox img {
      width: 100%;
      height: auto;
      display: block;
    }

#step04 .flowbox .flowtxt {
      text-align: center;
      padding: 10px;
    }
	
#step04 .flowtxt,#step04 .flowtxt2{
		font-size: 16px;
	}
#step04 .flowbox .flowtxt2 {
      text-align: center;
      padding: 10px;
    }
	
	
.coution{
		text-align: center;
		color: #231815;
		font-size: 20px;
		margin: 50px auto;
    color: #e60012;
}
#step04 .step_icon img {
   width: 95px;
   height: 95px;
   margin: auto;
   z-index: 2;
   margin-top: 0px!important;
}

#step04 .step_txtbox {
   flex: 1;
   padding-left: 10px;
}
/*sec_lst 
-------------------------------------------------------------*/
	
article section.sec_lst div.inner dl {
    border: solid 2px #000;
    padding: 10px 20px;
    text-align: center;
}
article section.sec_lst div.inner dl dt {
    font-size: 20px;
}
article section.sec_lst div.inner dl dd {
    font-size: 16px;
}
article section.sec_lst div.inner dl dd span{
    font-size: 13px;
}		

article section.sec_lst {
	background: #fff;
	background-size: 100% auto;
}

article section.sec_lst div.inner {
	padding: 100px 0 90px;
	font-size: 16px;
}
article section.sec_lst div.inner p.t1 {
	line-height: 1.2;
	text-align: center;
	font-size: 17px;
}
article section.sec_lst div.inner h5 {
	margin: 0 0 30px;
	padding: 0;
	font-size: 24px;
	background: none;
    text-align: center;
}
article section.sec_lst div.inner h6 {
	font-size: 19px;
	font-weight: bold;
}

article section.sec_lst div.inner ul {
	margin: 0 0 40px;
}
article section.sec_lst div.inner li {
	position: relative;
    margin-bottom: 5px;
	padding-left: 1.2em;
	line-height: 1.4;
	font-size: 16px;
	font-weight: normal;
}
article section.sec_lst div.inner li::before {
	content: '';
	position: absolute;
	top: 0.2em;
	left: 0;
	width: 0.9em;
	height: 0.9em;
	border-radius: 50%;
}
    
/*--------------tab---------------*/

.tab {
    position: relative;
    margin-bottom: 100px;
}
.tab::before,
.tab::after {
    content:'';
    display: block;
    height: 100%;
    width: 150px;
    position: absolute;
}
.tab::before {
    background: url(../images/bg_sec01-7.png) repeat-y top;
    background-size: 150px auto;
    top:0;
    left:-184px;
}
.tab::after {
    background: url(../images/bg_sec01-8.png) repeat-y top;
    background-size: 150px auto;
    top:0;
    right:-184px;
}
.tab .tab_wrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
    background: #f8f9f4;
}
.tab .tab_wrap .tab_label {	/* タブ */
	position: relative;
	margin-right: 15px;
	padding: 20px 0;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
	-webkit-order: -1;
	-moz-order: -1;
	-ms-order: -1;
	-o-order: -1;
	order: -1;
	border-radius: 10px 10px 0 0;
	background: #ddd;
	transition: .5s;
	cursor: pointer;
	font-size: 20px;
    letter-spacing: 0.15em;
	color: #777;
	text-align: center;
	line-height: 1.2;
    font-weight: bold;
}
.tab .tab_wrap .tab_label:hover {
	background: #e4bf1e;
	color: #fff;
}
.tab .tab_wrap .tab_label.tab_label_kaigai:hover {
	background: #e4bf1e;
}
.tab .tab_wrap .tab_label:nth-last-of-type(1){ margin-right: 0; }
.tab .tab_wrap input {		/* ラジオボタン非表示 */
	display: none;
}
.tab .tab_wrap .tab_content {	/* 本文 */
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
    margin-top: -6px;
    border-top: 6px solid #0b3a95;/*#dd335d*/
    background-color: #fff;
}
.tab .tab_wrap #cpn_kaigai.tab_content {	/* 本文 */
    border-top: 3px solid #b71c22;
}
/*アクティブ（選ばれている時の）設定*/
.tab .tab_wrap input:checked + .tab_label {
	background: #0b3a95; /* dd335d */
	color: #fff;
}
.tab .tab_wrap input:checked + .tab_label.tab_label_kaigai {
	background: #b71c22;
	color: #fff;
}
.tab .tab_wrap input:checked + .tab_label + .tab_content {
	margin: 0;
	padding: 0 0px 20px;
	height: auto;
	/*overflow: auto;*/ /* 場合によっては復活させる */
	transition: .5s opacity;
	opacity: 1;
}
/* ここまでタブ切り替えCSS */
    
.tab_content h2 {
    background: #0b3a95;
	color: #fff;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    padding: 20px 10px;
    }
    
.container01 {
  display: flex;
  margin: 10px 20px 0;
  border: 1px solid;
  flex-wrap: wrap;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    padding-bottom: 15px;
}

.container01 .item {
  margin: 5px;
  padding: 20px 10px;
}
.container01 .item img {
    width:300px;
    }
.container01 .n01 {
  /*background-color: #9ee295;*/
    width:250px;
}
.container01 .n02 {
  /*background-color: #cfd5ec;*/
    width:655px;
}
.container01 .n03 {
  /*background-color: #eccfe5;*/
    padding: 0 0px 0 10px;
}
.container01 .n04 {
  /*background-color: #ece9cf;*/
    padding: 0;
}
.container01 .n05 {
  width:280px;
    padding: 0;
}
.container01 .n05 p {
  border-bottom:2px solid #0b3a95;
    margin-bottom: 10px;
    padding-top: 0!important;
}
.container01 dl {
    display: flex;
    flex-wrap: wrap;
  font-size: 15px;
}
.container01 dl dt {
  width:85px;
}
.container01 dl dd {
  width:195px;
}
    
.container02 {
  display: flex;
  margin: 10px 20px 0;
  border: 1px solid;
  flex-wrap: wrap;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    padding-bottom: 15px;
}
    
.container02 .item {
  margin: 5px;
  padding: 20px 10px;
}
.container02 .item img {
    width:300px;
    }
.container02 .n01 {
  /*background-color: #9ee295;*/
    width:200px;
}
.container02 .n02 {
  /*background-color: #cfd5ec;*/
    width:705px;
}
.container02 .n03 {
  /*background-color: #eccfe5;*/
    padding: 0 0px 0 10px;
}
.container02 .n04 {
  /*background-color: #ece9cf;*/
    padding: 0;
}
.container02 .n05 {
  width:280px;
    padding: 0;
}
.container02 .n05 p {
  border-bottom:2px solid #0b3a95;
    margin-bottom: 10px;
    padding-top: 0!important;
}
.container02 dl {
    display: flex;
    flex-wrap: wrap;
  font-size: 15px;
}
.container02 dl dt {
  width:85px;
}
.container02 dl dd {
  width:195px;
}
    
.container03 {
  display: flex;
  margin: 10px 20px 0;
  border: 1px solid;
  flex-wrap: wrap;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    padding-bottom: 15px;
}
    
.container03 .item {
  margin: 5px;
  padding: 20px 10px;
}
.container03 .item img {
    width:300px;
    }
.container03 .n01 {
  /*background-color: #9ee295;*/
    width:120px;
}
.container03 .n02 {
  /*background-color: #cfd5ec;*/
    width:785px;
}
.container03 .n03 {
  /*background-color: #eccfe5;*/
    padding: 0 0px 0 10px;
}
.container03 .n04 {
  /*background-color: #ece9cf;*/
    padding: 0;
}
.container03 .n05 {
  width:280px;
    padding: 0;
}
.container03 .n05 p {
  border-bottom:2px solid #0b3a95;
    margin-bottom: 10px;
    padding-top: 0!important;
}
.container03 dl {
    display: flex;
    flex-wrap: wrap;
  font-size: 15px;
}
.container03 dl dt {
  width:85px;
}
.container03 dl dd {
  width:195px;
}
    
.container04 {
  display: flex;
  margin: 10px 20px 0;
  border: 1px solid;
  flex-wrap: wrap;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    padding-bottom: 15px;
}
    
.container04 .item {
  margin: 5px;
  padding: 20px 10px 0 10px;
}
.container04 .item img {
    width:292px;
    }
.container04 .n01 {
  /*background-color: #9ee295;*/
    width:170px;
}
.container04 .n02 {
  /*background-color: #cfd5ec;*/
    width:735px;
}
.container04 .n03 {
  /*background-color: #eccfe5;*/
    padding: 0 0px 0 10px;
}
.container04 .n04 {
  /*background-color: #ece9cf;*/
    padding: 0;
}
.container04 .n05 {
 padding: 0;
}
.container04 .n06 {
  width:33%;
    padding: 0 0 0 10px;
}
.container04 .n06 p {
  border-bottom:2px solid #0b3a95;
    margin-bottom: 10px;
}
.container04 .n06 dl {
    display: flex;
    flex-wrap: wrap;
  font-size: 15px;
}
.container04 .n06 dl dt {
  width:85px;
}
.container04 .n06 dl dd {
  width:205px;
}
.container04 .n07 {
  width:31%;
    padding: 0 0 0 10px;
}
.container04 .n07 p {
  border-bottom:2px solid #0b3a95;
    margin-bottom: 10px;
}
.container04 .n07 dl {
    display: flex;
    flex-wrap: wrap;
  font-size: 15px;
}
.container04 .n07 dl dt {
  width:85px;
}
.container04 .n07 dl dd {
  width:190px;
}
    
.wchance {
    margin:15px 20px 0!important;
    width:930px;
    }
.wchance img {
    width:100%;
    }
    
.fukureru_tit {
        width:100%;
        color: #2074aa;
        font-weight: bold;
        text-align: center;
        font-size: 110%;
    }

} /* end @media */



/* ============================================================
SP
============================================================ */

@media screen and (max-width: 759.9px) {
	
		.icocaarea{
		margin: 30px 0 0 0;
	}
	
		.howtoimg{
		max-width: 760px;
		width: 95%;
			margin: 30px auto 50px;
	}
	
	.howtoimg img{
		width: 100%;
	}

.spotarea{
		margin: 0 0 50px 0;
	}	
	
.spotarea ul.cat_btn {
	display: flex;
	gap: 2%;
}
.spotarea ul.cat_btn li {
	width: calc(94% / 4);
}
.spotarea ul.cat_btn li a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #cccccc;
	background: #d4ecea;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	padding: 10px 0;
}
.spotarea ul.cat_btn li a.on {
	color: #fff;
	pointer-events: none;
}
	
	

.spotarea dl.cat_tab > div > dt >div.maintit{
	position: relative;
    padding: 10px 0 20px 0;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 35px 0;
}

.spotarea dl.cat_tab > div > dt >div.maintit:before {
position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #082584;
}

.spotarea dl.cat_tab > div > dt >div.subtit{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
	
/*
.spotarea dl.cat_tab {
    font-family: "微软雅黑","宋体";
}*/
.spotarea dl.cat_tab > div {
	max-width: 0;
	max-height: 0;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	transition: opacity .2s ease-in;
}
.spotarea dl.cat_tab > div.on {
	max-width: 100%;
	max-height: 100%;
	visibility: visible;
	opacity: 1;
}

.spotarea dl.cat_tab > div > dt {
	padding: 30px 0 30px 0;
	background-color: #ffffff;
}
	
	
	.spotarea ul.cat_btn li a {
		padding: 10px 0;
		font-size: 14px;
	}
   
    .spotarea dl.cat_tab ul li {
		display: block;
		padding: 20px 20px 20px;
		background: #fff;
		position: relative;
	}
	
	.spotarea dl.cat_tab ul li:not(:last-child)::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 20px;
		width: calc(100% - 40px);
	height: 4px;
	background: #082584;
}
	
	.spotarea dl.cat_tab ul li p {
		width: 100%;
		margin: 0 auto 16px;
	}
	.spotarea dl.cat_tab ul li p img {
		width: 100%;
		max-width: 280px;
		
	}
	.spotarea dl.cat_tab ul li dl {
		width: 100%;
		text-align: left;
	}
	.spotarea dl.cat_tab ul li dl dt {
		margin-bottom: 10px;
		line-height: 1.4;
		font-size: 20px;
		color: #082584;
	}
	.spotarea dl.cat_tab ul li dl dd {
		font-size: 16px;
		font-weight: normal !important;
	}
    
	.spotarea dl.cat_tab ul li > dl > dd.text {
        margin-bottom: 0.5em;
        line-height: 1.6;
    }
    .spotarea dl.cat_tab ul li > dl > dd.text ol {
        /*margin: 15px 0 0;*/
    }
    .spotarea dl.cat_tab ul li > dl > dd.text ol li {
        list-style-type: decimal;
        margin-bottom: 15px;
        display: list-item;
        padding: 0;
        margin-left: 20px;
        position: static;
    }
    .spotarea dl.cat_tab ul li > dl > dd.text ol li::after {
        display: none;
    }
    .spotarea dl.cat_tab ul li > dl > dd dl {
        margin-top: 20px;
    }
    .spotarea dl.cat_tab ul li > dl > dd dl div {
        display: flex;
    }
	.spotarea dl.cat_tab ul li > dl > dd dl div dt {
        margin-bottom: 5px;
        color: #555;
        font-weight: normal;
        font-size: 16px;
        white-space: nowrap;
    }
	
	.discover{
		margin: 0 0 30px 0;
		border: 2px solid #00125e;
	}
	
	.dis_tit{
		background-color:#00125e;
		text-align: center;
		color: #ffffff;
		font-size: 18px;
		padding: 15px 15px;
		margin: 0 0 0px 0;
	}
	
	.dis_detail{
		padding: 20px;
		
		text-align: center;
		margin: 0 0 0px 0;
		
	}
	
	.dis_txt{
		margin: 0 0 20px 0;
		font-size: 16px;
	}
	
	.camp_btnL{
		width: 90% !important;
		margin: 0 auto 20px !important;
		max-width: 970px !important;
	}
	
.camp_btn{
	
	display: block;
  width: 100%;
  max-width: 400px; /* ボタン幅 */
margin:0 auto;
  position: relative;
  background: #00125e; /* 背景色 */
  border: 2px solid #00125e;
  padding: 1em 2em;
  font-weight: bold;
  color: #fff !important; /* 文字色 */
  text-decoration: none;
  text-align: center;
  transition-duration: 0.3s;
	border-radius: 20px;
	font-size: 14px;
	
}
	
.camp_btn::after {
	 content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #fff; /* 矢印の色 */
  border-right: 2px solid #fff; /* 矢印の色 */
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -6px;
}
.camp_btn:hover {
    opacity: 0.8;
}
.camp_btn i {
    float: right!important;
    position: absolute;
    right: 15px;
    top:35%;
}
.camp_btn a,
.camp_btn a:hover {
    text-decoration: none!important;
    display: block;
    color: #fff;
}

	
	
	.pointarea{
		margin: 0 0 40px 0;
	}
	
	.pointarea ul{
		
		
	}
	
	.pointarea ul li{
		max-width: 400px;
		width: 95%;
		margin: 0 auto 20px;
	}
	
	.pointarea ul li img{
		width: 100%;
	}
	
 .tit_ch{
		max-width: 760px;
		margin: 0 auto 40px;
		width: 95%;
	}
	
	.tit_ch img{
		width: 100%;
	}
	
	.prizearea{
		background-color: rgba(255,255,255,0.90);
		padding: 20px;
		margin: 0 0 50px 0;
	}
	
	.st_prize{
		margin: 30px auto 30px;
		width: 90%;
	}
	
	.st_prize_tit{
		background-color: #006BFD;
		color: #ffffff;
		text-align: center;
		padding: 10px;
		font-size: 20px;
		
	}
	
	.st_prizein{
		border: 3px solid #006BFD;
		padding: 20px 20px;
		text-align: center;
		font-size: 18px;
		background-color: #ffffff;
	}
	
	.jyouken{
		margin: 40px auto 30px;
		width: 90%;
	}
	
	.jyouken_tit{
		background-color: #001198;
		color: #ffffff;
		padding: 10px;
		font-size: 16px;
	}
	.jyoukenlist{
		background-color: #ffffff;
		padding: 20px 20px; 
		border: 3px solid #001198;
	}
	
	.jyoukenbox{
		padding: 0 0 15px 0;
		margin: 0 0 15px 0;
		border-bottom: dotted 1px #cccccc;
	}
	
	.jyoukenbox:last-of-type{
		border: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.jyoukenbox dl{
		/*display: flex;
		justify-content: flex-start;
		align-items: center;*/
	}
	
	.jyoukenbox dl dt{
		background-color: #FF8600;
        padding: 10px;
        font-size: 14px;
        color: #ffffff;
      
        margin: 0 0px 15px 0;
	}
	
	.jyoukenbox dl dd{
        font-size: 14px;
        text-align: left;
	}
	
	
	.endarea{
		position: relative;
		z-index: 1;
		padding: 30px 0;
		margin: 0 0 50px 0;
	}

	.end{
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #ffffff;
		background-color:rgba(0,0,0,0.5);
		width: 100%;
		height: 100%;
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		z-index: 1;
	}
/* common
-------------------------------------------------------------*/

article section {
	font-size: 18px;
}
article section .pc {
	display: none !important;
}
	
.graybg{
	background: url(../images/bg.jpg) repeat;
}
.p1 {
	color: #231815;
    text-align: center;
}
	
.p1_txt{
   text-align: center;
	padding: 0 0 10px 0 ;
    font-size: 1.35rem;	
}
	
	.p1_txt strong{
		color: #FF0004;
	}
.p1_txtpink {
	color: #e8546b;
}
.large{
    font-size: 1.8rem;		
}
.small{
    font-size: 0.85rem;		
}
.title.lazyloaded {
    width: 60%;
    padding: 20px 0 10px;
}	
	

ul.notice {
	/*display: inline-block;*/
	margin: 0 0 30px;
	text-align: left;
	font-size: 12px;
}

/* sec_0
-------------------------------------------------------------*/
section#sec_0 {
    line-height: 0;
}	

/* sec_1
-------------------------------------------------------------*/

#sec_1{
    width: 95%;
    padding: 10px 0 10px;
    margin: auto;
}

#sec_1 .p1 {
    font-size: 25px;
	color: #c4c194;
	letter-spacing: 0.5em;
	padding: 0 0 10px;
    text-align: center;
}

#sec_1 img{
	width: 100%;
	margin: 0 auto;
    max-width: 500px;	
}


/* sec_2
-------------------------------------------------------------*/

#sec_2, 
#sec_2_2 {
    background-size: cover;
	padding: 30px 0;
    margin: auto;
    text-align: center;
    width: 100%;
}
    
#sec_2 .balloon1
#sec_2_2, .balloon1 {
  position: relative;
  display: inline-block;
  margin: 0 0 2.5em;
  padding: 20px 20px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  background: #83b41b;
    margin:0 10px 5%;
    width:90%;
}

#sec_2 .balloon1:before,
#sec_2_2 .balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #83b41b;
}

#sec_2 .balloon1 p,
#sec_2_2 .balloon1 p {
  margin: 0;
  padding: 0;
    font-size: 1.5rem;
    color: #fff;
}
	
#sec_2 .p1_txt,
#sec_2_2 .p1_txt {
    padding: 20px 0;
}
.prizeimg{
    width: 100%;		
}
 #sec_2 .boxarea,#sec_3 .boxarea{
    /*background-color: #FFF;*/
    padding: 0 0;
    width: 100%;
    text-align: center;
    margin: 1rem auto;
}
	
 #sec_2_2 .boxarea,#sec_3_2 .boxarea{
    /*background-color: #FFF;*/
    padding: 0 0;
    width: 100%;
    text-align: center;
    margin: 1rem auto;
}
	
	
.triangle{
		padding: 1rem 0 0 0;
}
	
/* sec_3
-------------------------------------------------------------*/
#sec_3, 
#sec_3_2 {
    position: relative;
	width: 100%;
	overflow: hidden;
    margin: auto;
    text-align: center;		
}	

.rlarea {
    width: 100%;
	text-align: center;
	max-width: 950px;
    margin: auto;
}

h4 {
    text-align: center;
    font-size: 2rem;
    color: #c3c093;
    font-weight: bold;
    margin: 50px auto 25px;
}
#sec_3 .inner,
#sec_3_2 .inner {
    padding: 30px 0;
}		
#sec_3,	
#sec_3_2{	
	padding: 10px 0 50px;	
}
#sec_3 .rlarea,
#sec_3_2 .rlarea {
    width: 93%;
}
	
/* sec_4
-------------------------------------------------------------*/	
#sec_4{
		text-align: center;
    width: 100%;
}

 #sec_4 .boxarea{
    background-color: #FFF;
    border: 4px solid #333;
    padding: 1rem;
    width: 90%;
    text-align: center;
    margin: 1rem auto;
}	
#sec_4 .title{
		width: 50%;
}
	
	
section#sec_4 {
    background-size: cover;
    padding: 0px 0;
    margin: auto;
}		
	
#sec_4 .inner {
    text-align: center;
}		
	
#sec_4 .step {
	display: flex;
}
	
#sec_4 .step:first-child{
	padding: 25px 0 0 0;		
}

#sec_4 .step_icon{
   display: flex;
   max-width: 60px;
   flex-direction: column;	
}
.step_line{
    background: #1363aa;
    border: solid #FFF;
    border-width: 0 20px;
    height: 100%;
    margin-top: -50px;
    z-index: 1;	
}	

#sec_4 .step_icon img {
   width: 95px;
   height: 95px;
   margin: auto;
   z-index: 2;
   margin-top: -25px;
}

#sec_4 .step_txtbox {
   flex: 1;
   padding-left: 10px;
}
	
/* step1*/
.step_link{
    display: flex;
    align-items: center;
    margin: 2rem 0 0rem;
    flex-direction: column;
}

#sec_4 .logo_wester{
    width: 175px;
    height: 175px;
    flex-shrink: 0;
    margin: 0 0 20px 0;
}

#sec_4 a img{
    width: auto;
}
	
#sec_4 .p1_txt {
    text-align: center;
    padding: 0;
    font-size: 1.5rem;
}	
	
/* step2*/	
.step_flow {
    position: relative;
    margin: 1.5rem 0 3rem 0;
}

    .flowbox {
      margin: 0 1.5%;
	  flex: 1;
      box-sizing: border-box;
      position: relative;	
    }

    .flowbox img {
      width: 100%;
      height: auto;
      display: block;
    }


    .flowbox .flowtxt {
    text-align: center;
    padding: 15px;
    margin: 0 0 3.5rem;
    font-size: 1.25rem;		
    }
    
    .flowbox .flowtxt2 {
    text-align: center;
    padding: 15px;
    margin: 0 0 0;
    font-size: 1.25rem;		
    }


    .flowbox:nth-of-type(1):after,.flowbox:nth-of-type(2):after {
    content: "";
    position: absolute;
    top: 105%;
    right: 30%;
    border-width: 30px;
    border-style: solid;
    border-color: #1363aa transparent transparent transparent;
    transform: translate(-50%,-50%);
    }
	
	
/* stamp*/	
	
#stamp h3,
#stamp2 h3{
		font-size: 1.8rem;
		font-weight: bold;
}
.stamp_txt {
	font-size: 1.35rem;
	color: #231815;
    text-align: center;
}	
	
#stamp,
#stamp2{
		background:#fffab4;
		padding: 20px;
		text-align: center;
		margin: 2rem auto 0;
}
.stamp_flow {
    position: relative;
    margin: 10px 0 0 0;
}
	
	.stamp_flowtit{
		margin: 1.5rem 0 0 0;
		text-align: left;
		font-size: 16px;
	}
	

#stamp .flowbox,
#stamp2 .flowbox {
      margin: 0 1.5%;
	  flex: 1;
      box-sizing: border-box;
      position: relative;	
    }

#stamp .flowbox img,
#stamp2 .flowbox img {
    width: 90%;
    height: auto;
    display: block;
    margin: auto;
    }

#stamp .flowbox .flowtxt,
#stamp2 .flowbox .flowtxt {
    text-align: center;
    padding: 10px;
    margin: 0 0 3rem;
    font-size: 1.25rem;	
    }
	

#stamp .flowbox:nth-of-type(1):after,#stamp .flowbox:nth-of-type(2):after {
    content: "";
    position: absolute;
    top: 105%;
    right: 30%;
    border-width: 30px;
    border-style: solid;
    border-color: #1363aa transparent transparent transparent;
    transform: translate(-50%,-50%);
    }
 
#stamp2 .flowbox:nth-of-type(1):after,#stamp2 .flowbox:nth-of-type(2):after {
    content: "";
    position: absolute;
    top: 105%;
    right: 30%;
    border-width: 30px;
    border-style: solid;
    border-color: #1363aa transparent transparent transparent;
    transform: translate(-50%,-50%);
    }   
/* step04*/	
	
#step04 h3{
		font-size: 1.4rem;
		font-weight: bold;
    padding-left: 60px;
    margin-top:-25px;
}
#step04 h3 span{
		font-size: 1.8rem;
}
.step04_txt {
	font-size: 1.1rem;
	color: #231815;
    text-align: center;
}
#step04 .stamp_txt {
    font-size: 1.1rem;
    color: #231815;
    text-align: center;
}
#step04 .stamp_txt span {
	font-size: 1.4rem;
}
	
#step04{
		padding: 20px;
		text-align: center;
		margin: 2rem auto 0;
}
.step04_flow {
    position: relative;
    margin: 1.5rem 0 0 0;
}

#step04 .flowbox {
      margin: 0 1.5%;
	  flex: 1;
      box-sizing: border-box;
      position: relative;	
    }

#step04 .flowbox img {
    width: 90%;
    height: auto;
    display: block;
    margin: auto;
    }

#step04 .flowbox .flowtxt {
    text-align: center;
    padding: 10px;
    margin: 0 0 3rem;
    font-size: 1.25rem;	
    }
#step04 .flowbox .flowtxt2 {
    text-align: center;
    padding: 10px;
    margin: 0 0 0;
    font-size: 1.25rem;	
    }
	

#step04 .flowbox:nth-of-type(1):after,#step04 .flowbox:nth-of-type(2):after {
    content: "";
    position: absolute;
    top: 105%;
    right: 30%;
    border-width: 30px;
    border-style: solid;
    border-color: #1363aa transparent transparent transparent;
    transform: translate(-50%,-50%);
    }
	
	
.coution{
    padding: 2rem;
    text-align: center;
    color: #231815;
    font-size: 1.35rem;
    margin: 50px auto;
    color: #e60012;
}

#step04 .step_icon img {
    width: 95px;
    height: 60px;
    margin: auto;
    z-index: 2;
    margin-top: -25px;
}

	


/* wester
-------------------------------------------------------------*/
p.ltxt {
    font-size: 1.5rem;
    text-align: center;
    padding: 80px 0 20px;
    width: 93%;	
	margin: auto;
}

.westerappli {
    text-align: center;
    font-size: 1.25rem;
    width: 93%;
	margin: auto;
}
	
p.mtxt {
    padding: 15px;
}

.wc_link img {
    width: 100%;
    height: auto;
	padding: 0 10px;
}


#wester .logo_wester{
	width: 215px;
	height: 215px;
	flex-shrink: 0;
}

.wc_link{
	display: flex;
}

.westersmall{
    font-size: 0.8rem;
    font-weight: 400;
    padding: 10px 20px 60px;
}
	

	
/* sec_lst
-------------------------------------------------------------*/
article section.sec_lst div.inner dl {
    border: solid 2px #000;
    padding: 10px 20px;
    text-align: center;
}
article section.sec_lst div.inner dl dt {
    line-height: 1.4;
    font-size: 18px;
}
article section.sec_lst div.inner dl dd {
    font-size: 14px;
}
article section.sec_lst div.inner dl dd span{
    font-size: 11px;
}	
	
	
article section.sec_lst {
	background: #fff;
	background-size: 100% auto;
}

article section.sec_lst div.inner {
	padding: 100px 6vw 90px;
	font-size: 14px;
}
article section.sec_lst div.inner p.t1 {
	line-height: 1.2;
	text-align: center;
	font-size: 15px;
}
article section.sec_lst div.inner h5 {
	margin: 0 0 30px;
	padding: 0;
	font-size: 20px;
	background: none;
    text-align: center;
}
article section.sec_lst div.inner h6 {
	font-size: 16px;
	font-weight: bold;
}

article section.sec_lst div.inner ul {
	margin: 0 0 20px;
}
article section.sec_lst div.inner li {
	position: relative;
    margin-bottom: 5px;
	padding-left: 1.2em;
	line-height: 1.4;
	font-size: 14px;
	font-weight: normal;
	word-break: break-word;
}
article section.sec_lst div.inner li::before {
	content: '';
	position: absolute;
	top: 0.2em;
	left: 0;
	width: 0.9em;
	height: 0.9em;
	border-radius: 50%;
}
    


/*--------------tab4つ------------

.tab {
    position: relative;
    width:94%;
    margin:0 3% 100px 3%;
}
.tab .tab_wrap {
    width:100%;
    position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.tab .tab_wrap .tab_label {	
	position: absolute;
	margin-right: 2%;
	padding: 20px 0;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
	-webkit-order: -1;
	-moz-order: -1;
	-ms-order: -1;
	-o-order: -1;
	order: -1;
	border-radius: 10px;
	background: #ddd;
	transition: .5s;
	cursor: pointer;
	font-size: 20px;
    letter-spacing: 0.15em;
	color: #777;
	text-align: center;
	line-height: 1.2;
    font-weight: bold;
}
.tab .tab_wrap .tab_label:hover {
	background: #e4bf1e;
	color: #fff;
}
.tab .tab_wrap .tab_label.tab_label_kaigai:hover {
	background: #e4bf1e;
}
.tab .tab_wrap .tab_label:nth-of-type(2){ margin-right: 0; }
.tab .tab_wrap .tab_label:nth-last-of-type(1){ margin-right: 0; }
.tab .tab_wrap input {		
	display: none;
    width:100%;
}
    

.tab .tab_wrap .tab_content {	
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
    margin-top: -6px;
    border-top: 6px solid #0b3a95;
    background-color: #fff;
}
.tab .tab_wrap .tab01 {	
	position: absolute;
    left:0;
    top:0;
    width:49%;
    height: 200px;
}
.tab .tab_wrap .tab02 {	
	position: absolute;
    right:0;
    top:0;
    width:49%;
    height: 200px;
}
.tab .tab_wrap .tab03 {	
	position: absolute;
    left:0;
    top:210px;
    width:49%;
    height: 200px;
}
.tab .tab_wrap .tab04 {	
	position: absolute;
    right:0;
    top:210px;
    width:49%;
    height: 200px;
}

.tab .tab_wrap #cpn_kaigai.tab_content {	
    border-top: 3px solid #b71c22;
}
.tab .tab_wrap input:checked + .tab_label {
	background: #0b3a95;
	color: #fff;
    width:49%;
}
.tab .tab_wrap input:checked + .tab_label.tab_label_kaigai {
	background: #b71c22;
	color: #fff;
}
.tab .tab_wrap input:checked + .tab_label + .tab_content {
	margin: 0;
	padding: 0 0px 20px;
	height: auto;
	transition: .5s opacity;
	opacity: 1;
    margin-top:420px;
}
 ここまでタブ切り替えCSS */
    
/*--------------tab3つ------------*/

.tab {
    position: relative;
    width:94%;
    margin:0 3% 0 3%;
}
.tab .tab_wrap {
    width:100%;
    position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.tab .tab_wrap .tab_label {	
	position: absolute;
	margin-right: 2%;
	padding: 20px 0;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
	-webkit-order: -1;
	-moz-order: -1;
	-ms-order: -1;
	-o-order: -1;
	order: -1;
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: #ddd;
	transition: .5s;
	cursor: pointer;
	font-size: 20px;
    letter-spacing: 0.15em;
	color: #777;
	text-align: center;
	line-height: 1.2;
    font-weight: bold;
}
.tab .tab_wrap .tab_label:hover {
	background: #e4bf1e;
	color: #fff;
}
.tab .tab_wrap .tab_label.tab_label_kaigai:hover {
	background: #e4bf1e;
}
.tab .tab_wrap .tab_label:nth-of-type(2){ margin-right: 0; }
.tab .tab_wrap .tab_label:nth-last-of-type(1){ margin-right: 0; }
.tab .tab_wrap input {		
	display: none;
    width:100%;
}
    

.tab .tab_wrap .tab_content {	
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
    margin-top: -6px;
    border-top: 6px solid #0b3a95;
    background-color: #fff;
}
.tab .tab_wrap .tab01 {	
	position: absolute;
    left:0;
    top:0;
    width:32.9%;
    height: 200px;
}
.tab .tab_wrap .tab02 {	
	position: absolute;
    left:0;
    top:0;
    width:32.9%;
    height: 150px;
}
.tab .tab_wrap .tab03 {	
	position: absolute;
    left:33.6%;
    top:0px;
    width:32.9%;
    height: 150px;
}
.tab .tab_wrap .tab04 {	
	position: absolute;
    right:0;
    top:0;
    width:32.9%;
    height: 150px;
}

.tab .tab_wrap #cpn_kaigai.tab_content {	
    border-top: 3px solid #b71c22;
}
.tab .tab_wrap input:checked + .tab_label {
	background: #0b3a95;
	color: #fff;
    width:33%;
}
.tab .tab_wrap input:checked + .tab_label.tab_label_kaigai {
	background: #b71c22;
	color: #fff;
}
.tab .tab_wrap input:checked + .tab_label + .tab_content {
	margin: 0;
	padding: 0 0px 20px;
	height: auto;
	transition: .5s opacity;
	opacity: 1;
    margin-top:150px;
}
/* ここまでタブ切り替えCSS */
    
.tab_content h2 {
    background: #0b3a95;
	color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    padding: 20px 10px;
    }
    
.container01 {
  display: flex;
  margin: 10px 3% 0;
  border: 1px solid;
  flex-wrap: wrap;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    padding-bottom: 15px;
    width:94%;
}

.container01 .item {
  margin:  0 5%;
  padding: 0;
}
.container01 .item img {
    width:100%;
    }
.container01 .n01 {
  /*background-color: #9ee295;*/
    width:80%;
    margin:10px 10%;
    text-align: center;
}
.container01 .n02 {
  /*background-color: #cfd5ec;*/
    padding: 0 0 10px;
    width: 100%;
}
.container01 .n03 {
  /*background-color: #eccfe5;*/
    width:100%;
    padding: 0;
}
.container01 .n04 {
  /*background-color: #ece9cf;*/
    width:100%;
    padding: 0;
}
.container01 .n05 {
  width:100%;
    padding: 10px 0;
}
.container01 .n05 p {
  border-bottom:2px solid #0b3a95;
    margin-bottom: 10px;
    padding-top: 0!important;
}
.container01 dl {
    display: flex;
    flex-wrap: wrap;
  font-size: 15px;
    width:100%;
}
.container01 dl dt {
  width:27%;
}
.container01 dl dd {
  width:73%;
}
    
.container02 {
  display: flex;
  margin: 10px 3% 0;
  border: 1px solid;
  flex-wrap: wrap;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    padding-bottom: 15px;
    width:94%;
}
    
.container02 .item {
  margin:  0 5%;
  padding: 0;
}
.container02 .item img {
    width:100%;
    }
.container02 .n01 {
  width:70%;
    margin:10px 15%;
    text-align: center;
}
.container02 .n02 {
  padding: 0 0 10px;
    width: 100%;
}
.container02 .n03 {
   width:100%;
    padding: 0;
}
.container02 .n04 {
   width:100%;
    padding: 0;
}
.container02 .n05 {
  width:280px;
    padding: 0;
}
.container02 .n05 {
  width:100%;
    padding: 10px 0;
}
.container02 .n05 p {
  border-bottom:2px solid #0b3a95;
    margin-bottom: 10px;
    padding-top: 0!important;
}
.container02 dl {
    display: flex;
    flex-wrap: wrap;
  font-size: 15px;
    width:100%;
}
.container02 dl dt {
  width:27%;
}
.container02 dl dd {
  width:73%;
}
    
.container03 {
  display: flex;
  margin: 10px 3% 0;
  border: 1px solid;
  flex-wrap: wrap;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    padding-bottom: 15px;
    width:94%;
}
    
.container03 .item {
  margin:  0 5%;
  padding: 0;
}
.container03 .item img {
    width:100%;
    }
.container03 .n01 {
  width:40%;
    margin:10px 30%;
    text-align: center;
}
.container03 .n02 {
  padding: 0 0 10px;
    width: 100%;
}
.container03 .n03 {
   width:100%;
    padding: 0;
}
.container03 .n04 {
   width:100%;
    padding: 0;
}
.container03 .n05 {
  width:280px;
    padding: 0;
}
.container03 .n05 {
  width:100%;
    padding: 10px 0;
}
.container03 .n05 p {
  border-bottom:2px solid #0b3a95;
    margin-bottom: 10px;
    padding-top: 0!important;
}
.container03 dl {
    display: flex;
    flex-wrap: wrap;
  font-size: 15px;
    width:100%;
}
.container03 dl dt {
  width:27%;
}
.container03 dl dd {
  width:73%;
}
    
.container04 {
  display: flex;
  margin: 10px 3% 0;
  border: 1px solid;
  flex-wrap: wrap;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    padding-bottom: 15px;
    width:94%;
}
    
.container04 .item {
  margin:  0 5%;
  padding: 0;
}
.container04 .item img {
    width:100%;
    }
.container04 .n01 {
  width:40%;
    margin:10px 30%;
    text-align: center;
}
.container04 .n02 {
  padding: 0 0 10px;
    width: 100%;
}
.container04 .n03 {
   width:100%;
    padding: 0;
}
.container04 .n04 {
   width:100%;
    padding: 0;
}
.container04 .n05 {
   width:100%;
    padding: 0;
}
.container04 .n06 {
  width:280px;
    padding: 0;
}
.container04 .n06 {
  width:100%;
    padding: 10px 0;
}
.container04 .n06 p {
  border-bottom:2px solid #0b3a95;
    margin-bottom: 10px;
    padding-top: 0!important;
}
.container04 dl {
    display: flex;
    flex-wrap: wrap;
  font-size: 15px;
    width:100%;
}
.container04 dl dt {
  width:27%;
}
.container04 dl dd {
  width:73%;
}
.container04 .n07 {
  width:100%;
    padding: 10px 0;
}
.container04 .n07 p {
  border-bottom:2px solid #0b3a95;
    margin-bottom: 10px;
    padding-top: 0!important;
}
.container04 .n07 dl {
    display: flex;
    flex-wrap: wrap;
  font-size: 15px;
}
.wchance {
    margin: 15px 3% 0!important;
    width:94%;
    }
.wchance img {
    width:100%;
    }
    
.fukureru_tit {
        width:100%;
        color: #2074aa;
        font-weight: bold;
        text-align: center;
        font-size: 110%;
    margin-top:10px;
    }


} /* end @media */