/* ----- Common -----*/
html,body{
width: 100%;
}
* { font-family: "Meiryo", "Hiragino Kaku Gothic Pro", sans-serif;}
html {font-family:Noto Sans Japanese; color:#333333;}
.cl {clear:both; font-size:0px; line-height:0px;}
.cl2 {clear:both;}
img {border-style:none; vertical-align: bottom;}
form {margin:0px; padding:0px;}
.imgfl {float:left; padding:0px 30px 10px 0px;}
.imgfr {float:right; padding:0px 0px 10px 30px;}
.spanfl {float:left; padding:0px 30px 10px 0px;}
.spanfr {float:right; padding:0px 0px 10px 30px;}
.fl {float:left;}
.fr {float:right;}
.txt-s {font-size:10px; line-height:18px;}
.txt-m {font-size:12px; line-height:20px;}
.txt-l {font-size:14px; line-height:26px;}
.txt-lb {font-size:14px; line-height:30px;}
.txt-l2 {font-size:16px; line-height:32px;}
.txt-l3 {font-size:18px; line-height:38px;}
.txt-l4 {font-size:26px; line-height:48px;}
.tar {text-align:right;}
.tac {text-align:center;}
.tal {text-align:left;}
.tx {padding:0px 0px 40px 0px;}
.tx2 {padding:0px 0px 20px 0px;}
.tx3 {padding:0px 0px 10px 0px;}
.tx p {margin:0px; padding:0px 0px 15px 0px;}
.tx2 p {margin:0px; padding:0px 0px 15px 0px;}
.tx3 p {margin:0px; padding:0px 0px 10px 0px;}
.imgindex {display:block; margin:0px; padding:0px 0px 20px 0px; font-size:12px; line-height:22px;}
.imgindex_c {display:block; text-align:center; margin:0px; padding:0px 0px 20px 0px; font-size:12px; line-height:22px;}
.imgindex2 {display:block; margin:0px; padding:0px 0px 0px 0px; font-size:12px; line-height:22px;}
.txindex {display:block; text-align:left; padding:10px 0px 10px 0px; margin:0px 0px 15px 0px; font-size:28px; line-height:38px; color:#92a93a; font-family:Noto Sans Japanese; font-weight:600; border-bottom:1px solid #eeeeee;}
.txindex_c {display:block; text-align:center; padding:10px 0px 10px 0px; margin:0px 0px 15px 0px; font-size:28px; line-height:38px; color:#4c380e; font-family:Noto Sans Japanese; font-weight:600;}
.noto {font-family:Noto Sans Japanese;}
.white {color:#ffffff;}
.blue {color:#1795dd;}
.red {color:#ff0f00;}
.green {color:#7b9804;}
.yellow {color:#f6ff00;}
.orange {color:#ff7800;}
.color444 {color:#444444;}
.color555 {color:#555555;}
.color666 {color:#666666;}
.color888 {color:#888888;}
a {color:#1697a3; text-decoration:none;}
a:hover {color:#02737d; text-decoration:underline;}
.sublink { text-decoration:underline!important;}
/* ----- Parts -----*/
.maru3 {border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.maru5 {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.maru10 {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.pad10 {padding:10px;}
.pad20 {padding:20px;}
.pad30 {padding:30px;}
.mar20 {margin:0px 0px 20px 0px;}
/* ----- Effects -----*/
.opa9 {opacity: 0.9;}
.ov {filter:brightness(100%);-webkit-filter:brightness(100%);-moz-filter:brightness(100%);-o-filter:brightness(100%);-ms-filter:brightness(100%);}
.ov {-webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.ov:hover {filter:brightness(110%);-webkit-filter:brightness(110%);-moz-filter:brightness(110%);-o-filter:brightness(110%);-ms-filter:brightness(110%);}
.shadow {
box-shadow: 0px 0px 10px -5px rgba(140,128,111,1.0);
-moz-box-shadow: 0px 0px 10px -5px rgba(140,128,111,1.0);
-webkit-box-shadow: 0px 0px 10px -5px rgba(140,128,111,1.0);
-o-box-shadow: 0px 0px 10px -5px rgba(140,128,111,1.0);
-ms-box-shadow: 0px 0px 10px -5px rgba(140,128,111,1.0);
}
.shadow2 {
box-shadow: 0px 0px 10px -5px rgba(214,214,214,1.0);
-moz-box-shadow: 0px 0px 10px -5px rgba(214,214,214,1.0);
-webkit-box-shadow: 0px 0px 10px -5px rgba(214,214,214,1.0);
-o-box-shadow: 0px 0px 10px -5px rgba(214,214,214.0);
-ms-box-shadow: 0px 0px 10px -5px rgba(214,214,214,1.0);
}
.ovshadow:hover {
box-shadow: 0px 0px 15px -5px rgba(60,139,220,1.0);
-moz-box-shadow: 0px 0px 15px -5px rgba(60,139,220,1.0);
-webkit-box-shadow: 0px 0px 15px -5px rgba(60,139,220,1.0);
-o-box-shadow: 0px 0px 15px -5px rgba(60,139,220,1.0);
-ms-box-shadow: 0px 0px 15px -5px rgba(60,139,220,1.0);
}
.ovshadow {-webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
/* design table */
table.dtable {width: 100%;margin: 0; border-collapse: separate; border-spacing: 0px 10px;font-size: 14px;}
table.dtable th,
table.dtable td {padding: 10px;}
table.dtable th {background: #65BCC5; vertical-align: middle;overflow: visible; position: relative;color: #fff;font-weight: normal; }
table.dtable th:after {left: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-left-color: #65BCC5;border-width: 10px;margin-top: -10px;}
/* firefox */
@-moz-document url-prefix() {table.company th::after {float: right;padding: 0;left: 30px;top: 10px;content: " ";height: 0;width: 0;position: relative;pointer-events: none;border: 10px solid transparent;border-left: #295890 10px solid;margin-top: -10px;}}
table.dtable td {background: #f8f8f8;padding-left: 20px;}
.pchid {display:none;}
.sphid {}
/*------------------------------------*/
body {margin:0px; text-align:center; padding:0px;}
.calindex {padding:2%;}
.calindex table {border-top:1px solid #dddddd;border-right:1px solid #dddddd;}
.calindex table td {border-bottom:1px solid #dddddd; font-size:12px; line-height:20px;}
.calout {min-width:320px;display:flex; flex-wrap:wrap;}
.calin {width:46%; padding:2%; min-width:140px; }
.calin table {}
.calin table td {font-size:12px; line-height:20px;}
@media screen and (max-width:480px){
.calindex {padding:2%;}
.calindex table {border-top:1px solid #dddddd;border-right:1px solid #dddddd;}
.calindex table td {border-bottom:1px solid #dddddd; font-size:12px; line-height:20px;}
.calout {min-width:200px;display:flex; flex-wrap:wrap;}
.calin {width:96%; min-width:200px;}
.calin table {margin:2%;}
.calin table td {font-size:12px; line-height:20px;}
}