/*--------------------------
pagenav
--------------------------*/
#fixiednav{
	position: fixed;
}
.pagenav h2{
	font-size: 1.76em;
}
.pagenav_list a{
	display: block;
}

/*--------------------------
text
--------------------------*/
.title,
.title_g{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
}
.title_g_up{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
}
.title_g_up2{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
}
.title_g_up3{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
}

.title_g_up4{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
}
.title_g_up5{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
}
.title_g_up6{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
}
.title_g_up7{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
}
.title_g_up8{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
}
.title_g_up9{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
}
.title_g_up9_lh{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
	line-height: 1.4em;
}
.title_g_bw{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;	
}

.title_g_s{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;	
}

.title_g_bw span{
	font-weight: bold;
	background-color: #fff;
}

.title_g_bw2{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
}
.title_g_bw2 span{
	font-weight: bold;
	background-color: #fff;
	padding: 14px 5px 15px 5px;
}
.title_g_btm{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;	
}
.title_g_btm2,
.title_g_btm3{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;	
}
.title_w{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
	color: #fff;
}

.title_w_up{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
	color: #fff;
}

.title_w_up2{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
	color: #fff;
}
.title_w_up3{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
	color: #fff;
}
.title_w_up3 span{
	font-size: 0.8em;
	padding-bottom: .2em;
	font-weight: bold;
	color: #fff;
}
.title_w_up4{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
	color: #fff;
}
.title_w_up5{
	font-size: 1.48em;
	padding-bottom: .2em;
	line-height: 1.7em;
	font-weight: bold;
	color: #fff;
}
.title_w_up5_02{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
	color: #fff;
}
.title_w_up5_l{
	font-size: 3.1em;
	padding-bottom: .2em;
	font-weight: bold;
	color: #fff;
}
.title_w_up5_rec{
	font-size: 2.4em;
	padding-bottom: .2em;
	font-weight: bold;
	color: #fff;
}
.title_w_up6,
.title_w_up7{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
	color: #fff;
}
.title_w_up7_02{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
	color: #fff;
}
.title_w_up2_r,
.title_w_up2_r2{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
	color: #fff;
}
.title_w_up2_l{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
	color: #fff;
}
/*vol.84*/
.title_w_up2_l2{
	font-size: 1.48em;
	padding-bottom: .2em;
	line-height: 1.7em;
	font-weight: bold;
	color: #fff;
}
/*vol.85*/
.title_w_up2_l3{
	font-size: 1.3em;
	padding-bottom: .2em;
	line-height: 1.7em;
	font-weight: bold;
	color: #fff;
}
.title_g_up2_l2,
.title_g_up2_l4,
.title_g_up2_l5,
.title_g_up2_l7,
.title_g_up5_02{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
	
}
/*vol.102
.title_g_up2_l5 span{
	font-weight: bold;
	background: rgba(255, 255, 255, 0.4);
	padding: 14px 5px 15px 5px;
}
*/
.title_g_up2_l6{
	font-size: 1.4em;
	padding-bottom: .2em;
	font-weight: bold;
	letter-spacing:.1em;
}
.title_g_up2_l{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
}
.title_g_up2_l3{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
}
.title_g_up2_r,
.title_g_up2_r2,
.title_g_up2_r3,
.title_g_up2_r4,
.title_g_up2_r5{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
}
/*vol.98*/
.title_g_up5_r{
	font-size: 1.3em;
	padding-bottom: .2em;
	font-weight: bold;
	line-height: 1.65em;
}
/*vol.100*/
.title_g_up5_r_02{
	font-size: 1.48em;
	padding-bottom: .2em;
	font-weight: bold;
	line-height: 1.65em;
	text-align: left;
	display: inline-block;
}
/*vol.105*/
.title_g_up2_r6{
	font-size: 1.3em;
	padding-bottom: .2em;
	font-weight: bold;
	line-height: 1.65em;
}
.title_lhs{
	font-size: 1.48em;
	line-height: 1.15em;
	font-weight: bold;
}
.subhead{
	font-size: 1.38em;
	line-height: 1.6;
	padding: .2em 0;
}
.big{
	font-size: 1.24em;
	font-weight: bold;
}
.big2{
	font-size: 1.1em;
	font-weight: bold;
}
.big_nor{
	font-size: 1.18em;
}

.small{
	font-size: 0.86em;
}
.xsmall{
	font-size: 0.66em;
}
.em{
	font-weight: 600;
}
.em_border{
	font-weight: 600;
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
	margin-bottom: 8px;
	line-height: 1.4;
}
.big_border{
	font-size: 1.42em;
	border-bottom: 1px solid #dedede;
	margin-bottom: 13px;
}
.gyokan_s{
	line-height: 1.5;
}
.gray_border{
	border-bottom: 1px solid #dedede;
	padding-bottom: 5px;
	margin-bottom: 8px;
	line-height: 1.4;
}
.midori{
	color: #2b988c;
}

