@charset "UTF-8";

/*common
--------------------------------------------------------------------*/
body {
	margin:0;
	padding:0;
	font-family:Helvetica,Verdana,Arial,"ヒラギノ角ゴ Pro", "HiraKakuPro", "ヒラギノ角ゴ ProN", "HiraKakuProN", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック" ,sans-serif;
	font-size:12px;
	width:100%;
	min-width: 320px;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	background: url(/resources/sp/img/common/bg.gif) repeat 0 0;
	word-break: break-all;
}
.android body,
body.android {
	font-family: Noto Sans CJK ,sans-serif;
	font-weight: 300;
}
.clear {
	clear:both
}
ul {
	zoom:100%
}

li {
	list-style-image:none;
	list-style-type:none;
	list-style:none;
	margin:0;
	padding:0
}
a {
	outline:none;
	-webkit-touch-callout:none;
}

a:link {
	color:#333;
	text-decoration:none;
}
a:visited {
	color:#333;
	text-decoration:none;
}
a:active {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#333;
	text-decoration:none;
}
::selection {
	background:#faf865;
	color:#fff
}
::-moz-selection {
	background:#faf865;
	color:#fff
}
section,article,p,h1,h2 {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}

a {
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,.3) !important;
}
a:link    {
	-webkit-tap-highlight-color: rgba(0,0,0,.3) !important;
}
a:active {-webkit-tap-highlight-color: rgba(0,0,0,.3) !important;}

img {
	border: none;
	vertical-align: bottom;
	max-width: 100%;
}
a.block {
	display: block;
}
h1,
h2,
h3,
h4,
p {
	margin: 0;
	padding: 0;
}
/* h2{font-size: 18px;} */
h2{font-size: 20px;}
h3{font-size: 16px;}

ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}

table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

input,
select,
option{-webkit-appearance: none;background: #fff;border: none;}

input.txt{
	height: 37px;
	padding-left: 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	outline: none;
	border: 1px solid #dfdfdf;
}
select{
	border: 1px solid #dfdfdf;
	padding: 0 10px;
}
input.txt1col{
	width: 100%;
}
.txt2col{
	text-align: center;
}
.txt2col input{
	width: 46%;
	display: inline-block;
	margin: 0 5px;
}
.txt3col{
	text-align: center;
}
.txt3col input{
	width: 26%;
	display: inline-block;
	margin: 0 3px;
}
input{
	border: 1px solid #dfdfdf;
	height: 37px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	padding-left: 5px;
	outline: none;
}
select{
	height: 35px;
	outline: none;
}
input.text100{
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;

}
input:focus,select:focus{
	border: 1px solid #99c2e0;
}


/* font
--------------------------------------------*/
.fontOswald_s{font-family: 'Oswald', sans-serif !important; font-weight: 300 !important;}
.fontOswald_m{font-family: 'Oswald', sans-serif !important; font-weight: 400 !important;}
.fontOswald_l{font-family: 'Oswald', sans-serif !important; font-weight: 700 !important;}
.oswald{color: #419de0;letter-spacing: 0.1em;}

.fontShingo{font-family:"UD新ゴNT R";}

.pronunciation-ipa { font-family: 'Voces', sans-serif; }

.fs11 {
	font-size: 11px;
}
/* header
--------------------------------------------*/
header{
	height: 56px;
	background: #fff;
	box-shadow: 0px 2px 2px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,.3);
	-ms-box-shadow: 0px 2px 2px rgba(0,0,0,.3);
	position: relative;
	z-index: 20;
	margin-bottom: 20px;
}
.top header,
.service header{
	margin-bottom: 0;
}
header .mainlogo{
	width: 104px;
	height: 30px;
	position: absolute;
	top: 13px;
	left: 50%;
	margin-left: -52px;
	text-indent: -9999px;
	background: url(/resources/sp/img/common/img_logo.gif) no-repeat 0 0;
	background-size: 104px 30px;
	-webkit-background-size: 104px 30px;
	-moz-background-size: 104px 30px;
	-ms-background-size: 104px 30px;
}
header .mainlogo a {
	width: 104px;
	height: 30px;
	display: block;
}
header .opBtn{
	width: 56px;
	height: 56px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/resources/sp/img/common/btn_op.gif) no-repeat center center;
	background-size: 56px 56px;
	-webkit-background-size: 56px 56px;
	-moz-background-size: 56px 56px;
	-ms-background-size: 56px 56px;
}
header .opBtn.on {
	background: url(/resources/sp/img/common/btn_cl.gif) no-repeat center center;
	background-size: 56px 56px;
	-webkit-background-size: 56px 56px;
	-moz-background-size: 56px 56px;
	-ms-background-size: 56px 56px;
}
header .acconut_area{
	width: 72px;
	height: 56px;
	position: absolute;
	top: 0;
	right: 0;
}
header .acconut_area.on{
	background: url(/resources/sp/img/common/btn_mypage.gif) no-repeat center center;
	background-size: 72px 56px;
	-webkit-background-size: 72px 56px;
	-moz-background-size: 72px 56px;
	-ms-background-size: 72px 56px;
}
header .acconut_area.off{
	background: url(/resources/sp/img/common/btn_login.gif) no-repeat center center;
	background-size: 72px 56px;
	-webkit-background-size: 72px 56px;
	-moz-background-size: 72px 56px;
	-ms-background-size: 72px 56px;
}
header .acconut_area a{
	width: 72px;
	height: 56px;
	display: block;
}



/* menu
--------------------------------------------*/
#menu{
	width: 100%;
/* 	height: 770px; */
	background: #fff;
	position: absolute;
	top: 56px;
	left: 0;
	right: 0;
	z-index: 10000;
	box-shadow: 0px 3px 2px rgba(0,0,0,.1);
	-webkit-box-shadow: 0px 3px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 3px 2px rgba(0,0,0,.1);
	-ms-box-shadow: 0px 3px 2px rgba(0,0,0,.1);
}

