/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700');

@import url("https://use.typekit.net/vnd5mvd.css");



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

*, *:before, *:after {

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

         -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

            box-sizing: border-box;

}





/*------------------------------------------------------------

	メインコンテンツ等のスタイル

------------------------------------------------------------*/



body {

    background: ;

	font-family: "futura-pt", YuGothic, "Yu Gothic", メイリオ, sans-serif;

	font-size: 16px;

    letter-spacing: .04em;

    line-height: 1.85714;

    margin: 0;

    padding: 0;

	position: relative;

	color: #5e5e5e;
	overflow-x: hidden;

}

table, tr, th, td {

    border-collapse: collapse;

}

input, textarea, select {

    ffont-family: "futura-pt", YuGothic, "Yu Gothic", メイリオ, sans-serif;

    font-size: 100%;

}

ul, ol, dl {

    margin: 0;

    padding: 0;

}

h1, h2, h3, h4, h5, h6, p {

	/*font-size: 100%;

    font-weight: normal;*/

    margin-top: 0;

}

img {

    vertical-align: bottom;

}

a img {

    border: medium none;

}

a {

    color: #000;

    text-decoration: none;

	-webkit-transition: all 0.4s ease;

	-moz-transition: all 0.4s ease;

	-o-transition: all 0.2s ease;

}

a:link {

    color: #000;

    text-decoration: none;

}

a:visited {

    color: #000;

    text-decoration: none;

}

a:hover, a:active, a:focus {

    color: #F05E75;

    text-decoration: none !important;

}

.clearfix:after {

	clear: both;

    content: ".";

    display: block;

    height: 0;

    visibility: hidden;

}

/* ----- 明朝フォント ----- */

.minchou-0 {

    font-family: BebasNeueRegular,arial,Georgia,serif;

}

/* キレイめ */

.minchou-1 {

    font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E",serif;

}

/* 太め */

.minchou-2 {

    font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;

}

/* 標準 */

.minchou-3 {

    font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E",serif;

}

/* 行書系 */

.minchou-4 {

    font-family: himn,'教育部標準楷書','全字庫正楷體','標楷體','BiauKai','STKaiti',Kai,serif;

}



.shadow-1 {

	box-shadow: 0 3px 0 rgba(8, 1, 2, 0.05);	

}

.shadow-2 {

	box-shadow: 0 3px 0 rgba(8, 1, 2, 0.08);	

}

.shadow-3 {

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);	

}



.iblk {

	display: inline-block;	

}

sup {

	color: #f22;

	font-size: 14px;

}

.bgImage {

	background-image: url(../image/bg/bg_login.png);

	background-position: center center;

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-size: cover;

	background-color: #464646;	

}

.bgImage2 {

	background-image: url(../image/bg/bg_logout.png);

	background-position: center center;

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-size: cover;

	background-color: #464646;	

}

.bgImage3 {

	background-image: url(../image/bg/bg_login_t.png);

	background-position: center center;

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-size: cover;

	background-color: #464646;	

}

.bgImage4 {

	background-image: url(../image/bg/bg_logout2.png);

	background-position: center center;

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-size: cover;

	background-color: #464646;	

}

/*------------------------------------------------------------

	ヘッダー

------------------------------------------------------------*/

#header-wrap {

	background: url(../image/bg/bg_header.png) repeat-x;

	position: fixed;

	height: 100px;

	width: 100%;

	z-index: 10;

}

#header {

	margin: 0 auto;	

	position: relative;

}

.logo {

	left: 0;

	top: 23px;

	position: absolute;

	padding-left: 30px;

}

.logo img {

	width: 120px;

}

.primary-message {

    background: url(../image/icon/icon_headset.png) no-repeat scroll left center rgba(0, 0, 0, 0);

    color: #fff;

    display: inline-block;

    height: 28px;

    left: 200px;

    line-height: 28px;

    padding-left: 35px;

    position: absolute;

    top: 34px;

    display: none;

}

.site-navi {

	width: 300px;

	height: 100px;

	position: absolute;

	right: 0;

	top: 0;	

}

.site-navi-sp {

	display: none;

}

.navi-1 {

	background: url(../image/icon/icon_arrow6.png) no-repeat scroll 45px 30px #ef5e74;

	height: 100px;

	width: 100px;	

	line-height: 100px;

	color: #fff !important;

	text-align: center;

	font-size: 13px;

	display: block;

	float: left;

}

.navi-1:hover {

	background: url(../image/icon/icon_arrow6.png) no-repeat scroll 45px 30px #fb7e91;

}

.navi-2 {

	background: url(../image/icon/icon_arrow6.png) no-repeat scroll 45px 30px #b7ba5c;

	height: 100px;

	width: 100px;	

	line-height: 100px;

	color: #fff !important;

	text-align: center;

	font-size: 13px;

	display: block;

	float: left;

}

.navi-2:hover {

	background: url(../image/icon/icon_arrow6.png) no-repeat scroll 45px 30px #cfd271;

}

.navi-3 {

	background: url(../image/icon/icon_arrow6.png) no-repeat scroll 45px 30px #35a9be;

	height: 100px;

	width: 100px;	

	line-height: 100px;

	color: #fff !important;

	text-align: center;

	font-size: 13px;

	display: block;

	float: left;

}

.navi-3:hover {

	background: url(../image/icon/icon_arrow6.png) no-repeat scroll 45px 30px #4ac1d6;

}

#mainIimage-wrap {

	background: url(../image/mainimage/mainimage.png) no-repeat top center #F5F5F5;

	position: relative;

}

.main-visual {

	width: 1000px;

	margin: 0 auto 30px;;

	position: relative;

	height: 580px;

}



.contWrap_top_mv {

	width: 100%;

	padding: 40px 5% 0;

	box-sizing: border-box;

	margin-bottom: 20px;

}

.innerWrap_top_mv {

    max-width: 1000px;

    margin-left: auto;

    margin-right: auto;

    overflow: hidden;

    position: relative;

    height: 560px;

}







.imac {

	position: absolute;	

	bottom: 15px;

	left: 10px;

}

.imac img {

	width: 30%;

}

.main-introduction {

	position: absolute;

	right: 30px;

	bottom: 190px;

	width: 530px;

	height: 190px;	

}

.main-introduction img {

	margin-bottom: 3px;

}

.main-introduction h2 {

	font-size: 32px;

	color: #fff;

	font-weight: bold;

	margin-bottom: 5px;

}

.main-introduction p {

	color: #fff;

	line-height: 1.6;

}


