html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {	margin: 0;	padding: 0;	border: 0;	/*font: inherit;*/	font-size: 100%;	vertical-align: baseline; }html {	line-height: 1; }ol,ul {	list-style: none; }table {	border-collapse: collapse;	border-spacing: 0; }caption,th,td {	text-align: left;	font-weight: normal;	vertical-align: middle; }q,blockquote {	quotes: none; }q:before,q:after,blockquote:before,blockquote:after {	content: "";	content: none; }a img {	border: none; }article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {	display: block; }* {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box; }body {	min-width: 320px;	height: 100%;	margin: 0 auto;	padding: 0 1.25rem;	font-family: 'Lato', sans-serif; }img {	width: 100%;	height: auto;	vertical-align: bottom; }p {	line-height: 1.5;	color: #0f294d;	font-size: 14px; }sup {	font-size: small;	vertical-align: top; }.b,.strong,.em {	font-weight: bold;  }@media (max-width: 479px) { .sp_dis-non_max479 { 	display: none;	   }}@media (min-width: 480px) { .pc_dis-non_min480 { 	display: none;	 }} /* --- 全体のBOX定義 ---------------------------------------- */.hd_bg {	position   : relative;	max-width: 100%;	width : 100%;	max-height : 240px;	height: 750px;	margin     : auto;	overflow   : hidden;	background-image : url(../img/smiletag_2_480.webp);	background-size : cover;  }@media (min-width: 480px) {.hd_bg {	position   : relative;	max-width  : 100%;	width : 100%;	max-height     : 360px;	margin     : auto;	overflow   : hidden;   }}@media (min-width: 768px) {.hd_bg {	position   : relative;	max-width  : 100%;	width : 100%;	max-height     : 576px;	margin     : auto;	overflow   : hidden;   }}@media (min-width: 1001px) {.hd_bg {	position   : relative;	max-width  : 100%;	width : 100%;	height     : 750px;	margin     : auto;	overflow   : hidden;  }}/* --- インフォメーション ------------------------------------------- */.hd_bg #info_txt {	position: absolute;	width: 100%;    top: 60%;    background-color: rgba(251, 250, 250, 0.78);    padding: 2% 4%;    margin-top: 15px;    color: red;    font-weight: bold;    font-size: 0.7rem;    line-height: 1.4em;    z-index: 999; }@media (min-width: 480px) {.hd_bg #info_txt {	position: absolute;	width: 100%;    top: 60%;    background-color: rgba(251, 250, 250, 0.78);    padding: 2% 4%;    margin-top: 15px;    color: red;    font-weight: bold;    font-size: 0.8rem;    line-height: 1.4em;    z-index: 999;  }}@media (min-width: 768px) {.hd_bg #info_txt {	position: absolute;	width: 100%;    top: 60%;    background-color: rgba(251, 250, 250, 0.78);    padding: 2% 4%;    margin-top: 15px;    color: red;    font-weight: bold;    font-size: 1.3rem;    line-height: 1.4em;    z-index: 999;  }}/* --- 背景の指定 ------------------------------------------- */@media (min-width: 480px) {.hd_bg .hd_bgImg {  position   : absolute;  top        : 0;  left       : 0;  bottom     : 0;  right      : 0;  opacity    : 0;  animation  : hd_bgAnime 20s infinite;  }} /* 4画像 × 各5s = 20s */  /* --- 段差で背景画像のアニメーションを実行 ----------------- */@media (min-width: 480px) {.hd_bg .src1 {  background-image : url(../img/smiletag_1.webp);   /* 背景の画像を指定 */  background-size : cover; }.hd_bg .src2 {  background-image : url(../img/smiletag_2.webp);   /* 背景の画像を指定 */  background-size : cover;  animation-delay  : 5s; }.hd_bg .src3 {  background-image : url(../img/smiletag_3.webp);   /* 背景の画像を指定 */  background-size : cover;  animation-delay  : 10s; }.hd_bg .src4 {  background-image : url(../img/smiletag_4.webp);   /* 背景の画像を指定 */  background-size : cover;  animation-delay  : 15s;  }}@media (min-width: 769px) {.hd_bg .src1 {  background-image : url(../img/smiletag_1.webp);   /* 背景の画像を指定 */  background-size : cover;	background-position: center center; }.hd_bg .src2 {  background-image : url(../img/smiletag_2.webp);   /* 背景の画像を指定 */  background-size : cover;  animation-delay  : 5s;	background-position: center center; }.hd_bg .src3 {  background-image : url(../img/smiletag_3.webp);   /* 背景の画像を指定 */  background-size : cover;  animation-delay  : 10s;	background-position: center center; }.hd_bg .src4 {  background-image : url(../img/smiletag_4.webp);   /* 背景の画像を指定 */  background-size : cover;  animation-delay  : 15s;	background-position: center center;  }}@keyframes hd_bgAnime {   0% { opacity: 0;    }5% { opacity: 1;   }25% { opacity: 1;   }30% { opacity: 0;  }100% { opacity: 0;  }}.line_block_chara1 {    position: absolute;    top: 50%;    left: 50%;    margin:-125px 0 0 -120px;    width: 240px;    height: auto;    z-index: 2;  }.line_block_chara1 img{	width: 100%;	height: auto; }.line_block_chara2 {    position: absolute;    bottom: 0;    left: 50%;    margin:0 0 0 -90px;    width: 180px;    z-index: 2; }.line_block_chara2 img{	width: 180px;	height: auto;  }@media (min-width: 480px) {.line_block_chara1 {    margin:-150px 0 0 -120px;    width: 240px; }.line_block_chara1 img{	width: 240px; }.line_block_chara2 {    margin:0 0 0 -120px;    width: 240px; }.line_block_chara2 img{	width: 240px;   }}@media (min-width: 768px) {.line_block_chara1 {    margin:-200px 0 0 -150px;    width: 300px; }.line_block_chara1 img{	width: 100%; }.line_block_chara2 {    margin:0 0 0 -150px;    width: 300px; }.line_block_chara2 img{	width: 100%; }}/* --- 前面の文字定義（サンプルのため変更してください） ----- */@media (min-width: 480px) {.hd_bg .hd_bgString{	position   : absolute;	display    : inline-block;	max-width : 600px;	padding    : 20px;	background : rgba(0, 127, 255, 0.7);          /* 半透明の青0, 127, 255, 0.7 オレンジ252, 87, 0, 0.7 */	color      : #fff;	top        : 50%;                               /* 中央寄せ */	left       : 50%;	transform  : translate(-50%,-50%);	z-index    : 11;	width : 60%;	text-align: center;  }}@media (min-width: 480px) {.hd_bg .hd_bgString h1{	font-size:0.8em;  }} @media (min-width: 568px) {.hd_bg .hd_bgString h1{	font-size:1.0em;  }}@media (min-width: 768px) {.hd_bg .hd_bgString h1{	font-size:1.5em; }} /* --- マーカー ----- */.mrk-radius {	border-radius: 0.45em; }.mrk45-yellow {	background: linear-gradient(transparent 45%, #ffdc00 75%); }.mrk40-yellow {	background: linear-gradient(transparent 50%, #ffdc00 70%); }.mrk35-yellow {	background: linear-gradient(transparent 55%, #ffdc00 65%); }.mrk30-yellow {	background: linear-gradient(transparent 60%, #ffdc00 30%); }.mrk25-yellow {	background: linear-gradient(transparent 65%, #ffdc00 25%); }.mrk20-yellow {	background: linear-gradient(transparent 70%, #ffdc00 20%); }.fc_area_title {	text-align: center;	font-size: 1em;	font-weight: bold;	padding: 30px 0 30px 0; }.fc_area_title_end {	text-align: center;	font-size: 1em;	font-weight: bold;	color: #ff0000;	padding: 30px 0 30px 0; }.fc_color_new {	background-color:#7fd6d4; }.fc_color_old {	background-color:#f5f553; }/* --- top title ----- */.heading-2 {	margin-bottom: 10px;	color: #bdebf4;	text-align: center;	line-height: 1.25;	font-size: 24px;	font-weight: bold; }.heading-3 {	margin-bottom: 10px;	text-align: center;	font-size: 21px;	line-height: 1.5;	font-weight: bold; }.heading-4 {	font-size: 18px;  }.top-long-title {	font-size: 18px; }.top-title-heading {	font-size: 16px;	font-weight: bold;	color: white;	display: inline-block;	padding-left: 50px;	padding-right: 50px;	position: relative; }.top-title-heading:before {	content: "";	position: absolute;	left: 0;	display: block;	width: 2px;	height: 5em;	background-color: white;	transform: rotate(-15deg); }.top-title-heading:after {	content: "";	position: absolute;	top: 0;	right: 0;	display: block;	width: 2px;	height: 5em;	background-color: white;	transform: rotate(15deg); } @media (min-width: 480px) {.top-long-title {	font-size: 20px; } }@media (min-width: 768px) {.top-title {	padding-top: 60px;	padding-bottom: 60px;	background-position-x: 40%;	background-position-y: 40px; }.top-title .heading-2 {	margin-bottom: 10px; } .top-long-title {	font-size: 38px; } }@supports(--css: variables) {.top-title {	background-color: var(--top-title-bk-color); /*#3E9EF5;*/	padding-top: 20px;	padding-bottom: 20px;	background-position-y: 20px;	background-position-x: -40px;	background-repeat: no-repeat; }@media (min-width: 480px) {.top-title {	background-color: var(--top-title-bk-color); /*#3E9EF5;*/	padding-top: 40px;	padding-bottom: 40px;	background-position-y: 20px;	background-position-x: -40px;	background-repeat: no-repeat; } } }/* --- wrap-content-サイズ ----- */@media (min-width: 480px) {.wrap-content-1024 {	display: block;	/*width: 100%;*/	max-width: 1024px;	margin-left: auto;	margin-right: auto;	padding-left: 15px;	padding-right: 15px;}}/* --- font-サイズ ----- */.fz-38 {	font-size: 38px; }/* --- color ----- */.color-white {	color: white; }.color-blue1 {	color: #004ea2; }.color-pink {	color: #ff4070; }.color-orange {	color: #ff9c00; }.color-yellow {	color: #fce63c; }.color-red {	color: #ff0000; }.color-gray1 {	color: #757575; }/* --- 改行 ----- */@media screen and (min-width: 768px) {  .sp_br768 {    display: none; } }@media screen and (min-width: 480px) {  .sp_br480 {    display: none; } }@media screen and (min-width: 375px) {  .sp_br375 {    display: none; } }.clearfix {    zoom: 1; }.clearfix:after {    font-size: 0px;    line-height: 0px;    height: 0;    visibility: hidden;    content: ".";    display: block;    clear: both; }/* --- icon ----- */.icons {	position: relative;	overflow: hidden; /* ulでリスト全体を右に50%移動している分幅が広がりスクロールバーが表示されるのを防ぐ */ }.icons ul{	position: relative;	left: 50%; /* ulを右に50%移動 */	float: left;	margin-left: -45px;/* liのmarginの半分をネガティブマージン（しないと右にずれる） */	list-style-type: none; }.icons ul li{	position: relative;	left: -50%; /* 左に50%移動 */	float: left;	margin-left: 30px; }/* --- next_btn-wrap 続きを見るボタン ----- */next,a.nbw_btn {  font-size: 1.5rem;  font-weight: 700;  position: relative;  display: inline-block;  padding: 1.5rem 2rem;  cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  -webkit-transition: all 0.3s;  transition: all 0.3s;  text-align: center;  vertical-align: middle;  text-decoration: none;  letter-spacing: 0.1em;  color: #0c69ce; }.next-wrap_o {	text-align: center;	margin-bottom: 10px;	content:"";	animation-name: fade-in;	animation-duration: 1.5s;	animation-fill-mode: forwards; }.next-wrap_o a{	text-decoration: none; }.next-wrap_c {	display: none;	text-align: center;	margin-bottom: 10px;	content:"";	animation-name: fade-in;	animation-duration: 1.5s;	animation-fill-mode: forwards; }.next-wrap_c a{	text-decoration: none; }@media (min-width: 768px) {.next-wrap_o {	display: none; }.next-wrap_c {	display: none;}}@supports(--css: variables) {.next_btn-wrap {  display: inline-block;  width: 100%;  height: 6rem;  margin-bottom: 10px;  padding: 0.5rem;  border-radius: 100vh;  background: var(--next_btn-wrap-bk-color);  background: -webkit-linear-gradient(    to top,    var(--next_btn-wrap-lg1-color) 0%,    var(--next_btn-wrap-lg2-color) 37%,    var(--next_btn-wrap-lg3-color) 100%  );  background: -webkit-gradient(    linear,    left top,    left bottom,    from(var(--next_btn-wrap-lg1-color)),    color-stop(37%, var(--next_btn-wrap-lg2-color)),    to(var(--next_btn-wrap-lg3-color))  );  background: -webkit-linear-gradient(    top,    var(--next_btn-wrap-lg1-color) 0%,    var(--next_btn-wrap-lg2-color) 37%,    var(--next_btn-wrap-lg3-color) 100%  );  background: linear-gradient(to bottom, var(--next_btn-wrap-lg1-color) 0%, var(--next_btn-wrap-lg2-color) 37%, var(--next_btn-wrap-lg3-color) 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--next_btn-wrap-lg1-color)', endColorstr='var(--next_btn-wrap-lg3-color)', GradientType=0); }a.next_btn {  width: 100%;  border-radius: 100vh;  background: var(--next_btn-bk-color);  background: -webkit-gradient(    linear,    left top,    left bottom,    from(var(--next_btn-lg1-color)),    to(var(--next_btn-lg2-color))  );  background: -webkit-linear-gradient(top, var(--next_btn-lg1-color) 0%, var(--next_btn-lg2-color) 100%);  background: linear-gradient(to bottom, var(--next_btn-lg1-color) 0%, var(--next_btn-lg2-color) 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--next_btn-lg1-color)', endColorstr='var(--next_btn-lg2-color)', GradientType=0); }}a.next_btn:hover {  -webkit-transform: scale(1.05);  transform: scale(1.05);}input[type="checkbox"]{  	display:none;}/* --- followinfo ----- */@supports(--css: variables) {.followinfo {    margin: 0 auto 0px auto;    background-color: var(--followinfo-bk-color);    padding: 30px 0 0 0; }@media (min-width: 480px) {.followinfo {    margin: 0 auto 0px auto;    background-color: var(--followinfo-bk-color);    padding: 30px 0 0 0; } }@media (min-width: 900px) {.followinfo {    margin: 0 auto 0px auto;    background-color: var(--followinfo-bk-color);    padding: 30px 0 30px 0; } } }.followinfo_div {    padding: 0;    font-size: 16px;    width: 100%;    margin: 0 auto 0 auto; }.followinfo_div .followinfo_div_p {    text-align: center;    font-size: 16px;    font-weight: bold;    margin: 0 auto; }.followinfo_div .followinfo_div_left {    width: 240px;	height: auto;    margin: 0 auto;    float: none; }.followinfo_div .followinfo_div_left img{	width: 100%;	height: auto; }@media (max-width: 767px) {.followinfo_div .followinfo_div_right {    display:none;	animation-name: fade-in;	animation-duration: 1.5s;	animation-fill-mode: forwards; }.next-wrap{  display:block;}#a1{    display:none;}#b1{    display:block;}}.followinfo_div .followinfo_div_right dt {	font-size: 16px;	font-weight: bold;	margin-bottom: 5px; }.followinfo_div .followinfo_div_right dd {	font-size: 14px;	margin: 0 auto 18px 0; }@media (min-width: 480px) {.followinfo_div {    padding: 15px 0;    font-size: 16px;    width: 100%;    margin: 0 auto 0 auto; }.followinfo_div .followinfo_div_p {    text-align: center;    font-size: 20px;    font-weight: bold;    margin: 0 auto; }.followinfo_div .followinfo_div_left {    width: 330px;	height: auto;    margin: 0 auto;    float: none; }.followinfo_div .followinfo_div_left img{	width: 100%;	height: auto; }.followinfo_div .followinfo_div_right {    margin: 30px auto 0 auto; }.next-wrap{    display:none;} }@media (min-width: 900px) {.followinfo_div {    padding: 30px 0;    font-size: 16px;    width: 1024px;    margin: 0 auto 0 auto; }.followinfo_div .followinfo_div_p {    text-align: center;    font-size: 26px;    font-weight: bold;    margin-bottom: 40px; }.followinfo_div .followinfo_div_left {    width: 300px;    height: 225px;    margin-right: 50px;    float: left; }.followinfo_div .followinfo_div_right dt {  font-weight: bold;  margin-bottom: 5px; }.followinfo_div .followinfo_div_right dd {  margin-bottom: 18px; } }/* --- charactor ----- */@supports(--css: variables) {.charactor-section {	width: 100%;	background-color: var(--charactor-section-bk-color);	padding:0 0 15px 0; }.charactor-title {	width: 100%;	max-width: var(--charactor-wrap-width);	margin: 0 auto 0 auto;	padding: 15px 0 15px 0;	text-align: center;	color: var(--charactor-f-color); }.charactor-all-wap {	max-width: var(--charactor-wrap-width);	margin: 0 auto 0 auto;	display:-webkit-box;	display:-ms-flexbox;	display:flex;	-webkit-box-orient:horizontal;	-webkit-box-direction:normal;	-ms-flex-flow:row wrap;	flex-flow: row wrap;	-ms-flex-pack: distribute;	justify-content: space-around;	word-wrap: break-word; }.charactor-wap {	max-width: 285px;	margin: 0 auto 0 auto;	display:-webkit-box;	display:-ms-flexbox;	display:flex;	-ms-flex-wrap: wrap;	flex-wrap:wrap;	-ms-flex-pack: distribute;	justify-content: space-around;	word-wrap: break-word; }.charactor-bk {border:solid 10px var(--charactor-bd-color);border-radius: 1em;background-color: var(--charactor-bk-color);color: var(--charactor-f-color);-webkit-box-flex:1;-ms-flex:1 1 33%;flex: 1 1 33%; }.charactor-bk .img-wrap {	max-width: 75px;    max-height: 75px;	border-radius: 1em;	background-color: #ffffff;	overflow: hidden;	margin: 0 auto 0 auto; }.charactor-bk .img-wrap img {	width: 70px;	height: 70px;	margin: 0 auto 0 auto;	object-fit: cover; }.charactor-bk .img-detail-wrap {	border-radius: 1em;	background-color: #ffffff;	overflow: hidden;	margin: 0 auto 0 auto; }.charactor-bk .img-detail-wrap img {	width: auto;	max-height: 240px;	margin: 0 auto 0 auto;	object-fit: cover; }.charactor-bk .charactor-name {	font-size: 1.0rem;	color: var(--charactor-f-color); }.charactor-bk .charactor-detail {	font-size: 0.8rem;	color: var(--charactor-f-color);	text-align: left; } }/* --- followpoint ----- */.followpoint_wrap {    margin: 0 auto 0 auto;    background-color: #ffffff; }.follow_point_title {    text-align: center;    font-size: 22px;    font-weight: bold;    color: #000000;    padding: 30px 0 30px 0;    margin-bottom: 0px;    background-color: #ffffff;    position: relative; }.follow_point_title::after {	content: '';    height: 3px;    width: 80%;    background-color: #ffd267;    display: block;    margin: 10px auto 0	 auto; }.follow_point_wrap {    margin: 0 0 0 0;    padding: 0; }.follow_point_wrap .img {    margin: 0 0 0 0;    padding: 0;    float: left;    width: 390px;    background-color: #ccc;    position: relative; }.follow_point_wrap .img_r {    margin: 0 0 0 0;    padding: 0;    float: right;    width: 390px;    background-color: #ccc;    position: relative; }.follow_point_wrap .img img {    width: 100%;	height: auto; }.follow_point_wrap .img span {	margin: 0 0 0 0;    padding: 4px 6px 4px 12px;    position: absolute;    bottom: 0;    right: 0;    display: block;    z-index: 20;    background-color: #fff; }.follow_point_wrap .manual-slide1 {    margin: 0 0 0 0;    padding: 0;    float: left;    width: 390px;    background-color: #ccc;    position: relative; }/*.follow_point_wrap .manual-slide1_r {    margin: 0 0 0 0;    padding: 0;    float: right;    width: 390px;    background-color: #ccc;    position: relative; }.follow_point_wrap .manual-slide1 img {    width: 100%;	height: auto; }.follow_point_wrap .manual-slide1 span {	margin: 0 0 0 0;    padding: 4px 6px 4px 12px;    position: absolute;    bottom: 0;    right: 0;    display: block;    z-index: 20;    background-color: #fff; }*/.follow_point_wrap .img2 {    margin: 0 0 0 0;    padding: 0;    float: left;    width: 390px;    background-color: #ccc;    position: relative; }.follow_point_wrap .img2_r {    margin: 0 0 0 0;    padding: 0;    float: right;    width: 390px;    background-color: #ccc;    position: relative; }.follow_point_wrap .info {	font-size: 0.9em;    margin: 0 0 25px 0;    padding: 0 0 0 50px;    float: left;    width: 540px;    line-height: 28px; }@media (max-width: 767px) {.follow_point_wrap .info {	display: none;	animation-name: fade-in;	animation-duration: 1.5s;	animation-fill-mode: forwards;}}@media (max-width: 991px) {.follow_point_wrap .img.img_r {	left: 50%;    margin: 0 0 0 -195px;    padding: 0;    width: 390px;    background-color: #ccc;	float: none;    position: relative; }/*.follow_point_wrap .manual-slide1 {	left: 50%;    margin: 0 0 0 -195px;    padding: 0;    width: 390px;    background-color: #ccc;	float: none;    position: relative; }*/.follow_point_wrap .img span {	margin: 0 0 0 0;    padding: 4px 6px 4px 12px;    position: absolute;    bottom: 0;    right: 0;    display: block;    z-index: 20;    background-color: #fff; }.follow_point_wrap .img2.img2_r {	left: 50%;    margin: 0 0 0 -195px;    padding: 0;    width: 390px;    background-color: #ccc;	float: none;    position: relative; }.follow_point_wrap .info {    font-size: 0.9em;    margin: 10px 0 0 0;    padding: 0 1% 0 1%;    width: 100%;    line-height: 28px; } }@media (max-width: 479px) {.follow_point_title {    text-align: center;    font-size: 16px;    font-weight: bold;    color: #000000;    padding: 30px 0 30px 0;    margin-bottom: 0px;    background-color: #ffffff;    position: relative; }.follow_point_wrap .img.img_r {	left: 50%;    margin: 0 0 0 -50%;    padding: 0;    width: 100%;    background-color: #ccc;	float: none;    position: relative; }.follow_point_wrap .img span {	margin: 0 0 0 0;    padding: 4px 6px 4px 12px;    position: absolute;    bottom: 0;    right: 0;    display: block;    z-index: 20;    background-color: #fff; }.follow_point_wrap .img2.img2_r {	left: 50%;    margin: 0 0 0 -50%;    padding: 0;    width: 100%;    background-color: #ccc;	float: none;    position: relative; }.follow_point_wrap .info {    font-size: 0.9em;    margin: 10px 0 0 0;    padding: 0 1% 0 1%;    width: 100%;    line-height: 28px; } }@supports(--css: variables) {.followpoint {    margin: 0 auto 0 auto;    background-color: var(--followpoint-bk-color); }.follow_point {    text-align: center;    font-size: 22px;    font-weight: bold;    color: var(--follow_point-f-color);    padding: 30px 0 30px 0;    margin-bottom: 30px;    background-color: var(--follow_point-bk-color);    position: relative; }.follow_point::after {    content: "";    display: block;    width: 40px;    border-top: 20px solid var(--follow_point-bk-color);    border-left: 20px solid transparent;    border-right: 20px solid transparent;    box-sizing: border-box;    position: absolute;    bottom: 1px;    left: 50%;    transform: translate(-50%, 100%); }@media (max-width: 479px) {.follow_point {    text-align: center;    font-size: 16px;    font-weight: bold;    color: var(--follow_point-f-color);    padding: 30px 0 30px 0;    margin-bottom: 20pxpx;    background-color: var(--follow_point-bk-color);    position: relative; } } }/* --- planpoint ----- */@supports(--css: variables) {.planpoint {    margin: 0 auto 0 auto;    background-color: var(--planpoint-bk-color); }.plan_point {    text-align: center;    font-size: 22px;    font-weight: bold;    color: var(--planpoint-f-color);    padding: 30px 0 30px 0;    margin-bottom: 30px;    background-color: var(--planpoint-bk-color);    position: relative; }.plan_point::after {    content: "";    display: block;    width: 40px;    border-top: 20px solid var(--planpoint-bk-color);    border-left: 20px solid transparent;    border-right: 20px solid transparent;    box-sizing: border-box;    position: absolute;    bottom: 1px;    left: 50%;    transform: translate(-50%, 100%); } }.planpoint_wrap {    margin: 0 auto 0 auto;    background-color: #ffffff; }.plan_point_wrap {    margin: 0 0 0 0;    padding: 0; }.plan_point_wrap .img {	left: 50%;    margin: 0 0 0 -50%;    padding: 0;    width: 100%;    background-color: #ccc;	float: none;    position: relative; }.plan_point_wrap .img span {	margin: 0 0 0 0;    padding: 4px 6px 4px 12px;    position: absolute;    bottom: 0;    right: 0;    display: block;    z-index: 20;    background-color: #fff; }.plan_point_wrap .img img {    width: 100%;	height: auto; }.plan_point_wrap .info {    font-size: 0.9em;    margin: 10px 0 0 0;    padding: 0 1% 0 1%;    width: 100%;    line-height: 28px; }@media (max-width: 767px) {.plan_point_wrap .info {	display: none;	animation-name: fade-in;	animation-duration: 1.5s;	animation-fill-mode: forwards; }}@media (min-width: 480px) {.plan_point_wrap .img {    margin: 0 0 0 -195px;    padding: 0;    width: 390px;    background-color: #ccc;	float: none;    position: relative; }.plan_point_wrap .img span {	margin: 0 0 0 0;    padding: 4px 6px 4px 12px;    position: absolute;    bottom: 0;    right: 0;    display: block;    z-index: 20;    background-color: #fff; }.plan_point_wrap .info {    font-size: 0.9em;    margin: 10px 0 0 0;    padding: 0 1% 0 1%;    width: 100%;    line-height: 28px; } }@media (min-width: 992px) {.plan_point_wrap .img {	left:0;    margin: 0 0 0 0;    padding: 0;    float: left;    width: 390px;    background-color: #ccc;    position: relative; }.plan_point_wrap .img span {	margin: 0 0 0 0;    padding: 4px 6px 4px 12px;    position: absolute;    bottom: 0;    right: 0;    display: block;    z-index: 20;    background-color: #fff; }.plan_point_wrap .info {	font-size: 0.9em;    margin: 0 0 25px 20px;    padding: 0 0 0 50px;    float: left;    width: 540px;    line-height: 28px; } }@supports(--css: variables) {.plan_point_title {    text-align: center;    font-size: 16px;    font-weight: bold;    color: var(--plan_point_title-f-color);    padding: 30px 0 30px 0;    margin-bottom: 0px;    background-color: var(--plan_point_title-bk-color);    position: relative; }.plan_point_title::after {	content: '';    height: 3px;    width: 80%;    background-color: #ffd267;    display: block;    margin: 10px auto 0	 auto; }@media (min-width: 480px) {.plan_point_title {    text-align: center;    font-size: 22px;    font-weight: bold;    color: var(--plan_point_title-f-color);    padding: 30px 0 30px 0;    margin-bottom: 0px;    background-color: var(--plan_point_title-bk-color);    position: relative; } } }/* --- touretc ----- */.touretc {    margin: 0 auto 0 auto; }.tour_etc_wrap {    background-color: #e8f7fe;	clear: both;    padding: 7% 0; }.tour_etc_wrap h2{	margin: 0;    padding: 0;    font-size: 24px;    text-align: center; }.tour_etc_wrap .h2under{	margin: 0 0 7% 0;    padding: 0;    font-size: 18px;    text-align: center;    color: #30a6fe; }.tour_etc_wrap .point {    margin: 0 auto;    padding: 0;    width: 100%;    list-style-type: none;	display: flex;	flex-wrap: wrap;	justify-content: center; }.tour_etc_wrap .point li {    margin: 0 0 56px 0;    padding: 0 1%;    width: 30%; }.tour_etc_wrap .point li img{    width: 100%; }.tour_etc_wrap .point li h3.title {    margin: 0 0 10px 0;    padding: 0;    font-size: 18px;    height: 45px; }.tour_etc_wrap .point li .info {    margin: 0;    padding: 0; }@media (max-width: 767px) {.tour_etc_wrap .point li {    width: 340px; } }@media (max-width: 477px) {.tour_etc_wrap .point li {    width: 100%; } }/* --- modal-wrapper ----- */.modal-wrapper {  z-index: 999;  position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0;  padding: 10px 10px;  text-align: center }.modal-wrapper:not(:target) {  opacity: 0;  visibility: hidden;  transition: opacity .3s, visibility .3s; }.modal-wrapper:target {  opacity: 1;  visibility: visible;  transition: opacity .4s, visibility .4s; }.modal-wrapper::after {  display: inline-block;  height: 100%;  margin-left: -.05em;  vertical-align: middle;  content: "" }.modal-wrapper .modal-window {  box-sizing: border-box;  display: inline-block;  z-index: 20;  position: relative;  width: auto;  max-width: 500px;  height: auto;  max-height: 395px;  padding: 10px 10px 10px 10px;  border-radius: 2px;  background: #fff;  box-shadow: 0 0 30px rgba(0, 0, 0, .6);  vertical-align: middle }.modal-wrapper .modal-window .modal-content {  max-height: 80vh;  overflow-y: auto; }.modal-overlay {  z-index: 10;  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  background: rgba(0, 0, 0, .8) }.modal-wrapper .modal-close {  z-index: 999;  position: absolute;  top: 0;  right: 0;  width: 35px;  color: #95979c !important;  font-size: 20px;  font-weight: 700;  line-height: 35px;  text-align: center;  text-decoration: none;  text-indent: 0 }.modal-wrapper .modal-close:hover {  color: #2b2e38 !important }/* --- video ----- */.video{  position:relative;  width:100%;  padding-top:56.25%; }.video iframe{  width:auto;  height:240px;  margin-top:-56.25%; }.video img {	width: auto;	height: 240px;	margin: 0 auto 0 auto;	object-fit: cover; }/* --- link-wrap ----- */.link-wrap{text-align:center; }next,a.btn,button.btn {  font-size: 1.2rem;  font-weight: 700;  line-height: 1.5;  position: relative;  display: inline-block;  padding: 1.5rem 2rem;  cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  -webkit-transition: all 0.3s;  transition: all 0.3s;  text-align: center;  vertical-align: middle;  text-decoration: none;  letter-spacing: 0.1em;  color: #fc5700;  border-radius: 0.5rem; }@media (min-width: 480px) {next,a.btn,button.btn {  font-size: 1.5rem;  padding: 1.2rem 2rem; }}/*@media (min-width: 375px) {.btn,a.btn,button.btn {  font-size: 1.2rem;  font-weight: 700;  line-height: 1.5;  position: relative;  display: inline-block;  padding: 0.5rem 2rem;  cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  -webkit-transition: all 0.3s;  transition: all 0.3s;  text-align: center;  vertical-align: middle;  text-decoration: none;  letter-spacing: 0.1em;  color: #fc5700;  border-radius: 0.5rem; } }@media (min-width: 480px) {.btn,a.btn,button.btn {  font-size: 1.6rem;  font-weight: 700;  line-height: 1.5;  position: relative;  display: inline-block;  padding: 1rem 4rem;  cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  -webkit-transition: all 0.3s;  transition: all 0.3s;  text-align: center;  vertical-align: middle;  text-decoration: none;  letter-spacing: 0.1em;  color: #fc5700;  border-radius: 0.5rem; } }*/@supports(--css: variables) {.link_btn-wrap {  display: inline-block;  width: 100%;  min-height: 6rem;  margin-bottom: 10px;  padding: 0.5rem;  border-radius: 100vh;  background: var(--link_btn-wrap-bk-color);  background: -webkit-linear-gradient(    to top,    var(--link_btn-wrap-lg1-color) 0%,    var(--link_btn-wrap-lg2-color) 37%,    var(--link_btn-wrap-lg3-color) 100%  );  background: -webkit-gradient(    linear,    left top,    left bottom,    from(var(--link_btn-wrap-lg1-color)),    color-stop(37%, var(--link_btn-wrap-lg2-color)),    to(var(--link_btn-wrap-lg3-color))  );  background: -webkit-linear-gradient(    top,    var(--link_btn-wrap-lg1-color) 0%,    var(--link_btn-wrap-lg2-color) 37%,    var(--link_btn-wrap-lg3-color) 100%  );  background: linear-gradient(to bottom, var(--link_btn-wrap-lg1-color) 0%, var(--link_btn-wrap-lg2-color) 37%, var(--link_btn-wrap-lg3-color) 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--link_btn-wrap-lg1-color)', endColorstr='var(--link_btn-wrap-lg3-color)', GradientType=0); }@media (min-width: 768px) {.link_btn-wrap {  width: 45%;}}a.link_btn {  width: 100%;  border-radius: 100vh;  background: var(--link_btn-bk-color);  background: -webkit-gradient(    linear,    left top,    left bottom,    from(var(--link_btn-lg1-color)),    to(var(--link_btn-lg2-color))  );  background: -webkit-linear-gradient(top, var(--link_btn-lg1-color) 0%, var(--link_btn-lg2-color) 100%);  background: linear-gradient(to bottom, var(--link_btn-lg1-color) 0%, var(--link_btn-lg2-color) 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--link_btn-lg1-color)', endColorstr='var(--link_btn-lg2-color)', GradientType=0); }}a.link_btn:hover {  -webkit-transform: scale(1.05);  transform: scale(1.05);}/* --- relation ----- */.relation {    margin: 25px auto 0 auto; }.rel_wrap {    margin: 0 0 65px 0;    padding: 0;    border-top: 1px solid #cdcdcd;	position: relative; }.rel_wrap h2{    margin: 0 0 0 0;    padding: 0 10px;    background-color: #fff;    z-index: 999px;    width: auto;    position: absolute;    top: -10px;	font-size:100%; }.rel_wrap ul {    margin: 25px 0 0 0;    padding: 0;    list-style-type: none;	justify-content: center; }.rel_wrap ul li{    width: 100%;    border-right: none;    border-bottom: 1px dotted #cdcdcd; }.rel_wrap ul li a {    width: 100%;    box-sizing: border-box; }.rel_wrap ul li a .img {    width: 70px;    float: left;    margin-right: 15px; }.rel_wrap ul li a .img img {    width: 100%;	height: 100%; }@media (min-width: 480px) {.rel_wrap ul li a .img {    width: 100px;    float: left;    margin-right: 15px; } }@media (min-width: 768px) {.rel_wrap ul li {    margin: 0 0 0 0;    padding: 0;    width: 20%;    border-right: 1px solid #cdcdcd;    box-sizing: border-box; }.rel_wrap ul li a {    margin: 0;    padding: 20px 18px;    display: block;    transition: 0.3s;	font-size: 100%;    vertical-align: baseline;    background: transparent; }.rel_wrap ul li a .img {	clear: both;	width: 100%;	height: auto;    margin: 0 0 12px 0;    padding: 0;    overflow: hidden; } }.rel_wrap .wrap {  scroll-snap-type: x mandatory;  white-space: nowrap;  overflow-x: auto;  margin: 0 0 0 15px;  padding: 30px 0;    width: 100%;}.rel_wrap .wrap .item {  scroll-snap-align: center;  display: inline-block;  margin: 0 20%;  width: 60%;  white-space: normal;  background-color: #f4f4f4;  box-shadow: 0 0 5px rgba(0,0,0,.3);  border-radius: 20px;  overflow: hidden;}@media (min-width: 480px){.rel_wrap .wrap .item {    width: 180px;	height: 230px;	margin: 0;  }}@media (min-width: 768px){.rel_wrap .wrap .item {    width: 19%;	height: 240px;  }}.rel_wrap .wrap .item img {  display: block;  width: 100%;  height: auto;}.rel_wrap .wrap .item p {  margin: 0;  padding: 10px 5px;  font-size: 0.8rem;}@media (min-width: 480px){.rel_wrap .wrap .item p {    padding: 10px;    font-size: 0.8rem;  }}/* --- page-to-top ----- */.page-to-top {    position: relative; }.page-to-top-link {    position: absolute;    bottom: 0;    right: 0;    width: 40px;    height: auto;    transition: .3s; }/* --- footer-wrap ----- */.footer-wrap {	background-color: #004ea2; }.footer-wrap-list {	padding: 0;	display: flex;	flex-wrap: wrap; }.footer-wrap-item {	width: 50%;	border: 1px solid rgba(238, 238, 238, 0.4); }.footer-wrap-link {	display: block;	padding: 22px 0;	font-size: 14px;	text-align: center;	color: white;	text-decoration: none; }.footer-wrap-copy {	padding: 15px 0;	text-align: center; }.footer-wrap-txt {	display: inline-block;	font-size: 10px;	transform: scale(0.8);	color: #757575; }@media (min-width: 992px) {.footer-wrap-item:first-of-type {    border-left: 1px solid rgba(238,238,238,.4); }.footer-wrap-item {	width: 25%;	border: 1px solid rgba(238, 238, 238, 0.4); } }/* --- footer-wrap ----- */.breadcrumb-wrap {	border-top: 1px solid #eeeeee; }.breadcrumb {	height: 36px;	font-size: 12px;	display: flex;	align-items: center; }.breadcrumb-link {	text-decoration: none;	color: #004ea2; }.breadcrumb-list:last-of-type {	padding-left: 13px;	position: relative; }.breadcrumb-list:last-of-type::before {	content: url("../img/breadcrumb-arrow.svg");	position: absolute;	top: 0;	left: 5px; }/* --- fontカラー・サイズ等の設定 ----- */.t-red {    color: var(--color-red); }.t-blue {    color: var(--color-blue); }.t-yellow {    color: var(--color-yellow); }.t-orange {    color: var(--color-orange); }.t-pink {    color: var(--color-pink); }.t-black {    color: var(--color-black); }.t-white {    color: var(--color-white); }.f-bold {    font-weight: bold; }.f-bolder {    font-weight: bolder; }.f-lihgter {    font-weight: lighter; }.f-size12 {    font-size: 1.2rem; }.f-size14 {    font-size: 1.4rem; }.f-size16 {    font-size: 1.6rem; }.f-size18 {    font-size: 1.8rem; }.f-size20 {    font-size: 2.0rem; }.f-size08 {    font-size: 0.8rem; }.f-size06 {    font-size: 0.6rem; }.f-size04 {    font-size: 0.4rem; }.f-size02 {    font-size: 0.2rem; }