@charset "UTF-8";


@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('../font/NotoSansCJKjp-Regular.eot');
    src: url('../font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Regular.woff') format('woff'),
    url('../font/NotoSansCJKjp-Regular.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 300;
    src: url('../font/NotoSansCJKjp-Light.woff') format('woff')
}


@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url('../font/NotoSansCJKjp-SemiBold.woff') format('woff')
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  src: url('../font/NotoSerifCJKjp-Regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  src: url('../font/NotoSerifCJKjp-Bold.woff') format('woff');
  font-weight: 700;
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  src: url('../font/NotoSerifCJKjp-SemiBold.woff') format('woff');
  font-weight: 600;
}

html {
overflow-y: scroll;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size:inherit;
	font:100%;
}



nav ul { list-style:none;}
ul li { list-style: none;}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

*{
/*font-size: 14px;
*font-size:small;
*font:x-small;*/
/*font-family: 'Noto Sans Japanese', BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;*/
font-weight : inherit;
/*text-align:left;
line-height:160%;
color:#333;*/
}


.clearfix {
	zoom:1;
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}

/* link_nomal */
/*a{
text-decoration:none;
color: #333;
}
a:link{
text-decoration:none;
color: #333;
}
a:visited{
text-decoration:none;
color: #333;
}
a:hover{
text-decoration:none;
color: #333;
}
a:active{
text-decoration:none;
color: #333;
}*/

#section_001, #section_001:before, #section_001:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
#section_001 div{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.pc_only{display: block;}
.sp_only{display: none;}

.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt35{padding-top: 35px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt75{padding-top: 75px;}
.pt100{padding-top: 100px;}
.pt150{padding-top: 150px;}

.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb35{padding-bottom: 35px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb75{padding-bottom: 75px;}
.pb100{padding-bottom: 100px;}
.pb150{padding-bottom: 150px;}

.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb75{margin-bottom: 75px;}
.mb100{margin-bottom: 100px;}
.mb150{margin-bottom: 150px;}

.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt75{margin-top: 75px;}
.mt100{margin-top: 100px;}
.mt150{margin-top: 150px;}

@media screen and (max-width : 680px){
  .pc_only{display: none;}
  .sp_only{display: block;}
}

#title_wrap{
  position: relative;
  width: 100%;
  max-height: 400px;
	height: 28vw;
}
#title_wrap .bg{
  position: relative;
  object-fit: cover;
  width: 100%;
  height: 100%;
  background-image: url("../images/online/mv_bg.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position:center bottom;
  /*background-image: url("../images/design/page1/mv_bg_01.jpg"),url("../images/design/page1/mv_bg_02.jpg"),url("../images/design/page1/mv_bg_03.jpg");
  background-repeat: no-repeat,no-repeat,no-repeat;
  background-size: 34%,34%,34%;
  background-position: 0% center, 50% center, 100%,center;*/
}
.backwhite{
	font-family: 'Noto Sans Japanese', BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
#title_wrap .title{
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 36px;
  font-weight: 400;
  color: #FFF;
  letter-spacing: 0.18em;
  text-align: center;
}
#title_wrap .title .head{
  font-size: 29px;
  padding-top: 0.1em;
  letter-spacing: 0.04em;
  line-height: 1.4;
}
#title_wrap .note {
    position: absolute;
    bottom: 1em;
    right: 1%;
    font-size: 13px;
    color: #FFF;
    letter-spacing: 0.06em;
    pointer-events: none;
    z-index: 20;
}
.test {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.test2 {
  -webkit-transition: all 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

/* 点滅 */
.scrollpos {
  -webkit-animation: blink 1.5s ease-in-out infinite alternate;
  animation: blink 1.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

#maintop {
  width: 100%;
  height: 380px;
  top: 0;
  left: 0;
  position: fixed;
}

@media(max-width:770px){
  #maintop {
    height: 140px;
  }
}

.mainphoto {
  position: relative;
  width: 100%;
  height: 380px;
  top: 0;
  left: 0;
  background-image: url(../imgs/main_back_pc.jpg);
  background-position: center center;
  background-size: cover;
}

@media(max-width:770px){
  .mainphoto {
    background-image: url(../imgs/main_back_sp.jpg);
    background-position: center center;
    background-size: cover;
    height: 140px;
  }
}

#secondCT {
  position: relative;
  z-index: 10;
  width: 100%;
  color: #3e3a39;
  /*margin-top: 500px;*/
}

