@charset "UTF-8";

html {
    font-size: 62.5%;
}

body {
    font-family: YakuHanJP, "Noto Sans JP", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-weight: 400;
     font-size: 1rem;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    color: #333333;
    background-color: #E2E2E2;
}

a {
    text-decoration: none;
    color: #333333;
}

a:hover {
	text-decoration: none;
}

* {
    box-sizing: border-box;
}

input[type="text"], button, textarea, select {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

img {
    max-width: 100%;
    width: 100%;
	height: auto;
}

@media screen and (max-width: 767px) {
  body {
    min-width: inherit;
  }
}

/*l-header
---------------------------------------------------------------------------- */
.l-header {
    position: fixed;
    width: 100%;
    /* min-width: 1220px; */
    z-index: 100;
    top: 0;
}
.l-header-content_outer {
	background: #fff;
	width: 100%;
}
.l-header-content {
    margin: 0 auto;
    width:  min(132.5rem,calc(1325vw/13.66)) ;
				padding:  min(1.5rem,calc(15vw/13.66))  0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.l-header-logo {
	width:  min(24rem,calc(240vw/13.66)) ;
	height: auto;
}
.l-header-logo a {
	display: block;
	transition: all 0.4s;
}
.l-header-logo a:hover {
	opacity: 0.7;
}

.l-header-list {
	display: flex;
	flex-flow: row;
	align-items: center;
	width:  min(75.5rem,calc(755vw/13.66)) ;
	justify-content: space-between;
}
.l-header_mypage .l-header-list  {
}
.l-header-list li {
	width:  min(16rem,calc(160vw/13.66)) ;
	font-weight: 600;
    font-size: 1.4rem;
    letter-spacing: 0.08em;
	text-align: center;
	box-shadow: 0  min(.4rem,calc(4vw/13.66))   min(.2rem,calc(2vw/13.66))  #0000001a;
	border-radius:  min(2.4rem,calc(24vw/13.66)) ;
	transition: all 0.4s;
}
.l-header-list li a {
	display: block;
	padding:  min(1.35rem,calc(13.5vw/13.66))   min(1.6rem,calc(16vw/13.66));
	transition: all 0.4s;
	box-sizing: border-box;
	border-radius:  min(2.4rem,calc(24vw/13.66)) ;
}
.l-header-list li.new {
	background: #3498BE;
	border:  min(.1rem,calc(1vw/13.66))  solid #3498BE;
}
.l-header-list li.new a{
font-weight: 600;
	color: #fff;
}
.l-header-list li.new:hover {
	background: #fff;
	border:  min(.1rem,calc(1vw/13.66))  solid #D5D5D5;
}
.l-header-list li.new a:hover{
	color: #3498BE;
}
.l-header-list li.login {
	background: #fff;
	border:  min(.1rem,calc(1vw/13.66))  solid #D5D5D5;
	color: #3498BE;
}
.l-header-list li.login a{
font-weight: 600;
	color: #3498BE;
}
.l-header-list li.login:hover {
	background: #3498BE;
	border-color: #3498BE;
}
.l-header-list li.login a:hover{
	color: #fff;
}

.l-header-list li.contact {
	background: #595757;
	border:  min(.1rem,calc(1vw/13.66))  solid #595757;
}
.l-header-list li.contact a {
	height: 100%;
	color: #fff;
}
.l-header-list li.login .small {
	font-size: 1rem;
}

.l-header-list li.insta  {
	padding: 0;
	box-shadow: none;
 width:  min(4rem,calc(40vw/13.66)) ;
	font-size: 0;
}
.l-header-list li.insta a {
	padding: 0;
	box-shadow: none;
}


.l-header-list li.manabu  {
	box-shadow: none;
	max-width: none;
	width: auto;
	font-weight: 500;
	letter-spacing: 0;
}
.l-header-list li.manabu  a{
	padding: min(1.35rem,calc(13.5vw/13.66))  0;
}
.l-header-list li.manabu  a:hover{
	color: #3498BE;
}


.l-header-list li.contact:hover {
	background: #fff;
}
.l-header-list li.contact a:hover {
	color: #595757;
}
.l-header-list li:last-child {
    margin: 0;
}

@media screen and (max-width: 767px) {
 .l-header {
	min-width: inherit;
}
.l-header-content_outer {
	position: relative;
	z-index: 100;
}
.l-header-content {
	position: relative;
	padding: 0;
	width: 100%;
	height: 4.8rem;
	min-height: inherit;
	border-bottom: .1rem solid #ccc;
}
.l-header-logo {
	width: 14.5rem;
	margin-left:1.125rem;
}
.l-header-list.nopc {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto;
	margin-top: 2.4rem;
 width: 100%;

}
.l-header-content .l-header-list  {
 width: 14.5rem;
	margin-right:5.5rem;
}
.l-header_mypage .l-header-list  {
 width: 15rem;
}
.l-header_manabu .l-header-list  {

 width: 7rem;
}

.l-header-content .l-header-list li  {
	font-size: 1.1rem;
	letter-spacing: 0;
	margin: 0;
 border-radius: 2.4rem;
}
.l-header-content .l-header-list li  a{
	padding:.6rem 0;
}
.l-header-content .l-header-list .login  {
	width: 5.3rem;
}
.l-header-content .l-header-list .new  {
	width: 8.3rem;
}
.l-header_mypage .l-header-list .new {
	width: 16.3rem;
}
.l-header_manabu .l-header-list .new {
	width: 100%;
}
.l-header_mypage .l-header-list .login {
    width: 16.3rem;
}

.l-header-list li {
	margin: 0 ;
	border-bottom: solid .1rem #cccccc;
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 1.5rem;
	width: 16.5rem;
 border-radius: 2.4rem;
}
.l-header-list li.login {
	width: 16.5rem;
}
.l-header-list li.contact {
	width: 16.5rem;
}
.l-header-list li.contact.center {
	margin: 0 auto 1.5rem;
}
.l-header-list li a {
	padding: .9rem .8rem;
}
.l-header-list li.contact a {
	justify-content: center;
}

.l-header-list li.manabu  {
	width: 100%;
	border: none;
	margin: 0 auto;
}
.l-header-list li.manabu  a{
	padding:1.35rem 0;
	display: inline-block;
}
.l-header-list li.manabu  a:hover{
	color: #3498BE;
}
.l-header-list li.manabu_sp {
	width: 100%;
}
.l-header-list li.insta  {
 width: 3.6rem;
	margin: 3rem auto 0;
}

}

/* l-gNav
---------------------------------------------------------------------------- */
.l-gNav {
	background: #fff;
	padding:  min(1.5rem,calc(15vw/13.66))  0;
}
.l-gNav-list {
    margin: 0 auto;
    padding: 0;
    width:  min(120rem,calc(1200vw/13.66)) ;
    font-size: 0;
    text-align: center;
				display: flex;
				justify-content: space-between;
}
.l-gNav-list li {
	position: relative;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.1em;
}
.l-gNav-list li:before {
    position: absolute;
    content: "";
    width:  min(.1rem,calc(1vw/13.66)) ;
    height:  min(3rem,calc(30vw/13.66)) ;
    background: #cccccc;
    left: 0;
    top: 50%;
				transform: translateY(-50%);
}
.l-gNav-list li:last-child::after {
    position: absolute;
    content: "";
    width:  min(.1rem,calc(1vw/13.66)) ;
    height:  min(3rem,calc(30vw/13.66)) ;
    background: #cccccc;
	top: 50%;
	transform: translateY(-50%);
    right: 0;
}
.l-gNav-list li a {
	color: #3397da;
	position: relative;
	display: block;
	padding:  min(1.2rem,calc(12vw/13.66)) min(3rem,calc(30vw/13.66));
	line-height: 1.4;
	transition: all 0.4s;
}
.l-gNav-list li a::after {
	content: "";
	position: absolute;
	width: 0%;
	height:  min(.4rem,calc(4vw/13.66)) ;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0%);
	background: #59c2e1;
	transition: all .4s ease-out;
}
.l-gNav-list li a:hover::after {
	width:calc(100% - 2em);
}

@media screen and (max-width: 767px) {
.l-header-menu {
	position: fixed;
	z-index: 100;
	top: 0;
	right: 0;
	background: #3397da;
	cursor: pointer;
	width: 4.8rem;
	height: 4.8rem;
}
.l-header-menu span {
	display: inline-block;
	transition: all 0.4s;
	position: absolute;
	left: 1.4rem;
	height: .3rem;
	border-radius: 2px;
	background-color: #fff;
	width: 2.4rem;
}
.l-header-menu span:nth-of-type(1) {
	top: 1.5rem;
}
.l-header-menu span:nth-of-type(2) {
	top: 2.3rem;
}
.l-header-menu span:nth-of-type(3) {
	top: 3.1rem;
}
.l-header-menu.active span:nth-of-type(1) {
    top: 1.7rem;
	left: 1.3rem;
	transform: translateY(.6rem) rotate(-45deg);
	width: 2.4rem;
}
.l-header-menu.active span:nth-of-type(2) {
	opacity: 0;
}
.l-header-menu.active span:nth-of-type(3){
    top: 2.9rem;
	left: 1.3rem;
	transform: translateY(-.6rem) rotate(45deg);
	width: 2.4rem;
}

.l-gNav {
    position: fixed;
    z-index: 99;
	top: -116rem;
    left: 0;
	width: 100%;
    height: 100vh;
    height: 100dvh;
	background: #fff;
	transition: all 0.4s;
	border-top: none;
	padding: 2.4rem 1.8rem;
}
.l-gNav.navactive{
    top: 3.0rem;
}

.l-gNav-list {
	padding: 0;
	width: 100%;
	height: auto;
	text-align: left;
	display: block;
	border-bottom: .1rem solid #B2B2B2;
	padding-bottom: 2.4rem;
}

  .l-gNav-list li {
    display: block;
    width: 100%;
    font-size: 1.4rem;
	height: auto;
	top: 0;
  }

  .l-gNav-list li.study a span {
  padding: 1.6rem 1rem 2rem;
  display: block;
  }

  .l-gNav-list li:first-child {
    display: block;
  }

.l-gNav-list li:before,
.l-gNav-list li:last-child::after {
	display: none;
}

.l-gNav-list li a {
	padding: 2rem .8rem 0;
	margin: 0;
	color: #333333;
	line-height: inherit;
	display: flex;
	align-items: center;
}
.l-gNav-list li a span {
	display: inline-block;
	width: 2.5rem;
	margin-right: 1.5rem;
}
.l-gNav-list li a::after {
	background: none;
}

.l-gNav-list li a::before {
	position: absolute;
	content: "";
	top: 3.1rem;
	right: 1rem;
	margin-top: -.5rem;
	width: 1rem;
	height: 1rem;
	border-top: .2rem solid #3397da;
	border-right: .2rem solid #3397da;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*  .l-gNav-list li a:hover::before {
    display: none;
  }*/

  .l-gNav-current a::after {
    display: none;
  }

}

/* l-topicPath
---------------------------------------------------------------------------- */
.l-topicPath {
    padding:  min(2.5rem,calc(25vw/13.66))   min(6.5rem,calc(65vw/13.66)) ;
    min-height:  min(7rem,calc(70vw/13.66)) ;
    border-bottom: solid  min(.1rem,calc(1vw/13.66))  #cccccc;
    font-size: 0;
}

.l-topicPath-list li {
  position: relative;
  display: inline-block;
  padding-right:  min(2rem,calc(20vw/13.66)) ;
  font-size: 1.3rem;
  letter-spacing: 0.1em;
  color: #666666;
}

.l-topicPath-list li::before {
  position: absolute;
  content: ">";
  font-size: 1.3rem;
  right:  min(.4rem,calc(4vw/13.66)) ;
  top: 0;
}

.l-topicPath-list li:last-child {
  padding: 0;
}

.l-topicPath-list li:last-child::before {
  display: none;
}

.l-topicPath-list li a {
  text-decoration: underline;
  color: #666666;
}

.l-topicPath-list li a:hover {
  text-decoration: none;
}

.l-footer .insta {
 width:  min(4rem,calc(40vw/13.66));
}



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

  .l-topicPath {
    display: none;
  }

}

