@charset "UTF-8";
@media screen and (min-width: 801px) {}
@media screen and (max-width: 800px) {}
/* =====================================
	全体設定
===================================== */
figure {
	margin: 0;
}
.bold {
	font-weight: bold;
}
.l-container {
	overflow: visible!important;
}
.mb0 {
	margin-bottom: 0!important;
}

@media screen and (min-width: 801px) {
.dsp_pc {
	display: block;
}
.inl_pc {
	display: inline;
}
.dsp_sp {
	display: none;
}
.inl_sp {
	display: none;
}

.rewind_bg {
	z-index: 1;
	position: relative;
	background: #D9F5FC;
}
.rewind_container {
	display: flex;
	width: 100%;
}

.pc_area_l {
	position: relative;
	width: calc( 50% - 225px);
}
.pc_area_l .pc_bg {
	position: sticky;
	top: 180px;
	left: 0;
	width: 100%;
	height: calc( 100vh - 180px);
	background: url(../../img/shikkou_202601/pc_bg01.png) center center no-repeat;
	background-size: cover; 
}
.pc_area_l .menu {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
  	width: 260px;
	height: 388px;
	margin: auto;
	border: 2px solid #00beeb;
	border-radius: 25px;
	background: #ffffff;
	letter-spacing: -0.05em;
}
.pc_area_l .menu .menu_ttl01 {
	position: relative;
  	width: 82px;
	margin: -15px auto 0;
}
.pc_area_l .menu .lnav01 {
	width: 215px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: bold;
	line-height: calc(24/18);
}
.pc_area_l .menu .lnav01 a {
	display: block;
	padding: 10px 0 15px;
	color: #00499f;
	background: url("../../img/shikkou_202601/lnav_arrow.png") right 26px no-repeat;
}
.pc_area_l .menu .lnav01 a:hover {
	background: url("../../img/shikkou_202601/lnav_arrow.png") right 32px no-repeat;
}
.pc_area_l .menu .menu_ttl02 {
	height: 30px;
	line-height: 26px;
	text-align: center;
	background: #ccf2fb;
	font-size: 18px;
	font-weight: bold;
	color: #00499f;
}
.pc_area_l .menu .lnav02 li {
	width: 215px;
	margin: 0 auto;
	font-size: 16px;
	line-height: calc(23/16);
	border-bottom: 2px solid #ccf2fb;
}
.pc_area_l .menu .lnav02 li:last-child {
	border: none;
}
.pc_area_l .menu .lnav02 li a {
	display: flex;
	align-items: center;
	height: 64px;
	color: #00499f;
	background: url("../../img/shikkou_202601/lnav_arrow.png") right 26px no-repeat;
}
.pc_area_l .menu .lnav02 li a:hover {
	background: url("../../img/shikkou_202601/lnav_arrow.png") right 32px no-repeat;
}

.pc_area_r {
	position: relative;
	box-sizing: border-box;
	width: calc( 50% - 225px);
}
.pc_area_r img{
	width: auto!important;
}
.pc_area_r .container {
	position: sticky;
	top: 180px;
	left: 0;
	width: 100%;
	height: calc( 100vh - 180px);
	background: url(../../img/shikkou_202601/pc_bg02.png) center center no-repeat;
	background-size: cover;
}
.pc_area_r .container .bnr {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 6px;
}
.pc_area_r .container .centerbox {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
  	width: 240px;
	height: 248px;
	margin: auto;
	padding: 11px;
	background: #fff;
	border: 4px solid #00BEEB;
	border-radius: 16px;
	text-align: center;
}
.pc_area_r .btn {
	margin-bottom: 9px;
}
.pc_area_r .txt01 {
	margin-bottom: 10px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #00499F;
}
.pc_area_r .qr {
	display: flex;
	justify-content: space-between;
}
.pc_area_r .qr li  {
  	width: 100px;
}
.pc_area_r .qr li.wester  {
	position: relative;
}
.pc_area_r .qr li.wester #my_qr_code_div_id {
	position: absolute;
	left: 17px;
	bottom: 17px;
	width: 66px;
	height: 66px;
}
#my_qr_code_div_id canvas {
	width: 66px;
	height: 66px;
}

main {
	z-index: 1;
}

#rewind {
	z-index: 6000;
	position: relative;
	font-size: calc(25 * calc(450 / 750)*1px);
	/*font-feature-settings: "palt";*/
	line-height: 1.5;
	color: #000000;
	width: 450px;
	overflow: visible;
	background: #ffffff;
	margin: 0 auto;
	font-family: "Noto Sans JP", serif;
}

