@charset "UTF-8";

/*========================================================================

  reset

========================================================================*/

html.edit {
	overflow-x: hidden;
}
.pb-layout {
	outline: 1px dotted #ccc !important;
	box-shadow: none!important;
}
.pb-handle {
	display: block!important;
	width: auto!important;
	height: auto!important;
	min-width: auto!important;
	min-height: auto!important;
	border: 1px solid #999!important;
	font-family: Meiryo, 'Hiragino Kaku Gothic ProN', 'MS PGothic', Sans-serif!important;
	font-weight: normal!important;
	letter-spacing: normal!important;
	text-indent: 0!important;
	line-height: 1.6;
}
.pb-handle:before,
.pb-handle:after {
	display: none!important;
}

/*========================================================================

  header

========================================================================*/

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

.t_header {
	background: #fff;
}
.t_header * {
	box-sizing: border-box;
}
.t_header img.sp {
	display: none;
}
.t_header .inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 960px;
	margin: 0 auto;
	padding: 7px 0 8px;
}
.t_header.top .inner {
	padding-top: 7px;
}
.t_header .h-logo {
	width: 111px;
}
.t_header.top .h-logo {
	width: 135px;
}
.t_header .h-logo a {
	display: block;
}
.t_header .h-side {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	max-width: 810px;
	font-size: 12px;
}
.t_header .h-side .link {
	margin: 2px 0 8px;
	font-size: 14px;
}
.t_header .h-side .link ul {
	display: flex;
}
.t_header .h-side .link li {
	padding-left: 12px;
	background: url(/library/renew-common/img/parts/cur_01.png) no-repeat 0 .5em;
}
.t_header .h-side .link li:not(:first-child) {
	margin-left: 10px;
}
.t_header .h-side .link a {
	color: #323232;
}
.t_header .h-side .link a[target=_blank]:after {
	content: '';
	position: relative;
	top: -1px;
	display: inline-block;
	width: 9px;
	height: 7px;
	margin-left: 3px;
	background: url(/library/renew-common/img/parts/icon_01.png) no-repeat center;
}
.t_header .h-side .menu {
	display: flex;
	flex-flow: column;
	margin-top: 4px;
}
.t_header .h-side .list ul {
	display: flex;
	line-height: 1.2;
}
.t_header .h-side .list li {
	margin-left: 20px;
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position: 0 3px;
}
.t_header.top .h-side .list li {
	margin-left: 10px;
}
.t_header .h-side .list li.web {
	background-image: url(../img/icon_web.png);
	background-position: 0 0;
}
.t_header .h-side .list li.school {
	background-image: url(../img/icon_school.png);
	background-position: 0 2px;
}
.t_header .h-side .list li.map {
	background-image: url(../img/icon_map.png);
}
.t_header .h-side .list li.info {
	background-image: url(../img/icon_info.png);
}
.t_header .h-side .list a {
	color: #323232;
}
.t_header .h-side .search {
	margin: 11px 0 0 auto;
}
.t_header .h-side .search form {
	display: flex;
}
.t_header .h-side .search input {
	width: 198px;
	height: 25px;
	padding-left: 10px;
	background: url(../img/bg_form.png) no-repeat 0 0;
}
.t_header .h-side .search button {
	width: 27px;
	height: 24px;
	margin: 0;
	border: none;
}
.t_header .h-side .seminar {
	width: 100px;
	margin: 1px 0 0 20px;
}
.t_header .h-side .seminar img {
	max-width: 100%;
}

/*  fixed-menu
========================================================================*/

.t_fixed-menu {
	height: 92px;
}
.t_fixed-menu .fixed-innner {
	position: absolute;
	width: 100%;
	z-index: 1000;
}
html:not(.edit) .t_fixed-menu.fixed .fixed-innner,
html:not(.edit) body.fixed .t_fixed-menu .fixed-innner {
	position: fixed;
	top: 0;
}

/*  header-nav
========================================================================*/