.backwhite {
  background-color: #fff;
  position: relative;
  z-index: 10;
}

.mt001a {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  max-width: 510px;
  -webkit-transform: translate(-50%, -10%) rotate(0.1deg);
  transform: translate(-50%, -10%) rotate(0.1deg);
  -webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
  line-height: 100%;
}

.mt001a_on {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) rotate(0.1deg);
  transform: translate(-50%, -50%) rotate(0.1deg);
}

.mt001b_on {
  left: 54%;
  opacity: 1;
}

.w1100 {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}

.mainp01 {
  width: 81%;
  padding-top: 200px;
  -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.textTP {
  position: absolute;
  bottom: 15px;
  left: 40px;
  font-size: 12px;
  color: #ccc;
}

.textTP__black {
  color: #000;
}

.tTP00 {
  opacity: 1;
  -webkit-transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.scrollimg {
  position: absolute;
  bottom: 15px;
  right: 40px;
  width: 23px;
  -webkit-transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/****コテージここから****************************************************************************/
.m2_photo {
  width: 100%;
}

.m2_photo__left {
  width: 50%;
  height: 320px;
  float: left;
  background-image: url(../images/cottage/m2_left.jpg);
  background-size: cover;
  background-position: center center;
}

.m2_photo__right {
  width: 50%;
  height: 320px;
  float: left;
  background-image: url(../images/cottage/m2_right.jpg);
  background-size: cover;
  background-position: center center;
}

.m2_photo__left__p {
  background-image: url(../images/cottage/m2_left_2.jpg);
}

.m2_photo__right__p {
  background-image: url(../images/cottage/m2_right_2.jpg);
}

.cottage_copy {
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  font-family: 'Noto Serif JP', serif;
  padding: 80px 0;
  line-height: 250%;
  letter-spacing: 4px;
  color: #666;
}

.botanwaku {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 100px 0;
}

.botanwaku__last {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0px 0 100px 0;
}

.botanwaku__left {
  width: 45.4%;
  float: left;
  margin-right: 8.2%;
}

.botanwaku__right {
  width: 45.4%;
  float: left;
}

#sky_contena {
  margin-top: 120px;
}

.sky_contenamain {
  width: 100%;
  background-color: #000;
  text-align: center;
}

.sky_photo {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.sky_back {
  width: 100%;
  max-width: 1054px;
  margin: 75px auto 0 auto;
  position: relative;
}

.sky_back2 {
  width: 100%;
  max-width: 1054px;
  margin: 50px auto 0 auto;
  position: relative;
}

.sky__in__text {
  width: 94.82%;
  position: absolute;
  left: 1.82%;
  top: 8.8%;
}

.sky__in__title {
  width: 26.12%;
  position: absolute;
  left: 36.5%;
  top: 1.8%;
}

#terrace_contena {
  margin-top: 120px;
}

.terrace_contenamain {
  width: 100%;
  background-color: #000;
  text-align: center;
}

.terrace_photo {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.terrace_back {
  width: 100%;
  max-width: 1054px;
  margin: 75px auto 0 auto;
  position: relative;
}

.terrace_back2 {
  width: 100%;
  max-width: 1054px;
  margin: 50px auto 0 auto;
  position: relative;
}

.terrace__in__text {
  width: 94.82%;
  position: absolute;
  left: 1.82%;
  top: 8.8%;
}

.terrace__in__text_b {
  width: 94.82%;
  position: absolute;
  left: 1.82%;
  top: 5.4%;
}

.terrace__in__title {
  width: 26.12%;
  position: absolute;
  left: 36.5%;
  top: 1.8%;
}

.topback {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
  padding-bottom: 150px;
  text-align: right;
}

.topback2 {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
  padding-bottom: 30px;
  text-align: right;
}

.botanback {
  width: 60px;
  margin: 0 12px 0 auto;
}

/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
@media(max-width:770px){
  #title_wrap {
    height: 93vw;
	  max-height: inherit;
  }
  #title_wrap .bg {
    background: none;
  }
  #title_wrap .bg::before{
    background: none;
  }
  #title_wrap .bg::after{
    background: none;
  }
  #title_wrap .title{
    font-size: 4.66vw;
    line-height: 1.4;
    letter-spacing: 0.1em;
  }
  #title_wrap .title .head {
    font-size: 4vw;
    padding-top: 0.2em;
    letter-spacing: 0.05em;
    letter-spacing: 0;
  }
	#title_wrap .note,#title_wrap .note2,#title_wrap .note3{
		display: none;
	}
  #maintop {
    width: 100%;
    height: 100%;
  }
  .scrollimg {
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 19px;
    -webkit-transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .w1100 {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
  }
  .mainp01 {
    width: 90%;
    padding-top: 60px;
    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    margin: 0 auto;
  }
  .textTP {
    position: absolute;
    bottom: 60px;
    left: 8px;
    font-size: 10px;
    color: #efefef;
  }
  .textTP__black {
    color: #000;
  }
  .tTP00 {
    opacity: 1;
    -webkit-transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  /***************************************************************************************************/
  /***************************************************************************************************/
  /****コテージここから****************************************************************************/
  /***************************************************************************************************/
  /****スマホコテージここから****************************************************************************/
  .m2_photo {
    width: 100%;
  }
  .m2_photo__left {
    width: 50%;
    height: 180px;
    float: left;
    background-image: url(../images/cottage/m2_left.jpg);
    background-size: cover;
    background-position: center center;
  }
  .m2_photo__right {
    width: 50%;
    height: 180px;
    float: left;
    background-image: url(../images/cottage/m2_right.jpg);
    background-size: cover;
    background-position: center center;
  }
  .m2_photo__left__p {
    background-image: url(../images/cottage/m2_left_2.jpg);
  }
  .m2_photo__right__p {
    background-image: url(../images/cottage/m2_right_2.jpg);
  }
  .cottage_copy {
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Noto Serif JP', serif;
    padding: 80px 0;
    line-height: 210%;
    letter-spacing: 0px;
    color: #666;
  }
  .botanwaku {
    width: 84%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 50px 0;
  }
  .botanwaku__last {
    width: 84%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0px 0 50px 0;
  }
  .botanwaku__left {
    width: 100%;
    float: none;
    margin-right: 0%;
    margin-bottom: 25px;
  }
  .botanwaku__right {
    width: 100%;
    float: none;
  }
  #sky_contena {
    margin-top: 60px;
  }
  .sky_contenamain {
    width: 100%;
    background-color: #000;
    text-align: center;
  }
  .sky_photo {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
  }
  .sky_back {
    width: 100%;
    max-width: 1160px;
    margin: 25px auto 0 auto;
    position: relative;
  }
  .sky_back2 {
    width: 100%;
    max-width: 1160px;
    margin: 25px auto 0 auto;
    position: relative;
  }
  .sky__in__text {
    width: 94.82%;
    position: absolute;
    left: 1.82%;
    top: 8.8%;
  }
  .sky__in__title {
    width: 26.12%;
    position: absolute;
    left: 36.5%;
    top: 1.8%;
  }
  #terrace_contena {
    margin-top: 60px;
  }
  .terrace_contenamain {
    width: 100%;
    background-color: #000;
    text-align: center;
  }
  .terrace_photo {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
  }
  .terrace_back {
    width: 100%;
    max-width: 1160px;
    margin: 25px auto 0 auto;
    position: relative;
  }
  .terrace_back2 {
    width: 100%;
    max-width: 1160px;
    margin: 25px auto 0 auto;
    position: relative;
  }
  .terrace__in__text {
    width: 94.82%;
    position: absolute;
    left: 1.82%;
    top: 8.8%;
  }
  .terrace__in__text_b {
    width: 94.82%;
    position: absolute;
    left: 1.82%;
    top: 5.4%;
  }
  .terrace__in__title {
    width: 26.12%;
    position: absolute;
    left: 36.5%;
    top: 1.8%;
  }
  .topback {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    padding-bottom: 60px;
    text-align: right;
  }
  .topback2 {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    padding-bottom: 30px;
    text-align: right;
  }
  .botanback {
    width: 40px;
    margin: 0 12px 0 auto;
  }
  /***************************************************************************************************/
  /***************************************************************************************************/
}

