@charset "utf-8";
/* CSS Document */
header h1{text-align: center;line-height: 50px;margin:10px 0 0 0;}
header#headindex:after{font-family:"Ionicons";color:#05a5bd;font-size:60px;content: '\f3d0';border-radius: 50%;width: 80px;height: 80px;bottom: -40px;z-index: 10; background:#6CDDE9;position: absolute; pointer-events: none;text-align: center;line-height:90px;box-shadow: 1px 20px 50px -20px #000;
-webkit-animation: slide-bottombounse 1.5s ease-out infinite alternate forwards;animation: slide-bottombounse 1.5s ease-out infinite alternate forwards;
}

.headnavi{width: 100%;background: #a2deed;position: fixed;z-index: 99;}
.headtext{position:absolute;}
.text{background: #fff;padding: 20px!important;box-shadow: 1px 10px 50px -25px #000;border-radius: 5px;margin: 0 0 50px 0}

#intro{background: url(../img/bg2.jpg)}
#sec2{background:linear-gradient(-15deg, #E1F4F9 20%, rgba(0, 0, 0, 0) 10%), linear-gradient(10deg, #FBE6E5 50%, rgba(0, 0, 0, 0) 10%), linear-gradient(-25deg, #F7E5C9 70%, #EBF4C7 10%);background-size:cover;}
#sec3{
background:linear-gradient(-10deg, #F7F3C9 15%, rgba(0, 0, 0, 0) 5%), linear-gradient(25deg, #F7CAC9 15%, rgba(0, 0, 0, 0) 5%), linear-gradient(173deg, #e1f4f9 14%, rgba(0, 0, 0, 0) 0%), linear-gradient(167deg, #FDF4E3 16%, rgba(0, 0, 0, 0) 5%), linear-gradient(182deg, #f7d8d9 8%, rgba(0, 0, 0, 0) 5%), linear-gradient(-25deg, #F5FDDE 20%, rgba(0, 0, 0, 0) 5%), linear-gradient(60deg, #FDF4E3 15%, rgba(0, 0, 0, 0) 5%), #fafafa;}
#sec4{background:linear-gradient(174deg, #f7f3c9 30%, rgba(0, 0, 0, 0) 0%), linear-gradient(189deg, #f7d8d9 25%, rgba(0, 0, 0, 0) 5%), #fafafa;}
#bottom,
.contents{background: #fafafa !important;}

footer{background: #292d35;padding: 50px 0;text-align: center;color: #FFF;}
.padding{padding: 15px; box-sizing: border-box}
.round{border-radius: 5px;}

/*pc*/
@media screen and (min-width:1021px){
.pchidden{display: none}
section{min-height: 60%;padding: 100px 100px;overflow: hidden;}
header#headindex:after{left: 47%;}
.headtext{top: 15%;left: 100px}
.headnavi{display: flex;}
header#headindex{height: 90%;position: relative;width: 100%;background: linear-gradient(45deg, #FBE6E5 40%, rgba(0, 0, 0, 0) 40%),url(../img/headbg.jpg) no-repeat left top;background-size: cover;background-attachment: fixed;}
.fflex{display: flex;}
#sec1{
background: -webkit-linear-gradient(45deg, #fff 10%, rgba(0, 0, 0, 0) 50%),url(../img/img01.jpg) center;
background: -o-linear-gradient(45deg, #fff 10%, rgba(0, 0, 0, 0) 50%), url(../img/img01.jpg) center;
background: -moz-linear-gradient(45deg, #fff 10%, rgba(0, 0, 0, 0) 50%), url(../img/img01.jpg) center;
background: linear-gradient(45deg, #fff 10%, rgba(0, 0, 0, 0) 50%),url(../img/img01.jpg) center;
background-size: cover;background-attachment: fixed;}
.textbg1{background: url(../img/000bg.jpg) no-repeat right top #fff;background-size: cover;}
.textbg2{background: url(../img/jobbg.jpg) no-repeat right center #fff;background-size: contain;}

.flexbox{display: flex;justify-content:-webkit-space-around;justify-content: space-around;-webkit-flex-wrap: wrap;flex-wrap:wrap;}
.w10{width: 10%;}
.w20{width: 20%;height: auto;padding: 0 10px;}
.w30{width: 32%;height: auto;padding: 0 10px;}
.w30_f{width: 30%;height: auto;padding: 0 10px;}
.w40{width: 40%;height: auto;padding: 0 10px;}
.w45{width: 45%;height: auto;padding: 0 10px;}
.w50{width: 50%; padding: 0 20px;box-sizing: border-box}
.w60{width: 60%;height: auto;padding: 0 10px;}
.w70{width: 70%;height: auto;padding: 0 10px;}
.w80{width: 80%;height: auto;padding: 0 10px;}

img.w20{width: 20%;height: auto;}
img.w30{width: 30%;height: auto;}
img.w40{width: 40%;height: auto;}
img.w50{width: 50%; padding: 0 10px;height: auto}
img.w60{width: 60%;height: auto}
img.w70{width: 70%;height: auto}
img.w80{width: 80%;height: auto}

/* DivTable.com */
.divTable{display: table;width: 100%;border-top: 1px solid #18697E;border-left: 1px solid #18697E;border-right: 1px solid #18697E;}
.divTableRow {display: table-row;}
.divTableHeading {background-color: #EEE;display: table-header-group;}
.divTableCell, .divTableHead {border-bottom: 1px solid #18697E;display: table-cell;padding:15px 10px 10px 10px;}
.divTableHeading {background-color: #EEE;display: table-header-group;font-weight: bold;}
.divTableFoot {background-color: #EEE;display: table-footer-group;font-weight: bold;}
.divTableBody {display: table-row-group;}

}

/*mobile*/
@media screen and (max-width:1020px){
header h1{margin:5px 0 10px 0;}
section{padding: 50px 10px;overflow: hidden;}
header#headindex:after{left: 40%;}
.headtext{bottom: 12%;width: 100%;}
.headtext img{width: 50%;height: auto}
header#headindex{height: 100%;position: relative;width: 100%;background: linear-gradient(35deg, #FBE6E5 20%, rgba(0, 0, 0, 0) 20%),url(../img/headbg_m2.jpg) no-repeat top left;background-size: cover;}
#sec1{background:url(../img/img01_m.jpg) top center;background-size: cover;}
.textbg1{background: url(../img/000bg_m.jpg) no-repeat right center #fff;background-size: cover;}
.divTable{width: 100%;border-top: 1px solid #18697E;border-left: 1px solid #18697E;border-right: 1px solid #18697E;}
.divTableCell, .divTableHead {border-bottom: 1px solid #18697E;padding: 10px;}
}
@media screen and (max-width:470px){.headtext{bottom: 5%;width: 100%;}
.headtext img{width: 100%;height: auto}
header#headindex{height: 100%;position: relative;width: 100%;background: linear-gradient(35deg, #FBE6E5 40%, rgba(0, 0, 0, 0) 20%),url(../img/headbg_m.jpg) no-repeat bottom right;background-size: cover;}}

/*Table*/
table.kekka {border: 1px solid #1C6EA4;width: 100%;border-collapse: collapse;}
table.kekka td, table.kekka th {border: 1px solid #18697E;padding: 8px;}
table.kekka tr:nth-child(even) {background: #D0E4F5;}
table.kekka thead {background: #27a8c8;border-bottom: 2px solid #18697E;}
table.kekka thead th {font-weight: 600;color: #FFFFFF;text-align: center;}

/*Form*/
input[type="text"], input[type="email"], input[type="tel"], textarea{
font-family: "Mplus 1p", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
padding: 10px;display: block;width: 100%;border: 0;outline: 0;line-height: 2.1em;font-size: 18px;background: transparent;transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);border-bottom: 2px solid #27A8C8;margin: 20px 0;font-weight: 400;transform: rotate(0.05deg);}
select{padding: 10px;display: block;width: 100%;outline: 0;line-height: 2.1em;font-size: 18px;border: 2px solid #27A8C8;margin: 20px 0; border-radius: 10px;transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);}
select:focus{border: 2px solid #A8C827;}
input:focus, textarea:focus{border-bottom: 2px solid #A8C827;}
input:-webkit-autofill,
textarea:-webkit-autofill, select:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;}
button{outline: 0;border: 0}