/* --- PC Styling--- */


/* CSS */

p.Mark_Title{
  position: relative;
  display: inline-block;
  padding: 0 45px;
  margin-bottom: 60px;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
}

p.Mark_Title:before, p.Mark_Title:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 1px;
  background-color: black;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

p.Mark_Title:before {
  -webkit-transform: rotate(-120deg);
  transform: rotate(-120deg);
}


p.Mark_Title:before {
  left:0;
}

p.Mark_Title:after {
  right: 0;
}

@media only screen and (max-width: 767px) {
p.Mark_Title{
  margin-bottom: 40px;
  font-size: 22px;
  line-height: 1.4;
}
}

@media only screen and (max-width: 460px) {
p.Mark_Title{
  padding: 0 36px;
  font-size: 19px;
}
}



/*-----------------------------
	 first-view
------------------------------- */
.first-view {
  height: 90svh; /* 安定したビューポートの高さを指定 */
  min-height: 500px; /* 画面が小さすぎる場合の保険 */
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fdf1ec;
  position: relative;
  overflow: hidden;
}


.Mv_Cloud_right{
  position: absolute;
  display: inline-block;
  max-width: 584px;
  width: 30%;
  margin: 0;
  top: 160px;
  right: -12%;
  z-index: 2;
}

.IllustBox{
  max-width: 1280px;
  width: 66.6%;
  height: auto;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}


.IllustBox_Left{
  max-width: 640px;
  width: 58%;
  height: auto;
  text-align: left;
  padding: 0;
  margin: 0;
}

.Mv_Title{
  display: inline-block;
  max-width: 512px;
  width: 75%;
  margin-bottom: 70px;
}

.Mv_Copy{
  display: inline-block;
  max-width: 390px;
  width: 52%;
  margin: 0;
}



.IllustBox_Right{
  max-width: 640px;
  width: 40%;
  height: auto;
  padding: 0;
  margin: 0;
  text-align: right;
  position: relative;
  z-index: 3;
}


.Mv_Chara{
  display: inline-block;
  max-width: 518px;
  width: 100%;
  margin: 0;
  z-index: 2;
}


.Mv_Pika{
  display: inline-block;
  position: absolute;
  max-width: 110px;
  width: 20%;
  margin: 0;
  top: -100px;
  right: 46px;
  z-index: 3;
}


@media only screen and (max-width: 1280px) {
.first-view {
  height: 70svh;
}


.Mv_Cloud_right{}

.IllustBox{
  width: 75%;
}


.IllustBox_Left{}

.Mv_Title{
  margin-bottom: 50px;
}

.Mv_Copy{}



.IllustBox_Right{}


.Mv_Chara{}


.Mv_Pika{
  top: -80px;
}
}


@media only screen and (max-width: 960px) {
.first-view {
  height: 60svh;
}


.Mv_Cloud_right{}

.IllustBox{
  width: 75%;
  align-items: center;
}


.IllustBox_Left{
  width: 64%;
}

.Mv_Title{
  width: 80%;
  margin-bottom: 30px;
}

.Mv_Copy{
  width: 60%;
}

.IllustBox_Right{
  width: 34%;
}

.Mv_Chara{
}

.Mv_Pika{
  top: -50px;
  right: 26px
}
}

@media only screen and (max-width: 767px) {
.first-view {
  height: 600px;
}

.Mv_Cloud_right{}

.IllustBox{
  width: 75%;
  align-items: center;
}


.IllustBox_Left{
  width: 64%;
}

.Mv_Title{}

.Mv_Copy{}

.IllustBox_Right{
  width: 34%;
}

.Mv_Chara{}


.Mv_Pika{
  top: -50px;
}
}

@media only screen and (max-width: 640px) {
.first-view {}

.Mv_Cloud_right{}

.IllustBox{
  max-width: 600px;
  width: 75%;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
}


.IllustBox_Left{
  width: 64%;
}

.Mv_Title{
  max-width: 300px;
  width: 80%;
  margin-bottom: 30px;
}

.Mv_Copy{
  max-width: 390px;
  width: 70%;
  margin-bottom: 0;
}

.IllustBox_Right{
  width: 40%;
  margin-bottom: 30px;
}

.Mv_Chara{}


.Mv_Pika{
  top: -40px;
}
}

