@charset "utf-8";

#mainvis{
	background:#000;
	text-align:center;
	position:relative;
	border:none;
}div#mainvis {
    min-height: 600px;
	background: url("../img/top/mv.png");
	background-size: cover;
}
#mainvis .mf-inner{
	padding:0;
}

#mainvis .ctext{
	position:absolute;
	left:0;
	right:0;
	top:53%;
	transform:translate(0,-50%);
}

#pankuzu{display:none;}

 

/*****************************************/
 div#mf1 {
	 background: url("../img/top/mf1bg.png");
	 padding: 20px 0;
	 font-size: 26px;
	 text-align: center;
}div#mf1 {
    background: url(../img/top/mf1bg.png);
    padding: 20px 0;
    text-align: center;
    background-size: cover;
}div#mf1 h2.pc span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px;
}
div#mf1 h2.pc font {
    font-size: 26px;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}
div#mf1 h2.pc {
    display: table;
}
div#mf2 {
    padding: 50px 0;
}.mf2-box .img, .mf2-box .txt {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
	position: relative;
}.mf2-box {
    display: table;
}.mf2-box .txt h3 {
    text-align: center;
    color: #0c77af;
    font-size: 40px;
    line-height: 1.3;
    margin-bottom: 50px;
    font-weight: bold;
}.mf2-box .txt:after {
    content: url(../img/top/mf2-2.png);
    position: absolute;
    top: -25px;
}
.mf2-box .txt p {
    font-size: 16px;
}
div#mf3 .mf-frame {
    width: 100%;
}
.accordion-container .panel .content .txt {
    max-width: 1000px;
    margin: 0 auto;
    padding: 100px 0 ;
}.accordion-container .panel .content .txt:last-child {
    padding: 0 0 100px;
}
.accordion-container .panel .content .txt h4 span {
    border-bottom: 2px solid;
}
.accordion-container .panel .content .txt h4 {
    font-size: 24px;
    text-align: center;
    color: #0c77af;
    margin-bottom: 30px;
}
.accordion-container .panel .content .txt h3 {
    width: 100%;
    text-align: center;
    font-size: 40px;
    margin-bottom: 30px;
    color: #0c77af;
}
div#mf4 h2 {
    font-size: 40px;
    color: #0c77af;
    padding: 20px 0;
    text-align: center;
    font-weight: bold;
    border-top: 3px solid;
    border-bottom: 3px solid;
}div#mf4 {
    margin-top: -3px;
}
.mf4wrap {
    margin: 80px 0;
	text-align: center;
}
.mf4-con .title {
    display: table;
    margin: 30px auto;
    color: #0c77af;
    height: 50px;
}.mf4-con .title h3 {
    display: table-cell;
    font-size: 30px;
    vertical-align: middle;
}.mf4-con .title p {
    display: table-cell;
    font-size: 22px;
    vertical-align: middle;
}.mf4-con .title p font {
    font-size: 20px;
    background: #0c77af;
    padding: 0 20px;
    margin: 0 10px;
    color: #fff;
}.btn {
    text-align: center;
    width: 100%;
}
.btn a {
    display: inline-block;
    margin: 0 0 50px;
}







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

#hmenu .mf-inner .top{
	display:block;
}
#hmenu .mf-inner .sec{
	display:none;
}

#mainvis .ctext{
	left:5vw;
	right:5vw;
	top:55%;
}

.btn a {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0 5vw;
}

#to-top,
#to-contact{
	display:none !important;
}

#pagetop{
	bottom:3.13vw;
}


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

div#mf1 {
    background: url(../img/top/mf1bg.png);
    padding: 0;
    text-align: center;
    background-size: cover;
}
  div#mf2 {
    padding: 20px;
}.mf2-box {
    display: block;
}
 .mf2-box .img, .mf2-box .txt {
    display: block;
    width: 100%;
    vertical-align: middle;
    position: relative;
}.mf2-box .txt h3 {
    text-align: center;
    color: #0c77af;
    font-size: 2em;
    line-height: 1.3;
    margin: 20px auto;
    font-weight: bold;
}.mf2-box .txt:after {
    content:none
}
.mf2-box {
	background: url(../img/top/mf2-2.png) left center no-repeat;
	background-size: cover;
	}.mf2-box .txt p {
    font-size: 16px;
    line-height: 2;
}div#mf4 h2 {
    font-size: 2em;
    color: #0c77af;
    padding: 20px 0;
    text-align: center;
    font-weight: bold;
    border-top: 3px solid;
    border-bottom: 3px solid;
}.mf4wrap {
    margin: 0;
    text-align: center;
}.mf4-con {
    padding: 20px;
}.mf4-con figure {
    padding: 0;
    margin: 0;
}.mf4-con .title {
    display: block;
    margin: 30px auto;
    color: #0c77af;
    height: 50px;
}.mf4-con .title h3 {
    display: block;
    font-size: 1.4em;
    vertical-align: middle;
    margin-bottom: 10px;
}.mf4-con .title p {
    display: block;
    font-size: 1.2em;
    vertical-align: middle;
}.mf4-con .title p font {
    font-size: 1em;
    background: #0c77af;
    padding: 0 20px;
    margin: 0 10px;
    color: #fff;
}
}






@media screen and (max-width: 640px) {
div#mainvis {
    min-height: auto;
    background: url(../img/top/mv.png);
    background-size: cover;
}
#cbox12 .cboxs .cimg {
	width: 83vw;
}

}