/* l-content
---------------------------------------------------------------------------- */

.l-container {
    padding:  min(14.5rem,calc(145vw/13.66))  0 0;
    background: url("../images/common/sub_bg_common.jpg"), #b7d2f0;
	background-position: top center;
    background-size: 120%;
    background-repeat: no-repeat;
}
.l-content {
    margin: 0 auto;
    width: min(124rem,calc(1240vw/13.66)) ;
    padding: 0 ;
}
.white_bg {
	background-color: #ffffff8c;
	border-radius:  min(.8rem,calc(8vw/13.66)) ;
	box-sizing: border-box;
	padding: min(6.4rem,calc(64vw/13.66))   min(6rem,calc(60vw/13.66)) ;
}
@media screen and (max-width: 767px) {
.l-container {
	padding: 4.8rem 0 0;
	background-size: 100%;
}
.l-container {
	background: none;
	padding: 4.8rem 0 0;
	position: relative;
	background-attachment: fixed;
}

.l-container::before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index:-1;
	width: 100%;
	height:100vh;
	background: url("../images/common/sub_bg_common.jpg"), #acd0f4;
	background-position: top center;
	background-size: 140%;
	background-repeat: no-repeat;
}

.l-content {
	padding: 0;
	width: 34.5rem;
}

.white_bg {
	background-color: #ffffff8c;
	border-radius: .8rem;
	box-sizing: border-box;
	padding: 12% 4.5% ;
}
}

