@charset "utf-8";
h2.tit  {
    padding: 90px 0 60px;
    background: url("../../image/tit_bg.png") no-repeat center center;
    background-size: cover;
}
h2.tit b,
h2.tit small { display: block; color:#fff; text-align: center;}
h2.tit b {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: italic;
    font-size:clamp(250%, 7vw, 96px);
    line-height: 150%;
}
h2.tit small { font-size:clamp(125%, 3vw, 162.5%);}
@media only screen and (max-width:768px){
    h2.tit  { padding: 50px 0;}
}
@media only screen and (max-width:468px){
    h2.tit  { padding: 30px 0;}
}


/*---------------------------------------------------------------------------
  PAN
---------------------------------------------------------------------------*/
.pan {
	clear:both;
	margin:0;
	padding: 0.5%;
	font-size: 80%;
	color: #666;
	text-align:right;
}
.pan a {color: #666; text-decoration:none;}
.pan a:hover {color: #333333;}




/*====================================================================================================
  SUBPAGE
====================================================================================================*/
#subpage {}
#subpage .inner { width:96%;}
#subpage .inner::after {display: block; clear: both; content:"";}


/*---------------------------------------------------------------------------
  KAIGYOU
---------------------------------------------------------------------------*/
#subpage p.indention {
	clear:both;
	margin: 0 2%;
	height:40px;
	text-indent: -9999px;
	background:none;
}


/*---------------------------------------------------------------------------
  MIDASHI
---------------------------------------------------------------------------*/
#subpage h3.mid1 {
	clear:both;
	margin:0 2% 20px;
	padding: 15px 0;
	font-size:clamp(125%, 2vw, 162.5%);
	font-weight:600;
    color:#E60012;
	border-bottom:5px solid #E60012;
}
#subpage .mid2 {
	margin:0 2% 20px;
    padding: 0 15px;
	font-size:125%;
    font-weight:600;
    border-left:4px solid #000;
}
#subpage .mid3 {
	margin:0 2% 20px;
	font-size:112.5%;
    font-weight:600;
    color:#222;
}


/*---------------------------------------------------------------------------
  CATCH COPY
---------------------------------------------------------------------------*/
#subpage .catch {
	margin:0 2% 20px;
    font-size:clamp(125%, 2vw, 162.5%);
    font-weight: 600;
    line-height: 180%;
    letter-spacing: 2px;
}


/*---------------------------------------------------------------------------
  COMMENT
---------------------------------------------------------------------------*/
#subpage .comment1 {
	clear:both;
	margin:0 2% 20px;
}
#subpage .comment2 {
	clear:both;
	margin:0 2% 20px;
	padding: 2%;
	background:#F4F4F4;
}
#subpage .comment3 {
	clear:both;
	margin:0 2% 20px;
	padding: 2%;
	color: #FF4646;
	background:#FFEAEA;
}
#subpage .notes { padding-left: 20px; text-indent: -20px; font-size: 87.5%;}
#subpage .notes::before { margin-right: 5px; content:"※";}
@media only screen and (max-width:768px){
    #subpage .comment2 {padding: 5%;}
    #subpage .comment3 {padding: 5%;}
}


/*---------------------------------------------------------------------------
  HYOU
---------------------------------------------------------------------------*/
#subpage table.hyou {
	clear:both;
	margin:10px 2%;
	width:96%;
	border-collapse:collapse;
	border-top:1px solid #ddd;
}
#subpage table.hyou th,
#subpage table.hyou td {
	padding:15px 25px;
	border-bottom:1px solid #ddd;
}
#subpage table.hyou th { font-weight: 600; vertical-align: top; background: #f6f6f6;}
#subpage table.hyou td { background:#fff;}