/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/********************アニメーション***************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/* animete */
.fade_in_MC {
  opacity: 0;
  -webkit-transition: all .8s ease-out;
  transition: all .8s ease-out;
}

.fade_in_MC_on {
  opacity: 1;
}

.fade_in_MC01 {
  opacity: 0;
  -webkit-transition: all .8s ease-out;
  transition: all .8s ease-out;
  -webkit-transform: translate(-5%, 0%);
  transform: translate(-5%, 0%);
}

.fade_in_MC02 {
  opacity: 0;
  -webkit-transition: all .8s ease-out;
  transition: all .8s ease-out;
  -webkit-transform: translate(10%, 0%);
  transform: translate(10%, 0%);
}

.fade_in_MC03 {
  opacity: 0;
  -webkit-transition: all .8s ease-out;
  transition: all .8s ease-out;
  -webkit-transform: translate(0%, 10%);
  transform: translate(0%, 10%);
}

.fade_in_MC04 {
  opacity: 0;
  -webkit-transition: all .8s ease-out;
  transition: all .8s ease-out;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}

.fade_in_MC05 {
  opacity: 0;
  -webkit-transition: all .8s ease-out;
  transition: all .8s ease-out;
  -webkit-transform: translate(-12%, 0%);
  transform: translate(-12%, 0%);
}