/*----------------------------------------------------------*/
.main_intro_btn {
	color: #fff !important;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #b7ba5c;
	width: 320px;
	height: 45px;
	margin-top: 25px;
}
.main_intro_btn:hover {
	background-color: #cfd271;
}
.main-visual2 {
	width: 1200x;
	margin: 0 auto;
}
.main-visual2 h1 {
	text-align: center;
	font-weight: normal;
	font-size: 48px;
	color: #5e5e5e;
	margin-bottom: 40px;
	padding: 0 8%;
}
.main-visual2 p {
	text-align: center;
	color: #5e5e5e;
	font-size: 14px;
}
.top_point_wrap {
	padding: 0 5%;
	position: relative;
}
.top_point_wrap_02 {
	padding: 0 5%;
	position: relative;
	margin-top: 80px;
}
.top_point {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.top_point h1 {
	text-align: center;
	font-weight: bold;
	font-size: 38px;
	color: #cfd271;
	margin-bottom: 40px;
	line-height: 1.4;
}
.top_point_02 {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
}
.top_point_02 h1 {
	text-align: center;
	font-weight: bold;
	font-size: 48px;
	color: #cfd271;
	margin-bottom: 40px;
}
.strong-point-wrap {
	display: flex;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 80px;
	justify-content: space-between;
}
.strong-point-wrap-03 {
	display: flex;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 80px;
	justify-content: space-between;
}
.strong-point-wrap-04 {
	display: flex;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px;
	flex-direction: column;
}
.top_panel_box {
	width: 31%;
}
.tp_box_icon {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background-color: #cfd271;
	margin: 0 auto 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tp_box_icon img {
	width: 100px;
}
.tp_ttl {
    font-size: 18px;
    text-align: center;
    margin-bottom: 15px;
    font-weight: bold;
    line-height: 1.4;
}
.tp_ttl::after {
    content: '';
    border-top: 2px solid #cfd271;
    width: 30px;
    display: block;
    margin: 15px auto 0;
}
.tp_txt {
	text-align: center;
}
.top_panel_box_02 {
	width: 47%;
}
.tp2_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ededed;
	height: 242px;
	border-radius: 5px 5px 0 0;
}
.tp2_icon img {
	width: 184px;
}
.tp2_txt_box {
	background-color: #fff;
	text-align: center;
	padding: 30px 30px 35px;
	border-radius: 0 0 5px 5px;
}
.tp2_txt_box_02 {
	background-color: #F5F5F5;
	text-align: center;
	padding: 30px 30px 35px;
	border-radius: 0 0 5px 5px;
}
.tp2_ttl {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
.tp2_txt {
	margin-bottom: 10px;
}
.tp2_point {
	background-color: #f2657a;
	width: 100px;
	height: 24px;
	border-radius: 12px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	margin: 0 auto;
	line-height: 24px;
}
.button_top_lead_01 {
    display: block;
    padding: 12px 10px;
    cursor: pointer;
    position: relative;
    font-weight: normal;
    font-weight: bold;
    font-size: 20px;
    background-color: #b7ba5c;
    color: #fff !important;
    text-align: center;
    box-shadow: 0 4px 0px 0px rgba(0,0,0,0.15);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    width: 70%;
    margin: 0 2%;
}
.button_top_lead_01:hover {
    transform: translate3d(0, 4px, 0);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.top_sessions_box {
	display: flex;
	padding: 30px;
	width: 100%;
	background-color: #fff;
	margin-bottom: 24px;
}
.top_sessions_box_02 {
	display: flex;
	padding: 30px;
	width: 100%;
	background-color: #f7f7f5;
	margin-bottom: 24px;
}
.top_sessions_number {
	width: 10%;
	font-size: 80px;
	color: #ffd8de;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	margin-right: 3%;
}
.top_sessions_txt {
	width: 87%;
	font-size: 18px;
	display: flex;
	align-items: center;
	font-weight: bold;
	line-height: 1.7;
}
.teacher_side_01 {
	position: absolute;
	right: -90px;
	top: 80%;
}
.teacher_side_01 img {
	width: 250px;
	transform: rotate( -25deg );
}
.teacher_side_02 {
	position: absolute;
	left: -90px;
	bottom: -150px;
}
.teacher_side_02 img {
	width: 250px;
	transform: rotate( 15deg );
}
/*-------------------------*/




.strong_point_box {

	width: 48%;

	background-color: #fff;

	padding: 30px 4% 45px;

}

.strong_point_ttl {

	color: #cfd271;

	font-size: 28px;

	margin-bottom: 20px;

	text-align: center;

	font-weight: bold;

}

.strong_point_detail_wrap {

	display: flex;

	align-items: center;

	margin-bottom: 20px;

}

.spd_no {

	width: 50px;

	height: 50px;

	border-radius: 50%;

	background-color: #cfd271;

	color: #fff;

	font-style: italic;

	font-size: 20px;

	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;

	text-align: center;

	line-height: 50px;

	margin-right: 15px;

}

.spd_txt {

	font-weight: bold;

	font-size: 16px;

	line-height: 1.5;

}

.spd_copy {

	text-align: center;

	font-size: 24px;

	font-weight: bold;

}

.spd_copy span {

	display: inline-block;

	background: linear-gradient(transparent 60%, #ffd8de 60%);

	padding: 0 3px;

	line-height: 1.3;

}

.feature_box {

	display: flex;

	align-items: center;

	border-bottom: 1px dotted #ccc;

	padding-bottom: 15px;

	margin-bottom: 15px;

}

.feature_box_left {

	width: 65%;

}

.fbl_ttl_01 {

	font-size: 18px;

	margin-bottom: 5px;

	color: #cfd271;

	font-weight: bold;

	line-height: 1.5;

}

.fbl_ttl_02 {

	line-height: 1.6;

}

.feature_box_center {

	width: 15%;

	display: flex;

	align-items: center;

	text-align: center;

	padding: 0 3%;

}

.feature_box_center img {

	width: 100%;

}

.feature_box_right {

	width: 20%;

	text-align: center;

}

.fbr_01 {

	font-size: 40px;

	line-height: 1;

	color: #cfd271;

	font-weight: bold;

}

.fbr_02 {

	font-size: 16px;

	line-height: 1;

	color: #cfd271;

	font-weight: bold;

}





.strong-point-wrap-02 {

	max-width: 1200px;

	margin-left: auto;

	margin-right: auto;

	padding-bottom: 80px;

}

.strong-point-lesson {

	width: 100%;

	margin-bottom: 30px;

}

.spl_tit {

	text-align: center;

	font-weight: bold;

	margin-bottom: 20px;

	font-size: 28px;

}

.spl_tit::after {

	content: '';

	display: block;

	position: relative;

	width: 50px;

	height: 2px;

	bottom: -8px;

	left: 50%;

	margin-left: -20px;

	background-color: #cfd271;

}

.spl_detail {

	font-size: 20px;

	text-align: center;

	font-weight: bold;

	margin-bottom: 20px;

}

.spl_detail span {

	font-size: 62px;

	color: #cfd271;

	font-weight: normal;

	margin: 0 5px;

}

.spl_cap {

	text-align: center;

	font-weight: bold;

	font-size: 16px;

}









/* ---- ハンバーガーメニュー　----　*/

#navTrigger {

	position: fixed;

	top: 15px;

	right: 20px;

	z-index: 999;

	width: 50px;

	height: 47px;

	box-sizing: border-box;

	border: solid 1px rgba(255,255,255,0.3);

}

.menu-trigger,

.menu-trigger span {

	display: inline-block;

	transition: all .4s;

	box-sizing: border-box;

}

.menu-trigger {

	position: fixed;

	top: 11px;

	right: 10px;

	cursor: pointer;

	background-color: #b7ba5c;

	z-index: 999999;

	display: none;

}

.menu-trigger:hover {

	opacity: 0.8;

}

.menu-trigger-inner {

	margin: 14px;

	width: 36px;

	height: 24px;

	position: relative;

}

.menu-trigger span {

	position: absolute;

	left: 0;

	width: 100%;

	height: 1px;

	background-color: #fff;

	opacity: 0.8;

}

.menu-trigger span:nth-of-type(1) {

	top: 0;

}

.menu-trigger span:nth-of-type(2) {

	top: 12px;

}

.menu-trigger span:nth-of-type(3) {

	bottom: 0;

}

/*モーダルメニュー*/

.modal_menu {

    position: fixed;

    /*display: table;*/

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #b7ba5c;

    -webkit-transition: all .5s;

    transition: all .5s;

    visibility: hidden;

    opacity: 0;

	z-index: 9999999;

	text-align: center;

}

.modal_menu_inner {

	display: flex;

	justify-content: center;

	align-items: center;

	width: 100%;

	height: 100%;

	flex-direction: column;

}

.modal_menu_01 {

    margin-bottom: 30px;

    width: 60%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    border-bottom: 1px dotted #fff;

    padding-bottom: 12px;

}

.modal_menu_01 li {

	width: 48%;

	display: flex;

	align-items: center;

}

.modal_menu_01 li a {

	display: block;

    line-height: 1.2;

    text-align: left;

	vertical-align: top;

	font-weight: bold;

	font-size: 16px;

	color: #fff;

	padding: 15px 0 15px 20px;

	background: url(../image/icon/modal_arrow.png) no-repeat left center / 15px auto; 

}

.modal_menu_02 {

    margin-bottom: 20px;

    width: 60%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.modal_menu_02 li {

	width: 48%;

}

.modal_menu_login {

	background-color: #35a9be;

	border-radius: 3px;

}

.modal_menu_questionnaire {

	background-color: #fb7e91;

	border-radius: 3px;

}

.modal_menu_02 li a {

	display: block;

    line-height: 2.5;

    text-align: center;

	vertical-align: top;

	font-weight: bold;

	font-size: 18px;

	color: #fff;

}



.modal_menuli a {

    display: block;

    font-size: 18px;

    color: #fff;

}

.modal_menu li a:hover {

    color: #e7c2c1;

}

.modal_info_ph {

	padding-top: 20px;

	padding-left: 60px;

	background-image: url(../image/icon/modal_phone.png);

	background-size: 46px 46px;

	background-position: 5px 25px;

	background-repeat: no-repeat;

	color: #fff;

	text-align: left;

	border-top: 1px solid #fff;

}

.mi_number {

	display: block;

	font-size: 30px;

	letter-spacing: 1px;

	font-weight: bold;

	line-height: 1.2;

}

.mi_number a {

	color: #fff !important;

}

.mi_houres {

	display: block;

	font-size: 14px;

	letter-spacing: 1px;

	line-height: 1.4;

}

/* 開閉用ボタンがクリックされた時のスタイル */

.open .modal_menu {

    cursor: url(../image/icon/cross.png),auto;

    -webkit-transition: all .5s;

    transition: all .5s;

    visibility: visible;

    opacity: 1;

} 









/*------------------------------------------------------------

	コンテンツ

------------------------------------------------------------*/

/* ----- トップページ ----- */

#main-contents {

	

}



.content-top-wrap {

	margin-bottom: 50px;

	width: 100%;

	padding: 80px 5% 80px;

	box-sizing: border-box;

}

.content-top {

	max-width: 1200px;

	margin-left: auto;

	margin-right: auto;

}

.contWrap {

	width: 100%;

	padding: 50px 5% 0;

	box-sizing: border-box;

}

.innerWrap {

	max-width: 1200px;

	margin-left: auto;

	margin-right: auto;

}







.capTit_01 {

	font-size: 30px;

	margin-bottom: 60px;

	font-weight: bold;

	text-align: center;

}

.capTit_01::after {

	content: '';

	display: block;

	position: relative;

	width: 50px;

	height: 2px;

	bottom: -8px;

	left: 50%;

	margin-left: -20px;

	background-color: #cfd271;

}

.capTit_sub_01 {

	margin-bottom: 60px;

	text-align: center;

}













.ulSelect4 {

	margin-bottom: 30px;

}

.ulSelect4 ul {

    margin: auto;

    table-layout: fixed;

    display: flex;

    flex-wrap: wrap;

    margin: 0 -2% 0 0;

}



.ulSelect4 li {

    background-color: #fff;

    /*display: table-cell;*/

    width: 23%;

    line-height: 14px;

    margin: 0 2% 2% 0;

    text-align: center;

	border-radius: 6px;

	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.22);

}

.ulSelect4 li a {

    display: block;

    font-weight: normal;

    padding: 0;

}

.ulSelect4 .usmk {

    color: #aaa;

    display: block;

    font-weight: bold;

    padding-bottom: 5px;

}

.ulSelect4 .ustxt {

    color: #555;

    display: block;

    font-weight: normal;

}



.tutor-photo-wrap {

    width: 100%;

    height: 236px;

}

.tutor-photo-wrap img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 6px 6px 0 0;

}

.tutor-photo {



}

.indication-box {

	background-color: #f7f7f5;

	border-radius: 0 0 6px 6px;

	padding: 10px 0;	

}

.idb-name {

	padding-bottom: 10px;

	font-weight: bold;



}

.idb-experie {

	padding: 10px 15px 5px;

	border-top: 1px solid #ededed;

	text-align: left;

	line-height: 1.5;

	font-size: 13px;

}

.idb-experie span {

	font-weight: bold;

}



.tutor_top_ca_wrap {

	padding: 0 5%;

}

.tutor_top_ca {

	max-width: 1200px;

	margin-left: auto;

	margin-right: auto;

}

.btn_caution {

	text-align: center;

	margin-bottom: 30px;

	font-size: 16px;

	font-weight: bold;

}





















.pickup-1 {

	background:url(../image/common/indent_01.png) no-repeat scroll left center;

	padding-left: 60px;

	height: 138px;	

}

.pickup-1 h2 {

	font-size: 32px;

	font-weight: normal;	

}

.pickup-1 p {



}

.pickup-2 {

	background:url(../image/common/indent_02.png) no-repeat scroll left center;

	padding-left: 60px;

	height: 138px;	

}

.pickup-2 h2 {

	font-size: 32px;

	font-weight: normal;	

}

.pickup-2 p {



}

.pickup-3 {

	background:url(../image/common/indent_03.png) no-repeat scroll left center;

	padding-left: 60px;

	height: 138px;	

}

.pickup-3 h2 {

	font-size: 32px;

	font-weight: normal;	

}

.pickup-3 p {



}

.pickup-4 {

	background:url(../image/common/indent_04.png) no-repeat scroll left center;

	padding-left: 60px;

	height: 138px;	

}

.pickup-4 h2 {

	font-size: 32px;

	font-weight: normal;	

}

.pickup-4 p {



}



.content-faq-wrap {

	background-color: #F5F5F5;

	margin-bottom: 50px;

	width: 100%;

	padding: 80px 5% 80px;

	box-sizing: border-box;

}

.content-faq {

	max-width: 1200px;

	margin-left: auto;

	margin-right: auto;

}





.faq-box {

	margin-bottom: 30px;

	padding: 50px 65px 70px;

	background-color: #fff;

	border-radius: 5px;

}

.faq-box2 {

	margin-bottom: 30px;

	padding: 0 65px 70px;

	background-color: #fff;

	border-radius: 5px;

}

section h1 {

    border-bottom: 1px dotted #ccc;

    padding: 18px 10px;

    cursor: pointer;

    position: relative;

	font-weight: normal;

}

section h1:before {

  display: block;

  content: "";

  position: absolute;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  top: 50%;

  right: 15px;

  width: 10px;

  height: 10px;

  margin-top: -8px;

  background: #B6BA5C;

}

section h1:after {

  display: block;

  content: "";

  position: absolute;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  top: 50%;

  right: 15px;

  width: 10px;

  height: 10px;

  margin-top: -13px;

  background: #fff;

}

section h1.active:before {

  margin-top: -2px;

}

section h1.active:after {

  margin-top: 3px;

}

section div {

    background-color: #f7f7f5;

    margin-bottom: 10px;

    padding: 14px 24px 18px 24px;

}

section li a {

    position: relative;

    display: block;

}

section li a:before{

  display: block;

  content: "";

  position: absolute;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  top: 50%;

  right: 17px;

  width: 10px;

  height: 10px;

  margin-top: -5px;

  background: #9CF;

}

section li a:after{

  display: block;

  content: "";

  position: absolute;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  top: 50%;

  right: 22px;

  width: 10px;

  height: 10px;

  margin-top: -5px;

  background: #F2F2F2;

}

.font-en {

	font-size: 24px;

	font-weight: normal;	

	line-height: 24px;

	margin-right: 5px;

}











.content-middle-wrap {

	padding: 0 5%;

	margin-bottom: 80px;

}

.content-middle {

	max-width: 1200px;

	margin: 0 auto;	

	display: flex;

	justify-content: space-between;

}

.top-news {

	width: 65%;

}

.title-bar {

	/*background: url(../image/bg/slash.png) no-repeat scroll left center;

	height: 64px;	*/

	font-weight: bold;

	line-height: 1.4;

	font-size: 24px;

}

.top-banner {

	width: 28%;

}



/* ----- トップページ以外 ----- */

#cont-wrap {

	padding-top: 100px;	

	margin-bottom: 120px;

}