/* l-footer
---------------------------------------------------------------------------- */
.l-footer {
    padding:  min(1.2rem,calc(12vw/13.66))  0  min(2rem,calc(20vw/13.66)) ;
    border-top: solid  min(.1rem,calc(1vw/13.66))  #cccccc;
    text-align: center;
	background-color: #E2E2E2;
}
.l-footer small {
    display: block;
    font-size: 1.2rem;
    letter-spacing: 0.1em;
    line-height: 1;
				position: absolute;
				bottom:  min(.5rem,calc(5vw/13.66)) ;
				right: 0;
}
.footer_inner
{
	width:  min(112rem,calc(1120vw/13.66)) ;
	margin: 0 auto;
}
.footer_flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom:  min(1.2rem,calc(12vw/13.66)) ;
}
.l-footer .footer_nav_menu {
	display: flex;
	width: min(88rem,calc(880vw/13.66));
	margin: 0 auto;
	margin-left: 0;
	align-items: center;
	justify-content: space-between;
}
.l-footer .footer_nav_menu .item {
	color: #333333;
 font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: 0.12em;
}
.l-footer .footer_nav_menu .item a:hover {
	text-decoration: underline;
}
.l-footer .footer_nav_list {
		border-top:  min(.1rem,calc(1vw/13.66))  solid #BFBFBF;
	width: 100%;
	display: flex;
    font-size: 1.2rem;
				font-weight: 500;
	justify-content: flex-start;
	margin: 0 auto;
	padding:  min(2.5rem,calc(25vw/13.66))  0 0;
	position: relative;
}
.footer_nav_list .item a{
	display: flex;
	align-items: center;
}
.footer_nav_list .item a img{
 width: min(1.6rem,calc(16vw/13.66)) ;
	margin-left:  min(.8rem,calc(8vw/13.66)) ;
}
.l-footer .footer_nav_list .item:not(:last-child) {
	margin-right:  min(4rem,calc(40vw/13.66)) ;
}
.l-footer .footer_nav_list .item a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
.l-footer {
    padding: 1.5rem 5% 6rem;
	text-align: left;
	border: none;
}
.footer_inner
{
	width: 100%;
}
.footer_flex {
	align-items: flex-start;
	flex-direction: column;
	margin-bottom: 1rem;
}
.l-footer .footer_nav_menu {
	max-width: 100%;
	width: 100%;
	margin: 0 auto 0;
	flex-direction: column;
	align-items: flex-start;

}