.t_header-nav {
	min-width: 960px;
	background: #E20011;
	font-size: 14px;
}
.t_header-nav.w-seminar {
	background: #062B80;
}
.t_header-nav * {
	box-sizing: border-box;
}
.t_header-nav a {
	text-decoration: none;
}
.t_header-nav .inner {
	display: flex;
	width: 960px;
	margin: 0 auto;
	min-height: 49px;
}
.t_header-nav .n-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 499px;
}
.t_header-nav .n-title a {
	color: #fff;
}
.t_header-nav .n-title .top a {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
}
.t_header-nav .n-title .top a:before {
	content: '';
	width: 58px;
	height: 35px;
	margin-right: 10px;
	background: url(../img/icon_totop.png);
}
.t_header-nav.w-seminar .n-title .top a:before {
	background: url(../img/icon_totop_seminar.png);
}
.t_header-nav .n-title .top a:hover:before {
    opacity: .8;
}
.t_header-nav .n-title .sub {
	width: 105px;
	padding-right: 20px;
	text-align: right;
	color: #fff;
}
.t_header-nav .n-title .sub a:before,
.t_header-nav .n-title .sub span:before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-right: 9px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: translateY(-2px) rotate(45deg) scale(1.2);
}
.t_header-nav .n-list {
	width: 499px;
	font-size: 16px;
}
.t_header-nav .n-list ul {
	display: flex;
	height: 100%;
}
.t_header-nav .n-list li {
	flex: 1;
	border-left: 1px solid #F399A0;
}
.t_header-nav.w-seminar .n-list li {
	border-color: #4d4d4d;
	background: #062B80;
}
.t_header-nav .n-list a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 53px;
	color: #fff;
}
.t_header-nav:not(.w-seminar) .n-list a#main {
	background: none;
	border: none;
}
.t_header-nav .n-list a:hover,
.t_header-nav:not(.w-seminar) .n-list a#main:hover {
	background: #f6283b;
}
.t_header-nav.w-seminar .n-list a:hover {
	opacity: .75;
	background: #062B80;
}
.t_header-nav .n-list a:before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 9px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: translateY(-2px) rotate(45deg);
}
.t_header-nav .n-menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 461px;
	padding: 7px 8px;
	background: #323232;
	line-height: 1.3;
}
.t_header-nav .n-menu .item {
	position: relative;
	width: 99px;
}
.t_header-nav .n-menu .item:nth-of-type(3) {
	width: 117px;
}
.t_header-nav .n-menu .item:nth-of-type(4) {
	width: 115px;
}
.t_header-nav .n-menu .item-title {
	overflow: hidden;
	background: #fff;
	border-radius: 2px;
}
.t_header-nav .n-menu .item-title a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 35px;
	padding-top: 1px;
	background: linear-gradient(to bottom, #4dbc0a,#42a207);
	color: #fff;
	font-size: 13px;
	text-shadow: 0 0 2px rgba(0,0,0,.3);
	border: 1px solid #4cb70c;
	letter-spacing: .5px;
	font-weight: bold;
}
.t_header-nav .n-menu .item-title a:hover {
	opacity: .75;
}
.t_header-nav .n-menu .item-title a:before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	margin-right: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: translateY(-1px) rotate(45deg) scale(1.2);
	filter: drop-shadow(0 0 1px rgba(0, 0, 0, .5));
}
.t_header-nav .n-menu .item-title.blue a {
	padding-top: 0;
	background: linear-gradient(to bottom, #21a4fb,#068cd6);
	border: 1px solid #21a4fb;
	font-size: 10px;
	letter-spacing: normal;
}
.t_header-nav .n-menu .item-title.disabled a {
	pointer-events: none;
	background: linear-gradient(to bottom, #c7c7c7,#a6a6a6);
	border: 1px solid #c7c7c7;
}
.t_header-nav .n-menu .item-title.blue a:before {
	width: 17px;
	height: 17px;
	background: url(../img/icon_e.png);
	margin-right: 4px;
	border: none;
	transform: none;
	filter: none;
}
.t_header-nav .n-menu .item-title.blue.disabled a:before {
	background: url(../img/icon_e_disabled.png);
}
.t_header-nav .n-menu .item-menu {
	position: absolute;
	z-index: 2;
	left: 0;
	padding: 25px 30px;
	background: rgba(0,0,0,.7);
	white-space: nowrap;
	font-size: 90%;
	transition: all .3s;
	transform: rotateX(90deg);
	transform-origin: left top;
}
.t_header-nav .n-menu .item:hover .item-menu {
	visibility: visible;
	opacity: 1;
	transform: rotateX(0);
}
.t_header-nav .n-menu .item-menu li {
	position: relative;
	padding-left: 17px;
}
.t_header-nav .n-menu .item-menu li:not(:first-child) {
	margin-top: 10px;
}
.t_header-nav .n-menu .item-menu li:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	width: 5px;
	height: 5px;
	margin-right: 9px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: translateY(-2px) rotate(45deg) scale(1.2);
}
.t_header-nav .n-menu .item-menu a {
	color: #fff;
}
.t_header-nav .n-menu .item-menu a:hover {
	text-decoration: underline;
}
.t_header-nav .n-top {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.t_header-nav .n-top a {
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.t_header-nav .n-top a:before {
	content: '';
	width: 33px;
	height: 22px;
	margin-right: 10px;
	background: url(../img/icon_gotop.png);
}
.t_header-nav .n-top a:hover:before {
    opacity: .8;
}

/*  header-global
========================================================================*/

.t_header-global {
	position: relative;
	min-width: 960px;
	font-size: 14px;
	line-height: 1.6;
}
.t_header-global * {
	box-sizing: border-box;
}
.t_header-global a {
	text-decoration: none;
}
.t_header-global .g-back {
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 100%;
}
.t_header-global .g-global {
	background: linear-gradient(to bottom, #ffffff,#e6e7ea);
	border-bottom: 1px solid #CDCDCD;
}
.t_header-global .g-global.small {
	font-size: 13px; 
}
.t_header-global .g-global .inner {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
.t_header-global .g-global ul {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-right: 1px solid #C6C7CC;
}
.t_header-global .g-global.small ul {
	table-layout: auto;
}
.t_header-global .g-global.left ul {
	width: auto;
}
.t_header-global .g-global li {
	display: table-cell;
	border-left: 1px solid #C6C7CC;
}
.t_header-global .g-global.small li {
	min-width:120px;
}
.t_header-global .g-global li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 42px;
	color: #323232;
	font-weight: bold;
}
.t_header-global .g-global.left li a {
	justify-content: left;
  padding: 0 25px;
}
.t_header-global .g-global li.active a {
	color: #E20011;
}
.t_header-global .g-global li a:hover {
	color: #E20011;
}
.t_header-global .g-global li a.current {
	background: #ffffff;
	color: #E20011;
	background: -webkit-linear-gradient(#e7e8eb 0%, #fefefe 100%);
	background: -o-linear-gradient(#e7e8eb 0%, #fefefe 100%);
	background: linear-gradient(#e7e8eb 0%, #fefefe 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e8eb', endColorstr='#fefefe', GradientType=0);
}
.t_header-global.multiple .g-global li:first-child a.current {
	color: #323232;
	background: none;
}
.t_header-global .g-global li a:before {
	content: '';
	width: 18px;
	height: 16px;
	display: inline-block;
	background: url(../img/arrow_red.png) no-repeat 0 2px;
}
.t_header-global .g-global.small li:not(.pulldown) a:before {
	background: url(../img/arrow_red.png) no-repeat 5px 2px;
}
.t_header-global .g-global li.pulldown a:before {
	margin-right: 3px;
	transform: translateY(6px) translateX(-4px) rotate(90deg);
}
.t_header-global .g-global.small li.pulldown a:before {
	transform: translateY(6px) translateX(0px) rotate(90deg);
}
.t_header-global .g-megamenu {
	position: absolute;
	left: 0;
	z-index: 1;
	overflow: hidden;
	width: 100%;
	height: 0;
	background: #f8f8f8;
	transition: height .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s;
}
.t_header-global .g-megamenu:before {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 10px;
	background: linear-gradient(to bottom, rgba(0,0,0,.03) 0%,rgba(0,0,0,0) 100%);
}
.t_header-global .g-megamenu:after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #eee;
}
.t_header-global .g-megamenu .inner {
	max-width: 960px;
	margin: 0 auto;
	padding: 40px 0;
}
.t_header-global .g-megamenu .box:not(.active) {
	display: none;
}
.t_header-global .g-megamenu .list ul {
	display: flex;
	flex-wrap: wrap;
	margin: -5px -15px;
}
.t_header-global .g-megamenu .list li {
	margin: 5px 15px;
}
.t_header-global .g-megamenu .list a {
	color: #000;
}
.t_header-global .g-megamenu .list a:hover {
	color: #E20011;
}
.t_header-global .g-megamenu .list a:before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 10px;
	border-top: 1px solid #E20011;
	border-right: 1px solid #E20011;
	transform: translateY(-1px) rotate(45deg);
}

/*  header-burger
========================================================================*/

.t_header-burger {
	display: none;
	opacity: 0;
	visibility: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	position: absolute;
	width: 100vw;
	height: calc(100vh - 81px);
	padding: 0 0 100px;
	background: #f1f1f1;
	font-weight: bold;
	box-sizing: border-box;
	transition: all .4s;
	animation: burger-close .4s ease-in-out 0s;
}
.t_fixed-menu.fixed .t_header-burger,
body.fixed .t_fixed-menu .t_header-burger {
	height: calc(100vh - 36px);
}
.pbPage.open .t_header-burger {
	opacity: 1;
	visibility: visible;
	animation: burger-open .4s ease-in-out 0s;
}
@keyframes burger-open {
	0% {transform: translateY(-20px);}
	100% {transform: translateY(0);}
}
@keyframes burger-close {
	0% {transform: translateY(0);}
	100% {transform: translateY(-20px);}
}
.t_header-burger a {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
.t_header-burger * {
	box-sizing: border-box;
}
.t_header-burger .b-search form {
	display: flex;
	align-items: center;
	padding: 2px 20px;
	background: #fff;
}
.t_header-burger .b-search button {
	width: 20px;
	background: none;
}
.t_header-burger .b-search button img {
	width: 100%!important;
	height: auto!important;
}
.t_header-burger .b-search input[type="text"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: calc(100% - 22px);
	padding: 10px 10px;
	font-size: 14px;
}
.t_header-burger .b-search input[type="text"]:focus {
	outline: none;
}

.t_header-burger .b-accordion .button {
	display: flex;
	background: #fff;
	border-top: 1px solid #e2e2e2;
}
.t_header-burger .b-accordion .button a {
	width: calc(100% - 40px);
	padding: 8px 20px;
}
.t_header-burger .b-accordion .button span {
	position: relative;
	width: 40px;
	background: #f1f1f1;
}
.t_header-burger .b-accordion .button span:before,
.t_header-burger .b-accordion .button span:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 13px;
	width: 12px;
	height: 2px;
	background: #E20011;
	transition: all .3s;
}
.t_header-burger .b-accordion .button span:after {
	transform: rotate(90deg);
}
.t_header-burger .b-accordion .box.active .button span:after {
	transform: rotate(360deg);
}
.t_header-burger .b-accordion .list {
	display: none;
	font-size: 13px;
}
.t_header-burger .b-accordion .list li {
	border-top: 1px solid #e2e2e2;
}
.t_header-burger .b-accordion .list a {
	display: block;
	padding: 8px 10px 8px 30px;
}

.t_header-burger .b-link .list {
	border-top: 1px solid #e2e2e2;
	font-size: 12px;
}
.t_header-burger .b-link .list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.t_header-burger .b-link .list li {
	width: 50%;
}
.t_header-burger .b-link .list li:nth-child(odd) {
	border-right: 1px solid #e2e2e2;
}
.t_header-burger .b-link .list li:nth-child(n+3) {
	border-top: 1px solid #e2e2e2;
}
.t_header-burger .b-link .list a,
.t_header-burger .b-link .list span {
	position: relative;
	display: block;
	padding: 10px 25px 10px 20px;
	background: #fff;
	font-weight: bold;
}
.t_header-burger .b-link .list a:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 6px;
	right: 16px;
	border-top: 2px solid #E20011;
	border-right: 2px solid #E20011;
	transform: rotate(45deg);
}
.t_header-burger .b-link .list span:before,
.t_header-burger .b-link .list span:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 13px;
	width: 12px;
	height: 2px;
	background: #E20011;
	transition: all .3s;
}
.t_header-burger .b-link .list span:after {
	transform: rotate(90deg);
}
.t_header-burger .b-link.active .list span:after {
	transform: rotate(360deg);
}
.t_header-burger .b-link .menu {
	display: none;
	font-size: 13px;
}
.t_header-burger .b-link .menu li {
	border-top: 1px solid #e2e2e2;
}
.t_header-burger .b-link .menu a {
	display: block;
	padding: 8px 10px 8px 30px;
}

.t_header-burger .b-menu {
	background: #fff;
	border-top: 1px solid #e2e2e2;
	font-size: 11px;
	line-height: 1.2;
}
.t_header-burger .b-menu ul {
	display: flex;
}
.t_header-burger .b-menu li {
	width: 33.33%;
}
.t_header-burger .b-menu li:not(:first-child) {
	border-left: 1px solid #e2e2e2;
}
.t_header-burger .b-menu a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 6px 5px;
}
.t_header-burger .b-menu li a:before {
	content: '';
	display: inline-block;
	height: 18px;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.t_header-burger .b-menu li.web a:before {
	width: 17px;
	background-image: url(../img/icon_web_sp.png);
}
.t_header-burger .b-menu li.school a:before {
	width: 16px;
	background-image: url(../img/icon_school_sp.png);
}
.t_header-burger .b-menu li.info a:before {
	width: 15px;
	background-image: url(../img/icon_info_sp.png);
}
.t_header-burger .b-sns {
	padding: 8px;
	background: #fff;
	border-top: 1px solid #e2e2e2;
}
.t_header-burger .b-sns ul {
	display: flex;
	justify-content: center;
}
.t_header-burger .b-sns li {
	margin: 0 7px;
}
.t_header-burger .b-button {
	padding: 10px;
	border-top: 1px solid #e2e2e2;
}
.t_header-burger .b-button {
	padding: 10px;
	font-size: 12px;
}
.t_header-burger .b-button ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.t_header-burger .b-button li {
	width: calc(50% - 3px);
}
.t_header-burger .b-button li:nth-child(n+3) {
	margin-top: 5px;
}
.t_header-burger .b-button a {
	position: relative;
	display: block;
	padding: 10px 25px 10px 15px;
	background: #fff;
	color: #333;
	border: 1px solid #e2e2e2;
	font-weight: bold;
	text-decoration: none;
}
.t_header-burger .b-button a:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 6px;
	right: 13px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(45deg);
}
.t_header-burger .b-button li.book a,
.t_header-burger .b-button li.net a {
	padding: 10px 8px;
	color: #fff;
	text-align: center;
}
.t_header-burger .b-button li.book a {
	background: #4dbc0a;
}
.t_header-burger .b-button li.net a {
	background: #21a4fb;
}
.t_header-burger .b-button li.book a:before,
.t_header-burger .b-button li.net a:before {
	content: '';
	display: inline-block;
	width: 19px;
	height: 17px;
	margin-right: 7px;
	background: url(../img/icon_book.png) no-repeat center / contain;
	vertical-align: middle;
}
.t_header-burger .b-button li.net a:before {
	height: 15px;
	background-image: url(../img/icon_net.png);
}
.t_header-burger .b-button li.book a:after,
.t_header-burger .b-button li.net a:after {
	display: none;
}

/*  fixed-footer
========================================================================*/

.t_fixed-footer {
	display: none;
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 1;
	transition: all .4s;
}
.t_fixed-footer .totop {
	position: relative;
	display: table;
	margin-left: auto;
	margin-right: 10px;
	padding: 17px 10px 4px;
	background: rgba(255,255,255,.8);
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, .2);
	font-weight: bold;
}
.t_fixed-footer .totop:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 12px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	transform: rotate(-45deg);
}
.t_fixed-footer .list {
	padding: 10px;
	background: rgba(0,0,0,.7);
	font-size: 12px;
}
.t_fixed-footer .list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.t_fixed-footer .list li {
	width: calc(50% - 3px);
}
.t_fixed-footer .list li:nth-child(n+3) {
	margin-top: 5px;
}
.t_fixed-footer .list a {
	position: relative;
	display: block;
	padding: 10px 25px 10px 15px;
	background: #fff;
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
.t_fixed-footer .list a:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 6px;
	right: 13px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(45deg);
}
.t_fixed-footer .list li.book a,
.t_fixed-footer .list li.net a {
	padding: 10px 8px;
	color: #fff;
	text-align: center;
}
.t_fixed-footer .list li.book a {
	background: #4dbc0a;
}
.t_fixed-footer .list li.net a {
	background: #21a4fb;
}
.t_fixed-footer .list li.book a:before,
.t_fixed-footer .list li.net a:before {
	content: '';
	display: inline-block;
	width: 19px;
	height: 17px;
	margin-right: 7px;
	background: url(../img/icon_book.png) no-repeat center / contain;
	vertical-align: middle;
}
.t_fixed-footer .list li.net a:before {
	height: 15px;
	background-image: url(../img/icon_net.png);
}
.t_fixed-footer .list li.book a:after,
.t_fixed-footer .list li.net a:after {
	display: none;
}

