<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ﾆ馳ﾂーﾆ湛CSS窶卍ｲﾂ青ｮ */
@font-face {
  font-family: myfont;
  src: url('./../../summercamp/fonts/rounded-mplus-1c-medium.eot');
}
@font-face {
    font-family:myfont;
    src: url('./../../summercamp/fonts/rounded-mplus-1c-medium.ttf') format('truetype')
}
body {
    line-height: 20px;
    font-size: 14px;
    color: #333;
    margin-bottom: 0;
    text-align: center;
    padding: 0;
    margin: 0;
}
#headbox{
margin:0px;
height:120px;
overflow:hidden;
}

#content{
  width:100%;
  margin:0px 0px -75px;
  padding:0;
  background: #f6fafb;
  text-align: left;
}

#content IMG{vertical-align:middle;}
#content A IMG{border-width:0px;}
#content H1,
#content H2,
#content H3,
#content H4,
#content H5,
#content H6{padding:0;margin:0;}
#content H5{margin-top:20px;}
#content .floatL{float:left;}
#content .floatR{float:right;}
#content .wrap{overflow:hidden;}
#content .txtC{text-align:center;}
#content .txtR{text-align:right;}
#content .txtB{font-weight:bold;}
#content .mgT25{margin-top: 25px;}
#content .btnarea{padding:45px 0;}
#content .btnarea2{padding:25px 0 45px 0;}
#content H5.arrow{
background:url(./../images/icon_sttl.jpg) no-repeat left 4px;
padding-left:35px;
line-height:35px;
color:#7f653c;
font-size:26px;
font-family:myfont;
margin-bottom:0px;
}

#content H2{
margin:0px;
padding:0px;
font-size:15px;
font-weight:normal;
color:4d4d4d;
line-height:37px;
width:1000px;
margin:auto;
position:relative;
}
#content H2 EM{
color:#fff;
background:url(./../images/h2_date.jpg) no-repeat left 50%;
  background-size:100% 100%;
display:inline-block;
width:260px;
height:37px;
position:absolute;
right:0px;
top:0px;
text-align:center;
font-style:normal;
font-weight:bold;
}

#content .cont_hdr{
padding-bottom:7px;
background:url(./../images/h2_line.jpg) repeat-x left bottom;
}
#content_hdr{
text-align:center;
padding-top:10px;
}
#content_hdr H3{
position:absolute;
z-index:-1;
}


#content .sliderarea{
/*
height:450px;
*/
background:url(./../images/header_ttl.jpg) no-repeat 50% top;
padding-top:190px;
}


/*---content_nav---*/
#content_nav{
  background: #00908e;
}
#content_nav ul {
  display: flex;
  width: 1120px;
  max-width: 96%;
  margin: 0 auto;
}
#content_nav li {
  flex-basis: 100px;
  flex-grow: 1;
}
#content_nav a {
  display: block;
  position: relative;
  padding: 25px 10px;
  font-size: 24px;
  font-weight: bold;
  color: #fff !important;
  text-align: center;
  line-height: 1.5;
  text-decoration: none !important;
  transition: background 0s;
}
#content_nav a:after {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 28px 28px;
  border-color: transparent transparent #ff625a transparent;
  pointer-events: none;
  content: '';
}
#content_nav a:hover {
  background: rgba(255, 255, 255, .2);
  color: #fff !important;
  text-decoration: none !important;
}

/* -----------------------------
content_box1
---------------------------------- */
#content_box1{
width:1010px;
margin:auto;
padding-bottom: 80px;
}
#content_box1 .txt01 {
  margin-top: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #00908e;
  text-align: center;
  line-height: 1.5;
}
#content_box1 .txt02 {
  margin-top: 30px;
  font-size: 16px;
  line-height: 2;
  color: #333;
  text-align: center;
}
#content_box1 h4 {
  display: block;
  position: relative;
  margin-top:50px;
  padding: 10px;
  box-sizing: border-box;
  background: #00908e;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}
