@charset "utf-8";

/* CSS Document */
/*default page*/
#header .page::before{content:""; width:650px; height:240px; background:url("../images/bg1.png?v=0703") no-repeat ; background-size:contain; position:absolute; top:0; left:50%; pointer-events:none;}
.cacmd2{background:#fff url("../images/bg2.jpg?v=0703") no-repeat bottom center; padding:50px 0 0 0; min-height:800px;}
.cacmd2 p{padding:0 2.8em;}
.cacmd2 h2{padding:0 25%; color:#7a1c2c; line-height:180%;}
.cacmd3, .cacmd4,.cacmd5,.cacmd6,.cacmd7{background:#96cbd0;}
.cacmd3 .page{transform:translateY(-5%);}
.cacmd3 table td:first-of-type{width:40%; text-align: center;}
.cacmd3 table td:first-of-type img{transform:translateY(-25%); max-width:none; width:100%; height:auto;}
.cacmd3 table section{padding:0 2% 0 2.7em;}
.cacmd3 section h3{background:#fff; color:#00497b; display:inline-block; padding:0 5px; letter-spacing: 1px; margin-bottom:10px;}
.cacmd3 section p{margin:0; padding-top:0;}
.cacmd4 table{transform:translateY(-50%);}
.cacmd4 table td:first-of-type{position:relative; width:40%;}
.cacmd4 table td:first-of-type .blk{position:absolute; width:180%; height:auto; top:50%; left:3em; transform:translateY(-50%);}
.cacmd4 table td:last-of-type{text-align:right;}
.cacmd4 section{padding:0 0 0 3.5em;}
.cacmd5 .imgmp{text-align:center; line-height:0;}
.cacmd5 .page{transform:translateY(-45%);}
.cacmd5 .more a,.cacmd7 .more a,.cacmd6 .more a{color:#000; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); border-radius:3em; vertical-align: middle; display: inline-block; letter-spacing: 1px; font-size:16px; padding:5px 1em 5px 0.2em;}
.cacmd5 .more a img, .cacmd7 .more a img, .cacmd6 .more a img{vertical-align: middle; margin-right:5px;}
.cacmd5 .more a span, .cacmd7 .more a span, .cacmd6 .more a span{margin-left:1em; transition:.3s;}
.cacmd5 .more a:hover span, .cacmd7 .more a:hover span, .cacmd6 .more a:hover span{transform:translateX(5px);}
.cacmd7 .page{transform:translateY(-50%);}
.cacmd7 table td:first-of-type{width:55%;}
.cacmd7 section, .cacmd6 section{padding:0 0 0 3.5em;}
.cacmd6 .page{transform:translateY(-20%);}
.cacmd6 table td:first-of-type{width:40%; position:relative;}
.cacmd6 table td:last-of-type{text-align:right;}
.cacmd6 table td:first-of-type > div{position:absolute; width:120%; height:auto; left:0; top:10%;}
.syisform table{width:100%; border:none; float:left; margin:0 2%;}
.syisform table th, .syisformtable td{padding:15px 3px;}
.syisform table th{width:7em; text-align:left; font-weight:300;}
.FormLayout{padding-bottom:0;}
.FormLayout .syisform input{background:none; border-bottom:1px solid #333;}

.FormLayout .footermsg{margin-top:100px;}
@media screen and (max-width:1286px){/*desktop*/

}
@media screen and (max-width:960px){/*desktop-small pad*/
#header .page::before{left:40%; top:-10%;}
.cacmd4 table{transform:translateY(-20%);}
.cacmd5 .page{transform:translateY(-20%);}
.cacmd7 .page{transform:translateY(-10%);}
.cacmd2 h2{padding:0 15%;}
.cacmd4 table td:first-of-type .blk{left:0;}

.cacmd7 table td:first-of-type{width:60%;}
.cacmd7 table td:last-of-type{text-align: center;}
.cacmd3,.cacmd4,.cacmd5,.cacmd7{padding-bottom:30px;}
.cacmd6{padding-bottom:60px;}
.cacmd6 table td:first-of-type{width:50%;}
.cacmd6 table td:first-of-type > div{width:100%;}
.syisform table{width:98%; border:none; float:left; margin:0 1%;}
.footermsg{padding-left:0; margin-top:50px;}
}
@media screen and (max-width:767px){/*phone*/
#header .page::before{left:40%; top:0%; width:80%; z-index: 2;}
.cacmd4 table{transform:translateY(0%);}
.cacmd5 .page{transform:translateY(0%);}
.cacmd7 .page{transform:translateY(0%);}
.cacmd6 .page{transform:translateY(0%);}
.cacmd2{background-size: 180%; min-height:auto; padding-bottom:100px;}
.cacmd2 h2{padding:0 2.5em; font-size:18px;}
.cacmd4 table td,.cacmd5 table td,.cacmd6 table td:first-of-type,.cacmd6 table td,.cacmd7 table td:first-of-type,.cacmd7 table td{width:100%; clear:both; display:block;}
.cacmd4 table td:first-of-type{width:100%;}
.cacmd4 table td:first-of-type .blk, .cacmd6 table td:first-of-type > div{position:static; transform:translateY(0); width:100%;}
.cacmd5 .imgmp{padding:20px 0;}
.cacmd7 section, .cacmd6 section,.cacmd2 p,.cacmd4 section{padding:0 0 0 0;}
.cacmd3 table section{padding:0 0 0 0;}
}	

/*A0901*/
.MBLayout h1{width:66%; float:right;}
.MBLayout figure{width:33%;}
.MBLayout .innerhtml.sum{width:66%; padding-left:2em;}
.MBLayout .innerhtml{margin-top:2em;}
@media screen and (max-width:767px){/*phone*/
.MBLayout figure,.MBLayout h1{width:100%; text-align: left; font-size:20px;}
.MBLayout .innerhtml.sum{width:100%; padding-left:0;}
.FormLayout, .FormLayout .page{padding:0;}
.syisform{padding:0;}
.syisform table th{width:100%; padding-bottom:0; padding-top:5px; clear:both; display: block;}
.syisform table td{width:100%; clear:both; display: block;}
.footermsg{padding:2%;}
}