/*読み物タイトル*/
.title_bg{
	font-size: 1.48em;
	text-align: center;
	padding: 100px 4%;
}

.tit_center_w {
	overflow: hidden;
	text-align: center;
	width: 70%;
	margin: 0 auto
}
.tit_center_w span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
}
.tit_center_w span::before,
.tit_center_w span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 1px;
	background-color: #fff;
}
.tit_center_w span::before {
	right: 100%;
}
.tit_center_w span::after {
	left: 100%;
}


.tit_center_b {
	overflow: hidden;
	text-align: center;
	width: 75%;
	margin: 0 auto
}
.tit_center_b span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
}
.tit_center_b span::before,
.tit_center_b span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 1px;
	background-color: #000;
}
.tit_center_b span::before {
	right: 100%;
}
.tit_center_b span::after {
	left: 100%;
}




/*読み物テキスト*/
.readingtxt{
	font-size: 1.04em;
	line-height: 1.9;
}


/*--------------------------
section
--------------------------*/
.section_mtm{
	margin-top: 50px;
}
.section_mt{
	margin-top: 30px;
}
.section_mts{
	margin-top: 12px;
}
.section_mtxs{
	margin-top: 6px;
}

.ml {
	padding-left: 14px;
}

.mr {
	padding-right: 14px;
}
.section_mt_hr{
	margin-top: 30px;
	padding:30px 0;
	border-top:1px solid #eeeeee;
}

/*--------------------------
box 装飾
--------------------------*/
.borderbox{
	border: 1px solid #dedede;
	padding: 14px;
}
.borderbox_th {
	border: 2px solid #dedede;
	padding: 14px;
}
.shadowbox{
	border:1px solid #eeeeee;
	box-shadow: 3px 3px 3px #dedede;
}
.bgb_box{
	background: #efefef;
	padding: 14px;
}
.bgw_box{
	background: #fff;
	padding: 14px;
}


/*--------------------------
table 装飾
--------------------------*/

.tbl_rayout{
	width: 100%;
	border-collapse:collapse;
}
.tbl_rayout th{
	width: 20%;
}
.tbl_rayout td{
	width: 80%;
}
.tbl_rayout th,
.tbl_rayout td{
	padding: 3px 0;
}

.tbl_shinryo{
	width: 100%;
	border-collapse:collapse;
	margin-top: 14px;
}
.tbl_shinryo th{
	background: #E8E8E8;
}
.tbl_shinryo th,
.tbl_shinryo td{
	width: 16.6%;
	border: 1px solid #dedede;
	text-align: center;
	padding: 6px 0;
}
.tbl_shinryo_02{
	width: 100%;
	border-collapse:collapse;
	margin-top: 14px;
}
.tbl_shinryo_02 th{
	background: #ccc;
}
.tbl_shinryo_02 td{
	background: #fff;
}
.tbl_shinryo_02 th,
.tbl_shinryo_02 td{
	width: 14.2%;
	border: 1px solid #dedede;
	text-align: center;
	padding: 6px 0;
}
.tbl_shinryo_03{
	width: 100%;
	border-collapse:collapse;
	margin-top: 14px;
}
.tbl_shinryo_03 th{
	background: #ccc;
}
.tbl_shinryo_03 td{
	background: #fff;
}
.tbl_shinryo_03 th,
.tbl_shinryo_03 td{
	width: 11%;
	border: 1px solid #dedede;
	text-align: center;
	padding: 6px 0;
}
.tbl_shinryo_4clm{
	width: 100%;
	border-collapse:collapse;
}
.tbl_shinryo_4clm th{
	background: #ccc;
	font-weight: bold;
}
.tbl_shinryo_4clm td{
	background: #fff;
}
.tbl_shinryo_4clm th,
.tbl_shinryo_4clm td{
	width: 30%;
	border: 1px solid #dedede;
	text-align: center;
	padding: 6px 0;
	vertical-align: middle;
}
.tbl_shinryo_4clm td.cell-tit{
	width: 10%;
	background: #eee;
	font-weight: bold;
}