/* 2RETU */
#subpage table.hyou2 { margin:0 2%; }
#subpage table.hyou2 th { width:22%; }
#subpage table.hyou2 td { width:78%; }
#subpage table.hyou2+table.hyou2 { border-top:none; }
#subpage table.hyou2 td table {
	display:block;
	border-collapse:collapse;
	max-height:300px;
	overflow:auto;
    border-bottom: none;
}
#subpage table.hyou2 td table th,
#subpage table.hyou2 td table td { padding:10px; width:auto;  border-bottom: none}
#subpage table.hyou2 td table th { background:#eee;;}

/* 3RETU */
#subpage table.hyou3 { margin:0 2%;}
#subpage table.hyou3 th,
#subpage table.hyou3 td { width:33%; }
#subpage table.hyou3+table.hyou3 { border-top:none; }

/* 4RETU */
#subpage table.hyou4 { margin:0 2%;}
#subpage table.hyou4 th,
#subpage table.hyou4 td { width:25%; }
#subpage table.hyou4+table.hyou4 { border-top:none; }

/* 5RETU */
#subpage table.hyou5 { margin:0 2%;}
#subpage table.hyou5 th,
#subpage table.hyou5 td { width:20%;}
#subpage table.hyou5+table.hyou5 { border-top:none; }

/* FIX */
#subpage .pc_table { display:block;}
#subpage .sp_table { display:none;}
#subpage table.hyou_fix { margin:0 2%;}
#subpage table.hyou_fix {
	clear:both;
	margin:10px 2%;
	width:96%;
	border-collapse:collapse;
	border-top:1px solid #ddd;
}
#subpage table.hyou_fix th,
#subpage table.hyou_fix td {
	padding:15px 25px;
	border-bottom:1px solid #ddd;
}
#subpage table.hyou_fix th { font-weight: 600; vertical-align: top; background: #f6f6f6;}
#subpage table.hyou_fix td { background:#fff;}
@media only screen and (max-width:768px){
    #subpage table.hyou { width:96%; table-layout:auto;}
    #subpage table.hyou th,
    #subpage table.hyou td{
        table-layout:auto !important;
        display:block !important;
        padding:5% !important;
        width:100% !important;
        height:auto !important;
        box-sizing: border-box;
    }
    #subpage table.hyou th { padding-bottom: 2.5% !important;  border-bottom:none; }    
    #subpage table.hyou th+td { padding-top: 0 !important;}    
    #subpage table.hyou .come_list { line-height: 200%;}
    #subpage table.hyou .come_list span { display: inline-block;}
    #subpage table.hyou .come_list span::after { content:"／";}
}
@media only screen and (max-width:468px){
    #subpage .pc_table { display:none;}
    #subpage .sp_table { display:block;}
}

/*====================================================================================================
  Scroll hint
====================================================================================================*/
@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%,
  100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}

.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: 80px;
  border-radius: 5px;
  transition: opacity .3s;
  opacity: 0;
  background: rgba(0, 0, 0, .7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}
.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}
.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: .8;
}
.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}
.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}
.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}
.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}


/*---------------------------------------------------------------------------
  LIST
---------------------------------------------------------------------------*/
#subpage ul.list-ul {
	clear:both;
	margin:0 2%;
	padding:5px 0;
}
#subpage ul.list-ul li {
	padding: 0 0 0 20px;
	background: url(../image/list_arrow.png) no-repeat left 13px;
}
#subpage ul.list-ul li + li { margin-top: 20px;}
#subpage table.hyou td ul.list-ul {margin:0;}
#subpage table.hyou td ol {margin:0;}


/*---------------------------------------------------------------------------
  LINK
---------------------------------------------------------------------------*/
#subpage .link {
    position: relative;
	clear:both;
	margin:0 2%;
	padding: 0 0 10px 25px;
	background:url(../image/link_arrow.png) no-repeat left 8px;
}
#subpage .link a { text-decoration: underline;}
#subpage .file {
	clear:both;
	margin:0 2%;
	padding: 0 0 10px;
}
#subpage .file img { display: inline; margin-right: 10px; width:16px; }
#subpage .file a { text-decoration: underline;}