/*  navigation
========================================================================*/

.t_navigation {
	background: #ebecee;
}
.t_navigation .pbBlockNavigation {
	font-size: 12px;
	width: 960px;
	margin: 0 auto;
	padding: 4px 0px 5px 0px;
	color: #4C4C4C;
}

/*========================================================================

  footer

========================================================================*/

.pbFooterArea .go-pagetop {
	display: none;
}

/*========================================================================

  top

========================================================================*/

.t_top #kouzaList .renew-innerWrap.pbNested {
	width: 100%;
}
.t_top .kouzaArea {
	width: 100%;
	margin-left: 0;
	border-spacing: 0;
}
.t_top .kouzaArea > div {
	display: flex;
	justify-content: space-between;
}
.t_top .kouzaArea > div:after {
	display: none;
}
.t_top .kouzaBlock {
	display: flex;
	flex-flow: column;
	height: 100%;
}
.t_top .kouzaBlock ul {
	font-size: 12px;
}
.t_top .kouzaBlock li {
    text-indent: 0;
    white-space: normal;
}
.t_top .kouzaBlock a {
	position: relative;
	display: flex;
	align-items: center;
	height: auto!important;
	min-height: 32px;
	padding: 8px 15px 8px 8px;
	background: linear-gradient(to bottom, #ffffff,#f5f5f5);
	color: #333;
	font-weight: bold;
	box-sizing: border-box;
	line-height: 1.3;
}
.t_top .kouzaBlock a:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 7px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #E20011;
	border-right: 1px solid #E20011;
	transform: rotate(45deg);
}
.t_top .kouzaBlock .small {
	font-size: 11px;
}
.t_top .kouzaBlock .note,
.t_top .kouzaBlock .attention {
	display: inline-block;
	font-size: 10px;
}
.t_top .kouzaBlock .iconW {
	position: relative;
	width: 100%;
	display: inline-block;
	padding-right: 15px;
}
.t_top .kouzaBlock .iconW:after {
	content: '';
	position: absolute;
	top: 3px;
	right: 1px;
	width: 11px;
	height: 10px;
	background: url(/library/renew/top/img/w_ico.png) no-repeat center / contain;
}
.t_top .kouzaBlock .nowrap {
	white-space: nowrap;
	letter-spacing: -.5px;
}
.t_top .kouzaBlock sup {
	display: inline-block;
	font-size: 20px;
	vertical-align: middle;
	line-height: 10px;
}
.t_top #informationBlock .renew-innerWrap > div > div:first-child .infoBox {
	margin-top: 0;
	padding-top: 0;
	background: none;
}
.t_top #informationBlock .renew-innerWrap > div > div:not(:first-child) .infoBox {
	margin-top: 20px;
	padding-top: 22px;
	background: url(/library/renew/top/img/info_line_01.png) repeat-x 100% 0;
}

