@charset "utf-8";
/* -------------------------------
FONT
------------------------------- */
body {
	font-family:  "メイリオ", Meiryo , "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	line-height: 1.8;
	font-size: 15px;
}


/* -------------------------------
LAYOUT
------------------------------- */
* {
	word-break: break-all;
	word-wrap: break-word;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html,
body { height: 100%;}
html { -webkit-text-size-adjust: 1; }
body { color: #777; }
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
img {
	vertical-align: middle;
}
body {
	height: auto !important;
	max-width: 1200px;
	margin: auto;
/*	min-width: 780px;*/
}

li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #777;
}
a:hover {
    opacity: 0.7;
}

/* -------------------------------
COMMON PAGE
------------------------------- */
.pc_table {
        display: block;
    }
.mb_table {
        display: none;
}

.pc_only {
    display: block;
}
.mb_only {
    display: none;
}
.bg_white {
    background-color: white;
}
.bg_red {
    background-color: #f3e7e4;
}
.bg_orange {
    background-color: #fdf1ee;
}
.bg_purple {
    background-color: #f5f0f2;
}
.pad24 {
    padding: 2% 3%;
}
.pad44 {
    padding: 3% 3%;
}
.pad510 {
    padding: 5% 6%;
}
.pad6p {
    padding: 6%;
}
.m5 {
    margin: 5%;
}
.border2 {
    border: 2px solid #eee;
}
.mt10 {
    margin-top: 10px;
}
.mtb1em {
    margin-top: 1em;
    margin-bottom: 1em;
}
.mtb2em {
    margin-top: 2em;
    margin-bottom: 2em;
}
.mtb3em {
    margin-top: 3em;
    margin-bottom: 3em;
}

.mr1em {
    margin-right: 1em;
}
.mr2em {
    margin-right: 2em;
}
.ml1em {
    margin-left: 1em;
}
.ml2em {
    margin-left: 2em;
}
.ml3em {
    margin-left: 3em;
}
.w6p {
    width: 60%;
}
.w7p {
    width: 70%;
}
.w9p {
    width: 90%;
}

.dis_flex {
    display: flex;
    flex-wrap: wrap;
}
.df_between {
    justify-content: space-between;
}
.df_around {
    justify-content: space-around;
}

.tac {
    text-align: center;
}

.fixed {
    position: fixed!important;
    top: 0;
    z-index: 10000;
    width: 100%;
    max-width: 1200px;
}



body {
/*
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
*/
}
#wrap {
    margin: 0 9%;
}
section {
/*    margin-bottom: 100px;*/
}
section h2 {
    font-size: 160%;
    position: relative;
    border-bottom: 2px solid #e6e6e6;
/*    margin: 5% 0 3% 0;*/
}
section h2:after {
  content: "";
  display: block;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 30%;
  border-bottom: 2px solid #f8c5bc;
}

.inner_section_description {
    margin: 4%;
    text-indent: 1em;
}

/* -------------------------------
HEADER
------------------------------- */

header#page_header {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding: 15px;
}
header#page_header img {
    max-width: 100%;
}
header#page_header img:first-child {
    margin-right: 10px;
}
header#page_header a.main_tel {
    margin-left: auto;
    display: block;
}

header#content_header {
    background-color: #f8c6bd;
    padding: 40px 0 80px 0 ;
}
header#content_header > div {
    display: flex;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 60%);
    padding: 20px;
}
header#content_header h1 {
    padding: 0 100px 0 80px;
}
#anchor_nav {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
    background-color: white;
