@charset "utf-8";

/* 下層共通設定
-------------------------------------------------------------------*/

.bnr_navi{
width: 100%;
margin-bottom: 10px;
}

.bnr_navi img{
width: 100%;
max-width: 1100px;
}

.bnr_navi a:hover{
opacity:.7;
}

.common_page #content{
	padding-bottom:200px;
}
#common_visual{
	background:url(../img/common/bg_common_head.jpg) no-repeat top center;
	background-size:cover;
}

#common_visual{
	position:relative;
	background:url(../img/common/bg_pt_common.jpg) no-repeat top center;
	background-size:cover;
	overflow:hidden;
}
#common_visual:before,
#common_visual:after{
	content:"";
	display:block;
	width:1200px;
	height:100%;
	z-index:100;
	position:absolute;
}
#common_visual:before{
	top:0;
	left:0;
	background:url(../img/common/bg_left_common.png) no-repeat bottom left;
	background-size:auto 100%;
}
#common_visual:after{
	top:0;
	right:0;
	background:url(../img/common/bg_right_common.png) no-repeat bottom right;
	background-size:auto 100%;
}
/*.blog_page #common_visual,
.info_page #common_visual{
	background-image:url(../img/common/bg_article_head.jpg);
}*/
#common_visual .site_wrapper {
    position: relative;
    height: 0;
    /*padding-bottom:23.8%;*/
    padding-bottom:334px;
    z-index:500;
}
#common_visual h1 {
    color: #fff;
    font-weight: bold;
    font-size: 44px;
    text-align:center;
    position: absolute;
    top: 50%;
    left:0;
    width:100%;
    text-align:center;
    margin-top: 0;
    transform: translateY(-50%);
    /*	text-shadow:0px 0px 12px #60A025,0px 0px 5px #60A025,0px 0px 12px #60A025,0px 0px 5px #60A025;*/
}
@media screen and (max-width:768px) {
	#common_visual .site_wrapper {
		padding-bottom: 0;
	}
	#common_visual:before,
	#common_visual:after{
		width: 100%;
		background-position:right bottom;
		background-size:contain;
	}
	#common_visual:before{
		background-position:right bottom;
		display:none;
	}
}


.pan ul{ margin:15px 0 30px;}
.pan li{ 
	display:inline;
	vertical-align:middle;
	font-size:88%;
	color:#666;
	padding: 0 0 0 10px;
}
.pan li a{ 
	color:#0044CC;
}
.pan li a:hover{
	text-decoration:underline;
}
.pan li span{ 
	vertical-align:middle;
}
.pan li img{ 
	vertical-align:middle;
	margin-right:5px;
}
.pan ul li:before{
	content: "\003E";
	display:inline-block;
	margin-right:10px;
}
.pan ul li:first-child:before{
	content: "";
	display:none;
	margin-right:0;
}
@media screen and (max-width:768px) {
    .bnr_navi{
	width: 100%;
	margin-bottom: 10px;
    }

	.bnr_navi{
	    width: 100%;
	}

	.bnr_navi a:hover{
	    opacity:.7;
	}
    
	.pan ul {
		padding:0 10px;
	}
	.pan ul li{
		padding:0;
	}
	.pan ul li:before{
		margin-left:10px;
	}
	.pan ul li:nth-child(2):after{
		content:"";
		display:block;
	}
	.pan ul li:nth-child(3):before{
		margin-left:0;
	}	
}

@media screen and (max-width:768px) {
	.common_page #content{
		padding-bottom:100px;
	}
	#common_visual{
		background-size: cover;
		background-position:  100% 50%;
	}
	#common_visual .site_wrapper {
		position: relative;
		height: 194px;
	}	
	#common_visual h1 {
		font-size: 28px;
		font-size: 6.5vw;
		text-align:center;
		position: absolute;
		top: 50%;
		left:0;
		text-align: left;
		padding-left: 10px;
		box-sizing: border-box;
	}
}
@media screen and (max-width:320px) {
	#common_visual h1 {
		font-size: 6.4vw;
		padding-left: 10px;
	}
}

/* 新着のお知らせ
-------------------------------------------------------------------*/

.info_page .news_box .category li {
    font-weight: bold;
    color: #fff;
    float: left;
    width: 20%;
    padding-bottom: 6px;
    position: relative;
	z-index:20;
cursor: pointer	
}
.info_page .news_box .category li:hover,
.info_page .news_box .category li.select {
	z-index:65;
}
.info_page .news_box .category li a {
    margin-right: 1px;
    display: block;
    padding: 10px 0;
    background: #FA7398;
	border:1px solid #FA7398;
    text-align: center;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
    border-radius:3px; 
    -webkit-border-radius:3px;
    cursor: pointer;
	transition:all ease 0.3s; 
	color:#fff;
}