.cp {
	border-bottom: 2px solid #ddd;
	font-weight: 500;
	color: #000;
}

.navarea {
	padding-top: 180px;
	margin-top: -180px;
}

}


@media screen and (max-width: 800px) {
	.dsp_pc {
		display: none;
	}
	.inl_pc {
		display: none;
	}
	.dsp_sp {
		display: block;
	}
	.inl_sp {
		display: inline;
	}

	.pc_area_l {
		display: none;
	}
	.pc_area_r {
		display: none;
	}

	.rewind_bg {
		z-index: 1;
		position: relative;
		width: 100%;
		background: #ffebf5;
		padding: 0;
	}
	#rewind {
		position: relative;
		width: 100%;
		font-size: calc(25/750*100vw);
		/*font-feature-settings: "palt";*/
		line-height: 1.5;
		color: #000000;
		overflow: visible;
		background: #ffffff;
		font-family: "Noto Sans JP", serif;
	}

}
/* =====================================
	header
===================================== */

	.l-container.-wester-portal .c-topic-path {
	  margin: 0 auto 0;
	}
	.l-container.-wester-portal .c-topic-path p {
		margin-bottom: 16px;
	}
	.cp {
		border-bottom: 1px solid #ddd;
		font-weight: 500;
		color: #000;
	}
	.cp img {
		width: 100%;
		
	}
	.mv {
		position: relative;
		width: 100%;
	}

	#following_area {
		position: relative;
	}

	.entry {
		z-index: 75;
		/*position: sticky;*/
		position: fixed;
		left: 0;
		bottom: 0;
	}	
	.entry .entry_btn{
		display:none;
	}	
	.entry ul {
		/*display: flex;*/
		
	}	
	#rewind a {
		color: #FF0000;
		text-decoration: underline;
	}
	.red {
		color: #fa3232;
		font-weight: 500;
	}

