@import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #dbdbdb;
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.4;
}
body a img {
	border: none;
}
.sp{
    display: none;
}
/* ヘッダー */
.header {
	background: #5aa8d8;
	width: 100%;
	text-align: center;
}
.header .innr {
	background: #5aa8d8;
	width: 940px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
.header .innr .tel {
	position: absolute;
	right: 0;
	top: 10px;
}
.header h1 {
	margin: 0;
	padding: 0;
}
/* /ヘッダー */
/* コンテンツ */
.contents {
	background: #e8e8e8;
}
.contents .innr {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}
.contents h2 {
	margin: 0 0 0 5px;
	padding: 0;
}
.contents .proBls {
	zoom: 1;
	margin-left: 0px;
	width: 970px;
}
.contents .proBls .bl {
	float: left;
	padding-left: 15px;
	padding-bottom: 20px;
	position:relative;
}
.contents .proBls .bl .lightbox_tag{
	display:none;	
}
.contents .proBls .blft {
	float: left;
	padding-left: 0px;
}
.contents .proBls .bl .bt{
	position:absolute;
	left:35px;
	top:215px;
	z-index:99;
}
.contents .proBls .blft .bt{
	left:20px;
}
.contents .proBls .bldw {
	float: left;
	padding-left: 20px;
}
.contents .proBls .bnnr {
	float: left;
	margin-left: 20px;
	display: inline;
	background: url(../images/bnnr_bg.jpg) no-repeat left top;
	height: 250px;
}
.contents .proBls .img {
    margin: 0 10px 10px 10px;
}
.contents .proBls .img a{
    display: inherit;
}

.contents .proBls .bnnr h3 {
	margin: 0;
	padding: 0;
}
.contents .proBls:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.contents .innr_sec {
	width: 940px;
	position: relative;
}
.contents .innr_sec h2{
	margin:0;	
}
.contents .innr_sec .back_top {
	position: absolute;
	top: 20px;
	right: 0px;
}
.contents .pic_fl_view {
	position: relative;
}
.contents .pic_fl_view .bt_pro_flow {
	position:absolute;
	top:176px;
	left:432px;
}
.contents .pic_fl_view .thumb {
	position: absolute;
	left: 0;
	top: 110px;
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 1;
}
.contents .pic_fl_view .thumb li {
	width: 47px;
	height: 58px;
	position: absolute;
	top: 0;
}
.contents .pic_fl_view .thumb li a {
	display: block;
	width: 47px;
	height: 58px;
	font-size: 0;
	overflow: hidden;
	text-indent: -999px;
	font-size: 0;
	background: url(../images/thb_01.gif) no-repeat left top;
	cursor: pointer;
}
.contents .pic_fl_view .thumb li.v1 {
	left: 27px;
}
.contents .pic_fl_view .thumb li.v2 {
	left: 125px;
}
.contents .pic_fl_view .thumb li.v3 {
	left: 236px;
}
.contents .pic_fl_view .thumb li.v4 {
	left: 323px;
}
.contents .pic_fl_view .thumb li.v5 {
	left: 513px;
}
.contents .pic_fl_view .thumb li.v6 {
	left: 681px;
}
.contents .pic_fl_view .thumb li.v7 {
	left: 744px;
}
.contents .pic_fl_view .thumb li.v8 {
	left: 807px;
}
.contents .pic_fl_view .thumb li.v9 {
	left: 870px;
}
.contents .pic_fl_view .thumb li.v1 a {
	background-image: url(../images/thb_01.gif);
}
.contents .pic_fl_view .thumb li.v2 a {
	background-image: url(../images/thb_02.gif);
}
.contents .pic_fl_view .thumb li.v3 a {
	background-image: url(../images/thb_03.gif);
}
.contents .pic_fl_view .thumb li.v4 a {
	background-image: url(../images/thb_04.gif);
}
.contents .pic_fl_view .thumb li.v5 a {
	background-image: url(../images/thb_05.gif);
}
.contents .pic_fl_view .thumb li.v6 a {
	background-image: url(../images/thb_06.gif);
}
.contents .pic_fl_view .thumb li.v7 a {
	background-image: url(../images/thb_07.gif);
}
.contents .pic_fl_view .thumb li.v8 a {
	background-image: url(../images/thb_08.gif);
}
.contents .pic_fl_view .thumb li.v9 a {
	background-image: url(../images/thb_09.gif);
}
.contents .pic_fl_view .thumb li.v1 a:hover {
	background-image: url(../images/thb_01_over.gif);
}
.contents .pic_fl_view .thumb li.v2 a:hover {
	background-image: url(../images/thb_02_over.gif);
}
.contents .pic_fl_view .thumb li.v3 a:hover {
	background-image: url(../images/thb_03_over.gif);
}
.contents .pic_fl_view .thumb li.v4 a:hover {
	background-image: url(../images/thb_04_over.gif);
}
.contents .pic_fl_view .thumb li.v5 a:hover {
	background-image: url(../images/thb_05_over.gif);
}
.contents .pic_fl_view .thumb li.v6 a:hover {
	background-image: url(../images/thb_06_over.gif);
}
.contents .pic_fl_view .thumb li.v7 a:hover {
	background-image: url(../images/thb_07_over.gif);
}
.contents .pic_fl_view .thumb li.v8 a:hover {
	background-image: url(../images/thb_08_over.gif);
}
.contents .pic_fl_view .thumb li.v9 a:hover {
	background-image: url(../images/thb_09_over.gif);
}
.contents .pic_fl_view .thumb li.v1 a.on {
	background-image: url(../images/thb_01_over.gif);
}
.contents .pic_fl_view .thumb li.v2 a.on {
	background-image: url(../images/thb_02_over.gif);
}
.contents .pic_fl_view .thumb li.v3 a.on {
	background-image: url(../images/thb_03_over.gif);
}
.contents .pic_fl_view .thumb li.v4 a.on {
	background-image: url(../images/thb_04_over.gif);
}
.contents .pic_fl_view .thumb li.v5 a.on {
	background-image: url(../images/thb_05_over.gif);
}
.contents .pic_fl_view .thumb li.v6 a.on {
	background-image: url(../images/thb_06_over.gif);
}
.contents .pic_fl_view .thumb li.v7 a.on {
	background-image: url(../images/thb_07_over.gif);
}
.contents .pic_fl_view .thumb li.v8 a.on {
	background-image: url(../images/thb_08_over.gif);
}
.contents .pic_fl_view .thumb li.v9 a.on {
	background-image: url(../images/thb_09_over.gif);
}
.contents .flow a.prev, .contents .flow a.next {
	display: block;
	width: 182px;
	height: 347px;
	background: url(../images/flow_prev.png) no-repeat left top;
	overflow: hidden;
	text-indent: -999px;
	font-size: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
}
.contents .flow a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.contents .flow a.next {
	background: url(../images/flow_next.png) no-repeat left top;
	left: 0px;
}
.contents .flow {
	background: url(../images/bg_flow_view.gif) no-repeat left top;
	width: 940px;
	height: 360px;
	margin: 10px 0;
	overflow: hidden;
}
.contents .flow .innr {
	width: 922px;
	height: 360px;
	overflow: hidden;
	margin: 3px 9px;
	position: relative;
}
.contents .flow .scL, .contents .flow .scR {
	position: absolute;
	z-index: 999;
	top: 0px;
}
.contents .flow .scR {
	right: 0px;
}
.contents .flow ul {
	zoom: 1;
	width: 6000px;
	margin: 0;
	padding: 0;
	font-size: 0;
	position: absolute;
	left: 182px;
	top: 0;
	z-index: 1;
}
.contents .flow ul li {
	float: left;
	display: inline;
	margin: 0 0 0 10px;
	padding: 0;
}
.contents .flow ul:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
/* 表 */
.chart{
	padding:0 0 15px 0;
	text-align:center;	
}
.chart h3{
	text-align:left;
	padding:20px 0 10px 0px;
	margin:0;
}
.chart table {
	border-collapse: collapse;
	width: 940px;
	font-size: 0.8em;
	margin:0 auto;
}
.chart table th,
.chart table td {
	padding: 5px;
	border: 1px solid #e8e8e8;
	width: 50%;
	background: #fff;
	line-height: 1.2em;
	text-align:left;
}
.chart table th {
	background:#ccdbe5;
}
/* /コンテンツ */
/* このページの先頭に戻る */
.page_top {
	width: 940px;
	margin: 0 auto;
	text-align: right;
}
.page_top a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/* /このページの先頭に戻る */
/* 表 */
.chart{
	padding:0 0 15px 0;
	text-align:center;
	line-height:1.4em;
}
.chart h3{
	text-align:left;
	padding:10px 0 10px 24px;
	margin:0 0 10px 8px;
	background:url(../images/icon_chart.gif) no-repeat left center;
}
.chart table {
	border-collapse: collapse;
	width: 560px;
	font-size: 0.8em;
	margin:0 auto;
}
.chart table th,
.chart table td {
	padding: 5px;
	border: 2px solid #ffffff;
	width: 50%;
	background: #e8e8e8;
	line-height: 1.2em;
	text-align:left;
}
.chart table th {
	background:#ccdbe5;
}
.chart .cap{
	padding-top:12px;
	font-size:0.8em;	
}
/* フッター */
.footer .innr {
	background: #dbdbdb;
	padding-bottom: 20px;
}
/* /フッター */


@media only screen and (max-width:767px) {
    img {
        width: 100%;
        height: auto;
    }
    .sp{
        display: block;
    }
    .pc{
        display: none;
    }
    .header .innr {
        width: auto;
        padding: 10px;
    }
    .header .logo {
        width:110px;
        float: right;
        margin-right: -10px;
    }    
    .header h1 {
        width: 170px;
    }
    .header .sub{
        width: 273px;
    }
    
    .contents .innr {
        width: auto;
        padding: 0 20px;
    }
    
    .contents h2 img{
        height: auto;
        width: 90px;
    }
    
    .contents .proBls {
        width: 100%;
    }
    
    .proBls .bl{
        width: 48%;
        margin: 0 0 20px 0;
        padding: 0 0 0 0 !important;
    }
    
    .contents .proBls .bnnr{
        float: right;
        width: 48%;
        height: 46.5vw;
        margin: 0 0 20px 0;
        padding: 0 0 0 0 !important;
    }
    

    .contents .proBls .bl .bt{
        z-index: 1;
        top: 84.5%;
        left: 8.888888888%;
        width: 84.444444444%;
    }
    
    .contents .proBls .bnnr{
        float: right;
        width: 48%;
        height: 47.8vw;
        margin: 0 0 20px 0;
        background: url(../images/bnnr_bg.jpg) no-repeat left top;
        background-size: 100% auto;
        padding: 0 0 0 0 !important;
        
    }
    
    .proBls .bl:nth-child(2),
    .proBls .bl:nth-child(5),
    .proBls .bl:nth-child(7),
    .proBls .bl:nth-child(9),
    .proBls .bl:nth-child(11){
        float: right;
    }
    
    .contents .proBls .bldw {
        clear: both;
        width: 100%;
        margin-bottom: 20px;
        padding-left: 1% !important;
        box-sizing: border-box;
    }
    
    .contents .innr_sec h2 img{
        height: auto;
        width: 243.36px;
    }
    
    .innr_sec .bg{
        padding: 20px;
        background: #ccdbe5;
        margin: 0 -20px;
    }
    
    .bgWhite{
        background: #fff;
        border-radius: 10px;
        padding: 20px 20px 15px 20px;
        overflow: hidden;
        margin: 20px 0 0 0;
    }

    .bgWhite h3{
        color:#0962b1;
        text-align: center;
        font-size: 24px;
        margin-bottom: 15px;
        letter-spacing: 0.1em;
    }

    .bgWhite ul{
    }

    .bgWhite ul li{
        width: 48%;
        float: left;
        list-style: none;
        margin-bottom: 10px;
        font-size: 18px;
    }

    .bgWhite ul li a{
        color:#0962b1;
        text-decoration: none;
    }

    .bgWhite ul li a:hover{
        text-decoration: underline;
    }
    
    .bgWhite ul li:nth-child(even){
        float: right;
    }
    
    .contents .pic_fl_view .bt_pro_flow {
        position: inherit !important;
        top: inherit;
        left: inherit;
        text-align: center;
        margin: 20px 0 0 0;
    }
    
    .contents .pic_fl_view .bt_pro_flow img{
        height: 22px;
        width: auto;
    }
    
    .back_top{
        position: inherit !important;
        margin: 0 auto 30px auto;
        text-align: center;
    }

    .back_top img{
        height: 22px;
        width: auto;
    }
    
    .page_top {
      width: auto;
        padding: 0 20px;
    }

    .page_top img{
        height: 22px;
        width: auto;
    }
    
    .tel{
        padding: 30px 20px;
        background: #5aa8d8;
    }

    .tel img{
        max-width: 390px;
    }
    
    /* フッター */
    .footer .innr img{
        height: 20px;
        width: auto;
    }
}