.info_page .news_box .category li:hover a {
	background-color:#FFF;
	color:#FA7398;
}
.info_page .news_box .category li.select:after,
.info_page .news_box .category li:hover:after{
	content: "";
    display: inline;
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top: 6px solid #FA7398; 
}
.info_page .news_box .category li:nth-child(2) a{ background:#F7B635; border:1px solid #F7B635;}
.info_page .news_box .category li:nth-child(3) a{ background:#00A2D7; border:1px solid #00A2D7;}
.info_page .news_box .category li:nth-child(4) a{ background:#B25900; border:1px solid #B25900;}
.info_page .news_box .category li:nth-child(5) a{ background:#888888; border:1px solid #888888;}
.info_page .news_box .category li:hover:nth-child(2) a { background-color:#FFF; color:#F7B635; }
.info_page .news_box .category li:hover:nth-child(3) a { background-color:#FFF; color:#00A2D7; }
.info_page .news_box .category li:hover:nth-child(4) a { background-color:#FFF; color:#B25900; }
.info_page .news_box .category li:hover:nth-child(5) a { background-color:#FFF; color:#888888; }

.info_page .news_box .category li:nth-child(2).select:after,
.info_page .news_box .category li:nth-child(2):hover:after{
    border-top-color: #F7B635;
}
.info_page .news_box .category li:nth-child(3).select:after,
.info_page .news_box .category li:nth-child(3):hover:after{
    border-top-color: #00A2D7;
}
.info_page .news_box .category li:nth-child(4).select:after,
.info_page .news_box .category li:nth-child(4):hover:after{
    border-top-color: #B25900;
}
.info_page .news_box .category li:nth-child(5).select:after,
.info_page .news_box .category li:nth-child(5):hover:after{
    border-top-color: #888888;
}
/*****/
.info_page .news_box .blogs_wrap {
-moz-box-shadow: 0px 0px 27px 7px rgba(0, 0, 0, 0.22);
-webkit-box-shadow: 0px 0px 27px 7px rgba(0, 0, 0, 0.22);
-ms-box-shadow: 0px 0px 27px 7px rgba(0, 0, 0, 0.22);
box-shadow: 0px 0px 27px 7px rgba(0, 0, 0, 0.22);
    margin-top: -6px;
    padding: 35px 30px 5px;
	position:relative;
	z-index:55;
	background: rgba(255,255,255,0.7);
}
.info_page .news_box .blogs_wrap .hide {
    display: none;
}
/***ニュース一覧***/
.info_page .news_box .blogs_wrap ul li a {
	border-bottom:1px dotted #BBBBBB;
	padding-bottom:10px;
	margin-bottom:10px;
	display:table;
	width:100%;
	text-align:left;
}
.info_page .news_box .blogs_wrap ul li:first-child a {
	border-top:1px dotted #BBBBBB;
	padding-top:10px;
}
.info_page .news_box .blogs_wrap ul li:last-child a {
	margin-bottom:25px;
}
.info_page .news_box .blogs_wrap ul li a {
	text-decoration:none;
	display:block;
}
.info_page .news_box .blogs_wrap ul li a:hover {
	opacity:0.6;
}
.info_page .news_box .blogs_wrap dl dt {
	display:table-cell;
	width:150px;
	padding-left:10px;
}
.info_page .news_box .blogs_wrap dl dd {
	display:table-cell;
}
.info_page .news_box .blogs_wrap dl dd:last-child {
	padding-left:10px;	
}
.blogs_wrap dl dd.ct_pre,
.blogs_wrap dl dd.ct_zoo,
.blogs_wrap dl dd.ct_gad,
.blogs_wrap dl dd.ct_cyc,
.blogs_wrap dl dd.ct_common {
	width:115px;
	text-align:center;
	font-size:88%;
	color:#FFF;
}
.blogs_wrap dl dd.ct_pre span { display:block; padding:5px; background-color:#888888; }
.blogs_wrap dl dd.ct_zoo span { display:block; padding:5px; background-color:#F7B635; }
.blogs_wrap dl dd.ct_gad span { display:block; padding:5px; background-color:#00A2D7; }
.blogs_wrap dl dd.ct_cyc span { display:block; padding:5px; background-color:#B25900; }
.blogs_wrap dl dd.ct_common span { display:block; padding:5px; background-color:#FA7398; }

@media screen and (max-width:768px) {
	.info_page .news_box .blogs_wrap{
		padding: 0 0 30px;
	}
	#page_top .content03 .left_area .title_01 span{
		font-size:26px;
		margin:  0;



























	}
	#page_top .content03 .left_area .title_01 span:before{
		left:12px;
		top: -12px;
		background-size:  35px;
		width:  35px;
	}
	.info_page .news_box .category{
		width:100%;
		display:table;
	}
	.info_page .news_box .category li{
		display:table-cell;
		width:auto;
		float:none;
		min-width:2.5em;
	}
	.info_page .news_box .category:after{
		display:none;
	}
	.info_page .news_box .category li span {
		font-size:12px;
		padding:10px 0;
	}
	.info_page .news_box .blogs_wrap dl dt {
		display:inline-block;
		width:9em;
		padding:10px 10px 10px;
	}
	.info_page .news_box .blogs_wrap dl dd {
		display:inline-block;
		font-size:12px;
	}
	.info_page .news_box .blogs_wrap dl dd:last-child {
		display:block;
		padding:0 10px;	
	}
}
.indent_area{
	padding:0 30px;
}
.indent_area2{
	width:410px;
	margin-left:auto;
	margin-right:auto;
}
.info_head {
	font-weight:bold;
	font-size:90%;
	margin-bottom:30px;
}
.info_head dt {
	display:table-cell;
	width:auto;
	padding-right:10px;
}
.info_head dd {
	display:table-cell;
}
.info_head dd span{ 
	display:block; padding:3px 5px;
	color:#fff;
}
.info_head.ct_pre dt { color:#888888; }
.info_head.ct_zoo dt { color:#F7B635; }
.info_head.ct_gad dt { color:#6EB92B; }
.info_head.ct_cyc dt { color:#00A2D7; }
.info_head.ct_pre span { background-color:#888888; }
.info_head.ct_zoo span { background-color:#F7B635; }
.info_head.ct_gad span { background-color:#6EB92B; }
.info_head.ct_cyc span { background-color:#00A2D7; }

.info_body p{
	margin-bottom:15px;
}
.info_body ul li{
	margin-bottom:5px;
	padding-left:25px;
	background:url(../img/common/ico_arrowbox.gif) no-repeat top left;
	background-position:0 4px;
	background-size:14px;
}
.info_body a{
	color:#0044CC;
	text-decoration:underline;
}
.info_body a:hover,
.info_body li a{
	text-decoration:none;
}
.info_body li a:hover{
	text-decoration:underline;
}
.info_body h1{
	color:#6DB82B;
	text-align:center;
	padding:15px;
	margin-bottom:25px;
	font-size:150%;
	font-weight:bold;	
	border-bottom:dashed #6EB92B 3px;
}
.info_body h2{
	background:#6DB82B;
	padding:12px 20px;
	margin-bottom:25px;
	font-size:140%;
	color:#FFFFCA;
}
.info_body h3{
	padding:12px 20px;
	margin-bottom:25px;
	font-size:130%;
	font-weight:bold;
	border-bottom:solid #6EB92B 2px;
}
.info_body h4{
	padding:10px 20px;
	margin-bottom:25px;
	font-size:120%;
	background:#eee;
	color:#6DB82B;		
}
.info_body h5{
	padding:5px 20px;
	margin-bottom:25px;
	font-size:110%;
	color:#333;
	line-height:1.4;
	border-left:solid 10px #6EB92B;
}
.info_body ol li{
	margin-left:-1em;
	padding-left:1em;
	margin-bottom:5px;
	text-indent: -1em;
	list-style-position:inside;
}
.info_body table{
	width:100%;
	box-sizing:border-box;
	margin-bottom:25px;
}
.info_body table th,
.info_body table td{
	box-sizing:border-box;
	padding:20px;
	border:solid 1px #ddd;
}
.info_body table tr:first-child th{
	background:#eee;
	box-sizing:border-box;
	padding:20px;
	border:solid 1px #ddd;
	font-weight:bold;
}
.info_body img{
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
}
.info_body .img_wrap{
	text-align:center;
}
.info_body .capton{
	text-align:center;
	font-size:90%;
	margin:5px 0 10px;
	color:#999;
}
@media only screen and (max-width: 760px) {
	.indent_area{
		padding:0 10px;
	}
	.indent_area2{
		width:auto;
		margin-left:10px;
		margin-right:10px;
	}	
	.info_body table{
		font-size:12px;
	}
	.info_body table th,
	.info_body table td{
		padding:10px;
	}
}

.calendar_page #calendar{
	margin:0 50px;
}
.calendar_page #calendar .box{
	width:370px;
	margin:0 auto 20px;
	font-weight:bold;
	display:table;
}
.calendar_page #calendar .box .left,
.calendar_page #calendar .box .center,
.calendar_page #calendar .box .right{
	display:table-cell;
	vertical-align:bottom;
	width:120px;
}
.calendar_page #calendar .box .center{
	width:130px;
	text-align:center;
	font-size:200%;

	line-height: 1;

	margin:0;

}
.calendar_page #calendar .box .center span{
	font-size: 280%;
}
.calendar_page #calendar .box .left div{
	text-align:right;
	font-size:140%;
	margin-bottom:10px;
	margin-right:5px;
}
.calendar_page #calendar .box a{
	display:block;
	text-align:center;
	background:#999999;
	color:#fff;
	padding:5px 0;
	border-radius:20px;
	position:relative;
}
.calendar_page #calendar .box .left a:before{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	display:inline-block;
	left: 15px;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-right: 6px solid #fff;	
}
.calendar_page #calendar .box .right a:after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	display:inline-block;
	right: 15px;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 6px solid #fff;	
}
.calendar_page #calendar .event_calendar{
	font-size:200%;
	color:#BEB3B3;
	width:100%;
	font-weight:bold;
	margin-bottom:40px;
}
.calendar_page #calendar .event_calendar th,
.calendar_page #calendar .event_calendar td{
	text-align:center;
	vertical-align:middle;
	padding: 10px 20px;
}
.calendar_page #calendar .event_calendar th:nth-child(6){
	color:#36c;
}
.calendar_page #calendar .event_calendar th:nth-child(7){
	color:#d30;
}
.calendar_page #calendar .event_calendar td{
	height:120px;
	line-height:100px;
}
.calendar_page #calendar .event_calendar .holiday{color: #444;}
.calendar_page #calendar .event_calendar a{
	background:url(../img/calendar/ico_check.gif) no-repeat top center;
	background-size:100px;
	text-decoration: underline;
	color:#fff;
	display:block;
}
.calendar_page #calendar .event_calendar .holiday a{
	color: #444;
}
.calendar_page #calendar .event_calendar a:hover{
	text-decoration:none;
	opacity:0.7;
}
.event_list{
	margin-bottom:40px;
	display: -webkit-flex;
    display: flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}
.event_list div.col_child{
	width: 240px;
	float:none;
	padding:0;
	margin-right:10px;
}
/*
.event_list div.col_child:nth-child(4n){
	padding:0;
	margin:0;
}*/
.event_list a{
	text-decoration:underline;
}
.event_list a:hover{
	text-decoration:none;
}
.event_list a:hover img{
	opacity:0.7;
}
.event_list p{
	margin:0 0 10px;
}
.event_list div{
	margin:0 0 5px;
	color:#66c;
}
@media only screen and (max-width: 760px) {
	.calendar_page #calendar{
		margin:0 10px;
	}
	.calendar_page #calendar .box{
		width:100%;
		margin:0 auto 20px;
	}
	.calendar_page #calendar .box .left,
	.calendar_page #calendar .box .center,
	.calendar_page #calendar .box .right{
		width:35%;
	}
	.calendar_page #calendar .box a{
		font-size:90%;
	}
	.calendar_page #calendar .box .left div{
		font-size:125%;
	}	
	.calendar_page #calendar .box .center{
		width:30%;
		font-size:125%;
	}
.calendar_page #calendar .event_calendar{
		font-size:100%;
	}
	.calendar_page #calendar .event_calendar th,
	.calendar_page #calendar .event_calendar td{
		padding: 10px 5px;
	}
	.calendar_page #calendar .event_calendar td{
		height:40px;
		line-height:40px;
	}
	.calendar_page #calendar .event_calendar a{
		background-size:40px;
	}	
	.event_list {
		margin:0 10px;
	}
	.event_list div.col_child{
		width:50%;
		float: none;
		padding:0 5px;
		margin:0 0 20px;
	}
	.event_list div.col_child:nth-child(2n),
	.event_list div.col_child:nth-child(4n){
		padding:0 5px;
		margin:0 0 20px;
	}
	.event_list p{
		margin:0 0 10px;
	}	
}