#content_box1 h4:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 40px 0 0;
  border-color: #ff625a transparent transparent transparent;
  pointer-events: none;
  content: '';
}
#content_box1 .meal_box.-mt {
  margin-top: 60px;
}
#content_box1 h5 {
  display: block;
  position: relative;
  margin: 30px auto;
  padding: 2px 10px;
  border-bottom: 3px solid #00908e;
  box-sizing: border-box;
  font-size: 30px;
  font-weight: bold;
  color: #047f7c;
  line-height: 1.5;
  text-align: center;
}
#content_box1 h5:after {
  display: block;
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  box-sizing: border-box;
  background: #ff625a;
  content: '';
}
#content_box1 .img_list01 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 880px;
  margin: 0 auto;
}
#content_box1 .img_item01 {
  margin-top: 20px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
}
#content_box1 .meal_txt01 {
  width: 880px;
  margin: 10px auto 0;
  font-size: 16px;
  color: #333;
  line-height: 1.5;
}
#content_box1 .table01 {
  width: 920px;
  margin: 30px auto 0;
  border: 4px solid #00908e;
}
#content_box1 .table01_th,
#content_box1 .table01_td {
  border-right: 2px solid #00908e;
  border-bottom: 2px solid #00908e;
}
#content_box1 .table01_th {
  width: 160px;
  padding: 12px 20px;
  background: #1aa09d;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
}
#content_box1 .table01_td {
  width: calc(100% - 160px);
  padding: 12px 20px;
  background: #fff;
  font-size: 16px;
  color: #333;
}
#content_box1 .table01_defList {
  display: flex;
  font-size: 14px;
  color: #333;
  line-height: 1.5;
}
#content_box1 .table01_defList:first-of-type {
  margin-top: 20px;
}
#content_box1 .table01_defList:not(:last-of-type) {
  margin-bottom: 10px;
}
#content_box1 .table01_defTtl {
  flex-basis: 120px;
  max-width: 120px;
  font-weight: bold;
}
#content_box1 .table01_defDesc {
  font-weight: normal;
}
/* -----------------------------
content_box2
---------------------------------- */
#content_box2{
margin:auto;
padding: 80px 0 50px;
background: #fff;
}
#content_box2 .content_box2_inner {
  width: 1010px;
  margin: 0 auto;
}
#content_box2 h4 {
  display: block;
  position: relative;
  margin-top:50px;
  padding: 10px;
  box-sizing: border-box;
  background: #00908e;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}
#content_box2 h4:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 40px 0 0;
  border-color: #ff625a transparent transparent transparent;
  pointer-events: none;
  content: '';
}
#content_box2 .txt01 {
  margin-top: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #00908e;
  text-align: center;
  line-height: 1.5;
}
#content_box2 .txt02 {
  margin-top: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #333;
  text-align: center;
  line-height: 1.5;
}
#content_box2 .calender {
  margin: 20px auto 40px;
  width: 760px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
#content_box2 .calender table {
  width: 370px;
  font-size: 15px;
  border: #00908e solid 4px;
  border-collapse: separate;
  background: #fff;
}
#content_box2 .calender table:not(:last-child) {
  margin-right: 20px;
}
#content_box2 .calender table td {
  text-align: center;
}
#content_box2 .calender table thead td {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  padding: 5px 0;
  background: #00908e;
  border-bottom: #00908e solid 4px;
}
#content_box2 .calender table tbody td:not(.day) {
  width: calc(100% / 7);
  height: 45px;
}
#content_box2 .calender table td {
  border-bottom: #00908e solid 1px;
  border-right: #00908e solid 1px;
  line-height: 1.2;
  padding: 4px 0;
  font-weight: bold;
}
#content_box2 .calender table td.day {
  font-weight: normal;
}
#content_box2 .calender table td.typeA {
  background: #92ed90;
}
#content_box2 .calender table td.typeB {
  background: #90edb5;
}
#content_box2 .calender table td.typeC {
  background: #7cedc9;
}
#content_box2 .calender table td.typeD {
  background: #90edec;
}
#content_box2 .calender table td.typeE {
  background: #90c7ed;
}
#content_box2 .calender table td.typeF {
  background: #90a4ed;
}
#content_box2 .calender table td.typeG {
  background: #788ee2;
}
#content_box2 .calender table td.typeH {
  background: #617bdd;
}