#menu .mypage_menu_areaIn{
	position: relative;
	background-color: #EDF5FA;
	padding: 35px 15px 30px;
}
#menu .mypage_menu_areaIn .my_btns{
	text-align: center;
}
#menu .mypage_menu_areaIn .my_btns p{
	display: inline-block;
	vertical-align: middle;
	margin: 0 3px;
}
.mymenu_btns {
	margin-top: 25px;
}
.mymenu_btns .btn_m {
	width: 300px;
}
#menu .arrow{
	width: 9px;
	height: 9px;
	background: url(/resources/sp/img/common/menu_shadow.gif) no-repeat 0 0;
	background-size: 9px 9px;
	-webkit-background-size: 9px 9px;
	-moz-background-size: 9px 9px;
	-ms-background-size: 9px 9px;
	position: absolute;
	left: 29px;
	bottom: -9px;
}

#menu .mypage_menu2{
	background: #e3e7ea;
	padding-top: 9px;
}

#menu .user_info_wrap{
	width: 300px;
	text-align: center;
	margin: 0 auto 20px;
}
#menu .user_info .img{
	width: 68px;
	height: 68px;
	display: table-cell;
	vertical-align: middle;
	border-radius: 9999px;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	-ms-border-radius: 9999px;
	border: 2px solid #bbc3d0;
	overflow: hidden;
}
#menu .user_info .img img{
	border-radius: 9999px;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	-ms-border-radius: 9999px;
}
#menu .user_info .detail{
	text-align: center;
}

#menu .txt_mypagemanu{
	font-size: 15px;
	padding-bottom: 9px;
	padding-left: 15px;
}

#menu .menu_list{
	border-top: solid 3px #419DE0;
}
#menu .menu_list li{
	width: 100%;
	font-size: 18px;
	border-bottom: 1px solid #e3e7ea;
	height: 55px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	position: relative;
	display: table;
}
#menu .menu_list li a{
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	padding-left: 16px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#menu .menu_list.aft li {
	font-size: 15px;
}

#menu .menu_bottom {
	margin-top: 40px;
}
#menu .menu_bottom .heading {
	font-size: 15px;
	padding-left: 15px;
	margin-bottom: 30px;
}
#menu .menu_bottom_list li{
	line-height: 1;
	margin-bottom: 28px;
	padding-left: 17px;
}

#menu .menu_list .li_parent {
	width: 100%;
	border-bottom: none;
/* 	background: #ccc; */
}
#menu .menu_list .li_parent:before,
#menu .menu_list .li_parent:after {
	content: "";
	width: 16px;
	height: 2px;
	display: block;
	position: absolute;
	top: 26px;
	right: 10px;
	background-color: #419DE0;
}
#menu .menu_list .li_parent:after {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
}
#menu .menu_list .li_parent.on:after {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
}
#menu .menu_list .li_parent a {
	display: block;
	height: 55px;
	line-height: 55px;
	border-bottom: 1px solid #e3e7ea;
}
#menu .menu_list li ul li{
	width: 100%;
	border: none;
	font-size: 15px;
}
#menu .menu_list li ul li a{
	padding-left: 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#menu .menu_list .li_parent li:after{
	border-top: 2px solid #ddd;
	border-right: 2px solid #ddd;
}
#menu .menu_list li ul li .li__annotation {
	font-size: 13px;
	padding-left: 10px;
	color: #e60012;
}
/* copyright */
#menu .copyright{
	font-size: 2.25vw;
	color: #999;
	text-align: center;
	margin-bottom: 20px;
}

/* ログイン後 */
/* #menu .after_login .menu_list.def li:nth-child(1){
	width: 100%;
	border-bottom: none;
	background: #ccc;
}
#menu .after_login .menu_list.def li:nth-child(1):after{
	margin-top: 0;
	top: 18px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
}
#menu .after_login .menu_list.def li.on:nth-child(1):after{
	margin-top: 0;
	top: 22px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}
#menu .after_login .menu_list.def li:nth-child(1) a{
	display: block;
	height: 55px;
	line-height: 55px;
	border-bottom: 1px solid #e3e7ea;
}
#menu .after_login .menu_list li ul li{
	width: 100%;
	border: none;
}
#menu .after_login .menu_list li ul li a{
	padding-left: 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#menu .after_login .menu_list li:nth-child(2) li:after{
	border-top: 2px solid #ddd;
	border-right: 2px solid #ddd;
}
#menu .after_login .menu_list li:nth-child(2) li:nth-child(2):after{
	content: "";
	margin-top: 4px;
	transform: rotate(45deg) !important;
	-webkit-transform: rotate(45deg) !important;
	-moz-transform: rotate(45deg) !important;
	-ms-transform: rotate(45deg) !important;
} */


/* UI改修 202303 */
.headerWrap.open {
	position: fixed;
	width: 100%;
	height: 100%;
	height: 100vh;
	overflow-y: scroll;
	z-index: 100;
	top: 0;
}
.icn_faq {
	background: url(/resources/sp/img/common/icn_faq.png) no-repeat left center;
	background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	-ms-background-size: 20px 20px;
	padding: 1px 0 2px 25px;
}