/*========================================================================

  form

========================================================================*/

.t_form {
	background: #EBECEE;
}
.t_form * {
	box-sizing: border-box;
}
.t_form .f-inner {
    width: 960px;
    margin: 0 auto;
	padding: 40px 0;
}
.t_form .f-step ul {
	display: flex;
	justify-content: space-between;
	font-size: 18px;
	font-weight: bold;
}
.t_form .f-step li {
	position: relative;
	width: calc(33% - 25px);
	padding: 10px;
	background: #aaaeb2;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.t_form .f-step li.active {
	background: #e20012;
}
.t_form .f-step li:not(:first-child):before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -26px;
	border-style: solid;
	border-width: 10px 0 10px 15px;
	border-color: transparent transparent transparent #aaaeb2;
}
.t_form .f-text {
	margin-top: 15px;
}
.t_form .f-bottom-text {
	margin-top: 30px;
	text-align: center;
}
.t_form .f-bottom-checkbox {
	margin-top: 30px;
	text-align: center;
}
.t_form .f-bottom-checkbox span {
    display: inline-block;
    padding: 9px 20px 9px 45px;
    background: url(/library/zeirishi_voice/images/bg_checkbox_off.gif) no-repeat 10px center #EBECEE;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
	border-radius: 3px;
}
.t_form .f-bottom-checkbox input:checked + span {
    background: url(/library/zeirishi_voice/images/bg_checkbox_on.gif) no-repeat 10px center #ff8723;
    color: #fff;
}
.t_form .f-bottom-checkbox input {
	display: none;
}
.t_form .f-form {
	margin-top: 15px;
}
.t_form .f-form .inner {
	padding: 40px 80px;
	background: #fff;
	border: 1px solid rgb(204, 204, 204);
}
.t_form .f-form .item:not(:first-child) {
	margin-top: 40px;
}