/* =====================================
	content
===================================== */
	#lead {
		padding: calc(60/750*100%) 0 calc(40/750*100%);
		text-align: center;
	}
	#lead p.txt {
		margin-bottom: calc(25/590*100%);
		font-size: calc(42 / 25 * 1em);
		font-weight: 500;
		line-height: calc(90/42);
	}
	#lead p.txt img{
		display: block;
	}
	#lead p.txt span {
		font-size: calc(70 / 42 * 1em);
		font-weight: bold;
		vertical-align: baseline;
		color: #FF0000;
	}
	#lead p.txt span em {
		color: #FFFA00;
		font-style: normal;
	}
	#lead p.note {
		font-size: calc(20 / 25 * 1em);
		font-weight: 500;
	}

	.cont01 {
		padding: calc(50/750*100%) calc(40/750*100%)  calc(50/750*100%);
		background: #FFFA00;
		text-align: center;
	}
	.cont01 h3 {
		margin-bottom: calc(40/670*100%);
		font-size: calc(52 / 25 * 1em);
		font-weight: bold;
		color: #00499F;
	}
	.cont01 h3 .marker {
		padding: 0 calc(10/670*100%) ;
		background: linear-gradient(transparent 60%, #ffffff 0);
	}
	.cont01 .btn01 {
		width: calc(590/670*100%);
		margin: 0 auto calc(50/670*100%);
	}
	.cont01 .box {
		box-sizing: border-box;
		position: relative;
		width: 100%;
		margin-bottom: calc(40/670*100%);
		padding: calc(50/670*100%) calc(40/670*100%) calc(50/670*100%);
		background: #fff;
		border-radius: calc(40/750*100vw)
	}
	.cont01 .box h4 {
		margin-bottom: calc(80/590*100%);
		font-size: calc(48 / 25 * 1em);
		font-weight: bold;
		color: #00499F;
	}
	.cont01 .box h4 .marker {
		padding: 0 calc(10/670*100%) ;
		background: linear-gradient(transparent 60%, #99E5F7 0);
	}
	.cont01 .box .ttl01 {
		margin-bottom: calc(35/590*100%);
		font-size: calc(42 / 25 * 1em);
		font-weight: bold;
		color: #00499F;
	}
	.cont01 .box .app {
		display: flex;
		justify-content: space-between;
		margin-bottom: calc(30/590*100%);
	}
	.cont01 .box .app li {
		width: 50%;
	}
	.cont01 .box .app li img {
		width: calc(168/295*100%);
		margin-bottom: calc(20/295*100%);
	}
	.cont01 .box .note {
		margin-bottom: calc(70/590*100%);
		font-size: calc(20 / 25 * 1em);
		line-height: 1.6;
	}
	.cont01 .box .img01 {
		margin-bottom: calc(30/590*100%);
	}
	.cont01 .box .txt01 {
		margin-bottom: calc(20/590*100%);
		font-size: calc(30 / 25 * 1em);
		font-weight: bold;
		color: #00499F;
	}
	.cont01 .box .bnr {
		margin-bottom: calc(35/590*100%);
	}
	.cont01 .box .txt02 {
		margin-bottom: calc(20/590*100%);
		font-size: calc(34 / 25 * 1em);
		font-weight: bold;
		color: #00499F;
	}
	.cont01 .box.b02 h4 {
		margin-bottom: calc(30/590*100%);
	}
	.cont01 .box .txt03 {
		margin: calc(60/590*100%) 0 calc(20/590*100%);
		font-size: calc(34 / 25 * 1em);
		font-weight: bold;
		color: #00499F;
	}

	.cont01 .acc_btn {
		cursor: pointer;
	}
	.cont01 .acc_cont {
		padding: calc(60/590*100%) 0 0;
	}
	.acc_cont h5 {
		margin-bottom: calc(50/590*100%);
		font-size: calc(42 / 25 * 1em);
		color: #00499F;
	}
	.acc01 .acc_cont .img {
		margin: 0 0 calc(40/590*100%);
	}
	.acc01 .acc_cont .txt {
		margin: 0 0 calc(40/590*100%);
		text-align: center;
		font-size: calc(30 / 25 * 1em);
		font-weight: bold;
	}
	.acc01 .acc_cont .note {
		margin: 0 0 calc(40/590*100%);
		text-align: left;
	}
	.acc02 .acc_cont h5 {
		margin-bottom: calc(30/590*100%);
	}
	.acc_cont .img01 {
		width: calc(200/590*100%);
		margin: 0 auto calc(20/590*100%);
	}
	.acc_cont p {
		margin-bottom: calc(35/590*100%);
		text-align: center;
		font-size: calc(29 / 25 * 1em);
		line-height: calc(50/30);
	}
	.acc_cont p a {
		color: #FF0000 !important;
	}
	.acc_cont .hr01 {
		margin: calc(45/590*100%) auto calc(45/590*100%);
	}
	.acc_cont .btn00 {
		margin-bottom: calc(45/590*100%);
	}
	.rb {
		color: #0074C1;
	}
	.shu {
		color: #FF0000;
	}

	.cont02{
		position: relative;
		padding: calc(60/750*100%) 0 calc(90/750*100%);
	}
	.cont02 h3 {
		margin-bottom: calc(50/750*100%);
	}
	.cont02 .w_point {
		width: calc(236/750*100%);
		margin: 0 auto calc(60/750*100%);
	}
	.cont02 .ttl00 {
		margin: 0 0 calc(35/750*100%);
	}
	.cont02 h4.ttl01 {
		margin-bottom: calc(20/750*100%);
		font-weight: bold;
		color: #00499F;
		text-align: center;
	}
	.cont02 h4 .marker {
		padding: 0 calc(10/750*100%) ;
		background: linear-gradient(transparent 60%, #FFFA00 0);
	}
	.cont02 h4.ttl01 .f38 {
		font-size: calc(38 / 25 * 1em);
	}
	.cont02 h4.ttl01 .f55 {
		font-size: calc(55 / 25 * 1em);
	}
	.cont02 h5 {
		margin-bottom: calc(60/750*100%);
		font-size: calc(55 / 25 * 1em);
		font-weight: bold;
		color: #00499f;
		text-align: center;
	}
	.cont02 h5 .marker {
		padding: 0 calc(10/750*100%) ;
		background: linear-gradient(transparent 60%, #99e5f7 0);
	}
	.cont02 h4.ttl02 {
		margin-bottom: calc(55/750*100%);
		font-size: calc(45 / 25 * 1em);
		font-weight: bold;
		color: #00499F;
		text-align: center;
	}
	.cont02 .howto {
	}
	.cont02 .howto .btn{
		width: calc(590/670*100%);
		margin: 0 auto 0;
	}
	.cont02 .howto .h01{
		margin-bottom: calc(110/670*100%);
		padding: 0 calc(40/750*100%);
	}
	.cont02 .howto .h01 .txt00{
		margin-bottom: calc(60/670*100%);
	}
	.cont02 .howto .h01 .txt02{
		margin-bottom: calc(55/670*100%);
	}
	.cont02 .howto .h01 .btn{
		margin-bottom: calc(95/590*100%);
	}
	.cont02 .howto .wesmo{
		margin-bottom: calc(90/750*100%);
	}
	.cont02 .howto .wesmo .lead{
		margin-bottom: calc(10/750*100%);
		font-size: calc(32 / 25 * 1em);
		text-align: center;
	}
	.cont02 .howto .wesmo .note{
		margin-bottom: calc(40/750*100%);
		font-size: calc(20 / 25 * 1em);
		text-align: center;
	}
	.cont02 .howto .wesmo .inner{
		padding: 0 calc(80/750*100%);
	}
	.cont02 .howto .wesmo .inner .txt01{
		margin-bottom: calc(60/590*100%);
	}
	.cont02 .howto .wesmo .inner .txt02{
		margin-bottom: calc(55/590*100%);
	}
	.cont02 .howto .wesmo .inner .txt03{
		margin-bottom: calc(80/590*100%);
	}
	.cont02 .howto .wesmo .inner02{
		padding: 0 calc(40/750*100%);
	}
	.cont02 .howto .wesmo .inner02 .ttl01{
		margin-bottom: calc(30/670*100%);
		font-weight: normal;
		font-size: calc(34 / 25 * 1em);
		text-align: center;
	}
	.cont02 .howto .wesmo .inner02 .bnr01{
		margin-bottom: calc(70/670*100%);
	}
	.cont02 .howto .wesmo .inner02 .ttl02{
		margin-bottom: calc(50/670*100%);
	}
	.cont02 .howto .wesmo .inner02 .dl_btn{
		display: flex;
		justify-content: space-between;
		margin-bottom: calc(67/670*100%);
	}
	.cont02 .howto .wesmo .inner02 .btn_wesmo{
		width: calc(590/670*100%);
		margin: 0 auto calc(75/670*100%);
	}
	.cont02 .howto .wesmo .inner02 .dl_btn li{
		width: calc(330/670*100%);
	}
	.cont02 .howto .wesmo .inner02 .dl_btn li:first-child{
		width: calc(300/670*100%);
	}
	.cont02 .howto .wesmo .inner02 .ttl03{
		margin-bottom: calc(30/670*100%);
	}
	.cont02 .howto .wesmo .inner02 .ul03{
		margin-bottom: calc(30/670*100%);
		font-size: calc(32 / 25 * 1em);
		color: #00499f;
		text-align: center;
		line-height: 2.0;
	}
	.cont02 .howto .wesmo .inner02 .notes{
		margin-bottom: calc(50/750*100%);
		font-size: calc(20 / 25 * 1em);
		text-align: center;
	}

	.cont02 .howto .h02{
		margin-bottom: calc(110/750*100%);
	}
	.cont02 .howto .h02 .souvenir {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: calc(590/750*100%);
		margin: 0 auto;
	}
	.cont02 .howto .h02 .souvenir li:first-child,
	.cont02 .howto .h02 .souvenir li:last-child{
		width: 100%;
	}
	.cont02 .howto .h02 .souvenir li:first-child .ttl,
	.cont02 .howto .h02 .souvenir li:last-child .ttl{
		margin-bottom: calc(20/590*100%);
		font-size: calc(34 / 25 * 1em);
	}
	.cont02 .howto .h02 .souvenir li{
		width: calc(280/590*100%);
		margin-bottom: calc(60/590*100%);
	}
	.cont02 .howto .h02 .souvenir li .ttl{
		margin-bottom: calc(20/280*100%);
		font-size: calc(30 / 25 * 1em);
		text-align: center;
	}
	.cont02 .howto .h02 .souvenir li:last-child{
		width: 100%;
	}
	.cont02 .howto .h02 .notes{
		margin-bottom: calc(110/750*100%);
		font-size: calc(20 / 25 * 1em);
		text-align: center;
	}

	.cont02 .howto .h03{
		margin-bottom: calc(90/750*100%);
	}
	.cont02 .howto .h03 h4 {
		margin-bottom: calc(40/750*100%);
		font-size: calc(50 / 25 * 1em);
		font-weight: bold;
		color: #00499f;
		text-align: center;
	}
	.cont02 .howto .h03 h4 .marker {
		padding: 0 calc(10/750*100%) ;
		background: linear-gradient(transparent 60%, #99e5f7 0);
	}
	.cont02 .howto .h03 .txt01{
		margin-bottom: calc(65/750*100%);
	}
	.cont02 .howto .h03 .txt02{
	}
	.cont02 .howto .h03 .btn{
		width: calc(590/750*100%);
		margin: 0 auto calc(75/670*100%);
	}
	.cont02 .howto .h03 .txt03{
		margin-bottom: calc(40/670*100%);
		font-size: calc(34 / 25 * 1em);
		text-align: center;
	}
	.cont02 .howto .h03 .bnr{
		width: calc(700/750*100%);
		margin: 0 auto calc(100/750*100%);
	}
	.cont02 .howto .h03 .bnr li{
		margin: 0 auto calc(10/700*100%);
	}

	.cont02 .howto .h04{
		margin-bottom: calc(90/670*100%);
	}
	.cont02 .howto .h04 h4{
	}
	.cont02 .howto .h04 .img01{
		margin-bottom: calc(60/750*100%);
	}
	.cont02 .howto .h04 .notes{
		margin-bottom: calc(60/750*100%);
		font-size: calc(20 / 25 * 1em);
		text-align: center;
	}
	.cont02 .howto .h04 .service {
		width: calc(700/750*100%);
		margin: 0 auto 0;
	}
	.cont02 .howto .h04 .service li{
		margin-bottom: calc(80/700*100%);
	}
	.cont02 .howto .h04 .service li .ttl{
		margin-bottom: calc(25/700*100%);
		font-size: calc(34 / 25 * 1em);
		text-align: center;
	}

	.cont02 .howto .h05{
		padding: calc(80/750*100%) calc(40/750*100%) calc(110/750*100%);
		background:
			url("../../img/shikkou_202601/h05_bg_head.png") center top no-repeat,
			url("../../img/shikkou_202601/h05_bg_foot.png") center bottom no-repeat


		;
		background-color: #fffa00;
		background-size: 100% auto;
	}
	.cont02 .howto .h05 h4 {
		margin-bottom: calc(50/750*100%);
		font-size: calc(52 / 25 * 1em);
		font-weight: bold;
		color: #00499F;
		text-align: center;
	}
	.cont02 .howto .h05 h4 .marker {
		padding: 0 calc(10/750*100%) ;
		background: linear-gradient(transparent 60%, #ffffff 0);
	}
	.cont02 .howto .h05 .img01{
	}

	.cont03 {
		padding: 0 0 0;
	}
	.cont03 h3{
		margin-bottom: calc(40/750*100%);
		text-align: center;
		font-size: calc(42 / 25 * 1em);
		font-weight: bold;
		color: #00499F;
	}
	.cont03 .btn{
		width: calc(590/750*100%);
		margin: 0 auto calc(50/750*100%);
	}
	.cont03 .bnr{
		width: calc(670/750*100%);
		margin: 0 auto calc(110/750*100%);
	}
	.appli {
		padding: calc(90/750*100%) 0 0;
		background: #3473B5;
		background-size: 100% auto;
	}
	.appli .inner {
		padding: 0 calc(40/750*100%);
		
	}
	.appli h2 {
		margin-bottom: calc(90/690*100%);
		line-height: 1.75;
		font-size: calc(50 / 25 * 1em);
		color: #ffffff;
		font-weight: bold;
		text-align: center;
		letter-spacing: 0.06em;
	}
	.appli .fbox {
		display: none;
	}
	.appli .btn01 {
		margin-bottom: calc(80/690*100%);
	}
	.appli .note {
		margin-bottom: calc(40/690*100%);
		line-height: 1.75;
		font-size: calc(26 / 25 * 1em);
		color: #ffffff;
		font-weight: bold;
		text-align: center;
	}
	.appli .asei {
		width: calc(634/690*100%);
		margin-left: calc(27/690*100%);
	}

@media screen and (min-width: 801px) {
.entry_pc {
}
.cont01 .box {
	border-radius: calc(450/750*40px)
}

.cont02 .box hr {
	border-top: calc(450/750*2px) solid #000;
}
.kiyaku .box {
	border: calc(450/750*6px) solid #d1d1d1;
	border-radius: calc(450/750*15px);
}
.kiyaku .box .inner {
	height: calc(450/750*520px);
}
	
.entry {
	display: none;
}	
	
}

@media screen and (min-width: 801px) {
/*モーダルを開くボタン*/
.modal-open01,
.modal-open02{
	cursor: pointer;
}
.modal-open01 img:hover,
.modal-open02 img:hover{
	/*opacity: 0.8;*/
}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{
	z-index: 1200;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(100,100,100,50%);
	/*padding: 40px 20px;*/
	overflow-x: auto;
	overflow-y: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	box-sizing: border-box;
}
/*モーダル本体の擬似要素の指定*/
.modal-container:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{
	opacity: 1;
	visibility: visible;
}
/*モーダル枠の指定*/
.modal-container .modal-body{
	overflow-x: auto;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	/*width: calc(450/750*690px);*/
	width: 414px;
	background: #D9F5FC;
	/*margin: 20px 0;*/
	box-sizing: border-box;
	padding: calc(450/750*45px) 0;
}
/*モーダルを閉じるボタンの指定*/
.modal-container .modal-close{
	width: calc(70 / 690 * 100%);
	margin: calc(-20 / 690 * 100%) auto 0;
	height: auto;
	cursor: pointer;
}
.modal-content .btn01 {
	width: calc(590/690*100%);
	margin: 0 auto calc(30/690*100%);
}
.modal-content .txt01 {
	margin-bottom: calc(25/690*100%);
	font-size: calc(36 / 25 * 1em);
	font-weight: bold;
	color: #00499F;
}
.modal-content .app {
	display: flex;
	justify-content: space-between;
	width: calc(590/690*100%);
	margin: 0 auto calc(30/690*100%);
}
.modal-content .app li {
	width: 50%;
}
.modal-content .app li img {
	width: calc(168/295*100%);
	margin-bottom: calc(20/295*100%);
}
.modal-content .app li p {
	font-size: calc(28 / 25 * 1em);
	font-weight: bold;
}
.modal-content .note {
	margin-bottom: calc(40/590*100%);
	font-size: calc(20 / 25 * 1em);
}


}

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

	/*モーダルを開くボタン*/
	.modal-open01,
	.modal-open02{
		cursor: pointer;
	}
	/*モーダル本体の指定 + モーダル外側の背景の指定*/
	.modal-container{
		z-index: 1200;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		background: rgba(100,100,100,50%);
		/*padding: 40px 20px;*/
		overflow: auto;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		box-sizing: border-box;
	}
	/*モーダル本体の擬似要素の指定*/
	.modal-container:before{
		content: "";
		display: inline-block;
		vertical-align: middle;
		height: 100%;
	}
	/*モーダル本体に「active」クラス付与した時のスタイル*/
	.modal-container.active{
		opacity: 1;
		visibility: visible;
	}
	/*モーダル枠の指定*/
	.modal-container .modal-body{
		position: relative;
		display: inline-block;
		vertical-align: middle;
		/*max-width: 620px;*/
		width: calc(690 / 750 * 100%);
		font-size: calc(25/750*100vw);
	}
	/*モーダルを閉じるボタンの指定*/
	.modal-container .modal-close{
		width: calc(70 / 690 * 100%);
		margin: calc(-20 / 690 * 100%) auto 0;
		height: auto;
		cursor: pointer;
	}
	/*モーダル内のコンテンツの指定*/
	.modal-container .modal-content{
		/*background: #000000;*/
		/*border-radius: calc(40 / 750 * 100vw);*/
		box-sizing: border-box;
		text-align: center;
		padding: calc(45 / 690 * 100%) 0;
		background: #D9F5FC;
	}

	.modal-content .btn01 {
		width: calc(590/690*100%);
		margin: 0 auto calc(30/690*100%);
	}
	.modal-content .txt01 {
		margin-bottom: calc(25/690*100%);
		font-size: calc(42 / 25 * 1em);
		font-weight: bold;
		color: #00499F;
	}
	.modal-content .app {
		display: flex;
		justify-content: space-between;
		width: calc(590/690*100%);
		margin: 0 auto calc(30/690*100%);
	}
	.modal-content .app li {
		width: 50%;
	}
	.modal-content .app li img {
		width: calc(168/295*100%);
		margin-bottom: calc(20/295*100%);
	}
	.modal-content .app li p {
		font-size: calc(28 / 25 * 1em);
		font-weight: bold;
	}
	.modal-content .note {
		margin-bottom: calc(40/590*100%);
		font-size: calc(20 / 25 * 1em);
	}

}