/* LINK PLURAL*************************/
/* LINK BOX2 */ #subpage .link2 { clear:none; float:left; width:46%;}
/* LINK BOX3 */ #subpage .link3 { clear:none; float:left; width:29.3%;}
/* LINK BOX4 */ #subpage .link4 { clear:none; float:left; width:21%;}

/* FILE PLURAL*************************/
/* FILE BOX2 */ #subpage .file2 { clear:none; float:left; width:46%;}
/* FILE BOX3 */ #subpage .file3 { clear:none; float:left; width:29.3%;}
/* FILE BOX4 */ #subpage .file4 { clear:none; float:left; width:21%;}

@media only screen and (max-width:768px){
    #subpage .link2,
    #subpage .link3,
    #subpage .link4 { float: none; width:auto;}
    #subpage .file2,
    #subpage .file3,
    #subpage .file4 { float: none; width:auto;}
}



/*---------------------------------------------------------------------------
  EMBEDDED
---------------------------------------------------------------------------*/
#subpage .embedded {
	position:relative;
	clear:both;
	margin:20px 2%;
}
#subpage .embedded iframe { width: 100%;}
@media only screen and (max-width:768px){
    #subpage .embedded iframe { width: 100%; height: 300px;}
}


/*---------------------------------------------------------------------------
  PHOTO
---------------------------------------------------------------------------*/
#subpage .photo-l { position: relative;	float:left; margin-right:4%; }
#subpage .photo-r { position: relative;	float:right; margin-left:4%; }
#subpage .photo-c { position: relative; clear:both; text-align:center; margin:0 0 10px;}
#subpage .photo-l img,
#subpage .photo-r img { max-width: 100%; width: auto; height:auto;}
#subpage .photo-c img { margin: auto; max-width: 100%; width: auto; height:auto;}
#subpage .photo-l p,
#subpage .photo-r p,
#subpage .photo-c p { padding: 0 0 5px;}
#subpage .caption { font-size:80%; text-align:center;}

/* PHOTO BOX *************************/
#subpage ul.photo_box { float:left; margin:20px 2%;}
#subpage ul.photo_box li {}
#subpage ul.photo_box li.photo { margin:0 0 10px; text-align: center;}
#subpage ul.photo_box li.cap {}
#subpage ul.photo_box li .btn { width: 100%;}
#subpage ul.photo_box li.youtube { position: relative;}
#subpage ul.photo_box li.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/* PHOTO BOX1 */ #subpage ul.g1 {width:96%; float:none; }
/* PHOTO BOX2 */ #subpage ul.g2 {width:46%;}
/* PHOTO BOX3 */ #subpage ul.g3 {width:29.3%;}
/* PHOTO BOX4 */ #subpage ul.g4 {width:21%;}
/* PHOTO BOX5 */ #subpage ul.g5 {width:16%;}
#subpage ul.g1 img,
#subpage ul.g2 img,
#subpage ul.g3 img,
#subpage ul.g4 img,
#subpage ul.g5 img { margin: auto; max-width: 100%; width: auto; height:auto;}
@media only screen and (max-width:468px){
    #subpage .photo-c,
    #subpage .photo-l,
    #subpage .photo-r { float:none; margin: auto !important; padding:0; width:100%;}
    #subpage .photo-c img,
    #subpage .photo-l img,
    #subpage .photo-r img { max-width:100% !important; height:auto !important; padding:0 0 20px; bottom:0 !important; right:0 !important; }
    #subpage ul.photo_box { clear:none !important; float:none !important; width:96% !important;}
    #subpage ul.g1 li,
    #subpage ul.g2 li,
    #subpage ul.g3 li,
    #subpage ul.g4 li,
    #subpage ul.g5 li{ width:100%;}
    #subpage ul.g1 li.photo img,
    #subpage ul.g2 li.photo img,
    #subpage ul.g3 li.photo img,
    #subpage ul.g4 li.photo img,
    #subpage ul.g5 li.photo img { max-width:100% !important; height:auto !important;}
    #subpage ul.photo_box li.youtube {position: relative; width: 100%;}
    #subpage ul.photo_box li.youtube iframe { width: 100% !important;  height: 100% !important;}
}