#content_box2 .room_list01 {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
#content_box2 .room_list01.-col2 {
  width: 660px;
  margin: 20px auto 0;
}
#content_box2 .room_item01 {
  width: 314px;
  background: #fff;
  border: 4px solid #00908e;
  box-sizing: border-box;
}
#content_box2 .room_imgWrap img {
  border-radius: 3px 3px 0 0;
}
#content_box2 .room_ttl01 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 38px;
  background: #edf4f7;
  margin: 0;
  font-size: 18px;
  color: #00908e;
}
#content_box2 .room_desc01 {
  padding: 10px;
  font-size: 13px;
}
#content_box2 .room_blockItem {
  padding-bottom: 50px;
}
#content_box2 .room_blockItem:not(:last-child) {
  border-bottom: 2px dashed #b8b8b8;
}
.price_table{
  margin-top: 20px;
  margin-bottom: 10px;
}
.price_table table{
  width: 100%;
  font-size: 18px;
  background: #fff;
  border: #00908e solid 4px;
  border-collapse:separate;
}
.price_table table:not(:last-child) {
  margin-bottom: 30px;
}
.price_table table th,
.price_table table td{
  text-align: center;
  border-bottom: #d6d6d6 solid 1px;
  padding: 6px 0;
  font-weight: normal;
  line-height: 1.2;
}
.price_table table th:not(:last-child),
.price_table table td:not(:last-child) {
  border-right: #d6d6d6 solid 1px;
}
.price_table table td{
  padding: 16px 0;
  color: #cf0000;
}
.price_table table td small{
  color: #4a4646;
}
.price_table table .num th{
  color: #fff;
  background: #00908e;
  border-bottom: #00908e solid 4px;
}
.price_table table .typeA th,
.price_table table .typeB th,
.price_table table .typeC th,
.price_table table .typeD th,
.price_table table .typeEth,
.price_table table .typeF th,
.price_table table .typeG th,
.price_table table .typeH th {
  width: 300px;
}
.price_table table th[rowspan] {
  width: 75px;
}
.price_table table th[rowspan] ~ th,
.price_table table th[rowspan] ~ td {
  border-bottom: 1px dashed #d6d6d6;
}
.price_table table .typeA th{
  color: #704916;
  background: #bef4bc;
}
.price_table table .typeB th{
  color: #704916;
  background: #bcf4d3;
}
.price_table table .typeC th{
  color: #704916;
  background: #7cedc9;
}
.price_table table .typeD th{
  color: #704916;
  background: #90edec;
}
.price_table table .typeE th{
  color: #704916;
  background: #90c7ed;
}
.price_table table .typeF th{
  color: #704916;
  background: #90a4ed;
}
.price_table table .typeG th{
  color: #704916;
  background: #788ee2;
}
.price_table table .typeH th{
  color: #704916;
  background: #617bdd;
}
.price_table table th.-red {
  color: #cf0000;
}
.price_table .price_desc01 {
  margin-top: 10px;
  font-size: 14px;
}
.price_txt01 {
  margin-top: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #00908e;
  text-align: center;
}
.price_txt02 {
  margin-top: 12px;
  font-size: 14px;
  color: #3f3f3f;
  line-height: 1.8;
}

#content_box2 .roomattention{
  display: block;
  width: 1000px;
  margin: 40px auto 0;
  padding: 20px 50px;
  border: 1px solid #b2bec4;
  border-radius: 10px;
  box-sizing: border-box;
}
#content_box2 .roomattention P{
font-size:15px;
line-height:160%;
}

#content_box2 .tourcourse{
position:relative;
}
#content_box2 .tourcourse .course_ttl{
position:absolute;
top:-10px;
left:-20px;
z-index:100;
}
#content_box2 .tourcourse UL{
padding:43px 0 0 0;
margin:0 0 10px 15px;
}
#content_box2 .tourcourse LI{
display:block;
width:330px;
float:left;
padding:0;
margin:0;
text-align:center;
}
#content_box2 .ranking{
width:344px;
height:280px;
background:url(./../images/box2_ranking.jpg) no-repeat left top;
text-align:center;
padding-top:30px;
}
#content_box2 .spot1{
display:inline-block;
background:url(./../images/box2_img6.jpg) no-repeat 20px top;
padding-left:520px;
min-height:254px;
margin-top:10px
}
#content_box2 .spotbg1{
background:url(./../images/box2_img6_bg.jpg) no-repeat left top;
width:405px;
height:201px;
padding:10px 20px;
padding-right:25px;
position:relative;
}
#content_box2 .spotbg1 .time{
background:#ebb7b7;
color:#333;
padding:5px 1em;
}
#content_box2 .spotbg1 P.info{
color:#333;
font-size:16px;
line-height:160%;
min-height:130px;
font-weight:bold;
    margin-bottom: 15px;
}
#content_box2 .spotbg1 P.info A{
  font-size:80%;
}