/* UI改修 202506 */
#menu .mypage-menu__list {
	display: flex;
	height: 40px;
	padding: 15px 0;
	height: 100%;
	border-top: none;
}
#menu .mypage-menu__list li  {
	height: 100%;
	border: none;
}
#menu .mypage-menu__list li:first-of-type {
	border-right: 2px dotted #419DE0;
}
#menu .mypage-menu__list li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #333;
	text-align: center;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: 1.3px;
	padding: 5px;
	height: 40px;
}
#menu .mypage-menu__list li a::after {
	display: block;
	color: #419DE0;
	text-align: center;
	font-family: Oswald;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.55px;
	margin-top: 6px;
}
#menu .mypage-menu__list li a.mypage-menu__link--news::after {
	content: 'NEWS';
}
#menu .mypage-menu__list li a.mypage-menu__link--dictionary::after {
	content: 'DICTIONARY';
}
#menu .mypage-menu-faq__list li a {
	padding: 0 0 0 16px;
}
.elated-menu__item {
	position: relative;
	border-bottom: 1px solid #EBF1F5;
}
.elated-menu__item::after {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	content: '';
	background-image: url(/resources/sp/img/common/icn_window_sp.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}
.elated-menu__link {
	display: flex;
	align-items: center;
	padding: 5px 15px;
}
.elated-menu__item-img {
	display: block;
	width: 60px;
	margin-right: 20px;
}
.related-menu__title {
	color: #333;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
	margin-bottom: 4px;
}
.related-menu__small-title {
	font-size: 10px;
}
.related-menu__sub-title {
	font-size: 10px;
	font-weight: 300;
}
.related-menu__text {
	color: #333;
	font-size: 11px;
	font-style: normal;
	font-weight: 300;
	line-height: 140%;
}
/* 書き換え */
.icn_faq {
	display: flex;
	align-items: center;
	color: #333;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 140%;
	padding: 0 10px 0 15px;
}
.icn_faq::before {
	display: block;
	content: '';
	background-image: url(./assets/faq-icon.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
#menu .menu_bottom {
	margin: 0;
	padding: 20px;
	border-bottom: solid 3px #419DE0;
}
#menu .menu_bottom_list li {
	padding: 0;
	margin-bottom: 20px;
}
#menu .menu_bottom_list li:last-of-type {
	margin-bottom: 0;
}
.menu_bottom__link {
	color: #333;
	font-size: 13px;
	font-style: normal;
	font-weight: 300;
	line-height: 100%;
}
#menu .copyright {
	color: #808080;
	text-align: center;
	font-family: Oswald;
	font-size: 8px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
	padding: 10px;
	margin-bottom: 0;
}


/* footer
--------------------------------------------*/
.bnr_oneup{
	padding: 12px 20px;
	background: #4db79d;
	text-align: center;
}

footer{
	margin-top: 15px;
	background: url(/resources/sp/img/common/bg_footer.gif) repeat 0 0;
	background-size: 320px 25px;
	-webkit-background-size: 320px 25px;
	-moz-background-size: 320px 25px;
	-ms-background-size: 320px 25px;
	padding-bottom: 30px;
}
footer .bottom_menu{
	background: #fff;
	box-shadow: 0px 1px 5px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 1px 5px rgba(0,0,0,.2);
	-ms-box-shadow: 0px 1px 5px rgba(0,0,0,.2);
	margin-bottom: 25px;
}
footer .bottom_menu li{
	width: 50%;
	height: 50px;
	font-size: 11px;
	font-weight: bold;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	display: table;
}
footer .bottom_menu li a {
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
}
footer .bottom_menu li:nth-child(odd){
	border-right: 1px dotted #c6ccd2;
}
footer .bottom_menu li:nth-child(-n+12){ /*sys修正*/
	border-bottom: 1px dotted #c6ccd2;
}
footer .bottom_menu ul .no_border{
	border-bottom: none;
}
footer .bottom_menu li:nth-child(8){
	border-bottom: 1px dotted #c6ccd2;
}
footer .bottom_menu li span{
	padding-right: 5px;
}

/* official_sns */
footer .official_sns{
	text-align: center;
	margin-bottom: 23px;
}
footer .official_sns li{
	display: inline-block;
	margin: 0 2px;
}

/* sns_area */
.sns_area{
	text-align: center;
}
.sns_area ul{
	line-height: 1;
	font-size: 0;
}
.sns_area li{
	display: inline-block;
	margin: 0 5px 10px;
	vertical-align: middle;
}

.sns_area li.tw{
	width: 75px;
	margin-top: -8px;
}
.sns_area li:nth-last-child(2) {
	margin-top: -8px;
}
iframe.twitter-share-button {
	width: 110px!important;
}
.gplus-sample div {
	width: 70px !important;
	overflow: hidden;
}

/* copyright */
footer .copyright{
	font-size: 2.25vw;
	color: #999;
	text-align: center;
}

/* footer_logo */
footer .footer_logo{
	margin: 13px 0 11px;
}
footer .footer_logo li{
/*
	width: 50%;
	float: left;
*/
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding-left: 20px;
	text-align: center;
}
footer .footer_logo li:first-child{
/* 	text-align: right; */
	padding-left: 0;
}

footer .likebox{
	text-align: center;
	margin-bottom: 30px;
}