.event_data li{
	border-bottom:dotted 1px #ccc;
}
.event_data li a{
	display:block;
	transition: .2s;	
}
.event_data li a:hover{
	background:#FFEFBF;
}
.event_data li .fix{
	padding:20px 15px;
}
.event_data li .fix .left_area{
	float:left;
	width:120px;
	margin-right:30px;
}
.event_data li .fix .right_area{
	float:left;
	width:920px;

}
.event_data li .fix .right_area p{
	color:#858585;
	margin:15px 0 5px;
}
@media only screen and (max-width: 760px) {
	.event_data li .fix{
		position:relative;
		padding:15px 10px;
	}
	.event_data li .fix .left_area{
		float:none;
		position:absolute;
		top:15px;
		left:10px;
		margin:0;
	}
	.event_data li .fix .right_area{
		float:none;
		width:100%;
		box-sizing:border-box;
		padding-left:130px;
		min-height:90px;
	}
	.event_data li .fix .right_area p{
		color:#858585;
		margin:0px 0 5px;
	}
}
.event_detail .img_wrap{
	text-align:center;
}
.detail_data{
	margin:40px 130px;
}
.detail_data .table_style{
	margin-bottom:20px;
}
.detail_data p{
	margin-bottom:5px;
}
.sub_image{
	margin: 0 40px 40px;
}
.sub_image .left_area{
	float:left;
	width:500px;
}
.sub_image .right_area{
	float:right;
	width:500px;
}
.sub_image .caption{
	margin-top:10px;
	text-align:center;
}

@media only screen and (max-width: 760px) {
	.detail_data{
		margin:30px 10px;
	}
	.sub_image{
		margin: 0 0 40px;
	}
	.sub_image .left_area,
	.sub_image .right_area{
		float:none;
		width:100%;
		text-align:center;
		margin-bottom:10px;
	}
	.sub_image .caption{
		margin-top:5px;
		text-align:left;
	}

}

.friend_index .friend_head img{
	width:100%;
	height:auto;
}
.friend_index .friend_head {
	background:#401000;
}
.friend_index .friend_head h1{
	color:#fff;
	margin:8px 10px 10px 8px;
	border:solid 1px #8C6900;
	padding:50px 0;
	position:relative;
	text-align:center;
	font-size:210%;
	background:none;
}
.friend_index .friend_head h1:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	top:2px;
	left:2px;
	border:solid 1px #8C6900;
	z-index: 1;
}
.friend_index#page_top #content,
.friend_detail#page_top #content{
	background:#EFEFDC;
	margin:0;
	padding-bottom:40px;
}
.friend_index .site_wrapper h2{
	padding:60px 0 40px;
	text-align:center;
}
.friend_index .site_wrapper h2 span{
	display:inline-block;
	width:316px;
	border-bottom:solid 1px #000;
	line-height:1;
	padding-bottom:20px;
	font-size:200%;
}
.friend_box{
	position:relative;
	margin-top: 48px;
}
.friend_box .tabs{
	position:absolute;
	width:100%;
	z-index:1;
	top: -48px;
}
.friend_box .tabs li{
	width:186px;
	float:left;
	font-size:130%;
	padding:15px 0 5px;
	text-align:center;
	cursor:pointer;
	background:url(../img/zoo/bg_tab.jpg) no-repeat top left;
}
.friend_box .tabs li.select,
.friend_box .tabs li:hover{
	background:url(../img/zoo/bg_tab_select.jpg) no-repeat top left;
}

.friend_body{
	background:#fff;
	padding:50px 50px;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}
.friend_body .category_box h3{
	font-size:126%;
	padding:10px 20px;
	border-bottom:solid 2px #bbbbaa;
	margin-bottom:15px;
	color:#553322;
	font-weight:bold;
	background:#faf6e9;
}
.friend_body .category_box ul+h3{
	margin-top:20px;
}
.friend_body .category_box ul{
	margin:0 10px 10px;
}

.friend_body .category_box li{
	margin-bottom:10px;
	width:25%;
	float:left;
	box-sizing:border-box;
	padding-right:1%;
}
.friend_body .category_box a{
	position: relative;
	display: inline-block;
	padding: 0 0 0 20px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
}
.friend_body .category_box a:hover{
	text-decoration:underline;
}
.friend_body .category_box a::before,
.friend_body .category_box a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.friend_body .category_box a::before{
	width: 15px;
	height: 15px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #393938;
}
.friend_body .category_box a::after{
	left: 4px;
	width: 4px;
	height: 4px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.category_box.hide{
	display:none;
}
/*
.friend_detail .fat-nav li dl dd {
	position:fixed;
	width:1086px;
	top:auto;
	left:50%;
	margin-left:-550px;
	padding: 10px 0;

}
.friend_detail .fat-nav li dl dd p {
	float:left;
	width: 170px;
	box-sizing:  border-box;
	margin-right: 13px;
	padding: 0 10px;
}
.friend_detail .fat-nav li dl dd p:nth-child(6n) {
	margin-right: 0;
}*/
.friend_detail .btn_type01{
	margin-top:40px;
}
.friend_detail .btn_type01 a{
	width:auto;
	padding:12px 50px;
	font-size:115%;
	/* color:#fff; */
}
@media only screen and (max-width: 760px) {
	.friend_index .friend_head h1{
		padding:25px 0;
		font-size:150%;
	}
	.friend_index .site_wrapper h2{
		padding:40px 0 30px;
	}
	.friend_index .site_wrapper h2 span{
		width:100%;
		font-size:160%;
	}
	.friend_box .tabs{
		top:-41px;
	}
	.friend_box .tabs li{
		width:33.3%;
		padding:15px 0 5px;
		background-size:100% 100%;
		font-size:100%;
	}
	.friend_box .tabs li.select, .friend_box .tabs li:hover{
		background-size:100% 100%;
	}	
	.friend_body{
		padding:20px 10px;
	}
	.friend_body .category_box li{
		width:100%;
		float:none;
		border-bottom: dotted 1px #ccc;
		padding-bottom:5px;
	}

}
.friend_detail .friend_data{
	position:relative;
}
.friend_detail .left_area{
	width:55%;
	position:absolute;
	top:0;
	left:0;
	background:#eee;
}
.friend_detail .left_area .pht_wrap{
	padding-bottom:66.66%;
}
.friend_detail #slider1{
	margin:0;
	padding:0;
}