@media only screen and (max-width: 460px) {
.first-view {
  height: 440px;
}

.Mv_Cloud_right{}

.IllustBox{
  max-width: 600px;
  width: 85%;
}

.IllustBox_Left{}

.Mv_Title{
  max-width: 300px;
  width: 80%;
  margin-bottom: 30px;
}

.Mv_Copy{}

.IllustBox_Right{
  width: 40%;
}

.Mv_Chara{}

.Mv_Pika{
  top: -40px;
  right: 20px;
}
}


/*-----------------------------
	 Header
------------------------------- */
.header_MenuZone{
	position: fixed;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
	width: 100%;
	height: auto;
	padding: 30px 30px 0;
	margin: 0;
	z-index: 1;
        position: relative;
        background-color: #fdf1ec;
}

.header_MenuZone h1 {
	position: absolute;
	font-size: 10px;
	color: #2d2d2d;
        line-height: 1.5;
	top: 5px;
	left: 30px;
	z-index: 2;
}


img.menu_logo {
  display: block;
	width: 310px;
	height: auto;
	margin: 0;
}


a.header_btn{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13em;
  height: 70px;
  position: relative;
  background: #ff63a2;
  border: 3px solid #ff63a2;
  border-radius: 60px;
  box-sizing: border-box;
  padding: 0;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
  margin: 0;
}


a.header_btn:hover {
  background: #ffffff;
  border: 3px solid #ff63a2;
  color: #ff63a2;
}



@media only screen and (max-width: 1280px) {
.header_MenuZone{}

.header_MenuZone h1 {}

img.menu_logo {
  display: block;
  width: 240px;
}


a.header_btn{
  width: 11em;
  height: 50px;
  background: #ff63a2;
  border: 2px solid #ff63a2;
  border-radius: 40px;
  font-size: 21px;
}

a.header_btn:hover {
  border: 2px solid #ff63a2;
}
}

@media only screen and (max-width: 767px) {
.header_MenuZone{}

.header_MenuZone h1 {}

img.menu_logo {
  display: block;
	width: 200px;
}

a.header_btn{
  width: 10em;
  height: 40px;
  border: 2px solid #ff63a2;
  border-radius: 40px;
  font-size: 16px;
}

a.header_btn:hover {
  border: 2px solid #ff63a2;
}
}

@media only screen and (max-width: 600px) {
.header_MenuZone{}

.header_MenuZone h1 {
        padding-right: 30px;
}

img.menu_logo {
  display: block;
	width: 160px;
        padding-top: 10px;
}

a.header_btn{
  width: 9em;
  height: 30px;
  border: 2px solid #ff63a2;
  border-radius: 40px;
  font-size: 14px;
}

a.header_btn:hover {
  border: 2px solid #ff63a2;
}
}

@media only screen and (max-width: 440px) {
.header_MenuZone{
	padding: 30px 20px 0;
}

.header_MenuZone h1 {}


img.menu_logo {
  display: block;
  width: 150px;
}

a.header_btn{
  width: 9em;
  height: 30px;
  border: 2px solid #ff63a2;
  border-radius: 40px;
  font-size: 14px;
}

a.header_btn:hover {
  border: 2px solid #ff63a2;
}
}

/*-------------------------
     Contents00
---------------------------*/


.Contents00{
  position: relative;
  width: 100%;
  height: auto;
  background-color: #fdf1ec;
  padding: 100px 0 0;
  margin: 0;
}

.Contents00_Cloud_left{
  position: absolute;
  display: inline-block;
  max-width: 584px;
  width: 24%;
  margin: 0;
  top: 0;
  left: -8%;
  z-index: 2;
}

.Info_Zone{
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
}



p.Contents00_Title {
   font-size: 50px;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 900;
  font-style: normal;
   color: #ffffff;
  line-height: 1.4;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #000000;

  text-decoration: underline;
  text-decoration-color: #ffffff;     /* 下線の色 */
  text-decoration-style: solid;    /* 線の種類（solid: 一本線, dotted: 点線, dashed: 破線, wavy: 波線） */
  text-decoration-thickness: 9px; /* 線の太さ */
  text-underline-offset: 0;     /* 文字と下線の間の距離 */
  padding-bottom: 1em;
}