/*---------------------------------------------------------------------------
  BOX
---------------------------------------------------------------------------*/
#subpage .box1 h4,
#subpage .box2 h4 { margin-bottom:10px; font-size: 112.5%;}

/* BOX1 */
#subpage .box1 { clear:both; margin:0 2% 20px; width:96%; }
#subpage .box1::after { display: block; content:""; clear: both;}
#subpage .box1 .photo-c { max-width: 100%;}
#subpage .box1 .photo-l,
#subpage .box1 .photo-r { max-width: 46%;}

/* BOX2 */
#subpage .box2 { float:left; margin:20px 2%; width:46%; overflow: hidden;}
#subpage .box2 .photo-l,
#subpage .box2 .photo-r { width: 46%;}
@media only screen and (max-width:468px){
    #subpage .box1,
    #subpage .box2 { float:none; width:96%;}
    #subpage .box1 .ccont_r,
    #subpage .box1 .cont_l { float:none; max-width:100%;}
    #subpage .box1 + .box1 { margin-top: 10%; }
    #subpage .box1 .photo-l,
    #subpage .box1 .photo-r { width:100%;}
    #subpage .box2 .photo-l,
    #subpage .box2 .photo-r { width:100%;}
}


/*---------------------------------------------------------------------------
  LINE
---------------------------------------------------------------------------*/
#subpage .line { clear:both; margin:20px 2%; width:96%;}
#subpage .line hr { height: 1px; border: none; border-top: 1px #aaa dotted;}


/*---------------------------------------------------------------------------
  BUTTON
---------------------------------------------------------------------------*/
#subpage .btn {
    float: left;
    margin: 0 2% 20px;
    padding:10px;
	font-size:clamp(100%, 1.9vw, 125%);
	font-weight:600;
	color:#FFF;
    text-align: center;
    background:#E60012;
    border-radius: 50px;
}
#subpage .btn a {
    display: block;
	padding:10px;
    color:#FFF;
}
/* BUTTON BOX1 */ #subpage .btn.b1 {width:60%; clear: both; float:none; margin:0 auto 20px;}
/* BUTTON BOX2 */ #subpage .btn.b2 {width:46%;}
/* BUTTON BOX3 */ #subpage .btn.b3 {width:29.3%;}
@media only screen and (min-width:768px){
    #subpage .btn a:hover { text-decoration: none; opacity: 0.7;}
}


/*---------------------------------------------------------------------------
  COLUMNBOX
---------------------------------------------------------------------------*/
#subpage .column { overflow: hidden;}
#subpage .column .col2,
#subpage .column .col3,
#subpage .column .col4,
#subpage .column .col5 { float: left; margin:20px 2%;}
/* COLUMN BOX2 */ #subpage .column .col2 { width: 46%;}
/* COLUMN BOX3 */ #subpage .column .col3 { width: 29.3%;}
/* COLUMN BOX4 */ #subpage .column .col4 { width: 21%;}
/* COLUMN BOX5 */ #subpage .column .col5 { width: 16%;}
#subpage .column .col2:nth-child(2+1),
#subpage .column .col3:nth-child(3+1),
#subpage .column .col3:nth-child(4+1),
#subpage .column .col4:nth-child(5+1) { clear:both;}
#subpage .column table.hyou { margin:0;	width:100%;}
@media only screen and (max-width:768px){
    #subpage .column .col2,
    #subpage .column .col3,
    #subpage .column .col4,
    #subpage .column .col5  { float:none; width: 96%;}
}