.friend_detail .left_area .pht_wrap img{
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

.friend_detail .right_area{
	padding-left:55%;
	background:#fff;
}
.friend_detail .right_area .detas{
	padding: 80px 80px 30px 60px;
	background: #fff;
}
.friend_detail .right_area .detas h1{
	text-align:center;
	padding:0 0 10px;
	margin-bottom:30px;
	font-size:180%;
	border-bottom:solid 1px #333;
}
.friend_detail .right_area .detas table{
	width:100%;	
}
.friend_detail .right_area .detas table th,
.friend_detail .right_area .detas table td{
	padding:10px 0;
	vertical-align:text-bottom;
	text-align:left;
	font-size:113%;
}
.friend_detail .right_area .detas table th{
	width:3em;
}
.friend_detail .bx-wrapper .bx-controls-direction a{
	top:auto;
	bottom:10px;
}
.friend_detail .bx-wrapper .bx-prev {
    left: 15px;
}
.friend_detail .bx-wrapper .bx-next {
    right: 15px;
}
.friend_detail .bx-wrapper .bx-prev:hover {
    left: 5px;
}
.friend_detail .bx-wrapper .bx-next:hover {
    right: 5px;
}
.friend_detail .relation h2{
	padding:60px 0 40px;
	text-align:center;
}
.friend_detail .relation h2 span{
	display:inline-block;
	width:316px;
	border-bottom:solid 1px #000;
	line-height:1;
	padding-bottom:20px;
	font-size:200%;
}
.friend_detail .relation ul{
	text-align:center;
	max-width:750px;
	margin:auto;
}
.friend_detail .relation ul li{
	display:inline-block;
	width:230px;
	text-align:left;
	margin-right:18px;
	vertical-align:  top;
}
.friend_detail .relation ul li:nth-child(3n){
	margin-right:0;
}
.friend_detail .relation ul li p{
	margin-bottom:10px;
}
.friend_detail a.hamburger{
	background:#401000;
}
.friend_detail .hamburger span{
	letter-spacing:normal;
}
@media only screen and (max-width: 760px) {
	.friend_detail .relation h2{
		padding:20px 0 30px;
	}
	.friend_detail .relation h2 span{
		width:100%;
		font-size:160%;
	}
	.friend_detail .left_area{
		width:100%;
		position: static;
		top:auto;
		left:auto;
		z-index:  0;
	}
	.friend_detail .right_area{
		padding-left:0;
		background:#fff;
	}
	.friend_detail .right_area .detas{
		padding:30px 10px 30px;
	}
	.friend_detail .right_area .detas h1{
		font-size:140%;
		text-align:leftl
	}
	.friend_detail .right_area .detas table th,
	.friend_detail .right_area .detas table td{
		font-size:100%;
	}
	.friend_detail .relation ul{
		margin: 0 10px;
	}
	.friend_detail .relation ul li{
		display:block;
		width:49%;
		float:left;
		margin:0 2% 10px 0;
	}
	.friend_detail .relation ul li:nth-child(even){
		margin-right:0;
	}
	.friend_detail .fat-nav.active{
		overflow:auto;
	}
	.friend_detail .fat-nav__wrapper{
		margin:  0;
	}
	.friend_detail .fat-nav__wrapper li{

		width:49%;
		margin-right:2%;
		float:left;
	}
	.friend_detail .fat-nav__wrapper li:nth-child(even){
		margin-right:0;
	}
}

.sns_send{
	text-align:right
}
.sns_send li{
	display:inline-block;
	margin-right:5px;
	vertical-align:top;
}
.sns_send li .fb_iframe_widget span{
	vertical-align:top!important;
}
.blog_page .blog_box > ul{
	border-top:dotted 1px #ccc;
}
.blog_page .blog_box > ul > li{
	border-bottom:dotted 1px #ccc;
}
.blog_page .blog_box li a{
	display:block;
	transition: .2s;
}
.blog_page .blog_box li a:hover{
	background:#FFEFBF;
}
.blog_box li .table_wrap{
	padding:25px 10px;
	display:table;
}
.blog_box li .table_wrap > div{
	display:table-cell;
	vertical-align:middle;
}
.blog_box li .table_wrap .left_area{
	width:145px;
}
.blog_box li .table_wrap .center_area{
	width:120px;
}
.blog_box li .table_wrap .right_area{
	width:785px;
	padding-left:20px;
}
.blog_box li .table_wrap .right_area li{
	display:inline-block;
	margin-right:2px;
	padding:2px 5px;
	font-size:87%;
	color:#666666;
	background:#DDFAC5;
}
.blog_box li .table_wrap .right_area li.cate_name{
	background:#FFE599;
}
.blog_box li .table_wrap .right_area h2{
	margin:5px 0;
}
.blog_box li .table_wrap .right_area p{
	color:#858585;
}
@media only screen and (max-width: 760px) {
	.blog_box li .table_wrap{
		padding:20px 10px;
		display:block;
		position:relative;
	}
	.blog_box li .table_wrap > div{
		display:block;
	}
	.blog_box li .table_wrap .left_area{
		width:auto;
		margin-bottom:10px;
	}
	.blog_box li .table_wrap .center_area{
		position:absolute;
		top:52px;
		left:10px;
	}
	.blog_box li .table_wrap .right_area{
		width:100%;
		box-sizing:border-box;
		padding-left:130px;
		min-height:90px;
	}
	.blog_box li .table_wrap .right_area li{
		margin-bottom:2px;
	}
}
.blog_column{
	padding-bottom:120px;
}
.blog_column .left_area{
	float:left;
	width:240px;	
}
.blog_column .left_area h2{
	text-align:center;
	font-size:118%;
	font-weight:bold;
	padding:5px 0;
	background:#6EB92B;
	color:#fff;
	margin-bottom:10px;	
}
.blog_column .left_area ul{
	margin:10px 10px 20px;
}
.blog_column .left_area ul li{
	border-bottom:dashed 1px #999999;
}
.blog_column .left_area ul li a{
	display:block;
	padding:10px 0;
}
.blog_column .left_area ul li a:hover{
	text-decoration:underline;
}
.blog_column .left_area ul.new_article li p{
	font-size:75%;
}
.blog_column .left_area ul.new_article li p.blog_title{
	font-size:100%;
}
.blog_column .left_area .search_box{
	margin: 0 20px 40px;
	border-radius: 3px;
	border:  solid 1px #ccc;
	box-sizing:  border-box;
}
.blog_column .left_area .search_box input[type=text]{
	font-size:100%;
	border: none;
	width: 148px;
	padding:  0 5px;
	height: 28px;
}
.blog_column .left_area .search_box input[type=image]{cursor:  pointer;}
.blog_column .right_area{
	float:right;
	width:830px;
}
.blog_column .right_area .info_body{
	margin-bottom:40px;
}
.blog_column .article_data {
	margin-bottom:40px;
}

.blog_column .article_data *{
	display:inline-block;
	font-size:87%;
	vertical-align:middle;
}
.blog_column .article_data p{
	font-weight:bold;
	margin-right:10px;
	color:#858585;
}
.blog_column .article_data li{
	font-size:100%;
	margin-right:5px;
	padding:2px 5px;
	color:#666666;
	background:#DDFAC5;
}
.blog_column .article_data li.cate_name{
	background:#FFE599;	
}
.column-image-center {
	text-align:center;
	margin-bottom:10px;
}
.column-image-center.nocaption {
	margin-bottom:20px;
}

.clearfix::after, .clearHidden {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0px;
}
.blog_column .left_area .category_list a{
	position:relative;
	padding-right:55px;
	min-height:25px;
	transition: .2s;
}
.blog_column .left_area .category_list a .count{
	width:45px;
	font-size:87%;
	background:#AAAAAA;
	color:#fff;
	text-align:center;
	padding: 3px 0;
	position:absolute;
	top:10px;
	right:0;
	
}

.blog_column .left_area .category_list a:hover .count{
	background:#eee;
	color:#aaa;
}
.blog_column .left_area h2.tag{
	background:#888888;
}
.blog_column .left_area .tag-cloud li {
    list-style-type: none;
    display: inline;
	border:none;
}
.blog_column .left_area .tag-cloud  li a{
	display:inline;
	padding:0;
	line-height:1.8;
}
.tag-cloud a:link, .tag-cloud a:hover, .tag-cloud a:focus, .tag-cloud a:visited {
    color: #2262AC;
}
.tag-cloud-item25 {
	font-size: 11px;
}

.tag-cloud-item24 {
	font-size: 11px;
}

.tag-cloud-item23 {
	font-size: 12px;
}

.tag-cloud-item22 {
	font-size: 12px;
}

.tag-cloud-item21 {
	font-size: 12px;
}

.tag-cloud-item20 {
	font-size: 13px;
}

.tag-cloud-item19{
	font-size: 13px;
}

.tag-cloud-item18 {
	font-size: 13px;
}

.tag-cloud-item17 {
	font-size: 13px;
}

.tag-cloud-item16 {
	font-size: 13px;
	font-weight: bold;	
}

.tag-cloud-item15 {
	font-size: 11px;
	font-weight: bold;
}

.tag-cloud-item14 {
	font-size: 13px;
	font-weight: bold;	
}

.tag-cloud-item13 {
	font-size: 13px;
	font-weight: bold;	
}

.tag-cloud-item12 {
	font-size: 15px;	
}

.tag-cloud-item11 {
	font-size: 15px;
}

.tag-cloud-item10 {
	font-size: 15px;
}

.tag-cloud-item9 {
	font-size: 15px;	
	font-weight: bold;
}

.tag-cloud-item8 {
	font-size: 15px;
	font-weight: bold;
}

.tag-cloud-item7 {
	font-size: 17px;
}

.tag-cloud-item6 {
	font-size: 17px;
}

.tag-cloud-item5 {
	font-size: 17px;
	font-weight: bold;
}

.tag-cloud-item4 {
	font-size: 17px;
	font-weight: bold;
}

.tag-cloud-item3 {
	font-size: 19px;
}

.tag-cloud-item2 {
	font-size: 19px;
	font-weight: bold;
}

.tag-cloud-item1 {
	font-size: 21px;
	font-weight: bold;
}

@media only screen and (max-width: 760px) {
	.blog_column{
		padding-bottom:80px;
	}
	.blog_column .left_area{
		float:none;
		width:100%;	
	}
	.blog_column .right_area{
		float:none;
		width:100%;
		margin-bottom:40px;
	}	
	.blog_column .right_area .info_body{
		margin:0 10px 30px;
	}
	.blog_column .article_data {
		margin:0 10px 20px;
	}
	.blog_column .left_area h2{
		padding:10px 0;
	}
	.blog_column .left_area .search_box{
		position:relative;
	}
	.blog_column .left_area .search_box input[type=text]{
		width:100%;
		box-sizing:border-box;
		padding-right:40px;
		height:30px;
	}
	.blog_column .left_area .search_box input[type=image]{
		position:absolute;
		top:0 ;
		right:0;
	}
}
.related_article{
background: -moz-linear-gradient(top, rgba(245,241,233,1) 0%, rgba(245,241,233,1) 55%, rgba(245,241,233,0) 100%);
background: -webkit-linear-gradient(top, rgba(245,241,233,1) 0%,rgba(245,241,233,1) 55%,rgba(245,241,233,0) 100%);
background: linear-gradient(to bottom, rgba(245,241,233,1) 0%,rgba(245,241,233,1) 55%,rgba(245,241,233,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f1e9', endColorstr='#00f5f1e9',GradientType=0 );
	padding-bottom:40px;
}
.related_article .site_wrapper{
    position: relative;
    overflow: visible;
}
.related_article .site_wrapper:before{
    position: absolute;
    content: "";
    display: inline-block;
    width: 270px;
    height: 270px;
    margin: 0;
    border-radius: 135px;
    top: -80px;
    margin-left: -135px;
    left: 50%;
    z-index: 2;
    background: #F5F1E9;
}
.related_article .site_wrapper .related_content{
	z-index:3;
	position:relative;

}
.related_article h2{
	text-align:center;
	font-weight:bold;
	font-size:187%;
	margin-bottom:30px;
}
.related_article .sub_lead{
	text-align:center;
	margin-bottom:30px;
}
.article_list{
	margin-bottom:40px;
}
.article_list div.col_child{
	width:260px;
	padding:0;
	margin-right:20px;
	margin-bottom:30px;
}
.article_list div.col_child:nth-child(4n){
	padding:0;
	margin:0;
}
.article_list div.col_child .date{
	margin-top:10px;
	font-size:87%;
}
.article_list div.col_child .txt{
	text-decoration: underline;
}
.article_list div.col_child a:hover .txt{

	text-decoration: none;
}
.article_list div.col_child a img{
	transition:.2s;	
}
.article_list div.col_child a:hover img{
	opacity:0.7;
}
@media only screen and (max-width: 760px) {
	.related_article .site_wrapper:before{
		width: 200px;
		height: 200px;
		border-radius: 100px;
		top: -60px;
		margin-left: -100px;
	}
	.related_article h2{
		font-size:150%;
		margin-bottom:20px;
	}
	.related_article .sub_lead{
		text-align:left;
		margin-bottom:30px;
	}
	.article_list{
		margin:0 10px;
	}
	.article_list div.col_child{
		width:49%;
		margin-right:2%;
		margin-bottom:20px;
	}
	.article_list div.col_child:nth-child(2n),
	.article_list div.col_child:nth-child(4n){
		padding:0;
		margin-right:0;
	}
}

#content .h_box{
	margin:25px 20px 50px 20px;
}

#content .c_box{
	margin:25px 40px 50px 40px;
}

.privacy #content h2.privacy_mark1{
	font-weight:bold;
	background:url(../img/privacy/ico_01.gif) no-repeat 20px,url(../img/privacy/ico_02.gif) repeat-x left bottom;
	line-height:40px;
	padding:0 0 0 50px;
}