.fade_in_MC01b {
  opacity: 0;
  -webkit-transition: all .8s ease-out;
  transition: all .8s ease-out;
  -webkit-transform: translate(-12%, 0%);
  transform: translate(-12%, 0%);
}

.fade_in_MC02b {
  opacity: 0;
  -webkit-transition: all .8s ease-out;
  transition: all .8s ease-out;
  -webkit-transform: translate(12%, 0%);
  transform: translate(12%, 0%);
}

.fade_in_MC_on {
  opacity: 1;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}

/***************************************************************************/
.onlinehead {
  width: 100%;
  background-color: #fff;
  height: 120px;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
}

@media(max-width:770px){
  .onlinehead {
    height: 56px;
  }
}

.onlinehead .onlinehead__in {
  width: 50%;
  max-width: 400px;
  padding-top: 40px;
  margin-left: 50px;
}

.onlinehead .onlinehead__in a {
  display : flex;
  justify-content : space-between;
  align-items : center;
}

.onlinehead .onlinehead__in img {
  width: 156px;
}

.onlinehead .onlinehead__in img:nth-of-type(2) {
  width: 200px;
}

@media(max-width:770px){
  .onlinehead .onlinehead__in {
    width: 250px;
    padding-top: 15px;
    margin-left: 10px;
  }
  .onlinehead .onlinehead__in img {
    width: auto;
    height : 25px;
  }

  .onlinehead .onlinehead__in img:nth-of-type(2) {
    width: auto;
    height : 12px;
    margin-left : 20px;
  }
}



.online_title {
  background-color: #fff;
  background: url(../images/mv_img.png);
  background-size: cover;
  background-position: center;
  padding: 276px 0 230px;
}

@media(max-width:770px){
  .online_title {
    padding: 30.8vw 0 32.66vw;
    background: url(../images/mv_img_sp.png);
    background-size: cover;
    background-position: center;
  }
}

.online_title img {
  width: 100%;
}

.online_title h3 {
  width: 742px;
  margin: 0 auto;
}

@media(max-width:770px){
  .online_title h3 {
    width: 75%;
    margin: 0 auto;
  }
}

.online_txt{
  padding: 95px 0 100px 0;
}

@media(max-width:770px){
  .online_txt {
    padding: 30px 0 35px 0;
  }
}

.online_txt h2{
  width: 425px;
  margin-left: auto;
  margin-right: auto;
}

@media(max-width:770px){
  .online_txt h2{
    width: 290px;
  }
}

#section_001 {
  width: 100%;
  padding: 100px 0 0 0;
  background-color: #e5e5e5;
}

@media(max-width:770px){
  #section_001 {
    padding: 25px 0 0 0;
  }
}

#section_001 img {
  width: 100%;
}

#section_001 .section_001__in {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}

#section_001 .flex_clum2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  font-size: 16px;
}

#section_001 .flex_clum2 .left {
  width: 48%;
  line-height: 240%;
}

@media(max-width:770px){
  #section_001 .flex_clum2 .left {
    width: 100%;
    line-height: 180%;
    order: 2;
  }
}

#section_001 .flex_clum2 .photo {
  width: 50%;
}