#cont-wrap-ex {

	position: relative;

}

.cont {

	margin: 0 auto;

}

.cont2 {

	display: flex;

	justify-content: space-between;

	margin: 0 -2% 30px 0;

	flex-wrap: wrap;

}

.content_com {



}





.questionnaire_tit {

	margin-bottom: 15px;

	font-weight: bold;

	font-size: 24px;

}

.questionnaire_cont_wrap {



}

.questionnaire_cont_box {

	margin-bottom: 70px;

}

.questionnaire_cont_tit {

	font-weight: bold;

	border-bottom: 1px dotted #999;

	margin-bottom: 25px;

	line-height: 1.5;

	padding-bottom: 12px;

}

.qct_en {

	display: inline-block;

	font-size: 34px;

	font-weight: normal;

	line-height: 24px;

	margin-right: 15px;

}

.questionnaire_cont_inner {

	padding: 0 20px;

}

.qci_lbl {

	margin-right: 25px;

}



.questionnaire_cont_inner textarea {

    width: 100%;

    box-sizing: border-box;

    border: 1px solid #e1e1e1;

    border-radius: 5px;

    padding: 10px;

    height: 100px;

}

.qci_inner_tit {

	font-weight: bold;

	margin-bottom: 15px;

	margin-top: 15px;

}