/*    position: absolute;*/
}
#anchor_nav ul {
    text-align: center;

}
#anchor_nav ul li{
    display: inline-block;
    padding: 0 20px;
}
#anchor_nav ul li a:hover {
    opacity: 0.8;
}
/* -------------------------------
 FOOTER
------------------------------- */
footer {
    width: 100%;
    text-align: center;
}
#copyright {
    width: 100%;
    background-color: #f5f0f2;
    font-size: 80%;
    padding: 10px;
}
#footer_end {
    display: flex;
    height: 50px;

}
#footer_end_left {
    width: 25%;
    background-color: #f8c6bd;
    color: #ea6652;
    font-size: 140%;
    padding: 6px 0;
}
#footer_end_left a {
    color: #ea6652;
}
#footer_end_right {
    width: 68%;
    background-color: #f29b87;
    color: white;
    padding: 10px 0;
}
#footer_end_right img {
    margin-left: 10px;
}
#footer_end_btn_wrap {
    width: 1200px;
    max-width: 100%;
    position: fixed;
    bottom: 0;
}
#footer_end_btn {
    width: 7%;
    float: right;
    background-color: #7d7d7d;
    height: 50px;
    opacity: 0.6;
}
#footer_end_btn div {
    width: 30px;
    background-color: white;
    height: 30px;
    text-align: center;
    margin: 0 auto;
    border-bottom: 15px solid white;
    border-right: 15px solid #7D7D7D;
    border-left: 15px solid #7D7D7D;
}
/* -------------------------------
 index
------------------------------- */
#page_01 #wrap {
    margin: 0;
}

#page_01 header#content_header {
    background-color: inherit;
    background-image: url('../image/01_h_1.png');
    background-repeat: no-repeat;
    height: 100%;
    padding: 40px 0 60px 0;
}
#page_01 #content_header p {
    margin: 2em 6em;
}

#page_01 #section0 .red_btn {
    padding: 0.5em;
    font-size: 90%;
    width: 25%;
    margin: -20px auto 40px;;
    border-radius: 5px;
}

#page_01 #section1 {
    text-align: center;
}
#page_01 #section1 div {
    text-align: center;
    font-size: 110%;
    line-height: 2;
    margin-top: 1em;
}
#page_01 section {
    padding: 6% 8%;
}
#page_01 h2 {
    margin: 1em 0;
}
#page_01 p.ti {
    text-indent: 1em;
    margin-bottom: 1em;
}
#page_01 #section3 h3 {
    margin: 2em 0;
}
#page_01 #section3 td {
    /*width: 25%;*/
    width: 20%;
    padding: 0.4em;
}
#page_01 #section3 table {
    border-top: 1px solid #BFBEBF;
}
#page_01 #section3 td.bg_pink {
    background-color: #FFEAE7;
}
#page_01 #section3 td.bg_blue {
    background-color: #D4E9EB;
		text-align: center;
}
#page_01 #section3 td.tc {
    text-align: center;
}
#page_01 #section3 tr {
    border-bottom: 1px solid #BFBEBF;
}


#page_01 .red_btn {
    display: block;
    background-color: #f29b87;
    color: white;
    text-align: center;
}

#page_01 .red_btn2 {
    display: block;
    background-color: #b5b1a2;
    color: white;
    text-align: center;
}

#page_01 #section3 table .red_btn {
    border-radius: 5px;
    margin: 1em;
    padding: 0.5em;
}
#page_01 #section4 .red_btn {
    font-size: 120%;
    width: 50%;
    margin: 4% auto;
    padding: 1%;
    border-radius: 10px;
}
#page_01 #section4 .dis_flex > div {
    width: 30%;text-align: center;
}


#page_01 #section5 h3 {
    margin: 1em 0 0 0;
    font-size: 130%;
    color: #f29b87;
}
#page_01 #section5 h4 {
    font-size: 110%;
    color: #f29b87;
}
#page_01 #section5 .dis_flex {
    margin-top: 2em;
}
#page_01 #section5 .dis_flex > div{
    width:47%;
}
#page_01 #section5 .dis_flex > div h4{
    margin-bottom: 0.5em;
}
#page_01 #section5 hr {
    margin: 2em 0 ;
}
#page_01 #section5 > div {
    margin-top: 1em;
}
#page_01 #section5 .dis_flex_child {
    position: relative;
    margin-bottom: 3em;
}
#page_01 #section5 .dis_flex_child .wrap_btn {
    position: absolute;
    bottom: -2em;
    height:0;
    width: 100%;
}
#page_01 #section5 .dis_flex_child > div {
    padding-bottom: 2em;
}
#page_01 #section5 .red_btn {
    padding: 0.5em;
    border-radius: 10px;
}