.privacy #content ul{
	margin:0 20px;
}

.privacy #content li{
	list-style:outside;
}

@media screen and (max-width:760px) {
	#content .h_box{
		margin:25px 10px 50px 10px;
	}

	.privacy #content h2.privacy_mark1{
		line-height: 1.6;
		padding-bottom:  10px;
		background-position: 10px 5px, 0 bottom;
		padding: 0 10px 10px 35px;
}
}

.menseki #content p{
	margin:30px 0 30px 0;
}

.menseki #content dl dd p{
	margin-top:0;
}

.sns  #content .col_child li{
	display:inline;
}

.sns  #content .col_child p{
	margin:20px 0;	
}

@media screen and (max-width:760px) {
	.sns #content h2.display_sp img{
		width:80%;
	}

	.sns #content .col_child li{
		display:block;
		margin-bottom:20px;
	}
	
	.sns #content .col_child li:last-child{
		margin-bottom:0;
	}

	.sns #content .btn_type01 a{
		width:100%;
		box-sizing:border-box;
	}
}

.company #content h2.fontsize span{
	font-size:165%;
}

.company #content h2 + .h_box p span{
	color:#FF0000;
}

.company #content ul dl dt,.company #content ul dl dd{
	display:inline-block;
}

.company #content ul dl dt.block,.company #content ul dl dd.block{
	display:block;
}

.company #content ul dl dt{
	margin-right:10px;
}

.company #content .h_box p + ul{
	margin-top:20px;
	
}

.company #content .mark1:before{
	content:"※";
}

.company #content .mark1{
	display:block;
	margin:10px 0;
}

.company #content .mark2{
	list-style-type:decimal;
	margin-left:20px;
}

.company #content .mark3:before{
	content:"(1)";
}

.company #content .mark4:before{
	content:"(2)";
}

.company #content .mark5{
	list-style-type:square;
	margin-left:20px;
}

.company #content .mark5 span{
	color:#0044CC;
}

.company #content .mark6{
	background:url(../img/company/ico_01.gif) left 4px no-repeat;
	padding-left:20px;
}

.company #content .mark6 a:link,
.company #content .mark6 a:visited,
.company #content .mark6 a:active{
	color:#0044CC;
	text-decoration:none;
}

.company #content .mark6 a:hover{
	color:#0044CC;
	text-decoration:underline;
}

.company #content .mark7:before{
	content:"①";
}

.company #content .mark8:before{
	content:"②";
}

.company #content aside{
	width:840px;
	height:238px;
	background:url(../img/company/bg_02.gif) bottom left no-repeat;
	margin:70px auto 0 auto;
}

.company #content aside dl{
	color:#3F1000;
	text-align:center;
	margin-top:30px;
}

.company #content aside dl dt{
	font-size:120%;
}

.company #content aside h2{
	width:390px;
	color:#FFF;
	font-size:120%;
	height:41px;
	background:url(../img/company/bg_01.gif) top left no-repeat;
	text-align:center;
	margin:0px auto;
	padding-top:5px;
	box-sizing:border-box;
}

.company #content .c_box{
}

.company #content .c_box div{
	overflow:hidden;
	background-color:#F0F0E1;
	box-sizing:border-box;
	padding:10px;
}

.company #content .c_box dl{
	float:left;
	width:495px;
	background-color:#FFF;
	box-sizing:border-box;
	margin-bottom:10px;
	padding:10px 60px;
}



.company #content .c_box dl:nth-child(15){
	margin-bottom:0;
}

.company #content .c_box dl:nth-child(odd){
	margin-right:10px;
}

.company #content .c_box dl dd{
	text-align:center;
}

.company #content .c_box dl dd span{
	color:#0044CC;
	font-size:84%;
}

@media screen and (max-width:760px) {
	.company #content h2.fontsize span{
    	font-size: 160%;
    	padding-left: 10%;
	}

	#content .c_box{
		margin:25px 20px 50px 20px;
	}
	
	.company #content .c_box dl{
		width:100%;
		float:none;
		padding:10px 30px;
	}
	
	.company #content .c_box dl img{
		width:100%;
	}
	
	.company #content .c_box dl:nth-child(13){
		margin-bottom:10px;
	}
	
	.company #content aside{
		width:100%;
		background:url(../img/company/bg_02.gif) bottom center no-repeat;
	}
	
	.company #content aside h2{
		width:100%;
		font-size:140%;
		background:url(../img/company/bg_01.gif) top center no-repeat;
	}
	
	.company #content aside dl dt{
		font-size:110%;
	}
	
	.company #content aside dl dd{
		font-size:70%;
	}
}

.evolution #common_visual{
	background:url(../img/common/bg_common_head2.jpg) no-repeat top center;
	background-size:cover;
}

.evolution #common_visual h1{
	text-shadow:none;
}

.evolution #content .mark1:before{
	content:"※";
}

.evolution #content .mark1{
	display:block;
	margin:10px 0;
}

.evolution #content .mark2{
	list-style-type:decimal;
	margin-left:20px;
}

.evolution #content .mark5{
	list-style-type:square;
	margin-left:20px;
}

.evolution #content .mark6{
	background:url(../img/company/ico_01.gif) left 4px no-repeat;
	padding-left:20px;
}

.evolution #content .mark6 a:link,
.evolution #content .mark6 a:visited,
.evolution #content .mark6 a:active{
	color:#0044CC;
	text-decoration:none;
}

.evolution #content .mark6 a:hover{
	color:#0044CC;
	text-decoration:underline;
}