.questionnaire_conf {

	padding: 35px 40px 45px;

	background-color: #e8e9d3;

	border-radius: 5px;

	max-width: 800px;

	margin-left: auto;

	margin-right: auto;

}

.questionnaire_conf_ttl {

	text-align: center;

	font-weight: bold;

	font-size: 20px;

	border-bottom: 1px dotted #999;

	padding-bottom: 5px;

	margin-bottom: 30px;

}



/*------------------------------------------------------------

	新規登録

------------------------------------------------------------*/

.page-title {

	margin-bottom: 50px;

	color: #cfd271;

	font-size: 38px;

	text-align: center;
	font-weight: bold;
	line-height: 1.4;

}

.page-title span {

	padding: 0 30px;

	display: inline-block;

	/*color: #b7ba5c;*/

}

/*.page-title span {

	color: #ACB6E5;

	background: -webkit-linear-gradient(0deg, #b7ba5c, #35a9be);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	padding: 0 30px;

	display: inline-block;

}*/



.guide {

	margin-bottom: 50px;

}

.guide ul {

    display: flex;

    margin: 0 auto;

    width: 800px;

    align-items: center;

}

.guide li {

    background-color: #fff;

    display: flex;

    flex-direction: column;

    line-height: 14px;

    padding: 14px 0;

    text-align: center;

    width: 180px;

}

.w30 {

	width: 30px !important;	

}

.guide .value_1 {

    display: block;

    font-size: 16px;

    font-weight: bold;

    padding-bottom: 10px;

}

.guide .value_1 img {

    vertical-align: middle;

    width: 77px;

}

.guide .value_2 {

    display: block;

    font-size: 16px;

    font-weight: bold;

    padding-bottom: 10px;

}

.guide .value_2 img {

    vertical-align: middle;

    width: 14px;

}

.guide .label {

    display: block;

}

.c999 {

	color: #999;	

}

/**/