.tbl_rayout_border{
	width: 100%;
	border-collapse:collapse;
	border: 1px solid #dedede;
}
.tbl_rayout_border th{
	width: 28%;
	background: #efefef;
	text-align: center;
	vertical-align: middle;
}
.tbl_rayout_border td{
	width: 72%;
}
.tbl_rayout_border th,
.tbl_rayout_border td{
	padding: 7px 14px;
	border: 1px solid #dedede;
}
.tbl_rayout_bgw{
	width: 100%;
	border-collapse:collapse;
	border: 1px solid #dedede;
}
.tbl_rayout_bgw th{
	width: 28%;
	
	
	vertical-align: middle;
}
.tbl_rayout_bgw td{
	width: 72%;
}
.tbl_rayout_bgw th,
.tbl_rayout_bgw td{
	padding: 7px 14px;
	border: 1px solid #dedede;
}
.tbl3clm_rayout_border {
	width: 100%;
	border-collapse:collapse;
	border: 1px solid #dedede;
}
.tbl3clm_rayout_border td{
	width: 33.3%;
	padding: 14px;
	border: 1px solid #dedede;
}
.mdl{
	vertical-align: middle;
}
.table_form {
	width: 100%;
	border-collapse:collapse;
}
.table_form th,
.table_form td {
	padding: 7px 14px;
	border-width: 1px 0;
	border-color: #eee;
	border-style: solid;
	vertical-align: middle;
}
.table_form th{
	background: #dedede;
	width: 30%;
}
.table_form th .bgw{
	background: #fff;
	width: 30%;
}
.table_form td{
	background: #fff;
	width: 70%;
}

.tbl_u35{
	width: 100%;
	border-collapse:collapse;
	border: 1px solid #dedede;
}
.tbl_u35 th{
	width: 10%;
	font-weight: bold;
}

