@charset "utf8";
/*=============================
	- font-style
	- 汎用 color & background
	- 汎用 wrap & title
	- content.css 各パーツCSS
==============================*/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
 @import url('https://fonts.googleapis.com/css?family=Kosugi+Maru&display=swap');
/*----------------------------------------------------
	font-style
----------------------------------------------------*/
/*  全体 font  */
html {
    font-family: 'Noto Sans Japanese', sans-serif;/*font-family: "myFont02";*/
}
.mincho {
    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.marumoji {
    font-family: 'Kosugi Maru', sans-serif;
}
/*  web font  or  ダウンロードfont  */
@font-face {
    font-family: "myFont";
    src: url("../fonts/CrimsonText-Italic.eot?") format('eot'), url("../fonts/CrimsonText-Italic.woff") format('woff');
}
.my-font {
    font-family: "myFont";
    letter-spacing: 0.1em;
}
.mb0 {
    margin-bottom: 0px!important;
}
/*@font-face {
  font-family: "myFont02";
  src:url("../fonts/NotoSansCJKjp-Light.eot?") format('eot'),
       	url("../fonts/NotoSansCJKjp-Light.woff") format('woff');
}*/
/*.my-font02 {
  font-family: "myFont02";
  letter-spacing:0.1em;
}*/
/*@font-face {
  font-family: "myFont03";
  src:url("../fonts/NotoSansCJKjp-Medium.eot?") format('eot'),
       	url("../fonts/NotoSansCJKjp-Medium.woff") format('woff');
}*/
/*.my-font03 {
  font-family: "myFont03";
  letter-spacing:0.1em;
}*/
/*----------------------------------------------------
	汎用 color & background
----------------------------------------------------*/
/* color */
.white {
    color: #fff;
}
.green {
    color: #85c8b2;
}
.pink {
    color: #dea6c8;
}
.gold {
    color: #b5a272;
}
.base-color01 {/*--メイン文字カラー--*/
    color: #fff;
}
.base-back01 {/*--メイン背景カラー--*/
    background: #fff;
}
.point-color01 {/*--ポイント文字カラー--*/
    color: #000;
}
.point-color01:first-letter {
    color: #64bfaa;
}
.point-back01 {/*--ポイント背景カラー--*/
    background: #64bfaa;
}
.point-border01 {/*--ポイントボーダーカラー--*/
    border-color: #fff/*ff8ece*/ !important;
}
.accent-color01 {/*--アクセント文字カラー--*/
    color: #64bfaa;
}
.accent-back01 {/*--アクセント背景カラー--*/
    background: #64bfaa;
}
/*  汎用background  */
.bg01 {
    background: url(../images/bg01.png) no-repeat center / cover;
}
.bg02 {
    background: url(../images/bg02.png);
}
.bg03 {
    background: url(../images/bg03.png) no-repeat center bottom / cover;
}
/*  汎用リンクカラー  */
.link-color {
    color: #3a99e0;
}
/*  shadow  */
.shadow {
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.2);
}
/* tab  */
.tab-box .tab-hidden {
    display: none;
}
.tab-head {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #111111;
}
.tab-head li {
    font-size: 18px;
    background: #fff;
    text-align: center;
    padding: 15px 10px;
    border-radius: 5px 5px 0 0;
    border-top: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    background: #eef0f0;
    width: 142px;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
    text-align: center;
    line-height: 1em;
    color: #c1c1c1;
}
.tab-head li.current {
    background: #ecf8f5;
    text-align: center;
    border-top: 1px solid #111111;
    border-left: 1px solid #111111;
    border-right: 1px solid #111111;
    color: #111111;
}
.tab-content {
    border-bottom: 1px solid #111111;
    border-left: 1px solid #111111;
    border-right: 1px solid #111111;
    padding: 50px;
    background: #fff;
}