/*  agreement  */
.t_form .f-form .agreement {
	margin-top: 40px;
	background-color: #ebecee;
	padding: 10px 10px 20px;
	margin: 20px -25px 0px;
	border: 1px solid #dfe0e2;
}
.t_form .f-form .agreement .input {
	margin-top: 20px;
	margin-bottom: 0;
	text-align: center;
}
.t_form .f-form .agreement .radio {
	margin: 0;
}
.t_form .f-form .agreement li label {
	margin-bottom: 0;
}
.t_form .agreement .col-2 ul {
    justify-content: center;
}
.t_form .agreement .col-2 li {
    width: calc(25% - 10px);
}
.t_form .agreement .radio span {
	display: inline-block;
}

.t_form .f-form .title {
	margin-bottom: 15px;
	padding: 8px 12px;
	background: #ebecee;
	color: #323232;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	border-left: 5px solid #e00003;
}
.t_form .f-form .title.small {
  	padding: 8px 6px;
  	background: none;
	font-size: 18px;
	border-left: none;
	border-bottom: 2px solid #e00003;
}
.t_form .f-form .title.line {
    padding: 8px 6px;
    background: none;
    font-size: 15px;
    border-left: none;
    border-bottom: 2px solid #dadde1;
}
.t_form .f-form .title.small span.head-label {
    background: #cd2c20;
    color: #fff;
    padding: 5px 8px;
    font-size: 14px;
    width: 55px;
    float: left;
    margin-right: 10px;
    margin-top: -3px;
    text-align: center;
}
.t_form .f-form .required {
	position: relative;
	top: -3px;
	display: inline-block;
	margin-left: 10px;
	padding: 2px 5px;
	font-weight: bold;
	background: #E20011;
	color: #FFF;
	font-size: 12px;
	border-radius: 4px;
}
.t_form .f-form .input {
	margin-bottom: 5px;
}
.t_form .f-form .discription + .input {
	margin-top: 20px;
}
.t_form .text {
    font-size: 13px;
}
.t_form .text:not(:first-child) {
    margin-top: 10px;
}
.t_form .f-form .error,
.t_form .f-form .discription {
	font-size: 13px;
}
.t_form .f-form .error {
	color: #f00;
	margin-top: 5px;
}
.t_form .f-form .discription:not(:first-child) {
	margin-top: 5px;
}
.t_form .f-form .alert {
	color: #e00003;
}
.t_form .f-form .alertbox {
	border: 1px solid #e00003;
	padding: 8px;
	font-size: 13px;
}
.t_form .f-form input[type="text"],
.t_form .f-form input[type="email"],
.t_form .f-form input[type="number"],
.t_form .f-form input[type="tel"],
.t_form .f-form select,
.t_form .f-form textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 8px 12px;
	background: #FFFFCC;
	border: #FF9933 3px solid;
	font-family:"Lucida Sans",arial,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 16px;
	line-height: 1;
	border-radius: 0;
}
.t_form .f-form input:-webkit-autofill {
	box-shadow: 0 0 0 1000px white inset;
}