p.Contents00_Title_s{
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding-bottom: 3em;
}


@media only screen and (max-width: 960px) {
p.Contents00_Title {
   font-size: 36px;
  padding-bottom: 0.8em;
}

p.Contents00_Title_s{
  font-size: 28px;
  padding-bottom: 2em;
}
}

@media only screen and (max-width: 767px) {
p.Contents00_Title {
   font-size: 32px;
  text-decoration-thickness: 7px;
  padding-bottom: 0.8em;
}

p.Contents00_Title_s{
  font-size: 26px;
  padding-bottom: 2em;
}
}

@media only screen and (max-width: 600px) {
p.Contents00_Title {
   font-size: 26px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000000;
  text-decoration-thickness: 5px;
  padding-bottom: 0.8em;
}

p.Contents00_Title_s{
  font-size: 22px;
  padding-bottom: 2em;
}
}

@media only screen and (max-width: 420px) {
p.Contents00_Title {
   font-size: 22px;
  text-decoration-thickness: 5px;
  padding-bottom: 0.8em;
}

p.Contents00_Title_s{
  font-size: 18px;
  padding-bottom: 2em;
}
}

/*-------------------------
     Contents01
---------------------------*/
.Contents01  {
  width: 100%;
  /*min-height: 600px;*/
  padding: 20px;
  background-color: #ffffff;
  background-image: url('../images/contents01/contents01_cap.png');
  background-size: 100% auto;
  background-position: top;
  background-repeat: no-repeat;
}

.Contents01_Block01{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin: 300px auto 160px;
  padding: 0;
}

.Contents01_Block01 img.Chara{
  display: inline-block;
  max-width: 600px;
  width: 50%;
  height: auto;
  padding: 0;
}

.Contents01_Block01 p{
  display: inline-block;
  max-width: 600px;
  letter-spacing: -0.05em;
  width: 46%;
  height: auto;
  padding: 0;
  text-align: left;
}

p.Info_Zone{
  width: 100%;
}

.Contents01_Block02,
.Contents01_Block03{
  width: 100%;
  height: auto;
  margin: 0 auto 160px;
  padding: 0;
  text-align: center;
}

.Contents01_Block02 img.Contents01_01{
  max-width: 760px;
  width: 60%;
  height: auto;
  padding: 0;
  margin: 0;
}

.Contents01_Block03 p.osusume{
  display: inline-block;
  font-size: 50px;
  font-weight: bold;
  padding-bottom: 50px;
}

.Contents01_Block03 img.Contents01_02{
  max-width: 1030px;
  width: 80%;
  height: auto;
  padding-bottom: 120px;
  margin: 0;
}


a.btn_01 {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  min-width: 530px;
  padding: 15px 60px 15px 90px;
  background-color: #ff63a2; /* ボタンの色 */
  border: 3px solid #ff63a2;
  border-radius: 60px;
  box-sizing: border-box;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  text-decoration: none;
  margin: 0 auto;
}

/* 右側の矢印（くの字）をCSSで再現 */
a.btn_01::after {
  content: '';
  width: 12px;
  height: 12px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}


a.btn_01:hover {
  background-color: #ffffff; /* ボタンの色 */
  border: 3px solid #ff63a2;
  color: #ff63a2;
}

/* 右側の矢印（くの字）をCSSで再現 */
a.btn_01:hover::after {
  border-top: 3px solid #ff63a2;
  border-right: 3px solid #ff63a2;
}


@media only screen and (max-width: 1280px) {
.Contents01  {}

.Contents01_Block01{
  margin: 220px auto 120px;
}

.Contents01_Block01 img.Chara{
  width: 34%;
}

.Contents01_Block01 p,
p.Info_Zone{
  letter-spacing: -0.08em;
  width: 64%;
}

p.Info_Zone{
  width: 100%;
}

.Contents01_Block03 p.osusume{
  font-size: 40px;
  padding-bottom: 40px;
}

a.btn_01 {
  min-width: 400px;
  padding: 15px 30px 15px 60px;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
  margin: 0 auto;
}

/* 右側の矢印（くの字）をCSSで再現 */
a.btn_01::after {
}

a.btn_01:hover {}

/* 右側の矢印（くの字）をCSSで再現 */
a.btn_01:hover::after {
}
}