@media screen and (max-width:680px) {
.tab-out-wrap {
    width: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
.tab-head {
    width: 650px;
}
.tab-head li {
    font-size: 12px;
    padding: 10px;
    text-align: left;
    width: 50%;
    text-align: center;
}
.tab-head li.current {
    padding: 10px;
}
.tab-content {
    padding: 30px 20px;
}
}
/*----------------------------------------------------
	汎用 buttton
----------------------------------------------------*/
.btn01 {
    background: #fff;
    border: 1px solid #212121;
    border-radius: 50px;
    width: 310px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px auto 0;
    position: relative;
    font-size: 16px;
    color: #212121;
}
.btn01:after {
    /*content: "\e900";*/
    font-family: "icomoon";
    display: flex;
    align-items: center;
    height: 100%;
    position: absolute;
    top: 0;
    right: 19px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
.btn02 {
    width: 370px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    font-size: 13px;
    position: relative;
}
.btn02:after {
    content: "\e900";
    font-family: "icomoon";
    position: absolute;
    right: 10px;
    top: 0;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 12px;
}
.btn03 {
    background: #fff;
    border: 1px solid #212121;
    width: 400px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px auto 0;
    position: relative;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 13px;
    color: #212121;
}
.btn03:after {
    content: "\e900";
    font-family: "icomoon";
    display: flex;
    align-items: center;
    height: 100%;
    position: absolute;
    top: 0;
    right: 15px;
    color: #000;
    font-size: 13px;
    font-weight: bold;
}

@media screen and (max-width:680px) {
.btn01 {
    width: 280px;
    height: 50px;
    margin: 30px auto 0;
}
.btn02 {
    width: 260px;
    font-size: 13px;
}
.btn03 {
    width: 280px;
    height: 50px;
}
.content01 p {
    text-align: left;
    font-size: 14px;
}
}
/*----------------------------------------------------
	汎用 wrap & title
----------------------------------------------------*/
/*  width 管理  */
.mywidth {
    max-width: 1300px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 681px) and (max-width: 1340px) {
.mywidth {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
}

@media screen and (max-width:680px) {
.mywidth {
    width: 100%;
    padding: 0 10px;
}
}
/*  メインコンテンツwrap   */
#main-wrapp {
    overflow: hidden;
    margin: 0px 0 0;
}

@media screen and (max-width:680px) {
#main-wrapp {
    overflow: hidden;
    margin: 0px 0 0px;
}
}
/*  ▼▼▼▼  サイドバー有りcontent  ▼▼▼▼   */
/* #main{
	width:800px;
	float:left;
}
@media screen and (max-width:680px){
	#main{
		width:100%;
		float:auto;
	}
} */
/* #side{
	width:240px;
	min-height:500px;
	background-color:red;
	float:right;
}
#side .side-contents{
	margin-bottom:20px;
}
@media screen and (max-width:680px){
	#side{
		width:100%;
		float:auto;
		margin-top: 60px;
	}
	#main{
		width:100%;
		float:auto;
	}
} */
/*  ▲▲▲▲  サイドバー有りcontent  ▲▲▲▲   */

/* wrap */
.content-box {
    padding: 60px 0px 0;
}

@media screen and (max-width:680px) {
.content-box {
    padding: 40px 0px 0;
}
}
/* title */
.content-title01 {
    font-size: 20px;
    letter-spacing: 0.1em;
    text-align: center;
    position: relative;
    margin-bottom: 40px;
}
.content-title01 span {
    font-size: 45px;
    color: #535353;
    font-weight: 300;
    display: block;
    text-align: center;
    margin: 10px auto 0;
    letter-spacing: 0.15em;
    font-style: italic;
}
.content01 p {
    letter-spacing: 0.1em;
}

@media screen and (max-width:680px) {
.content-title01 {
    font-size: 16px;
    margin-bottom: 30px;
}
.content-title01 span {
    font-size: 30px;
    margin: 0 auto 0;
}
}
/*  content-title02  */
.content-title02 {
    text-align: right;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.content-title02 span {
    font-size: 15px;
    font-family: "myFont";
}

@media screen and (max-width:680px) {
.content-title02 {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
}
}
/* content-dl */
.content-dl dt {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
}
.content-dl dd {
    font-size: 14px;
}

@media screen and (max-width:680px) {
.content-dl dt {
    font-size: 16px;
    margin-bottom: 5px;
}
.content-dl dd {
    font-size: 12px;
}
}
/* content-ul */
.content-ul li {
    font-size: 14px;
    padding: 2px 0px;
    margin-left: 1em;
    text-indent: -1em;
}

@media screen and (max-width:680px) {
}
/* table */
.content-table {
    border: 1px solid #c8c8c8;
}
.content-table th, .content-table td {
    border: 1px solid #c8c8c8;
    vertical-align: top;
    text-align: left;
    font-size: 16px;
}
.content-table th {
    background: #eaeaea;
    padding: 20px 15px;
}
.content-table td {
    background: #fff;
    padding: 20px 20px;
}

@media screen and (max-width:680px) {
.content-table.sp-block {
    display: block;
    border-top: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    border-bottom: none;
}
.content-table.sp-block th, .content-table.sp-block td {
    display: block;
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #c8c8c8;
    padding: 10px 15px;
    font-size: 14px;
}
.content-table.sp-block th {
    text-align: center;
}
}
/*----------------------------------------------------
	content.css  各パーツCSS
----------------------------------------------------*/
/*  丸型ボタン  */
.maru-btn {
    border-radius: 50px;
    padding: 3px 20px;
    margin-right: 15px;
}
.maru-btn i {
    padding-right: 10px;
}
/*  丸型ボタン  */
.link-btn01 {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 215px;
    margin: 60px auto 0;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    position: relative;
}
.link-btn01:after {
    content: "\f105";
    font-family: "FontAwesome";
    position: absolute;
    right: 10px;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 16px;
}

@media screen and (max-width:680px) {
.link-btn01 {
    margin: 30px auto 0;
}
}
/*  content01  */
.content01 {
}

@media screen and (max-width:680px) {
.content01 {
}
}
/*  content02  */
.content02 {
    padding-bottom: 60px;
}
.content02 .box {
    max-width: 432px;
}
.content02 .box .img-wrapp {
    text-align: center;
    min-height: 155px;
}
.content02 .box dl {
    padding: 25px 15px;
}
.content02 .box dl dt {
    font-size: 19px;
    margin-bottom: 20px;
    text-align: center;
    /* font-family: "myFont03"; */
    font-weight: bold;
    line-height: 1.8em;
}
.content02 .box dl dd {
    font-size: 15px;
    letter-spacing: 0.05em;
    line-height: 1.8em;
}

@media screen and (max-width:680px) {
.content02 {
    padding-bottom: 40px;
}
.content02 .box:last-child dl {
    padding: 25px 15px 0;
}
.content02 .box dl dt {
    font-size: 16px;
    margin-bottom: 10px;
}
.content02 .box dl dd {
    font-size: 13px;
    line-height: 1.8em;
}
}
/*  content03  */
.bg_01 {
    background: #f0f0f0;
}
.content03 {
    padding-top: 35px;
    padding-bottom: 60px;
}
.top-search {
}
.content03 .mywidth {
    max-width: 1180px;
}
.top-search .content-title03 {
    margin-bottom: 35px;
}
.top-search .content-title03.area {
    margin-bottom: 50px;
}
.top-search .content-title03.area {
    background: url(../images/icon-area.png) no-repeat;
    background-position: 0 0;
    padding: 3px 0 3px 45px;
}
.top-search .content-title03.job {
    background: url(../images/icon-job.png) no-repeat;
    background-position: 0 0;
    padding: 3px 0 3px 45px;
}
.top-search .content-title03 div {
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 0.05em;
    display: inline-block;
}
.top-search .content-title03 span {
    font-size: 20px;
}
.top-search .content-title03 .en {
    font-size: 16px;
    color: #a8a7a7;
    font-weight: 300;
    font-style: italic;
    display: flex;
    align-items: center;
}
.top-search .left-wrap, .top-search .right-wrap {
    width: 48%;
}
.top-search .left-wrap a {
    text-align: center;
    font-size: 16px;
    line-height: 38px;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #4a95d5;
    background: url(../images/arrow_search.png) no-repeat #fff;
    background-position: 15px center;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border: 1px solid #4a95d5;
    padding: 0 20px 0 37px;
    display: inline-block;
}
.top-search .left-wrap a span {
    color: #4a95d5;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0;
}
.top-search .right-wrap ul {
    overflow: hidden;
}
.top-search .right-wrap ul li {
    width: 48%;
    margin: 0 2% 15px 0;
    display: inline-block;
}
.top-search .right-wrap ul li:nth-child(even) {
    margin: 0 0 15px 0;
}
.top-search .right-wrap a {
    height: 50px;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #4a95d5;
    background: #fff;
    border: 1px solid #4a95d5;
    border-radius: 50px;
    display: block;
}
.top-search .right-wrap li:last-child {
    float: right;
    margin: 15px 0 15px 0;
}
.top-search .right-wrap li:last-child a {
    border: 1px solid #b6b5b5;
    color: #212121;
    font-size: 14px;
    font-weight: 300;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.top-search .right-wrap li:last-child a:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/arrow_search_gray.png) no-repeat;
    background-size: contain;
    margin-right: 5px;
}

@media only screen and (min-width: 681px) and (max-width: 1340px) {
}

@media screen and (max-width:680px) {
.content03 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.top-search {
    padding-bottom: 0;
}
.top-search .content-title03 div {
    font-size: 20px;
}
.top-search .content-title03 span {
    font-size: 16px;
}
.top-search .content-title03 .en {
    font-size: 14px;
}
.top-search .content-title03.area {
    background-size: 30px auto;
    background-position: 0 0;
    text-align: left;
    margin-bottom: 20px;
}
.top-search .content-title03.job {
    background-size: 30px auto;
    background-position: 0 8px;
    text-align: left;
    padding: 0 0 0 40px;
    margin-bottom: 20px;
}
.top-search .right-wrap ul li {
    width: 48%;
    margin: 0 2% 10px 0;
}
.top-search .right-wrap ul li:nth-child(2n) {
    margin: 0 0 10px 0;
}
.top-search .right-wrap ul li:nth-child(3n) {
    margin: 0 2% 10px 0;
}
.top-search .right-wrap ul li:nth-child(6) {
    margin: 0 0 10px 0;
}
.top-search .left-wrap ul li {
    width: 48%;
    margin: 0 2% 15px 0;
}
.top-search .left-wrap ul li {
    width: 48%;
    margin: 0 2% 15px 0;
    float: left;
}
.top-search .left-wrap ul li:nth-child(2n) {
    margin: 0 0 15px 0;
}
.top-search .left-wrap ul li:nth-child(3n) {
    margin: 0 2% 15px 0;
}
.top-search .left-wrap ul li:nth-child(6) {
    margin: 0 0 15px 0;
}
}
.map-area {
    background: url(../images/map-bg.png) no-repeat;
    background-size: 403px auto;
    background-position: center;
    min-height: 325px;
    position: relative;
}
.map-area a.area01 {
    position: absolute;
    left: 15%;
    top: -22px;
}
.map-area a.area02 {
    position: absolute;
    right: 16%;
    top: 35%;
}
.map-area a.area03 {
    position: absolute;
    left: 13%;
    top: 31%;
}
.map-area a.area04 {
    position: absolute;
    bottom: 20%;
    left: 6%;
}
.map-area a.area05 {
    position: absolute;
    bottom: 20%;
    left: 72%;
}

@media screen and (max-width:680px) {
.top-search .left-wrap,  .top-search .right-wrap {
    width: 100%;
}
.top-search .left-wrap a,  .top-search .right-wrap a {
    font-size: 14px;
    height: inherit;
    line-height: 1.4em;
    padding: 10px 0;
}
.map-area {
    background: none;
    min-height: inherit;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
}
.map-area a.area01 {
    position: static;
}
.map-area a.area02 {
    position: static;
}
.map-area a.area03 {
    position: static;
}
.map-area a.area04 {
    position: static;
}
.map-area a.area05 {
    position: static;
}
.top-search .left-wrap a {
    background-size: 15px auto;
    width: 48%;
    margin-bottom: 10px;
    padding: 10px 0 10px;
    border-radius: 50px;
    background: #fff;
    border: 1px solid #4a95d5;
}
.top-search .left-wrap a span {
    font-size: 13px;
}
}
/*  content04  */
.content04 {
    padding: 60px 0 60px;
}
.content04 .slick-class {
}
.content04 .box {
    width: 25%;
    max-width: 300px;
    margin-bottom: 30px;
}
.content04 .box a {
    display: block;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    transition: 0.3s;
}
.content04 .box a:hover {
    opacity: 0.7;
}
.content04 .box a .img-wrap {
    display: table;
    height: 200px;
    width: 100%;
}
.content04 .box a .img-wrap .center {
    display: table-cell;
    vertical-align: middle;
}
.content04 .box a .img-wrap .center img {
    display: block;
    margin: 0 auto;
    max-height: 200px;
    max-width: 100%;
}
.content04 .box a .text-wrap {
    padding: 0 0 0 0;
}
.content04 .box a .text-wrap .text {
    font-size: 14px;
    color: #707070;
    line-height: 1.6em;
    padding: 10px 10px;
}
.content04 .box a .overview {
    padding: 10px 10px;
    background: #fcf5fb;
    overflow: hidden;
}
.content04 .box a .text-wrap .job-type {
    font-size: 12px;
    color: #707070;
    padding-left: 20px;
    margin: 0 13px 5px 0;
    float: left;
    display: inline-block;
    position: relative;
}
.content04 .box a .text-wrap .job-type:before {
    position: absolute;
    left: 0;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icon-oqqu.png) no-repeat;
    background-size: contain;
}
.content04 .box a .text-wrap .place {
    font-size: 12px;
    color: #707070;
    padding-left: 20px;
    margin: 0 13px 5px 0;
    float: left;
    display: inline-block;
    position: relative;
}
.content04 .box a .text-wrap .place:before {
    position: absolute;
    left: 0;
    content: "";
    display: inline-block;
    width: 12px;
    height: 17px;
    background: url(../images/icon-area2.png) no-repeat;
    background-size: contain;
}
.content04 .box a .text-wrap .salary {
    font-size: 12px;
    color: #707070;
    padding-left: 20px;
    float: left;
    display: inline-block;
    position: relative;
}
.content04 .box a .text-wrap .salary:before {
    position: absolute;
    left: 0;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icon-salary.png) no-repeat;
    background-size: contain;
}
.content04 .box a .column-cate {
    background: #b2e0f8;
    padding: 0.5rem;
    display: inline-block;
}