#page_01 #section6 {
  background-color:  #FFEFDD;
}
#page_01 #section6 > div {
    margin: 1em 0 3em 0;

}
#page_01 #section6 > div > div:last-child {
    margin: 3em 0 1em 0;
}
#page_01 #section6 .dis_flex > div{
    width: 48%;
}
#page_01 #section6 h3 {

    text-align: center;
    color: white;
    background-color: #FF947D;
    padding: 0.4em 0;
    margin: -15px 40px;
    z-index: 999;
    position: relative;
}
#page_01 #section6 .big {
    font-size: 110%;
}
#page_01 #section6 .bg_white {
    z-index: 1;
    padding: 3em 2em 2em 2em;
    height: 100%;
}

#page_01 #section6 span.red {
     color: #f29b87;
}
#page_01 #section6 span {
    display: block;
}
#page_01 #section7 .dis_flex > div {
    width:24%;
}
#page_01 #section7 .price_title {
    text-align: center;
    color: #f29b87;
    font-size: 110%;
}
#page_01 #section7 .price_child > div:first-child {
    text-align: center;
    margin-top: 1em;
}
#page_01 #section7 .hutan {
     background-color:    #F4BEB5;
    color: white;
    margin: 0.5em 0;
    text-align: center;
}
#page_01 #section7 .price_dis {
    margin: 1em 0;
}

#page_01 #section8 .dis_flex {
    color: #f29b87;
    margin: 3em 0;
}
#page_01 #section8 .dis_flex > div {
    width:49%;
}
#page_01 #section8 .dis_flex > div img{
    width: 100%;
}
#page_01 #section1 .red_btn,#page_01 #section8 .red_btn,#page_01 #section9 .red_btn {
    padding: 0.7em;
    width: 50%;
    margin: 0 auto;
    border-radius: 10px;
}
#page_01 #section9 {
    background-image: url('../image/01_s9_1.png');
}
#page_01 #section9 h3 {
    text-align: center;
    margin-bottom: 1em;
    font-size: 130%;
}

#page_01 #section9 > div {
    padding: 4em;
    background-color: rgba(255,255,255,0.5)
}
#page_01 #section9 .dis_flex {
    margin-bottom: 4em
}
#page_01 #section9 .dis_flex > div:first-child{
    width: 20%;
}
#page_01 #section9 .dis_flex > div:last-child{
    width: 78%;
}
#page_01 #section9 .big {
    font-size: 110%;
}
#page_01 #section10 {
    background-color: #F7F1F4;
}
#page_01 #section10 div,#page_01 #section10 h3 {
    text-align: center;
    font-size: 120%;
    margin-bottom: 1em;
}
#page_01 #section10 .red_btn {
    padding: 0.5em;
    font-size: 90%;
    width: 25%;
    margin: 1em auto;
    border-radius: 5px;
}

#page_01 #section10 .red_btn2 {
    padding: 0.5em;
    font-size: 90%;
    width: 25%;
    margin: 1em auto;
    border-radius: 5px;
}

#page_01 #section11 {
    padding: 2% ;
}
#page_01 #section11 .dis_flex > div {
    width: 48%;

}
#page_01 #section11 .red_btn {
    width: 100%;
    padding: 1em;
    font-size: 110%;
    margin: 1em auto;
    border-radius: 5px;
}

/* -------------------------------
 02,04
------------------------------- */
#page_02 #wrap,#page_04 #wrap {
    margin-top: 80px;
}

#page_02 .inner_section_wrap,#page_04 .inner_section_wrap {
    background-color: #f2f2f2;
    padding: 5%;
}
#page_02 .inner_section_wrap h3,#page_04 .inner_section_wrap h3 {
    font-size: 150%;
}


#page_02 .inner_section_box,#page_04 .inner_section_box {
    padding: 3% 5%;
    margin: 10px 10px 30px 10px;
}

#page_02 .inner_section_box .sub_head {
    margin-right: 20px;
}
#page_02 #section8 {
    background-color: #f5f0f2;
}
#page_02 .out_wrap {
    padding: 4% 9%;
    margin: 0;
}
#page_02 #section1 ,#page_02 #section2 , #page_02 #section3 {
    margin-bottom: 10%;
}

#page_02 #section2 .img_txt > div:first-child {
    width: 50%;
}
#page_02 #section2 .posi {
    width: 48%;
    position: relative;
}
#page_02 #section2 .img_txt2 > div:first-child {
    width: 26%;
}
#page_02 #section2 .posi2 {
    width: 72%;
    position: relative;
}