@media only screen and (max-width: 960px) {

.Contents01  {}

.Contents01_Block01{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin: 120px auto 60px;

}

.Contents01_Block01 img.Chara{
  display: inline-block;
  width: 60%;
  margin: 0 auto 30px;
}

.Contents01_Block01 p,
p.Info_Zone{
  max-width: 960px;
   display: block;
  letter-spacing: -0.05em;
  width: 100%;
  text-align: center;
}

.Contents01_Block02,
.Contents01_Block03{
  margin: 0 auto 120px;
}

.Contents01_Block02 img.Contents01_01{
  width: 80%;
}

.Contents01_Block03 p.osusume{
  font-size: 32px;
  padding-bottom: 32px;
}


.Contents01_Block03 img.Contents01_02{
  width: 90%;}
}

@media only screen and (max-width: 767px) {
.Contents01_Block01{
  margin: 100px auto 40px;
}

.Contents01_Block02,
.Contents01_Block03{
  margin: 0 auto 80px;
}

.Contents01_Block02 img.Contents01_01{
  width: 80%;
}

.Contents01_Block03 p.osusume{
  font-size: 26px;
  padding-bottom: 28px;
}

.Contents01_Block03 img.Contents01_02{
  width: 90%;
  height: auto;
  padding-bottom: 80px;
  margin: 0;
}
}

@media only screen and (max-width: 600px) {
.Contents01_Block01{
  margin: 60px auto 40px;
}

.Contents01_Block01 p,
p.Info_Zone{
  max-width: 960px;
  width: 90%;
  text-align: left;
  margin: 0 auto;
}

.Contents01_Block02 img.Contents01_01{
  width: 90%;
}

.Contents01_Block03 p.osusume{
  font-size: 20px;
  padding-bottom: 24px;
}

.Contents01_Block03 img.Contents01_02{
  padding-bottom: 40px;
}
}

@media only screen and (max-width: 480px) {
a.btn_01 {
  min-width: 240px;
  width: 80%;
  padding: 15px 20px 15px 30px;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
  margin: 0 auto;
}

/* 右側の矢印（くの字）をCSSで再現 */
a.btn_01::after {}
a.btn_01:hover {}

/* 右側の矢印（くの字）をCSSで再現 */
a.btn_01:hover::after {}
}

/*-------------------------
     Contents02
---------------------------*/
.Contents02  {
  width: 100%;
  padding: 20px;
  background-color: #fdfad6;
  background-image: url('../images/contents02/contents02_cap.png');
  background-size: 100% auto;
  background-position: top;
  background-repeat: no-repeat;
}

.Contents02_Block01{
  display: block;
  width: 100%;
  height: auto;
  margin: 200px auto 100px;
  padding: 0;
}

.Contents02_Block01 p.naze{
  display: block;
  font-size: 40px;
  font-weight: bold;
  padding-bottom: 60px;
}

.Contents02_Block02{
  display: block;
  width: 100%;
  height: auto;
  margin: 200px auto 100px;
  padding: 0;
}

.Contents02_Block02 img.title01{
  display: block;
  max-width: 400px;
  width: 32%;
  height: auto;
  padding: 0;
  margin: 0 auto 30px;
}