/* UI改修 202506 */
.footer-related {
	padding: 0 38px;
	margin-bottom: 40px;
}
.footer-related__title {
	color: #419DE0;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	margin-bottom: 20px;
}
.footer_list {
	margin-bottom: 40px;
}
.clear:last-of-type {
	margin: 0;
}
.footer-related__item {
	margin-bottom: 20px;
}
.footer-related__item:last-of-type {
	margin-bottom: 0;
}
.footer-related__link {
	display: flex;
	align-items: center;
	color: #4D4A4A;
	font-family: "Hiragino Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: 100%;
}
.footer-related__link::after {
	display: block;
	content: '';
	background-image: url(/resources/sp/img/common/icn_window_sp.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	margin-left: 5px;
}


/* cont common
--------------------------------------------*/
h2.ti_border{
	line-height: 1;
	padding-bottom: 8px;
	background: url(/resources/sp/img/common/img_ti_line_x_h2.png) repeat-x 0 bottom;
	background-size: 2px 4px;
	-webkit-background-size: 2px 4px;
	-moz-background-size: 2px 4px;
	-ms-background-size: 2px 4px;
}
h3.ti_border{
	line-height: 1;
	padding-bottom: 6px;
	background: url(/resources/sp/img/common/img_ti_line_x_h3.png) repeat-x 0 bottom;
	background-size: 2px 3px;
	-webkit-background-size: 2px 3px;
	-moz-background-size: 2px 3px;
	-ms-background-size: 2px 3px;
}
.area_ti{
	font-size: 16px;
}
.area_ti .oswald{
	font-size: 19px;
}
.area_ti span.oswald{
	padding-left: 10px;
}
.area_ti span{
	font-family:"UD新ゴNT R";
}


.date{
	color: #afb5ba;
	font-size: 10px;
	line-height: 1;
}

.bs{
	box-shadow: 0px 1px 5px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 1px 5px rgba(0,0,0,.2);
	-ms-box-shadow: 0px 1px 5px rgba(0,0,0,.2);
}
.bsz{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.bnr{
	text-align: center;
}
.bnr a{
	display: block;
}

.bnr_area{
	text-align: center;
	padding: 25px 20px;
}
.schedule-banner {
	width: 100%;
	border: #D3D6DB 1px solid;
	position: relative;
	display: block;
	box-sizing: border-box;
	padding: 10px 12px 28px;
	margin-bottom: 10px;
	display: block;
	background: #fff;
}
.schedule-banner__title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 10px;
	text-align: right;
	border-bottom: #D3D6DB 1px solid;
}
.schedule-banner__kaiji {
	font-size: 26px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.15;
	text-align: right;
	display: inline-block;
}
.schedule-banner__kaiji.multiple,
.eiken_type .othertype .schedule-banner__kaiji.multiple {
	font-size: 18px;
}
.schedule-banner__kaiji span {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.5;
	display: block;
}
.schedule-banner__duration {
	font-weight: 700;
	margin-top: 6px;
}
.schedule-banner__text {
	font-size: 12px;
}
.schedule-banner__date {
	display: flex;
	font-size: 22px;
	line-height: 1.35;
	justify-content: space-between;
}
.schedule-banner__date span {
	font-size: 14px;
	margin-left: 2px;
}
.schedule-banner__date__multiple .schedule-banner__date .schedule-banner__date-cat {
	font-size: 12px;
	font-weight: 400;
	width: 40px;
}
.schedule-banner__date__multiple .schedule-banner__date {
	font-size: 16px;
}
.schedule-banner__status {
	width: 100%;
	height: 24px;
	box-sizing: border-box;
	position: absolute;
	left: 0px;
	bottom: 0px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.5em;
	color: #FFF;
	background: #E50112;
	display: flex;
	justify-content: center;
	align-items: center;
}
.schedule-banner__image-eiken {
	width: 60px;
}
.schedule-banner__image-eiken-scbt {
	width: 106px;
}
.schedule-banner__image-eiken-cbt {
	width: 102px;
}
.schedule-banner__image-eiken-sinterview {
	width: 130px;
}

.banner_area {
	width: 100%;
}
.banner_area.bg-wh {
	background-color: #fff;
}
.appeal-banner {
	width: calc(100% - 40px);
	margin: 0 auto;
}
.appeal-banner img {
	width: 100%;
	height: auto;
}

.li_tri li:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3.5px 0 3.5px 6px;
	border-color: transparent transparent transparent #419ee0;
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px;
	padding-right: 4px;
}
.li_arrow:after{
	content: "";
	width: 11px;
	height: 11px;
	border-top: 2px solid #419de0;
	border-right: 2px solid #419de0;
	display: block;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 10px;
}

.bg_net{
	background-color: #419de0;
	/* background: url(/resources/sp/img/common/bg_net.gif) repeat 0 0; */
	background-size: 3px 3px;
	-webkit-background-size: 3px 3px;
	-moz-background-size: 3px 3px;
	-ms-background-size: 3px 3px;
}

.pagetitle{
/* 	font-size: 20px; */
	margin: 0 10px;
	padding-bottom: 5px;
}

.link a{
	color: #419de0;
}

.tags li{
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	float: left;
	background: #e6eaf0;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
}
.tags li a{
	display: block;
	padding: 0 8px;
}



/* services_area
--------------------------------------------*/
.services_area{
	margin-bottom: 25px;
}




/* ranking_area
--------------------------------------------*/
.ranking_area{
	margin-top: 30px;
	margin-bottom: 30px;
}
.ranking_area li{
	border-bottom: 1px dotted #c6ccd2;
}
.ranking_area li a{
	padding: 12px 10px;
}
.ranking_area li .img{
	width: 50px;
	height: 36px;
	text-align: center;
	font-weight: bold;
}
.ranking_area li:nth-child(1) .img{
	background: url(/resources/sp/img/common/icn_rank1.png) no-repeat center center;
	background-size: 30px 24px;
}
.ranking_area li:nth-child(2) .img{
	background: url(/resources/sp/img/common/icn_rank2.png) no-repeat center center;
	background-size: 30px 24px;
}
.ranking_area li:nth-child(3) .img{
	background: url(/resources/sp/img/common/icn_rank3.png) no-repeat center center;
	background-size: 30px 24px;
}
.ranking_area li .detail{
	padding-left: 0;
}



/* infortamtion_area
--------------------------------------------*/
.infortamtion_area{
	margin-top: 30px;
}



/* list
--------------------------------------------*/
/* news_list */
.news_list li{
	margin-top: 9px;
	padding-left: 1em;
	text-indent: -1em;
}
.news_list li:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3.5px 0 3.5px 6px;
	border-color: transparent transparent transparent #419ee0;
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px;
	padding-right: 4px;
}
.news_list li.new span{
	padding: 3px 0;
	padding-right: 20px;
	background: url(/resources/sp/img/common/icn_new.png) no-repeat right top;
	background-size: 15px 15px;
	-webkit-background-size: 15px 15px;
	-moz-background-size: 15px 15px;
	-ms-background-size: 15px 15px;
}


/* article_list */
.article_list.none{
	border-top: 1px solid #c6cdd5;
}
.article_list li{
	width: 100%;
	border-top: 1px solid #c6cdd5;
}
.article_list li:first-child{
	border-top: none;
}
.article_list li a{
	display: block;
	position: relative;
	overflow: hidden;
	padding: 10px;
}
.article_list li .img{
	width: 70px;
	float: left;
	margin-right: 10px;
}
.article_list li .date{
	margin-bottom: 5px;
	padding-top: 2px;
}
.article_list li .txt{
	font-weight: bold;
	line-height: 1.4;
}
.article_list li .s_category{
	width: 100%;
	line-height: 1;
	position: absolute;
	left: 90px;
	bottom: 10px;
}
.article_list li .s_category p{
	font-size: 10px;
	float: left;
}

/* article_list3 */
.article_list3 li{
	width: 100%;
	border-bottom: 1px dotted #d3d3d3;
	position: relative;
}
.article_list3 li:before{
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	display: block;
	border-top: 1px solid #419de0;
	border-right: 1px solid #419de0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	position: absolute;
	top: 16px;
	left: 0;
}
.article_list3 li a{
	color: #419de0;
	display: block;
	padding: 10px 0px 10px 12px;
}