@media screen and (max-width:680px) {
.content04 {
    padding: 30px 0 30px;
}
.content04 .slick-slider {
    margin-bottom: 0;
}
.content04 .slick-class {
    padding: 0 0;
}
.content04 .box {
    width: 48%;
}
.content04 .box a .img-wrap {
    height: 130px;
}
.content04 .box a .text-wrap .text {
    font-size: 14px;
}
}
/*  content05 */
.content05 {
    background: url(../images/para02.png) no-repeat center;
    background-size: cover;
    position: relative;
}
.content05 .content-box {
    position: relative;
    padding: 60px 0;
    margin: 0 0 0;
}
.content05 .point-color01 {
    color: #fff;
}
.content05 .contact-wrap .flex {
    width: 800px;
    margin: 30px auto 0;
}
.content05 .contact-wrap .title {
    font-size: 15px;
    letter-spacing: 0.2em;
    line-height: 2.5em;
}
.content05 .contact-wrap .flex a {
    width: 50%;
    max-width: 380px;
}
.content05 .tel {
    font-size: 22px;
    font-style: italic;
    letter-spacing: 0.15em;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 50px;
    max-height: 60px;
    height: 60px;
}
.content05 .tel:before {
    position: static;
    /* left: 50%; */
    /* top: 50%; */
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../images/footer_tel.png) no-repeat;
    background-size: contain;
    margin-right: 10px;
}
.win .content05 .tel:before {
/*top: -2px;*/
}
.content05 .btn01 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    max-height: 60px;
    height: 60px;
    color: #fff;
    margin: 0;
    position: relative;
    background: #64bfaa;
    border: 1px solid #fff;
}
.content05 .btn01::after {
    color: #fff;
}