@media(max-width:770px){
  #section_001 .flex_clum2 .photo {
    width: 100%;
    order: 1;
    margin-bottom: 20px;
  }
}

#section_001 .flex_clum4 {
  margin-top: 100px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 16px;
  margin-bottom: 90px;
}

@media(max-width:770px){
  #section_001 .flex_clum4 {
    margin-bottom: 70px;
    margin-top: 50px;
  }
}

#section_001 .flex_clum4 .item {
  width: 47%;
  border: 1px solid #000;
  position: relative;
  padding: 3px;
  margin-bottom: 70px;
}

@media(max-width:770px){
  #section_001 .flex_clum4 .item.last_border {
    border-bottom: 1px solid #000;
  }
}

@media(max-width:770px){
  #section_001 .flex_clum4 .item {
    border: 0px solid #000;
    border-top: 1px solid #000;
    width: 100%;
    margin-bottom: 0px;
  }
}

#section_001 .flex_clum4 .item .item__in {
  width: 100%;
  height: 100%;
  position: relative;
  border: 1px solid #000;
  padding: 28px 32px;
  line-height: 180%;
  font-size: 15px;
}

@media(max-width:770px){
  #section_001 .flex_clum4 .item .item__in {
    border: 0px solid #000;
    padding: 45px 15px;
  }
}

#section_001 .flex_clum4 .item .item__in h4 {
  font-size: 22px;
  line-height: 120%;
  padding-bottom: 10px;
  font-weight: 600;
}

#section_001 .step_white {
  width: 100%;
  background-color: #fff;
  padding: 20px 95px;
}

@media(max-width:770px){
  #section_001 .step_white {
    padding: 20px 15px;
  }
}

#section_001 .step_white .step000 {
  width: 100%;
  padding: 70px 0;
  border-bottom: 1px solid #999;
}

@media(max-width:770px){
  #section_001 .step_white .step000 {
    padding: 30px 0;
  }
}

#section_001 .step_white .step000 .imgpos {
  width: 63%;
  margin: 0 auto;
}

@media(max-width:770px){
  #section_001 .step_white .step000 .imgpos {
    width: 94%;
  }
}

#section_001 .step_white .step001 {
  width: 100%;
  padding: 70px 0;
  border-bottom: 1px solid #999;
}

@media(max-width:770px){
  #section_001 .step_white .step001 {
    padding: 20px 15px;
  }
}

#section_001 .step_white .step001 .imgpos {
  width: 84%;
  margin: 0 auto;
}

@media(max-width:770px){
  #section_001 .step_white .step001 .imgpos {
    width: 100%;
    margin: 0 auto;
  }
}

#section_001 .step_white .step001 .inclum2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 50px;
  font-size: 16px;
  line-height: 160%;
}

@media(max-width:770px){
  #section_001 .step_white .step001 .inclum2 {
    margin-top: 30px;
  }
}

#section_001 .step_white .step001 .inclum2 .left {
  width: 50%;
  border-right: 1px dashed #999;
  padding-right: 40px;
}

@media(max-width:770px){
  #section_001 .step_white .step001 .inclum2 .left {
    width: 100%;
    border-right: 0px dashed #999;
    padding-right: 0px;
    margin-bottom: 30px;
  }
}

#section_001 .step_white .step001 .inclum2 .left .tel {
  width: 90%;
}

#section_001 .step_white .step001 .inclum2 .right {
  width: 50%;
  padding-left: 40px;
}

@media(max-width:770px){
  #section_001 .step_white .step001 .inclum2 .right {
    width: 100%;
    border-right: 0px dashed #999;
    padding-left: 0px;
  }
}

#section_001 .step_white .step001 .inclum2 .right .more {
  text-align: center;
  margin-top: 40px;
}

@media(max-width:770px){
  #section_001 .step_white .step001 .inclum2 .right .more {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

#section_001 .step_white .step001 .inclum2 .right .more a {
  display: inline-block;
  color: #fff;
  padding: 20px 20px;
  background-color: #b6282c;
  font-size: 20px;
  font-family: 'Noto Serif JP', serif;
  width: 100%;
  box-sizing: border-box;
}
#section_001 .step_white .step001 .inclum2 .right .more a {
    font-family: inherit;
}

@media(max-width:770px){
  #section_001 .step_white .step001 .inclum2 .right .more a {
    font-size: 16px;
  }
}