.error-explanation {

    background: none repeat scroll 0 0 #ffe9e9;

    border: 2px solid #ff3333;

    margin-bottom: 30px;

    padding: 25px;

}

.error-explanation h2 {

    background: url(../image/icon/icon_attention.gif) no-repeat left 5px rgba(0, 0, 0, 0);

    color: #ff3333;

    padding-left: 22px;

}

.error-explanation ul {

    margin: 10px 0 0 20px;

}

.error-explanation li {

    background: url(../image/icon/icon_004.gif) no-repeat scroll 0 0.5em rgba(0, 0, 0, 0);

    color: #ff3333;

    list-style: outside none none;

    padding-left: 15px;

}

.error-explanation2 {

    background: none repeat scroll 0 0 #ffe9e9;

    border: 2px solid #ff3333;

    margin-bottom: 20px;

    padding: 10px;

}

.error-explanation2 h2 {

    background: url(../image/icon/icon_attention.gif) no-repeat scroll 0 0.1em rgba(0, 0, 0, 0);

    color: #ff3333;

    padding-left: 20px;

}

.error-explanation2 ul {

    margin: 0 0 0 10px;

}

.error-explanation2 li {

    background: url(../image/icon/icon_004.gif) no-repeat scroll 0 0.5em rgba(0, 0, 0, 0);

    color: #ff3333;

    list-style: outside none none;

    padding-left: 16px;

}

/**/

.rqr {

	color: #f22;

	margin-bottom: 10px;	

}

.rqr img {

	vertical-align: middle;

	margin-right: 3px;

}

.register-table {

    border-left: 1px solid #dfdfdf;

    border-top: 1px solid #dfdfdf;

    margin-bottom: 80px;

    width: 100%;

}

.register-table th {

    background-color: #f7f7f5;

    border-bottom: 1px solid #dfdfdf;

    border-right: 1px solid #dfdfdf;

    font-weight: normal;

    padding: 20px;

    text-align: left;

    vertical-align: middle;

	line-height: 1.4;

	width: 25%;

	font-weight: bold;

}

.register-table td {

    border-bottom: 1px solid #dfdfdf;

    border-right: 1px solid #dfdfdf;

    padding: 20px;

    text-align: left;

    vertical-align: middle;

}

input.input_text_w {

    width: 100%;

    height: 35px;

    padding: 5px 20px;

    background: #fff;

    box-sizing: border-box;

    border-radius: 2px;

    border: 1px solid #e1e1e1;

}

input.input_text_w30 {

    width: 30%;

    height: 35px;

    padding: 5px 20px;

    background: #fff;

    box-sizing: border-box;

    border-radius: 2px;

    border: 1px solid #e1e1e1;

}

input.input_text_w50 {

    width: 50%;

    height: 35px;

    padding: 5px 20px;

    background: #fff;

    box-sizing: border-box;

    border-radius: 2px;

    border: 1px solid #e1e1e1;

}

input.input_text_w70 {

    width: 70%;

    height: 35px;

    padding: 5px 20px;

    background: #fff;

    box-sizing: border-box;

    border-radius: 2px;

    border: 1px solid #e1e1e1;

}



.tb_flex {

	display: flex;

}

.radio_slct {

	margin-right: 25px;

}

input.input_radio {

    background: #e6efd4;

    box-sizing: border-box;

    border-radius: 2px;

    border: none;

    margin-right: 5px;

}



.tb_cont {

	margin-bottom: 15px;

}

.tb_notes {

    color: #aaa;

    display: block;

    font-size: 12px;

    line-height: 1.6;

    padding-top: 8px;

}



.ipcstm {

    border: 1px solid #e1e1e1;

    border-radius: 6px;

    padding: 3px 5px;

}

.notes2 {

    color: #aaa;

    display: block;

    font-size: 11px;

    line-height: 1.6;

}

.provisional {

	text-align: center;

	height: 250px;	

	padding-top: 50px;

}

.complete {

	font-size: 24px;

	margin-bottom: 40px;

}

/*------------------------------------------------------------

	ログイン

------------------------------------------------------------*/

.login-box-wrap {

	width: 380px;

	left: 50%;

	top: 50%;

	margin-left: -190px;

	margin-top: -190px;

	position: fixed;

}

.login-box {

	margin-bottom: 30px;	

}

.login-student {

	background-color: #f5f5f5;

	width: 380px;

	/*float: left;*/

	border-radius: 6px;

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

}

.login-student-inner {

	width: 100%;

	padding: 30px 20px 40px;

}

.login-tutor {

	background-color: #f5f5f5;

	width: 380px;

	float: right;

	border-radius: 6px;

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

}

.login-tutor-inner {

	width: 340px;

	padding: 30px 20px 40px;	

}

.login-tit {

	font-size: 18px;

	font-weight: normal;

	text-align: center;	

	height: 50px;

	line-height: 50px;

	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);

	border-radius: 6px 6px 0 0;

	border-bottom: 1px solid rgba(0, 0, 0, 0.22);

	font-weight: bold;

}

/**/

.login-table {

    border: none;

    width: 100%;

}

.login-table th {

    border: none;

    font-weight: normal;

    padding: 5px;

    text-align: left;

    vertical-align: middle;

	font-size: 11px;

}

.login-table td {

    border: none;

    padding: 5px;

    text-align: left;

    vertical-align: middle;

}

.reissue {

	text-align: center;

	padding-top: 10px;

}

.reissue a {

	background: url(../image/icon/icon_arrow3.png) no-repeat scroll left 4px;

	padding-left: 16px;

	display: inline-block;	

}



/*------------------------------------------------------------

	パスワード再発行

------------------------------------------------------------*/

.error-explanation3 {

    background: none repeat scroll 0 0 #d8f9ff;

    border: 2px solid #4AC1D6;

    margin-bottom: 30px;

    padding: 15px;

}

.error-explanation3 h2 {

    background: url(../image/icon/icon_attention2.png) no-repeat scroll 0 0.1em rgba(0, 0, 0, 0);

    color: #4AC1D6;

    padding-left: 24px;

}

.error-explanation3 ul {

    margin: 10px 0 0 20px;

}

.error-explanation3 li {

    background: url(../image/icon/icon_005.png) no-repeat scroll 0 0.5em rgba(0, 0, 0, 0);

    color: #4AC1D6;

    list-style: outside none none;

    padding-left: 20px;

}

.imgath {

	border: 2px solid #dfdfdf;

	display: inline-block;	

}

/*------------------------------------------------------------

	Coto Online Lessons

------------------------------------------------------------*/

.ab-block {

	width: 30%;

	/*height: 410px;*/

	color: #fff;

	text-align: center;

	margin: 0 2% 40px 0;

	background-color: #f7f7f5;

}

.abblk01 {

	background-color: #35a9be;	

}