#content_box2 .spot2{margin-top:30px;}
#content_box2 .spot2{
display:inline-block;
background:url(./../images/box2_img7.jpg) no-repeat right top;
padding-right:500px;
padding-left:20px;
min-height:254px;

}
#content_box2 .spotbg2{
background:url(./../images/box2_img7_bg.jpg) no-repeat left top;
width:405px;
height:168px;
padding:10px 30px 10px 20px;
position:relative;
}
#content_box2 .spotbg2 .time{
background:#ebb7b7;
color:#333;
padding:5px 1em;
}
#content_box2 .spotbg2 P.info{
color:#333;
font-size:16px;
line-height:160%;
min-height:100px;
font-weight:bold;
    margin-bottom: 15px;
}
#content_box2 .spotbg2 P.info A{
  font-size:80%;
}
#content_box2 .staff{
position:relative;
top:-40px;
}

/* -----------------------------
content_box1
---------------------------------- */
#content_box3{
width:1010px;
margin:auto;
padding-bottom: 50px;
}
#content_box3 h4 {
  display: block;
  position: relative;
  margin-top:50px;
  padding: 10px;
  box-sizing: border-box;
  background: #00908e;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}
#content_box3 h4:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 40px 0 0;
  border-color: #ff625a transparent transparent transparent;
  pointer-events: none;
  content: '';
}
#content_box3 .txt01 {
  margin-top: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #00908e;
  text-align: center;
  line-height: 1.5;
}
#content_box3 .txt02 {
  margin-top: 30px;
  font-size: 16px;
  line-height: 2;
  color: #333;
  text-align: center;
}

.option_list01 {
  width: 910px;
  margin: 30px auto 0;
}
.option_item01 {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  background: #fff;
  border: 4px solid #e3d6b2;
  box-sizing: border-box;
  border-radius: 8px;
}
.option_item01 + li {
  margin-top: 20px;
}
.option_item01 .option_imgWrap {
  width: 384px;
  margin: 0;
}
.option_item01 .option_txtWrap {
  position: relative;
  width: calc(100% - 404px);
  margin: 0;
}
.option_item01 .option_ttl01 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3;
  color: #0059ae;
  margin: 12px 0 0 !important;
}
.option_item01 .option_ttl01 .-small {
  font-size: 12px;
}

.option_item01 .option_desc01 {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.5;
}
#content_box3 .option_linkWrap {
  position: absolute;
  left: 0;
  bottom: 0;
}
#content_box3 .option_link01 {
  display: inline-block;
  position: relative;
  padding: 10px 25px;
  padding-right: 45px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #0067c1;
  font-size: 16px;
  font-weight: bold;
  color: #fff !important;
  text-align: center;
  line-height: 1.5;
  overflow: hidden;
  text-decoration: none !important;
}

#content_box3 .option_link01:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 27px;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #03559d;
  content: ''; }

#content_box3 .option_link01:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: ''; }

#content_box3 .option_link01:hover {
  opacity: .8;
  color: #fff !important;
  text-decoration: none; }
#content_box3 .lead_txt01 {
  width: 563px;
  height: 38px;
  background:url(./../images/bg_ttl02.png) no-repeat center top;
  margin: 40px auto 0;
  padding-top: 10px;
  font-size: 26px;
  font-weight: bold;
  color: #7f6b27;
  text-align: center;
}
#content_box3 .lead_txt02 {
  width: 615px;
  height: 38px;
  background:url(./../images/bg_ttl03.png) no-repeat center top;
  margin: 40px auto 0;
  padding-top: 10px;
  font-size: 26px;
  font-weight: bold;
  color: #7f6b27;
  text-align: center;
}
#content_box3 .spot_ttl01 {
  width: 920px;
  margin: 20px auto 0;
  background: #e4e3cf;
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #0059ae;
}
#content_box3 .spot_ttl01.-short {
  width: 600px;
  margin: 10px 0 0 45px;
}
#content_box3 .spot_list01 {
  display: flex;
  justify-content: space-between;
  width: 920px;
  margin: 25px auto 35px;
}
#content_box3 .spot_item01 {
  height: 222px;
  padding: 12px;
  background: #fff;
  border: 4px solid #e3d6b2;
  border-radius: 8px;
  text-align: center;
}
#content_box3 .spot_list01.-ranking {
  width: 955px;
  margin: 25px auto 35px;
  transform: translateX(20px);
}
#content_box3 .spot_item01.-ranking {
  border: none;
  background: none;
  transform: translate(-20px, -50px);
}
#content_box3 .spot_link01 {
  display: inline-block;
  margin-top: 5px;
}