/* ssl */
.t_form .ssl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
}
.t_form .ssl .textbox {
    margin-right: 20px;
}
.t_form .ssl .textbox .text {
    font-size: 13px;
}
.t_form .ssl .alert {
    font-size: 10px;
    margin-top: 5px;
}

/*  list-notes */

.t_form .f-form .list-notes {
	font-size: 13px;
}
.t_form .f-form .list-notes > ul > li {
	position: relative;
	padding-left: 20px;
}
.t_form .f-form .list-notes li:not(:first-child) {
	margin-top: 5px;
}
.t_form .f-form .list-notes ul li:before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	border: none;
	transform: none;
}
.t_form .f-form .list-notes ol li {
	padding-left: 30px;
}
.t_form .f-form .list-notes ol li:before {
	content: "※"counter(cnt);
}
.t_form .f-form .list-notes ol li[data-cnt]:before {
	content: "※"attr(data-cnt);
}

/*  text  */
.t_form .f-form input[type="text"] {
	width: 100%;
	max-width: 400px;
}

/*  email  */
.t_form .f-form input[type="email"] {
	width: 100%;
	max-width: 400px;
}

/*  number  */
.t_form .f-form input[type="number"]{
	width: 100%;
	max-width: 400px;
}
.t_form .f-form input[type="number"]::-webkit-outer-spin-button,
.t_form .f-form input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*  select  */
.t_form .f-form select {
	width: 350px;
	padding-right: 60px;
	background: #FFFFCC url(/library/zeirishi_voice/images/form_pc_select.gif) no-repeat center right;
}
.pbCornerQuery select::-ms-expand {
	display: none;
}
.pbCornerQuery select + label {
	margin: 0 15px 0 5px;
	vertical-align: middle;
}