/*---------------------------------------------------------------------------
  FLOW
---------------------------------------------------------------------------*/
#subpage ul.flow_box {}
#subpage ul.flow_box:after { /*float_clear*/ display:block; clear:both; content:"";}
#subpage ul.flow_box li {
	position:relative;
	float:left;
	margin:1% 2%;
	padding:15px;
	color:#fff;
	text-align:center;
	background:#E60012;
	box-sizing:border-box;
}
#subpage ul.flow_box li a:hover {
	background:#999;
	border-radius: 5px;
}
#subpage ul.flow_box li+li:before {
	position:absolute;
	top:0;
	left:-25px;
	display:block;
	clear:both;
	content:"";
	width:15px;
	height:100%;
	background:url(../image/flow_bg_pc.png) no-repeat center center;
}
#subpage .flow1 { position:relative;}
#subpage .flow1 li { float: none; width:96%;}
#subpage .flow1+.flow1:before {
	position:absolute;
	top:-15px;
	left:0;
	display:block;
	clear:both;
	content:"";
	width:100%;
	height:30px;
	background:url(../image/flow_bg_sm.png) no-repeat center center;
}
#subpage .flow2 li { width:46%;}
#subpage .flow3 li { width:29.3%;}
#subpage .flow4 li { width:21%;}
#subpage .flow1a { position:relative;}
#subpage .flow1a+.flow1a {margin-top:3%;}
#subpage .flow1a li+li:before { display:none !important;}
#subpage .flow1a li:nth-child(1) { width:32%; color:#fff; background:#E60012;}
#subpage .flow1a li:nth-child(2) { width:60%; padding:0; text-align: left; color: #222; background: none;}
#subpage .flow1a+.flow1a:before {
	position:absolute;
	top:-25px;
	left:0;
	display:block;
	clear:both;
	content:"";
	width:36%;
	height:30px;
	background:url(../image/flow_bg_sm.png) no-repeat center center;
}
@media only screen and (max-width:768px){
    #subpage ul.flow_box {}
    #subpage ul.flow_box:after { display:none;}
    #subpage ul.flow_box li { float:none; width:96% !important;}
    #subpage ul.flow_box li a:hover {}
    #subpage .flow1+.flow1 { margin-top:30px;}
    #subpage .flow1+.flow1:before { top:-30px;}
    #subpage ul.flow_box li+li { margin-top:30px;}
    #subpage ul.flow_box li+li:before {
        position:absolute;
        top:-30px;
        left:0;
        display:block;
        clear:both;
        content:"";
        width:100%;
        height:30px;
        background:url(../image/flow_bg_sm.png) no-repeat center center;
    }
    #subpage .flow1a+.flow1a {margin-top:30px;}
    #subpage .flow1a+.flow1a:before { top:-30px; width:100%;}
    #subpage .flow1a li+li { margin-top:5px !important; padding: 0 !important;}
}


/*---------------------------------------------------------------------------
  FAQ
---------------------------------------------------------------------------*/
#subpage dl.faq { clear: both; margin:0 2%; padding:30px; background: #f6f6f6;}
#subpage dl.faq+dl.faq { margin-top: 10px;}
#subpage dl.faq dt { position: relative; padding-left: 30px; margin-bottom:10px; font-size: 112.5%; font-weight:600; color:#E60012;}
#subpage dl.faq dd { position: relative; padding-left: 30px;}
#subpage dl.faq dt:after,
#subpage dl.faq dd:after { 
	display:block; clear:both;
	position: absolute; top: 0;	left: 0;
	font-family: 'Noto Sans JP', serif;
	font-size:150%;
	font-weight: 600;
}
#subpage dl.faq dt:after { content:"Q"; color:#E60012;}
#subpage dl.faq dd:after { content:"A"; color:#555;}
@media only screen and (max-width:768px){
}

/*---------------------------------------------------------------------------
  BACK BUTTON
---------------------------------------------------------------------------*/
#subpage .b_back { margin:0 auto; width:100%; max-width:300px;}
#subpage .b_back a {
    display: block;
	padding:10px;
	font-size:125%;
	font-weight:600;
	color:#FFF;
    text-align: center;
    background: #000;
    border-radius: 50px;
}
@media only screen and (max-width:768px){
}