#page_02 #section2 .posi p,#page_02 #section2 .posi2 p {
    position: absolute;
    bottom: 0;
    text-indent: 0;
}





#page_04 #section1 h3 {
    font-size: 160%;
    color: #f89d8d;
    margin-top: 50px;
}
#page_04 section {
    margin: 10% 0;
}
#page_04 #wrap img,#page_02 #wrap img {
    max-width: 100%;
}
#page_02 h4,#page_04 h4 {
    font-size: 130%;
    color: #f89d8d;
}
#page_02 .btn_red {
    margin: 4% auto;
    width: 40%;
    text-align: center;
    background-color: #f29b87;

    padding: 1%;
    font-size: 140%;
    font-weight: normal;
    border-radius: 10px;
}
#page_02 .btn_red a {
    color: white;
}
#page_02 p {
    text-indent: 1em;
}

/* -------------------------------
 03
------------------------------- */

#page_03 .greet {
    text-align: center;
    padding: 50px 0;
    width: 70%;
    margin: 0 auto;
}
#page_03 section .flex_wrap {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
    flex-wrap: wrap;
}
#page_03 section .flex_wrap > div {
    text-align: center;
}
#page_03 section .flex_wrap > div img{
    max-width: 100%;
}
#page_03 section .flex_wrap > div div {
    margin: 10px 0;
}
#page_03 section .flex_column4 > div {
    width: 24%;
}
#page_03 section .flex_column3 > div {
    width: 30%;
}
#page_03 section .flex_wrap > div span{
    font-weight: bold;
}
#page_03 section .normal_box {
    margin: 5% 0;
}
/* -------------------------------
 05
------------------------------- */
#page_05 #wrap {
    margin-top: 100px;
}
#page_05 section {
    margin: 10% 0;
}
#page_05 section:first-child {
    margin-top: 2%;
}


#page_05 section .flex_wrap {
    border: 2px solid #eee;
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
    flex-wrap: wrap;
    padding: 50px 60px;
}
#page_05 section .flex_wrap > div {
    width: 49%;
    text-align: center;
    font-weight: bold;
}
#page_05 section .flex_wrap > div img {
    margin: 20px 0 10px 0;
    max-width: 100%;
}
#page_05 section .flex_wrap > div.normal_box {
    width: 100%;
    font-weight: normal;
    text-align: left;
}
#page_05 section h2 {
    margin-bottom: 40px;
}
#page_05 section .flex_wrap .normal_box {
    margin-top: 60px;
}
/* -------------------------------
 06
------------------------------- */
#page_06 h3 {
    font-size: 150%;
    color: #f29b87;
    margin-bottom: 20px;
}
#page_06 section {
    padding: 6% 9%;
}
#page_06 #section3 p {
    margin: 0 0 30px 30px;
}

#page_06 section p {
    margin: 0 0 30px 30px;
}

#page_06 #section4 {
    margin-bottom: 5%;
}
#page_06 #section4 .dis_flex > div:first-child{
    width: 50%;
}
#page_06 #section4 .dis_flex > div:last-child{
    width: 46%;
}
#page_06 hr {
    margin: 60px 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #eee;
    border: 0;
}

#page_06 .nyuboh_case {
    margin: 20px 0 0;
}

#page_06 .nyuboh_case ul {
    display: flex;
}

#page_06 .nyuboh_case ul.inner li:first-child {
    text-align: center;
}

#page_06 .nyuboh_case ul.inner {
    margin-bottom: 40px;
}

#page_06 .nyuboh_case ul li img {
    max-width: 100%;
}

#page_06 .nyuboh_case ul li span {
    display: inline-block;
    margin-top: 5px;
    line-height: 1.5;
}

#page_06 .indent2 {
    text-indent: -2em;
    margin-left: 2em;
}

@media screen and (min-width: 780px){
    #page_06 .nyuboh_case ul li {
        width: 260px;
    }

    #page_06 .nyuboh_case li:not(first-child) {
        margin-right: 40px;
    }    
}