/* no_cat_list */
.no_cat_list li{
	border-bottom: 1px solid #c6cdd5;
	position: relative;
}
.no_cat_list li a{
	width: 100%;
	padding: 10px;
	display: table;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.no_cat_list li div{
	display: table-cell;
	vertical-align: middle;
}
.no_cat_list li .img{
	width: 80px;
}
.no_cat_list li .detail{
	padding-left: 15px;
	padding-right: 10px;
}
.no_cat_list li .detail dt{
	font-size: 15px;
	font-weight: bold;
	line-height: 100%;
	margin-bottom: 8px;
}
.text-w {
	padding-right: 14px;
	background: url(/resources/sp/img/common/icn_window_sp.png) no-repeat right top;
	background-size: 10px 10px;
}

/* txt_list */
.txt_list li{
	border-bottom: 1px dotted #c6ccd2;
}
.txt_list li a{
	display: block;
	padding: 12px 20px;
}

/* footer_list */
.footer_list{
	width: 300px;
	margin: 0 auto 30px;
	overflow: hidden;
}
.footer_list li{
	float: left;
	line-height: 1;
	margin-bottom: 20px;
}
.footer_list li:first-child{
	margin-right: 28px;
}

/* pickup_list */
.pickup_list{
	padding: 10px;
}
.pickup_list li{
	width: 48%;
	float: left;
	margin-bottom: 20px;
}
.pickup_list li:nth-child(2n){
	float: right;
}
.pickup_list li a{
	display: block;
}
.pickup_list li img{
	max-width: 100%;
	width: 100%;
}
.pickup_list li .img{
	margin-bottom: 10px;
}
.pickup_list li dt{
	margin-bottom: 5px;
	font-size: 14px;
}
.pickup_list li .s_category{
	font-size: 10px;
	padding-top: 10px;
}
.pickup_list li .s_category p{
	float: left;
}



/* btns
--------------------------------------------*/
/* .btn_radi */
.btn_radi{
	display: table;
	border-radius: 9999px;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	-ms-border-radius: 9999px;
}
.btn_radi a{
	display: block;
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	font-weight: bold;
}
.btn_radi input{
	display: block;
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	font-weight: bold;
	border: none;
	background: none;
	text-align: center;
	border: none;
	padding: 0;
}
.btn_radi.inactive a {
	pointer-events: none;
}
.btn_radi.inactive span {
	opacity: .7;
}
/* .btn_radi_s */
.btn_radi_s{
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
}

/* btn_s */
.btn_s{
	width: 145px !important;
	height: 36px !important;
	text-align: center;
	max-width: 100%;
}
.btn_s a{
	width: 145px !important;
	height: 36px !important;
}
.btn_s input{
	width: 145px !important;
	height: 36px !important;
}

/* btn_m */
.btn_m{
	width: 200px;
	height: 36px;
	text-align: center;
	max-width: 100%;
}
.btn_m a{
	width: 200px;
	height: 36px;
}
.btn_m input{
	width: 240px;
	height: 36px;
	font-size: 14px;
}

/* btn_l */
.btn_l{
	width: 100%;
	height: 36px;
	text-align: center;
	max-width: 100%;
}
.btn_l a{
	width: 100%;
	height: 36px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 12px;
}
.btn_l input{
	width: 100% !important;
	height: 36px;
}

/* btn_color */
.btn_b{background: #419de0;}
.btn_g{background: #ccc;}
.btn_u{background: #9eb1c3;}
.btn_o{background: #f09602;}
.btn_r{background: #e60012;}
.btn_n{background: #4f5f6f;}

/* btn_arrow */
.btn_ar{
	position: relative;
}
.btn_ar:after{
	content: "";
	width: 7px;
	height: 7px;
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -3px;
	display: block;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.two_btns{
	text-align: center;
}
.two_btns p{
	display: inline-block;
	margin-left: 3px;
}
.two_btns p:first-child{
	margin-left: 0;
	margin-right: 3px;
}

/* btn_moresee */
.btn_moresee{
	margin: 0px auto;
	position: relative;
}
.btn_moresee:after{
	content: "+";
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	border: 2px solid #fff;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	right: 10px;
	border-radius: 9999px;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	-ms-border-radius: 9999px;
}

.btn_non {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.6);
}

/* colors
--------------------------------------------*/
.bgWhite{background: #fff !important;}



/* form
--------------------------------------------*/

input[type="radio"]{
	-webkit-appearance: radio;
}
input.radio{
	height: auto;
}

/* form_tb */
.form_tb{
}
.form_tb dl{
}
.form_tb dt{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
}
.form_tb dd{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e8ecef;
}
.form_tb dd:last-child{
	border: none;
	margin-bottom: 0;
}
/* zip */
.zip{
	overflow: hidden;
}
.zip .zip_num{
	float: left;
	margin-right: 15px;
	font-size: 16px;
}
.zip .zip_btn{
	width: 160px;
	float: left;
	border: 1px solid #439fe0;
	font-size: 10px;
	text-align: center;
	position: relative;
	padding: 1px 0 0 8px;
	box-sizing: border-box;
}
.zip .zip_btn:after{
	content: "";
	width: 6px;
	height: 7px;
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -3.5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3.5px 0 3.5px 6px;
	border-color: transparent transparent transparent #419ee0;
}
.zip .zip_btn input{
	color: #439fe0;
	height: auto;
	border: none;
	font-size: 13px;
}

/* 生年月日 */
.form_dob div{
	display: inline-block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	margin-right: 5px;
}
.form_dob select{
	margin-right: 3px;
/* 	border: 1px solid #dfdfdf; */
	padding-left: 7px;
}
.form_dob .year select{
	width: 85px;
}
.form_dob .month select,
.form_dob .day select{
	width: 50px;
}
/* 名前 */
.form_name input{
	width: 34%;
	margin-right: 7px;
}
/* 郵便番号 */
.form_zip_code input,
.form_tel input{
	width: 43%;
}
/* はいいいえ */
.two_selections label{
	margin-right: 5px;
}
/* label 内 radio */
label input[type="radio"]{
	height: auto;
}

/* requisite */
.requisite:after{
	content: "必須";
	width: 40px;
	height: 20px;
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	background: #e60012;
	text-align: center;
	color: #fff;
	vertical-align: middle;
	margin-left: 9px;
	border-radius: 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
}

/* btn_change */
.btn_change input{
	width: 75px;
	height: 30px;
	line-height: 30px;
	background: #419de0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	color: #fff;
	border: none;
	padding: 0;
}
.btn_change a{
	width: 75px;
	height: 30px;
	line-height: 30px;
	display: block;
	text-align: center;
	background: #419de0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	color: #fff;
}

/* btn_display */
.hav_btnDis{
	overflow: hidden;
}
.hav_btnDis .btn_display{
	width: 76px !important;
	height: 30px !important;
	line-height: 30px !important;
	background: #419de0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	color: #fff;
	margin-top: 5px;
}
.btn_display a{
	width: 76px !important;
	height: 30px !important;
	text-align: center;
	display: block;
	color: #fff;
	background: url(/resources/sp/img/common/icn_display.gif) no-repeat 13px center;
	padding-left: 18px;
	background-size: 17px 12px;
	-webkit-background-size: 17px 12px;
	-moz-background-size: 17px 12px;
	-ms-background-size: 17px 12px;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.btn_display input{
	width: 76px;
	height: 30px;
	color: #fff;
	background: url(/resources/sp/img/common/icn_display.gif) no-repeat 13px center;
	padding-left: 18px;
	background-size: 17px 12px;
	-webkit-background-size: 17px 12px;
	-moz-background-size: 17px 12px;
	-ms-background-size: 17px 12px;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border: none;
}

/* btn_cooperate */
.btn_cooperate{
	width: 90px;
	height: 30px;
	background: #4f5f6f;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
}
.btn_cooperate a{
	width: 90px;
	height: 30px;
	line-height: 30px;
	display: block;
	text-align: center;
	color: #fff;
	background: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.btn_cooperate input{
	width: 90px;
	height: 30px;
	color: #fff;
	background: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border: none;
	padding: 0;
}

/* btn_display */
.btn_lifting{
	width: 90px;
	height: 30px;
	background: #419de0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
}
.btn_lifting a{
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: block;
	color: #fff;
	background: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.btn_lifting input{
	width: 90px;
	height: 30px;
	color: #fff;
	background: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border: none;
	padding: 0;
}

/* step_wrap */
.step_wrap{
	width: 100%;
	box-shadow: 0px 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.3);
	-ms-box-shadow: 0px 1px 1px rgba(0,0,0,.3);
}
.step_wrap ul{
	display: table;
	text-align: center;
	height: 30px;
	overflow: hidden;
}
.step_wrap ul li{
	height: 30px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	position: relative;
	padding: 0px 4px 0 15px;
	font-size: 10px;
	background: #fff;
	word-break: normal;
}
.step_wrap ul li:first-child{
	padding-left: 6px;
}
.step_wrap ul li.current{
	background: #419de0;
	color: #fff;
	font-weight: bold;
	width: 100%;
	font-size: 12px;
	padding-left: 8px;
}
.step_wrap ul.step_wrap_ul {
	width: 100%;
}
.step_wrap ul.step_wrap_ul li.current {
	width: 50%;
}
.step_wrap ul li:before{
	content: "";
	display: block;
	position: absolute;
	top: -2px;
	right: -8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 17px 0 17px 8px;
	border-color: transparent transparent transparent #dddddd;

	z-index: 10;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.step_wrap ul li.current:before,
.step_wrap ul li:last-child:before{
	content: none;
}

.step_wrap ul li:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 7px;
	border-color: transparent transparent transparent #fff;

	z-index: 11;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.step_wrap ul li.current:after{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 7px;
	border-color: transparent transparent transparent #419ee0;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.step_wrap ul li:last-child:after{
	content: none;
	width: 0 !important;
	background: #419ee0;
}


/* pager
--------------------------------------------*/
.page5{
	min-height: 48px;
	border: 2px solid #fff;
	padding: 10px 8px;
	background: url(/resources/sp/img/common/bg_net.gif) repeat 0 0;
	background-size: 3px 3px;
	-webkit-background-size: 3px 3px;
	-moz-background-size: 3px 3px;
	-ms-background-size: 3px 3px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	overflow: hidden;
	position: relative;
	margin: 0 10px;
}
.pager.page5 p{
	height: 24px;
	line-height: 24px;
	font-size: 11px;
	text-align: center;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
}
.pager.page5 p a{
	display: block;
	padding: 0 10px;
}
.pager.page5 p a:hover{
	text-decoration: none;
}
.pager.page5 .prev{
	float: left;
}
.pager.page5 .next{
	float: right;
}
.pager.page5 .prev a{
	text-decoration: none !important;
	color: #333;
}
.pager.page5 .next a{
	text-decoration: none !important;
	color: #333;
}

.page5 li{
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	margin: 0 4px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	background: #419de0;
	list-style: none !important;
}
.page5 li a{
	display: block;
	background: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	text-decoration: none !important;
	color: #333 !important;
}
.page5 li a:hover{
	text-decoration: none;
	color: #fff;
}

.pager.page5 .centerList{
	width: 186px;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -93px;
}


/* per pager
--------------------------------------------*/
.icn_gear span{
	padding: 6px 0 0 28px;
	background: url(/resources/sp/img/common/icn_gear.png) no-repeat 0 bottom;
	background-size: 23px 23px;
	-webkit-background-size: 23px 23px;
	-moz-background-size: 23px 23px;
	-ms-background-size: 23px 23px;
}

.icn_ticket span{
	padding: 6px 0 0 28px;
	background: url(/resources/sp/img/common/icn_ticket.png) no-repeat 0 bottom;
	background-size: 23px 23px;
	-webkit-background-size: 23px 23px;
	-moz-background-size: 23px 23px;
	-ms-background-size: 23px 23px;
}

.error {
	color: #E60012;
	font-weight: bold;
	clear: both;
	background: url(/resources/sp/img/common/icn_attention.gif) no-repeat left 9px;
	-webkit-background-size: 15px auto;
	background-size: 15px auto;
	padding-left: 16px;
	line-height: 1;
	padding-top: 10px;
	font-size: 12px;
}
.errorbox .error+.error {
	padding-top: 5px;
}
.errorbox .error{
	background: none;
	color: #f00;
	font-weight: normal;
	list-style: disc inside;
}
input:-webkit-autofill.iserror,
.iserror_y #birthday_year,
.iserror_m #birthday_month,
.iserror_d #birthday_day,
.iserror input,
.iserror select,
input.iserror{
	-webkit-box-shadow: 0 0 0px 1000px #ffb2b2 inset;
	box-shadow: 0 0 0px 1000px #ffb2b2 inset;
}



/* emergency
--------------------------------------------*/
.emergency{
	border: 1px solid #e84b53;
	margin-bottom: 18px;
	margin: 10px;
	padding: 10px;
}
.emergency p{
	padding: 3px 0;
}
.emergency .date{
	font-size: 12px;
	color: #333;
	float: left;
	background: url(/resources/sp/img/common/icn_attention.png) no-repeat;
	background-size: 18px 16px;
	-webkit-background-size: 18px 16px;
	-moz-background-size: 18px 16px;
	-ms-background-size: 18px 16px;
	margin-right: 5px;
	padding-left: 25px;
	margin-bottom: 5px;
	line-height: 1;
}
.emergency .txt{
	color: #e84b53;
	clear: both;
	line-height: 1.4;
	position: relative;
    left: -6px;
    padding-left: 1em;
    text-indent: -1em;
}

/* apology
--------------------------------------------*/
.apology {
	border: 2px solid #333;
	margin: 18px 10px;
	padding: 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	background: #fff;
	color: #333;
}
.apology .title {
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 1.5;
	font-weight: bold;
}
.apology .txt a {
	text-decoration: underline;
}
.apology .txt a:hover {
	text-decoration: none;
}




/* list style
--------------------------------------------*/
ul.ls li{
	list-style: disc;
	margin-left: 2em;
}
.policy_tb .ls ol li {
	list-style: none;
	margin-left: 0;
}
ol.ls ul.ls li{
	list-style: disc inside;
}
ol.ls li{
	list-style: decimal;
	margin-left: 2em;
}
ul.ls ol.ls li{
	list-style: decimal inside;
}
ul.ls_llation li{
	list-style: lower-latin inside;
	margin-left: 0;
}
ul.ls_none li{
	list-style: none;
}
.ml0 li{
	margin-left: 0 !important;
}
.li_indent{
	padding-left: 3em;
	text-indent: -3em;
}
.li_indent_new{
	padding-left: 1em;
}
.li_in_li{
	padding-left: 1em;
	text-indent: -1em;
}


/* dictionary_area
--------------------------------------------*/
.dictionary_area {
	margin-bottom: 25px;
	padding: 16px 10px;
	background: #419DE0;
}
.dictionary_area .area_ti {
	margin-bottom: 0px;
	padding-top: 22px;
    color: #fff;
    padding-left: 128px;
    background: url(/resources/img/dictionary/img_search_ttl.png) top left / contain no-repeat;
    background-size: 122px 40px;
    -webkit-background-size: 122px 40px;
    -moz-background-size: 122px 40px;
    -ms-background-size: 122px 40px;
}
.dictionary_area form{
	overflow: hidden;
	padding-top: 6px;
	display: table;
}
.dictionary_area form > div{
	display: table-cell;
	vertical-align: top;
}
.dictionary_area .word {
	width: 100%;
	margin-bottom: 10px;
}
.dictionary_area .word input {
	width: 100%;
	box-sizing: border-box;
	padding-left: 8px;
	font-size: 13px;
	border-radius: 5px 0 0 5px;
}
.dictionary_area .word input::placeholder {
	color: #a3a3a3;
}
.dictionary_area .word input::-webkit-input-placeholder {
	color: #a3a3a3;
}
.dictionary_area .word input::-ms-input-placeholder {
	color: #a3a3a3;
}
.dictionary_area .btn {
	background: #419de0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
}
.dictionary_area .btn input {
	width: 37px;
    background-color: #17598A;
    background-image: url(/resources/sp/img/dictionary/img_search_ttl.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
    -webkit-background-size: 15px;
    -moz-background-size: 15px;
    -ms-background-size: 15px;
	border: none;
	border-radius: 0 5px 5px 0;
}

/* related_words
--------------------------------------------*/
.related_words{
	margin-top: 30px;
	margin-bottom: 30px;
}
.related_words .area_ti{
	margin-bottom: 5px;
}
.related_words .area_ti span.oswald{
	padding-right: 5px;
}
.related_words li {
	position: relative;
	padding: 5px 20px;
	font-size: 14px;
	font-weight: bold;
}
.related_words li a{
	display: block;
	font-weight: normal;
}
.related_words li a:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3.5px 0 3.5px 6px;
	border-color: transparent transparent transparent #419ee0;
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	padding-right: 4px;
	position: absolute;
	top: 50%;
	left: 5px;
}
.related_words li .muted{
	font-size: 11px;
	padding-left: 5px;
}
.related_words li .muted+.muted{
	padding-left: 2px;
}



/* ranking
--------------------------------------------*/
.ranking {
	margin-bottom: 30px;
}
.ranking .ranking_eng, .ranking .ranking_jp {
	background-color: #fff;
	padding: 12px 8px;
	width: 90%;
    margin: 0 auto;
}
.ranking .ranking_eng {
	margin-bottom: 10px;
}
.ranking .ranking_ttl {
    font-size: 18px;
	color: #419de0;
	padding-left: 12px;
	padding-bottom: 4px;
	font-weight: bold;
	letter-spacing: 0.075rem;
}
.ranking .ranking_ttl:before {
    content: "";
	margin-right: 8px;
	padding: 0px 6px;
	background-image: url(/resources/img/dictionary/icon_ranking.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
}
.ranking .dict_ranking h2 {
	margin-bottom: 20px;
}
.ranking .dict_ranking li {
	display: flex;
	padding: 4px 0px 4px 12px;
    font-size: 16px;
	letter-spacing: 0.075rem;
	border-bottom: none;
}
.ranking .dict_ranking li a{
	position: relative;
	bottom: -7px;
	padding: 0 0;
}
.ranking .first,.ranking .second,.ranking .third {
    font-weight: bold;
}
.ranking .rank {
    display: table-cell;
    width: 42px;
    height: 24px;
}
.ranking .first .rank {
	background: url(/resources/img/common/icn_rank1.png) no-repeat left center;
}
.ranking .second .rank {
	background: url(/resources/img/common/icn_rank2.png) no-repeat left center;
}
.ranking .third .rank {
	background: url(/resources/img/common/icn_rank3.png) no-repeat left center;
}
.ranking .first .rank,.ranking .second .rank,.ranking .third .rank{
	background-size: 62%;
}
.ranking li.other_eng, .ranking li.other_jp {
	display: none;
	padding-top: 12px;
}
.ranking .openOther li.other_eng,
.ranking .openOther li.other_jp {
    display: flex;
}
.ranking .more {
	width: 24%;
	margin: 0 auto;
	padding-top: 10px;
}
.ranking .more:before {
	-ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
	top: 12px;
	content: '';
    width: 5px;
    height: 5px;
    border-top: solid 2px #419de0;
    border-right: solid 2px #419de0;
    display: block;
    position: relative;
    left: 67px;
}
.ranking .openOther .more:before {
	-ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	top: 16px;
    left: 48px;
}
.ranking .txt{
	position: relative;
    left: 10px;
    flex-grow: 1;
	line-height: 1;
}
.ranking .other_eng .txt, .ranking .other_jp .txt{
	bottom: 3px;
}



/* browsed
--------------------------------------------*/
.browsed{
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative;
}
.browsed .reset{
	font-size: 12px;
	line-height: 1;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	position: absolute;
	top: 0px;
	right: 8px;
	padding: 3px 5px;
}
.browsed .area_ti{
	margin-bottom: 5px;
}
.browsed li a{
	display: block;
	padding: 5px 20px 5px 35px;
	font-size: 14px;
	position: relative
}
.browsed li a:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3.5px 0 3.5px 6px;
	border-color: transparent transparent transparent #419ee0;
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	padding-right: 4px;
	position: absolute;
	top: 50%;
	left: 20px;
}


/* dict_index
--------------------------------------------*/
.dict_index{
	margin-bottom: 10px;
}
.dict_index .area_ti{
	padding-top: 0 !important;
	margin-bottom: 10px;
}
.dict_index li{
	font-size: 16px;
	text-align: center;
	vertical-align: bottom;
	width: calc((100% - 60px)/7);
	margin-left: 10px;
	margin-top: 10px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.dict_index li:before{
	content: "";
	display: block;
	padding-top: 100%;
}
.dict_index li:nth-child(7n+1){
	margin-left:0;
}
.dict_index li a{
	display: block;
	border: 1px solid #eaeaea;
	background: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.dict_index li.mark{
	font-size: 13px;
	width: calc(((100% - 30px) / 7) * 2);
}
.dict_index li.mark:before{
	padding-top: 50%;
}
.dict_index .alphabet{
	margin-bottom: 5px;
	padding-bottom: 10px;
	font-size: 0;
	text-align: left;
	padding: 0 2%;
	display: flex;
	flex-wrap: wrap;
}


.ui-widget {
	font-family: inherit;
}
.ui-autocomplete {
    max-height: 200px;
	z-index: 99999;
	z-index: 99999;
}
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: none;
	background: #419DE0;
	color: #fff;
	margin: 0;
}
.ui-menu .ui-menu-item {
    padding: 8px 1em 8px .4em;
	-webkit-tap-highlight-color: #419DE0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ad_area {
	text-align: center;
	line-height: 0;
}

a.textlink{
	color: #419de0;
	text-decoration: underline;
}

a.imgbtn_link {
	display: block;
	height: 100%;
	margin: 0 auto;
}

/* eiken_grade */
.eiken_grade{
	padding: 0 2% 10px;
	display: flex;
	flex-wrap: wrap;
}
.eiken_grade li{
	margin-top: 10px;
	margin-left: 5px;
}
.eiken_grade li.mark{
	font-size: 12px;
	width: calc(((((100% - 20px) / 5))));
}
.eiken_grade li.mark:nth-child(5n+1) {
    margin-left: 0;
}

.post_flag_true .basicinfo {
    margin-bottom: 0 !important;
}
.post_flag_true .post_flag_requisite_box {
	border-top: none;
	position: relative;
}
.post_flag_true .post_flag_requisite_box .dummybox {
	position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff;
}
.form .post_flag_true .post_flag_requisite_box .formInn {
	padding-top: 2px;
}
.form .post_flag_true .post_flag_requisite_box .formInn dt:first-child {
    border-top: 1px solid #e8ecef;
    padding-top: 10px;
}

.error500 .main{
	padding-bottom: 50px;
}
.error500 footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}


/*　広告
--------------------------------------------*/
/* google admanager */
.google_ad_manager {
	margin: 0 auto 10px;
}
.google_ad_manager.ad01 {
	margin: 20px auto -50px;
}
.google_ad_manager.ad03 {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
}

/* google adsense */
.main .ad__area {
	text-align: center;
}
.google_adsense,
.google_ad_manager {
	text-align: center;
	margin: 20px auto;
	width: fit-content;
}
.fixed_bottom .google_adsense {
	text-align: center;
	margin: 0 auto;
}
.fixed_bottom {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 100;
}
.google_adsense ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}

/* link
--------------------------------------------*/
.link_border:link{
	text-decoration: underline;
}



/* 英ナビについて
--------------------------------------------*/
.section-about{
	padding: 20px 10px 30px 10px;
	text-align: center;
	background-color: #ffffff;
}
.section-about--lp{
	margin: 0;
	padding: 20px 16px 0px 16px;
	font-size: 12px;
}
.section-about--pd0{
	padding: 0;
}
.section-about__dt{
	margin-bottom: 10px;
}
.body-text-list{
	margin: 0 auto 12px auto;
	text-align: left;
}
.body-text-list__item{
	margin-bottom: 5px;
}
.body-text-list__item:last-of-type{
	margin-bottom: 0;
}
.body-text-list__item::before{
	display: inline;
	content: "・";
}
/* -------------------------------------------- */