.evolution #content .mark9:before{
	content:"■";
}

.evolution #content aside{
	width:740px;
	background:#EEE;
	margin:70px auto 0 auto;
	padding:30px;
}

.evolution #content aside p{
	margin-bottom:30px;
}

.evolution #content p + p,.evolution #content p + ul{
	margin-top:30px;
}

.evolution #content aside ul li{
	display:inline;
}

.evolution #content aside #content ul li:first-child{
	margin-right:10px;
}

.evolution #content ul + p{
	margin-top:20px;
}

.evolution #content table{
	width:100%;
	box-sizing:border-box;
	margin-top:20px;
	margin-bottom:25px;
}
.evolution #content table caption{
	font-weight:bold;
}
.evolution #content table th,
.evolution #content table td{
	box-sizing:border-box;
	padding:20px;
	border:solid 1px #ddd;
}
.evolution #content table tr th{
	background:#eee;
	box-sizing:border-box;
	padding:20px;
	border:solid 1px #ddd;
	font-weight:bold;
}

.evolution .kako_forum dl{
	margin-top: 40px;
}

.evolution .kako_forum dl dt{
	font-weight:bold;
}

.evolution .kako_forum dl dd:first-of-type{
	text-indent:1em;
}

.evolution .kako_forum dl dd{
	margin-bottom:2em;
}

.evolution .kako_forum dl dd span{
	padding-left: 5em;
}

@media screen and (max-width:760px) {
    
    .evolution .kako_forum dl dd ul li{
	margin-bottom:1em;
}

.evolution .kako_forum dl dd span{
	padding-left:0;
}
    
	.evolution #content aside{
		width:100%;
		box-sizing:border-box;
		padding:20px 20px;
}

	.evolution #content aside p{
		margin-bottom:10px;
}

	.evolution #content aside ul li{
		display:block;
}

	.evolution #content aside ul li:first-child{
		margin-right:0px;
}

	.evolution #content aside ul li img{
		width:70%;
}
}

.education #content .h_b_box{
		border:1px dashed #CCC;
		padding:20px;
		box-sizing:border-box;
}

.education #content dl{
	overflow:hidden;
}

.education #content dl dt{
	width: 110px;
	float:left;
	color:#FFF;
	background:url(../img/education/bg_01.gif) left no-repeat;
	text-align:center;
	margin-bottom:10px;
}

.education #content dl dd{
	width: 860px;
	float:left;
	margin-left:20px;
}


.education #content dl:last-child dt{
	background:url(../img/education/bg_02.gif) left no-repeat;
}

.education #content .mark6{
	background:url(../img/company/ico_01.gif) left 4px no-repeat;
	padding-left:20px;
	margin-bottom:20px;
}

.education #content .mark6 a:link,
.education #content .mark6 a:visited,
.education #content .mark6 a:active{
	color:#0044CC;
	text-decoration:none;
}

.company #content .mark6 a:hover{
	color:#0044CC;
	text-decoration:underline;
}

.education #content aside{
	width:740px;
	background:#EEE;
	margin:70px auto 0 auto;
	padding:30px;
}

.education #content aside p{
	margin-bottom:30px;
}

.education #content aside ul li{
	display:inline;
}

.education #content aside #content ul li:first-child{
	margin-right:10px;
}

@media screen and (max-width:760px) {
	.education #content .h_b_box,
	.education #content .h_box{
			padding:20px 10px;
			margin:  0;
	}
	.education #content dl dt{
		width:100%;
		float:none;
		text-align:left;
		padding-left:40px;
	}
	
	.education #content dl dd{
		width:100%;
		float:none;
		margin-left:0;
		margin-bottom:20px;
	}
	.education #content aside{
		width:100%;
		box-sizing:border-box;
		padding:20px 20px;
}

	.education #content aside p{
		margin-bottom:10px;
}

	.education #content aside ul li{
		display:block;
}

	.education #content aside ul li:first-child{
		margin-right:0px;
}

	.education #content aside ul li img{
		width:70%;
}

}

.annai #common_visual{
	background:url(../img/common/bg_common_head3.jpg) no-repeat top center;
	background-size:cover;
}

.annai #common_visual h1{
	text-shadow:none;
}

.annai #content .mark5{
	list-style-type:square;
	margin-left:20px;
}

.annai #content .mark2{
	list-style-type:decimal;
	margin-left:20px;
}

.annai #content aside{
	width:740px;
	background:#EEE;
	margin:70px auto 0 auto;
	padding:30px;
}

.annai #content aside p{
	margin-bottom:30px;
}

.annai #content aside ul li{
	display:inline;
}

.annai #content aside #content ul li:first-child{
	margin-right:10px;
}

.annai #content p + p,.annai #content ul + p{
	margin-top:30px;
}

.annai #content p span.red{
	color:#FF0000;
}

.annai #content ul dl dt,.annai #content ul dl dd{
	display:inline;
}

@media screen and (max-width:760px) {
	.annai #content aside{
		width:100%;
		box-sizing:border-box;
		padding:20px 20px;
}

	.annai #content aside p{
		margin-bottom:10px;
}

	.annai #content aside ul li{
		display:block;
}

	.annai #content aside ul li:first-child{
		margin-right:0px;
}

	.annai #content aside ul li img{
		width:70%;
}

}

.fan #content .bokin_text{
	font-size:150%;
	margin-bottom:30px;
}

.fan #content .bokin_text span{
	color:#FF7F00;
}

.fan #content .p_box{
	overflow:hidden;
	margin-bottom:40px;
}

.fan #content .p_box dl{
	float:left;
	margin-right:10px;
}

.fan #content .p_box dl:last-child{
	margin-right:0;
}

.fan #content .p_box dl dt{
	text-align:center;
}

.fan #content .p_box dl dd{
	text-align:center;
	font-size:80%;
}

.fan #content aside{
	width:840px;
	height:238px;
	background:url(../img/company/bg_02.gif) bottom left no-repeat;
	margin:70px auto 0 auto;
}

.fan #content aside dl{
	color:#3F1000;
	text-align:center;
	margin-top:30px;
}

.fan #content aside dl dt{
	font-size:120%;
}

.fan #content aside h2{
	width:390px;
	color:#FFF;
	font-size:120%;
	height:41px;
	background:url(../img/company/bg_01.gif) top left no-repeat;
	text-align:center;
	margin:0px auto;
	padding-top:5px;
	box-sizing:border-box;
}
/*
.fan #content h4{
	margin:40px 0 10px 0;
}*/

.fan #content .mark1:before{
	content:"※";
}

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

.fan #content .p_box dl{
	width:100%;
	float:none;
	margin-right:0;
}

.fan #content .p_box dl:last-child img{
	width:100%;
}

.fan #content aside{
	width:100%;
	background:url(../img/company/bg_02.gif) bottom center no-repeat;
}

.fan #content aside h2{
	width:100%;
	font-size:140%;
	background:url(../img/company/bg_01.gif) top center no-repeat;
}

.fan #content aside dl dt{
	font-size:110%;
}

.fan #content aside dl dd{
	font-size:70%;
}
}

.about #common_visual{
	background:url(../img/common/bg_common_head4.jpg) no-repeat top center;
	background-size:cover;
}
.about #common_visual:before,
.about #common_visual:after{
	display:none;

}

.about #common_visual h1{
	text-shadow:none;
	text-align:center;
}

.about #content .history_box{
	overflow:hidden;
}

.about #content .history_box h2{
	color:#3F4322;
	font-size:150%;
	background-color:#D8E7D3;
	text-align:center;
	box-sizing:border-box;
	padding-top:20px;
	padding-bottom:20px;
}

.about #content .history_box h3{
	color:#FFF;
	font-size:120%;
	background-color:#53572D;
	text-align:center;
	box-sizing:border-box;
	padding-top:10px;
	padding-bottom:10px;
}

.about #content .history_box p{
	margin-bottom:20px;
}

.about #content .history_left{
	float:left;
	width: 548px;
	margin-right: 4px;
}

.about #content .history_right{
	float:left;
	width: 548px;
}
.about #content .history_box .col_lr .right_area{
	width:auto;
	display:inline-block;
	float:right;
}
.about #content .history_box .col_lr .left_area ol{
	padding:0;
}


.about #content .mark2{
	color:#0044CC;
	list-style: decimal inside;
	margin-left: 0;
}

.history_page #content .box02 {
	background-color:#E2E2E2;
	padding:20px;
	margin-bottom: 20px;
}
.history_page  .box02 .text {
	float: left;
	width:410px;
	text-align:center;
	background-color:#FFF;
}
.history_page  .box02 .text img {
	display:inline-block;
	padding:53px 0;
}
.history_page  .box02 .img {
	float: right;
}