.abblk02 {

	background-color: #ef5e74;	

}

.abblk03 {

	background-color: #b7ba5c;	

}

.abblk04 {

	background-color: #F8735F;	

}

.abblk05 {

	background-color: #AA77C5;	

}

.abblk06 {

	background-color: #63CBD4;	

}

.ab-block-inner {

	background-color: #f7f7f5;

	/*border: 1px solid #aaa;*/

}

.ab-block-inner h3 {

	padding: 50px 0 15px;

}

.ab-block-inner p {

	color: #000;

	padding: 20px 40px 40px;

	text-align: center;

	word-break: normal;

}
.ab-block-inner p span {
	display: block;
	font-size: 18px;
	font-weight: bold;
}

/*------------------------------------------------------------

    Cotoの教材 

------------------------------------------------------------*/

.materials_wrap {

    display: flex;

    justify-content: space-between;

}

.materials_inner_wrap {

	display: flex;

	flex-direction: column;

	width: 47%;

}

.materials_box {

    display: flex;

    justify-content: space-between;

    margin-bottom: 30px;

}

.materials_image {

    width: 40%;

}

.materials_image img {

    width: 100%;

    border-radius: 3px;

}

.materials_detil_box {

    width: 56%;

}

.materials_ttl {

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 35px;

    line-height: 1.2;

}

.materials_detail_box {

	margin-bottom: 20px;

}

.materials_detail_ttl {

	font-weight: bold;

	margin-bottom: 6px;

	line-height: 1;

	padding-bottom: 8px;

	border-bottom: 1px dotted #ccc;

}

.materials_detail_inner {



}

.mdi_box {

	display: flex;

	padding: 5px 0;

}

.mdi_ttl {

	width: 32%;

	font-weight: bold;

	line-height: 1.2;

}

.mdi_txt {

	width: 68%;

	line-height: 1.2;

}





.materials_txt {

    margin-bottom: 15px;

}

.btn_amazon {

	width: 110px;

	display: block;

}

.btn_amazon img {

	width: 100%;

}



/*------------------------------------------------------------

	fee

------------------------------------------------------------*/

.gray-box {

	background: #f2f2f2 none repeat scroll 0 0;

    padding: 20px 30px;	

}

.table-fee01 {

	background: rgba(0, 0, 0, 0) url(../image/bg/dot.png) no-repeat scroll 66% 21px;

    border-bottom: 2px solid #fff;

    padding: 10px 0;

	color: #35a9be;

	font-size: 14px;

	letter-spacing: 2px;

}

.table-fee01 dt {

    float: left;

    width: 70%;

}

.table-fee01 dd {

    padding-left: 70%;

}

.tfbn {

	border-bottom: none !important;

}

.table-fee02 {

	width: 100%;

	border-left: 1px solid #dfdfdf;

    border-top: 1px solid #dfdfdf;

	font-size: 14px;

}

.table-fee02 th {

	background-color: #35a9be;

	font-weight: normal;	

	color: #fff;

	text-align: center;

	padding: 20px 0;

	border-bottom: 1px solid #dfdfdf;

    border-right: 1px solid #dfdfdf;

	width: 248px;

}

.table-fee02 td{

	/*background: url(../image/bg/bg_table.png) no-repeat scroll;*/

	text-align: center;

	padding: 20px 0;

	border-bottom: 1px solid #dfdfdf;

    border-right: 1px solid #dfdfdf;

	width: 248px;

	height: 30px;

	line-height: 30px;

}

/*------------------------------------------------------------

	how to

------------------------------------------------------------*/

.flow-wrap {

    background: rgba(0, 0, 0, 0) url("../image/bg/line.png") repeat-y scroll 5% 0;

}

.flow-box {

    padding-bottom: 40px;

	position: relative;

	/*color: #b7ba5c;*/

}

.flowR {

    float: right;

    width: 88%;

}

.arrowBox01 {

    background: #ffffff none repeat scroll 0 0;

    border: 1px solid #b7ba5c;

    box-sizing: content-box;

    font-size: 17px;

    padding: 30px 40px;

    position: relative;

}



.arrowBox01::after, .arrowBox01::before {

    border: medium solid transparent;

    content: " ";

    height: 0;

    pointer-events: none;

    position: absolute;

    right: 100%;

    top: 40px;

    width: 0;

}

.arrowBox01::after {

    border-color: rgba(255, 255, 255, 0) #ffffff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);

    border-width: 8px;

    margin-top: -8px;

}

.arrowBox01::before {

    border-color: rgba(118, 158, 175, 0) #b7ba5c rgba(118, 158, 175, 0) rgba(118, 158, 175, 0);

    border-width: 9px;

    margin-top: -9px;

}

.flowC {

    margin: 0 auto;

    padding: 8px 0;

    width: 80px;

	left: 20px;

	position: absolute;

}

.flowC h3 {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #b7ba5c;

    border-radius: 40px;

    font-size: 40px;

    font-weight: 300;

    line-height: 80px;

    margin-top: -10px;

	color: #b7ba5c;

	text-align: center;



}

/******/

.flow-wrap2 {

    background: rgba(0, 0, 0, 0) url("../image/bg/line2.png") repeat-y scroll 5% 0;

}

.flow-box2 {

    padding-bottom: 40px;

	position: relative;

	/*color: #b7ba5c;*/

}

.flowR2 {

    float: right;

    width: 88%;

}

.arrowBox02 {

    background: #ffffff none repeat scroll 0 0;

    border: 1px solid #ef5e74;

    box-sizing: content-box;

    font-size: 17px;

    padding: 30px 40px;

    position: relative;

}



.arrowBox02::after, .arrowBox02::before {

    border: medium solid transparent;

    content: " ";

    height: 0;

    pointer-events: none;

    position: absolute;

    right: 100%;

    top: 40px;

    width: 0;

}

.arrowBox02::after {

    border-color: rgba(255, 255, 255, 0) #ffffff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);

    border-width: 8px;

    margin-top: -8px;

}

.arrowBox02::before {

    border-color: rgba(118, 158, 175, 0) #ef5e74 rgba(118, 158, 175, 0) rgba(118, 158, 175, 0);

    border-width: 9px;

    margin-top: -9px;

}

.flowC2 {

    margin: 0 auto;

    padding: 8px 0;

    width: 80px;

	left: 20px;

	position: absolute;

}

.flowC2 h3 {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #ef5e74;

    border-radius: 40px;

    font-size: 40px;

    font-weight: 300;

    line-height: 80px;

    margin-top: -10px;

	color: #ef5e74;

	text-align: center;



}











/*------------------------------------------------------------

	ログアウト

------------------------------------------------------------*/

.logout-box-wrap {

	width: 380px;

	left: 50%;

	top: 50%;

	margin-left: -190px;

	margin-top: -150px;

	position: fixed;

}