.l-footer .footer_nav_menu .item {
	font-size: 1.4rem;
	width: 100%;
}
.l-footer .footer_nav_menu .item a{
	width: 100%;
	padding: 1rem 0;
	display: block;
	position: relative;
}
.l-footer .insta {
 width: 3.6rem;
	margin: 1rem 0;
}
.l-footer .footer_nav_menu .item a::before {
	position: absolute;
	content: "";
	top: 50%;
	right: 1rem;
	margin-top: -.5rem;
	width: 1rem;
	height: 1rem;
	border-top: .2rem solid #333333;
	border-right: .2rem solid #333333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.l-footer .footer_nav_list {
    display: block;
    font-size: 1.2rem;
	justify-content: left;
	padding-bottom: 2.5rem;
}
.l-footer .footer_nav_list .item:not(:last-child) {
	margin-right: 0;
    margin-bottom: 1.2rem;
}
.footer_nav_list .item a img{
	margin-left: 1rem;
 width: 1.6rem;
}
.l-footer small {
	font-size: 1.2rem;
	position: static;
	margin-top: 2.5rem;
}
.footer_menu_sp {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
	background-color: #3498BE;
	width: 100%;
}
.footer_menu_sp_inner {
	width: 100%;
	margin: 0 auto;
}
.footer_menu_sp_item {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.footer_menu_sp_item li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	text-align: center;
	line-height: 1.05;
}
.footer_menu_sp_item li a{
	padding: .5rem 0;
	display: block;
	width: 100%;
	flex-direction: column;
	font-size: 1rem;
	font-weight: 600;
	color: #fff;
}
.footer_menu_sp_item li a span{
	display: block;
	width: 2.4rem;
	margin: 0 auto ;
	padding-bottom: .5rem;
}

}