.tbl_u35 th,
.tbl_u35 td{
	padding: 3px 0;
	text-align: center;
	border: 1px solid #dedede;
}
.tbl_u35b{
	width: 80%;
	border-collapse:collapse;
	border: 1px solid #dedede;
}
.tbl_u35b th{
	width: 70%;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.tbl_u35b td{
	text-align: center;
}
.tbl_u35b th,
.tbl_u35b td{
	padding: 5px 14px;
	border: 1px solid #dedede;
}
/*--------------------------
リスト装飾
--------------------------*/
.border-tablelist {
	border-top:1px solid #dedede;
}
.border-tablelist li{
	border-bottom:1px solid #dedede;
	padding: 30px 0;
	display: table;
	table-layout: fixed;
	width: 100%;
}
.border-tablelist .th{
	width: 15%;
	display: table-cell;
}
.border-tablelist .td{
	width: 95%;
	display: table-cell;
}

.border-tablelist2 li{
	border-bottom:1px solid #dedede;
	padding: 30px 0;
	display: table;
	table-layout: fixed;
	width: 100%;
}
.border-tablelist2 li:first-child{
	padding: 0 0 30px 0;
}
.border-tablelist2 li:last-child{
	border-bottom:none;

}
.border-tablelist2 .th{
	width: 25%;
	display: table-cell;
}
.border-tablelist2 .td{
	width: 75%;
	display: table-cell;
}
.line_hr li{
	border-bottom: 1px solid #dedede;
	padding: 50px 0;
}
.line_hr li:last-child{
	border-bottom: none;
	padding: 50px 0 25px 0;
}
/*--------------------------
ボタン装飾
--------------------------*/
a.btn_block_g{
	background: #2b988c;
	padding: 14px 28px 14px 14px;
	color: #fff;
	text-decoration: none;
	display: block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
}
a.btn_block_g::after {
	position: absolute;
	top: 50%;
	right: .3em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .2s;
}
a.btn_block_o{
	background: #f49e26;
	padding: 14px;
	color: #fff;
	text-decoration: none;
	display: block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
}
a.btn_block_o::after {
	position: absolute;
	top: 50%;
	right: .3em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .2s;
}
a.btn_block_gr{
	background: #999999;
	padding: 14px;
	color: #fff;
	text-decoration: none;
	display: block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
}
a.btn_block_gr::after {
	position: absolute;
	top: 50%;
	right: .3em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .2s;
}
a.btn_block_bl{
	background: #00a8cc;
	padding: 14px 28px 14px 14px;
	color: #fff;
	text-decoration: none;
	display: block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
}
a.btn_block_bl::after {
	position: absolute;
	top: 50%;
	right: .3em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .2s;
}

a.btn_block{
	background: #2b988c;
	color: #fff;
	display: block;
	padding: 14px;
	text-decoration: none;
	text-align: center;
	margin-top: 14px;
}
a.btn_g{
	background: #697984;
	padding: 7px 42px 7px 14px;
	margin-bottom: 7px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
}
a.btn_g::after {
	position: absolute;
	top: 50%;
	right: .3em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .2s;
}
a.btn_block_gr_att{
	background: #CECECE;
	padding: 14px;
	color: #ff0000;
	text-decoration: none;
	display: block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
	
}
a.btn_block_gr_att::after {
	position: absolute;
	top: 50%;
	right: .3em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #ff0000;
	transition: all .2s;
}
a.btn_kakmaru_g {
	background: #227068; 
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;	
	color:#fff; 
	display: block; 
	padding: 8px 15px; 
	position: relative;
    text-decoration: none;
}

a.btn_kakmaru_g::after {
	position: absolute;
	top: 50%;
	right: .3em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .2s;
}

/*--------------------------
カラム
--------------------------*/
.clm3box{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.clm3box .itembox{
	display: table-cell;
	width: 33.3%;
}

.clm2box{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.clm2box .itembox{
	display: table-cell;
	vertical-align: top;
	width: 50%;
}

.clm2box2{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.clm2box2 .itembox {
	display: table-cell;
	vertical-align: top;
}
.clm2box2 .itembox:nth-child(even){
	padding-left: 2%;
	width: 55%;
}
.clm2box2 .itembox:nth-child(odd){
	padding-right: 2%;
	width: 45%;
}

.clm2box3{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.clm2box3 .itembox {
	display: table-cell;
	vertical-align: top;
}
.clm2box3 .itembox:nth-child(even){
	padding-left: 2%;
	width: 40%;
	text-align: center;
}
.clm2box3 .itembox:nth-child(odd){
	padding-right: 2%;
	width: 60%;
}
.clm2box4{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.clm2box4 .itembox{
	display: table-cell;
	vertical-align: top;
	width: 50%;
}
.clm2box4 .itembox:nth-child(even){
	padding: 2%;
}
.clm2box4 .itembox:nth-child(odd){
	padding: 2%;
}
.clm2box5{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.clm2box5 .itembox{
	display: table-cell;
	vertical-align: top;
}
.clm2box5 .itembox:nth-child(even){
	padding: 2%;
	width: 35%;
}
.clm2box5 .itembox:nth-child(odd){
	padding: 2%;
	width: 65%;
}
.clm2box6 .itembox{
	display: table-cell;
	vertical-align: top;
}
.clm2box6 .itembox:nth-child(odd){
	padding: 2%;
	width: 20%;
}
.clm2box6 .itembox:nth-child(even){
	padding: 2%;
	width: 80%;
}
.clm2box7 .itembox{
	display: table-cell;
	vertical-align: top;
}
.clm2box7 .itembox:nth-child(odd){
	padding:2% 0 ;
	width: 15%;
}
.clm2box7 .itembox:nth-child(even){
	padding: 2.5% 2% 0;
	width: 80%;
}
.clm2box8 .itembox{
	display: table-cell;
	vertical-align: top;
	font-size: 0.86em;
}
.clm2box8 .itembox:nth-child(odd){
	padding:1% 1% 0 0;
	width: 10%;
}
.clm2box8 .itembox:nth-child(even){
	padding:0.5% 0;
	width: 90%;
}
.clm1{
	width: 75%;
	margin: 0 auto;
}
.clm1_2{
	width: 90%;
	margin: 0 auto;
}

.clm2_image{
	display: table;
	width: 100%;
}

.clm2_image .itembox{
	display: table-cell;
	width: 50%;
}
.clm2_image .itembox:nth-child(even){
	padding-left: 1%;
}
.clm2_image .itembox:nth-child(odd){
	padding-right: 1%;
}
.flex{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.between{
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.flex-end{
  -webkit-align-items: flex-end; 
  -ms-align-items: flex-end;
  align-items: flex-end;
}

.clm3_item {
	width: 32%;
	margin: 10px 0;
}
.clm3_item_clm {
	width: 32%;
	margin: 10px 0;
}
.clm2_item{
	width: 48%;
}
.clm4_item_clm {
	width: 24%;
	margin: 10px 0;
}
.flex_clm2_c{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
}
.flex_clm2_c .item:nth-child(odd){
	width: 14%;
	padding-right: 3%;
}

.flex_clm2_loop{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.flex_clm2_loop .item:nth-child(odd){
	width: 40%;
	padding-right: 3%;
}
.flex_clm2_loop .item:nth-child(even){
	width: 60%;
}

.clm2_item_thumb:nth-child(odd){
	width: 64%;
}
.clm2_item_thumb:nth-child(even){
	width: 32.5%;
}



/*--------------------------
余白
.eyecathe ---- ページTOP画像
.wrapbox  ---- レスポンシブでも同じ
.wraptxt_box ---　レスポンシブで変更有り
.wrapbox_border --- TOPにボーダー有
.width_thumb  --- 右に背景画像有り
.eyecathe_box  --- 背景ありのボックス

--------------------------*/
.eyecatche{
	margin-bottom: 30px;
}
.wrapbox{
	padding: 30px 28px 40px 28px;
}
.wraptxt_box{
	padding-bottom: 40px;
}
.wrapbox_border{
	padding: 30px 28px 40px 28px;
	border-top: 1px solid #dedede
}
.width_thumb{
	width: 58%;
}

.width_thumb_l{
	width: 68%;
}
.eyecath_box {
	padding: 60px 28px;
}
.wrapbox_spsmall{
	padding: 30px 28px 40px 28px;
}
.wrapbox_spsmall_btm{
	padding: 30px 28px;
}



/*--------------------------
サービス
--------------------------*/
#service{
	background: url("../images/service/bg.jpg") no-repeat right 15%;
	color: #fff;
}
.headcopy{
	font-size: 2em;
	font-weight: bold;
	line-height: 1.4;
	margin-top: 24px;
}
#service ul{
	margin-top: 68px;
}
#service li{
	margin-top: 14px;
	padding: 7px 28px 23px;
	display: table;
	table-layout: fixed;
}
#service  .cell_th{
	display: table-cell;
	width: 25%
}
#service  .cell_td{
	display: table-cell;
	width: 75%
}
#service  .cell_th .em{
	font-size: 1.4em
}
#service li:nth-child(1){
	background: #d8c632;
}
#service li:nth-child(2){
	background: #b1d054;
}
#service li:nth-child(3){
	background: #5d968a;
}
.gairai_bg{
	background: url("../images/service/bg2.jpg") no-repeat right bottom;
	background-size: 40%;
}
.google-cal{
    text-align:center;
}
.google-cal iframe {
    width:98%;
    height:605px;
}
#calendar .itembox{
	background: #dedede;
	padding: 2%;
	position: relative;

}
#calendar .itembox a.btn_block{
	position: absolute;
	bottom: 6.5%;
	display: block;
	margin: 0 auto;
	width: 88%
}
#calendar .itembox .yoyaku_phone{
	background: #fff;
	display: block;
	padding: 14px 0;
	text-decoration: none;
	text-align: center;
	margin-top: 10px;
	font-size: 0.86em;
}
#calendar .itembox .yoyaku_phone div{
	font-weight: 600;
	font-size: 1.2em;
}
#calendar .itembox .yoyaku_phone div span{
	font-weight: 600;
}
.byori_bg{
	background: url("../images/service/bg3.jpg") no-repeat right bottom;
	background-size: 950px auto;
}
/*読み物*/
.path_bg{
	background: url("../images/service/bg_path.jpg") no-repeat right bottom;
	background-size: cover;
	color: #fff;
}
.read_gr_box {
	border: 3px solid #5d988c;
	color: #5d988c;
	padding: 14px;
	margin: 8px 0;
	font-weight: bold;
}
.read_gr_box .no{
	background: #5d988c;
	color: #fff;
	width: 32px;
	height: 32px;
	line-height: 32px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	margin-right: 7px;
}