.logout-box {

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);

	margin-bottom: 30px;	

	border-radius: 6px;

	color: #fff;

}

.logout-box-inner {

	padding: 40px 0 50px;

}

.logout-box-inner p {

	text-align: center;

	font-size: 20px;

	margin-bottom: 20px;

}



/*------------------------------------------------------------

	フッター

------------------------------------------------------------*/

footer {

    background-color: #666666;

    color: #fff;

    padding: 0 5%;

}

.footer-inner {

	max-width: 1200px;

	margin-right: auto;

	margin-left: auto;	

	padding: 15px 0 15px;

}

.footer-inner ul {

    display: flex;

    justify-content: center;

}

.footer-inner li {

    padding: 10px 0;

    text-align: center;

    margin: 0 3%;

}

.footer-inner li a {

    color: #fff;

    display: block;

    font-weight: normal;

    padding-left: 20px;

    background: url(../image/icon/arrow_base3.png) no-repeat left center / 15px auto;

    font-size: 13px



}

.footer-inner h2 {

	font-size: 24px;

	font-weight: normal;

	margin-bottom: 10px;

}

.footer-inner p {

	line-height: 1.4;	

	margin-bottom: 20px;

}



.footer-inner a {

    color: #fff;

    text-decoration: none;

	-webkit-transition: all 0.4s ease;

	-moz-transition: all 0.4s ease;

	-o-transition: all 0.2s ease;

}

.footer-inner a:link {

    color: #fff;

    text-decoration: none;

}

.footer-inner a:visited {

    color: #fff;

    text-decoration: none;

}

.footer-inner a:hover, a:active, a:focus {

    color: #fff;

    text-decoration: none !important;

}

/*------------------------------------------------------------

	terms of use

------------------------------------------------------------*/

.index_terms {

		

}

.terms-box {

	margin-bottom: 35px;	

}

.terms-box p {

	margin-bottom: 10px;	

}

.mod_title_terms {

    background: rgba(0, 0, 0, 0) url("../image/icon/graycircle_icn_03.gif") no-repeat scroll left 0.2em;

    color: #4c4c4c;

    font-weight: bold;

    margin: 0 0 10px;

    padding: 0 0 0 21px;

}

.index_terms ul {

    margin: 0;

}

.index_terms ul li {

    padding: 0 0 5px 1.5em;

}

.index_terms ul li span {

    float: left;

    margin: 0 0 0 -1.5em;

}

/*------------------------------------------------------------

	Privacy policy

------------------------------------------------------------*/



.privacy_intro {

	margin-bottom: 50px;

}

.grid-privacy dt {

    font-weight: bold;

    margin-bottom: 5px;

    color: #727171;

    line-height: 1.6em;

}

.grid-privacy dd {

    margin-bottom: 20px;

    margin-bottom: 50px;

    margin-left: 1.3em;

}

/*------------------------------------------------------------

	company

------------------------------------------------------------*/

.rsv-table2 {

    border-left: 1px solid #dfdfdf;

    border-top: 1px solid #dfdfdf;

    margin: 0 0 30px;

    width: 100%;

}

.rsv-table2 th {

    background-color: #f7f7f5;

    border-bottom: 1px solid #dfdfdf;

    border-right: 1px solid #dfdfdf;

    font-weight: normal;

    padding: 20px 0 20px 20px;

    text-align: left;

    vertical-align: middle;

}

.rsv-table2 td {

    border-bottom: 1px solid #dfdfdf;

    border-right: 1px solid #dfdfdf;

    padding: 20px;

    text-align: left;

    vertical-align: middle;

}

/*------------------------------------------------------------

	FAQ

------------------------------------------------------------*/

/*.faq-box {

    margin-bottom: 30px;

    padding: 10px;

}

section h1 {

    border-bottom: 1px dotted #ccc;

    padding: 18px 10px;

    cursor: pointer;

    position: relative;

	font-weight: normal;

}

section h1:before {

  display: block;

  content: "";

  position: absolute;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  top: 50%;

  right: 15px;

  width: 10px;

  height: 10px;

  margin-top: -8px;

  background: #B6BA5C;

}

section h1:after {

  display: block;

  content: "";

  position: absolute;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  top: 50%;

  right: 15px;

  width: 10px;

  height: 10px;

  margin-top: -13px;

  background: #fff;

}

section h1.active:before {

  margin-top: -2px;

}

section h1.active:after {

  margin-top: 3px;

}

section div {

    background-color: #f7f7f5;

    margin-bottom: 10px;

    padding: 14px 24px 18px 24px;

}

section li a {

    position: relative;

    display: block;

}

section li a:before{

  display: block;

  content: "";

  position: absolute;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  top: 50%;

  right: 17px;

  width: 10px;

  height: 10px;

  margin-top: -5px;

  background: #9CF;

}

section li a:after{

  display: block;

  content: "";

  position: absolute;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  top: 50%;

  right: 22px;

  width: 10px;

  height: 10px;

  margin-top: -5px;

  background: #F2F2F2;

}

.font-en {

	font-family: "Times New Roman",Times,Garamond,Georgia,serif;

	font-size: 24px;

	font-weight: normal;	

	line-height: 24px;

	margin-right: 5px;

}	*/



/*------------------------------------------------------------

	共通

------------------------------------------------------------*/

.btn_box {

	display: flex;

    align-items: center;

    justify-content: center;

}
.btn_box_02 {
	display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 80px;
}

.button_01 {

	display: block;

	padding: 12px 10px;

    cursor: pointer;

    position: relative;

	font-weight: normal;

	font-weight: bold;

	font-size: 20px;

	background-color: #b7ba5c;

	color: #fff !important;

	text-align: center;

	box-shadow: 0 4px 0px 0px rgba(0,0,0,0.15);

	-webkit-transition: all 0.2s ease;

	-moz-transition: all 0.2s ease;

	-o-transition: all 0.2s ease;

	width: 30%;

	margin: 0 2%;

}