.nopc {
  display: none;
}

@media screen and (max-width: 767px){
  .nosp {
    display: none;
  }

  .nopc {
    display: inherit;
  }

}


/*------------------------ 分類：ボタン系 ------------------------*/
.c-empty a {
  opacity: .3;
  pointer-events: none;
}

.c-btn {
    width:   min(30rem,calc(300vw/13.66)) ;
    height:   min(5rem,calc(50vw/13.66)) ;
    background: #3397da;
    border-radius:   min(2.5rem,calc(25vw/13.66)) ;
    text-align: center;
}
#study_02 .c-btn {
    background: #e49e32;
}

.c-btn a {
    position: relative;
    display: block;
    padding:   min(1.7rem,calc(17vw/13.66))  0;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1;
}

.c-btn a::before {
  position: absolute;
    content: "";
    top:   min(2rem,calc(20vw/13.66)) ;
    right:   min(2.3rem,calc(23vw/13.66)) ;
    width:   min(1rem,calc(10vw/13.66)) ;
    height:   min(1rem,calc(10vw/13.66)) ;
    border-top:   min(.1rem,calc(1vw/13.66))  solid #fff;
    border-right:   min(.1rem,calc(1vw/13.66))  solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.c-btn a:hover {
  color: #3397da;
  background: #fff;
  border-radius:   min(2.5rem,calc(25vw/13.66)) ;
}
#study_02 .c-btn a:hover {
  color: #e49e32;
}