@media screen and (max-width:680px) {
.content05 .content-box {
    padding: 60px 10px;
    margin: 0 0 0;
}
.content05 .content-box .mywidth {
    padding: 0px;
}
.content05 .contact-wrap .title {
    font-size: 14px;
    line-height: 1.8em;
}
.content05 .contact-wrap .flex {
    width: 100%;
    margin: 30px auto 0;
}
.content05 .contact-wrap .flex a {
    width: 100%;
}
.content05 .tel {
    font-size: 24px;
    height: 60px;
}
.content05 .tel:before {
    font-size: 20px;
}
.content05 .btn01 {
    font-size: 16px;
    margin-top: 20px;
    height: 60px;
}
}
/*  content06  */
.content06 {
    padding: 60px 0 60px;
}
.content06 ul {
    display: flex;
    justify-content: space-between;
}
.content06 ul li {
    width: 220px;
}
.content06 ul li .img-wrap {
    width: 219px;
    height: 219px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.content06 ul li .img-wrap:before {
    content: "\e900";
    font-family: "icomoon";
    font-size: 30px;
    font-weight: bold;
    display: flex;
    align-items: center;
    height: 100%;
    position: absolute;
    left: -33px;
    top: 0;
    color: #acaaa8;
}
.content06 ul li:first-child .img-wrap:before {
    display: none;
}
.content06 ul li .text {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 0.5em 0;
}

@media screen and (max-width:680px) {
.content06 {
    padding: 30px 0 30px;
}
.content06 ul {
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.content06 ul li {
    width: 40%;
    margin-bottom: 10px;
}
.content06 ul li .img-wrap {
    margin: auto;
    width: 100%;
    max-width: 220px;
    height: auto;
    padding: 0 0 0;
}
.content06 ul li .img-wrap:before {
    display: none;
}
.content06 ul li .text {
    padding: 10px 0 10px;
    font-size: 16px;
}
.content06 .btn01 {
    margin: 10px auto 0;
}
}
/* content07 */
.content07 {
    padding: 60px 0 60px;
}
.content07 .box {
    width: 25%;
    max-width: 300px;
    margin: 3px 15px;
}
.content07 .box a {
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    transition: 0.3s;
    display: block;
}
.content07 .box .img-wrap {
    display: table;
    height: 200px;
    width: 100%;
    position: relative;
}
.content07 .box .img-wrap .cate {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(196,144,191,0.8);
    padding: 5px 10px;
    color: #fff;
    z-index: 1;
}
.content07 .box .text-wrap {
}
.content07 .box .text-wrap p {
    color: #707070;
    font-size: 14px;
    line-height: 1.6em;
    padding: 15px 15px;
}
.content07 .slick-prev {
    left: -30px;
}
.content07 .slick-next {
    right: -30px;
}

@media screen and (max-width:680px) {
.content07 {
    padding: 30px 0 30px;
}
.content07 .slick-class {
    padding: 0 30px 0;
}
.content07 .slick-prev {
    left: 0;
}
.content07 .slick-next {
    right: 0;
}
}


/* content08 */
.content08 {
    position: relative;
    width: 1000px;
    margin: 60px auto 0px;
}


@media screen and (max-width:680px) {
.content08 {
    padding: 0px 10px;
    margin: 0 0 0;
	width: 100%;
}

.content08 .title {
    font-size: 14px;
    line-height: 1.8em;
}
.content08 .flex {
    width: 100%;
    margin: 30px auto 0;
}
.content08 .flex a {
    width: 100%;
	margin-bottom: 20px;
}
}
	
	
/*  news  */
.home .news {
    padding: 60px 0 60px;
}
.news {
}
.news .list-wrap {
    width: 900px;
    margin: auto;
}
.news .list-wrap li {
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 10px 0;
}
.news .list-wrap li .date {
    min-width: 130px;
    font-size: 14px;
    color: #4e4d4d;
}
.news .list-wrap li .text {
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.1em;
}
.news .list-wrap li .text a {
    color: #4e4d4d;
}
.news .list-wrap li .text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media screen and (max-width:680px) {
.home .news {
    margin: 0 auto;
    padding: 30px 0 30px;
    position: static;
}
.news {
    position: relative;
    top: 0px;
    margin-top: 50px;
    height: auto;
    padding-bottom: 50px;
}
.news .content-title01 {
    position: relative;
    bottom: auto;
    background: none;
    width: auto;
}
.news .out-wrap {
    padding: 20px 10px 20px;
    width: 100%;
}
.news .list-wrap li {
    flex-direction: column;
    align-items: flex-start;
}
.news .list-wrap li:last-child {
    padding: 10px 0 0;
}
.news .list-wrap li .date {
    min-width: auto;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}
.news .list-wrap li .text {
    width: 100%;
}
}
/* 画像トリミングcss */
.slider-bg .img-wrap {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.slider-bg .img-wrap .center {
    position: relative;
    width: 100%;
    padding-top: 180px;
    overflow: hidden;
    margin: 0 auto;
}
.slider-bg .img-wrap .center img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 150%;
    max-height: 150%;
}
.ellipsis {
    position: relative;
    height: 82px;
    overflow: hidden;
    line-height: 20px;
}
.ellipsis:before, .ellipsis:after {
    position: absolute;
    background: #fff;
}
.ellipsis:before {
    content: "･･･";
    bottom: 0;
    right: 13px;
}
.ellipsis:after {
    content: "";
    width: 100%;
    height: 100%;
}
.register_wrap {
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 65%;
    text-align: center;
    overflow: hidden;
    clear: both;
}
.register_wrap .btn01 {
    margin: 0 auto;
    width: 370px;
    height: auto;
    padding: 15px 0;
    line-height: 1.4em;
    font-size: 16px;
    text-align: center;
    color: #333;
    background: #fff;
    color: #212121;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    display: block;
    letter-spacing: 0.08em;
    font-family: 'Noto Sans Japanese', sans-serif;
}
.register_wrap .btn01::after {
    content: "";
    font-family: "icomoon";
    display: flex;
    align-items: center;
    height: 100%;
    position: absolute;
    top: 0;
    right: 19px;
    font-size: 16px;
}
.register_wrap .btn02 {
    margin: 0 auto;
    width: 370px;
    min-height: auto;
    padding: 15px 0;
    line-height: 1.4em;
    font-size: 16px;
    text-align: center;
    color: #333;
    background: #eccbda;
    border: 2px solid #eccbda;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    display: block;
    letter-spacing: 0.08em;
    font-family: 'Noto Sans Japanese', sans-serif;
    cursor: pointer;
}


/* content09 */
.content09 {
    padding: 30px 0 30px;
}
.text_link {
	color: #3d70fc;
	text-decoration: underline;
}
.content09 .text_link {
	font-size: 18px;
}
@media screen and (max-width:680px) {
	.content09 .text_link {
		font-size: 14px;
	}
	
}