@media screen and (max-width:760px) {
	.history_page #content .box02 {
		padding:10px;
		margin: 0 10px 20px;
	}	
	.history_page  .box02 .text {
		float: none;
		width:auto;
		text-align:center;
		padding:0 20px;
		background-color:#FFF;
	}
	.history_page  .box02 .text img{
		padding:10px 0;
	}
}
/*
.about #content .mark2 a:link,
.about #content .mark2 a:visited,
.about #content .mark2 a:active{
	color:#0044CC;
	text-decoration:none;
}

.about #content .mark2 a:hover{
	color:#0044CC;
	text-decoration:underline;
}
*/
.about #content .mark5{
	list-style-type:square;
	margin-left:20px;
}

.about #content .mark9{
	color:#0044CC;
}
/*
.about #content .mark9 a:link,
.about #content .mark9 a:visited,
.about #content .mark9 a:active{
	color:#0044CC;
	text-decoration:none;
}

.about #content .mark9 a:hover{
	color:#0044CC;
	text-decoration:underline;
}
*/
.about #content .mark10{
	color:#0044CC;
}

.about #content li.mark10:after{
	content:url(../img/about/ico_01.gif);
	margin-left:30px;
}
.about #content a{
	color:#0044CC;
}
.about #content a:hover{
	text-decoration:underline;
}
/*
.about #content .mark10 a:link,
.about #content .mark10 a:visited,
.about #content .mark10 a:active{
	color:#0044CC;
	text-decoration:none;
}

.about #content .mark10 a:hover{
	color:#0044CC;
	text-decoration:underline;
}
*/
.about #content .mark11{
	list-style-type:decimal;
	margin-left:20px;
}

.about #content .figure_parent_box{
	width:980px;
	overflow:hidden;
	margin:0 auto;
}

.about #content figure{
	text-align:center;
/*	width:230px;
	float:left;
	margin-right:20px;*/
}

.about #content figure:last-child{
	margin-right:0;
}

.about #content figure figcaption{
	text-align:center;
}
.about #content .img_list{
	text-align:center;
}
.about #content .img_list figure{
	display:inline-block;
}
.about #content .img_list figure+figure{
	margin-left:10px;
}


.about #content .page_next ul{
	width:auto;
	text-align:center;
}
.about #content .page_next ul li{
	display:inline-block;
}
.about #content .page_next ul li:first-child{
	margin-right:2px;
}
.about #content .page_next ul a{
	background:#53572D;
	line-height:47px;
	padding:0 10px;
	font-size:90%;
	color:#FFF;
	display:block;
	text-align:center;
	box-sizing:border-box;
	position:relative;

	transition: all 0.5s;

}
.about #content .page_next ul li .back{
	margin-left:30px;
}
.about #content .page_next ul li .next{
	margin-right:20px;
}
.about #content .page_next ul li .back:before,
.about #content .page_next ul li .next:after{
	content: "";
	width: 0px;
	height: 0;
	border: 23px solid transparent;
	border-right: 20px solid #53572D;
	display: inline-block;
	position: absolute;
	left: -43px;
	top: 50%;
	margin-top: -24px;
	z-index:1;
}
.about #content .page_next ul li .next:after{
	border: 23px solid transparent;
	border-left: 20px solid #53572D;
	left: auto;
	right: -43px;
}
.about #content .page_next ul li a:hover{
	text-decoration:none;
	opacity:0.7;
}

.about #content .accordion dt{
	pointer-events: none;
}

@media screen and (max-width:760px) {
	.about #content .history_left{
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:50px;
	}
	
	.about #content .history_right{
		float:none;
		width:100%;
	}
	
	.about #content .history_box h3{
		font-size: 110%;
		text-align:  left;
		padding: 10px 35px 10px 10px;
		margin-bottom: 10px;
	}
	
	.about #content .figure_parent_box{
		width:100%;
	}
	
	.about #content figure{
		width:100%;
		float:none;
		margin-right:0;
	}
	
	.about #content figure figcaption{
		text-align:center;
		margin-bottom:20px;
	}
	.about #content .img_list figure{
		display:block;
	}
	.about #content .img_list figure+figure{
		margin:0;
	}
	.about #content .history_box .col_lr .right_area{
		width:100%;
		display:block;
		float:none;
		text-align:center;
	}
	.about #content .history_box .col_lr .left_area ol li{
		margin-bottom:5px;
		padding:0 5px 5px;
		border-bottom: dotted #ccc 1px;
	}
	.about #content .history_box a{
		font-size:105%;
		text-decoration:underline;
	}
	.about #content .history_box a:hover{
		text-decoration:none;
	}
	
	.about #content .flt_right{
		float:none;
		margin-bottom:20px;
	}
	
	.about #content .page_next ul{
	}
	
	.about #content .page_next ul li{
		float:none;
	}
	
	.about #content .page_next ul li:first-child{
		margin-bottom:2px;
		margin-right:0;
	}
	
	.about #content .accordion dt{
		pointer-events:auto;
	}
	
	.about #content .accordion dt{
		cursor:pointer;
	}
	
	.about .more_button dt{
		color:#fff;
		position:relative;
	}
	
	.about .more_button dt:after{
		content: "\FF0B";
		display:inline-block;
		position:absolute;
		font-size:20px;
		line-height:1;
		right: 10px;
		top: 50%;
		margin-top: -10px;
	}
	
	.about .more_button.accordion{
		position:relative;
	}
	
	.about .more_button dt.opened:after{
		display:inline-block;
		position:absolute;
		font-size:20px;
		line-height:1;
		right: 15px;
		top: 50%;
		margin-top: -10px;
	}
	
	.about .more_button dt.opened:after{
		content: "\FF0D";	
	}

}
.lang #common_visual h1 {
    text-shadow:0px 0px 12px #FC749C,0px 0px 5px #FC749C,0px 0px 12px #FC749C,0px 0px 5px #FC749C;
    font-size: 40px;
}
@media screen and (max-width:760px) {
	.lang #common_visual h1{
		font-size:22px;
	}
}

html:lang(en) #common_visual,
html:lang(en) .pan,
html:lang(en) main,
html:lang(pt) #common_visual,
html:lang(pt) .pan,
html:lang(pt) main{  font-family: Verdana , Arial, sans-serif;}

html:lang(ko) #common_visual,
html:lang(ko) .pan,
html:lang(ko) main{ font-family: "??","???","???",dotum,AppleGothic,Arial,Helvetica,Clean,sans-serif;}

html:lang(zh-cmn-Hans) #common_visual,
html:lang(zh-cmn-Hans) .pan,
html:lang(zh-cmn-Hans) main{ font-family:"Microsoft YaHei", "微?雅黑",'SimSun', sans-serif; }

/*----20200207---------*/
.zoobo_bnr{
    width:730px;
    margin: 0 auto;
    padding-bottom: 125px;
}

@media screen and (max-width:760px) {
    .zoobo_bnr{
    width:95%;
    margin: 0 auto;
    padding-bottom: 125px;
    padding-bottom: 50px;
    }
    .zoobo_bnr img{
        width: 100%;
    }


}
    


.emergency_style {
	background:url(../img/top/cation_news_bg.gif) center top repeat-y;

	background-size: contain;

	padding:10px 0;

	margin-bottom: 10px;
	text-align:center;

}
.emergency_style .box{
	margin:0 10px;
	padding:20px;
	background-color:#FFDF7D;
}
.emergency_style .box .f_red{
	font-weight:bold;
	font-size:110%;
	margin-bottom:5px;
}

.emergency_style .box a{
	color:#ee2200;
	text-decoration:underline;
}
.emergency_style .box a:hover{
	text-decoration:none;
}

@media screen and (max-width:760px) {
	.emergency_style {
	}
	.emergency_style .box{
		padding:15px;
		text-align:left;
	}
	.emergency_style .box .f_red{
	}
}

.bnr_lr {
	background:url(../img/top/content10_bg.gif) left top repeat;
	border-radius:10px;
	overflow:hidden;
	display:block;
	margin-bottom:30px;
}
.bnr_lr .left_area {
	color:#FFF;
	width: 260px;
	display:table;
	height: 100%;
}
.bnr_lr .left_area .inner {
	display:table-cell;
	vertical-align:middle;
	text-align: center;
}
.bnr_lr .ttl {
	font-size:26px;
	margin-bottom:5px;
}
.bnr_lr p.text {

}
.bnr_lr .right_area {
	background-color:#FFF;
}