/*---------------------------------------------------------------------------
  MORE BUTTON
---------------------------------------------------------------------------*/
#subpage .b_more { margin:0 2%; width:96%;}
#subpage .b_more a { position: relative;   padding-left: 60px; color: #222;}
#subpage .b_more a::before {
    position: absolute; left:0; top:9px;
    display: block; content:""; clear: both;
    width: 40px; height: 10px;
    background: url("../image/arrow.svg") no-repeat center right;
    background-size: auto 10px;
    transition: 0.5s;
}
#subpage .b_more a::after {
    position: absolute; left:0; bottom:-20px;
    display: block; content:""; clear: both;
    width:0; height:1px;
    background:#000;
    transition: 0.5s;
}
@media only screen and (max-width:768px){
}



/*---------------------------------------------------------------------------
  ANCHOR BUTTON
---------------------------------------------------------------------------*/
#subpage .anchor_list { margin: 0 2% 10%; background: rgba(0,0,0,0.03); overflow: hidden;}
#subpage .anchor_list p { position: relative; float: left; width: 20%; text-align: center; overflow: hidden;}
#subpage .anchor_list p + p { border-left: 2px solid #fff;}
#subpage .anchor_list p a { position: relative; display: block; padding: 20px; color:#222; z-index: 999; transition: 0.5s;}
#subpage .anchor_list.col6 p { width: 16.66%;}
@media only screen and (max-width:768px){
}



/*====================================================================================================
  MAIL
====================================================================================================*/
#mail-box { position:relative;}
#mail-box table.mailform {
	clear:both;
	margin:0 2%;
    width:96%;
	border-collapse:collapse;
	border-top:1px solid #ddd;
}
#mail-box table.mailform th,
#mail-box table.mailform td {
	padding:10px 15px;
	border-bottom:1px solid #ddd;
}
#mail-box table.mailform th {
    position: relative;
    padding-top: 14px;
    width:280px;
    font-weight: 400;
    text-align:left;
    vertical-align: top;
}
#mail-box table.mailform td {
    width:calc(100% - 280px);
    background:#fff;
}
#mail-box table.mailform tr th span {
    position: absolute; top:12px; right: 20px;
    margin-top: 5px;
	padding:5px 15px;
	color:#FFF;
	font-size:80%;
	line-height:100%;
	background:#E60012;
	border-radius:15px;
}
#mail-box table.mailform tr td p+p { margin-top:5px;}

/* INPUT TEXTAREA */
#mail-box label { margin-right:15px;}
#mail-box input[type="text"],
#mail-box textarea {
	padding:10px;
	background:#f6f6f6;
    border: none;
	box-sizing:border-box;
	border-radius:5px;
}
#mail-box input[type="text"].txt_mail { width:100%;}
#mail-box textarea { width:100%; height:120px;}

/* SELECT */
#mail-box select { padding:10px; border:1px solid #EEE; background:#FAFAFA;}

/* FILE */
#mail-box input[type="file"] { display:block; padding:5px; background:#F6F6F6;}

/* ATTENTION COMMENT */
#mail-box .attention { margin-top:5px; color:#FF3B3E; font-size:90%;}
#mail-box .come { padding:30px 0; text-align:center;}

/* BUTTON */
#mail-box .b_inqu { margin:30px 2% 0; text-align:center !important;}
#mail-box .b_btn {}
#mail-box .b_inqu input[type="submit"],
#mail-box .b_inqu input[type="reset"],
#mail-box .b_inqu input[type="button"]{
    cursor: pointer;
	font-family: 'Noto Sans JP', "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	margin:0 10px;
	padding:10px;
	width:200px;
	font-weight:bold;
	font-size:140%;
	border:none;
	color:#FFF;
    border-radius: 50px;
}
#mail-box .b_inqu input[type="submit"] { background:#E60012;}
#mail-box .b_inqu input[type="reset"] { background:#555;}
#mail-box .b_inqu input[type="button"] { background:#555;}

