@charset "UTF-8";
*{
	box-sizing: border-box;
	z-index: 0;
}

html {
	font-size: 62.5%;
}


body {
	font-size: 1.6rem; /*10px*/
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	line-height: 1.75;
	position: relative;
}
.min{
	font-family: 'Noto Serif JP',"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.gothic{
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.meiryo{
	font-family:'メイリオ', 'Meiryo','Noto Sans JP', sans-serif;
}




img{
	border: 0;
}

a:link, a:visited {
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #4794D1;
}
em{
	font-style: normal;
}

h1.dot{
	position: relative;
	padding-left: 20px;
	font-size: 1.8rem;
	font-weight: 600;
	border-bottom: 1px solid #D6D6D6;
	background: url("/img/common/h2_bg.png") repeat-x left bottom;
}
.svg h1.dot{
	position: relative;
	padding-left: 20px;
	font-size: 1.8rem;
	font-weight: 600;
	border-bottom: 1px solid #D6D6D6;
	background: url("/img/common/h2_bg.svg") repeat-x left bottom;
}
h1.dot span{
    position: absolute;
    font-weight: normal;
    right: 10px;
    background: #bae3f9;
    background: linear-gradient(135deg, #4794d1 0%,#bae3f9 100%);
    border-radius: 4px;
    font-size: 1rem;
}
h1.dot span a {
    color: #ffffff;
    background: #4794d1;
    background: linear-gradient(to right, #bae3f9 0%,#4794d1 100%);
    font-style: normal;
    padding: 0 10px;
    margin: 1px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    font-size: 1.4rem;
}
h1.dot::before{
    content: "";
    position: absolute;
    margin: auto;
    width: 10px;
    height: 10px;
    background-image: url("/img/common/arrow.svg");
    background-color: #8CC457;
	background-size: 10px 10px;
    top: 7px;
    left: 2px;
}


h2.arrow{
	position: relative;
	padding-left: 20px;
	font-size: 1.8rem;
	font-weight: normal;
	border-bottom: 1px solid #D6D6D6;
}
h2.arrow::before{
    content: "";
    position: absolute;
    margin: auto;
    width: 10px;
    height: 10px;
    background-image: url("/img/common/arrow_double_green.png");
	background-size: 10px 10px;
    top: 7px;
    left: 2px;
}


.svg h2.arrow::before{
    content: "";
    position: absolute;
    margin: auto;
    width: 10px;
    height: 10px;
    background-image: url("/img/common/arrow_double_green.svg");
	background-size: 10px 10px;
    top: 10px;
    left: 2px;
}




.main p{line-height: 1.75;}

/** site_links */
.site_links{
	font-size: 1.2rem;
}

.site_links p.memo{
	font-size: 1.2rem;
	display: block;
	margin: 10px;
}

.site_links .toplink{
	position: relative;
	display: block;
	height: 32px;
	padding-left: 18px;
	line-height: 32px;
	color: #fff;
	margin: 0 0 7px;
	background: rgb(188,191,207);
	background: -moz-linear-gradient(-45deg,  rgba(188,191,207,1) 0%, rgba(100,121,155,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(188,191,207,1) 0%,rgba(100,121,155,1) 100%);
	background: linear-gradient(135deg,  rgba(188,191,207,1) 0%,rgba(100,121,155,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbfcf', endColorstr='#64799b',GradientType=1 );
}
.site_links .toplink::after{
	content: "";
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	width: 11px;
	height: 16px;
	background: url("../img/common/side_top.png");
}

.site_links>ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.site_links>ul>li{
	position: relative;
	border: 1px solid #E6E6E6;
	margin: 0 0 5px;
	padding: 4px;
	background: rgb(255,255,255);
}
.site_links>ul>li.slct{
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(221,226,229,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,226,229,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(221,226,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dde2e5',GradientType=0 );
}
.site_links>ul>li.lock{
}
.site_links li.lock::after{
	content: "";
	width: 28px;
	height: 14px;
	background: url("../img/common/lock.svg");
	position: absolute;
    margin: auto;
    top: 0;
	bottom: 0;
    right: 14px;
	
}
.site_links>ul>li.lock::after{
    top: 16px;
    right: 29px;
	bottom: auto;
	
}
.site_links>ul>li>p,
.site_links>ul>li>a{
	cursor: pointer;
	margin: 0;
	position: relative;
	display: block;
	background: url("../img/common/side_title.png");
	color: #666666;
	height: 40px;
	padding-left: 10px;
	line-height: 40px;
}
.site_links>ul>li>p::before,
.site_links>ul>li>a::before{
	content: "";
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	padding: 0;
	width: 10px;
	height: 10px;
	background:#666 url("../img/common/arrow.svg") center center;
	background-size: 10px 10px;
}
.site_links>ul>li>p::after,
.site_links>ul>li>a::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 3px;
	background: rgb(204,204,204);
	background: -moz-linear-gradient(left,  rgba(204,204,204,1) 0%, rgba(102,102,102,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(204,204,204,1) 0%,rgba(102,102,102,1) 100%);
	background: linear-gradient(to right,  rgba(204,204,204,1) 0%,rgba(102,102,102,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#666666',GradientType=1 );
}
.site_links>ul>li.slct>p,
.site_links>ul>li.slct>a{
	color: #4794D1;
}

.site_links>ul>li.slct>p::before,
.site_links>ul>li.slct>a::before{
	background:#4794D1 url("../img/common/arrow.svg") center center;
	background-size: 10px 10px;

}
.site_links>ul>li.slct>p::after,
.site_links>ul>li.slct>a::after{
background: rgb(158,216,245);
background: -moz-linear-gradient(left,  rgba(158,216,245,1) 0%, rgba(0,160,232,1) 100%);
background: -webkit-linear-gradient(left,  rgba(158,216,245,1) 0%,rgba(0,160,232,1) 100%);
background: linear-gradient(to right,  rgba(158,216,245,1) 0%,rgba(0,160,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ed8f5', endColorstr='#00a0e8',GradientType=1 );
}
.site_links>ul>li>ul{
	margin: 0;
	padding: 0;
	font-size: 1.1rem;
}
.site_links>ul>li.slct>ul{
	display: block;
	height: auto;
}
.site_links ul li ul li{
	position: relative;
	list-style-type: none;

	margin: 0;
	padding: 0;
}
.site_links ul li ul li a{
	color: #494949;
	display: block;
	height: 35px;
	line-height: 35px;
	background: #fff;
	margin: 0;
	padding: 0 0 0 25px;
	border-bottom: 1px dashed #C8C9CA;
}
.site_links ul li ul li a:hover{
	color: #4794D1;
}

.site_links ul li ul li a::before{
	content: "";
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 10px;
	height: 10px;
	background: url("../img/common/arrow_blue.svg") center center;
	background-size: 10px 10px;

}


/** pager */

.pager{
	clear:both;
	margin: 10px auto !important;
	display: block;
	text-align: center;
}
.pager a,.pager span{
	font-size: 1.4rem;
	display: inline-block;
	padding: 0 1px;
	margin:0 2px 0;
	min-width: 2em;
	height: 2em;
	line-height: 2em;
	background: #eee;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
}
.pager a{
	color: #0096df;
}
.pager span{
		color: #bbb;

}

.pager span.now,.pager a:hover{
	background: #0096df !important;
	color: #fff !important;
}
.pager.text{
	position: relative;
	height: 2em;
}

.pager.text a{
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width:33rem;
	margin: auto;
	padding:0 10px;
}
.pager.text a.r{
	right: 0;
}
.pager.text a.c{
	right: 0;	left: 0;
	width: 6em;
}
.pager.text a.l{
	left: 0;
}

.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
.radius{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
.shadow{
	-moz-box-shadow:0 0 5px #999;
	-webkit-box-shadow:0 0 5px #999;
	-o-box-shadow:0 0 5px #999;
	-ms-box-shadow:0 0 5px #999;
	box-shadow:0 0 5px #999;
}
.category_icon{
	padding: 1px;
	margin: 0;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
	position: relative;
	height: 2em;
	width: 14em;
    font-size: 0.9rem;
	vertical-align: middle;
}
.category_icon i{
	font-style: normal;
	padding: 0 0;
	margin: auto;
    border-radius: 1px;
    display: inline-block;
    font-size: 0.9rem;
    text-align: center;
	position: absolute;
	top: 1px;bottom: 1px;left: 1px;right: 1px;
}


.news dd.link a{
    font-size: 1.4rem;
    display: inline-block;
    padding: 0.2em 1em;
    text-decoration: none;
    background: #f7f7f7;
    border-left: solid 6px #0096df;
    color: #0096df;
    font-weight: normal;
    margin: 0 5px 5px 0;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}


.img{
	margin-bottom: 20px;
	display: block;
}

.img img{
	width: auto;
	max-width: 100%;
}
.preview{
	position: absolute;
	right: 0;
	top: 0;
	color:red;
	font-weight: bold;
}



.tab-menu {}
ul.tab-menu {
	display: flex;
	margin: 0 0 10px;padding: 0 0 2px;
	list-style-type: none;
	border-bottom: 4px solid #7E8387;
}
ul.tab-menu.button {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 10px;padding: 0 0 2px;
	list-style-type: none;
	border-bottom: 4px solid #7E8387;
}
ul.tab-menu li{
	cursor: pointer;
	position: relative;
	background: rgb(255,255,255);
	padding: 2px 2px 0;
	width: 25%;
	margin: 0 0 2px 10px;
	border-radius: 4px 4px 0 0;
	height: 45px;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
ul.tab-menu.button li{
	cursor: pointer;
	position: relative;
	background: rgb(255,255,255);
	padding: 2px 2px 0;
	width: 32%;
	min-width: 13em;
	margin: 0 5px 10px;
	border-radius: 4px 4px;
	height: 45px;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
ul.tab-menu li span{
	position: absolute;
	margin: auto;
	padding: 10px 0 0 30px;
	left: 2px;right: 2px;
	top: 2px;bottom: -2px;
	display: block;
	border-radius: 2px 2px 0 0;
	font-size: 1.4rem;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(221,226,229,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,226,229,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(221,226,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dde2e5',GradientType=0 );
}
ul.tab-menu.button li span{
	padding: 10px 0 0 30px;
	left: 2px;right: 2px;
	top: 2px;bottom: 2px;
}
ul.tab-menu li.slct span{
    color: #4794D1;
}
ul.tab-menu li.slct{
	background: rgb(199,232,250);
	background: -moz-linear-gradient(left, rgba(199,232,250,1) 0%, rgba(132,186,229,1) 100%);
	background: -webkit-linear-gradient(left, rgba(199,232,250,1) 0%,rgba(132,186,229,1) 100%);
	background: linear-gradient(to right, rgba(199,232,250,1) 0%,rgba(132,186,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7e8fa', endColorstr='#84bae5',GradientType=1 );
}





ul.tab-menu li span::before{
	content: "";
	position: absolute;
	margin: auto;
	width: 10px;height: 10px;
	background-image: url("/img/common/arrow.svg");
	background-color:rgba(128,128,128,1.00);
	top: 15px;
	left: 15px;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  

}


ul.tab-menu li.slct span::before,
ul.tab-menu li span:hover::before
{
	background-image: url("/img/common/arrow.svg");
	background-color:rgba(34,173,229,1.00);
}




.tab-contents{
	background: #fff;
}
.tab-contents h3{
	padding: 10px 3px 5px;
	margin: 10px;
	font-size: 1.6rem;
}