/* -----------------------------
contact_box
---------------------------------- */
#contact_box01,
#contact_box02 {
display: flex;
justify-content: center;
align-items: center;
height:355px;
background:url(./../images/bg_contact01.jpg) no-repeat center top;
margin:auto;
}
#contact_box01 .wrap,
#contact_box02 .wrap {
  width: 810px;
}

.nagano{
  width:960px;
  margin:50px auto 0;
  color:#666;
  font-size:12px;
}

#pageTop{
background:#c5df8f;
border-radius:30px;
color:#FFF!important;
padding:20px;
position:fixed;
bottom:20px;
right:20px;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
#pageTop:hover{background:#333;}
#pageTop A{
color:#FFF!important;
}
#inquiries {
  display: none;
}

.kv__imgWrapper {
  display: block;
  width: 100%;
  overflow-x: hidden;
}
.kv__img {
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  max-width: none;
}

.goto {
  border-top: 4px solid #ff625a;
  box-sizing: border-box;
  background: #1366b9;
}
.goto__inner {
  display: block;
  position: relative;
  width: 920px;
  margin: 0 auto;
  padding: 75px 0 80px;
}
.goto__inner:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 176px;
  height: calc(176px / (445 / 187));
  background: url(../images/goto_logo.jpg) no-repeat;
  background-size: 100% auto;
  content: '';
}
.goto__h4 {
  display: block;
  position: relative;
  width: 465px;
  margin: 0 auto !important;
  margin-bottom: 40px !important;
}
.goto__img {
  display: block;
  width: 100%;
}
.goto__lead {
  position: relative;
  margin: 0 auto;
  font-size: 20px;
  color: #fff;
  line-height: 2.5;
  text-align: center;
}
.goto__txt.-emphasis {
  display: inline-block;
  margin: 0 5px;
  padding: 10px;
  border-radius: 5px;
  box-sizing: border-box;
  background: #ff625a;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
}
.goto__inner01 {
  display: block;
  width: 100%;
  margin-top: 15px;
  padding: 20px 25px 25px;
  border-radius: 10px;
  box-sizing: border-box;
  background: #e8f2fb;
}
.goto__ttl {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #0068c4;
  line-height: 1.8;
}
.goto__desc {
  font-size: 14px;
  color: #333;
  line-height: 1.8;
}
.goto__link {
  color: #045cbf;
}

.defList {
  display: flex;
  width: 920px;
  max-width: 96%;
  margin: 0 auto;
  margin-top: 20px;
}
.defList__ttl {
  position: relative;
  flex-basis: 215px;
  max-width: 215px;
  padding: 15px 12px;
  padding-left: 25px;
  box-sizing: border-box;
  background: #00908e;
  font-size: 16px;
  color: #fff;
  line-height: 1.5;
}
.defList__ttl:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 40px 0 0;
  border-color: #ff625a transparent transparent transparent;
  pointer-events: none;
  content: '';
}
.defList__desc {
  padding: 10px 20px;
  box-sizing: border-box;
  background: #d3eeed;
  font-size: 16px;
  color: #333;
  line-height: 1.5;
  text-align: left;
}