/* HOVER */
#mail-box input[type="text"]:focus,
#mail-box textarea:focus { background:#FFEFEF; transition:.3s;}
#mail-box .b_inqu input[type="submit"]:hover,
#mail-box .b_inqu input[type="reset"]:hover,
#mail-box .b_inqu input[type="button"]:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* CONFIRMATION and ERROR ---------------------------------------*/
#formWrap {}
#formWrap table.formTable { margin:20px 2%; width:96%; border-top: 1px solid #EEE;}
#formWrap table.formTable th { width:20%; background:#EEE;}
#formWrap table.formTable td { width:80%;}
#formWrap table.formTable th,
#formWrap table.formTable td { padding:5px 10px;  border-bottom: 1px solid #EEE;}
#formWrap table.formTable tr:last-child { display: none;}

/* CONFIRMATION */
#formWrapr h3 { margin:0 0 20px;}
#formWrapr h4 {
	margin:0 0 20px;
	padding: 1%;
	color: #FF4646;
	font-size:100%;
	border: 1px solid #FF7575;
	background:#FFEAEA;
}
#formWrap p { margin:0 0 10px;}


/* ERROR */
#error { text-align:center;}
#error h4 {
	margin:0 0 20px;
	padding:1%;
	color: #FF4646;
	text-align:left;
	font-size:100%;
	border: 1px solid #FF7575;
	background:#FFEAEA;
}
#error p { margin-top:5px; text-align:left;}
#error .error_messe { padding:10px; background:#FFEFEF;}

@media only screen and (max-width:700px){
    #mail-box {}
    #mail-box table.mailform { table-layout:auto;}
    #mail-box table.mailform th,
    #mail-box table.mailform td{
        table-layout:auto !important;
        display:block !important;
        padding:5% 5% !important;
        width:100% !important;
        height:auto !important;
    }
    #mail-box table.mailform th { padding-bottom:2% !important;  border-bottom:none; }    
    #mail-box table.mailform th+td { padding-top: 0 !important;}    
    #mail-box table.mailform tr th span { top: 20px; }
    #mail-box label {
        display:block;
        margin-right:0;
        padding:5px 10px;
        border:1px solid #ddd;
        border-radius:5px;
    }
    #mail-box label+label { margin-top:5px;}
    #mail-box input[type="text"],
    #mail-box textarea { padding:15px 10px; width:100%;}
    #mail-box .yub input[type="text"] { width:50%;}
    #mail-box select { width:100%;}
    #mail-box .b_inqu {}
    #mail-box .b_inqu input[type="submit"],
    #mail-box .b_inqu input[type="reset"],
    #mail-box .b_inqu input[type="button"] { margin:5px 0; padding:10px; width:100%; max-width: 250px; font-size:100%; line-height: 40px;}
    #mail-box input[type="text"]:focus,
    #mail-box textarea:focus { background:#FFEFEF; transition:.3s;}
    #mail-box .check_box { margin-bottom: 10px;}

    /* CONFIRMATION and ERROR */
    #formWrap table.formTable { margin:20px auto; width:96%; table-layout:auto; border: none;}
    #formWrap table.formTable th,
    #formWrap table.formTable td{
        table-layout:auto !important;
        display:block !important;
        width:90% !important;
        height:auto !important;
        border: none;
    }
    #formWrap table.formTable th { padding:5px 5% !important;}
    #formWrap table.formTable td { padding:5px 5%!important;}

    /* CONFIRMATION */
    #formWrapr h3 { margin:0 0 20px;}
    #formWrapr h4 {
        margin:0 0 20px;
        padding: 1%;
        color: #FF4646;
        font-size:100%;
        border: 1px solid #FF7575;
        background:#FFEAEA;
    }
    #formWrap p { margin:0 0 10px;}

    /* ERROR */
    #error { text-align:center;}
    #error h4 {
        margin:0 0 20px;
        padding:1%;
        color: #FF4646;
        text-align:left;
        font-size:100%;
        border: 1px solid #FF7575;
        background:#FFEAEA;
    }
    #error p { margin:0 0 10px; text-align:left;}
}