.Contents02_Block02 .Backimage{
  width: 1280px;
  height: 571px;
  background-image: url('../images/contents02/contents02_image_pc.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.Contents02_Block03{
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto 200px;
  padding: 0;
}

.Contents02_Block03 .title02Box{
  display: block;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
}

.Contents02_Block03 .title02Box img.chara{
  max-width: 278px;
  width: 20%;
  top: 0;
  left: 4%;
  position: absolute;
  z-index: 3;
}

img.title02{
  max-width: 480px;
  width: 37.5%;
  height: auto;
  padding-bottom: 30px;
}

.Contents02_Block03 .title02Box p{
  font-size: 40px;
  font-weight: bold;
}

.StepBox{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 800px;
  width: 62.5%;
  margin: 60px auto 0;
}

.StepBox:last-child{
  margin: 60px auto 200px;
}

.StepBox .imagetBox,
.StepBox .textBox{
  width: 80%;
  height: auto;
  padding: 0;
}

.StepBox .imageBox{
  width: 15%;
  height: auto;
  padding: 0;
  text-align: right;
}

.StepBox .imageBox img.step{
  max-width: 90px;
  width: 100%;
}

.StepBox .textBox p.step{
  font-size: 1.4em;
  font-weight: bold;
  padding: 2em 0 1em;
}


@media only screen and (max-width: 1440px) {
.Contents02_Block02 .Backimage{
  width: 100%;
  height: 0;
  padding-top: 44.54%;
  background-image: url('../images/contents02/contents02_image_pc.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.Contents02_Block03 .title02Box img.chara{
  top: -40px;
}
}


@media only screen and (max-width: 960px) {
.Contents02_Block01{
  margin: 120px auto 60px;
}

.Contents02_Block01 p.naze{
  font-size: 30px;
  line-height: 1.6;
  padding-bottom: 30px;
}

.Contents02_Block02{
  display: block;
  width: 100%;
  height: auto;
  margin: 100px auto 50px;
  padding: 0;
}

.Contents02_Block02 img.title01{
  display: block;
  max-width: 400px;
  width: 32%;
  height: auto;
  padding: 0;
  margin: 0 auto 30px;
}

.Contents02_Block03{
  margin: 0 auto 150px;
}

.Contents02_Block03 .title02Box{}

.Contents02_Block03 .title02Box img.chara{
  top: -20px;
}

img.title02{
  width: 46%;
  height: auto;
  padding-bottom: 20px;
}

.Contents02_Block03 .title02Box p{
  font-size: 30px;
}

.StepBox{
  width: 80%;
  margin: 40px auto 0;
}

.StepBox:last-child{
  margin: 40px auto;
}

.StepBox .imagetBox,
.StepBox .textBox{
  width: 82%;
}

.StepBox .imageBox{
  width: 13%;
}

.StepBox .imageBox img.step{
}

.StepBox .textBox p.step{
  font-size: 1.3em;
  padding: 1.5em 0 0.8em;
}
}

@media only screen and (max-width: 767px) {
.Contents02_Block01{
  margin: 80px auto 60px;
}

.Contents02_Block02 .Backimage{
  width: 100%;
  height: 0;
  padding-top: 142.8%;
  background-image: url('../images/contents02/contents02_image_sp.png');
  background-size: 60% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.StepBox{}

.StepBox:last-child{}


.StepBox .imagetBox,
.StepBox .textBox{
  width: 82%;
}

.StepBox .imageBox{
  width: 13%;
}

.StepBox .imageBox img.step{}

.StepBox .textBox p.step{
  font-size: 1.2em;
  font-weight: bold;
  padding: 1em 0 0.4em;
}
}


@media only screen and (max-width: 600px) {
.Contents02 {
  padding-bottom: 80px;
}

.Contents02_Block01{
  margin: 60px auto;
}

.Contents02_Block01{
  margin: 100px auto 60px;
}

.Contents02_Block01 p.naze{
  font-size: 24px;
  padding-bottom: 30px;
}

.Contents02_Block02{
  margin: 60px auto 30px;
}

.Contents02_Block02 img.title01{
  width: 42%;
}

.Contents02_Block02 .Backimage{
  padding-top: 167.23%;
  background-size: 70% auto;
}

.Contents02_Block03{
  margin: 0 auto 80px;
}

.Contents02_Block03 .title02Box{}

.Contents02_Block03 .title02Box img.chara{}

img.title02{
  height: auto;
  padding-bottom: 10px;
}

.Contents02_Block03 .title02Box p{
  font-size: 22px;
}

.StepBox{}

.StepBox:last-child{
}

.StepBox .imagetBox,
.StepBox .textBox{
  width: 82%;
}

.StepBox .imageBox{
  width: 13%;
}

.StepBox .imageBox img.step{
}

.StepBox .textBox p.step{
  font-size: 1.2em;
  font-weight: bold;
  padding: 1em 0 0.4em;
}
}


@media only screen and (max-width: 420px) {

.Contents02_Block01{
  margin: 100px auto 60px;
}

.Contents02_Block01 p.naze{
  font-size: 20px;
  padding-bottom: 20px;
}

.Contents02_Block02 img.title01{
  width: 50%;
  margin: 0 auto 20px;
}

.Contents02_Block02 .Backimage{
  padding-top: 214.20%;
  background-size: 90% auto;
}

.Contents02_Block03{}

.Contents02_Block03 .title02Box{}

.Contents02_Block03 .title02Box img.chara{}

img.title02{
  height: auto;
  padding-bottom: 10px;
}


.Contents02_Block03 .title02Box p{
  font-size: 20px;
}

.StepBox{
  width: 96%;
  margin: 30px auto 0;
}

.StepBox:last-child{
 margin: 30px auto; 
}

.StepBox .imagetBox,
.StepBox .textBox{}

.StepBox .imageBox{
  width: 12%;
}

.StepBox .imageBox img.step{
}

.StepBox .textBox p.step{
  font-size: 1.0em;
  font-weight: bold;
  padding: 1em 0 0.4em;
}
}


/*-------------------------
     footer
---------------------------*/

.footer{
	width: 100%;
        margin: 0 auto;
	padding: 240px 0 50px;
	background-color: #ffffff;
	color: #2d2d2d;
	  background-image: url('../images/footer/footer_cap.png');
	  background-size: 100% auto;
	  background-position: top;
	  background-repeat: no-repeat;
       text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.footer-logo img.footer-img-logo,
.footer-logo img.footer-img-logo a{
	max-width: 420px;
	width: 30%;
        height: auto;
        padding-bottom: 140px;
        margin-top: 60px;
	height: auto;
}

.footer-address p{
	font-size: 22px;
	padding-bottom: 40px;
}

.footer-phone p,
.footer-phone p a{
        font-family: "myfont-no", sans-serif; /*上で設定したフォントファミリー名*/
	font-size: 37px;
	padding: 0;
}

.copyright{
        font-family: "myfont-no", sans-serif; /*上で設定したフォントファミリー名*/
	font-size: 18px;
}

@media only screen and (max-width: 767px) {

.footer{
	padding: 120px 0 40px;
}

.footer-logo img.footer-img-logo,
.footer-logo img.footer-img-logo a{
	max-width: 420px;
	width: 36%;
        height: auto;
        padding-bottom: 100px;
        margin-top: 50px;
	height: auto;
}

.footer-address p{
	font-size: 20px;
	padding-bottom: 30px;
}

.footer-phone p,
.footer-phone p a{
        font-family: "myfont-no", sans-serif; /*上で設定したフォントファミリー名*/
	font-size: 26px;
	padding: 0;
}

.copyright p{
        font-family: "myfont-no", sans-serif; /*上で設定したフォントファミリー名*/
	font-size: 16px;
}
}

@media only screen and (max-width: 767px) {

.footer{
	padding: 120px 0 40px;
}

.footer-logo img.footer-img-logo,
.footer-logo img.footer-img-logo a{
	max-width: 420px;
	width: 36%;
        height: auto;
        padding-bottom: 100px;
        margin-top: 40px;
	height: auto;
}

.footer-address p{
	font-size: 20px;
	padding-bottom: 20px;
}

.footer-phone p,
.footer-phone p a{
	font-size: 30px;
	padding: 0;
}

.copyright p{
	font-size: 14px;
}
}


@media only screen and (max-width: 460px) {

.footer{
	padding: 120px 0 40px;
}

.footer-logo img.footer-img-logo,
.footer-logo img.footer-img-logo a{
	max-width: 420px;
	width: 60%;
        height: auto;
        padding-bottom: 100px;
        margin-top: 30px;
	height: auto;
}

.footer-address p{
	font-size: 15px;
	padding-bottom: 30px;
}

.footer-phone p,
.footer-phone p a{
	font-size: 22px;
	padding: 0;
}

.copyright p{
	font-size: 12px;
}
}



#page-top {
    bottom: 30px;
    right: 30px;
    width: 70px;
    height: 70px;
    z-index: 100;
    margin-bottom: 30px;
}


#page-top img{
    width: 70px;
    height: auto;
}

@media only screen and (max-width: 767px) {

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    z-index: 100;
}


#page-top img{
    width: 50px;
    height: auto;
}

}