/* -------------------------------
 07
------------------------------- */
#page_07 h2 {
    margin: 2em 0 1em 0;
}
#page_07 h3 {
    font-size: 150%;
    color: #f29b87;
    margin-bottom: 20px;
}
#page_07 h3.blue{
    color: #79a2cc;
    margin-top: 2em;
}
#page_07 #section1,#page_07 #section2 {
    padding: 5% 6%;
}
#page_07 #section1 p,#page_07 #section2 p {
    margin: 0 0 30px 30px;
    text-indent: 1em;
}
#page_07 #section1 p.no_space {
    margin-bottom: 0;
}
#page_07 hr {
    margin: 50px 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #eee;
    border: 0;
}
#page_07 section.green h3 {
    color: #8fb46e;
}
#page_07 section.green h2:after {
      border-bottom: 2px solid #8fb46e;
}

/* -------------------------------
 08
------------------------------- */
#page_08 h2 {
    margin: 2em 0;
}
#page_08 .profile_name {
    color: #f29b87;
}
#page_08 h3 {
    font-size: 150%;
    color: #f29b87;
    margin-bottom: 20px;
}
#page_08 #section1,#page_08 #section2 {
    padding: 5% 6%;
}
#page_08 #section1 p {
    margin: 10px 0 20px 0px;
    text-indent: 1em;
}
#page_08 #section1 .profile2 h3 {
    margin-top: 20px;
}
#page_08 #section1 .profile2 div:last-child {
    margin-top: 20px;
}
#page_08 .dis_flex > div:first-child {
    margin-right: 20px;
}
#page_08 #section1 .dis_flex > div:last-child p {
    margin: 0 0 1em 0;
    text-indent: 0;
}
#page_08 hr {
    display: block;
    width: 90%;
    height: 2px;
    background-color: #eee;
    border: 0;
}



#page_09 #wrap {
		margin: 0;
    padding: 0;
}

#page_09 h2 {
		margin: 1em 0;
}

#page_09 #section1 {
    padding: 6% 8%;
}

.gen-box {
    padding: 2em;
    margin: 20px 0;
}

.shosai-box {
    padding: 4em;
}

.txt-box2 {
    padding: 0px 30px 0%;
    margin: 0px 0px 3%;
}

.txt-box3 {
    padding: 0px 30px 0%;
    margin: 0px 5% 5%;
    width: 85%;
}




button {
    display: block;
    background: none;
    border: none;
    padding: 0;
    width: 42px;
    color: #333;
    letter-spacing: 0.1em;
    cursor: pointer;
    position: fixed;
    top: 5px;
    right: 15px;
    z-index: 1001;
    text-align: center;
    outline: none;
  }
  /*   ハンバーガーボタン3本線   */
  button span.bar {
    display: block;
    height: 2px;
    background-color: #888;
    margin: 8px 0;
    transition: all 0.2s;
    transform-origin: 0 0;
  }
  button .close {
    letter-spacing: 0.08em;
    display: none;
      color: #fff;
  }
  button .menu {
    display: block;
  }
  /*  メニューアクティブ時  */
  button.active span.bar {
    width: 42px;
  }
  button.active .bar1 {
    transform: rotate(30deg);
  }
  button.active .bar2 {
    opacity: 0;
  }
  button.active .bar3 {
    transform: rotate(-30deg);
  }
  button.active .menu {
    display: none;
  }
  button.active .close {
    display: block;
      font-size: 80%;
      text-align: center;
  }

button.btn_menu {
    display: none;
}

nav {
    background-color: #7D7D7D;
    opacity: 0.9;
    color: white;
    width: 100%;
    min-width: 300px;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
}
nav ul {
    padding: 10vh;
}
nav li {
    text-align: center;
    color: #fff;
    padding: 2vh 0;
    border-bottom: 1px solid white;
}
nav li a {
    color: #fff;
}

@media screen and (max-width: 1150px){
    .w6p {
        width: 100%;
    }
    .w7p {
        width: 100%;
    }

    #page_02 .btn_red {
        width: 80%;
    }

    #page_03 .greet {
        width: 85%;
    }


    #page_01 header#content_header {
        background-color: #EBB9B0;
        background-position: 70% center;
        background-size: cover;
        padding: 20px 0;
    }

}
@media screen and (max-width: 1000px){
    .pc_table {
        display: none;
    }
    .mb_table {
        display: block;
    }
    .mb_table > div{
        overflow: auto;
        padding-left: -3%;
    }
    .mb_table table {
        width: 100%;
        min-width: 500px;
    }
    .mb_table tbody > tr:first-child td {
        text-align: center;
    }

}

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


    .pc_only {
        display: none;
    }
    .mb_only {
        display: block;
    }
    .df_around {
        justify-content: flex-start;
    }
    .w9p {
        width: 100%;
    }

    #anchor_nav.fixed {
        position: absolute!important;
    }
    /* -------------------------------
    Mobile: HEADER
    ------------------------------- */
    header#page_header img:last-child {
