


.sub_ttl{
    padding: 120px 0;
}

.sub_ttl01{
    background: url("../img/common/sub_bg01.jpg") no-repeat center;
    background-size: cover;
}

.sub_ttl02{
    background: url("../img/common/sub_bg02.jpg") no-repeat center;
    background-size: cover;
}

.sub_ttl03{
    background: url("../img/common/sub_bg03.jpg") no-repeat center;
    background-size: cover;
}

.sub_ttl04{
    background: url("../img/common/sub_bg04.jpg") no-repeat center;
    background-size: cover;
}

.sub_ttl05{
    background: url("../img/common/sub_bg05.jpg") no-repeat center;
    background-size: cover;
}

.sub_ttl06{
  background: url("../img/common/sub_bg06.jpg") no-repeat center;
  background-size: cover;
}

.sub_ttl07{
  background: url("../img/common/sub_bg07.jpg") no-repeat center;
  background-size: cover;
}

.sub_ttl08{
  background: url("../img/common/sub_bg08.jpg") no-repeat center;
  background-size: cover;
}

.sub_ttl09{
  background: url("../img/common/sub_bg09.jpg") no-repeat center;
  background-size: cover;
}

.sub_ttl10{
  background: url("../img/common/sub_bg10.jpg") no-repeat center;
  background-size: cover;
}

/*---------------------cont/---------------------*/
.bg01 {
  background: url("../img/top/top01.jpg") no-repeat center;
  background-size: cover;
    background-attachment: fixed;
  padding: 120px 0;
}

.news_box_wap {
  width: 70%;
}

.news_box {
  padding-bottom: 8px;
  margin-bottom: 20px;
  padding-left: 20px;
  position: relative;
  z-index: 0;
}

.news_box:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  z-index: -2;
  background: #ccc;
}

.news_box:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #F09C67;
  z-index: -1;
  -webkit-transform-origin: 0 50% 0;
  transform-origin: 0 50% 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.news_box i {
  position: absolute;
  top: 20%;
  right: 20px;
  -webkit-transition: color 0.35s ease-out 0s, -webkit-transform 0.45s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: color 0.35s ease-out 0s, -webkit-transform 0.45s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 0.45s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, color 0.35s ease-out 0s;
  transition: transform 0.45s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, color 0.35s ease-out 0s, -webkit-transform 0.45s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.news_box_wap .news_box_ttl {
    padding-right: 80px;
}


.news_s_box{
    margin-bottom: 300px;
    width: 100%;
    max-width: 900px;
    margin: auto;
}

.table01 {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
  width: 100%;
}

.table01 th {
  padding: 20px 30px;
  border-right: 1px solid #ccc;
  width: 27%;
}

.table01 td {
  padding-left: 30px;
  line-height: 1.6;
}


table.contact_form {
	width: 90%;
	margin: 40px auto 40px auto;
}
table.contact_form th {
	padding: 2% 1%;
	text-align: center;
	border-right: 1px solid #B5B3BB;
	width: 27%;
	vertical-align: top;
}
table.contact_form td {
	width: 69%;
	text-align: left;
	padding: 2% 2% 2% 6%;
	font-weight: 200;
}
table.contact_form td a {
	color: #716A8A;    
}
.con_frame01 {
	height: 30px;
	width: 100%;
	border: 1px solid #CCCCCC;
}
.con_frame06 {
	height: 150px;
	width: 100%;
	border: 1px solid #CCCCCC;
}
.con_frame01:focus,
.con_frame06:focus{
    outline: none;
}
input[type=button],
input[type=submit]{
    font-family: "Noto Sans JP", sans-serif;
    cursor: pointer;
    transition: 0.3s;
        width: 200px;
}
/*::    例の見た目   ::*/
/* Chrome */
::-webkit-input-placeholder {
	color: #D6D6D6;
	padding-left: 5px;
	padding-top: 5px;
    font-family: "Noto Sans JP", sans-serif;
}
/* Firefox */
::-moz-placeholder {
	color: #D6D6D6;
	padding-left: 5px;
	padding-top: 5px;
    font-family: "Noto Sans JP", sans-serif;
}
/* IE */
:-ms-input-placeholder {
	color: #D6D6D6;
	padding-left: 5px;
	padding-top: 5px;
    font-family: "Noto Sans JP", sans-serif;
}

.contact.form_link{
    width: 310px;
    margin: 40px auto 0;
}



.cont02 > img {
  position: relative;
  left: 50px;
}

.cont02 .cont02_txt_box {
  position: relative;
  z-index: 10;
    margin-top: 50px;
}

.cont04{
    background: url("../img/about/about08.jpg") no-repeat;
    background-size: cover;
    padding: 120px 0;
}

.cont05 .cont05_box{
    margin: 30px 0 0;
}

.cont08 .cont08_box_txt02 i{
    font-size: 36px;
}

.cont09 .cont09_box{
    display: block;
    height: auto;
    overflow: hidden;
    width: 100%;
}

.cont09 .cont09_box figure {
    position: relative;
}

.cont09 .cont09_box figure img{
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.cont09 .cont09_box figure h5{
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


.cont09 .cont09_box figure:hover img{
        -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
}
/*---------------------cont/---------------------*/

.certification-wrap {
  max-width: 1080px;
  width: 90%;
}
.certification-wrap .certification-row .certification-row-item{
  width: 47%;
  border: 2px solid #ea6b7e;
  border-radius: 20px;
  padding: 20px;
}
.certification-wrap .certification-row .certification-row-item .certification-image img {
  min-width: 100px;
}