/*  select-text  */
.t_form .select-text {
	width: 350px;
}
.t_form .select-text .input:first-child {
	margin-bottom: 10px;
}

/*  birthday  */
.t_form .birthday select {
	width: auto;
	margin: 0 5px;
}
.t_form .birthday label:not(:first-child) {
	margin-left: 10px;
}
.t_form .birthday label span {
	font-size: 16px;
	font-weight: bold;
}

/*  textarea  */
.t_form .f-form textarea {
	width: 100%;
	height: 130px;
}

/*  label  */
.t_form .f-form li label {
	font-size: 13px;
	margin-bottom: 3px;
}
.t_form .f-form label span {
    font-size: 16px;
    font-weight: bold;
}

/*  discount  */
.t_form .discount li {
	margin-top: 20px;
}

/*  name  */
.t_form .name ul {
	display: flex;
}
.t_form .name li {
	width: 245px;
	margin-right: 40px;
}

/*  age  */
.t_form .age input[type="number"] {
	max-width: 80px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.t_form .age span {
	font-size: 16px;
	font-weight: bold;
}

/*  year  */
.t_form .year input[type="number"] {
	max-width: 80px;
	margin-right: 10px;
}
.t_form .year span {
	font-size: 16px;
	font-weight: bold;
}

/*  history  */
.t_form .history li {
    display: flex;
}
.t_form .history li:not(:first-child) {
	margin-top: 20px;
}
.t_form .history span {
	font-size: 16px;
	font-weight: bold;
	margin-right: 8px;
	display: inline-block;
	margin-top: 0.5em;
}
.t_form .history ul > ul {
    margin-top: 20px;
}
.t_form .history input[type="text"] {
    min-width: 296px;
}

/*  result  */
.t_form .result li:not(:first-child) {
	margin-top: 20px;
}
.t_form .result span {
	font-size: 16px;
	font-weight: bold;
}

/*  rank  */
.t_form .rank li:not(:first-child) {
	margin-top: 30px;
}
.t_form .rank span {
	font-size: 16px;
	font-weight: bold;
}
.t_form .rank input[type="text"] {
    width: 85px;
    margin: 0 5px;
}

/*  score  */
.t_form .score li:not(:first-child) {
	margin-top: 30px;
}
.t_form .score span {
	font-size: 16px;
	font-weight: bold;
}
.t_form .score input[type="text"] {
    width: 85px;
    margin: 0 5px;
}

/*  address  */
.t_form .address li:not(:first-child) {
	margin-top: 30px;
}
.t_form .address input[type="number"]:not(:first-child),
.t_form .address input[type="text"]:not(:first-child) {
	margin-left: 5px;
}
.t_form .postcode input[type="number"] {
	width: 110px;
}
.t_form .postcode img {
	position: relative;
	top: 8px;
	cursor: pointer;
	margin-left: 5px;
}
.t_form .postcode img:hover {
	opacity: .6;
	transition: all .3s;
}
.t_form .address .image {
	margin-top: 5px;
}
.t_form .postcode button {
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 120%;
    width: 210px;
    height: 36px;
    border: 1px solid #102552;
    margin-top: 1px;
    background: #214287;
    background: linear-gradient(#214287, #163068);
    border-radius: 4px;
	position: relative;
    top: -1px;
    margin-left: 5px;
}
.t_form .postcode button:hover {
    opacity: 0.75;
    cursor: pointer;
}

/*  tel  */
.t_form .tel li:not(:first-child) {
	margin-top: 20px;
}
.t_form .tel input[type="number"]{
	margin: 10px;
	width: 90px;
}
.t_form .tel input[type="tel"]{
	margin: 0 10px;
	width: 200px;
}

/*  radio  */
.t_form .radio {
	margin: 25px 0;
}
.t_form .radio input {
	display: none;
}
.t_form .radio span {
	position: relative;
	padding-left: 30px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	display: block;
}
.t_form .radio span:before,
.t_form .radio span:after {
	content: '';
	position: absolute;
	border-radius: 50%;
	transition: all .3s;
}
.t_form .radio span:before {
	left: 0;
	width: 16px;
	height: 16px;
	border: 3px solid #bcbcbc;
}
.t_form .radio input:checked + span:before {
	border-color: #ff8723;
}
.t_form .radio input:checked + span:after {
	top: 6px;
	left: 6px;
	width: 10px;
	height: 10px;
	background: #ff8723;
}
.t_form .radio:not(.col-3,.col-2) li:not(:first-child) {
    margin-top: 10px;
}

/*  check  */
.t_form .check {
	margin: 25px 0 10px;
}
.t_form .check input {
	display: none;
}
.t_form .check span {
	display: block;
	padding: 9px 20px 9px 45px;
	background: url(/library/zeirishi_voice/images/bg_checkbox_off.gif) no-repeat 10px center #EBECEE;
	font-size: 15px;
	font-weight: bold;
	border: 3px solid #DADDE3;
	border-radius: 3px;
	cursor: pointer;
}
.t_form .check input:checked + span {
	background: url(/library/zeirishi_voice/images/bg_checkbox_on.gif) no-repeat 10px center #ff8723;
	color: #fff;
	border-color: #ff8723;
}
.t_form .check li {
	margin-top: 5px;
}

/*  check-text  */
.t_form .check-text input[type="text"]{
	width: calc(50% - 10px)
}

/*  button  */
.t_form .f-button {
	margin-top: 30px;
	text-align: center;
}
.t_form .f-button button {
	width: 420px;
	height: 60px;
	border: 1px solid #42A107;
    background: linear-gradient(#4dbc0a, #42a107);
	color: #FFFFFF;
    font-size: 20px;
	font-weight: bold;
    border-radius: 7px;
    cursor: pointer;
}
.t_form .f-button button:hover {
	opacity: .7;
}
.t_form .f-button button:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 15px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: translateY(-2px) rotate(45deg);
}

/*  col-2  */
.t_form .col-2 ul {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.t_form .col-2 li {
	width: calc(50% - 10px);
}
.t_form .col-2 li:nth-child(n+3) {
	margin-top: 10px;
}

/*  col-3  */
.t_form .col-3 ul {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.t_form .col-3 ul:after {
	content: '';
	display: block;
	width: calc(33% - 8px);
}
.t_form .col-3 li {
	width: calc(33% - 8px);
}
.t_form .col-3 li:nth-child(n+4) {
	margin-top: 10px;
}

/*  accordion
========================================================================*/

.t_accordion:not(:first-child) {
	margin-top: 40px;
}
.t_accordion {
	border: 1px solid #D2D2D2;
}
.t_accordion .a-trigger {
	position: relative;
	padding: 14px 110px 14px 20px;
	background: url(/library/zeirishi_voice/images/btn_open.gif) calc(100% - 10px) 11px no-repeat, linear-gradient(#ffffff, #f5f5f5);
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	cursor: pointer;
}
.t_accordion.active .a-trigger {
	background-image: url(/library/zeirishi_voice/images/btn_close.gif), linear-gradient(#ffffff, #f5f5f5);
}
.t_accordion .a-trigger:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 3px;
	width: 5px;
	height: calc(100% - 8px);
	background: #E20011;
}
.t_accordion .a-content {
	display: none;
}
.t_accordion .a-inner {
	padding: 30px 30px 25px;
	font-size: 12px;
	border-top: 1px dotted #CCC;
	background-color: #ffffff;
}
.t_accordion strong {
	display: inline-block;
	margin-bottom: 20px;
	font-size: 16px;
}
.t_accordion p:not(:first-child) {
	margin-top: 20px;
}
.t_accordion .privacy {
	display: flex;
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px #999999 dashed;
	font-size: 10px;
}
.t_accordion .privacy .image-box {
	width: 110px;
	text-align: center;
}
.t_accordion .privacy .image-box a {
	display: block;
	margin-top: 10px;
}
.t_accordion .privacy .text-box {
	margin-top: 43px;
}
.t_accordion .center {
	text-align: center;
}

/*  jyukenkekka */
.t_form .jyukenkekka_table {
	margin-top: 40px;
}

/*  link-list */
.t_form .link-list:not(:first-child) {
	margin-top: 20px;
}
.t_form .link-list ul {
	display: flex;
}
.t_form .link-list li {
    position: relative;
    padding-left: 15px;
	margin-right: 20px;
}
.t_form .link-list li:before {
    content: '';
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 0.45em;
    height: 0.45em;
    border-top: 2px solid #e00003;
    border-right: 2px solid #e00003;
    transform: rotate(45deg);
}
.t_form .link-list a {
	color: #323232;
	text-decoration: underline;
	font-size: 13px;
}
.t_form .link-list a:hover {
	text-decoration: none;
}

/*  link-strong */
.t_form .link-strong {
	font-size: 16px;
	font-weight: bold;
	position: relative;
}
.t_form .link-strong:before {
    content: '';
    position: absolute;
    top: 0.55em;
    margin-left: -20px;
    width: 0.50em;
    height: 0.50em;
    border-top: 2px solid #e00003;
    border-right: 2px solid #e00003;
    transform: rotate(45deg);
}
.t_form .link-strong a {
	font-weight: bold;
	text-decoration: underline;
	color: #323232;
}

/*  col-2 corse */
.t_form .col-2.corse ul {
	justify-content: flex-start;
}
.t_form .col-2.corse li {
	width: 25%;
}
.t_form .col-2.corse select {
	width: auto;
}

/*  stuff */
.t_form .stuff li {
	margin-top: 20px
}
.t_form .stuff .bold {
	font-weight: bold;
	font-size: 14px;
}

/*  title-box */
.t_form .title-box {
	margin-bottom: 20px;
}

/*  title-box */
.t_form .document ul {
	display: flex;
	margin: 0 -10px;
}

/*  document */
.t_form .document li {
	margin: 0 10px;
}