.list01__inner {
  display: block;
  width: 920px;
  max-width: 96%;
  margin: 50px auto;
}
.list01__item01 {
  display: block;
  padding: 20px;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, .2);
}
.list01__item01:first-child {
  background: #fbfbf8;
}
.list01__item01:first-child .list01__defTtl {
  flex-basis: 230px;
  max-width: 230px;
}
.list01__item01:first-child .list01__defDesc {
  background: #fff;
}
.list01__item01:nth-child(2) {
  background: #fff;
}
.list01__item01:nth-child(2) .list01__defTtl {
  flex-basis: 330px;
  max-width: 330px;
}
.list01__item01:nth-child(2) .list01__defDesc {
  background: #f6f6f6;
}
.list01__item01:not(:last-child) {
  margin-bottom: 30px;
}
.list01__ttl {
  font-size: 20px;
  font-weight: bold;
  color: #047f7c;
  line-height: 1.5;
}
.list01__ttl .list01__txt {
  font-size: 16px;
  font-weight: normal;
}
.list01__list02 {
  margin-top: 10px;
}
.list01__item02:not(:last-child) {
  margin-bottom: 10px;
}
.list01__defList {
  display: flex;
  width: 100%;
}
.list01__defTtl {
  padding: 7px;
  padding-left: 25px;
  box-sizing: border-box;
  background: #fdfde3;
  font-size: 20px;
  font-weight: bold;
  color: #047f7c;
  line-height: 1.5;
}
.list01__defDesc {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  padding: 7px;
  padding-left: 18px;
  box-sizing: border-box;
  font-size: 20px;
  color: #333;
  line-height: 1.5;
}
.list01__defDesc .list01__txt {
  flex-basis: 100px;
  flex-grow: 1;
}
.list01__desc {
  margin-top: 8px;
  font-size: 14px;
  color: #333;
  line-height: 1.5;
}
.list01__txt.-fontWeightBold {
  font-weight: bold;
}
.list01__txt.-colorRed {
  color: #d42d60;
}
.list01__txt.-suffixArrow {
  position: relative;
}
.list01__txt.-suffixArrow:after {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  content: '竊�';
}

.contact {
  position: relative;
  padding: 60px 0 70px;
  box-sizing: border-box;
  background: #afd3d2;
}
.contact:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 100%;
  box-sizing: border-box;
  box-shadow: 0 0 8px 3px rgba(0, 0, 0, .2) inset;
  pointer-events: none;
  content: '';
}
.contact__inner {
  display: flex;
  width: 1000px;
  max-width: 96%;
  margin: 0 auto;
  box-sizing: border-box;
  box-shadow: 0 0 8px 3px rgba(0, 0, 0, .2);
}
.contact__inner01 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 45%;
  max-width: 45%;
  position: relative;
  padding: 25px 10px;
  box-sizing: border-box;
  background: #fdfde3;
}
.contact__inner01:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 40px 0 0;
  border-color: #ff625a transparent transparent transparent;
  pointer-events: none;
  content: '';
}
.contact__desc {
  font-size: 20px;
  color: #333;
  line-height: 1.5;
  text-align: center;
}
.contact__txt.-homepage {
  font-size: 38px;
  color: #00908e;
}
.contact__inner02 {
  flex-basis: 55%;
  max-width: 55%;
  padding: 25px;
  padding-right: 40px;
  box-sizing: border-box;
  background: #fff;
}
.contact__tel {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  color: #00908e;
  line-height: 1.5;
  text-decoration: none;
}
.contact__tel:hover {
  color: #00908e;
  text-decoration: underline;
}
.contact__tel:before {
  display: block;
  width: 65px;
  height: 54px;
  margin-right: 10px;
  box-sizing: border-box;
  background: url(../images/contact_tel.png) no-repeat;
  background-size: 100% auto;
  content: '';
}
.contact__inner02-1 {
  display: flex;
  margin-top: 18px;
}
.contact__indicate {
  position: relative;
  min-height: 75px;
  font-size: 15px;
  color: #333;
  line-height: 1.5;
}
.contact__indicate:after {
  position: absolute;
  bottom: 15px;
  right: 5px;
  width: 41px;
  height: calc(41px / (41 / 29));
  box-sizing: border-box;
  background: url(../images/contact_arrow.png) no-repeat;
  background-size: 100% auto;
  content: '';
}
.contact__list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-basis: 260px;
  max-width: 260px;
}
.contact__item:not(:last-child) {
  margin-bottom: 10px;
}
.contact__link {
  display: block;
  border-radius: 4px;
  padding: 3px 10px;
  box-sizing: border-box;
  font-size: 22px;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  transition: background .2s;
}
.contact__link:hover {
  color: #fff;
  text-decoration: none;
}
.contact__item:first-child .contact__link {
  background: #ff625a;
}
.contact__item:first-child .contact__link:hover {
  background: #e8443b;
}
.contact__item:nth-child(2) .contact__link {
  background: #00918e;
}
.contact__item:nth-child(2) .contact__link:hover {
  background: #077b79;
}</pre></body></html>