.c-btn a:hover::before {
  border-top:   min(.1rem,calc(1vw/13.66))  solid #3397da;
  border-right:   min(.1rem,calc(1vw/13.66))  solid #3397da;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-sizing: border-box;
}
#study_02 .c-btn a:hover::before {
  border-top:   min(.1rem,calc(1vw/13.66))  solid #e49e32;
  border-right:   min(.1rem,calc(1vw/13.66))  solid #e49e32;
}

.c-btn a:hover::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border: solid   min(.1rem,calc(1vw/13.66))  #3397da;
  left: 0;
  top: 0;
  border-radius:   min(2.5rem,calc(25vw/13.66)) ;
  cursor: pointer;
  box-sizing: border-box;
}
#study_02 .c-btn a:hover::after {
  border: solid   min(.1rem,calc(1vw/13.66))  #e49e32;
}

@media screen and (max-width: 767px) {
  .c-btn {
      height: auto;
      width: 30rem;
  }

  .c-btn a {
      padding: 1.5rem 0;
      font-size: 1.4rem;
  }

  .c-btn a::before {
      top: 1.6rem;
  }
}

/*------------------------ 分類：タイトル系------------------------*/
.c-head {
    display: table;
    width: 100%;
    height:   min(20rem,calc(200vw/13.66));
    border-bottom: solid   min(.1rem,calc(1vw/13.66))  #ccc;
}

.c-head-content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.c-head-main {
    position: relative;
    display: inline-block;
    padding: 0   min(9rem,calc(90vw/13.66)) ;
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: 0.15em;
}

.c-head-main::before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  left: 0;
  top:   max(-1.6rem,calc(-16vw/13.66)) ;
  width:   min(7rem,calc(70vw/13.66)) x;
  height:   min(7rem,calc(70vw/13.66)) x;
}


.c-head-news::before {
  background: url(../img/common/icn_news.svg);
  background-size: cover;
}

.c-head-themenicon::before {
  background: url(../img/common/icn_menicon.svg);
  background-size: cover;
}

.c-head-seminar::before {
  background: url(../img/common/icn_seminar.svg);
  background-size: cover;
}

.c-head-training::before {
  background: url(../img/common/icn_training.svg);
  background-size: cover;
}

.c-head-study:before {
  background: url(../img/common/icn_study.svg);
  background-size: cover;
}

.c-head-sub {
  display: block;
  padding-top:   min(2.5rem,calc(25vw/13.66)) ;
  font-size: 1.8rem;
  letter-spacing: 0.15em;
}

@media screen and (max-width: 767px){
  .c-head {
    height: 12rem;
}

  .c-head-content {
    vertical-align: top;
	padding: 0 0 2rem;
  }

  .c-head-main {
    margin-top: 3rem;
    padding: 4rem 2rem 0;
    font-size: 2rem;
  }

  .c-head-main::before {
    width: 5rem;
    height: 5rem;
    left: 40%;
	top: -2rem;
  }

  /*.c-head-news {
    margin-top: 40px;
  }
*/
  .c-head-sub {
    padding-top: 1rem;
    font-size: 1.4rem;
  }

}

@media screen and (max-width: 320px){
  .c-head-main {
    font-size: 1.6rem;
  }

  .c-head-sub {
    font-size: 1.2rem;
  }

  .c-head-main::before {
    width: 4rem;
    height: 4rem;
  }
}


/*------------------------ 分類：テキスト系------------------------*/
.c-lead {
    font-size: 1.6rem;
    letter-spacing: 0.07em;
    line-height: 1.8;
}
@media screen and (max-width: 767px){

  .c-lead {
    font-size: 1.4rem;
  }


}