@media screen and (max-width:760px) {
	.bnr_lr .left_area {
		width: 100%;
		height: auto;
	}
	.bnr_lr .left_area .inner {
		padding:5px;
	}
	.bnr_lr .ttl {
		font-size:20px;
		margin-bottom:0;
	}
}
.guide_data{
	margin:0 20px;
}
.guide_data .pht{
	text-align:center;
	margin-bottom:20px;
}
.guide_data dl{
	display:table;
	width:100%;
	table-layout: fixed;
	    border-bottom:solid 1px #aaa;
}
.guide_data dl:after{
	display:none;
}
.guide_data dl dt,
.guide_data dl dd{
	font-size:18px;
	padding-top:10px;
	padding-bottom:10px;
	display:table-cell;
}
.guide_data dl dt{
	width: 5em;
	text-align: left;
	box-sizing:border-box;
	padding:5px 10px;
}
.guide_data .map_data dl ,
.guide_data .map_data dl dt,
.guide_data .map_data dl dd{
	display:block;
	border-bottom:none;
}
.guide_data .map_data dl dt{
	border-bottom:solid 1px #ccc;
	text-align:center;
	width:auto;
}

.title_guide{
	background:url(../img/education_guide/self_guide/ttl.png) no-repeat top center;
	background-size: 640px;
	position:relative;
	margin-bottom:40px;
}
.title_guide div{
	display:table;
	margin:0 auto;
	width:auto;
	vertical-align:middle;
	min-height: 142px;
}
.title_guide div span{
	display:table-cell;
	vertical-align:middle;
	height:100%;
	padding: 0 10px 30px;
	font-size:32px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	line-height:1.2;
	min-height: 142px;
}
.title_guide div img{
	display:table-cell;
	vertical-align:middle;
	width: 70px;
}

.self_guide .sect_03 .btn_type01 a{
	min-width:200px
}

.ribbon_box.quiz .ttl{
}
.ribbon_box.quiz .ttl span {
    padding: 0 160px 0 40px;
    margin-left: 20px;
    background: #FFD24D;
    position: relative;
    z-index: 2;
}
.ribbon_box.quiz .ttl span i{
	font-style:normal;
	display:inline-block;
	background:url(../img/education_guide/self_guide/ico_book.png) no-repeat center center;
	background-size:cover;
	width:42px;
	line-height:28px;
	text-align:center;
	color:#ff3300;
	margin-left:10px;
	font-size:18px;
}
.ribbon_box.quiz .quiz_set{
	display:table;
	margin: 20px 0;
}
.ribbon_box.quiz .quiz_set dt{
	display:table-cell;
	background:#e83428;
	border-radius:3px;
	color:#fff;
	font-size:12px;
	text-align:center;
	padding:3px;
	line-height:1;
	vertical-align: middle;
}
.ribbon_box.quiz .quiz_set dt b{
	display:block;
	background:url(../img/education_guide/self_guide/ico_book.png) no-repeat center center;
	background-size:contain;
	width:42px;
	line-height:28px;
	text-align:center;
	color:#ff3300;
	font-size:18px;
	margin-top:3px;
}
.ribbon_box.quiz .quiz_set dd{
	display:table-cell;
	color:#ff3300;
	font-size:115%;
	vertical-align:middle;
	padding:0 20px;
}
.ribbon_box.quiz p.quiz_set{
	color:#ff3300;
	font-size:115%;
	vertical-align:middle;
	padding: 0;
}
.ribbon_box.quiz .quiz_ans {
	margin-bottom:30px;
}
.ribbon_box.quiz .quiz_ans li {
	background:#fce49c;
	margin-right: 2%;
	width:32%;
	/* padding: 0; */
}
.ribbon_box.quiz .quiz_ans.col_1 li {
	background:#fce49c;
	margin-right:0;
	padding-left: 0;
	width:100%;
	text-align:left;
}
.ribbon_box.quiz .quiz_ans li:nth-child(3n){
	margin-right:0;
}
.ribbon_box.quiz .quiz_ans li{
	position:relative;
	padding-left: 2.5em;
}
.ribbon_box.quiz .quiz_ans li > *{
	display:block;
	vertical-align:middle;
	line-height:1.8;
	padding:5px 10px;
}
.ribbon_box.quiz .quiz_ans li > b,
.ribbon_box.quiz .quiz_set dd b,
.ribbon_box.quiz p.quiz_set b{
	text-align:center;
	width: 2.5em;
	background:#ffd24d;
	font-weight:normal;
	position:absolute;
	padding:5px 0;
	top:0;
	left:0;
	display:block;
}
.ribbon_box.quiz .quiz_set dd b,
.ribbon_box.quiz p.quiz_set b{
	position:static;
	display:inline-block;
	margin-left:10px;
	width: auto;
	padding:5px 15px;
	font-weight:normal;
	color: #333;
	font-size: 90%;
}

@media screen and (max-width:760px) {
	.self .door .buttons li a{
		height:92px;
	}

	.guide_data{
		margin:0 10px;
	}
	.guide_data .pht{
		text-align:center;
		margin-bottom:20px;
	}
	.guide_data dl {
	    border-bottom:solid 1px #aaa;
	    margin: 0 5px;
	    width:auto;
	    display:block;
	}
	.guide_data dl dt,
	.guide_data dl dd{
		font-size:14px;
		padding:10px 5px;
	}
	.guide_data .table_style .ttl{
		margin:2px 0 2px;
		box-sizing:border-box;
		font-size:16px;
	}
	.guide_data .map_data dl dt{
		text-align:left;
	    border-bottom:solid 1px #aaa;
	}
	.guide_data .map_data dd{
		border-top:none;
		padding:20px 0;
		text-align:center;
	}
	.title_guide{
		background-size:100% 100%;
		margin:0 10px 20px;
	}
	.title_guide div{
		width:100%;
		min-height: 71px;
	}
	.title_guide div img{
		width:50px;
		height:auto;
		vertical-align:bottom;
	}
	.title_guide div span{
		display:table-cell;
		vertical-align:middle;
		height:100%;
		padding: 5% 5px 7%;
		font-size: 19px;
		color:#fff;
		text-align:center;
		font-weight:bold;
		min-height:71px;
	}
	.ribbon_box.quiz{
		margin:0 10px;
		border-width: 5px;
	}
	.ribbon_box.quiz .left_area .t_center{
		padding:15px 15px 10px;
	}
	.ribbon_box.quiz .ttl span {
		padding: 0 20px 0 20px;
		margin-left: 20px;
		background: #FFD24D;
		position: relative;
		z-index: 2;
		font-size: 100%;
	}
	.ribbon_box.quiz .ttl span i{
		text-align:center;
		margin-left:10px;
		font-size:100%;
	}
	.ribbon_box.quiz .quiz_set{
		display:table;
		margin: 10px 0 20px;
	}
	.ribbon_box.quiz .quiz_set dt b{
		font-size:14px;
		width: 36px;
		line-height: 22px;
	}
	.ribbon_box.quiz .quiz_set dd{
		padding:0 0 0 10px;
		line-height:1.4;
	}
	.ribbon_box.quiz .quiz_ans {
		margin-bottom:30px;
		font-size: 100%;
	}
	.ribbon_box.quiz .quiz_ans li{
		width:100%;
		float:none;
		margin-bottom:5px;
	}
}

.inline_wrap{
}
.inline_wrap > *{
	display:inline-block;
	vertical-align:middle;
}
.inline_wrap > * + *{
	margin-left:1em;
}

.spot_icons{
	text-align: center;
	font-weight:bold;
	font-size:110%;
}
.modal-content{
	position: fixed;
	z-index: 10500;
	color:#333;
	margin:auto;
	display:none;
	width:100%;
	height: 100vh;
	top:0;
	bottom:0;
	left:0;
	right:0;
	align-items: center;
	justify-content: center;
	text-align: left;
}
.modal-content > .modal-scroll{
	position:relative;
	z-index: 10550;
	padding: 10px;
	box-sizing:border-box;
	min-width:50%;
	/* height:50%; */
}
.modal-content.max > .modal-scroll{
	min-width:0;
	max-width:680px;

}

.scroll_wrap{
	overflow: auto;
	/* max-height: calc(100vh - 100px); */
	padding: 5px;
	border-radius: 0;
	box-sizing:border-box;
}
.scroll_wrap::-webkit-scrollbar {
	height: 10px;
	width:10px;
}

.scroll_wrap::-webkit-scrollbar-track {
	border-radius: 10px;
	background: #d7d7d7;
}

.scroll_wrap::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #70c9f1;
}

.modal-content > .modal_overlay{
	position:fixed;
	z-index:5000;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.8);
	cursor:pointer;
}

@media screen and (max-width:760px) {
	.spot_icons{
		text-align: left;
		font-weight:bold;
		font-size:100%;
	}
	.spot_icons img{
		width:30px;
		height:auto;
	}

	.modal-content > .modal-scroll{
		width:100%;
		padding: 0;
	}
	.modal_btn{

	}
}