/*        margin: 0 auto;*/
    }
    header#page_header img:first-child {
        margin-bottom: 20px;
    }
    button.btn_menu {
        display: block;
        opacity: 0.8;
        position: absolute;
    }
    header#content_header img {
        max-width: 100%;
    }
    /* -------------------------------
    Mobile: COMMON PAGE
    ------------------------------- */

    #wrap {
        margin: 0 5%;
    }
    header#content_header > div {
        display: block;
    }
    header#content_header h1 {
        padding: 0 0 20px 0;
    }
    section .flex_column4 > div {
        width: 33%;
    }

    /* -------------------------------
    Mobile: FOOTER
    ------------------------------- */
    #footer_end_left {
        font-size: 100%;
        width: 100%;
    }
    #footer_end_right {
        width: 100%;
    }
    #footer_end {
        display: block;
    }
    #footer_end_btn {
        width: 100%;
        padding-bottom: 0px;
        right: 0;

        height: 20px


    }
    /* -------------------------------
    Mobile: 01
    ------------------------------- */
    #page_01 img {
        max-width: 100%;
    }
    #page_01 .dis_flex {
        display: block;
    }
    #page_01 header#content_header p img {
        max-width: 60%;
    }
    #page_01 header#content_header {
        background-color: #F7D0C9;
        background-position: 70% 80px;
        background-size: cover;
        padding: 20px 0 80px 0;
    }
    #page_01 #content_header p {
        margin: 1em;
    }
    #page_01 #section3 table {
        margin-bottom: 1%;
    }
    #page_01 #section4 .dis_flex > div {
        width: 100%;
    }
    #page_01 #section5 .dis_flex > div {
        width: 100%;
    }
    #page_01 #section5 .red_btn{
        margin-bottom: 1em;
    }
    #page_01 #section6 .dis_flex > div {
        width: 100%;
    }
    #page_01 #section6 .dis_flex > div:first-child {
        margin-bottom: 3em;
    }
    #page_01 #section6 .bg_white {
        padding: 2em 1em 1em 1em;
    }
    #page_01 #section7 .dis_flex > div {
        width: 100%;
    }
    #page_01 #section8 .dis_flex > div {
        width: 100%;
    }
    #page_01 #section4 .red_btn,#page_01 #section8 .red_btn,#page_01 #section9 .red_btn,#page_01 #section10 .red_btn,#page_01 #section11 .red_btn {
        width: 90%;
    }
    #page_01 #section9 .dis_flex > div {
        width: 100%;
    }
    #page_01 #section9 .dis_flex > div:first-child {
        width: 100%;
    }
    #page_01 #section9 .dis_flex > div:last-child {
        width: 100%;
    }
    #page_01 #section9 > div {
        padding: 1em;
    }
    #page_01 #section11 .dis_flex > div {
        width: 100%;
    }
    /* -------------------------------
    Mobile: 02
    ------------------------------- */

    #page_02 .btn_red {
        font-size: 120%;
    }
        #page_02 #section2 .posi p,#page_02 #section2 .posi2 p {
        position: relative;
    }
    #page_02 #section2 .img_txt > div:first-child {
        width: 100%;
    }
    #page_02 #section2 .posi {
        width: 100%;
    }
    #page_02 #section2 .img_txt2 > div:first-child {
        width: 100%;
    }
    #page_02 #section2 .posi2 {
        width: 100%;
    }
    /* -------------------------------
    Mobile: 03
    ------------------------------- */
    #page_03 section .flex_column4 > div {
        width: 49%;
    }
    #page_03 section .flex_column3 > div {
        width: 49%;
    }
    #page_03 .greet {
        width: 100%;
    }
    #page_03 #section2 .flex_wrap > div:nth-child(1){
        order: 1;
        -webkit-box-ordinal-group: 1;
        -webkit-order:1;
    }
    #page_03 #section2 .flex_wrap > div:nth-child(4){
        order: 2;
        -webkit-box-ordinal-group:2;
        -webkit-order:2;
    }
    #page_03 #section2 .flex_wrap > div:nth-child(2){
        order: 3;
        -webkit-box-ordinal-group:3;
        -webkit-order:3;
    }
    #page_03 #section2 .flex_wrap > div:nth-child(5){
        order: 4;
        -webkit-box-ordinal-group:4;
        -webkit-order:4;
    }
    #page_03 #section2 .flex_wrap > div:nth-child(3){
        order: 5;
        -webkit-box-ordinal-group:5;
        -webkit-order:5;
    }
    #page_03 #section2 .flex_wrap > div:nth-child(6){
        order: 6;
        -webkit-box-ordinal-group:6;
        -webkit-order:6;
    }
    #page_03 #section2 .flex_wrap > div:nth-child(7){
        order: 7;
        -webkit-box-ordinal-group:7;
        -webkit-order:7;
        width: 100%;
    }
    #page_03 #section2 .flex_wrap > div:nth-child(8){
        order: 8;
        -webkit-order:8;
        -webkit-box-ordinal-group:8;
        width: 100%;
    }
    #page_03 #section2 .flex_wrap > div:nth-child(9){
        order: 9;
        -webkit-order:9;
        -webkit-box-ordinal-group:9;
        width: 100%;
    }

    #page_03 #section4 .flex_wrap > div:nth-child(1){
        order: 1;
    }
    #page_03 #section4 .flex_wrap > div:nth-child(4){
        order: 2;
    }
    #page_03 #section4 .flex_wrap > div:nth-child(2){
        order: 3;
    }
    #page_03 #section4 .flex_wrap > div:nth-child(5){
        order: 4;
    }
    #page_03 #section4 .flex_wrap > div:nth-child(3){
        order: 5;
    }
    #page_03 #section4 .flex_wrap > div:nth-child(6){
        order: 6;
    }

    #page_03 #section5 .flex_wrap > div:nth-child(1){
        order: 1;
    }
    #page_03 #section5 .flex_wrap > div:nth-child(4){
        order: 2;
    }
    #page_03 #section5 .flex_wrap > div:nth-child(2){
        order: 3;
    }
    #page_03 #section5 .flex_wrap > div:nth-child(5){
        order: 4;
    }
    #page_03 #section5 .flex_wrap > div:nth-child(3){
        order: 5;
    }
    #page_03 #section5 .flex_wrap > div:nth-child(6){
        order: 6;
    }
    /* -------------------------------
    Mobile: 05
    ------------------------------- */
    #page_05 section .flex_wrap {
        padding: 5%;
    }
    /* -------------------------------
    Mobile: 05
    ------------------------------- */
    #page_06 #section4 .dis_flex > div:first-child{
    width: 100%;
    }
    #page_06 #section4 .dis_flex > div:last-child{
        width: 100%;
    }
    #page_06 .nyuboh_case {
        width: 90%;
        margin: 20px auto;
    }
    #page_06 .nyuboh_case ul {
        flex-wrap: wrap;
    }
    #page_06 .nyuboh_case ul li:not(last-child) {
    margin-bottom: 20px;
    }

    /* -------------------------------
    Mobile: 07
    ------------------------------- */
    #page_07 #section1 p {
        margin: 0 0 30px 0;
    }
    #page_07 .ml3em, #page_07 .ml2em {
        margin: 0;
    }
    #page_07 .border2 {
        border:none;
    }
    /* -------------------------------
    Mobile: 08
    ------------------------------- */
    #page_08 dis_flex {
        display: block;
    }
    #page_08 dis_flex > div:last-child {
        margin: 0;
    }
    #page_08 .border2 {
        border:none;
    }
    #page_08 .pad44 {
        padding: 0;
    }
}

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

    /* -------------------------------
    Mobile_small: COMMON PAGE
    ------------------------------- */
    section .flex_column4 > div , section .flex_column3 > div {
        width: 49%;
    }

    #page_05 section .flex_wrap > div {
        width: 98%;
    }
    /* -------------------------------
    Mobile_small: 05
    ------------------------------- */
    #page_05 section .flex_wrap {
        padding: 5%;
    }

}