.button_01:hover {

    transform: translate3d(0, 4px, 0);

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	filter: alpha(opacity=100);

	-moz-opacity: 1;

	opacity: 1;

	-webkit-transition: all 0.2s ease;

	-moz-transition: all 0.2s ease;

	-o-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

.button_02 {

	display: block;

	padding: 12px 10px;

    cursor: pointer;

    position: relative;

	font-weight: normal;

	font-weight: bold;

	font-size: 18px;

	background-color: #b7ba5c;

	color: #fff !important;

	text-align: center;

	box-shadow: 0 4px 0px 0px rgba(0,0,0,0.15);

	-webkit-transition: all 0.2s ease;

	-moz-transition: all 0.2s ease;

	-o-transition: all 0.2s ease;

	width: 50%;

	margin: 0 2%;

}

.button_02:hover {

    transform: translate3d(0, 4px, 0);

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	filter: alpha(opacity=100);

	-moz-opacity: 1;

	opacity: 1;

	-webkit-transition: all 0.2s ease;

	-moz-transition: all 0.2s ease;

	-o-transition: all 0.2s ease;

	transition: all 0.2s ease;

}





.caution {

    background-color: #b7ba5c;

    color: #fff !important;

    display: inline-block;

    padding: 10px 50px;

	font-size: 28px;

	letter-spacing: 5px;

	line-height: 1.4;

	font-weight: bold;

}

.caution:hover {

    color: #fff !important;

	border-radius: 50px;

}

.caution2 {

    background-color: #B6BA5C;

    border-radius: 50px;

    color: #fff !important;

    display: table;

    margin: auto;

    padding: 10px 50px;

}

.caution2:hover {

    background-color: #cfd271;

    color: #fff !important;

}

.caution3 {

    background-color: #B6BA5C;

    border-radius: 50px;

    color: #fff !important;

    display: table;

    margin: auto;

    padding: 20px 100px;

	font-size: 30px;

	letter-spacing: 2px;

}

.caution3:hover {

    background-color: #cfd271;

    color: #fff !important;

}

/************/

.list-news {

    padding: 10px 0;

}

.list-news li {

    border-bottom: 1px dotted #ccc;

    padding: 14px 0 12px;

    display: flex;

    justify-content: space-between;

}

.list-news span.date {

    display: block;

    padding: 0 10px 0 0;

	width: 15%;

}

.list-news span.post {

    display: block;

	width: 75%;

	padding: 0 20px 0 0;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.news_more_wrap {

	text-align: right;

	width: 10%;

}

.list-news span.news-more {

    display: inline-block;

    padding-left: 22px;

    font-size: 16px;

    background: url(../image/icon/arrow_base1.png) no-repeat left 8px / 16px auto;

}

/************/

.divider2 {

    color: #eee;

    font-size: 10px;

    position: relative;

    text-align: right;

}

.divider2 hr {

    background: none repeat scroll 0 0 #999;

    border: 0 none;

    height: 1px;

    margin: 0;

    width: 100%;

}

/************/

.ipt-button {

    background-color: #f7f7f5;

    border: 1px solid #ccc;

    border-radius: 3px;

    color: #5f5f5f;

    cursor: pointer;

    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif;

    padding: 7px 13px;

    text-shadow: 0 1px #fff;

    white-space: nowrap;

}

.select-general {

    background: none repeat scroll 0 0 #fff;

    border: 1px solid #e1e1e1;

    border-radius: 5px;

    box-sizing: border-box;

    display: inline-block;

    margin-right: 3px;

    padding: 0 15px;

}



/************/

.ulSelect {

	

}

.ulSelect ul {

    display: table;

    margin: auto;

    table-layout: fixed;

}



.ulSelect li {

    background-color: #fff;

    display: table-cell;

    float: none;

    line-height: 14px;

    margin-right: -1px;

    padding: 14px 0;

    text-align: center;

}

.ulSelect li a {

    display: block;

    font-weight: normal;

    padding: 0;

    width: 150px;

}

.ulSelect .usmk {

    color: #aaa;

    display: block;

    font-weight: bold;

    padding-bottom: 5px;

}

.ulSelect .ustxt {

    color: #555;

    display: block;

    font-weight: normal;

}

.button-2 {

    background-color: #b6ba5c;

    color: #fff !important;

    display: inline-block;

    height: 30px;

    line-height: 30px;

    padding: 0 40px;

    text-align: center;

}

.button-3 {

    background-color: #b6ba5c;

    color: #fff !important;

    display: inline-block;

    height: 30px;

    line-height: 30px;

    padding: 5px 60px;

    text-align: center;

	font-size: 14px;

	letter-spacing: 5px;

}

/**/

.adch {

    background: url(../image/icon/icon_arrow3.png) no-repeat scroll left 4px transparent;

    color: #35aabe !important;

    display: inline-block;

    padding-left: 16px;

}



.menu ul{

  margin:0;

  padding:0;

}

.menu ul li {

	

  list-style: none;

  margin:0;

  padding:0;

  float: left;

  position: relative;

  width: 100px;/*親メニューの幅*/

  height: 100px;/*親メニューの高さ*/

  line-height: 40px;

  /*background:#FF818D;親メニューの背景色*/

  color: #fff;/*親メニューの文字色*/

  text-align:center;

}

.menu ul li a {

	/*background: url(../image/icon/icon_arrow6.png) no-repeat scroll 45px 30px #35a9be;*/

	background-color: #35a9be;

	color: #fff;

	display: block;

	text-decoration: none;

	font-size: 12px;

}

.menu ul li:hover, .menu ul li a:hover {

  	/*background: url(../image/icon/icon_arrow6.png) no-repeat scroll 45px 30px #35a9be;*//*ホバー時の親メニューの背景色*/

	color:#fff;/*ホバー時の親メニューの文字色*/

	background-color: #35a9be;

}

.menu ul li ul {

  position: absolute;

  top: 100px;/*親メニューの高さと同じにする*/

  width: 300px;

  z-index: 100;

}

.menu ul li ul li {

  visibility: hidden;

  overflow: hidden;

  width: 150px;/*サブメニューの幅*/

  height: 0;

  background:#35a9be;/*サブメニューの背景色*/

}

.menu ul li ul li:hover, .menu ul li ul li a:hover {

  background:#4ac1d6;/*ホバー時のサブメニューの背景色*/

}

.menu ul li:hover ul li, .menu ul li a:hover ul li{

  visibility: visible;

  overflow: visible;

  height:40px;/*サブメニューの高さ*/

  z-index: 10;

}

.menu * {

  -webkit-transition: 0.5s;

  -moz-transition: 0.5s;

  -ms-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

}



hr.main-hr01 {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    border-color: #999 -moz-use-text-color -moz-use-text-color;

    border-image: none;

    border-style: double none none;

    border-width: 4px 0 0;

    display: block;

    height: 4px;

    margin: 20px 0;

    padding: 0;

}

.cont-main-tita {

    font-size: 167%;

    letter-spacing: 2px;

    margin-bottom: 1em;

    padding-bottom: 14px;

	color: #9a9a9a;

}

.cont-main-tit {

    border-bottom: 1px dotted #999;

    font-size: 167%;

    letter-spacing: 2px;

    margin-bottom: 1em;

    padding-bottom: 14px;

    padding-left: 30px;

	color: #9a9a9a;

}

.intro-1 {

    background-image: url("../image/bg/quotation.png");

    background-position: left top;

    background-repeat: no-repeat;

    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,sans-serif;

    font-size: 18px;

    font-weight: bold;

    line-height: 1;

    padding: 28px 0 10px;

}