/* 下層ページ */
.page_title {
    font-size: 2.8rem;
	font-weight: 600;
	text-align: center;
	letter-spacing: 0.15em;
	margin: 0 0   min(7rem,calc(70vw/13.66)) ;
	padding:   min(7rem,calc(70vw/13.66))  0 0px;
}
.page_title_flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page_title_inner {
	display: inline-block;
	border-bottom:   min(.6rem,calc(6vw/13.66))  solid #eaca3f;
}
.page_sub_title {
    font-size: 2.6rem;
	font-weight: 600;
	text-align: center;
	letter-spacing: 0.1em;
	margin: 0 0   min(1.6rem,calc(16vw/13.66)) ;
	display: flex;
	justify-content: center;
	align-items: center;
}
.page_title_flex .img {
	width:   min(8rem,calc(80vw/13.66)) ;
	height: auto;
	margin-right:   min(1.6rem,calc(16vw/13.66)) ;
}
@media screen and (max-width: 767px){
.page_title {
    font-size: 2rem;
	margin: 0 0 4rem;
	padding: 3.2rem 0 .4rem;
  letter-spacing: 0.05em;
}
.page_title .img {
  width: 12%;
  margin-right: 1rem;
}
.page_title_inner {
	border-bottom: .4rem solid #eaca3f;
	line-height: 1.4;
	padding: 0 0 .8rem;
}
.page_sub_title {
    font-size: 1.8rem;
	margin: -.6rem 0 .8rem;
}
.page_sub_title .img {
    width: 4rem;
    margin-right: .8rem;
}
}

/* パンくずリスト */

ul.breadcrumb_list {
	display: flex;
	flex-wrap: wrap;
	width:   min(112rem,calc(1120vw/13.66)) ;
	margin: 0 auto;
	padding:   min(1.6rem,calc(16vw/13.66))  0;
    font-size: 1.2rem;
}
ul.breadcrumb_list li {
	margin-right:   min(.8rem,calc(8vw/13.66)) ;
}
ul.breadcrumb_list li a {
	text-decoration: underline;
}
ul.breadcrumb_list li a:hover {
	text-decoration: none;
}
@media screen and (max-width: 767px){
  .breadcrumb_content {
    overflow-x: scroll;
  }
ul.breadcrumb_list {
  white-space: nowrap;
	width: 100%;
	padding: 1.6rem;
  flex-wrap: nowrap;
  word-break:keep-all;
  font-size: 1rem;
}
ul.breadcrumb_list li:last-of-type {
  padding-right: 1.6rem;
}
}

/* ページトップへ戻るボタン */
#pagetop {
	display: inline-block;
	position: fixed;
	z-index: 99;
	bottom:   min(3.2rem,calc(32vw/13.66)) ;
	right:   min(3.2rem,calc(32vw/13.66)) ;
}
#pagetop a {
	position: relative;
	display: block;
	background: #3380c0;
	border:   min(.2rem,calc(2vw/13.66))  solid #3380c0;
	border-radius:   min(6.4rem,calc(64vw/13.66)) ;
	width:   min(6.4rem,calc(64vw/13.66)) ;
	height:   min(6.4rem,calc(64vw/13.66)) ;
	box-shadow:   min(.5rem,calc(5vw/13.66))    min(.5rem,calc(5vw/13.66))    min(.8rem,calc(8vw/13.66))  rgba(0,90,130,0.25);
	transition: all 0.4s;
}
#pagetop a:after {
	position: absolute;
	content: "";
	top:   min(2.6rem,calc(26vw/13.66)) ;
	right:   min(2.3rem,calc(23vw/13.66)) ;
	width:   min(1.2rem,calc(12vw/13.66)) ;
	height:   min(1.2rem,calc(12vw/13.66)) ;
	border-top:   min(.2rem,calc(2vw/13.66))  solid #fff;
	border-right:   min(.2rem,calc(2vw/13.66))  solid #fff;
	transform: rotate(-45deg);
}
#pagetop a:hover {
	background: #fff;
	transform: scale(1.1, 1.1);
}
#pagetop a:hover::after {
	border-top:   min(.2rem,calc(2vw/13.66))  solid #3380c0;
	border-right:   min(.2rem,calc(2vw/13.66))  solid #3380c0;
}
@media screen and (max-width: 767px){
#pagetop {
  width: 2.8rem;
  height: 2.8rem;
	bottom: 8rem;
	right: 1.125rem;
}
#pagetop a {
	border-radius: 5.6rem;
	width: 100%;
	height: 100%;
	box-shadow: .2rem .2rem .8rem rgba(0,90,130,0.25);
}
#pagetop a:after {
	top: 55%;
  transform: translateY(-50%) rotate(-45deg);
    right: 0px;
    left: 0;
    margin: 0 auto;
	width: .6rem;
	height: .6rem;
}
#pagetop a:hover {
	background: #3397da;
	transform: scale(1, 1);
}
#pagetop a:hover::after {
	border-top: .2rem solid #fff;
	border-right: .2rem solid #fff;
}
}