#section_001 .step_white .step001 .inclum2 .text01 {
  padding-top: 25px;
  font-size: 15px;
  padding-bottom: 5px;
}

#section_001 .step_white .step001 .inclum2 .text01 span {
  color: #b6282c;
}

#section_001 .step_white .step002 {
  width: 100%;
  padding: 70px 0;
  border-bottom: 1px solid #999;
}

@media(max-width:770px){
  #section_001 .step_white .step002 {
    padding: 20px 15px;
  }
}

#section_001 .step_white .step002 .imgpos {
  width: 70.8%;
  margin: 0 auto 0 8%;
}

@media(max-width:770px){
  #section_001 .step_white .step002 .imgpos {
    width: 100%;
    margin: 0 auto;
  }
}

#section_001 .step_white .step003 {
  width: 100%;
  padding: 70px 0;
  border-bottom: 1px solid #999;
}

@media(max-width:770px){
  #section_001 .step_white .step003 {
    padding: 20px 15px;
  }
}

#section_001 .step_white .step003 .imgpos {
  width: 72%;
  margin: 0 auto 0 8%;
}

@media(max-width:770px){
  #section_001 .step_white .step003 .imgpos {
    width: 100%;
    margin: 0 auto;
  }
}

#section_001 .step_white .step004 {
  width: 100%;
  padding: 70px 0;
}

@media(max-width:770px){
  #section_001 .step_white .step004 {
    padding: 20px 15px;
  }
}

#section_001 .step_white .step004 .imgpos {
  width: 79%;
  margin: 0 auto 0 8%;
}

@media(max-width:770px){
  #section_001 .step_white .step004 .imgpos {
    width: 100%;
    margin: 0 auto;
  }
}

.mintext_online {
  padding-top: 10px;
}

.app_contena {
  width: 100%;
  padding: 150px 0 200px 0;
  text-align: center;
}

@media(max-width:770px){
  .app_contena {
    padding: 60px 0 100px 0;
  }
}

.app_contena h3 {
  font-weight: bold;
  font-size: 22px;
  line-height: 140%;
  padding-bottom: 14px;
}

@media(max-width:770px){
  .app_contena h3 {
    font-size: 4.4vw;
  }
}

.app_contena p.text02 {
  font-size: 16px;
  margin-bottom: 20px;
}

@media(max-width:770px){
  .app_contena p.text02 {
    font-size: 4vw;
  }
}

@media(max-width:770px){
  .app_contena p.text02.last_left {
    text-align: left;
    font-size: 4vw;
  }
}

.app_contena .app_apple {
  width: 160px;
  margin: 0 auto 120px auto;
}

@media(max-width:770px){
  .app_contena .app_apple {
    width: 120px;
    margin: 0 auto 60px auto;
  }
}

.app_contena .app_android {
  width: 210px;
  margin: 0 auto 120px auto;
}

@media(max-width:770px){
  .app_contena .app_android {
    width: 160px;
    margin: 0 auto 60px auto;
  }
}

.app_contena .app_pc {
  text-align: center;
  text-decoration: underline;
  font-size: 22px;
  font-weight: 500;
}

.pic-note {
    position: absolute;
    bottom: 1em;
    right: 1%;
    font-size: 10px;
    color: #FFF;
    letter-spacing: 0.06em;
    pointer-events: none;
    z-index: 20;
}
@media(max-width:770px){
  .app_contena .app_pc {
    font-size: 18px;
  }
	.pic-note {
		position: absolute;
		bottom: 1em;
		right: 1%;
		font-size: 2.3vw;
	}
}

.sns_contena {
  width: 100%;
  padding: 10px;
  background-color: #061047;
  padding-left: 50px;
  text-align: left;
}

.sns_contena img {
  width: 100%;
}

.sns_contena .sns_in {
  width: 100px;
  display: flex;
  justify-content: space-between;
}

.sns_contena .sns_in .item {
  width: 42%;
}

.copy_under {
  width: 100%;
  background-color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 25px 0 20px 0;
}

@media(max-width:770px){
  .copy_under {
    padding: 25px 0 70px 0;
    font-size: 10px;
  }
}


#main {
  margin-top: 86px;
}
@media (max-width: 1400px) {
  #main {
      margin-top: 6.14vw;
  }
}
@media (max-width: 750px) {
  #main {
      margin-top: 43vw;
  }
}