/*--------------------------
アバウト
--------------------------*/
#concept .wrapbox {
	padding: 70px 84px;
}
.bgcbox{
	background: #79a9b6;
}
#staff .flex_clm2_loop{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
}
#staff .flex_clm2_loop:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
#mori .prof .tsume{
	letter-spacing: -.5px;
}

.activrybody{
	margin-top: 14px;
	padding: 14px;
	background: #f1f1f1;
	overflow-y:scroll;
	height: 378px;
	font-size: 0.86em;
}
.activrybody::-webkit-scrollbar{width:10px;}
.activrybody::-webkit-scrollbar-track{background:#dddddd;}
.activrybody::-webkit-scrollbar-thumb{background:#2b988c;}

.smnrtable table{
	margin: 14px 0;
	background: #fff;
	width: 100%;
	border: 1px solid #dedede;
}
.smnrtable table th,
.smnrtable table td{
	padding: 7px;
}
.smnrtable table th{
	background: #eee;
	width: 30%;
}
.smnrtable table th,
.smnrtable table td{
	border: 1px solid #dedede;
}
#academy p span{
	margin-right: 14px;
}
/*--------------------------
セミナー
--------------------------*/
.bg_seminar{
	background: #ebc055 url("../images/common/bg.png") no-repeat center right;
}
.bg_lesson{
	background: #9bb250 url("../images/common/bg.png") no-repeat center right;
}

.seminar_index_list li{
	margin: 20px 0;
	padding: 28px;
	border:1px solid #eeeeee;
	box-shadow: 3px 3px 3px #dedede;
}
.u35seminar_index_list li{
	
	padding: 28px;
	border:1px solid #eeeeee;
	box-shadow: 3px 3px 3px #dedede;
}
.semi_thumb1clm{
	margin: 20px 0;
	padding:28px;
	background:#efefef;
	text-align: center;
}
.semi_thumb2clm{
	width: 100%;
	display: table;
	table-layout: fixed;
	text-align: center;
	margin: 20px 0;
}
.thumb_pdf{
	width: 30%;
	display: table-cell;
	vertical-align: middle;
	background:#efefef;
	position: relative;
}
.thumb_pdf_s{
	width: 20%;
	display: table-cell;
	vertical-align: middle;
	background:#efefef;
	position: relative;
}
.thumb_smnrs{
	width: 70%;
	display: table-cell;
	vertical-align: middle;
	background:#ccc;
}
.semi_thumb2clm img{
	padding: 28px 28px 14px 28px;
}
.link_pdf{
	padding-bottom: 14px;
}
.msg_on{
	background: #ebc055;
	padding: 2px 7px;
	display: inline-block;
	font-size: 0.6em;
	position: relative;
	top: -3px;
}
.msg_off{
	background: #ccc;
	padding: 2px 7px;
	display: inline-block;
	font-size: 0.6em;
	position: relative;
	top: -3px;
}
.smnr_date{
	font-size: 1.5em;
	line-height: 1.0;
	padding-bottom: 14px;
}
.smnr_date span{
	font-size: 2.5em;
	font-weight: 600;
	padding-right: 4px;
}
.btn_seminaryoyaku_on{
	background: #5d988c;
	color: #fff!important;
	text-decoration: none!important;
	display: block;
	padding: 14px;
	text-align: center;
	margin-top: 25px;

}
.btn_seminaryoyaku_off{
	background: #666;
	color: #fff;
	display: block;
	padding: 14px;
	text-align: center;
	margin-top: 25px;
}
.btn_seminaryoyaku_off_att a{
	background: #CECECE;
	color: #ff0000!important;
	display: block;
	padding: 14px;
	text-align: center;
	margin-top: 25px;
	text-decoration: none!important;
}
.list_dicmal li {
	list-style:decimal; list-style-position: inside; border: none; box-shadow: none; margin-left: 14px;line-height: 1.6em;padding: 0;
}
/*--------------------------
登録病院
--------------------------*/
a.category{
	background: #efefef;
	color: #444;
	padding: 2px 28px 2px 14px;
	text-decoration: none;
	display: inline-block;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	position: relative;
	font-size: 0.86em;
}
a.category::after {
	position: absolute;
	top: 50%;
	right: .3em;
	content: '';
	margin-top: -3px;
	border: 5px solid transparent;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-left-color: #444;
	transition: all .2s;
}

.hospitallist table{
	width: 100%;
}
.hospitallist table th,
.hospitallist table td{
	padding: 14px;
	border-bottom: 1px solid #dedede;
}
.hospitallist li:nth-child(odd){
	background: #efefef;
}

.hospitallist ul{
	margin-top: 13px;
}

.hospitallist table th{
	width: 30%;
}
.hospitallist table td{
	width: 35%;
}

/*レポート*/
.bg_20160327{
	background: url("../images/seminar/bg_20160327.jpg") no-repeat 20% center;
	color: #fff;
}

/*--------------------------
提携病院
--------------------------*/
.partnerlist li:nth-child(odd){
	background: #efefef;
}
.partnerlist li{
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 7px 14px
}
.partnerlist li .name{
	display: table-cell;
	width: 20%;
}
.partnerlist li .itembox{
	width: 34%;
	display: table-cell;
}
.partnerlist li .itembox:last-child{
	width: 12%;
	text-align: right;
}
/*--------------------------
ご来院の飼い主様/獣医師様へ
--------------------------*/
.bg_owner{
	background:#f1efed url("../images/owner/bg.jpg") no-repeat center right;
	background-size: 30% auto
}
.bg_vet{
	background:#efefef url("../images/vet/bg.jpg") no-repeat top right;
	background-size: 45% auto
}
.vet_th_link li .th{
	position: relative;
	margin-bottom: 12px;
}
a.vet_btn_category{
	background: #dedede;
	padding: 2px 7px;
	color: #555;
	text-decoration: none;
	display: inline-block;
	font-size: 0.8em;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
/*--------------------------
Seasonal Message
--------------------------*/
.sm01_bg{
	background: url("../images/seasonal/top201606003.jpg") no-repeat center;
	background-size:cover;
	color: #fff;
}
/*--------------------------
ニュース一覧
--------------------------*/
.newslist li{
	padding: 14px 0;
	border-bottom: 1px solid #ccc;
	display: table;
	table-layout: fixed;
	width: 100%;
}
.newslist li span{
	display: table-cell;
	width: 15%;
}

.news_nav a{
	text-decoration: none;
	padding: 2px 14px;
	background: #ACACAC;
	color: #fff;
	float: left;
	margin-bottom: 4px;
	margin-right: 4px;
	width: 100px;}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc2 { display: block!important; }
.sp2 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される*/
@media only screen and (max-width: 768px) {
.pc2 { display: none !important; }
.sp2 { display: block!important; }
} 
/*--------------------------
ギャラリー
--------------------------*/
#flexbox {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
}
.item_2clm{
	width: 48%;
	margin: 0 2% 2% 0;

}
.no_bg {
	background: #EEA34A;
	color: #fff;
	font-size: 1.26em;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	font-weight: bold;
}
/*--------------------------
お申し込みフォーム
--------------------------*/
.telem{
	font-weight: bold;
}
.telem span{
	font-weight: bold;
}
input[type="text"],
textarea {
	padding: 0.8em;
	outline: none;
	border: 1px solid #DDD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px;
}
.forminput,
textarea{
	width: 87%;
}
.hissu {
	background: #ff0000;
	color: #fff;
	font-size: 0.76em;
	padding: 2px 4px;
	margin-right: 10px;
	position: relative;
	top: -2px;
}
input:focus,
textarea:focus {
    border:solid 1px #EEA34A;
}
select {
    font-size: 1.08em;
}
.submitwrap{
	text-align: center;
	margin-top: 2em;
}
.submitwrap input.btn_submit{
	padding: 1em 2em;
	font-size: 1.2em;
	background: #222;
	color: #fff;
	border-style: none;
	margin-right: .5em;
	border-radius: .25em;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
}
.submitwrap input.btn_reset{
	padding: 1em 1.5em;
	background: #ccc;
	color: #222;
	border-style: none;
	margin-left: .5em;
	border-radius: .25em;
	border-radius: .25em;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
}


.ui-datepicker-trigger {
	margin: 0 0 0 10px;
	position:relative;
	top:5px
}
.date_box {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: .5em 0;
}
.date_box .th{
	display: table-cell;
	width: 35%;
}
.date_box .td{
	display: table-cell;
	width: 65%;
}
.seminar_titbox{
	font-size: 1.04em;
	font-weight: bold;
	background: #eee;
	border-bottom: 5px solid #ccc;
	padding: 14px;
	line-height: 1.6;
}

/*--------------------------
プラボラ sitemap
--------------------------*/
.bg_dsdc{
	background: #b7c1c8 url("../images/common/bg.png") no-repeat center right;
}
.sitebox{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.sitebox .blockbox{
	margin: 30px 0 10px 0;
	width: 33%;
	padding-right: 6%;
}
.blockbox > a,
.blockbox .em{
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.24em;
}
.blockbox > a{
	position: relative;
}
.blockbox > a::after {
	position: absolute;
	top: 50%;
	right: -1.2em;
	content: '';
	margin-top: -5px;
	border: 6px solid transparent;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-left-color: #000;
	transition: all .2s;
}
.blockbox > a:hover::after {
	right: -1.5em;
}
.blockbox li{
	margin-top: 8px;
}
.blockbox li div.mtb{
	padding: 8px 0;
}
/*--------------------------
新着その他
--------------------------*/
.ml630       {margin-left:630px;}
.att_01 a    {color:#ff0000; }
.att_02 a    {color:#2F2F2F; text-decoration: none;}
.att_03 a    {color:#ff0000; text-decoration: none;}
.list_sq li     	{list-style: square; list-style-position: outside; margin: 10px 0 0 20px;}


/*--------------------------
よむくすり
--------------------------*/
.kusuri_bg{
	background: url("../images/kusuri/top.jpg") no-repeat 70% 80%;
	background-size:cover;
	color: #000;
}

.kusuri_menu{
	font-size: 0.86em;
	line-height: 1.4;
}
.kusuri_prof{
	font-size: 0.9em;
	border-top: 2px solid #efefef;
	border-bottom: 2px solid #efefef;
	padding: 15px 0;
}
.kusuri_prof .item:nth-child(even) div{
	font-size: 1.14em;
}
.kusuri_prof .item:nth-child(odd) {
	line-height: 1.0;
}
.kusuri_prof img {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
/*--------------------------
U-35
--------------------------*/
.u35_menu {
	background: url("../images/seminar/titber_pen.jpg") no-repeat;
	background-size:cover;
	color: #000;
	margin: 30px 0 20px 0;
	padding: 20px 50px 10px 50px;
	font-size: 1.1em;
	font-weight: bold;
	
}
.u35_menu2 {
	background: #efefef;
	color: #000;
	margin: 30px 0 20px 0;
	padding: 10px 20px ;
	font-size: 1.1em;
	font-weight: bold;
	}
.u35_menu2 img{
	vertical-align: middle;
}
.u35_glf{
	font-weight: bold;
	font-size: 1.1em;
	display: block
	}
.u35_glf2{
	font-weight: bold;
	font-size: 1.1em;
	display: block
	}
.u35_glf3{
	font-weight: bold;
	font-size: 1.1em;
	display: block
	}

.u35_glf img {
	padding: 30px ;
	
}
.u35_glf2 img {
	padding: 30px 0 0 50px;
	
}
.u35_glf3 img {
	padding: 5px ;
	
}
.u35_com	{background:#efefef; 
	         padding: 28px; 
	         margin: 31px 0 0 30px ;
	         font-size: 0.9em;
}
.u35_com2	{background:#efefef; 
	         padding: 28px; 
	         margin-top: 31px;
	         font-size: 0.9em;
}

.u-35list {
	padding:40px ;
	margin-bottom: 70px;
	
}
.u35mail{
	margin-bottom: 20px
}
/*-------------------------------
trva
--------------------------------*/
.clm1_body{
	max-width: 100%;
	background: #edf0f1;
}
.clm1_body_read{
	max-width: 770px;
	margin: 0 auto;
	padding: 50px 0 75px;
}
.clm1_head{
	height: 470px;
}

/*背景青
.head_trva{
	background: #5287c0 url(../images/trva/bg.png) no-repeat center;
	background-size: contain;
	color: #fff;
	letter-spacing: 0.4em;
	font-size: 2.0em;
	text-align: center;
	font-family: 'Quicksand', sans-serif;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center;
}*/
.head_trva{
	background: #fff url(../images/trva/bg.png) no-repeat center;
	background-size: contain;
	color: #ee7700;
	letter-spacing: 0.1em;
	font-size: 5.0em;
	text-align: center;
	font-family: 'Quicksand', sans-serif;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	
	justify-content: center;
	padding: 60px 4% 30px;
	border: 2px solid #ee7700;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.head_trva span{
	font-weight: bold;
	margin-left: 20px;
}

.bgbox_w_border{
	background: #fff;
	border:1px solid #ccd4d7;
	padding: 18px 28px 28px 28px;
}
.trva_midashi{
	color: #f89b00;
	font-size: 1.26em;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 12px;
}
.trva_midashi span{
	font-size: 1.62em;
	font-weight: bold;
}
.trva_link_box{
	background: #6fa7ae;
	color: #fff;
	padding: 28px;
}
.trva_link_box a.btn_link{
	background: #179083;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 14px;
	margin-top: 14px;
}
.thumb_ooshima_box span{
	width: 80px;
	height: 80px;
	background: url(../images/about/ooshima.jpg) 54% center;
	background-size: 300% auto;
	display: inline-block;
	margin-top: 5px;
	margin-right: 12px;
}
.thumb_ooshima_box p{
	display: inline;
}
.trva_oshirase{
	background: #ccd4d7;
	padding: 28px;
}
/*=====================================
JBVP web recture
======================================*/
.clm1_head02{
	height: 300px;
}
.head_webrec{
	background: url("../images/cafe/2021-03-22_02.jpg") no-repeat center;
	background-size: cover;
	color: #ee7700;
	
	font-size: 2.7em;
	text-align: center;
	
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	
	justify-content: center;
	padding: 110px 4% 0px;
	border: 1px solid #ccd4d7;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.head_webrec span{
	font-weight: bold;
	margin-right: 20px;
}
/*=====================================
続きをみる
======================================*/
.hidden_box {
	margin: 15px 0;
	padding: 0;
}

.hidden_box label {
	padding: 7px 14px;
	cursor :pointer;
	background: #efefef;
	font-size: 0.90em;
}
.hidden_box label:hover {
	background: #ccc;
}
.hidden_box input {
	display: none;
}
.hidden_box .hidden_show {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	background: #efefef;
}
.hidden_box input:checked ~ .hidden_show {
	padding: 4% 3%;
	height: auto;
	opacity: 1;
}
/*=====================================
pdfをみる
======================================*/
a.pdf_btn{
	font-size: 0.83em;
	display: inline-block;
	background: #2b988c;
	color: #fff;
	text-decoration: none;
	padding: 6px 42px 6px 14px;
	position: relative;
}
a.pdf_btn:before{
	content: '';
	width: 24px;
	height: 24px;
	background: url("../images/common/maru_pdf.png") no-repeat top left;
	background-size: 24px auto;
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -12px;
}
/*=====================================
VETS TECH ウェブセミナー
======================================*/
.arrow_box{
    position:relative;
    display: inline-block;
    margin: 0 0 1.5em 15px;
    padding: 20px;
  
    max-width: 100%;
    font-size: 0.9em;
    border:1px solid #2B988C;
    color:#666666;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
.arrow_box:after,.arrow_box:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    right:100%;
    top:23%;
}
.arrow_box:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-width:11px;
    border-bottom-width:11px;
    border-left-width:27px;
    border-right-width:27px;
    margin-top: -11px;
    border-right-color:#FFFFFF;
}
.arrow_box:before{
    border-color: rgba(43, 152, 140, 0);
    border-top-width:12px;
    border-bottom-width:12px;
    border-left-width:29px;
    border-right-width:29px;
    margin-top: -12px;
    margin-right: 1px;
    border-right-color:#2B988C;
}
.arrow_box .txt_r{
    float: right;
    }
/*=====================================
resident2021
======================================*/
.resident2021 {
	word-break: normal;
    
}