@media screen and (max-width: 767px){
.modal-video-close-btn {
	right: .6rem !important;
}
}


.top_back_btn {
  padding:   min(8rem,calc(80vw/13.66))  0   min(10rem,calc(100vw/13.66)) ;
}

.top_back_btn a {
  width:   min(32rem,calc(320vw/13.66)) ;
  margin: 0 auto;
  background-color: #fff;
  border-radius:  min(2.8rem,calc(28vw/13.66)) ;
  box-sizing: border-box;
  border:   min(.1rem,calc(1vw/13.66))  solid #dfdfdf;
  box-shadow: 0   min(.4rem,calc(4vw/13.66))    min(.2rem,calc(2vw/13.66))  #0000001a;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  padding:   min(1.4rem,calc(14vw/13.66))  0;
  display: block;
  transition: .4s;
  color: #333333;
}

.top_back_btn a:hover {
  background-color: #333333;
  border-color: #333333;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .top_back_btn {
      padding: 6rem 0 7rem;
    }

    .top_back_btn a {
      width: 24rem;
      border-radius: 2rem;
      font-size: 1.4rem;
      padding: .7rem 0;
    }


}

/* ブックマークボタン */
.bookmark_item {
	position: fixed;
	top:   min(18rem,calc(180vw/13.66)) ;
	right:   min(4rem,calc(40vw/13.66)) ;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	z-index: 50;
}
.bookmark_item a {
	border-radius:   min(2.4rem,calc(24vw/13.66)) ;
	background-color: #3380c0;
	color: #fff;
	display: flex;
	align-items: center;
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	padding:   min(2rem,calc(20vw/13.66))    min(1.4rem,calc(14vw/13.66)) ;
	transition: .4s;
	box-shadow: 0   min(.4rem,calc(4vw/13.66))    min(.2rem,calc(2vw/13.66))  #0000001a;
	font-weight: 600;

}
.bookmark_item a span{
	margin-bottom:   min(1rem,calc(10vw/13.66)) ;
	display: block;
	position: relative;
	z-index: 1;
	font-size: 0;
	transition: .4s;
}
.bookmark_item a span::after {
	content: '';
	width: 100%;
	height: 100%;
	background: url(../images/top/bookmark_icon_hover.svg) no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	opacity: 0;
	transition: .4s;
}

.bookmark_item a:hover {
	background: #fff;
	color: #3380C0;
}
.bookmark_item a:hover span::after {
	opacity: 1;
}

@media screen and (max-width: 767px) {
	.bookmark_item {
			position: fixed;
			top: auto;
			bottom: 8rem;
			right: 5.2rem;
			-ms-writing-mode:inherit;
			writing-mode: inherit;
		}

		.bookmark_item a {
			border-radius: 2rem;
			font-size: 1.1rem;
			letter-spacing: 0em;
			padding: .6rem 1rem;

		}

		.bookmark_item a span {
			width: 1.2rem;
			margin-bottom: 0px;
			margin-right: .5rem;
		}

		.bookmark_item a span::after {
			content: '';
			width: 100%;
			height: 100%;
			background: url(../images/top/bookmark_icon_hover.svg) no-repeat;
			background-size: cover;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 10;
			opacity: 0;
			transition: .4s;
		}
}



.scrollLock {
 position: fixed;
 left: 0;
 width: 100%;
}