@charset "utf-8";

.index:before              {height:8.3rem;}
.anchor                    {margin-top:-8.3rem;position:absolute;height:0;font-size:0;}
a.ico                      {display:inline-block;}
a.ico:after                {content:"\e628";font-family:"entypo";margin:0 0.2em;}
.btns.btns_join .btn       {background:#e61;color:#fff;font-weight:bold;border:3px solid #fff;box-shadow:0 0 10px rgba(0,0,0,0.2);}
.btns.btns_join .btn:hover {background:#f72;}

/* ============================================================== elements */
.index .sct                {border-top:1px solid #ddd;}
.index .sct .fx            {padding:2em 1em;}
.index .sct h2             {text-align:center;}
.index .sct h2 i           {display:inline-block;}
.index .sct a              {transition:0.2s;}
.index .sct .lft           {text-align:left;}
.index .sct .rgt           {text-align:right;}
.index .sct .rgt i,
.index .sct .lft i,
.index .sct .ctr i         {display:inline-block;}
.index .sct .ls li         {font-size:87.5%;list-style:none;margin:0 0 0.5em;position:relative;padding-left:30px;min-height:30px;line-height:150%;}
.index .sct .ls li:before  {content:"";display:block;position:absolute;top:2px;left:0;width:20px;height:20px;background-repeat:no-repeat;background-size:cover;}
.index .sct .ls_check li:before    {background-image:url("../img/checked.png");}
.index .sct .ls_caution li         {margin-bottom:0.5em;}
.index .sct .ls_caution li:before  {background-image:url("../img/caution.png");width:16px;height:16px;top:4px;left:2px;}

/* ============================================================== header */
.index .h .fx              {display:table;width:100%;}
.index .h_logo,
.index .h_link             {display:table-cell;vertical-align:middle;}
.index .h_link             {text-align:right;}
.index .h_link a           {color:#4B7;font-size:75%;background:#fff;display:inline-block;width:4em;padding:0.5em;line-height:150%;text-align:center;font-weight:bold;}
.index .h_link a i         {display:block;}

.index .h_link a           {background:#e61;color:#fff;border:2px solid #fff;}
.index .h_link a:hover     {background:#f72;}

/* ============================================================== mv */
.index .sct_mv             {background-color:#BEF1CF;}
.index .sct_mv .fx         {padding:1em 0;background-image:url("../img/mv_bg.jpg");background-repeat:no-repeat;background-position:50% 0;background-size:cover;}
.index .sct_mv .box        {margin:0 10px 0 25%;padding:10px 10px 0;}
.index .sct_mv .box p      {font-size:60%;line-height:140%;}
.index .sct_mv h2          {font-size:135%;padding:0.5em 0;position:relative;text-align:left;margin-bottom:0.5em;padding:0;}
.index .sct_mv h2 span     {display:block;color:#161;line-height:150%;}
.index .sct_mv h2 span:nth-of-type(1)     {margin-right:0.5em;}

.index .sct_mv h2 span:nth-of-type(1)                     {font-size:60%;font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}
.index .sct_mv h2 span:nth-of-type(1) i                   {display:inline-block;}
.index .sct_mv h2 span:nth-of-type(1) i:nth-of-type(1)    {background:#4DB87A;color:#fff;display:inline-block;padding:0 0.5em;margin-right:0.5em;}
.index .sct_mv h2 span:nth-of-type(1) i:nth-of-type(2)    {font-weight:normal;}

.index .sct_mv ul          {margin:0 0 0 20%;text-align:center;}
.index .sct_mv li          {list-style:none;margin:0;padding:0;display:inline-block;}
.index .sct_mv li a        {width:4em;height:4em;line-height:3.9em;text-align:center;display:inline-block;border:2px solid #fff;background:#e61;color:#fff;white-space:nowrap;border-radius:50%;font-weight:bold;box-shadow:0 0 6px rgba(0,0,0,0.2);}
.index .sct_mv li a:hover  {background:#f72;}

/* ============================================================== outline */
.sct_outline               {}
.sct_outline figure        {display:block;margin:0 auto 1em;max-width:400px;text-align:center;}
.sct_outline figure img    {border:1px solid #ddd;}
.sct_outline figcaption    {line-height:150%;margin-top:0.3em;display:inline-block;}
.sct_outline dl            {margin-bottom:1em;}
.sct_outline dt            {margin-bottom:0.2em;}
.sct_outline dt span       {width:8em;text-align:center;display:inline-block;padding:0.2em 0.5em;margin-bottom:0.2em;border:1px solid #ccc;border-radius:5px;background:#f9f9f9;}
.sct_outline dt.dl_long span {width: 16em;}
.sct_outline dd br         {display:none;}
.sct_outline dd p span     {display:block;}
.sct_outline dd strong     {font-weight:bold;font-size:140%;}

.index .calendar a         {display:block;margin:0 auto;max-width:480px;}
.index .calendar ul        {text-align:center;}
.index .calendar li        {list-style:none;margin:0 10px;display:inline-block;max-width:300px;}
.index .calendar .month    {color:#999;text-align:right;font-size:120%;font-weight:bold;}
.index .calendar table     {width:100%;color:#111;}
.index .calendar thead     {border-bottom:1px solid #ccc;}
.index .calendar th,
.index .calendar td        {padding:0.2em;text-align:center;font-weight:normal;}
.index .calendar .holiday,
.index .calendar th:nth-of-type(1),
.index .calendar td:nth-of-type(1)       {color:#e12;}
.index .calendar th:nth-of-type(7),
.index .calendar td:nth-of-type(7)       {color:#35e;}
.index .calendar i         {display:inline-block;width:1.5em;height:1.5em;line-height:1.5em;text-align:center;}
.index .calendar .crt i    {background:#e61;color:#fff;border-radius:50%;
background: #ee6611; /* Old browsers */
background: -moz-linear-gradient(top,  #ee6611 0%, #ee6611 50%, #aa3300 50%, #aa3300 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ee6611 0%,#ee6611 50%,#aa3300 50%,#aa3300 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ee6611 0%,#ee6611 50%,#aa3300 50%,#aa3300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee6611', endColorstr='#aa3300',GradientType=0 ); /* IE6-9 */
}
.index .calendar .crt.crt2 i {background:#a30;}
.index .calendar .crt.crt0 i {background:#e61;}

.index .calendar .notice        {margin-left:1em;font-size:80%;line-height:150%;color:#111;}
.index .calendar .notice .crt i {width:1em;height:1em;line-height:1em;}

/* ============================================================== howto */
.sct_howto                 {background:#f9f9f9;background-image:url("../img/howto_bg.jpg");background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.sct_howto h2 + .lft       {font-size:120%;line-height:150%;}

.howto_ols                 {}
.howto_ols li              {display: flex;list-style: none;margin: 0;padding: 0 0 1em;position: relative;}
.howto_ols li:before       {content: "";display: block; position: absolute;width: 1px;height: 100%;left: 1em;top: 0;background: #e61;}
.howto_ols li:last-child:before       {display: none;}
.howto_ols .nbr            {width: 2em;height: 2em; line-height: 2em;text-align: center;background: #e61;color: #fff;margin-right: 0.5em;position: relative;z-index: 2;}
.howto_ols .txt            {flex: 1;}
.howto_ols .note           {color: #090;font-size: 87.5%;padding-left: 1.5em;position: relative;}
.howto_ols .note:before    {content:"\e677";font-family:"entypo";position: absolute;display: block;left: 0;top: 0;color: #090;}
.howto_ols li p            {margin: 0;}

/* ============================================================== access */
.sct_access                {}
.sct_access figure         {display:block;margin:0 auto;max-width:480px;}
.sct_access dl + h3,
.sct_access dl + p,
.sct_access p + h3         {margin-top:1em;}
.sct_access p              {margin:0;}
.sct_access p span         {display:block;}
.sct_access p i            {display:inline-block;margin-right:0.5em;}
.sct_access p br           {display:none;}
.sct_access .map           {padding-top:1em;clear:both;}
.sct_access .map iframe    {height:360px;}
.sct_access dt,
.sct_access dd             {display:inline-block;vertical-align:middle;}
.sct_access .trfc          {margin-bottom:0.2em;}
.sct_access .trfc dt       {width:7em;color:#fff;text-align:center;margin-right:0.5em;}
.sct_access .trfc_te dt    {background:#0C50CD;}
.sct_access .trfc_jr dt    {background:#00B22D;}

/* ============================================================== cv */
.sct_cv                    {background:#e61;color:#fff;}

/* ============================================================== media query */
@media screen and (min-width:768px){
	.index:before              {height:7rem;}
	.anchor                    {margin-top:-7rem;}
	.index .sct .fx            {padding:3em 1em;}
	.index .sct .ls li         {font-size:100%;}

	/* ----------------------- header */
	.index .h_link             {}
	.index .h_link a           {font-size:100%;width:auto;padding:0.5em 1em;}
	.index .h_link a i         {display:inline-block;}

	/* ----------------------- mv */
	.index .sct_mv .fx         {padding:3em 0 6em;}
	.index .sct_mv .box,
	.index .sct_mv ul          {margin-left:35%;text-align:left;}
	.index .sct_mv h2          {font-size:240%;}
	.index .sct_mv .box p      {font-size:100%;}
	.index .sct_mv li          {margin:0 0.8em 0 0;}
	.index .sct_mv li a        {font-size:140%;width:4em;height:4em;line-height:3.6em;border-width:5px;}

	/* ----------------------- outline */
	.sct_outline figure        {float:right;width:30%;margin-left:2em;}
	.index .calendar a         {margin:0;}
	.index .calendar ul        {text-align:left;}

	/* ----------------------- access */
	.sct_access figure         {float:right;}
	.sct_access p br           {display:inline;}

	/* ----------------------- cv */
	.btns.btns_join .btn       {font-size:150%;}

}
@media screen and (min-width:1000px){

	/* ----------------------- mv */
	.index .sct_mv .fx         {padding:5em 0 8em;}
	.index .sct_mv .box,
	.index .sct_mv ul          {margin-left:35%;}
	.index .sct_mv li          {margin:0 1em 0 0;}
	.index .sct_mv li a        {font-size:160%;}
	.index .sct_mv h2          {font-size:300%;}

	/* ----------------------- outline */
	.sct_outline dl            {display:flex;}
	.sct_outline dt            {}
	.sct_outline dt span       {margin-right:1em;}
	.sct_outline dt.dl_long span {width: 8em;}
	.sct_outline dd            {}
	.sct_outline dd br         {display:inline;}

	/* ----------------------- access */
	.sct_access .map iframe    {height:420px;}

	/* ----------------------- howto */
	.sct_howto .fx             {background-image:url("../img/howto_lady.png");background-repeat:no-repeat;background-position:100% 100%;background-size:180px 379px;}

}