@charset "UTF-8";
/*!
 * CSS Reset 2011-12-25
 * https://gist.github.com/1360380
 *
 * Author:  Takeru Suzuki, http://terkel.jp/
 * License: Public domain
 *
 * Inspired by Normalize.css: http://necolas.github.com/normalize.css/
/*# sourceMappingURL=style.css.map */


article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section {
   display: block
 }

 audio, canvas, video {
   display: inline-block;
   *display: inline;
   *zoom: 1
 }

 audio:not([controls]) {
   display: none
 }

 [hidden] {
   display: none
 }

 html {
   font-size: 62.5%;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%
 }

 html * {
   -webkit-box-sizing: border-box;
   box-sizing: border-box
 }

 body {
   font-family: sans-serif;
   margin: 0
 }

 h1, h2, h3, h4, h5, h6 {
   font-size: 1em;
   margin: 0;
   font-weight: normal
 }

 blockquote, dd, dl, figure, ol, p, ul {
   padding: 0;
   margin: 0
 }

 hr {
   color: inherit;
   height: auto;
   -webkit-box-sizing: content-box;
   box-sizing: content-box
 }

 pre {
   font-family: monospace, sans-serif;
   white-space: pre-wrap;
   word-wrap: break-word;
   margin: 0
 }

 b, strong {
   font-weight: bold
 }

 small {
   font-size: 1.2rem
 }

 q {
   quotes: none
 }

 abbr[title] {
   border-bottom: 1px dotted
 }

 code, kbd, samp {
   font-family: monospace, sans-serif
 }

 mark {
   color: black;
   background-color: yellow
 }

 sub, sup {
   font-size: 1.2rem;
   line-height: 0;
   vertical-align: baseline;
   position: relative
 }

 sub {
   bottom: -0.25em
 }

 sup {
   top: -0.5em
 }

 br {
   letter-spacing: 0
 }

 img {
   border: 0;
   -ms-interpolation-mode: bicubic
 }

 svg:not(:root) {
   overflow: hidden
 }

 table {
   border-collapse: separate;
   border-spacing: 0
 }

 caption {
   padding: 0;
   text-align: left
 }

 th {
   margin: 0;
   font-weight: normal
 }

 td, th {
   text-align: left;
   vertical-align: baseline;
   padding: 0
 }

 form {
   margin: 0
 }

 fieldset {
   border: 0;
   padding: 0;
   margin: 0
 }

 legend {
   border: 0;
   *margin-left: -7px
 }

 button, input, select, textarea {
   font-family: inherit;
   font-size: 1em;
   color: inherit;
   margin: 0
 }

 button, input {
   line-height: normal;
   vertical-align: inherit;
   *vertical-align: middle
 }

 button::-moz-focus-inner, input::-moz-focus-inner {
   border: 0;
   padding: 0
 }

 input[type=search] {
   -webkit-appearance: textfield;
   -webkit-box-sizing: content-box;
   box-sizing: content-box
 }

 input[type=search]:focus {
   outline-offset: -2px
 }

 input[type=search]::-webkit-search-decoration {
   -webkit-appearance: none
 }

 input[type=checkbox], input[type=radio] {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 0
 }

 button, input[type=button], input[type=reset], input[type=submit] {
   cursor: pointer;
   -webkit-appearance: button;
   *overflow: visible
 }

 select {
   background-color: inherit;
   line-height: normal
 }

 textarea {
   vertical-align: top;
   overflow: auto;
   *font-family: sans-serif
 }

 body {
   color: #000000;
   font-family: "源ノ角ゴシック JP", source-han-sans-japanese, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -webkit-user-drag: none;
   -webkit-touch-callout: none;
   font-weight: 400;
   line-height: 1.6;
   letter-spacing: 0.1em
 }

 body, html {
   height: 100%
 }

 img {
   width: 100%;
   height: auto;
   vertical-align: bottom
 }

 em {
   font-style: normal;
   font-weight: bold
 }

 dd, dt, li {
   list-style: none;
   vertical-align: bottom
 }

 dd img, dt img, li img {
   vertical-align: top
 }

 small {
   font-size: 100%
 }

 input, select, textarea {
   outline: none
 }

 @media print, screen and (min-width:769px) {
   .sp {
     display: none
   }
 }

 @media screen and (max-width:768px) {
   .pc {
     display: none
   }
 }

 #fb-root {
   display: none
 }

 body.enabled_modal {
   overflow: hidden
 }

 .defs {
   display: none
 }

 img.ofi-contain, img.ofi-cover {
   height: 100%;
   -o-object-position: center;
   object-position: center
 }

 img.ofi-cover {
   -o-object-fit: cover;
   object-fit: cover;
   font-family: "object-fit: cover; object-position: center;"
 }

 img.ofi-contain {
   -o-object-fit: contain;
   object-fit: contain;
   font-family: "object-fit: contain; object-position: center;"
 }

 #wrapper {
   position: relative;
   width: 100%;
   height: 100%;
   min-height: 100%
 }

 @media print, screen and (min-width:769px) {
   #wrapper {
     min-width: 980px
   }
 }

 #main {
   padding: 0 0 0
 }

 @media print, screen and (min-width:769px) {
   #main {
     padding: 0 0 0
   }
 }

 .taC, .taC_L, .taC_R {
   text-align: center
 }

 .taL, .taL_C, .taL_R {
   text-align: left
 }

 .taR, .taR_C, .taR_L {
   text-align: right
 }

 @media screen and (min-width:769px) {
   .taL_C, .taR_C {
     text-align: center
   }
   .taC_R, .taL_R {
     text-align: right
   }
   .taC_L, .taR_L {
     text-align: left
   }
 }

 .en {
   font-family: josefin-sans, sans-serif
 }

 body {
   font-size: 1.4rem
 }

 #breadcrumb {
   font-size: 1rem
 }

 @media print, screen and (min-width:769px) {
   body {
     font-size: 1.4rem
   }
   #breadcrumb {
     font-size: 1.2rem
   }
 }

 [class*=font0] {
   font-size: 0rem
 }

 [class*=font8] {
   font-size: 0.8rem
 }

 [class*=font9] {
   font-size: 0.9rem
 }

 [class*=font10] {
   font-size: 1rem
 }

 [class*=font11] {
   font-size: 1.1rem
 }

 [class*=font12] {
   font-size: 1.2rem
 }

 [class*=font13] {
   font-size: 1.3rem
 }

 [class*=font14] {
   font-size: 1.4rem
 }

 [class*=font15] {
   font-size: 1.5rem
 }

 [class*=font16] {
   font-size: 1.6rem
 }

 [class*=font17] {
   font-size: 1.7rem
 }

 [class*=font18] {
   font-size: 1.8rem
 }

 [class*=font19] {
   font-size: 1.9rem
 }

 [class*=font20] {
   font-size: 2rem
 }

 [class*=font21] {
   font-size: 2.1rem
 }

 [class*=font22] {
   font-size: 2.2rem
 }

 [class*=font23] {
   font-size: 2.3rem
 }

 [class*=font24] {
   font-size: 2.4rem
 }

 [class*=font25] {
   font-size: 2.5rem
 }

 [class*=font26] {
   font-size: 2.6rem
 }

 [class*=font27] {
   font-size: 2.7rem
 }

 [class*=font28] {
   font-size: 2.8rem
 }

 [class*=font29] {
   font-size: 2.9rem
 }

 [class*=font30] {
   font-size: 3rem
 }

 [class*=font32] {
   font-size: 3.2rem
 }

 [class*=font34] {
   font-size: 3.4rem
 }

 [class*=font35] {
   font-size: 3.5rem
 }

 [class*=font40] {
   font-size: 4rem
 }

 [class*=font45] {
   font-size: 4.5rem
 }

 [class*=font50] {
   font-size: 5rem
 }

 [class*=font52] {
   font-size: 5.2rem
 }

 [class*=font54] {
   font-size: 5.4rem
 }

 [class*=font56] {
   font-size: 5.6rem
 }

 [class*=font58] {
   font-size: 5.8rem
 }

 [class*=font60] {
   font-size: 6rem
 }

 [class*=font62] {
   font-size: 6.2rem
 }

 [class*=font64] {
   font-size: 6.4rem
 }

 [class*=font66] {
   font-size: 6.6rem
 }

 [class*=font68] {
   font-size: 6.8rem
 }

 [class*=font70] {
   font-size: 7rem
 }

 @media print, screen and (min-width:769px) {
   [class*=font][class*=_8] {
     font-size: 0.8rem
   }
   [class*=font][class*=_9] {
     font-size: 0.9rem
   }
   [class*=font][class*=_10] {
     font-size: 1rem
   }
   [class*=font][class*=_11] {
     font-size: 1.1rem
   }
   [class*=font][class*=_12] {
     font-size: 1.2rem
   }
   [class*=font][class*=_13] {
     font-size: 1.3rem
   }
   [class*=font][class*=_14] {
     font-size: 1.4rem
   }
   [class*=font][class*=_15] {
     font-size: 1.5rem
   }
   [class*=font][class*=_16] {
     font-size: 1.6rem
   }
   [class*=font][class*=_17] {
     font-size: 1.7rem
   }
   [class*=font][class*=_18] {
     font-size: 1.8rem
   }
   [class*=font][class*=_19] {
     font-size: 1.9rem
   }
   [class*=font][class*=_20] {
     font-size: 2rem
   }
   [class*=font][class*=_21] {
     font-size: 2.1rem
   }
   [class*=font][class*=_22] {
     font-size: 2.2rem
   }
   [class*=font][class*=_23] {
     font-size: 2.3rem
   }
   [class*=font][class*=_24] {
     font-size: 2.4rem
   }
   [class*=font][class*=_25] {
     font-size: 2.5rem
   }
   [class*=font][class*=_26] {
     font-size: 2.6rem
   }
   [class*=font][class*=_27] {
     font-size: 2.7rem
   }
   [class*=font][class*=_28] {
     font-size: 2.8rem
   }
   [class*=font][class*=_29] {
     font-size: 2.9rem
   }
   [class*=font][class*=_30] {
     font-size: 3rem
   }
   [class*=font][class*=_32] {
     font-size: 3.2rem
   }
   [class*=font][class*=_34] {
     font-size: 3.4rem
   }
   [class*=font][class*=_36] {
     font-size: 3.6rem
   }
   [class*=font][class*=_38] {
     font-size: 3.8rem
   }
   [class*=font][class*=_40] {
     font-size: 4rem
   }
   [class*=font][class*=_42] {
     font-size: 4.2rem
   }
   [class*=font][class*=_44] {
     font-size: 4.4rem
   }
   [class*=font][class*=_46] {
     font-size: 4.6rem
   }
   [class*=font][class*=_48] {
     font-size: 4.8rem
   }
   [class*=font][class*=_50] {
     font-size: 5rem
   }
   [class*=font][class*=_52] {
     font-size: 5.2rem
   }
   [class*=font][class*=_54] {
     font-size: 5.4rem
   }
   [class*=font][class*=_56] {
     font-size: 5.6rem
   }
   [class*=font][class*=_58] {
     font-size: 5.8rem
   }
   [class*=font][class*=_60] {
     font-size: 6rem
   }
   [class*=font][class*=_62] {
     font-size: 6.2rem
   }
   [class*=font][class*=_64] {
     font-size: 6.4rem
   }
   [class*=font][class*=_66] {
     font-size: 6.6rem
   }
   [class*=font][class*=_68] {
     font-size: 6.8rem
   }
   [class*=font][class*=_70] {
     font-size: 7rem
   }
 }

 .bold01 {
   font-weight: 700
 }

 .lig01 {
   font-weight: 300
 }

 .med01 {
   font-weight: 600
 }

 .hev01 {
   font-weight: 900
 }

 [class*=" en_"], [class^=en_], h1, h2, h3, h4, h5, h6, small {
   line-height: 1.3
 }

 .white01, a.white01 {
   color: #ffffff
 }

 .black01, a.black01 {
   color: #000000
 }

 a, a:focus {
   outline: none
 }

 a {
   color: #000000;
   text-decoration: none
 }

 a.tlink02, a .tlink02 {
   text-decoration: underline
 }

 @media print, screen and (min-width:769px) {
   a.tlink01:hover, a .tlink01:hover {
     text-decoration: underline
   }
   a.tlink02:hover, a .tlink02:hover {
     text-decoration: none
   }
   a.rOver, button.rOver, img.rOver {
     -webkit-transition: opacity 0.2s;
     transition: opacity 0.2s
   }
   a.rOver:hover, button.rOver:hover, img.rOver:hover {
     opacity: 0.6
   }
 }

 .arrow-right {
   position: relative
 }

 .arrow-right:after {
   content: "";
   display: block
 }

 .arrow-left {
   position: relative
 }

 .arrow-left:after {
   content: "";
   display: block
 }

 .arrow-more {
   position: relative
 }

 .arrow-blank {
   position: relative
 }

 .headline {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   position: relative;
   z-index: 100;
   height: 260px;
   padding: 70px 0 0;
   background: url("../img/cmn/headline_bg01.jpg") center center no-repeat;
   background-size: cover;
   font-family: futura-pt, sans-serif;
   text-align: center;
   -webkit-box-shadow: 0 7px 12px 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 7px 12px 5px rgba(0, 0, 0, 0.2)
 }

 .headline .title {
   position: relative;
   margin: 0 0 8px;
   padding-bottom: 8px;
   padding-left: 0.6em;
   letter-spacing: 0.6em
 }

 .headline .title:after {
   content: "";
   position: absolute;
   bottom: 0;
   left: calc(50% - 95px);
   width: 190px;
   border-bottom: 1px solid #ffffff
 }

 .headline .logo {
   padding-left: 0.6em;
   letter-spacing: 0.6em;
   line-height: 1.4
 }

 @media print, screen and (min-width:769px) {
   .headline {
     height: 600px;
     padding-top: 250px
   }
   .headline .title {
     margin-bottom: 25px;
     padding-bottom: 30px
   }
   .headline .title:after {
     width: 420px;
     left: calc(50% - 210px)
   }
   .headline .logo {
     padding-left: 0.65em;
     letter-spacing: 0.65em
   }
 }

 #pagetop {
   overflow: hidden;
   position: fixed
 }

 #header {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 9000;
   width: 100%;
   height: 70px
 }

 @media print, screen and (min-width:769px) {
   #header {
     min-width: 980px;
     height: 95px;
     -webkit-transition: background 0.6s;
     transition: background 0.6s
   }
   #header.on {
     background: rgba(0, 0, 0, 0.2)
   }
 }

 #header-toggle {
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   z-index: 200;
   width: 80px;
   height: 100%;
   padding: 0;
   border: none;
   border-radius: 0;
   background: none
 }

 #header-toggle>div {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
 }

 #header-toggle>div>span {
   position: absolute;
   left: calc(50% - 20px);
   display: block;
   width: 40px;
   height: 1px;
   border-radius: 2px;
   background: #ffffff;
   -webkit-transform-origin: center;
   transform-origin: center;
   -webkit-transition: 0.2s;
   transition: 0.2s
 }

 #header-toggle>div>span:first-child {
   top: calc(50% - 12px)
 }

 #header-toggle>div>span:nth-child(2) {
   top: calc(50%)
 }

 #header-toggle>div>span:nth-child(3) {
   top: calc(50% + 12px)
 }

 #header-toggle.is-active>div>span {
   top: calc(50% - 2px)
 }

 #header-toggle.is-active>div>span:first-child {
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg)
 }

 #header-toggle.is-active>div>span:nth-child(2) {
   opacity: 0;
   -webkit-transform: rotate(135deg);
   transform: rotate(135deg)
 }

 #header-toggle.is-active>div>span:nth-child(3) {
   -webkit-transform: rotate(135deg);
   transform: rotate(135deg)
 }

 @media print, screen and (min-width:769px) {
   #header-toggle {
     display: none
   }
 }

 .header-menu {
   overflow: auto;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 100;
   width: 100%;
   height: 100%;
   background: #3e3a39;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: opacity 0.2s, visibility 0.2s;
   transition: opacity 0.2s, visibility 0.2s
 }

 .header-menu.is-active {
   opacity: 1;
   visibility: visible
 }

 .header-menu_inner {
   display: table;
   width: 100%;
   height: 100%
 }

 .header-menu_inner>div {
   display: table-cell;
   vertical-align: middle;
   padding: 43px 0 0;
   width: 100%
 }

 .header-menu_logo {
   width: 136px;
   margin: 0 auto 50px
 }

 @media print, screen and (min-width:769px) {
   .header-menu {
     overflow: visible;
     position: relative;
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     background: none;
     opacity: 1;
     visibility: visible;
     -webkit-transition: none;
     transition: none
   }
   .header-menu_logo {
     display: none
   }
   .header-menu_inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 100%
   }
   .header-menu_inner>div {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding: 0
   }
 }

 .header-gnav ul li {
   text-align: center;
   letter-spacing: 0.4em;
   margin: 40px 0
 }

 .header-gnav ul li a {
   color: #fff
 }

 @media print, screen and (min-width:769px) {
   .header-gnav ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex
   }
   .header-gnav ul li {
     margin: 0 28px;
     font-size: 1.8rem;
     letter-spacing: 0.5em
   }
   .header-gnav ul li a {
     position: relative;
     display: block;
     padding: 10px 0
   }
   .header-gnav ul li a:after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 50%;
     width: 0%;
     height: 1px;
     background: #fff;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
     -webkit-transition: width 0.2s;
     transition: width 0.2s
   }
   .header-gnav ul li a.is-active:after, .header-gnav ul li a:hover:after {
     width: 85px
   }
 }

 .footer {
   padding: 30px 0 30px;
   background: #3e3a39
 }

 @media print, screen and (min-width:769px) {
   .footer {
     padding: 58px 0 25px
   }
 }

 .footer .pagetop {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin: 0 0 60px;
   font-size: 3rem;
   text-align: center;
   font-weight: 900
 }

 .footer .pagetop a {
   color: #ffffff;
   letter-spacing: 0.2em
 }

 .footer .pagetop a:before {
   content: "";
   display: block;
   width: 50px;
   height: 22px;
   margin: 0 auto;
   background: url("../img/cmn/pagetop.svg") center center no-repeat;
   background-size: contain
 }

 .footer .pagetop a span {
   padding-left: 0.2em
 }

 @media print, screen and (min-width:769px) {
   .footer .pagetop {
     margin-bottom: 145px;
     font-size: 2.6rem
   }
   .footer .pagetop a:before {
     width: 42px;
     height: 18px;
     margin-bottom: 2px
   }
 }

 .footer-info {
   width: 89.334%;
   margin: 0 auto 80px;
   color: #ffffff
 }

 .footer-info .logo {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin: 0 0 25px;
   font-family: futura-pt, sans-serif;
   font-size: 2.2rem;
   font-weight: 300
 }

 .footer-info .txt p {
   margin: 0 0 15px
 }

 .footer-info .txt p a {
   color: #ffffff
 }

 .footer-info .txt .tel {
   font-size: 2.2rem
 }

 @media print, screen and (min-width:769px) {
   .footer-info {
     width: 100%;
     max-width: 1040px;
     margin-bottom: 105px;
     padding: 0 40px
   }
   .footer-info .logo {
     margin-bottom: 98px;
     font-size: 5.4rem
   }
   .footer-info .txt {
     font-size: 1.6rem
   }
   .footer-info .txt p {
     margin-bottom: 12px
   }
   .footer-info .txt .tel {
     font-size: 1.6rem
   }
 }

 .footer-nav>ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 89.334%;
   margin: 0 auto 25px
 }

 .footer-nav>ul>li {
   width: 50%;
   margin: 0 0 25px;
   text-align: center;
   letter-spacing: 0.4em
 }

 .footer-nav>ul>li>a {
   color: #ffffff
 }

 @media print, screen and (min-width:769px) {
   .footer-nav>ul {
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     width: 100%;
     margin-bottom: 35px
   }
   .footer-nav>ul>li {
     width: auto;
     margin: 0 2%;
     font-size: 1.8rem
   }
 }

 .footer-cr {
   color: #ffffff;
   font-size: 0.9rem;
   text-align: center;
   line-height: 1.3;
   letter-spacing: 0.2em
 }

 @media print, screen and (min-width:769px) {
   .footer-cr {
     font-size: 1.8rem
   }
 }

 .fade {
   position: relative;
   opacity: 0;
   -webkit-transform: translateY(20px);
   transform: translateY(20px)
 }

 .fade.on-fade {
   opacity: 1;
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition: opacity 1.8s, -webkit-transform 1.6s;
   transition: opacity 1.8s, -webkit-transform 1.6s;
   transition: opacity 1.8s, transform 1.6s;
   transition: opacity 1.8s, transform 1.6s, -webkit-transform 1.6s
 }

 .p-top {}

 .p-top .s-mv {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   position: relative;
   z-index: 100;
   height: 100vh;
   background: url("../img/mv_bg01.jpg") left 58% center no-repeat;
   background-size: cover;
   -webkit-box-shadow: 0 7px 12px 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 7px 12px 5px rgba(0, 0, 0, 0.2)
 }

 .p-top .s-mv .title>span {
   display: block;
   opacity: 0
 }

 .p-top .s-mv .title>span:first-child {
   margin: 0 0 2px;
   padding-left: 0.7em;
   font-family: futura-pt, sans-serif;
   letter-spacing: 0.7em
 }

 .p-top .s-mv .title>span:nth-child(2) {
   padding-left: 0.4em;
   letter-spacing: 0.4em
 }

 @media print, screen and (min-width:769px) {
   .p-top .s-mv {
     background-position: center center
   }
   .p-top .s-mv .title {
     padding-top: 10px
   }
   .p-top .s-mv .title>span:first-child {
     margin-bottom: 15px
   }
 }

 .p-top .s-mv.is-active .title>span {
   display: block;
   opacity: 1;
   -webkit-transition: opacity 1.4s;
   transition: opacity 1.4s
   
   -webkit-transition-delay: 1s;
   transition-delay: 1s
   
 }

 .p-top .s-mv.is-active .title>span:nth-child(2) {
   -webkit-transition-delay: 1s;
   transition-delay: 1s
 }

 .p-top .s-style {
 
   background: #a2a2a2 url("../img/style_bg01.svg") center bottom repeat-x;
   background-size: 800px auto
 }

 .p-top .s-style .block01 {
 	 
   padding: 50px 0
 }

 .p-top .s-style .block01 .title {
 
   margin: 0 0 30px;
   color: #cbcbcb;
   letter-spacing: 0.4em
   
 }

 .p-top .s-style .block01 .txt {
 		
   letter-spacing: 0.4em
   overflow: hidden;
   white-space: nowrap;
   
 }
 
 .p-top .s-style .block01 .txt p {
 	
 	 opacity: 0;
   width: 30.5em;
   margin: 0 auto;
   white-space: nowrap;
   line-height: 1;
   border-right: 2px solid;
   overflow: hidden;
 
 }
 
 .p-top .s-style .block01 .txt p.active {
   
   opacity: 1;
   transition: all 0.1s;
 	 animation: typing 2s steps(19, end), caret 0.5s step-end infinite;
 
 }
 
 
@keyframes typing {

	0% {
	
		width: 0;
		
	} 
	
}

@keyframes caret {

	50% { border-color: transparent; } 
	
}


@media print, screen and (max-width:768px) {

 .p-top .s-style .block01 .txt p {
 	 
 	 width: 100%;
   border-right: 0
 
 }
	
 .p-top .s-style .block01 .txt p.active {
	
		animation: typing 0s, caret 0s;
	
	}
	
	.p-top .s-style .block01 .txt p .line1 {
		
		display: inline-block;
		width: 14em;
		margin-bottom: 0.5em;
		border-right: 1px solid;
    overflow: hidden;
	
	}
	
	.p-top .s-style .block01 .txt p.active .line1 {
		
		animation: typing 1.4s steps(12, end), caret 0.5s step-end infinite;
		border-right: 0px solid;
		transition: border 0.1s 1.2s;
	
	}
	
	.p-top .s-style .block01 .txt p .line2 {
		
		opacity: 0;
		display: inline-block;
		width: 9em;
		border-right: 1px solid;
    overflow: hidden;
	
	}
	
	.p-top .s-style .block01 .txt p.active .line2 {
		
		opacity: 1;
		transition: all 0.1s 1.4s;
		animation: typing 1.4s steps(9, end) 1.4s, caret 0.5s step-end 1.4s infinite;
	
	}
	

}
 

 @media print, screen and (min-width:769px) {
   .p-top .s-style {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     height: 465px;
     background-size: 2020px auto
   }
   .p-top .s-style .block01 {
     padding: 0 0 40px
   }
   .p-top .s-style .block01 .title {
     margin-bottom: 110px;
     padding-left: 0.5em;
     letter-spacing: 0.5em
   }
   .p-top .s-style .block01 .txt {
     padding-left: 0.6em;
     letter-spacing: 0.6em
   }
 }

 .p-top .s-service {
   margin: 0 0 65px;
   padding: 58px 0 0
 }

 .p-top .s-service .block01 {
   margin: 0 0 90px
 }

 .p-top .s-service .block01 .title {
   margin: 0 0 36px;
   letter-spacing: 0.4em
 }

 .p-top .s-service .block01 .list {
   width: 88%;
   margin: 0 auto
 }

 .p-top .s-service .block01 .list>li {
   margin: 0 0 30px
 }

 .p-top .s-service .block01 .list>li a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-line-pack: center;
   align-content: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   min-height: 92px;
   padding: 10px 0 12px
 }

 .p-top .s-service .block01 .list>li p:first-child {
   margin: 0 0 8px;
   font-family: futura-pt, sans-serif;
   letter-spacing: 0.4em;
   line-height: 1.1
 }

 .p-top .s-service .block01 .list>li p:nth-child(2) {
   color: #4c4948;
   line-height: 1.1;
   letter-spacing: 0.4em
 }

 .p-top .s-service .block01 .list>li.design {
   background-color: #989898
 }

 .p-top .s-service .block01 .list>li.website {
   background-color: #e9e3d7
 }

 .p-top .s-service .block01 .list>li.consulting {
   background-color: #cbcbcb
 }

 .p-top .s-service .block01 .list>li.photo {
   background-color: #a7b8c3
 }

 .p-top .s-service .block01 .list>li.movie {
   background-color: #c6c7b5
 }

 .p-top .s-service .block01 .list>li.subsidy {
   background-color: #b0816f
 }

 .p-top .s-service .block02 {
   padding: 15px 0 20px;
   background: #f2f2f2
 }

 .p-top .s-service .block02 .title {
 
 	 position: relative;
   margin: 0 0 25px;
   padding: 2px 0 6px;
   padding-left: 0.4em;
   /*background: #cbcbcb;*/
   color: #3e3a39;
   font-family: futura-pt, sans-serif;
   font-size: 2.4rem;
   letter-spacing: 0.4em;
   line-height: 1;
   overflow: hidden;
   
 }
 
 .p-top .s-service .block02 .title:after {
 
	 	position: absolute;
		bottom:  0;
		left: 0;
		content: "";
		width:  100%;
		height: 0;
		background: #cbcbcb;
 
 }
 
 .p-top .s-service .block02 .title.active:after {
 
 	 height: 100%;
 	 transition: all 0.6s;
 
 }

 .p-top .s-service .block02 .title>div {
 
 	 position: relative;
 	 z-index: 2;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin: 0 auto;
   max-width: 500px;
   
   opacity: 0;
 	 transform: translateY(0.4em);
   
 }
 
  .p-top .s-service .block02 .title.active>div {
 
 	 opacity: 1;
 	 transform: translateY(0);
 	 transition: all 0.6s 0.5s;
 
 }

 .p-top .s-service .block02 .title>div>span {
 
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1
   
 }

 .p-top .s-service .block02 .txt {
   width: 84%;
   margin: 0 auto;
   font-weight: 500;
   letter-spacing: 0.4em
 }

 @media print, screen and (min-width:769px) {
   .p-top .s-service {
     margin-bottom: 230px;
     padding-top: 270px
   }
   .p-top .s-service .block01 {
     margin-bottom: 140px
   }
   .p-top .s-service .block01 .title {
     margin-bottom: 100px;
     padding-left: 0.5em;
     letter-spacing: 0.5em
   }
   .p-top .s-service .block01 .list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: 96%
   }
   .p-top .s-service .block01 .list>li {
     width: 164px;
     margin: 0 22px
   }
   .p-top .s-service .block01 .list>li:nth-child(n) {
     background: none
   }
   .p-top .s-service .block01 .list>li a {
     padding: 0
   }
   .p-top .s-service .block01 .list>li p:first-child {
     padding-bottom: 180%;
     margin-bottom: 0;
     background-size: cover;
     color: transparent;
     font-size: 0
   }
   .p-top .s-service .block01 .list>li p:nth-child(2) {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     height: 90px;
     margin: 0 -1em;
     padding-left: 0.4em
   }
   .p-top .s-service .block01 .list>li.design p:first-child {
     background-image: url("../img/service_t01.svg")
   }
   .p-top .s-service .block01 .list>li.website p:first-child {
     background-image: url("../img/service_t02.svg")
   }
   .p-top .s-service .block01 .list>li.consulting p:first-child {
     background-image: url("../img/service_t03.svg")
   }
   .p-top .s-service .block01 .list>li.photo p:first-child {
     background-image: url("../img/service_t04.svg")
   }
   .p-top .s-service .block01 .list>li.movie p:first-child {
     background-image: url("../img/service_t05.svg")
   }
   .p-top .s-service .block01 .list>li.subsidy p:first-child {
     background-image: url("../img/service_t06.svg")
   }
   .p-top .s-service .block02 {
     padding-top: 0;
     padding-bottom: 40px
   }
   .p-top .s-service .block02>div {
     display: table;
     width: 100%;
     max-width: calc(50% + 380px);
     margin: 0 0 0 auto
   }
   .p-top .s-service .block02 .title {
     margin-bottom: 30px;
     padding: 5px 35px 15px 20px;
     font-size: 9rem;
     letter-spacing: 0.45em
   }
   .p-top .s-service .block02 .title>div {
     display: block;
     max-width: none
   }
   .p-top .s-service .block02 .txt {
     margin: 0;
     padding: 0 15px;
     line-height: 3.6;
     letter-spacing: 0.3em
   }
   .p-top .s-service .block02 .txt p>span {
     line-height: 0
   }
 }

 .p-top .s-link {
   margin: 0 0 100px
 }

 .p-top .s-link>section {
   overflow: hidden;
   position: relative;
   margin: 0 0 70px;
   padding-bottom: 230px
 }

 .p-top .s-link>section a {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: center right no-repeat;
   background-size: cover
 }

 .p-top .s-link>section a .title {
   position: relative;
   width: 320px;
   height: 100%;
   letter-spacing: 0.4em
 }

 .p-top .s-link>section a .title:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #ffffff;
   -webkit-transform: skewX(-54.4deg);
   transform: skewX(-54.4deg);
   -webkit-transform-origin: right top;
   transform-origin: right top;
   -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.4);
   box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.4)
 }

 .p-top .s-link>section a .title>span {
   display: block;
   position: absolute;
   bottom: 100%;
   right: 0;
   padding: 0 32px 15px 0;
   -webkit-transform: rotate(-35.6deg);
   transform: rotate(-35.6deg);
   -webkit-transform-origin: right bottom;
   transform-origin: right bottom
 }

 .p-top .s-link>section a .title>span:after {
   content: "\025b6";
   font-size: 1.6rem
 }

 .p-top .s-link>section a .title>span>span {
   font-family: futura-pt, sans-serif;
   font-weight: 500;
   letter-spacing: 0.4em
 }

 .p-top .s-link>section a .btn {
   position: absolute;
   bottom: 8px;
   left: 0
 }

 .p-top .s-link>section a .btn>span {
   display: block;
   position: relative;
   width: 260px;
   padding: 0 0 2px;
   border-bottom: 1px solid #ffffff;
   line-height: 1
 }

 .p-top .s-link>section a .btn>span:before {
   content: "";
   position: absolute;
   top: 100%;
   right: 0;
   width: 30px;
   height: 30px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   -webkit-transform: skewY(30deg);
   transform: skewY(30deg);
   -webkit-transform-origin: right top;
   transform-origin: right top
 }

 .p-top .s-link>section.about a {
   background-image: url("../img/link_about_bg01.jpg");
   background-position: center right 72%
 }

 .p-top .s-link>section.member a {
   background-image: url("../img/link_member_bg01.jpg");
   background-position: center right 15%
 }

 @media print, screen and (min-width:769px) {
   .p-top .s-link {
     margin-bottom: 0
   }
   .p-top .s-link>section {
     margin-bottom: 0;
     padding-bottom: 525px
   }
   .p-top .s-link>section a .title {
     width: 730px
   }
   .p-top .s-link>section a .title>span {
     padding: 0 100px 42px 0;
     letter-spacing: 0.8em
   }
   .p-top .s-link>section a .title>span:after {
     display: inline-block;
     margin-left: 5px;
     font-size: 3.2rem
   }
   .p-top .s-link>section a .title>span>span {
     letter-spacing: 0.5em
   }
   .p-top .s-link>section a .btn {
     bottom: 28px;
     width: 50%
   }
   .p-top .s-link>section a .btn>span {
     width: 100%;
     padding-bottom: 5px;
     padding-right: 80px;
     letter-spacing: 0.2em
   }
   .p-top .s-link>section a .btn>span:before {
     width: 48px;
     height: 48px
   }
   .p-top .s-link>section.about {
     margin-bottom: 285px
   }
   .p-top .s-link>section.about a {
     background-position: center center
   }
   .p-top .s-link>section.member a {
     background-position: center center
   }
 }

 .p-top .s-map {
   padding: 60px 0 0;
   background: #a7a7a7
 }

 .p-top .s-map .block01 {
   overflow: hidden
 }

 .p-top .s-map .block01 .map {
   position: relative;
   padding-bottom: 62%
 }

 .p-top .s-map .block01 .map iframe {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: none;
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%)
 }

 .p-top .s-map .block01 .btn>a {
   display: block;
   padding: 40px 0 8px
 }

 .p-top .s-map .block01 .btn>a span {
   display: block;
   position: relative;
   width: 260px;
   padding: 0 0 2px;
   border-bottom: 1px solid #ffffff;
   line-height: 1
 }

 .p-top .s-map .block01 .btn>a span:before {
   content: "";
   position: absolute;
   top: 100%;
   right: 0;
   width: 30px;
   height: 30px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   -webkit-transform: skewY(30deg);
   transform: skewY(30deg);
   -webkit-transform-origin: right top;
   transform-origin: right top
 }

 @media print, screen and (min-width:769px) {
   .p-top .s-map {
     padding-top: 145px
   }
   .p-top .s-map .block01 .map {
     padding-bottom: 525px
   }
   .p-top .s-map .block01 .btn>a {
     padding: 95px 0 30px
   }
   .p-top .s-map .block01 .btn>a span {
     width: 50%;
     padding-bottom: 5px;
     padding-right: 80px;
     letter-spacing: 0.2em
   }
   .p-top .s-map .block01 .btn>a span:before {
     width: 48px;
     height: 48px
   }
 }

 .p-service {}

 .p-service #content {
   padding-bottom: 40px
 }

 @media print, screen and (min-width:769px) {
   .p-service #content {
     padding-bottom: 210px
   }
 }

 .p-service .headline {
   margin-bottom: 75px
 }

 @media print, screen and (min-width:769px) {
   .p-service .headline {
     margin-bottom: 340px
   }
 }

 .p-service .sec-box {
   margin-top: -70px;
   padding-top: 70px
 }

 .p-service .sec-box .bg {
   padding: 15px 0
 }

 .p-service .sec-box .block01 {
   margin: 0 0 45px
 }

 .p-service .sec-box .block01 .title {
   margin: 0 0 75px;
   padding-left: 0.5em;
   letter-spacing: 0.5em
 }

 .p-service .sec-box .block01 .title>span {
   display: block;
   position: relative;
   margin-bottom: 5px;
   padding-bottom: 3px;
   padding-left: 0.5em;
   letter-spacing: 0.5em
 }

 .p-service .sec-box .block01 .title>span:after {
   content: "";
   position: absolute;
   bottom: 0;
   left: calc(50% - 25px);
   width: 50px;
   border-bottom: 1px solid
 }

 .p-service .sec-box .block01 .img {
   margin: 0 0 100px
 }

 .p-service .sec-box .block01 .img ul {
   position: relative;
   margin: 0 0 50px
 }

 .p-service .sec-box .block01 .img ul li {
   margin: 0 0 5px;
   letter-spacing: 0.4em
 }

 .p-service .sec-box .block01 .img .pic {
   overflow: hidden
 }

 .p-service .sec-box .block01 .img .pic>span {
   display: block
 }

 .p-service .sec-box .block01 .txt {
   width: 92%;
   margin: 0 auto
 }
 
 
 
 .p-service .sec-box .block01 .txt>dt {
   margin-bottom: 100px;
   letter-spacing: 0.2em;
   opacity: 0
 }



 .p-service .sec-box .block01 .txt>dt.on-anime {
   letter-spacing: 0.4em;
   opacity: 1;
   -webkit-transition: opacity 1.6s ease-in, letter-spacing 1.2s;
   transition: opacity 1.6s ease-in, letter-spacing 1.2s
 }

 .p-service .sec-box .block01 .txt>dd {
   letter-spacing: 0.4em
 }

 .p-service .sec-box .block01 .txt>dd p {
   margin: 0 0 20px
 }

 .p-service .sec-box .block01 .txt>dd p.btn {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin-top: 30px
 }

 .p-service .sec-box .block01 .txt>dd p.btn a {
   display: block;
   position: relative;
   padding: 5px 35px 5px 10px;
   background: #3e3a39;
   letter-spacing: 0.4em
 }

 .p-service .sec-box .block01 .txt>dd p.btn a:after {
   content: "";
   position: absolute;
   top: calc(50% - 7px);
   right: 10px;
   border-width: 7px 0 7px 12px;
   border-style: solid;
   border-color: transparent transparent transparent #ffffff
 }

 .p-service .sec-box .block02 .list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: 92%;
   margin: 0 auto
 }

 .p-service .sec-box .block02 .list>li {
   position: relative;
   width: 33.3333%;
   margin: 0 0 30px;
   line-height: 1.9;
   letter-spacing: 0.4em
 }

 .p-service .sec-box .block02 .list>li:after {
   position: absolute;
   top: 50%;
   left: 0;
   width: 12%;
   border-bottom: 1px solid #000000;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%)
 }

 .p-service .sec-box .block02 .list>li:not(:nth-child(3n+1)):after {
   content: ""
 }

 @media print, screen and (min-width:769px) {
   .p-service .sec-box {
     margin-top: -95px;
     padding-top: 95px
   }
   .p-service .sec-box .bg {
     padding-top: 47px
   }
   .p-service .sec-box .block01 {
     margin-bottom: 30px
   }
   .p-service .sec-box .block01 .title {
     margin-bottom: 120px
   }
   .p-service .sec-box .block01 .title>span {
     margin-bottom: 6px;
     padding-bottom: 6px
   }
   .p-service .sec-box .block01 .title>span:after {
     left: calc(50% - 35px);
     width: 70px
   }
   .p-service .sec-box .block01 .box {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex
   }
   .p-service .sec-box .block01 .img {
     position: relative;
     z-index: 0;
     width: 50%;
     margin-bottom: 0
   }
   .p-service .sec-box .block01 .img ul {
     position: absolute;
     top: 0;
     left: 0;
     padding: 2% 0 0 5%;
     letter-spacing: 0.4em
   }
   .p-service .sec-box .block01 .img ul li {
     margin-bottom: 25px
   }
   .p-service .sec-box .block01 .img .pic {
     position: relative;
     z-index: -1
   }
   .p-service .sec-box .block01 .txt {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     position: relative;
     width: 50%
   }
   .p-service .sec-box .block01 .txt>dt {
     width: 19%;
     margin-bottom: 0;
     letter-spacing: 0em
   }
   .p-service .sec-box .block01 .txt>dt span {
     -ms-writing-mode: tb-rl;
     -webkit-writing-mode: vertical-rl;
     writing-mode: vertical-rl
   }
   .p-service .sec-box .block01 .txt>dd {
     width: 81%;
     max-width: 720px;
     padding: 2% 3% 0;
     letter-spacing: 0.4em;
     line-height: 1.7
   }
   .p-service .sec-box .block01 .txt>dd p {
     margin-bottom: 4%
   }
   .p-service .sec-box .block01 .txt>dd p.btn {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     margin-top: 30px
   }
   .p-service .sec-box .block01 .txt>dd p.btn a {
     display: block;
     position: relative;
     padding: 5px 25px 5px 5px;
     background: #3e3a39;
     letter-spacing: 0.4em
   }
   .p-service .sec-box .block01 .txt>dd p.btn a:after {
     content: "";
     position: absolute;
     top: calc(50% - 5px);
     right: 5px;
     border-width: 5px 0 5px 9px
   }
   .p-service .sec-box .block02 .list {
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     width: auto
   }
   .p-service .sec-box .block02 .list>li {
     width: auto;
     margin-bottom: 0;
     padding: 0 33px;
     line-height: 2.2
   }
   .p-service .sec-box .block02 .list>li:after {
     width: 18px
   }
   .p-service .sec-box .block02 .list>li:not(:first-child):after {
     content: ""
   }
 }

 .p-service .s-design .bg {
   background: #131313
 }

 .p-service .s-design .block01 .img .pic>span {
   margin-left: -31%;
   margin-right: -100%
 }

 .p-service .s-design .block02 .list>li:after {
   border-bottom-color: #ffffff
 }

 @media print, screen and (min-width:769px) {
   .p-service .s-design .block01 .img .pic {
     overflow: visible
   }
   .p-service .s-design .block01 .img .pic:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 46.877%;
     height: 100%;
     background: #000000;
     -webkit-transform: skewX(-33.6deg);
     transform: skewX(-33.6deg);
     -webkit-transform-origin: 0 0;
     transform-origin: 0 0
   }
   .p-service .s-design .block01 .img .pic>span {
     margin-left: 0;
     margin-right: -100%
   }
   .p-service .s-design .block01 .txt dd p {
     margin-bottom: 8%
   }
 }

 .p-service .s-website .bg {
   background: #e9e3d7
 }

 .p-service .s-website .block01 .img .pic>span {
   margin-right: -13.784%
 }

 @media print, screen and (min-width:769px) {
   .p-service .s-website .block01 .img ul {
     color: #ffffff
   }
   .p-service .s-website .block01 .img .pic>span {
     margin-left: 0;
     margin-right: 0
   }
 }

 .p-service .s-consulting .bg {
   background: #cbcbcb
 }

 .p-service .s-consulting .block01 .img .pic>span {
   margin-left: -6%;
   margin-right: -7.784%
 }

 @media print, screen and (min-width:769px) {
   .p-service .s-consulting .block01 .img .pic>span {
     margin-left: 0;
     margin-right: 0
   }
 }

 .p-service .s-photo .bg {
   background: #a7b8c3
 }

 .p-service .s-photo .block01 .img .pic>span {
   margin-right: -13.784%
 }

 @media print, screen and (min-width:769px) {
   .p-service .s-photo .block01 .img ul {
     color: #ffffff
   }
   .p-service .s-photo .block01 .img .pic>span {
     margin-left: 0;
     margin-right: 0
   }
 }

 .p-service .s-movie .bg {
   background: #c6c7b5
 }

 .p-service .s-movie .block01 .img .pic>span {
   margin-left: -6.892%;
   margin-right: -6.892%
 }

 @media print, screen and (min-width:769px) {
   .p-service .s-movie .block01 .img .pic>span {
     margin-left: 0;
     margin-right: 0
   }
 }

 .p-service .s-subsidy .bg {
   background: #b0816f
 }

 .p-service .s-subsidy .block01 .img .pic>span {
   margin-right: -13.784%
 }

 @media print, screen and (min-width:769px) {
   .p-service .s-subsidy .block01 .img ul {
     color: #ffffff
   }
   .p-service .s-subsidy .block01 .img .pic>span {
     margin-left: 0;
     margin-right: 0
   }
 }

 .p-about {}

 .p-about #content:after {
   content: "";
   display: block;
   width: 100%;
   height: 260px;
   background: url("../img/about/bg01.jpg") left center no-repeat;
   background-size: cover
 }

 @media print, screen and (min-width:769px) {
   .p-about #content:after {
     height: 600px;
     background-position: center center
   }
 }

 .p-about .s-company {
   overflow: hidden;
   background: #131313;
   padding: 120px 0 0
 }

 .p-about .s-company .block01 {
   width: 92%;
   margin: 0 auto 90px
 }

 .p-about .s-company .block01 .title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin: 0 0 90px;
   letter-spacing: 0.4em
 }

 .p-about .s-company .block01 .title span {
   position: relative;
   padding: 0 0 2px
 }

 .p-about .s-company .block01 .title span:after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100vw;
   border-bottom: 1px solid #ffffff
 }

 .p-about .s-company .block01 .txt dl {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 0 0 28px;
   letter-spacing: 0.2em
 }

 .p-about .s-company .block01 .txt dl dt {
   width: 12em
 }

 .p-about .s-company .block01 .txt dl dd {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1
 }

 @media print, screen and (min-width:769px) {
   .p-about .s-company {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding-top: 380px
   }
   .p-about .s-company:after {
     height: 400px;
     background-position: center center
   }
   .p-about .s-company .block01 {
     width: auto;
     margin: 0 0 150px
   }
   .p-about .s-company .block01 .title {
     display: block;
     margin-bottom: 150px
   }
   .p-about .s-company .block01 .title span {
     display: block;
     padding-bottom: 15px
   }
   .p-about .s-company .block01 .title span:after {
     width: 190%
   }
   .p-about .s-company .block01 .txt {
     margin-right: -400px;
     line-height: 1.7
   }
   .p-about .s-company .block01 .txt dl {
     margin-bottom: 36px;
     white-space: nowrap
   }
   .p-about .s-company .block01 .txt dl dt {
     width: 16em
   }
   .p-about .s-company .block01 .txt dl dd {
     -webkit-box-flex: 1;
     -ms-flex: auto;
     flex: auto
   }
 }

 @media print, screen and (min-width:1200px) {
   .p-about .s-company .block01 .txt dl dt {
     width: 22em
   }
 }

 .p-member {}

 .p-member #content:after {
   content: "";
   display: block;
   width: 100%;
   height: 260px;
   background: url("../img/member/bg01.jpg") left 50% center no-repeat;
   background-size: cover
 }

 @media print, screen and (min-width:769px) {
   .p-member #content:after {
     height: 600px;
     background-position: center center
   }
 }

 .p-member .s-member {
   padding: 70px 0 0
 }

 .p-member .s-member .block01 .title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin: 0 0 25px;
   letter-spacing: 0.6em
 }

 .p-member .s-member .block01 .title>span+span {
   position: relative
 }

 .p-member .s-member .block01 .title>span+span:before {
   content: "";
   display: block;
   top: 0;
   width: 98%;
   margin: 0 auto 5px;
   border-bottom: 1px solid #000000
 }

 .p-member .s-member .block01 .list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   width: 76%;
   margin: 0 auto 30px
 }

 .p-member .s-member .block01 .list>li {
   width: 35%;
   margin: 0 0 30px
 }

 .p-member .s-member .block01 .list>li .name {
   letter-spacing: 0.5em;
   margin: 0 -1em
 }

 .p-member .s-member .block02 {
   padding: 0 0 80px;
   background: #3e3a39
 }

 .p-member .s-member .block02 .profile .bg {
   position: relative;
   z-index: 0;
   padding: 15px 0 0
 }

 .p-member .s-member .block02 .profile .box01 {
   width: 70%;
   margin: 0 auto 40px
 }

 .p-member .s-member .block02 .profile .box01 .title {
   margin: 0 0 10px;
   letter-spacing: 0.8em
 }

 .p-member .s-member .block02 .profile .box01 .pic {
   margin: 0 0 15px;
   border: 3px solid #fff
 }

 .p-member .s-member .block02 .profile .box01 .txt {
   padding: 2px;
   background: #fff;
   letter-spacing: 0.4em;
   -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
   box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3)
 }

 .p-member .s-member .block02 .profile .box02 {
   padding: 0 0 38px
 }

 .p-member .s-member .block02 .profile .box02 .txt {
   width: 86%;
   margin: 0 auto 40px
 }

 .p-member .s-member .block02 .profile .box02 .txt dt {
   margin: 0 0 20px;
   letter-spacing: 0.6em;
   opacity: 0;
   -webkit-transform: scaleX(0.9);
   transform: scaleX(0.9);
   -webkit-transform-origin: left center;
   transform-origin: left center
 }

 .p-member .s-member .block02 .profile .box02 .txt dt.on-anime {
   -webkit-transform: scaleX(1);
   transform: scaleX(1);
   opacity: 1;
   -webkit-transition: opacity 1.6s ease-in, -webkit-transform 1.2s;
   transition: opacity 1.6s ease-in, -webkit-transform 1.2s;
   transition: opacity 1.6s ease-in, transform 1.2s;
   transition: opacity 1.6s ease-in, transform 1.2s, -webkit-transform 1.2s
 }

 .p-member .s-member .block02 .profile .box02 .txt dd {
   letter-spacing: 0.4em
 }

 .p-member .s-member .block02 .profile .box02 .txt dd p {
   margin: 0 0 25px
 }

 .p-member .s-member .block02 .profile .box02 .txt dd p .url {
   word-break: break-all
 }

 .p-member .s-member .block02 .profile .box02 .pic {
   width: 75%;
   margin: 0 auto
 }

 .p-member .s-member .block02 .profile .subtxt {
   position: absolute;
   top: 90px;
   left: 0;
   letter-spacing: 0.4em;
   -ms-writing-mode: tb-rl;
   -webkit-writing-mode: vertical-rl;
   writing-mode: vertical-rl
 }

 .p-member .s-member .block02 .style {
   padding: 35px 0
 }

 .p-member .s-member .block02 .style>div {
   width: 80%;
   margin: 0 auto
 }

 .p-member .s-member .block02 .style>div p {
   letter-spacing: 0.4em;
   line-height: 2.4
 }

 .p-member .s-member .btn-pagetop {
   position: fixed;
   right: 0;
   bottom: 0;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: opacity 0.2s, visibility 0.2s;
   transition: opacity 0.2s, visibility 0.2s
 }

 .p-member .s-member .btn-pagetop>a {
   display: block;
   width: 40px;
   height: 40px;
   padding: 12px 0 0;
   background: rgba(0, 0, 0, 0.3)
 }

 .p-member .s-member .btn-pagetop>a:before {
   content: "";
   display: block;
   width: 26px;
   height: 12px;
   margin: 0 auto;
   background: url("../img/cmn/pagetop.svg") center center no-repeat;
   background-size: contain
 }

 .p-member .s-member .btn-pagetop>a>span {
   display: none
 }

 .p-member .s-member .btn-pagetop.is-active {
   opacity: 1;
   visibility: visible
 }

 @media print, screen and (min-width:769px) {
   .p-member .s-member {
     padding-top: 190px
   }
   .p-member .s-member .block01 {
     width: 92%;
     max-width: 1500px;
     margin: 0 auto 155px
   }
   .p-member .s-member .block01 .title {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     margin-bottom: 25px
   }
   .p-member .s-member .block01 .title>span+span:before {
     content: "/";
     display: inline-block;
     position: static;
     width: auto;
     margin: 0 15px;
     border: none
   }
   .p-member .s-member .block01 .list {
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     width: auto;
     margin-bottom: 15px
   }
   .p-member .s-member .block01 .list>li {
     width: 15%;
     margin-right: 13px
   }
   .p-member .s-member .block01 .list>li .pic {
     margin: 0 0 10px
   }
   .p-member .s-member .block02 {
     padding-bottom: 180px
   }
   .p-member .s-member .block02 .profile {
     overflow: hidden;
     margin-top: -95px;
     padding-top: 95px
   }
   .p-member .s-member .block02 .profile .bg {
     padding-top: 25px
   }
   .p-member .s-member .block02 .profile .box01 {
     width: 76%;
     max-width: 1100px;
     margin: 0 auto
   }
   .p-member .s-member .block02 .profile .box01 .title {
     margin-bottom: 25px;
     padding: 0 10px
   }
   .p-member .s-member .block02 .profile .box01 .pic {
     margin-bottom: 0;
     border-width: 10px
   }
   .p-member .s-member .block02 .profile .box01 .txt {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 102%;
     padding: 10px 20px;
     -webkit-transform: rotate(-14.6deg);
     transform: rotate(-14.6deg);
     -webkit-transform-origin: 0 0;
     transform-origin: 0 0;
     letter-spacing: 0
   }
   .p-member .s-member .block02 .profile .box01 .txt .name {
     margin-right: 1em;
     letter-spacing: 0.8em
   }
   .p-member .s-member .block02 .profile .box01 .txt .position {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     letter-spacing: 0.6em
   }
   .p-member .s-member .block02 .profile .box02 {
     width: 76%;
     max-width: 1100px;
     min-height: 350px;
     margin: -70px auto 0;
     padding-top: 70px;
     padding-bottom: 20px
   }
   .p-member .s-member .block02 .profile .box02 .txt {
     width: auto;
     margin-bottom: 0;
     padding: 40px calc(40% - 100px) 0 20px
   }
   .p-member .s-member .block02 .profile .box02 .txt dt {
     margin-bottom: 30px
   }
   .p-member .s-member .block02 .profile .box02 .txt dd {
     letter-spacing: 0.6em;
     line-height: 1.8
   }
   
   
   .p-member .s-member .block02 .profile .box02 .pic {
   
     position: absolute;
     right: 0;
     bottom: 0;
     z-index: -1;
     width: calc(50vw - 330px);
     min-width: 300px;
     -webkit-transition-delay: 0.5s;
     transition-delay: 0.5s
     
   }
   
   
   
   .p-member .s-member .block02 .profile .box02 .pic span {
     display: block
   }
   .p-member .s-member .block02 .profile .subtxt {
     top: 50px;
     left: 30px;
     letter-spacing: 0.8em
   }
   .p-member .s-member .block02 .style {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding: 190px 5%
   }
   .p-member .s-member .block02 .style>div {
     width: auto
   }
   .p-member .s-member .block02 .style>div p {
     letter-spacing: 0.6em;
     line-height: 1.7
   }
   .p-member .s-member .btn-pagetop>a {
     width: 80px;
     height: 80px;
     padding: 16px 0 0
   }
   .p-member .s-member .btn-pagetop>a:before {
     width: 38px;
     height: 18px
   }
   .p-member .s-member .btn-pagetop>a>span {
     display: block;
     padding-left: 0.1em
   }
 }

 @media print, screen and (min-width:1060px) {
   .p-member .s-member .block02 .profile .box02 {
     min-height: calc((50vw - 360px) * 1.168246)
   }
 }

 .p-member .s-member .block02 .profile#member01 .bg {
   background: #f2f2f2
 }

 .p-member .s-member .block02 .profile#member01 .box01 .title>span {
   color: #b0816f
 }

 .p-member .s-member .block02 .profile#member01 .box01 .pic p {
   position: absolute;
   top: 90px;
   left: 0;
   letter-spacing: 0.4em;
   -ms-writing-mode: tb-rl;
   -webkit-writing-mode: vertical-rl;
   writing-mode: vertical-rl;
   text-orientation: sideways
 }

 .p-member .s-member .block02 .profile#member01 .box01 .pic p:after {
   content: "";
   position: absolute;
   left: 50%;
   top: 100%;
   height: 90px;
   border-left: 1px solid #000000
 }

 @media print, screen and (min-width:769px) {
   .p-member .s-member .block02 .profile#member01 .box01 .pic {
     position: relative
   }
   .p-member .s-member .block02 .profile#member01 .box01 .pic p {
     top: -10px;
     left: -75px;
     white-space: nowrap;
     letter-spacing: 0.7em
   }
   .p-member .s-member .block02 .profile#member01 .box01 .pic p:after {
     height: 200px
   }
 }

 .p-member .s-member .block02 .profile#member02 .bg {
   background: #cbcbcb
 }

 .p-member .s-member .block02 .profile#member02 .box01 .title>span {
   color: #a7b8c3
 }

 .p-member .s-member .block02 .profile#member03 .bg {
   background: #a7b8c3
 }

 .p-member .s-member .block02 .profile#member03 .box01 .title>span {
   color: #b0816f
 }

 .p-member .s-member .block02 .profile#member04 .bg {
   background: #c6c7b5
 }

 .p-member .s-member .block02 .profile#member04 .box01 .title>span {
   color: #a7b8c3
 }

 .p-member .s-member .block02 .profile#member05 .bg {
   background: #e9e3d7
 }

 .p-member .s-member .block02 .profile#member05 .box01 .title>span {
   color: #b0816f
 }

 .p-member .s-member .block02 .profile#member06 .bg {
   background: #f2f2f2
 }

 .p-member .s-member .block02 .profile#member06 .box01 .title>span {
   color: #a7b8c3
 }

 .p-member .s-member .block02 .profile#member07 .bg {
   background: #cbcbcb
 }

 .p-member .s-member .block02 .profile#member07 .box01 .title>span {
   color: #b0816f
 }

 .p-member .s-member .block02 .profile#member08 .bg {
   background: #c6c7b5
 }

 .p-member .s-member .block02 .profile#member08 .box01 .title>span {
   color: #a7b8c3
 }

 .p-contact {}

 .p-contact #content:after {
   content: "";
   display: block;
   width: 100%;
   height: 260px;
   background: url("../img/contact/bg01.jpg") left 25% center no-repeat;
   background-size: cover
 }

 @media print, screen and (min-width:769px) {
   .p-contact #content:after {
     height: 600px;
     background-position: center center
   }
 }

 .p-contact .s-form {
   padding: 70px 0 80px;
   background: #f2f2f2
 }

 .p-contact .s-form .block01 {
   width: 80%;
   margin: 0 auto
 }

 .p-contact .s-form .block01 dl {
   margin: 0 0 45px
 }

 .p-contact .s-form .block01 dl dt {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin: 0 0 15px
 }

 .p-contact .s-form .block01 dl dt .title {
   display: block;
   width: 4em;
   height: 1.6em;
   text-align: justify;
   text-justify: inter-ideograph
 }

 .p-contact .s-form .block01 dl dt .title:after {
   content: "";
   display: inline-block;
   width: 100%
 }

 .p-contact .s-form .block01 dl dt .required-icon {
   display: block;
   margin: 0 0 0 10px;
   padding: 2px 0 3px 0.5em;
   background: #5370a2;
   line-height: 1;
   letter-spacing: 0.5em
 }

 .p-contact .s-form .block01 dl dd input, .p-contact .s-form .block01 dl dd textarea {
   display: block;
   width: 100%;
   margin: 0;
   padding: 6px 15px;
   border: 1px solid #000000;
   border-radius: 0;
   font-size: 1.6rem;
   -webkit-appearance: none
 }

 .p-contact .s-form .block01 dl dd input {
   height: 40px
 }

 .p-contact .s-form .block01 dl dd input.error {
   border-color: #ba2a2a
 }

 .p-contact .s-form .block01 dl dd input+label.error {
   color: #ba2a2a
 }

 .p-contact .s-form .block01 dl dd input+label.error:before {
   content: "※"
 }

 .p-contact .s-form .block01 dl dd textarea {
   max-width: 100%;
   min-width: 100%;
   height: 220px
 }

 .p-contact .s-form .block01 .btn {
   margin-top: 50px
 }

 .p-contact .s-form .block01 .btn p button {
   display: block;
   width: 100%;
   padding: 10px;
   border: none;
   border-radius: 0;
   background: #f2f2f2;
   -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
   box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
   -webkit-appearance: none
 }

 .p-contact .s-form .block01 .btn p button:after {
   content: "";
   display: block;
   width: 0;
   margin: 5px auto 0;
   border-width: 10px 15px 0 15px;
   border-style: solid;
   border-color: #000000 transparent transparent transparent
 }

 .p-contact .s-form .block01 .btn p button span {
   letter-spacing: 0.4em;
   padding-left: 0.4em
 }

 .p-contact .s-form .block01 .stitle {
   margin: 0 0 50px
 }

 .p-contact .s-form .block01 .txt {
   margin: 0 0 30px
 }

 @media print, screen and (min-width:769px) {
   .p-contact .s-form {
     padding: 155px 0 210px
   }
   .p-contact .s-form .block01 {
     max-width: 1100px
   }
   .p-contact .s-form .block01 dl {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     margin-bottom: 110px
   }
   .p-contact .s-form .block01 dl dt {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
     flex-direction: row-reverse;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     position: relative;
     width: 34%;
     margin-bottom: 0
   }
   .p-contact .s-form .block01 dl dt .title {
     width: 4.5em;
     margin-left: 85px
   }
   .p-contact .s-form .block01 dl dt .required-icon {
     position: absolute;
     top: 50%;
     left: 0;
     width: 65px;
     margin: 0 15px 0 0;
     text-align: center;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%)
   }
   .p-contact .s-form .block01 dl dd {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1
   }
   .p-contact .s-form .block01 dl dd input {
     height: 32px;
     padding: 3px 15px
   }
   .p-contact .s-form .block01 dl dd textarea {
     height: 300px
   }
   .p-contact .s-form .block01 .btn {
     margin-left: 34%
   }
   .p-contact .s-form .block01 .btn p button {
     padding: 10px
   }
   .p-contact .s-form .block01 .btn p button:after {
     margin-top: 12px;
     border-width: 25px 35px 0 35px
   }
 }

 .p-hojokin {
   position: relative;
   min-width: 320px;
   font-family: "Noto Sans JP", sans-serif;
   font-size: 14px;
   line-height: 1.7;
   color: #333;
   letter-spacing: 0.08em;
   overflow-x: hidden;
   -webkit-text-size-adjust: 100%
 }

 .p-hojokin #wrapper {
   min-width: inherit
 }

 .p-hojokin #content {
   overflow: hidden
 }

 .p-hojokin a {
   color: #333
 }

 .p-hojokin h1, .p-hojokin h2, .p-hojokin h3, .p-hojokin h4 {
   font-weight: 700
 }

 .p-hojokin .contact_btn {
   position: relative;
   z-index: 3;
   display: block;
   width: 611px;
   margin: 0 auto
 }

 .p-hojokin .contact_btn:hover {
   -webkit-animation: bounce 3s ease-in-out;
   animation: bounce 3s ease-in-out
 }

 @-webkit-keyframes bounce {
   5% {
     -webkit-transform: scale(1.1, 0.9);
     transform: scale(1.1, 0.9)
   }
   10% {
     -webkit-transform: scale(0.9, 1.1) translateY(-5px);
     transform: scale(0.9, 1.1) translateY(-5px)
   }
   15% {
     -webkit-transform: scale(1, 1);
     transform: scale(1, 1)
   }
 }

 @keyframes bounce {
   5% {
     -webkit-transform: scale(1.1, 0.9);
     transform: scale(1.1, 0.9)
   }
   10% {
     -webkit-transform: scale(0.9, 1.1) translateY(-5px);
     transform: scale(0.9, 1.1) translateY(-5px)
   }
   15% {
     -webkit-transform: scale(1, 1);
     transform: scale(1, 1)
   }
 }

 .p-hojokin .daikin2 table tr td {
   white-space: nowrap
 }

 .p-hojokin .daikin2 .fill {
   display: inline-block;
   font-size: 0.85em;
   -webkit-transform: translateY(-0.7em);
   transform: translateY(-0.7em)
 }

 .p-hojokin .break {
   display: none
 }

 .p-hojokin .break_sp {
   display: none
 }

 .p-hojokin .clearfix:after {
   content: "";
   display: block;
   clear: both
 }

 .p-hojokin .inner {
   width: 1200px;
   margin: 0 auto
 }

 @media only screen and (max-width:1366px) {
   .p-hojokin {}
   .p-hojokin body {
     font-size: 14.5px;
     letter-spacing: 0.08em
   }
   .p-hojokin .inner {
     width: 860px
   }
   .p-hojokin .contact_btn {
     width: 435px
   }
 }

 @media only screen and (max-width:1024px) {
   .p-hojokin {}
   .p-hojokin body {
     font-size: 14px;
     letter-spacing: 0.08em
   }
   .p-hojokin .inner {
     width: 63%
   }
   .p-hojokin .contact_btn {
     width: 326px
   }
 }

 @media only screen and (max-width:854px) {
   .p-hojokin {}
   .p-hojokin body {
     font-size: 13.5px;
     letter-spacing: 0.08em
   }
   .p-hojokin .inner {
     width: 82%
   }
 }

 @media only screen and (max-width:768px) {
   .p-hojokin {}
   .p-hojokin body {
     font-size: 13.5px;
     letter-spacing: 0.08em
   }
 }

 @media only screen and (max-width:667px) {
   .p-hojokin {}
   .p-hojokin body {
     font-size: 13.5px;
     letter-spacing: 0.08em
   }
 }

 @media only screen and (max-width:568px) {
   .p-hojokin {}
   .p-hojokin body {
     font-size: 13.5px;
     letter-spacing: 0.08em
   }
 }

 @media only screen and (max-width:480px) {
   .p-hojokin {}
   .p-hojokin body {
     font-size: 13px;
     letter-spacing: 0.08em;
     background-image: url("../img/hojokin/bg_s.jpg")
   }
 }

 @media only screen and (max-width:428px) {
   .p-hojokin {}
   .p-hojokin body {
     font-size: 13px;
     letter-spacing: 0.08em
   }
 }

 @media only screen and (max-width:414px) {
   .p-hojokin {}
   .p-hojokin body {
     font-size: 12.5px;
     letter-spacing: 0.08em
   }
 }

 @media only screen and (max-width:390px) {
   .p-hojokin {}
   .p-hojokin body {
     font-size: 12.5px;
     letter-spacing: 0.08em
   }
 }

 @media only screen and (max-width:375px) {
   .p-hojokin {}
   .p-hojokin body {
     font-size: 12.5px;
     letter-spacing: 0.08em
   }
 }

 @media only screen and (max-width:360px) {
   .p-hojokin {}
   .p-hojokin body {
     font-size: 12px;
     letter-spacing: 0.08em
   }
 }

 @media only screen and (max-width:320px) {
   .p-hojokin {}
   .p-hojokin body {
     font-size: 12px;
     letter-spacing: 0.08em
   }
 }

 .p-hojokin .pagetitle {
   position: relative;
   height: 738px;
   background-image: url("../img/hojokin/hojo_main.jpg");
   background-size: cover;
   background-position: center center
 }

 .p-hojokin .pagetitle .txt {
   position: absolute;
   left: 0;
   bottom: 0.9em
 }

 .p-hojokin .pagetitle p {
   margin-bottom: 0.4em;
   font-family: "Noto Serif JP", sans-serif;
   font-size: 52px;
   line-height: 1.5
 }

 .p-hojokin .pagetitle p span {
   display: inline-block;
   padding-left: 0.7em;
   padding-right: 0.6em;
   background: rgba(255, 255, 255, 0.7)
 }

 .p-hojokin .pagetitle p span.big {
   padding: 0;
   padding-left: 0.2em;
   font-size: 1.2em;
   font-weight: 600;
   background: none
 }

 .p-hojokin .pagetitle p span.small {
   padding: 0;
   font-size: 0.9em;
   background: none
 }

 .p-hojokin .pagetitle .line1 {
   margin-bottom: 1.2em
 }

 .p-hojokin .pagetitle .line1 span {
   padding: 0.3em 0.8em
 }

 @media only screen and (max-width:1366px) {
   .p-hojokin .pagetitle {
     height: 67vh
   }
   .p-hojokin .pagetitle .txt {
     left: 0;
     bottom: 0.5em
   }
   .p-hojokin .pagetitle p {
     margin-bottom: 0.4em;
     font-size: 37px;
     line-height: 1.5
   }
   .p-hojokin .pagetitle p span {
     padding-left: 0.7em;
     padding-right: 0.6em
   }
   .p-hojokin .pagetitle p span.big {
     padding-left: 0.2em;
     font-size: 1.2em
   }
   .p-hojokin .pagetitle p span.small {
     font-size: 0.9em
   }
   .p-hojokin .pagetitle .line1 {
     margin-bottom: 1.2em
   }
   .p-hojokin .pagetitle .line1 span {
     padding: 0.3em 0.8em
   }
 }

 .p-hojokin #support {
   position: relative;
   margin-bottom: 24em;
   padding-top: 4.5em;
   background-color: #EDE6DA;
   background-image: url("../img/hojokin/bg_under.jpg");
   background-size: 100%;
   background-position: center center
 }

 .p-hojokin #support:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 580px;
   height: 100%;
   background: rgba(150, 153, 137, 0.32)
 }

 .p-hojokin #support .inner {
   position: relative;
   z-index: 2
 }

 .p-hojokin #support h2 {
   margin-bottom: 4em;
   text-align: center;
   font-weight: 500;
   font-size: 36px;
   letter-spacing: 0.09em
 }

 .p-hojokin #support h2 .line1 {
   display: inline-block;
   padding: 0 0.5em;
   padding-bottom: 0.3em;
   border-bottom: 6px solid #fff
 }

 .p-hojokin #support h2 .line2 {
   display: inline-block;
   padding-top: 0.1em;
   font-size: 1.3em
 }

 .p-hojokin #support h2 .color {
   display: inline-block;
   margin-left: 0.4em;
   font-size: 1.2em;
   color: #DE7D46
 }

 .p-hojokin #support .wrap {
   position: relative;
   z-index: 1
 }

 .p-hojokin #support .title1 {
   position: absolute;
   top: -1em;
   left: -1.65em;
   width: 1em;
   height: 5em;
   text-align: center;
   line-height: 1;
   font-family: "Noto Serif JP", sans-serif;
   font-size: 62px;
   -webkit-writing-mode: vertical-rl;
   -ms-writing-mode: tb-rl;
   writing-mode: vertical-rl
 }

 .p-hojokin #support .catch {
   position: relative;
   width: 800px;
   height: 90px;
   margin-bottom: 6.5em;
   background-color: rgba(255, 255, 255, 0.35);
   background-image: url("../img/hojokin/arrow_yellow.png");
   background-size: 89%;
   background-position: left 43% bottom 22%;
   background-repeat: no-repeat;
   -webkit-box-shadow: 0.2em 0.7em 0.5em 0 rgba(0, 0, 0, 0.07);
   box-shadow: 0.2em 0.7em 0.5em 0 rgba(0, 0, 0, 0.07)
 }

 .p-hojokin #support .catch .title {
   position: absolute;
   top: -4.8em;
   left: 5%;
   width: 40.4%
 }

 .p-hojokin #support .catch span {
   position: absolute;
   top: 41%;
   left: 48%;
   font-size: 18px
 }

 .p-hojokin #support .list li {
   position: relative;
   font-size: 34px;
   font-weight: 600;
   letter-spacing: 0.1em
 }

 .p-hojokin #support .list li:before {
   content: "▲";
   display: inline-block;
   margin-right: 0.4em;
   color: #DE7D46;
   -webkit-transform: rotate(90deg) scale(0.9);
   transform: rotate(90deg) scale(0.9)
 }

 .p-hojokin #support .list li+li {
   margin-top: 0.5em
 }

 .p-hojokin #support .catch_wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   height: 560px;
   margin-bottom: 15.8em;
   background-image: url("../img/hojokin/back_line.png");
   background-size: cover;
   background-position: center center
 }

 .p-hojokin #support .catch_wrap p {
   font-size: 56px;
   font-weight: 500;
   line-height: 1.5
 }

 .p-hojokin #support .catch_wrap .line1 {
   margin-top: 1.3em;
   padding-left: 0.2em
 }

 .p-hojokin #support .catch_wrap .line1 .big1 {
   font-size: 1.7em;
   font-weight: 500;
   letter-spacing: 0.1em
 }

 .p-hojokin #support .catch_wrap .line1 .color1 {
   color: #397290
 }

 .p-hojokin #support .catch_wrap .line1 .color2 {
   color: #E57B47
 }

 .p-hojokin #support .catch_wrap .line2 {
   padding-left: 7.5em;
   white-space: nowrap
 }

 .p-hojokin #support .catch_wrap .line2 .big2 {
   font-size: 1.3em
 }

 .p-hojokin #support .title2 {
   margin-bottom: 2.5em;
   font-family: "Noto Serif JP", sans-serif;
   font-size: 50px;
   color: #000
 }

 .p-hojokin #support .title2 .block1 {
   display: inline-block;
   margin-right: 0.6em;
   padding: 0 0.25em;
   padding-bottom: 0.1em;
   background: #fff
 }

 .p-hojokin #support .title2 .big {
   font-size: 1.4em
 }

 .p-hojokin #support .title2 .block2 {
   display: inline-block;
   margin-left: 0.7em;
   padding: 0 0.25em;
   padding-bottom: 0.1em;
   background: #fff
 }

 .p-hojokin #support .title2 .color1 {
   color: #4C7392
 }

 .p-hojokin #support .title2 .color2 {
   display: inline-block;
   margin: 0 0.4em;
   color: #D2D383
 }

 .p-hojokin #support .txt {
   position: relative;
   margin-bottom: 5.5em;
   font-family: "Noto Serif JP", sans-serif;
   font-size: 31px;
   font-weight: 500;
   line-height: 1.7
 }

 .p-hojokin #support .txt .first {
   display: inline-block;
   margin-bottom: 1em
 }

 .p-hojokin #support .txt p+p {
   margin-top: 1.5em
 }

 .p-hojokin #support .txt .color1 {
   font-size: 1.6em;
   color: #D37140
 }

 .p-hojokin #support .txt .color2 {
   font-size: 1.6em;
   color: #44788E
 }

 .p-hojokin #support .txt .note_pc {
   position: absolute;
   top: 38%;
   right: -6em;
   width: 470px
 }

 .p-hojokin #support .contact {
   margin-bottom: 6em;
   font-family: "Noto Serif JP", sans-serif;
   font-size: 32px;
   font-weight: 500;
   line-height: 1.7;
   text-align: center
 }

 .p-hojokin #support .contact p {
   margin-bottom: 1.2em
 }

 .p-hojokin #support .time {
   position: relative;
   z-index: 2;
   height: 611px;
   padding-top: 6em;
   background-image: url("../img/hojokin/01.jpg");
   background-size: cover;
   background-position: center center
 }

 .p-hojokin #support .time p {
   padding-bottom: 0.1em;
   font-family: "Noto Serif JP", sans-serif;
   line-height: 1.3;
   letter-spacing: 0.1em;
   background: rgba(255, 255, 255, 0.7)
 }

 .p-hojokin #support .time .line1 {
   margin-bottom: 1.7em;
   padding-left: 1em;
   font-size: 80px
 }

 .p-hojokin #support .time .big1 {
   font-size: 1.5em
 }

 .p-hojokin #support .time .line2 {
   padding-right: 1em;
   text-align: right;
   font-size: 68px
 }

 .p-hojokin #support .time .big2 {
   font-size: 1.4em
 }

 @media only screen and (max-width:1366px) {
   .p-hojokin #support {
     margin-bottom: 18.5em;
     padding-top: 3.5em
   }
   .p-hojokin #support:before {
     width: 415px
   }
   .p-hojokin #support h2 {
     margin-bottom: 4em;
     font-size: 26px;
     letter-spacing: 0.09em
   }
   .p-hojokin #support h2 .line1 {
     padding: 0 0.5em;
     padding-bottom: 0.3em;
     border-bottom: 4px solid #fff
   }
   .p-hojokin #support h2 .line2 {
     padding-top: 0.1em;
     font-size: 1.3em
   }
   .p-hojokin #support h2 .color {
     margin-left: 0.4em;
     font-size: 1.2em
   }
   .p-hojokin #support .title1 {
     top: -1em;
     left: -1.65em;
     width: 1em;
     font-size: 44px
   }
   .p-hojokin #support .catch {
     width: 575px;
     height: 62px;
     margin-bottom: 5.2em;
     -webkit-box-shadow: 0.2em 0.5em 0.4em 0 rgba(0, 0, 0, 0.07);
     box-shadow: 0.2em 0.5em 0.4em 0 rgba(0, 0, 0, 0.07)
   }
   .p-hojokin #support .catch .title {
     top: -4em;
     left: 5%;
     width: 40.4%
   }
   .p-hojokin #support .catch span {
     top: 41%;
     left: 48%;
     font-size: 14px
   }
   .p-hojokin #support .list li {
     font-size: 25px;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .list li+li {
     margin-top: 0.5em
   }
   .p-hojokin #support .catch_wrap {
     height: 398px;
     margin-bottom: 11.3em
   }
   .p-hojokin #support .catch_wrap p {
     font-size: 40px
   }
   .p-hojokin #support .catch_wrap .line1 {
     margin-top: 1.3em;
     padding-left: 0.2em
   }
   .p-hojokin #support .catch_wrap .line1 .big1 {
     font-size: 1.7em;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .catch_wrap .line2 {
     padding-left: 7.5em;
     white-space: nowrap
   }
   .p-hojokin #support .catch_wrap .line2 .big2 {
     font-size: 1.3em
   }
   .p-hojokin #support .title2 {
     margin-bottom: 2.5em;
     font-size: 35.5px
   }
   .p-hojokin #support .title2 .block1 {
     margin-right: 0.6em;
     padding: 0 0.25em;
     padding-bottom: 0.1em
   }
   .p-hojokin #support .title2 .big {
     font-size: 1.4em
   }
   .p-hojokin #support .title2 .block2 {
     margin-left: 0.7em;
     padding: 0 0.25em;
     padding-bottom: 0.1em
   }
   .p-hojokin #support .title2 .color2 {
     margin: 0 0.4em
   }
   .p-hojokin #support .txt {
     margin-bottom: 3.9em;
     font-size: 22px;
     line-height: 1.7
   }
   .p-hojokin #support .txt .first {
     margin-bottom: 1em
   }
   .p-hojokin #support .txt p+p {
     margin-top: 1.5em
   }
   .p-hojokin #support .txt .color1 {
     font-size: 1.6em
   }
   .p-hojokin #support .txt .color2 {
     font-size: 1.6em
   }
   .p-hojokin #support .txt .note_pc {
     top: 34%;
     right: -6em;
     width: 334px
   }
   .p-hojokin #support .contact {
     margin-bottom: 6em;
     font-size: 23px;
     line-height: 1.7
   }
   .p-hojokin #support .contact p {
     margin-bottom: 1.2em
   }
   .p-hojokin #support .time {
     height: 435px;
     padding-top: 4.25em
   }
   .p-hojokin #support .time p {
     padding-bottom: 0.1em;
     line-height: 1.3;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .time .line1 {
     margin-bottom: 1.8em;
     padding-left: 1em;
     font-size: 57px
   }
   .p-hojokin #support .time .big1 {
     font-size: 1.5em
   }
   .p-hojokin #support .time .line2 {
     padding-right: 1em;
     font-size: 48.5px
   }
   .p-hojokin #support .time .big2 {
     font-size: 1.4em
   }
 }

 .p-hojokin #saikou {
   margin-bottom: 40.5em
 }

 .p-hojokin #saikou .bg {
   height: 411px;
   margin-bottom: 8.5em;
   background-image: url("../img/hojokin/bg1.jpg");
   background-size: cover;
   background-position: center center
 }

 .p-hojokin #saikou h2 {
   width: 28.6em;
   margin: 0 auto;
   padding: 0.8em 0;
   text-align: center;
   font-size: 36px;
   font-weight: 500;
   letter-spacing: 0.1em;
   background: #EEE8DC;
   -webkit-transform: translateY(-2.2em);
   transform: translateY(-2.2em);
   -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
   box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
 }

 .p-hojokin #saikou h2 span {
   color: #5181A9
 }

 .p-hojokin #saikou .about {
   margin-bottom: 9em;
   padding-bottom: 3em;
   font-family: "Noto Serif JP", sans-serif;
   background: #C3B584
 }

 .p-hojokin #saikou .about h3 {
   margin-bottom: 0.6em;
   font-size: 81px;
   font-weight: 400;
   line-height: 1.2;
   letter-spacing: 0.1em;
   color: #eee
 }

 .p-hojokin #saikou .about p {
   position: relative;
   margin-left: 2.5em;
   font-size: 19px;
   padding-left: 2.1em
 }

 .p-hojokin #saikou .about p:before {
   position: absolute;
   top: 10%;
   left: 0;
   content: "";
   width: 0.9em;
   height: 82%;
   background: #8EABA7
 }

 .p-hojokin #saikou .tbl_wrap {
   position: relative;
   margin-bottom: 9em
 }

 .p-hojokin #saikou .tbl_wrap:after {
   position: absolute;
   top: 7.5%;
   left: 0;
   z-index: -1;
   content: "";
   width: 100%;
   height: 85%;
   background: #E0DCD0
 }

 .p-hojokin #saikou .tbl_wrap table {
   width: 100%;
   margin-bottom: 3em;
   border-collapse: separate;
   border-spacing: 0
 }

 .p-hojokin #saikou .tbl_wrap table tr td, .p-hojokin #saikou .tbl_wrap table tr th {
   width: 50%;
   font-size: 31px;
   font-weight: 500;
   background: #C3B584
 }

 .p-hojokin #saikou .tbl_wrap table tr th {
   padding: 0.5em 0;
   padding-left: 2em;
   text-align: left;
   color: #fff;
   border-bottom: 4px solid #fff
 }

 .p-hojokin #saikou .tbl_wrap table tr td {
   padding: 0.2em 0;
   padding-left: 2em;
   vertical-align: top
 }

 .p-hojokin #saikou .tbl_wrap table tr .first {
   padding-top: 1em
 }

 .p-hojokin #saikou .tbl_wrap table tr .last {
   padding-bottom: 1em
 }

 .p-hojokin #saikou .tbl_wrap table tr .last2 {
   padding-top: 1em
 }

 .p-hojokin #saikou .tbl_wrap table tr .bottom_left {
   border-radius: 0 0 0 0.5em
 }

 .p-hojokin #saikou .tbl_wrap table tr .bottom_right {
   border-radius: 0 0 0.5em 0
 }

 .p-hojokin #saikou .tbl_wrap table tr .small {
   font-size: 0.8em
 }

 .p-hojokin #saikou .tbl_wrap table tr .white {
   color: #fff
 }

 .p-hojokin #saikou .tbl_wrap table tr .ritu {
   display: inline-block;
   margin-right: 2em;
   white-space: nowrap
 }

 .p-hojokin #saikou .tbl_wrap table .top_left {
   border-radius: 0.5em 0 0 0
 }

 .p-hojokin #saikou .tbl_wrap table .top_right {
   border-radius: 0 0.5em 0 0
 }

 .p-hojokin #saikou .tbl_wrap table .ritu2 {
   display: inline-block;
   width: 4.4em;
   margin-right: 2em
 }

 .p-hojokin #saikou .example {
   margin-bottom: 5.5em;
   padding: 3.5em 4.5em;
   border: 5px solid #010101;
   border-radius: 4px
 }

 .p-hojokin #saikou .example .h1 {
   margin-bottom: 1.5em;
   text-align: center;
   font-size: 38px;
   font-weight: 500;
   color: #111
 }

 .p-hojokin #saikou .example .h1 span {
   display: inline-block;
   padding: 0 0.5em;
   padding-bottom: 0.2em;
   border-bottom: 4px solid #357DA3
 }

 .p-hojokin #saikou .example .txt {
   margin-bottom: 1.5em;
   font-size: 24.5px;
   white-space: nowrap
 }

 .p-hojokin #saikou .example .h2 {
   margin-bottom: 1.3em;
   font-size: 24.5px;
   font-weight: 500;
   color: #111
 }

 .p-hojokin #saikou .example ul li {
   font-size: 24.5px;
   line-height: 1.8;
   white-space: nowrap
 }

 .p-hojokin #saikou .example ul li:before {
   display: inline-block;
   content: "";
   width: 0.85em;
   height: 0.85em;
   margin-right: 0.5em;
   background: #467795;
   border-radius: 100%
 }

 .p-hojokin #saikou .h3 {
   width: 34.3em;
   margin: 0 auto;
   margin-bottom: 6.5em;
   font-family: "Noto Serif JP", sans-serif;
   font-size: 24.5px;
   font-weight: 400;
   white-space: nowrap
 }

 .p-hojokin #saikou .list2 {
   width: 34.3em;
   margin: 0 auto;
   margin-bottom: 3.9em;
   padding: 1.1em 0;
   padding-left: 4em;
   font-family: "Noto Serif JP", sans-serif;
   font-size: 24.5px;
   font-weight: 400;
   color: #000;
   white-space: nowrap;
   background: #E0DCD0
 }

 .p-hojokin #saikou .list2 li:before {
   content: "";
   display: inline-block;
   width: 0.8em;
   height: 0.8em;
   margin-right: 0.5em;
   background: #000
 }

 .p-hojokin #saikou .list2 li+li {
   margin-top: 0.8em
 }

 .p-hojokin #saikou .nayami1 {
   margin-bottom: 9.5em;
   text-align: center;
   font-family: "Noto Serif JP", sans-serif
 }

 .p-hojokin #saikou .nayami1 .line {
   display: inline-block;
   font-size: 26px;
   border-bottom: 2px solid #4F7588
 }

 .p-hojokin #saikou .nayami1 .line .big {
   display: inline-block;
   font-size: 1.8em
 }

 .p-hojokin #saikou .daikin1 {
   background: #C3B584
 }

 .p-hojokin #saikou .daikin1 .h4 {
   margin-bottom: 1.5em;
   margin-left: 0.5em;
   padding: 0.4em 0;
   font-size: 36px;
   font-weight: 500;
   color: #000
 }

 .p-hojokin #saikou .daikin2 {
   margin-bottom: 9.5em;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   background: #C3B584
 }

 .p-hojokin #saikou .daikin2 table {
   border-collapse: collapse;
   margin-left: 1.2em
 }

 .p-hojokin #saikou .daikin2 table tr td, .p-hojokin #saikou .daikin2 table tr th {
   padding: 0.1em 0;
   font-size: 32px;
   color: #000
 }

 .p-hojokin #saikou .daikin2 table tr th {
   width: 6em;
   text-align: left;
   font-weight: 400
 }

 .p-hojokin #saikou .daikin2 table tr .color1 {
   font-size: 1.2em;
   font-weight: 600;
   letter-spacing: 0.1em;
   vertical-align: bottom
 }

 .p-hojokin #saikou .daikin2 table tr .color2 {
   display: inline-block;
   margin-left: 0.3em;
   font-size: 1.5em;
   font-weight: 600;
   color: #E6794E;
   vertical-align: bottom;
   -webkit-transform: translateY(-0.1em);
   transform: translateY(-0.1em)
 }

 .p-hojokin #saikou .daikin2 table tr .point {
   display: inline-block;
   -webkit-transform: translateY(-0.4em);
   transform: translateY(-0.4em)
 }

 @media only screen and (max-width:1366px) {
   .p-hojokin #saikou {
     margin-bottom: 32em
   }
   .p-hojokin #saikou .bg {
     height: 292px;
     margin-bottom: 6.5em
   }
   .p-hojokin #saikou h2 {
     width: 28.6em;
     padding: 0.8em 0;
     font-size: 25.5px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #saikou .about {
     margin-bottom: 8em;
     padding-bottom: 2.5em
   }
   .p-hojokin #saikou .about h3 {
     margin-bottom: 0.6em;
     font-size: 57.5px;
     line-height: 1.2;
     letter-spacing: 0.1em
   }
   .p-hojokin #saikou .about p {
     margin-left: 2.5em;
     font-size: 13.5px;
     padding-left: 2.1em
   }
   .p-hojokin #saikou .tbl_wrap {
     margin-bottom: 7.5em
   }
   .p-hojokin #saikou .tbl_wrap table {
     margin-bottom: 2em
   }
   .p-hojokin #saikou .tbl_wrap table tr td, .p-hojokin #saikou .tbl_wrap table tr th {
     width: 50%;
     font-size: 22px
   }
   .p-hojokin #saikou .tbl_wrap table tr th {
     padding: 0.5em 0;
     padding-left: 2em;
     border-bottom: 3px solid #fff
   }
   .p-hojokin #saikou .tbl_wrap table .top_left {
     border-radius: 0.5em 0 0 0
   }
   .p-hojokin #saikou .tbl_wrap table .top_right {
     border-radius: 0 0.5em 0 0
   }
   .p-hojokin #saikou .tbl_wrap table tr td {
     padding: 0.2em 0;
     padding-left: 2em;
     vertical-align: top
   }
   .p-hojokin #saikou .tbl_wrap table tr .first {
     padding-top: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .last {
     padding-bottom: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .last2 {
     padding-top: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .bottom_left {
     border-radius: 0 0 0 0.5em
   }
   .p-hojokin #saikou .tbl_wrap table tr .bottom_right {
     border-radius: 0 0 0.5em 0
   }
   .p-hojokin #saikou .tbl_wrap table tr .small {
     font-size: 0.8em
   }
   .p-hojokin #saikou .tbl_wrap table tr .ritu {
     margin-right: 2em;
     white-space: nowrap
   }
   .p-hojokin #saikou .tbl_wrap table .ritu2 {
     width: 4.4em;
     margin-right: 2em
   }
   .p-hojokin #saikou .example {
     margin-bottom: 4.5em;
     padding: 2.5em 3em;
     border: 4px solid #010101;
     border-radius: 4px
   }
   .p-hojokin #saikou .example .h1 {
     margin-bottom: 1.5em;
     font-size: 27px
   }
   .p-hojokin #saikou .example .h1 span {
     padding: 0 0.5em;
     padding-bottom: 0.2em;
     border-bottom: 4px solid #357DA3
   }
   .p-hojokin #saikou .example .txt {
     margin-bottom: 1.5em;
     font-size: 17.5px;
     white-space: nowrap
   }
   .p-hojokin #saikou .example .h2 {
     margin-bottom: 1.3em;
     font-size: 17.5px
   }
   .p-hojokin #saikou .example ul li {
     font-size: 17.5px;
     line-height: 1.8;
     white-space: nowrap
   }
   .p-hojokin #saikou .h3 {
     width: 34.3em;
     margin-bottom: 6.5em;
     font-size: 17.5px;
     white-space: nowrap
   }
   .p-hojokin #saikou .list2 {
     width: 34.3em;
     margin-bottom: 3.9em;
     padding: 1.1em 0;
     padding-left: 4em;
     font-size: 17.5px;
     white-space: nowrap
   }
   .p-hojokin #saikou .list2 li+li {
     margin-top: 0.8em
   }
   .p-hojokin #saikou .nayami1 {
     margin-bottom: 7.5em
   }
   .p-hojokin #saikou .nayami1 .line {
     font-size: 18.5px;
     border-bottom: 2px solid #4F7588
   }
   .p-hojokin #saikou .nayami1 .line .big {
     font-size: 1.8em
   }
   .p-hojokin #saikou .daikin1 .h4 {
     margin-bottom: 1.5em;
     margin-left: 0.5em;
     padding: 0.4em 0;
     font-size: 25.5px
   }
   .p-hojokin #saikou .daikin2 {
     margin-bottom: 8em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #saikou .daikin2 table {
     margin-left: 1.2em
   }
   .p-hojokin #saikou .daikin2 table tr td, .p-hojokin #saikou .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 23px
   }
   .p-hojokin #saikou .daikin2 table tr th {
     width: 6em
   }
   .p-hojokin #saikou .daikin2 table tr .color1 {
     font-size: 1.2em;
     letter-spacing: 0.1em
   }
   .p-hojokin #saikou .daikin2 table tr .color2 {
     margin-left: 0.3em;
     font-size: 1.5em;
     -webkit-transform: translateY(-0.1em);
     transform: translateY(-0.1em)
   }
   .p-hojokin #saikou .daikin2 table tr .point {
     -webkit-transform: translateY(-0.4em);
     transform: translateY(-0.4em)
   }
 }

 .p-hojokin #mono {
   background: #E0DCD0
 }

 .p-hojokin #mono .bg {
   height: 411px;
   margin-bottom: 8.5em;
   background-image: url("../img/hojokin/bg2.jpg");
   background-size: cover;
   background-position: center center
 }

 .p-hojokin #mono h2 {
   width: 28.6em;
   margin: 0 auto;
   padding: 0.8em 0;
   text-align: center;
   font-size: 36px;
   font-weight: 500;
   letter-spacing: 0.1em;
   background: #E0DCD0;
   -webkit-transform: translateY(-2.2em);
   transform: translateY(-2.2em);
   -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
   box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
 }

 .p-hojokin #mono h2 span {
   color: #CE732D
 }

 .p-hojokin #mono .about {
   margin-bottom: 11em;
   padding-bottom: 2.2em;
   font-family: "Noto Serif JP", sans-serif;
   background: #fff
 }

 .p-hojokin #mono .about h3 {
   margin-bottom: 0.6em;
   font-size: 81px;
   font-weight: 400;
   line-height: 1.2;
   letter-spacing: 0.1em;
   color: #7E7E7E
 }

 .p-hojokin #mono .about .txt {
   position: relative;
   margin-bottom: 2em;
   margin-left: 2.5em;
   font-size: 19px;
   padding-left: 2.1em
 }

 .p-hojokin #mono .about .txt:before {
   position: absolute;
   top: 10%;
   left: 0;
   content: "";
   width: 0.9em;
   height: 82%;
   background: #E0DCD0
 }

 .p-hojokin #mono .about .kome {
   margin-left: 4.5em;
   font-size: 19px
 }

 .p-hojokin #mono .box_wrap {
   width: 1300px;
   margin: 0 auto;
   margin-bottom: 17em;
   padding: 4em 2.5em;
   color: #837E7B;
   border: 5px solid #837E7B;
   border-radius: 6px
 }

 .p-hojokin #mono .box_wrap h3 {
   margin-bottom: 1.2em;
   text-align: center;
   font-size: 36px;
   font-weight: 500
 }

 .p-hojokin #mono .box_wrap h3 span {
   display: inline-block;
   padding-bottom: 0.2em;
   border-bottom: 5px solid #837E7B
 }

 .p-hojokin #mono .box_wrap .box {
   float: left;
   margin-bottom: 3em
 }

 .p-hojokin #mono .box_wrap .box:nth-child(odd) {
   width: 56%
 }

 .p-hojokin #mono .box_wrap .box:nth-child(2n) {
   width: 44%
 }

 .p-hojokin #mono .box_wrap .box:first-child {
   height: 10.5em
 }

 .p-hojokin #mono .box_wrap .box:nth-child(2) {
   height: 10.5em
 }

 .p-hojokin #mono .box_wrap .box:nth-child(7) {
   margin-bottom: 0
 }

 .p-hojokin #mono .box_wrap .box:nth-child(8) {
   margin-bottom: 0
 }

 .p-hojokin #mono .box_wrap .box h4 {
   margin-bottom: 0.3em;
   font-size: 24px;
   font-weight: 500
 }

 .p-hojokin #mono .box_wrap .box ul li {
   margin-bottom: 0.3em;
   margin-left: 1em;
   text-indent: -1em;
   font-size: 18px
 }

 .p-hojokin #mono .box_wrap .box p {
   font-size: 18px;
   white-space: nowrap
 }

 .p-hojokin #mono .merit {
   padding-bottom: 2.3em;
   font-family: "Noto Serif JP", sans-serif
 }

 .p-hojokin #mono .merit h3 {
   position: relative;
   padding-left: 1vw;
   font-size: 10vw;
   font-weight: 300;
   color: #fff;
   letter-spacing: 0.1em;
   white-space: nowrap
 }

 .p-hojokin #mono .merit h3 span {
   position: absolute;
   top: -28%;
   top: -4.7vw;
   left: 47%;
   width: 1em;
   font-size: 116px;
   font-size: 6vw;
   line-height: 1.5;
   color: #7F7F7F;
   white-space: normal
 }

 .p-hojokin #mono .merit p {
   margin-top: 2.5em;
   text-align: center;
   font-size: 60px;
   color: #fff;
   letter-spacing: 0.12em
 }

 .p-hojokin #mono .merit p span {
   font-size: 1.8em;
   color: #7F7F7F
 }

 .p-hojokin #mono .white_wrap {
   padding: 11.8em 0;
   font-family: "Noto Serif JP", sans-serif;
   background: #fff
 }

 .p-hojokin #mono .white_wrap p {
   font-size: 32px;
   text-align: center;
   color: #000
 }

 .p-hojokin #mono .white_wrap .big {
   font-size: 1.5em
 }

 .p-hojokin #mono .white_wrap .line {
   display: inline-block;
   padding-top: 0.6em;
   padding-bottom: 0.2em;
   border-bottom: 2px solid #427797
 }

 .p-hojokin #mono .white {
   margin-bottom: 40.5em;
   background: #fff
 }

 .p-hojokin #mono .daikin1 {
   background: #E0DCD0
 }

 .p-hojokin #mono .daikin1 .h4 {
   margin-bottom: 1.5em;
   margin-left: 0.5em;
   padding: 0.4em 0;
   font-size: 36px;
   font-weight: 500;
   color: #000
 }

 .p-hojokin #mono .daikin2 {
   margin-bottom: 9.5em;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   background: #E0DCD0
 }

 .p-hojokin #mono .daikin2 table {
   border-collapse: collapse;
   margin-left: 1.2em
 }

 .p-hojokin #mono .daikin2 table tr td, .p-hojokin #mono .daikin2 table tr th {
   padding: 0.1em 0;
   font-size: 32px;
   color: #000
 }

 .p-hojokin #mono .daikin2 table tr th {
   width: 6em;
   text-align: left;
   font-weight: 400
 }

 .p-hojokin #mono .daikin2 table tr .color1 {
   font-size: 1.2em;
   font-weight: 600;
   letter-spacing: 0.1em;
   vertical-align: bottom
 }

 .p-hojokin #mono .daikin2 table tr .color2 {
   display: inline-block;
   margin-left: 0.3em;
   font-size: 1.5em;
   font-weight: 600;
   color: #E6794E;
   vertical-align: bottom;
   -webkit-transform: translateY(-0.1em);
   transform: translateY(-0.1em)
 }

 .p-hojokin #mono .daikin2 table tr .point {
   display: inline-block;
   -webkit-transform: translateY(-0.4em);
   transform: translateY(-0.4em)
 }

 @media only screen and (max-width:1366px) {
   .p-hojokin #mono .bg {
     height: 292px;
     margin-bottom: 7.5em
   }
   .p-hojokin #mono h2 {
     width: 28.6em;
     padding: 0.8em 0;
     font-size: 25.5px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #mono .about {
     margin-bottom: 8em;
     padding-bottom: 2.2em
   }
   .p-hojokin #mono .about h3 {
     margin-bottom: 0.6em;
     font-size: 57.5px;
     line-height: 1.2;
     letter-spacing: 0.1em
   }
   .p-hojokin #mono .about .txt {
     margin-bottom: 2em;
     margin-left: 2.5em;
     font-size: 13.5px;
     padding-left: 2.1em
   }
   .p-hojokin #mono .about .kome {
     margin-left: 4.5em;
     font-size: 13.5px
   }
   .p-hojokin #mono .box_wrap {
     width: 925px;
     margin-bottom: 14em;
     padding: 3em 2em;
     border: 4px solid #837E7B;
     border-radius: 6px
   }
   .p-hojokin #mono .box_wrap h3 {
     margin-bottom: 1.2em;
     font-size: 25.5px
   }
   .p-hojokin #mono .box_wrap h3 span {
     padding-bottom: 0.2em;
     border-bottom: 4px solid #837E7B
   }
   .p-hojokin #mono .box_wrap .box {
     float: left;
     margin-bottom: 2em
   }
   .p-hojokin #mono .box_wrap .box:nth-child(odd) {
     width: 56%
   }
   .p-hojokin #mono .box_wrap .box:nth-child(2n) {
     width: 44%
   }
   .p-hojokin #mono .box_wrap .box:first-child {
     height: 8.5em
   }
   .p-hojokin #mono .box_wrap .box:nth-child(2) {
     height: 8.5em
   }
   .p-hojokin #mono .box_wrap .box h4 {
     margin-bottom: 0.3em;
     font-size: 17px
   }
   .p-hojokin #mono .box_wrap .box ul li {
     margin-bottom: 0.3em;
     margin-left: 1em;
     text-indent: -1em;
     font-size: 13px
   }
   .p-hojokin #mono .box_wrap .box p {
     font-size: 13px;
     white-space: nowrap
   }
   .p-hojokin #mono .merit {
     padding-bottom: 2em
   }
   .p-hojokin #mono .merit h3 {
     padding-left: 1vw;
     font-size: 10vw;
     letter-spacing: 0.1em;
     white-space: nowrap
   }
   .p-hojokin #mono .merit h3 span {
     top: -4.7vw;
     left: 47%;
     width: 1em;
     font-size: 6vw;
     line-height: 1.5
   }
   .p-hojokin #mono .merit p {
     margin-top: 2.5em;
     font-size: 42.5px;
     letter-spacing: 0.12em
   }
   .p-hojokin #mono .merit p span {
     font-size: 1.8em
   }
   .p-hojokin #mono .white_wrap {
     padding: 8.5em 0
   }
   .p-hojokin #mono .white_wrap p {
     font-size: 23px
   }
   .p-hojokin #mono .white_wrap .big {
     font-size: 1.5em
   }
   .p-hojokin #mono .white_wrap .line {
     padding-top: 0.6em;
     padding-bottom: 0.2em;
     border-bottom: 2px solid #427797
   }
   .p-hojokin #mono .white {
     margin-bottom: 29em
   }
   .p-hojokin #mono .daikin1 .h4 {
     margin-bottom: 1.3em;
     margin-left: 0.5em;
     padding: 0.4em 0;
     font-size: 26px
   }
   .p-hojokin #mono .daikin2 {
     margin-bottom: 7em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #mono .daikin2 table {
     margin-left: 1.2em
   }
   .p-hojokin #mono .daikin2 table tr td, .p-hojokin #mono .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 26px
   }
   .p-hojokin #mono .daikin2 table tr th {
     width: 6em
   }
   .p-hojokin #mono .daikin2 table tr .color1 {
     font-size: 1.2em;
     letter-spacing: 0.1em
   }
   .p-hojokin #mono .daikin2 table tr .color2 {
     margin-left: 0.3em;
     font-size: 1.5em;
     -webkit-transform: translateY(-0.1em);
     transform: translateY(-0.1em)
   }
   .p-hojokin #mono .daikin2 table tr .point {
     -webkit-transform: translateY(-0.4em);
     transform: translateY(-0.4em)
   }
 }

 .p-hojokin #syou {
   margin-bottom: 20em;
   background: #90A7AF
 }

 .p-hojokin #syou .bg {
   height: 411px;
   margin-bottom: 8.5em;
   background-image: url("../img/hojokin/bg3.jpg");
   background-size: cover;
   background-position: center center
 }

 .p-hojokin #syou h2 {
   width: 28.6em;
   margin: 0 auto;
   padding: 0.8em 0;
   text-align: center;
   font-size: 36px;
   font-weight: 500;
   letter-spacing: 0.1em;
   background: #E0DCD0;
   -webkit-transform: translateY(-2.2em);
   transform: translateY(-2.2em);
   -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
   box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
 }

 .p-hojokin #syou h2 span {
   color: #E9C519
 }

 .p-hojokin #syou .about {
   margin-bottom: 12em;
   padding-top: 0.8em;
   padding-bottom: 1.5em;
   font-family: "Noto Serif JP", sans-serif;
   background: #E9E9E7
 }

 .p-hojokin #syou .about h3 {
   margin-bottom: 0.7em;
   font-size: 70px;
   font-weight: 400;
   line-height: 1.2;
   letter-spacing: 0.1em;
   color: #7E7E7E
 }

 .p-hojokin #syou .about .txt {
   position: relative;
   margin-bottom: 1em;
   margin-left: 2.5em;
   font-size: 19px;
   color: #000;
   padding-left: 2.1em
 }

 .p-hojokin #syou .about .txt:before {
   position: absolute;
   top: 10%;
   left: 0;
   content: "";
   width: 0.9em;
   height: 82%;
   background: #90A7AF
 }

 .p-hojokin #syou .about .kome {
   margin-left: 3.5em;
   font-size: 24px;
   font-weight: 500
 }

 .p-hojokin #syou .wrap {
   padding: 2.5em 0;
   background: #E9E9E7
 }

 .p-hojokin #syou .wrap1 {
   margin-bottom: 7em
 }

 .p-hojokin #syou .wrap2 {
   margin-bottom: 9.8em
 }

 .p-hojokin #syou .wrap h3 {
   margin-bottom: 0.9em;
   font-size: 40px;
   font-weight: 400;
   color: #000
 }

 .p-hojokin #syou .wrap h3:before {
   content: "■";
   margin-right: 0.3em;
   color: #DB7A43
 }

 .p-hojokin #syou .wrap2 h3:before {
   color: #E9C21D
 }

 .p-hojokin #syou .wrap table {
   border-collapse: collapse
 }

 .p-hojokin #syou .wrap table tr td, .p-hojokin #syou .wrap table tr th {
   padding: 0.4em 0;
   font-size: 32px;
   color: #000
 }

 .p-hojokin #syou .wrap table tr th {
   width: 14em;
   text-align: left;
   font-weight: 400
 }

 .p-hojokin #syou .wrap table tr td span {
   display: inline-block;
   margin-left: 1em
 }

 .p-hojokin #syou .box {
   margin-bottom: 6.5em;
   padding: 4em 0;
   color: #fff;
   border: 5px solid #fff;
   border-radius: 6px
 }

 .p-hojokin #syou .box h3 {
   margin-bottom: 1.5em;
   text-align: center;
   font-size: 36px;
   font-weight: 500
 }

 .p-hojokin #syou .box h3 span {
   display: inline-block;
   padding-bottom: 0.3em;
   border-bottom: 5px solid #fff
 }

 .p-hojokin #syou .box ul {
   width: 80%;
   margin: 0 auto
 }

 .p-hojokin #syou .box ul li {
   float: left;
   width: 50%;
   margin-bottom: 1em;
   font-size: 30px
 }

 .p-hojokin #syou .box ul li:nth-child(odd) {
   padding-left: 4.5em
 }

 .p-hojokin #syou .box ul li:nth-child(2n) {
   padding-left: 4.5em
 }

 .p-hojokin #syou .white_wrap {
   padding-top: 12em;
   padding-bottom: 9.5em;
   font-family: "Noto Serif JP", sans-serif;
   background: #fff
 }

 .p-hojokin #syou .white_wrap ul {
   margin-bottom: 11.5em;
   margin-left: 17%
 }

 .p-hojokin #syou .white_wrap ul li {
   margin-bottom: 0.7em;
   font-size: 2.5vw;
   font-weight: 300;
   color: #747474;
   letter-spacing: 0.1em
 }

 .p-hojokin #syou .white_wrap ul li .big {
   font-size: 1.5em;
   color: #000
 }

 .p-hojokin #syou .white_wrap ul li .line {
   position: relative;
   z-index: 2;
   display: inline-block;
   padding-top: 0.2em;
   padding-bottom: 0.4em;
   padding-right: 0.5em;
   line-height: 1;
   background: #F4F4F4
 }

 .p-hojokin #syou .white_wrap ul li .line:before {
   position: absolute;
   top: 0;
   right: 0;
   z-index: 0;
   content: "";
   display: inline-block;
   width: 200%;
   height: 100%;
   background: #F4F4F4
 }

 .p-hojokin #syou .white_wrap ul li .line2 {
   position: relative;
   z-index: 2
 }

 .p-hojokin #syou .white_wrap ul li:last-child {
   background: #F4F4F4
 }

 .p-hojokin #syou .white_wrap ul li .txt {
   position: relative;
   z-index: 2
 }

 .p-hojokin #syou .white_wrap .nayami1 {
   text-align: center;
   font-family: "Noto Serif JP", sans-serif
 }

 .p-hojokin #syou .white_wrap .nayami1 .line {
   display: inline-block;
   font-size: 26px;
   border-bottom: 2px solid #4F7588
 }

 .p-hojokin #syou .white_wrap .nayami1 .line .big {
   display: inline-block;
   font-size: 1.8em
 }

 .p-hojokin #syou .white {
   background: #fff
 }

 .p-hojokin #syou .daikin1 {
   background: #90A7AF
 }

 .p-hojokin #syou .daikin1 .h4 {
   margin-bottom: 1.5em;
   margin-left: 0.5em;
   padding: 0.4em 0;
   font-size: 36px;
   font-weight: 500;
   color: #000
 }

 .p-hojokin #syou .daikin2 {
   margin-bottom: 9.5em;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   background: #90A7AF
 }

 .p-hojokin #syou .daikin2 table {
   border-collapse: collapse;
   margin-left: 1.2em
 }

 .p-hojokin #syou .daikin2 table tr td, .p-hojokin #syou .daikin2 table tr th {
   padding: 0.1em 0;
   font-size: 32px;
   color: #000
 }

 .p-hojokin #syou .daikin2 table tr th {
   width: 6em;
   text-align: left;
   font-weight: 400
 }

 .p-hojokin #syou .daikin2 table tr .color1 {
   font-size: 1.2em;
   font-weight: 600;
   letter-spacing: 0.1em;
   vertical-align: bottom
 }

 .p-hojokin #syou .daikin2 table tr .color2 {
   display: inline-block;
   font-size: 1.5em;
   font-weight: 600;
   color: #E6794E;
   vertical-align: bottom;
   -webkit-transform: translateY(-0.1em);
   transform: translateY(-0.1em)
 }

 .p-hojokin #syou .daikin2 table tr .point {
   display: inline-block;
   margin-left: 0.3em;
   -webkit-transform: translateY(-0.4em);
   transform: translateY(-0.4em)
 }

 @media only screen and (max-width:1366px) {
   .p-hojokin #syou {
     margin-bottom: 20em
   }
   .p-hojokin #syou .bg {
     height: 293px;
     margin-bottom: 8.5em
   }
   .p-hojokin #syou h2 {
     width: 28.6em;
     padding: 0.8em 0;
     font-size: 25px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #syou .about {
     margin-bottom: 10em;
     padding-top: 0.8em;
     padding-bottom: 1.5em
   }
   .p-hojokin #syou .about h3 {
     margin-bottom: 0.7em;
     font-size: 50px;
     line-height: 1.2;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .about .txt {
     margin-bottom: 1em;
     margin-left: 2.5em;
     font-size: 13.5px;
     padding-left: 2.1em
   }
   .p-hojokin #syou .about .kome {
     margin-left: 3.5em;
     font-size: 17px
   }
   .p-hojokin #syou .wrap {
     padding: 2em 0
   }
   .p-hojokin #syou .wrap1 {
     margin-bottom: 6em
   }
   .p-hojokin #syou .wrap2 {
     margin-bottom: 8em
   }
   .p-hojokin #syou .wrap h3 {
     margin-bottom: 0.9em;
     font-size: 28.5px
   }
   .p-hojokin #syou .wrap table tr td, .p-hojokin #syou .wrap table tr th {
     padding: 0.4em 0;
     font-size: 23px
   }
   .p-hojokin #syou .wrap table tr th {
     width: 14em;
     text-align: left
   }
   .p-hojokin #syou .wrap table tr td span {
     margin-left: 1em
   }
   .p-hojokin #syou .box {
     margin-bottom: 5.5em;
     padding: 3em 0;
     border: 4px solid #fff;
     border-radius: 6px
   }
   .p-hojokin #syou .box h3 {
     margin-bottom: 1.5em;
     font-size: 25px
   }
   .p-hojokin #syou .box h3 span {
     padding-bottom: 0.3em;
     border-bottom: 4px solid #fff
   }
   .p-hojokin #syou .box ul {
     width: 80%
   }
   .p-hojokin #syou .box ul li {
     float: left;
     width: 50%;
     margin-bottom: 1em;
     font-size: 21.5px
   }
   .p-hojokin #syou .box ul li:nth-child(odd) {
     padding-left: 4.5em
   }
   .p-hojokin #syou .box ul li:nth-child(2n) {
     padding-left: 4.5em
   }
   .p-hojokin #syou .white_wrap {
     padding-top: 10em;
     padding-bottom: 9.5em
   }
   .p-hojokin #syou .white_wrap ul {
     margin-bottom: 9.5em;
     margin-left: 17%
   }
   .p-hojokin #syou .white_wrap ul li {
     margin-bottom: 0.6em;
     font-size: 2.5vw;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .white_wrap ul li .big {
     font-size: 1.5em
   }
   .p-hojokin #syou .white_wrap ul li .line {
     padding-top: 0.2em;
     padding-bottom: 0.4em;
     padding-right: 0.5em
   }
   .p-hojokin #syou .white_wrap .nayami1 .line {
     font-size: 18.5px;
     border-bottom: 2px solid #4F7588
   }
   .p-hojokin #syou .white_wrap .nayami1 .line .big {
     font-size: 1.8em
   }
   .p-hojokin #syou .daikin1 .h4 {
     margin-bottom: 1.3em;
     margin-left: 0.5em;
     padding: 0.4em 0;
     font-size: 25px
   }
   .p-hojokin #syou .daikin2 {
     margin-bottom: 6em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #syou .daikin2 table {
     margin-left: 1.2em
   }
   .p-hojokin #syou .daikin2 table tr td, .p-hojokin #syou .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 23px
   }
   .p-hojokin #syou .daikin2 table tr th {
     width: 6em;
     text-align: left
   }
   .p-hojokin #syou .daikin2 table tr .color1 {
     font-size: 1.2em;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .daikin2 table tr .color2 {
     font-size: 1.5em;
     -webkit-transform: translateY(-0.1em);
     transform: translateY(-0.1em)
   }
   .p-hojokin #syou .daikin2 table tr .point {
     margin-left: 0.3em;
     -webkit-transform: translateY(-0.4em);
     transform: translateY(-0.4em)
   }
 }

 @media only screen and (max-width:1024px) {
   .p-hojokin {}
   .p-hojokin .pagetitle {
     height: 67vh;
     height: 384px
   }
   .p-hojokin .pagetitle .txt {
     left: 0;
     bottom: 0.4em
   }
   .p-hojokin .pagetitle p {
     margin-bottom: 0.4em;
     font-size: 28px;
     line-height: 1.5
   }
   .p-hojokin .pagetitle .line1 {
     margin-bottom: 1.2em
   }
   .p-hojokin .pagetitle p span {
     padding-left: 0.7em;
     padding-right: 0.6em
   }
   .p-hojokin .pagetitle .line1 span {
     padding: 0.3em 0.8em
   }
   .p-hojokin .pagetitle p span.big {
     padding-left: 0.2em;
     font-size: 1.2em
   }
   .p-hojokin .pagetitle p span.small {
     font-size: 0.9em
   }
   .p-hojokin #support {
     margin-bottom: 14.5em;
     padding-top: 3em
   }
   .p-hojokin #support:before {
     width: 30.5%
   }
   .p-hojokin #support h2 {
     margin-bottom: 4em;
     font-size: 19.5px;
     letter-spacing: 0.09em
   }
   .p-hojokin #support h2 .line1 {
     padding: 0 0.5em;
     padding-bottom: 0.3em;
     border-bottom: 4px solid #fff
   }
   .p-hojokin #support h2 .line2 {
     padding-top: 0.1em;
     font-size: 1.3em
   }
   .p-hojokin #support h2 .color {
     margin-left: 0.4em;
     font-size: 1.2em
   }
   .p-hojokin #support .title1 {
     top: -1em;
     left: -1.65em;
     font-size: 36px
   }
   .p-hojokin #support .catch {
     width: 450px;
     height: 49px;
     margin-bottom: 4.5em;
     -webkit-box-shadow: 0.2em 0.5em 0.4em 0 rgba(0, 0, 0, 0.07);
     box-shadow: 0.2em 0.5em 0.4em 0 rgba(0, 0, 0, 0.07)
   }
   .p-hojokin #support .catch .title {
     top: auto;
     bottom: 29%;
     left: 5%;
     width: 40.4%
   }
   .p-hojokin #support .catch span {
     top: 34%;
     left: 48%;
     font-size: 12px
   }
   .p-hojokin #support .list li {
     font-size: 19px;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .list li+li {
     margin-top: 0.5em
   }
   .p-hojokin #support .catch_wrap {
     height: 298px;
     margin-bottom: 8.5em
   }
   .p-hojokin #support .catch_wrap p {
     font-size: 30px
   }
   .p-hojokin #support .catch_wrap .line1 {
     margin-top: 1.3em;
     padding-left: 0.2em
   }
   .p-hojokin #support .catch_wrap .line1 .big1 {
     font-size: 1.7em;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .catch_wrap .line2 {
     padding-left: 7.5em;
     white-space: nowrap
   }
   .p-hojokin #support .catch_wrap .line2 .big2 {
     font-size: 1.3em
   }
   .p-hojokin #support .title2 {
     margin-bottom: 2.5em;
     font-size: 26.5px
   }
   .p-hojokin #support .title2 .block1 {
     margin-right: 0.6em;
     padding: 0 0.25em;
     padding-bottom: 0.1em
   }
   .p-hojokin #support .title2 .big {
     font-size: 1.4em
   }
   .p-hojokin #support .title2 .block2 {
     margin-left: 0.7em;
     padding: 0 0.25em;
     padding-bottom: 0.1em
   }
   .p-hojokin #support .title2 .color2 {
     margin: 0 0.4em
   }
   .p-hojokin #support .txt {
     margin-bottom: 3.9em;
     font-size: 16.5px;
     line-height: 1.7
   }
   .p-hojokin #support .txt .first {
     margin-bottom: 1em
   }
   .p-hojokin #support .txt p+p {
     margin-top: 1.5em
   }
   .p-hojokin #support .txt .color1 {
     font-size: 1.6em
   }
   .p-hojokin #support .txt .color2 {
     font-size: 1.6em
   }
   .p-hojokin #support .txt .note_pc {
     top: 34%;
     right: -6em;
     width: 250px
   }
   .p-hojokin #support .contact {
     margin-bottom: 5.5em;
     font-size: 17.5px;
     line-height: 1.7
   }
   .p-hojokin #support .contact p {
     margin-bottom: 1.2em
   }
   .p-hojokin #support .time {
     height: 326px;
     padding-top: 3.5em
   }
   .p-hojokin #support .time p {
     padding-bottom: 0.1em;
     line-height: 1.3;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .time .line1 {
     margin-bottom: 1.8em;
     padding-left: 1em;
     font-size: 43px
   }
   .p-hojokin #support .time .big1 {
     font-size: 1.5em
   }
   .p-hojokin #support .time .line2 {
     padding-right: 1em;
     font-size: 36.5px
   }
   .p-hojokin #support .time .big2 {
     font-size: 1.4em
   }
   .p-hojokin #saikou {
     margin-bottom: 24em
   }
   .p-hojokin #saikou .bg {
     height: 220px;
     margin-bottom: 5em
   }
   .p-hojokin #saikou h2 {
     width: 28.6em;
     padding: 0.8em 0;
     font-size: 19px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #saikou .about {
     margin-bottom: 6em;
     padding-bottom: 2em
   }
   .p-hojokin #saikou .about h3 {
     margin-bottom: 0.6em;
     font-size: 43px;
     line-height: 1.2;
     letter-spacing: 0.1em
   }
   .p-hojokin #saikou .about p {
     margin-left: 2.5em;
     font-size: 11px;
     padding-left: 2.1em
   }
   .p-hojokin #saikou .tbl_wrap {
     margin-bottom: 6em
   }
   .p-hojokin #saikou .tbl_wrap table {
     margin-bottom: 1.5em
   }
   .p-hojokin #saikou .tbl_wrap table tr td, .p-hojokin #saikou .tbl_wrap table tr th {
     width: 50%;
     font-size: 16.5px
   }
   .p-hojokin #saikou .tbl_wrap table tr th {
     padding: 0.5em 0;
     padding-left: 2em;
     border-bottom: 2px solid #fff
   }
   .p-hojokin #saikou .tbl_wrap table .top_left {
     border-radius: 0.3em 0 0 0
   }
   .p-hojokin #saikou .tbl_wrap table .top_right {
     border-radius: 0 0.3em 0 0
   }
   .p-hojokin #saikou .tbl_wrap table tr td {
     padding: 0.2em 0;
     padding-left: 2em;
     vertical-align: top
   }
   .p-hojokin #saikou .tbl_wrap table tr .first {
     padding-top: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .last {
     padding-bottom: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .last2 {
     padding-top: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .bottom_left {
     border-radius: 0 0 0 0.3em
   }
   .p-hojokin #saikou .tbl_wrap table tr .bottom_right {
     border-radius: 0 0 0.3em 0
   }
   .p-hojokin #saikou .tbl_wrap table tr .small {
     font-size: 0.8em
   }
   .p-hojokin #saikou .tbl_wrap table tr .ritu {
     margin-right: 2em;
     white-space: nowrap
   }
   .p-hojokin #saikou .tbl_wrap table .ritu2 {
     width: 4.4em;
     margin-right: 2.2em
   }
   .p-hojokin #saikou .example {
     margin-bottom: 3.5em;
     padding: 2em 3em;
     border: 3px solid #010101;
     border-radius: 4px
   }
   .p-hojokin #saikou .example .h1 {
     margin-bottom: 1.5em;
     font-size: 20.5px
   }
   .p-hojokin #saikou .example .h1 span {
     padding: 0 0.5em;
     padding-bottom: 0.2em;
     border-bottom: 3px solid #357DA3
   }
   .p-hojokin #saikou .example .txt {
     margin-bottom: 1.5em;
     font-size: 13px;
     white-space: nowrap
   }
   .p-hojokin #saikou .example .h2 {
     margin-bottom: 1.3em;
     font-size: 13px
   }
   .p-hojokin #saikou .example ul li {
     font-size: 13px;
     line-height: 1.8;
     white-space: nowrap
   }
   .p-hojokin #saikou .h3 {
     width: 34.3em;
     margin-bottom: 6.5em;
     font-size: 13.5px;
     white-space: nowrap
   }
   .p-hojokin #saikou .list2 {
     width: 34.3em;
     margin-bottom: 3.5em;
     padding: 1.1em 0;
     padding-left: 4em;
     font-size: 13.5px;
     white-space: nowrap
   }
   .p-hojokin #saikou .list2 li+li {
     margin-top: 0.8em
   }
   .p-hojokin #saikou .nayami1 {
     margin-bottom: 6.5em
   }
   .p-hojokin #saikou .nayami1 .line {
     font-size: 14px;
     border-bottom: 2px solid #4F7588
   }
   .p-hojokin #saikou .nayami1 .line .big {
     font-size: 1.8em
   }
   .p-hojokin #saikou .daikin1 .h4 {
     margin-bottom: 1.5em;
     margin-left: 0.5em;
     padding: 0.4em 0;
     font-size: 19.5px
   }
   .p-hojokin #saikou .daikin2 {
     margin-bottom: 5.5em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #saikou .daikin2 table {
     margin-left: 1.2em
   }
   .p-hojokin #saikou .daikin2 table tr td, .p-hojokin #saikou .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 17.5px
   }
   .p-hojokin #saikou .daikin2 table tr th {
     width: 6em
   }
   .p-hojokin #saikou .daikin2 table tr .color1 {
     font-size: 1.2em;
     letter-spacing: 0.1em
   }
   .p-hojokin #saikou .daikin2 table tr .color2 {
     margin-left: 0.3em;
     font-size: 1.5em;
     -webkit-transform: translateY(-0.1em);
     transform: translateY(-0.1em)
   }
   .p-hojokin #saikou .daikin2 table tr .point {
     -webkit-transform: translateY(-0.4em);
     transform: translateY(-0.4em)
   }
   .p-hojokin #mono .bg {
     height: 219px;
     margin-bottom: 6em
   }
   .p-hojokin #mono h2 {
     width: 28.6em;
     padding: 0.8em 0;
     font-size: 19px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #mono .about {
     margin-bottom: 6.5em;
     padding-bottom: 1.8em
   }
   .p-hojokin #mono .about h3 {
     margin-bottom: 0.6em;
     font-size: 43px;
     line-height: 1.2;
     letter-spacing: 0.1em
   }
   .p-hojokin #mono .about .txt {
     margin-bottom: 2em;
     margin-left: 2.5em;
     font-size: 11px;
     padding-left: 2.1em
   }
   .p-hojokin #mono .about .kome {
     margin-left: 4.5em;
     font-size: 11px
   }
   .p-hojokin #mono .box_wrap {
     width: 720px;
     margin-bottom: 10em;
     padding: 2em 1.5em;
     border: 3px solid #837E7B;
     border-radius: 4px
   }
   .p-hojokin #mono .box_wrap h3 {
     margin-bottom: 1.2em;
     font-size: 19px
   }
   .p-hojokin #mono .box_wrap h3 span {
     padding-bottom: 0.2em;
     border-bottom: 3px solid #837E7B
   }
   .p-hojokin #mono .box_wrap .box {
     float: left;
     margin-bottom: 2em
   }
   .p-hojokin #mono .box_wrap .box:nth-child(odd) {
     width: 56%
   }
   .p-hojokin #mono .box_wrap .box:nth-child(2n) {
     width: 44%
   }
   .p-hojokin #mono .box_wrap .box:first-child {
     height: 7em
   }
   .p-hojokin #mono .box_wrap .box:nth-child(2) {
     height: 7em
   }
   .p-hojokin #mono .box_wrap .box h4 {
     margin-bottom: 0.3em;
     font-size: 13px
   }
   .p-hojokin #mono .box_wrap .box ul li {
     margin-bottom: 0.3em;
     margin-left: 1em;
     text-indent: -1em;
     font-size: 10px
   }
   .p-hojokin #mono .box_wrap .box p {
     font-size: 10px;
     white-space: nowrap
   }
   .p-hojokin #mono .merit {
     padding-bottom: 1.7em
   }
   .p-hojokin #mono .merit h3 {
     padding-left: 1vw;
     font-size: 10vw;
     letter-spacing: 0.1em;
     white-space: nowrap
   }
   .p-hojokin #mono .merit h3 span {
     top: -4.7vw;
     left: 47%;
     width: 1em;
     font-size: 6vw;
     line-height: 1.5
   }
   .p-hojokin #mono .merit p {
     margin-top: 2.5em;
     font-size: 32px;
     letter-spacing: 0.12em
   }
   .p-hojokin #mono .merit p span {
     font-size: 1.8em
   }
   .p-hojokin #mono .white_wrap {
     padding: 7.5em 0
   }
   .p-hojokin #mono .white_wrap p {
     font-size: 17.5px
   }
   .p-hojokin #mono .white_wrap .big {
     font-size: 1.5em
   }
   .p-hojokin #mono .white_wrap .line {
     padding-top: 0.6em;
     padding-bottom: 0.2em;
     border-bottom: 2px solid #427797
   }
   .p-hojokin #mono .white {
     margin-bottom: 22em
   }
   .p-hojokin #mono .daikin1 .h4 {
     margin-bottom: 1.3em;
     margin-left: 0.5em;
     padding: 0.4em 0;
     font-size: 19.5px
   }
   .p-hojokin #mono .daikin2 {
     margin-bottom: 5em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #mono .daikin2 table {
     margin-left: 1.2em
   }
   .p-hojokin #mono .daikin2 table tr td, .p-hojokin #mono .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 19.5px
   }
   .p-hojokin #mono .daikin2 table tr th {
     width: 6em
   }
   .p-hojokin #mono .daikin2 table tr .color1 {
     font-size: 1.2em;
     letter-spacing: 0.1em
   }
   .p-hojokin #mono .daikin2 table tr .color2 {
     margin-left: 0.3em;
     font-size: 1.5em;
     -webkit-transform: translateY(-0.1em);
     transform: translateY(-0.1em)
   }
   .p-hojokin #mono .daikin2 table tr .point {
     -webkit-transform: translateY(-0.4em);
     transform: translateY(-0.4em)
   }
   .p-hojokin #syou {
     margin-bottom: 20em
   }
   .p-hojokin #syou .bg {
     height: 293px;
     margin-bottom: 7em
   }
   .p-hojokin #syou h2 {
     width: 28.6em;
     padding: 0.8em 0;
     font-size: 17.5px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #syou .about {
     margin-bottom: 7em;
     padding-top: 0.8em;
     padding-bottom: 1.5em
   }
   .p-hojokin #syou .about h3 {
     margin-bottom: 0.7em;
     font-size: 37.5px;
     line-height: 1.2;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .about .txt {
     margin-bottom: 1em;
     margin-left: 2.5em;
     font-size: 11px;
     padding-left: 2.1em
   }
   .p-hojokin #syou .about .kome {
     margin-left: 3.5em;
     font-size: 13.5px
   }
   .p-hojokin #syou .wrap {
     padding: 2em 0
   }
   .p-hojokin #syou .wrap1 {
     margin-bottom: 4em
   }
   .p-hojokin #syou .wrap2 {
     margin-bottom: 6em
   }
   .p-hojokin #syou .wrap h3 {
     margin-bottom: 0.9em;
     font-size: 21.5px
   }
   .p-hojokin #syou .wrap table tr td, .p-hojokin #syou .wrap table tr th {
     padding: 0.4em 0;
     font-size: 17.5px
   }
   .p-hojokin #syou .wrap table tr th {
     width: 14em;
     text-align: left
   }
   .p-hojokin #syou .wrap table tr td span {
     margin-left: 1em
   }
   .p-hojokin #syou .box {
     margin-bottom: 4.5em;
     padding: 2.5em 0;
     border: 3px solid #fff;
     border-radius: 4px
   }
   .p-hojokin #syou .box h3 {
     margin-bottom: 1.5em;
     font-size: 19px
   }
   .p-hojokin #syou .box h3 span {
     padding-bottom: 0.3em;
     border-bottom: 3px solid #fff
   }
   .p-hojokin #syou .box ul {
     width: 80%
   }
   .p-hojokin #syou .box ul li {
     float: left;
     width: 50%;
     margin-bottom: 0.8em;
     font-size: 16.5px
   }
   .p-hojokin #syou .box ul li:nth-child(odd) {
     padding-left: 4.5em
   }
   .p-hojokin #syou .box ul li:nth-child(2n) {
     padding-left: 4.5em
   }
   .p-hojokin #syou .white_wrap {
     padding-top: 8em;
     padding-bottom: 7.5em
   }
   .p-hojokin #syou .white_wrap ul {
     margin-bottom: 7.5em;
     margin-left: 17%
   }
   .p-hojokin #syou .white_wrap ul li {
     margin-bottom: 0.6em;
     font-size: 2.5vw;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .white_wrap ul li .big {
     font-size: 1.5em
   }
   .p-hojokin #syou .white_wrap ul li .line {
     padding-top: 0.2em;
     padding-bottom: 0.4em;
     padding-right: 0.5em
   }
   .p-hojokin #syou .white_wrap .nayami1 .line {
     font-size: 14px;
     border-bottom: 2px solid #4F7588
   }
   .p-hojokin #syou .white_wrap .nayami1 .line .big {
     font-size: 1.8em
   }
   .p-hojokin #syou .daikin1 .h4 {
     margin-bottom: 1.2em;
     margin-left: 0.5em;
     padding: 0.4em 0;
     font-size: 19px
   }
   .p-hojokin #syou .daikin2 {
     margin-bottom: 4.5em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #syou .daikin2 table {
     margin-left: 1.2em
   }
   .p-hojokin #syou .daikin2 table tr td, .p-hojokin #syou .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 17.5px
   }
   .p-hojokin #syou .daikin2 table tr th {
     width: 6em;
     text-align: left
   }
   .p-hojokin #syou .daikin2 table tr .color1 {
     font-size: 1.2em;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .daikin2 table tr .color2 {
     font-size: 1.5em;
     -webkit-transform: translateY(-0.1em);
     transform: translateY(-0.1em)
   }
   .p-hojokin #syou .daikin2 table tr .point {
     margin-left: 0.3em;
     -webkit-transform: translateY(-0.4em);
     transform: translateY(-0.4em)
   }
 }

 @media only screen and (max-width:854px) {
   .p-hojokin {}
   .p-hojokin .inner {
     width: 80%
   }
   .p-hojokin .pagetitle {
     height: 67vh;
     height: 384px
   }
   .p-hojokin .pagetitle .txt {
     left: 0;
     bottom: 0.4em
   }
   .p-hojokin .pagetitle p {
     margin-bottom: 0.4em;
     font-size: 28px;
     line-height: 1.5
   }
   .p-hojokin .pagetitle .line1 {
     margin-bottom: 1.2em
   }
   .p-hojokin .pagetitle p span {
     padding-left: 0.7em;
     padding-right: 0.6em
   }
   .p-hojokin .pagetitle .line1 span {
     padding: 0.3em 0.8em
   }
   .p-hojokin .pagetitle p span.big {
     padding-left: 0.2em;
     font-size: 1.2em
   }
   .p-hojokin .pagetitle p span.small {
     font-size: 0.9em
   }
   .p-hojokin #support {
     margin-bottom: 14.5em;
     padding-top: 2.5em
   }
   .p-hojokin #support:before {
     width: 30.5%
   }
   .p-hojokin #support h2 {
     margin-bottom: 4em;
     font-size: 16.5px;
     font-size: 19.5px;
     letter-spacing: 0.09em
   }
   .p-hojokin #support h2 .line1 {
     padding: 0 0.5em;
     padding-bottom: 0.3em;
     border-bottom: 3px solid #fff
   }
   .p-hojokin #support h2 .line2 {
     padding-top: 0.1em;
     font-size: 1.3em
   }
   .p-hojokin #support h2 .color {
     margin-left: 0.4em;
     font-size: 1.2em
   }
   .p-hojokin #support .title1 {
     top: -1em;
     left: -1.65em;
     font-size: 36px
   }
   .p-hojokin #support .catch {
     width: 450px;
     height: 49px;
     margin-bottom: 4.5em;
     -webkit-box-shadow: 0.2em 0.5em 0.4em 0 rgba(0, 0, 0, 0.07);
     box-shadow: 0.2em 0.5em 0.4em 0 rgba(0, 0, 0, 0.07)
   }
   .p-hojokin #support .catch .title {
     top: auto;
     bottom: 29%;
     left: 5%;
     width: 40.4%
   }
   .p-hojokin #support .catch span {
     top: 34%;
     left: 48%;
     font-size: 12px
   }
   .p-hojokin #support .list li {
     font-size: 19px;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .list li+li {
     margin-top: 0.5em
   }
   .p-hojokin #support .catch_wrap {
     height: 298px;
     margin-bottom: 8.5em
   }
   .p-hojokin #support .catch_wrap p {
     font-size: 30px
   }
   .p-hojokin #support .catch_wrap .line1 {
     margin-top: 1.3em;
     padding-left: 0.2em
   }
   .p-hojokin #support .catch_wrap .line1 .big1 {
     font-size: 1.7em;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .catch_wrap .line2 {
     padding-left: 7.5em;
     white-space: nowrap
   }
   .p-hojokin #support .catch_wrap .line2 .big2 {
     font-size: 1.3em
   }
   .p-hojokin #support .title2 {
     margin-bottom: 2.5em;
     font-size: 26.5px
   }
   .p-hojokin #support .title2 .block1 {
     margin-right: 0.6em;
     padding: 0 0.25em;
     padding-bottom: 0.1em
   }
   .p-hojokin #support .title2 .big {
     font-size: 1.4em
   }
   .p-hojokin #support .title2 .block2 {
     margin-left: 0.7em;
     padding: 0 0.25em;
     padding-bottom: 0.1em
   }
   .p-hojokin #support .title2 .color2 {
     margin: 0 0.4em
   }
   .p-hojokin #support .txt {
     margin-bottom: 3.9em;
     font-size: 16.5px;
     line-height: 1.7
   }
   .p-hojokin #support .txt .first {
     margin-bottom: 1em
   }
   .p-hojokin #support .txt p+p {
     margin-top: 1.5em
   }
   .p-hojokin #support .txt .color1 {
     font-size: 1.6em
   }
   .p-hojokin #support .txt .color2 {
     font-size: 1.6em
   }
   .p-hojokin #support .txt .note_pc {
     top: 34%;
     right: -3em;
     width: 250px
   }
   .p-hojokin #support .contact {
     margin-bottom: 5.5em;
     font-size: 17.5px;
     line-height: 1.7
   }
   .p-hojokin #support .contact p {
     margin-bottom: 1.2em
   }
   .p-hojokin .contact_btn {
     width: 326px
   }
   .p-hojokin #support .time {
     height: 326px;
     padding-top: 3.5em
   }
   .p-hojokin #support .time p {
     padding-bottom: 0.1em;
     line-height: 1.3;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .time .line1 {
     margin-bottom: 1.8em;
     padding-left: 1em;
     font-size: 43px
   }
   .p-hojokin #support .time .big1 {
     font-size: 1.5em
   }
   .p-hojokin #support .time .line2 {
     padding-right: 1em;
     font-size: 36.5px
   }
   .p-hojokin #support .time .big2 {
     font-size: 1.4em
   }
   .p-hojokin #saikou {
     margin-bottom: 24em
   }
   .p-hojokin #saikou .bg {
     height: 220px;
     margin-bottom: 5em
   }
   .p-hojokin #saikou h2 {
     width: 28.6em;
     padding: 0.8em 0;
     font-size: 19px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #saikou .about {
     margin-bottom: 6em;
     padding-bottom: 2em
   }
   .p-hojokin #saikou .about h3 {
     margin-bottom: 0.6em;
     font-size: 43px;
     line-height: 1.2;
     letter-spacing: 0.1em
   }
   .p-hojokin #saikou .about p {
     margin-left: 2.5em;
     font-size: 11px;
     padding-left: 2.1em
   }
   .p-hojokin #saikou .tbl_wrap {
     margin-bottom: 6em
   }
   .p-hojokin #saikou .tbl_wrap table {
     margin-bottom: 1.5em
   }
   .p-hojokin #saikou .tbl_wrap table tr td, .p-hojokin #saikou .tbl_wrap table tr th {
     width: 50%;
     font-size: 16.5px
   }
   .p-hojokin #saikou .tbl_wrap table tr th {
     padding: 0.5em 0;
     padding-left: 2em;
     border-bottom: 2px solid #fff
   }
   .p-hojokin #saikou .tbl_wrap table .top_left {
     border-radius: 0.3em 0 0 0
   }
   .p-hojokin #saikou .tbl_wrap table .top_right {
     border-radius: 0 0.3em 0 0
   }
   .p-hojokin #saikou .tbl_wrap table tr td {
     padding: 0.2em 0;
     padding-left: 2em;
     vertical-align: top
   }
   .p-hojokin #saikou .tbl_wrap table tr .first {
     padding-top: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .last {
     padding-bottom: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .last2 {
     padding-top: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .bottom_left {
     border-radius: 0 0 0 0.3em
   }
   .p-hojokin #saikou .tbl_wrap table tr .bottom_right {
     border-radius: 0 0 0.3em 0
   }
   .p-hojokin #saikou .tbl_wrap table tr .small {
     font-size: 0.8em
   }
   .p-hojokin #saikou .tbl_wrap table tr .ritu {
     margin-right: 2em;
     white-space: nowrap
   }
   .p-hojokin #saikou .tbl_wrap table .ritu2 {
     width: 4.4em;
     margin-right: 2.2em
   }
   .p-hojokin #saikou .example {
     margin-bottom: 3.5em;
     padding: 2em 3em;
     border: 3px solid #010101;
     border-radius: 4px
   }
   .p-hojokin #saikou .example .h1 {
     margin-bottom: 1.5em;
     font-size: 20.5px
   }
   .p-hojokin #saikou .example .h1 span {
     padding: 0 0.5em;
     padding-bottom: 0.2em;
     border-bottom: 3px solid #357DA3
   }
   .p-hojokin #saikou .example .txt {
     margin-bottom: 1.5em;
     font-size: 13px;
     white-space: nowrap
   }
   .p-hojokin #saikou .example .h2 {
     margin-bottom: 1.3em;
     font-size: 13px
   }
   .p-hojokin #saikou .example ul li {
     font-size: 13px;
     line-height: 1.8;
     white-space: nowrap
   }
   .p-hojokin #saikou .h3 {
     width: 34.3em;
     margin-bottom: 6.5em;
     font-size: 13.5px;
     white-space: nowrap
   }
   .p-hojokin #saikou .list2 {
     width: 34.3em;
     margin-bottom: 3.5em;
     padding: 1.1em 0;
     padding-left: 4em;
     font-size: 13.5px;
     white-space: nowrap
   }
   .p-hojokin #saikou .list2 li+li {
     margin-top: 0.8em
   }
   .p-hojokin #saikou .nayami1 {
     margin-bottom: 6.5em
   }
   .p-hojokin #saikou .nayami1 .line {
     font-size: 14px;
     border-bottom: 2px solid #4F7588
   }
   .p-hojokin #saikou .nayami1 .line .big {
     font-size: 1.8em
   }
   .p-hojokin #saikou .daikin1 .h4 {
     margin-bottom: 1.5em;
     margin-left: 0.5em;
     padding: 0.4em 0;
     font-size: 19.5px
   }
   .p-hojokin #saikou .daikin2 {
     margin-bottom: 5.5em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #saikou .daikin2 table {
     margin-left: 1.2em
   }
   .p-hojokin #saikou .daikin2 table tr td, .p-hojokin #saikou .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 17.5px
   }
   .p-hojokin #saikou .daikin2 table tr th {
     width: 6em
   }
   .p-hojokin #saikou .daikin2 table tr .color1 {
     font-size: 1.2em;
     letter-spacing: 0.1em
   }
   .p-hojokin #saikou .daikin2 table tr .color2 {
     margin-left: 0.3em;
     font-size: 1.5em;
     -webkit-transform: translateY(-0.1em);
     transform: translateY(-0.1em)
   }
   .p-hojokin #saikou .daikin2 table tr .point {
     -webkit-transform: translateY(-0.4em);
     transform: translateY(-0.4em)
   }
   .p-hojokin #mono .bg {
     height: 219px;
     margin-bottom: 6em
   }
   .p-hojokin #mono h2 {
     width: 28.6em;
     padding: 0.8em 0;
     font-size: 19px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #mono .about {
     margin-bottom: 6.5em;
     padding-bottom: 1.8em
   }
   .p-hojokin #mono .about h3 {
     margin-bottom: 0.6em;
     font-size: 43px;
     line-height: 1.2;
     letter-spacing: 0.1em
   }
   .p-hojokin #mono .about .txt {
     margin-bottom: 2em;
     margin-left: 2.5em;
     font-size: 11px;
     padding-left: 2.1em
   }
   .p-hojokin #mono .about .kome {
     margin-left: 4.5em;
     font-size: 11px
   }
   .p-hojokin #mono .box_wrap {
     width: 720px;
     margin-bottom: 10em;
     padding: 2em 1.5em;
     border: 3px solid #837E7B;
     border-radius: 4px
   }
   .p-hojokin #mono .box_wrap h3 {
     margin-bottom: 1.2em;
     font-size: 19px
   }
   .p-hojokin #mono .box_wrap h3 span {
     padding-bottom: 0.2em;
     border-bottom: 3px solid #837E7B
   }
   .p-hojokin #mono .box_wrap .box {
     float: left;
     margin-bottom: 2em
   }
   .p-hojokin #mono .box_wrap .box:nth-child(odd) {
     width: 56%
   }
   .p-hojokin #mono .box_wrap .box:nth-child(2n) {
     width: 44%
   }
   .p-hojokin #mono .box_wrap .box:first-child {
     height: 7em
   }
   .p-hojokin #mono .box_wrap .box:nth-child(2) {
     height: 7em
   }
   .p-hojokin #mono .box_wrap .box h4 {
     margin-bottom: 0.3em;
     font-size: 13px
   }
   .p-hojokin #mono .box_wrap .box ul li {
     margin-bottom: 0.3em;
     margin-left: 1em;
     text-indent: -1em;
     font-size: 10px
   }
   .p-hojokin #mono .box_wrap .box p {
     font-size: 10px;
     white-space: nowrap
   }
   .p-hojokin #mono .merit {
     padding-bottom: 1.7em
   }
   .p-hojokin #mono .merit h3 {
     padding-left: 1vw;
     font-size: 10vw;
     letter-spacing: 0.1em;
     white-space: nowrap
   }
   .p-hojokin #mono .merit h3 span {
     top: -4.7vw;
     left: 47%;
     width: 1em;
     font-size: 6vw;
     line-height: 1.5
   }
   .p-hojokin #mono .merit p {
     margin-top: 2.5em;
     font-size: 32px;
     letter-spacing: 0.12em
   }
   .p-hojokin #mono .merit p span {
     font-size: 1.8em
   }
   .p-hojokin #mono .white_wrap {
     padding: 7.5em 0
   }
   .p-hojokin #mono .white_wrap p {
     font-size: 17.5px
   }
   .p-hojokin #mono .white_wrap .big {
     font-size: 1.5em
   }
   .p-hojokin #mono .white_wrap .line {
     padding-top: 0.6em;
     padding-bottom: 0.2em;
     border-bottom: 2px solid #427797
   }
   .p-hojokin #mono .white {
     margin-bottom: 22em
   }
   .p-hojokin #mono .daikin1 .h4 {
     margin-bottom: 1.3em;
     margin-left: 0.5em;
     padding: 0.4em 0;
     font-size: 19.5px
   }
   .p-hojokin #mono .daikin2 {
     margin-bottom: 5em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #mono .daikin2 table {
     margin-left: 1.2em
   }
   .p-hojokin #mono .daikin2 table tr td, .p-hojokin #mono .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 19.5px
   }
   .p-hojokin #mono .daikin2 table tr th {
     width: 6em
   }
   .p-hojokin #mono .daikin2 table tr .color1 {
     font-size: 1.2em;
     letter-spacing: 0.1em
   }
   .p-hojokin #mono .daikin2 table tr .color2 {
     margin-left: 0.3em;
     font-size: 1.5em;
     -webkit-transform: translateY(-0.1em);
     transform: translateY(-0.1em)
   }
   .p-hojokin #mono .daikin2 table tr .point {
     -webkit-transform: translateY(-0.4em);
     transform: translateY(-0.4em)
   }
   .p-hojokin #syou {
     margin-bottom: 20em
   }
   .p-hojokin #syou .bg {
     height: 293px;
     margin-bottom: 7em
   }
   .p-hojokin #syou h2 {
     width: 28.6em;
     padding: 0.8em 0;
     font-size: 17.5px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #syou .about {
     margin-bottom: 7em;
     padding-top: 0.8em;
     padding-bottom: 1.5em
   }
   .p-hojokin #syou .about h3 {
     margin-bottom: 0.7em;
     font-size: 37.5px;
     line-height: 1.2;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .about .txt {
     margin-bottom: 1em;
     margin-left: 2.5em;
     font-size: 11px;
     padding-left: 2.1em
   }
   .p-hojokin #syou .about .kome {
     margin-left: 3.5em;
     font-size: 13.5px
   }
   .p-hojokin #syou .wrap {
     padding: 2em 0
   }
   .p-hojokin #syou .wrap1 {
     margin-bottom: 4em
   }
   .p-hojokin #syou .wrap2 {
     margin-bottom: 6em
   }
   .p-hojokin #syou .wrap h3 {
     margin-bottom: 0.9em;
     font-size: 21.5px
   }
   .p-hojokin #syou .wrap table tr td, .p-hojokin #syou .wrap table tr th {
     padding: 0.4em 0;
     font-size: 17.5px
   }
   .p-hojokin #syou .wrap table tr th {
     width: 14em;
     text-align: left
   }
   .p-hojokin #syou .wrap table tr td span {
     margin-left: 1em
   }
   .p-hojokin #syou .box {
     margin-bottom: 4.5em;
     padding: 2.5em 0;
     border: 3px solid #fff;
     border-radius: 4px
   }
   .p-hojokin #syou .box h3 {
     margin-bottom: 1.5em;
     font-size: 19px
   }
   .p-hojokin #syou .box h3 span {
     padding-bottom: 0.3em;
     border-bottom: 3px solid #fff
   }
   .p-hojokin #syou .box ul {
     width: 80%
   }
   .p-hojokin #syou .box ul li {
     float: left;
     width: 50%;
     margin-bottom: 0.8em;
     font-size: 16.5px
   }
   .p-hojokin #syou .box ul li:nth-child(odd) {
     padding-left: 4.5em
   }
   .p-hojokin #syou .box ul li:nth-child(2n) {
     padding-left: 4.5em
   }
   .p-hojokin #syou .white_wrap {
     padding-top: 8em;
     padding-bottom: 7.5em
   }
   .p-hojokin #syou .white_wrap ul {
     margin-bottom: 7.5em;
     margin-left: 17%
   }
   .p-hojokin #syou .white_wrap ul li {
     margin-bottom: 0.6em;
     font-size: 2.5vw;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .white_wrap ul li .big {
     font-size: 1.5em
   }
   .p-hojokin #syou .white_wrap ul li .line {
     padding-top: 0.2em;
     padding-bottom: 0.4em;
     padding-right: 0.5em
   }
   .p-hojokin #syou .white_wrap .nayami1 .line {
     font-size: 14px;
     border-bottom: 2px solid #4F7588
   }
   .p-hojokin #syou .white_wrap .nayami1 .line .big {
     font-size: 1.8em
   }
   .p-hojokin #syou .daikin1 .h4 {
     margin-bottom: 1.2em;
     margin-left: 0.5em;
     padding: 0.4em 0;
     font-size: 19px
   }
   .p-hojokin #syou .daikin2 {
     margin-bottom: 4.5em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #syou .daikin2 table {
     margin-left: 1.2em
   }
   .p-hojokin #syou .daikin2 table tr td, .p-hojokin #syou .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 17.5px
   }
   .p-hojokin #syou .daikin2 table tr th {
     width: 6em;
     text-align: left
   }
   .p-hojokin #syou .daikin2 table tr .color1 {
     font-size: 1.2em;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .daikin2 table tr .color2 {
     font-size: 1.5em;
     -webkit-transform: translateY(-0.1em);
     transform: translateY(-0.1em)
   }
   .p-hojokin #syou .daikin2 table tr .point {
     margin-left: 0.3em;
     -webkit-transform: translateY(-0.4em);
     transform: translateY(-0.4em)
   }
 }

 @media only screen and (max-width:768px) {
   .p-hojokin {}
   .p-hojokin .inner {
     width: 66%
   }
   .p-hojokin .inner2 {
     width: 86%
   }
   .p-hojokin .break {
     display: block
   }
   .p-hojokin .pagetitle {
     height: 500px
   }
   .p-hojokin .pagetitle .txt {
     top: 15%;
     left: 0;
     bottom: auto
   }
   .p-hojokin .pagetitle p {
     margin-bottom: 0.4em;
     font-size: 28px;
     line-height: 1.5
   }
   .p-hojokin .pagetitle .line1 {
     margin-bottom: 1.2em
   }
   .p-hojokin .pagetitle p span {
     padding-left: 0.7em;
     padding-right: 0.6em
   }
   .p-hojokin .pagetitle .line1 span {
     padding: 0.3em 0.8em
   }
   .p-hojokin .pagetitle p span.big {
     padding-left: 0.2em;
     font-size: 1.2em
   }
   .p-hojokin .pagetitle p span.small {
     font-size: 0.9em
   }
   .p-hojokin #support {
     margin-bottom: 12em;
     padding-top: 2.5em
   }
   .p-hojokin #support:before {
     width: 30.5%
   }
   .p-hojokin #support h2 {
     margin-bottom: 4em;
     font-size: 19px;
     letter-spacing: 0.09em
   }
   .p-hojokin #support h2 .line1 {
     padding: 0 0.5em;
     padding-bottom: 0.3em;
     border-bottom: 3px solid #fff
   }
   .p-hojokin #support h2 .line2 {
     padding-top: 0.1em;
     font-size: 1.3em
   }
   .p-hojokin #support h2 .color {
     margin-left: 0.4em;
     font-size: 1.2em
   }
   .p-hojokin #support .title1 {
     top: -1em;
     left: -1.65em;
     font-size: 36px
   }
   .p-hojokin #support .catch {
     width: 450px;
     height: 49px;
     margin-bottom: 4.5em;
     -webkit-box-shadow: 0.2em 0.5em 0.4em 0 rgba(0, 0, 0, 0.07);
     box-shadow: 0.2em 0.5em 0.4em 0 rgba(0, 0, 0, 0.07)
   }
   .p-hojokin #support .catch .title {
     top: auto;
     bottom: 29%;
     left: 5%;
     width: 40.4%
   }
   .p-hojokin #support .catch span {
     top: 34%;
     left: 48%;
     font-size: 12px
   }
   .p-hojokin #support .list li {
     font-size: 18px;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .list li+li {
     margin-top: 0.5em
   }
   .p-hojokin #support .catch_wrap {
     height: 280px;
     margin-bottom: 7em
   }
   .p-hojokin #support .catch_wrap p {
     font-size: 27px
   }
   .p-hojokin #support .catch_wrap .line1 {
     margin-top: 1.3em;
     padding-left: 0.2em
   }
   .p-hojokin #support .catch_wrap .line1 .big1 {
     font-size: 1.7em;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .catch_wrap .line2 {
     padding-left: 7.5em;
     white-space: nowrap
   }
   .p-hojokin #support .catch_wrap .line2 .big2 {
     font-size: 1.3em
   }
   .p-hojokin #support .title2 {
     margin-bottom: 3em;
     text-align: center;
     font-size: 25.5px
   }
   .p-hojokin #support .title2 .block1 {
     margin-bottom: 0.8em;
     margin-right: 0;
     padding: 0 0.25em;
     padding-bottom: 0.1em
   }
   .p-hojokin #support .title2 .big {
     font-size: 1.4em
   }
   .p-hojokin #support .title2 .block2 {
     margin-top: 0.8em;
     margin-left: 0;
     padding: 0 0.25em;
     padding-bottom: 0.1em
   }
   .p-hojokin #support .title2 .color2 {
     margin: 0 0.4em
   }
   .p-hojokin #support .txt {
     margin-left: 2em;
     margin-bottom: 3.9em;
     font-size: 16.5px;
     line-height: 1.7
   }
   .p-hojokin #support .txt .first {
     margin-bottom: 1em
   }
   .p-hojokin #support .txt p+p {
     margin-top: 1.5em
   }
   .p-hojokin #support .txt .color1 {
     font-size: 1.6em
   }
   .p-hojokin #support .txt .color2 {
     font-size: 1.6em
   }
   .p-hojokin #support .txt .note_pc {
     display: none;
     top: 34%;
     right: -3em;
     width: 250px
   }
   .p-hojokin #support .contact {
     margin-bottom: 5.5em;
     font-size: 17.5px;
     line-height: 1.7
   }
   .p-hojokin #support .contact p {
     margin-bottom: 1.2em
   }
   .p-hojokin .contact_btn {
     width: 326px
   }
   .p-hojokin .contact_btn:hover {
     -webkit-animation: none;
     animation: none
   }
   .p-hojokin #support .time {
     height: 300px;
     padding-top: 6em
   }
   .p-hojokin #support .time p {
     padding-bottom: 0.1em;
     line-height: 1.3;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .time .line1 {
     margin-bottom: 1.2em;
     padding-left: 1em;
     font-size: 36px
   }
   .p-hojokin #support .time .big1 {
     font-size: 1.5em
   }
   .p-hojokin #support .time .line2 {
     padding-right: 1em;
     font-size: 32px
   }
   .p-hojokin #support .time .big2 {
     font-size: 1.4em
   }
   .p-hojokin #saikou {
     margin-bottom: 20em
   }
   .p-hojokin #saikou .bg {
     height: 200px;
     margin-bottom: 4.5em
   }
   .p-hojokin #saikou h2 {
     width: 28.6em;
     padding: 0.8em 0;
     font-size: 19px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #saikou .about {
     position: relative;
     margin-bottom: 5em;
     padding-bottom: 2em
   }
   .p-hojokin #saikou .about:before {
     position: absolute;
     top: 0;
     left: 0;
     content: "";
     width: 0.5em;
     height: 100%;
     background: #8EABA7
   }
   .p-hojokin #saikou .about .inner {
     width: 86%
   }
   .p-hojokin #saikou .about h3 {
     margin-bottom: 0.6em;
     text-align: center;
     font-size: 43px;
     line-height: 1.2;
     letter-spacing: 0.1em
   }
   .p-hojokin #saikou .about p {
     margin-left: 0;
     font-size: 13px;
     padding-left: 2.1em
   }
   .p-hojokin #saikou .about p:before {
     display: none
   }
   .p-hojokin #saikou .tbl_wrap {
     margin-bottom: 5.5em
   }
   .p-hojokin #saikou .tbl_wrap .inner {
     width: 86%
   }
   .p-hojokin #saikou .tbl_wrap table {
     margin-bottom: 1.5em
   }
   .p-hojokin #saikou .tbl_wrap table tr td, .p-hojokin #saikou .tbl_wrap table tr th {
     width: 50%;
     font-size: 16.5px
   }
   .p-hojokin #saikou .tbl_wrap table tr th {
     padding: 0.5em 0;
     padding-left: 2em;
     border-bottom: 2px solid #fff
   }
   .p-hojokin #saikou .tbl_wrap table .top_left {
     border-radius: 0.3em 0 0 0
   }
   .p-hojokin #saikou .tbl_wrap table .top_right {
     border-radius: 0 0.3em 0 0
   }
   .p-hojokin #saikou .tbl_wrap table tr td {
     padding: 0.2em 0;
     padding-left: 2em;
     vertical-align: top
   }
   .p-hojokin #saikou .tbl_wrap table tr .first {
     padding-top: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .last {
     padding-bottom: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .last2 {
     padding-top: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .bottom_left {
     border-radius: 0 0 0 0.3em
   }
   .p-hojokin #saikou .tbl_wrap table tr .bottom_right {
     border-radius: 0 0 0.3em 0
   }
   .p-hojokin #saikou .tbl_wrap table tr .small {
     font-size: 0.8em
   }
   .p-hojokin #saikou .tbl_wrap table tr .ritu {
     margin-right: 2em;
     white-space: nowrap
   }
   .p-hojokin #saikou .tbl_wrap table .ritu2 {
     width: 4.4em;
     margin-right: 2.2em
   }
   .p-hojokin #saikou .example {
     margin-bottom: 4.5em;
     padding: 2em 3em;
     border: 3px solid #010101;
     border-radius: 4px
   }
   .p-hojokin #saikou .example .h1 {
     margin-bottom: 1.5em;
     font-size: 20.5px
   }
   .p-hojokin #saikou .example .h1 span {
     padding: 0 0.5em;
     padding-bottom: 0.2em;
     border-bottom: 3px solid #357DA3
   }
   .p-hojokin #saikou .example .txt {
     margin-bottom: 1.5em;
     font-size: 13px;
     white-space: nowrap
   }
   .p-hojokin #saikou .example .h2 {
     margin-bottom: 1.3em;
     font-size: 14px
   }
   .p-hojokin #saikou .example ul li {
     font-size: 13px;
     line-height: 1.8;
     white-space: nowrap
   }
   .p-hojokin #saikou .h3 {
     width: 34.3em;
     margin-bottom: 4.5em;
     font-size: 15px;
     white-space: nowrap
   }
   .p-hojokin #saikou .list2 {
     width: 34.3em;
     margin-bottom: 3em;
     padding: 1.1em 0;
     padding-left: 4em;
     font-size: 15px;
     white-space: nowrap
   }
   .p-hojokin #saikou .list2 li+li {
     margin-top: 0.8em
   }
   .p-hojokin #saikou .nayami1 {
     margin-bottom: 5em
   }
   .p-hojokin #saikou .nayami1 .line {
     font-size: 15px;
     border-bottom: 2px solid #4F7588
   }
   .p-hojokin #saikou .nayami1 .line .big {
     font-size: 1.8em
   }
   .p-hojokin #saikou .daikin1 .h4 {
     margin-bottom: 1.2em;
     margin-left: 4em;
     padding: 0.4em 0;
     font-size: 19.5px
   }
   .p-hojokin #saikou .daikin2 {
     margin-bottom: 4.5em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #saikou .daikin2 table {
     margin-left: 5.7em
   }
   .p-hojokin #saikou .daikin2 table tr td, .p-hojokin #saikou .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 17.5px
   }
   .p-hojokin #saikou .daikin2 table tr th {
     width: 6em
   }
   .p-hojokin #saikou .daikin2 table tr .color1 {
     font-size: 1.2em;
     letter-spacing: 0.1em
   }
   .p-hojokin #saikou .daikin2 table tr .color2 {
     margin-left: 0.3em;
     font-size: 1.5em;
     -webkit-transform: translateY(-0.1em);
     transform: translateY(-0.1em)
   }
   .p-hojokin #saikou .daikin2 table tr .point {
     -webkit-transform: translateY(-0.4em);
     transform: translateY(-0.4em)
   }
   .p-hojokin #mono .bg {
     height: 200px;
     margin-bottom: 5em
   }
   .p-hojokin #mono h2 {
     width: 28.6em;
     padding: 0.8em 0;
     font-size: 19px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #mono .about {
     position: relative;
     margin-bottom: 5.5em;
     padding-bottom: 1.5em
   }
   .p-hojokin #mono .about:before {
     position: absolute;
     top: 0;
     left: 0;
     content: "";
     width: 0.5em;
     height: 100%;
     background: #837E7B
   }
   .p-hojokin #mono .about h3 {
     margin-bottom: 0.6em;
     text-align: center;
     font-size: 40px;
     line-height: 1.2;
     letter-spacing: 0.1em
   }
   .p-hojokin #mono .about .txt {
     margin-bottom: 2em;
     margin-left: 2em;
     font-size: 13px;
     padding-left: 2.1em
   }
   .p-hojokin #mono .about .txt:before {
     display: none
   }
   .p-hojokin #mono .about .kome {
     margin-left: 4em;
     font-size: 13px
   }
   .p-hojokin #mono .box_wrap {
     width: 94%;
     margin-bottom: 7em;
     padding: 2em 1.5em;
     border: 3px solid #837E7B;
     border-radius: 4px
   }
   .p-hojokin #mono .box_wrap h3 {
     margin-bottom: 1.2em;
     font-size: 19px
   }
   .p-hojokin #mono .box_wrap h3 span {
     padding-bottom: 0.2em;
     border-bottom: 3px solid #837E7B
   }
   .p-hojokin #mono .box_wrap .box {
     float: left;
     margin-bottom: 2em
   }
   .p-hojokin #mono .box_wrap .box:nth-child(odd) {
     width: 52%
   }
   .p-hojokin #mono .box_wrap .box:nth-child(2n) {
     width: 48%
   }
   .p-hojokin #mono .box_wrap .box:first-child {
     height: 7em
   }
   .p-hojokin #mono .box_wrap .box:nth-child(2) {
     height: 7em
   }
   .p-hojokin #mono .box_wrap .box h4 {
     margin-bottom: 0.3em;
     font-size: 13.5px
   }
   .p-hojokin #mono .box_wrap .box ul li {
     margin-bottom: 0.3em;
     margin-left: 1em;
     text-indent: -1em;
     font-size: 10.5px
   }
   .p-hojokin #mono .box_wrap .box p {
     font-size: 10.5px;
     white-space: normal
   }
   .p-hojokin #mono .merit {
     padding-bottom: 1.7em
   }
   .p-hojokin #mono .merit h3 {
     padding-left: 1vw;
     font-size: 10vw;
     letter-spacing: 0.1em;
     white-space: nowrap
   }
   .p-hojokin #mono .merit h3 span {
     top: -4.7vw;
     left: 47%;
     width: 1em;
     font-size: 6vw;
     line-height: 1.5
   }
   .p-hojokin #mono .merit p {
     margin-top: 2.5em;
     font-size: 26px;
     letter-spacing: 0.12em
   }
   .p-hojokin #mono .merit p span {
     font-size: 1.8em
   }
   .p-hojokin #mono .white_wrap {
     padding: 6.5em 0
   }
   .p-hojokin #mono .white_wrap p {
     font-size: 17px
   }
   .p-hojokin #mono .white_wrap .big {
     font-size: 1.5em
   }
   .p-hojokin #mono .white_wrap .line {
     padding-top: 0.6em;
     padding-bottom: 0.2em;
     border-bottom: 2px solid #427797
   }
   .p-hojokin #mono .white {
     margin-bottom: 19em
   }
   .p-hojokin #mono .daikin1 .h4 {
     margin-bottom: 1.3em;
     margin-left: 4em;
     padding: 0.4em 0;
     font-size: 19.5px
   }
   .p-hojokin #mono .daikin2 {
     margin-bottom: 4em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #mono .daikin2 table {
     margin-left: 5.7em
   }
   .p-hojokin #mono .daikin2 table tr td, .p-hojokin #mono .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 19.5px
   }
   .p-hojokin #mono .daikin2 table tr th {
     width: 6em
   }
   .p-hojokin #mono .daikin2 table tr .color1 {
     font-size: 1.2em;
     letter-spacing: 0.1em
   }
   .p-hojokin #mono .daikin2 table tr .color2 {
     margin-left: 0.3em;
     font-size: 1.5em;
     -webkit-transform: translateY(-0.1em);
     transform: translateY(-0.1em)
   }
   .p-hojokin #mono .daikin2 table tr .point {
     -webkit-transform: translateY(-0.4em);
     transform: translateY(-0.4em)
   }
   .p-hojokin #syou {
     margin-bottom: 20em
   }
   .p-hojokin #syou .bg {
     height: 200px;
     margin-bottom: 5em
   }
   .p-hojokin #syou h2 {
     width: 28.6em;
     padding: 0.8em 0;
     font-size: 17.5px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #syou .about {
     position: relative;
     margin-bottom: 5em;
     padding-top: 0.8em;
     padding-bottom: 1.5em
   }
   .p-hojokin #syou .about:before {
     position: absolute;
     top: 0;
     left: 0;
     content: "";
     width: 0.5em;
     height: 100%;
     background: #F4F4F4
   }
   .p-hojokin #syou .about h3 {
     margin-bottom: 0.7em;
     text-align: center;
     font-size: 37.5px;
     line-height: 1.2;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .about .txt {
     margin-bottom: 1em;
     margin-left: 0;
     font-size: 13px;
     padding-left: 2.1em
   }
   .p-hojokin #syou .about .txt:before {
     display: none
   }
   .p-hojokin #syou .about .kome {
     margin-left: 1.8em;
     font-size: 15.5px
   }
   .p-hojokin #syou .wrap {
     padding: 2em 0
   }
   .p-hojokin #syou .wrap1 {
     margin-bottom: 3.5em
   }
   .p-hojokin #syou .wrap2 {
     margin-bottom: 5em
   }
   .p-hojokin #syou .wrap h3 {
     margin-bottom: 0.9em;
     font-size: 21.5px
   }
   .p-hojokin #syou .wrap table tr td, .p-hojokin #syou .wrap table tr th {
     padding: 0.4em 0;
     font-size: 17.5px
   }
   .p-hojokin #syou .wrap table tr th {
     width: 15em;
     text-align: left
   }
   .p-hojokin #syou .wrap table tr td span {
     margin-left: 1em
   }
   .p-hojokin #syou .box {
     margin-bottom: 4.5em;
     padding: 2.5em 0;
     border: 3px solid #fff;
     border-radius: 4px
   }
   .p-hojokin #syou .box h3 {
     margin-bottom: 1.5em;
     font-size: 19px
   }
   .p-hojokin #syou .box h3 span {
     padding-bottom: 0.3em;
     border-bottom: 3px solid #fff
   }
   .p-hojokin #syou .box ul {
     width: 80%
   }
   .p-hojokin #syou .box ul li {
     float: left;
     width: 50%;
     margin-bottom: 0.8em;
     font-size: 16.5px
   }
   .p-hojokin #syou .box ul li:nth-child(odd) {
     padding-left: 4.5em
   }
   .p-hojokin #syou .box ul li:nth-child(2n) {
     padding-left: 4.5em
   }
   .p-hojokin #syou .white_wrap {
     padding-top: 6em;
     padding-bottom: 5.5em
   }
   .p-hojokin #syou .white_wrap ul {
     margin-bottom: 5em;
     margin-left: 17%
   }
   .p-hojokin #syou .white_wrap ul li {
     margin-bottom: 0.6em;
     font-size: 2.5vw;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .white_wrap ul li .big {
     font-size: 1.5em
   }
   .p-hojokin #syou .white_wrap ul li .line {
     padding-top: 0.2em;
     padding-bottom: 0.4em;
     padding-right: 0.5em
   }
   .p-hojokin #syou .white_wrap .nayami1 .line {
     font-size: 14px;
     border-bottom: 2px solid #4F7588
   }
   .p-hojokin #syou .white_wrap .nayami1 .line .big {
     font-size: 1.8em
   }
   .p-hojokin #syou .daikin1 .h4 {
     margin-bottom: 1.2em;
     margin-left: 4em;
     padding: 0.4em 0;
     font-size: 19px
   }
   .p-hojokin #syou .daikin2 {
     margin-bottom: 4em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #syou .daikin2 table {
     margin-left: 5.7em
   }
   .p-hojokin #syou .daikin2 table tr td, .p-hojokin #syou .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 17.5px
   }
   .p-hojokin #syou .daikin2 table tr th {
     width: 6em;
     text-align: left
   }
   .p-hojokin #syou .daikin2 table tr .color1 {
     font-size: 1.2em;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .daikin2 table tr .color2 {
     font-size: 1.5em;
     -webkit-transform: translateY(-0.1em);
     transform: translateY(-0.1em)
   }
   .p-hojokin #syou .daikin2 table tr .point {
     margin-left: 0.3em;
     -webkit-transform: translateY(-0.4em);
     transform: translateY(-0.4em)
   }
 }

 @media only screen and (max-width:667px) {
   .p-hojokin {}
   .p-hojokin .inner {
     width: 70%
   }
   .p-hojokin .inner2 {
     width: 88%
   }
   .p-hojokin .break {
     display: block
   }
   .p-hojokin .break2 {
     display: none
   }
   .p-hojokin .pagetitle {
     height: 460px
   }
   .p-hojokin .pagetitle .txt {
     top: 15%;
     left: 0;
     bottom: auto
   }
   .p-hojokin .pagetitle p {
     margin-bottom: 0.4em;
     font-size: 26px;
     line-height: 1.5
   }
   .p-hojokin .pagetitle .line1 {
     margin-bottom: 1.2em
   }
   .p-hojokin .pagetitle p span {
     padding-left: 0.7em;
     padding-right: 0.6em
   }
   .p-hojokin .pagetitle .line1 span {
     padding: 0.3em 0.8em
   }
   .p-hojokin .pagetitle p span.big {
     padding-left: 0.2em;
     font-size: 1.2em
   }
   .p-hojokin .pagetitle p span.small {
     font-size: 0.9em
   }
   .p-hojokin #support {
     margin-bottom: 12em;
     padding-top: 2.5em
   }
   .p-hojokin #support:before {
     width: 30.5%
   }
   .p-hojokin #support h2 {
     margin-bottom: 4em;
     font-size: 18px;
     letter-spacing: 0.09em
   }
   .p-hojokin #support h2 .line1 {
     padding: 0 0.5em;
     padding-bottom: 0.3em;
     border-bottom: 3px solid #fff
   }
   .p-hojokin #support h2 .line2 {
     padding-top: 0.1em;
     font-size: 1.3em
   }
   .p-hojokin #support h2 .color {
     margin-left: 0.4em;
     font-size: 1.2em
   }
   .p-hojokin #support .title1 {
     top: -1em;
     left: -1.65em;
     font-size: 36px
   }
   .p-hojokin #support .catch {
     width: 450px;
     height: 49px;
     margin-bottom: 4.5em;
     -webkit-box-shadow: 0.2em 0.5em 0.4em 0 rgba(0, 0, 0, 0.07);
     box-shadow: 0.2em 0.5em 0.4em 0 rgba(0, 0, 0, 0.07)
   }
   .p-hojokin #support .catch .title {
     top: auto;
     bottom: 29%;
     left: 5%;
     width: 40.4%
   }
   .p-hojokin #support .catch span {
     top: 34%;
     left: 48%;
     font-size: 12px
   }
   .p-hojokin #support .list li {
     font-size: 17px;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .list li+li {
     margin-top: 0.5em
   }
   .p-hojokin #support .catch_wrap {
     height: 260px;
     margin-bottom: 6em
   }
   .p-hojokin #support .catch_wrap p {
     font-size: 24px
   }
   .p-hojokin #support .catch_wrap .line1 {
     margin-top: 1.3em;
     padding-left: 0.2em
   }
   .p-hojokin #support .catch_wrap .line1 .big1 {
     font-size: 1.7em;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .catch_wrap .line2 {
     padding-left: 7.5em;
     white-space: nowrap
   }
   .p-hojokin #support .catch_wrap .line2 .big2 {
     font-size: 1.3em
   }
   .p-hojokin #support .title2 {
     margin-bottom: 3em;
     text-align: center;
     font-size: 24px
   }
   .p-hojokin #support .title2 .block1 {
     margin-bottom: 0.8em;
     margin-right: 0;
     padding: 0 0.25em;
     padding-bottom: 0.1em
   }
   .p-hojokin #support .title2 .big {
     font-size: 1.4em
   }
   .p-hojokin #support .title2 .block2 {
     margin-top: 0.8em;
     margin-left: 0;
     padding: 0 0.25em;
     padding-bottom: 0.1em
   }
   .p-hojokin #support .title2 .color2 {
     margin: 0 0.4em
   }
   .p-hojokin #support .txt {
     margin-left: 0;
     margin-bottom: 3.9em;
     font-size: 16px;
     line-height: 1.7
   }
   .p-hojokin #support .txt .first {
     margin-bottom: 1em
   }
   .p-hojokin #support .txt p+p {
     margin-top: 1.5em
   }
   .p-hojokin #support .txt .color1 {
     font-size: 1.6em
   }
   .p-hojokin #support .txt .color2 {
     font-size: 1.6em
   }
   .p-hojokin #support .contact {
     margin-bottom: 5.5em;
     font-size: 16.5px;
     line-height: 1.7
   }
   .p-hojokin #support .contact p {
     margin-bottom: 1.2em
   }
   .p-hojokin .contact_btn {
     width: 300px
   }
   .p-hojokin #support .time {
     height: 280px;
     padding-top: 6em
   }
   .p-hojokin #support .time p {
     padding-bottom: 0.1em;
     line-height: 1.3;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .time .line1 {
     margin-bottom: 1.2em;
     padding-left: 1em;
     font-size: 34px
   }
   .p-hojokin #support .time .big1 {
     font-size: 1.5em
   }
   .p-hojokin #support .time .line2 {
     padding-right: 1em;
     font-size: 30px
   }
   .p-hojokin #support .time .big2 {
     font-size: 1.4em
   }
   .p-hojokin #saikou {
     margin-bottom: 20em
   }
   .p-hojokin #saikou .bg {
     height: 200px;
     margin-bottom: 4.5em
   }
   .p-hojokin #saikou h2 {
     width: 28.6em;
     padding: 0.8em 0;
     font-size: 19px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #saikou .about {
     margin-bottom: 5em;
     padding-bottom: 2em
   }
   .p-hojokin #saikou .about .inner {
     width: 86%
   }
   .p-hojokin #saikou .about h3 {
     margin-bottom: 0.6em;
     text-align: center;
     font-size: 40px;
     line-height: 1.2;
     letter-spacing: 0.1em
   }
   .p-hojokin #saikou .about p {
     font-size: 13px;
     padding-left: 0em
   }
   .p-hojokin #saikou .tbl_wrap {
     margin-bottom: 5.5em
   }
   .p-hojokin #saikou .tbl_wrap .inner {
     width: 86%
   }
   .p-hojokin #saikou .tbl_wrap table {
     margin-bottom: 1.5em
   }
   .p-hojokin #saikou .tbl_wrap table tr td, .p-hojokin #saikou .tbl_wrap table tr th {
     width: 50%;
     font-size: 15.5px
   }
   .p-hojokin #saikou .tbl_wrap table tr th {
     padding: 0.5em 0;
     padding-left: 2em;
     border-bottom: 2px solid #fff
   }
   .p-hojokin #saikou .tbl_wrap table .top_left {
     border-radius: 0.3em 0 0 0
   }
   .p-hojokin #saikou .tbl_wrap table .top_right {
     border-radius: 0 0.3em 0 0
   }
   .p-hojokin #saikou .tbl_wrap table tr td {
     padding: 0.2em 0;
     padding-left: 2em
   }
   .p-hojokin #saikou .tbl_wrap table tr .first {
     padding-top: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .last {
     padding-bottom: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .last2 {
     padding-top: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .bottom_left {
     border-radius: 0 0 0 0.3em
   }
   .p-hojokin #saikou .tbl_wrap table tr .bottom_right {
     border-radius: 0 0 0.3em 0
   }
   .p-hojokin #saikou .tbl_wrap table tr .small {
     font-size: 0.8em
   }
   .p-hojokin #saikou .tbl_wrap table tr .ritu {
     margin-right: 2em;
     white-space: nowrap
   }
   .p-hojokin #saikou .tbl_wrap table .ritu2 {
     width: 4.4em;
     margin-right: 2.2em
   }
   .p-hojokin #saikou .example {
     margin-bottom: 4.5em;
     padding: 2em 3em;
     border: 3px solid #010101;
     border-radius: 4px
   }
   .p-hojokin #saikou .example .h1 {
     margin-bottom: 1.5em;
     font-size: 20px
   }
   .p-hojokin #saikou .example .h1 span {
     padding: 0 0.5em;
     padding-bottom: 0.2em;
     border-bottom: 3px solid #357DA3
   }
   .p-hojokin #saikou .example .txt {
     margin-bottom: 1.5em;
     font-size: 13px;
     white-space: normal
   }
   .p-hojokin #saikou .example .h2 {
     margin-bottom: 1.3em;
     font-size: 14px
   }
   .p-hojokin #saikou .example ul li {
     margin-left: 1.3em;
     text-indent: -1.3em;
     font-size: 13px;
     line-height: 1.8;
     white-space: normal
   }
   .p-hojokin #saikou .h3 {
     width: 34.3em;
     margin-bottom: 4.5em;
     font-size: 15px;
     white-space: nowrap
   }
   .p-hojokin #saikou .list2 {
     width: 34.3em;
     margin-bottom: 3em;
     padding: 1.1em 0;
     padding-left: 4em;
     font-size: 14.5px;
     white-space: nowrap
   }
   .p-hojokin #saikou .list2 li+li {
     margin-top: 0.8em
   }
   .p-hojokin #saikou .nayami1 {
     margin-bottom: 5em
   }
   .p-hojokin #saikou .nayami1 .line {
     font-size: 14.5px;
     border-bottom: 2px solid #4F7588
   }
   .p-hojokin #saikou .nayami1 .line .big {
     font-size: 1.8em
   }
   .p-hojokin #saikou .daikin1 .h4 {
     margin-bottom: 1.2em;
     margin-left: 4em;
     padding: 0.4em 0;
     font-size: 19px
   }
   .p-hojokin #saikou .daikin2 {
     margin-bottom: 4.5em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #saikou .daikin2 table {
     margin-left: 5.7em
   }
   .p-hojokin #saikou .daikin2 table tr td, .p-hojokin #saikou .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 17px
   }
   .p-hojokin #saikou .daikin2 table tr th {
     width: 6em
   }
   .p-hojokin #saikou .daikin2 table tr .color1 {
     font-size: 1.2em;
     letter-spacing: 0.1em
   }
   .p-hojokin #saikou .daikin2 table tr .color2 {
     margin-left: 0.3em;
     font-size: 1.5em;
     -webkit-transform: translateY(-0.1em);
     transform: translateY(-0.1em)
   }
   .p-hojokin #saikou .daikin2 table tr .point {
     -webkit-transform: translateY(-0.4em);
     transform: translateY(-0.4em)
   }
   .p-hojokin #mono .bg {
     height: 200px;
     margin-bottom: 5em
   }
   .p-hojokin #mono h2 {
     width: 28.6em;
     padding: 0.8em 0;
     font-size: 19px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #mono .about {
     margin-bottom: 5.5em;
     padding-bottom: 1.5em
   }
   .p-hojokin #mono .about h3 {
     margin-bottom: 0.6em;
     text-align: center;
     font-size: 38px;
     line-height: 1.2;
     letter-spacing: 0.1em
   }
   .p-hojokin #mono .about .txt {
     margin-bottom: 2em;
     margin-left: 0;
     font-size: 13px;
     padding-left: 0
   }
   .p-hojokin #mono .about .kome {
     margin-left: 0;
     font-size: 13px
   }
   .p-hojokin #mono .box_wrap {
     width: 88%;
     margin-bottom: 7em;
     padding: 2em 0;
     padding-left: 4em;
     border: 3px solid #837E7B;
     border-radius: 4px
   }
   .p-hojokin #mono .box_wrap h3 {
     margin-bottom: 1.2em;
     font-size: 19px
   }
   .p-hojokin #mono .box_wrap h3 span {
     padding-bottom: 0.2em;
     border-bottom: 3px solid #837E7B
   }
   .p-hojokin #mono .box_wrap .box {
     float: left;
     margin-bottom: 2em
   }
   .p-hojokin #mono .box_wrap .box:nth-child(odd) {
     width: 100%
   }
   .p-hojokin #mono .box_wrap .box:nth-child(2n) {
     width: 100%
   }
   .p-hojokin #mono .box_wrap .box:first-child {
     height: auto
   }
   .p-hojokin #mono .box_wrap .box:nth-child(2) {
     height: auto
   }
   .p-hojokin #mono .box_wrap .box:nth-child(7) {
     margin-bottom: 2em
   }
   .p-hojokin #mono .box_wrap .box h4 {
     margin-bottom: 0.3em;
     font-size: 14.5px
   }
   .p-hojokin #mono .box_wrap .box ul li {
     margin-bottom: 0.3em;
     margin-left: 1em;
     text-indent: -1em;
     font-size: 12px
   }
   .p-hojokin #mono .box_wrap .box p {
     font-size: 12px;
     white-space: normal
   }
   .p-hojokin #mono .merit {
     padding-bottom: 1.7em
   }
   .p-hojokin #mono .merit h3 {
     padding-left: 1vw;
     font-size: 10vw;
     letter-spacing: 0.1em;
     white-space: nowrap
   }
   .p-hojokin #mono .merit h3 span {
     top: -4.7vw;
     left: 47%;
     width: 1em;
     font-size: 6vw;
     line-height: 1.5
   }
   .p-hojokin #mono .merit p {
     margin-top: 2.5em;
     font-size: 22px;
     letter-spacing: 0.12em
   }
   .p-hojokin #mono .merit p span {
     font-size: 1.8em
   }
   .p-hojokin #mono .white_wrap {
     padding: 6.5em 0
   }
   .p-hojokin #mono .white_wrap p {
     font-size: 16px
   }
   .p-hojokin #mono .white_wrap .big {
     font-size: 1.5em
   }
   .p-hojokin #mono .white_wrap .line {
     padding-top: 0.6em;
     padding-bottom: 0.2em;
     border-bottom: 2px solid #427797
   }
   .p-hojokin #mono .white {
     margin-bottom: 19em
   }
   .p-hojokin #mono .daikin1 .h4 {
     margin-bottom: 1.3em;
     margin-left: 4em;
     padding: 0.4em 0;
     font-size: 19.5px
   }
   .p-hojokin #mono .daikin2 {
     margin-bottom: 4em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #mono .daikin2 table {
     margin-left: 5.7em
   }
   .p-hojokin #mono .daikin2 table tr td, .p-hojokin #mono .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 19.5px
   }
   .p-hojokin #mono .daikin2 table tr th {
     width: 6em
   }
   .p-hojokin #mono .daikin2 table tr .color1 {
     font-size: 1.2em;
     letter-spacing: 0.1em
   }
   .p-hojokin #mono .daikin2 table tr .color2 {
     margin-left: 0.3em;
     font-size: 1.5em;
     -webkit-transform: translateY(-0.1em);
     transform: translateY(-0.1em)
   }
   .p-hojokin #mono .daikin2 table tr .point {
     -webkit-transform: translateY(-0.4em);
     transform: translateY(-0.4em)
   }
   .p-hojokin #syou {
     margin-bottom: 20em
   }
   .p-hojokin #syou .bg {
     height: 200px;
     margin-bottom: 5em
   }
   .p-hojokin #syou h2 {
     width: 28.6em;
     padding: 0.8em 0;
     font-size: 17.5px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #syou .about {
     margin-bottom: 5em;
     padding-top: 0.8em;
     padding-bottom: 1.5em
   }
   .p-hojokin #syou .about h3 {
     margin-bottom: 0.7em;
     font-size: 37.5px;
     line-height: 1.2;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .about .txt {
     margin-bottom: 1em;
     font-size: 13px;
     padding-left: 0
   }
   .p-hojokin #syou .about .kome {
     margin-left: 0;
     font-size: 15.5px
   }
   .p-hojokin #syou .wrap {
     padding: 2em 0
   }
   .p-hojokin #syou .wrap1 {
     margin-bottom: 3.5em
   }
   .p-hojokin #syou .wrap2 {
     margin-bottom: 5em
   }
   .p-hojokin #syou .wrap h3 {
     margin-bottom: 0.9em;
     font-size: 20px
   }
   .p-hojokin #syou .wrap table tr td, .p-hojokin #syou .wrap table tr th {
     padding: 0.4em 0;
     font-size: 16px
   }
   .p-hojokin #syou .wrap table tr th {
     width: 13em
   }
   .p-hojokin #syou .box {
     margin-bottom: 4.5em;
     padding: 2.5em 0;
     border: 3px solid #fff;
     border-radius: 4px
   }
   .p-hojokin #syou .box h3 {
     margin-bottom: 1.5em;
     font-size: 19px
   }
   .p-hojokin #syou .box h3 span {
     padding-bottom: 0.3em;
     border-bottom: 3px solid #fff
   }
   .p-hojokin #syou .box ul {
     width: 80%
   }
   .p-hojokin #syou .box ul li {
     float: left;
     width: 50%;
     margin-bottom: 0.8em;
     font-size: 16.5px
   }
   .p-hojokin #syou .box ul li:nth-child(odd) {
     padding-left: 4.5em
   }
   .p-hojokin #syou .box ul li:nth-child(2n) {
     padding-left: 4.5em
   }
   .p-hojokin #syou .white_wrap {
     padding-top: 6em;
     padding-bottom: 5.5em
   }
   .p-hojokin #syou .white_wrap ul {
     margin-bottom: 5em;
     margin-left: 17%
   }
   .p-hojokin #syou .white_wrap ul li {
     margin-bottom: 0.6em;
     font-size: 2.5vw;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .white_wrap ul li .big {
     font-size: 1.5em
   }
   .p-hojokin #syou .white_wrap ul li .line {
     padding-top: 0.2em;
     padding-bottom: 0.4em;
     padding-right: 0.5em
   }
   .p-hojokin #syou .white_wrap .nayami1 .line {
     font-size: 14px;
     border-bottom: 2px solid #4F7588
   }
   .p-hojokin #syou .white_wrap .nayami1 .line .big {
     font-size: 1.8em
   }
   .p-hojokin #syou .daikin1 .h4 {
     margin-bottom: 1.2em;
     margin-left: 4em;
     padding: 0.4em 0;
     font-size: 19px
   }
   .p-hojokin #syou .daikin2 {
     margin-bottom: 4em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #syou .daikin2 table {
     margin-left: 5.7em
   }
   .p-hojokin #syou .daikin2 table tr td, .p-hojokin #syou .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 17.5px
   }
   .p-hojokin #syou .daikin2 table tr th {
     width: 6em;
     text-align: left
   }
   .p-hojokin #syou .daikin2 table tr .color1 {
     font-size: 1.2em;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .daikin2 table tr .color2 {
     font-size: 1.5em;
     -webkit-transform: translateY(-0.1em);
     transform: translateY(-0.1em)
   }
   .p-hojokin #syou .daikin2 table tr .point {
     margin-left: 0.3em;
     -webkit-transform: translateY(-0.4em);
     transform: translateY(-0.4em)
   }
 }

 @media only screen and (max-width:568px) {
   .p-hojokin {}
   .p-hojokin .inner {
     width: 70%
   }
   .p-hojokin .inner2 {
     width: 88%
   }
   .p-hojokin .pagetitle {
     height: 400px
   }
   .p-hojokin .pagetitle .txt {
     top: 15%;
     left: 0;
     bottom: auto
   }
   .p-hojokin .pagetitle p {
     margin-bottom: 0.4em;
     font-size: 22px;
     line-height: 1.5
   }
   .p-hojokin .pagetitle .line1 {
     margin-bottom: 1.2em
   }
   .p-hojokin .pagetitle p span {
     padding-left: 0.7em;
     padding-right: 0.6em
   }
   .p-hojokin .pagetitle .line1 span {
     padding: 0.3em 0.8em
   }
   .p-hojokin .pagetitle p span.big {
     padding-left: 0.2em;
     font-size: 1.2em
   }
   .p-hojokin .pagetitle p span.small {
     font-size: 0.9em
   }
   .p-hojokin #support {
     margin-bottom: 12em;
     padding-top: 2.5em
   }
   .p-hojokin #support:before {
     width: 30.5%
   }
   .p-hojokin #support h2 {
     margin-bottom: 4em;
     font-size: 16px;
     letter-spacing: 0.09em
   }
   .p-hojokin #support h2 .line1 {
     padding: 0 0.5em;
     padding-bottom: 0.3em;
     border-bottom: 3px solid #fff
   }
   .p-hojokin #support h2 .line2 {
     padding-top: 0.1em;
     font-size: 1.3em
   }
   .p-hojokin #support h2 .color {
     margin-left: 0.4em;
     font-size: 1.2em
   }
   .p-hojokin #support .title1 {
     top: -1.1em;
     left: -1.65em;
     font-size: 32px
   }
   .p-hojokin #support .catch {
     width: 400px;
     height: 44px;
     margin-bottom: 4em;
     -webkit-box-shadow: 0.2em 0.5em 0.4em 0 rgba(0, 0, 0, 0.07);
     box-shadow: 0.2em 0.5em 0.4em 0 rgba(0, 0, 0, 0.07)
   }
   .p-hojokin #support .catch .title {
     bottom: 29%;
     left: 4%;
     width: 54%
   }
   .p-hojokin #support .catch span {
     top: 34%;
     left: 60%;
     font-size: 11px
   }
   .p-hojokin #support .list li {
     font-size: 16px;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .list li+li {
     margin-top: 0.5em
   }
   .p-hojokin #support .catch_wrap {
     height: 220px;
     margin-bottom: 6em
   }
   .p-hojokin #support .catch_wrap p {
     font-size: 21px
   }
   .p-hojokin #support .catch_wrap .line1 {
     margin-top: 1.3em;
     padding-left: 0.2em
   }
   .p-hojokin #support .catch_wrap .line1 .big1 {
     font-size: 1.7em;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .catch_wrap .line2 {
     padding-left: 7.5em;
     white-space: nowrap
   }
   .p-hojokin #support .catch_wrap .line2 .big2 {
     font-size: 1.3em
   }
   .p-hojokin #support .title2 {
     margin-bottom: 3em;
     text-align: center;
     font-size: 20px
   }
   .p-hojokin #support .title2 .block1 {
     margin-bottom: 0.8em;
     margin-right: 0;
     padding: 0 0.25em;
     padding-bottom: 0.1em
   }
   .p-hojokin #support .title2 .big {
     font-size: 1.4em
   }
   .p-hojokin #support .title2 .block2 {
     margin-top: 0.8em;
     margin-left: 0;
     padding: 0 0.25em;
     padding-bottom: 0.1em
   }
   .p-hojokin #support .title2 .color2 {
     margin: 0 0.4em
   }
   .p-hojokin #support .txt {
     margin-bottom: 3.9em;
     font-size: 14px;
     line-height: 1.7
   }
   .p-hojokin #support .txt .first {
     margin-bottom: 1em
   }
   .p-hojokin #support .txt p+p {
     margin-top: 1.5em
   }
   .p-hojokin #support .txt .color1 {
     font-size: 1.6em
   }
   .p-hojokin #support .txt .color2 {
     font-size: 1.6em
   }
   .p-hojokin #support .contact {
     margin-bottom: 5.5em;
     font-size: 15px;
     line-height: 1.7
   }
   .p-hojokin #support .contact p {
     margin-bottom: 1.2em
   }
   .p-hojokin .contact_btn {
     width: 260px
   }
   .p-hojokin #support .time {
     height: 240px;
     padding-top: 5em
   }
   .p-hojokin #support .time p {
     padding-bottom: 0.1em;
     line-height: 1.3;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .time .line1 {
     margin-bottom: 1.2em;
     padding-left: 1em;
     font-size: 30px
   }
   .p-hojokin #support .time .big1 {
     font-size: 1.5em
   }
   .p-hojokin #support .time .line2 {
     padding-right: 1em;
     font-size: 26px
   }
   .p-hojokin #support .time .big2 {
     font-size: 1.4em
   }
   .p-hojokin #saikou {
     margin-bottom: 20em
   }
   .p-hojokin #saikou .bg {
     height: 180px;
     margin-bottom: 4.5em
   }
   .p-hojokin #saikou h2 {
     width: 80%;
     padding: 0.8em 0;
     font-size: 18px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #saikou .about {
     margin-bottom: 5em;
     padding-bottom: 2em
   }
   .p-hojokin #saikou .about .inner {
     width: 86%
   }
   .p-hojokin #saikou .about h3 {
     margin-bottom: 0.6em;
     font-size: 36px;
     line-height: 1.2;
     letter-spacing: 0.1em
   }
   .p-hojokin #saikou .about p {
     font-size: 13px;
     padding-left: 0em
   }
   .p-hojokin #saikou .tbl_wrap {
     margin-bottom: 5.5em
   }
   .p-hojokin #saikou .tbl_wrap .inner {
     width: 86%
   }
   .p-hojokin #saikou .tbl_wrap table {
     margin-bottom: 1.5em
   }
   .p-hojokin #saikou .tbl_wrap table tr td, .p-hojokin #saikou .tbl_wrap table tr th {
     width: 50%;
     font-size: 14.5px
   }
   .p-hojokin #saikou .tbl_wrap table tr th {
     padding: 0.5em 0;
     padding-left: 2em;
     border-bottom: 2px solid #fff
   }
   .p-hojokin #saikou .tbl_wrap table tr td {
     padding: 0.2em 0;
     padding-left: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .first {
     padding-top: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .last {
     padding-bottom: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .last2 {
     padding-top: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .bottom_left {
     border-radius: 0 0 0 0.3em
   }
   .p-hojokin #saikou .tbl_wrap table tr .bottom_right {
     border-radius: 0 0 0.3em 0
   }
   .p-hojokin #saikou .tbl_wrap table tr .small {
     font-size: 0.8em
   }
   .p-hojokin #saikou .tbl_wrap table tr .ritu {
     margin-right: 2em;
     white-space: nowrap
   }
   .p-hojokin #saikou .tbl_wrap table .ritu2 {
     width: 4.4em;
     margin-right: 2.2em
   }
   .p-hojokin #saikou .example {
     margin-bottom: 4.5em;
     padding: 2em 2em;
     border: 3px solid #010101;
     border-radius: 4px
   }
   .p-hojokin #saikou .example .h1 {
     margin-bottom: 1.5em;
     font-size: 18px
   }
   .p-hojokin #saikou .example .h1 span {
     padding: 0 0.5em;
     padding-bottom: 0.2em;
     border-bottom: 3px solid #357DA3
   }
   .p-hojokin #saikou .example .txt {
     margin-bottom: 1.5em;
     font-size: 13px
   }
   .p-hojokin #saikou .example .h2 {
     margin-bottom: 1.3em;
     font-size: 14px
   }
   .p-hojokin #saikou .example ul li {
     font-size: 13px;
     line-height: 1.8
   }
   .p-hojokin #saikou .h3 {
     width: 34.3em;
     margin-bottom: 4.5em;
     font-size: 13.5px;
     white-space: nowrap
   }
   .p-hojokin #saikou .list2 {
     width: 34.3em;
     margin-bottom: 3em;
     padding: 1.1em 0;
     padding-left: 4em;
     font-size: 13.5px;
     white-space: nowrap
   }
   .p-hojokin #saikou .list2 li+li {
     margin-top: 0.8em
   }
   .p-hojokin #saikou .nayami1 {
     margin-bottom: 5em
   }
   .p-hojokin #saikou .nayami1 .line {
     font-size: 13px;
     border-bottom: 2px solid #4F7588
   }
   .p-hojokin #saikou .nayami1 .line .big {
     font-size: 1.8em
   }
   .p-hojokin #saikou .daikin1 .h4 {
     margin-bottom: 1.2em;
     margin-left: 4em;
     padding: 0.4em 0;
     font-size: 17px
   }
   .p-hojokin #saikou .daikin2 {
     margin-bottom: 4.5em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #saikou .daikin2 table {
     margin-left: 5.7em
   }
   .p-hojokin #saikou .daikin2 table tr td, .p-hojokin #saikou .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 15px
   }
   .p-hojokin #saikou .daikin2 table tr th {
     width: 6em
   }
   .p-hojokin #saikou .daikin2 table tr .color1 {
     font-size: 1.2em;
     letter-spacing: 0.1em
   }
   .p-hojokin #saikou .daikin2 table tr .color2 {
     margin-left: 0.3em;
     font-size: 1.5em;
     -webkit-transform: translateY(-0.1em);
     transform: translateY(-0.1em)
   }
   .p-hojokin #saikou .daikin2 table tr .point {
     -webkit-transform: translateY(-0.4em);
     transform: translateY(-0.4em)
   }
   .p-hojokin #mono .bg {
     height: 180px;
     margin-bottom: 5em
   }
   .p-hojokin #mono h2 {
     width: 80%;
     padding: 0.8em 0;
     font-size: 18px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #mono .about {
     margin-bottom: 5.5em;
     padding-bottom: 1.5em
   }
   .p-hojokin #mono .about h3 {
     margin-bottom: 0.6em;
     font-size: 36px;
     line-height: 1.2;
     letter-spacing: 0.1em
   }
   .p-hojokin #mono .about .txt {
     margin-bottom: 1.5em;
     font-size: 13px
   }
   .p-hojokin #mono .about .kome {
     font-size: 13px
   }
   .p-hojokin #mono .box_wrap {
     width: 88%;
     margin-bottom: 7em;
     padding: 2em 0;
     padding-left: 3em;
     border: 3px solid #837E7B;
     border-radius: 4px
   }
   .p-hojokin #mono .box_wrap h3 {
     margin-bottom: 1.2em;
     font-size: 18px
   }
   .p-hojokin #mono .box_wrap h3 span {
     padding-bottom: 0.2em;
     border-bottom: 3px solid #837E7B
   }
   .p-hojokin #mono .box_wrap .box {
     float: none;
     margin-bottom: 2em
   }
   .p-hojokin #mono .box_wrap .box:nth-child(7) {
     margin-bottom: 2em
   }
   .p-hojokin #mono .box_wrap .box h4 {
     margin-bottom: 0.3em;
     font-size: 14.5px
   }
   .p-hojokin #mono .box_wrap .box ul li {
     margin-bottom: 0.3em;
     font-size: 12px
   }
   .p-hojokin #mono .box_wrap .box p {
     font-size: 12px
   }
   .p-hojokin #mono .merit {
     padding-bottom: 1.7em
   }
   .p-hojokin #mono .merit h3 {
     padding-left: 1vw;
     font-size: 10vw;
     letter-spacing: 0.1em;
     white-space: nowrap
   }
   .p-hojokin #mono .merit h3 span {
     top: -4.7vw;
     left: 47%;
     width: 1em;
     font-size: 6vw;
     line-height: 1.5
   }
   .p-hojokin #mono .merit p {
     margin-top: 2.5em;
     font-size: 20px;
     letter-spacing: 0.12em
   }
   .p-hojokin #mono .merit p span {
     font-size: 1.8em
   }
   .p-hojokin #mono .white_wrap {
     padding: 6.5em 0
   }
   .p-hojokin #mono .white_wrap p {
     font-size: 15px
   }
   .p-hojokin #mono .white_wrap .big {
     font-size: 1.5em
   }
   .p-hojokin #mono .white_wrap .line {
     padding-top: 0.6em;
     padding-bottom: 0.2em;
     border-bottom: 2px solid #427797
   }
   .p-hojokin #mono .white {
     margin-bottom: 19em
   }
   .p-hojokin #mono .daikin1 .h4 {
     margin-bottom: 1.3em;
     margin-left: 4em;
     padding: 0.4em 0;
     font-size: 19px
   }
   .p-hojokin #mono .daikin2 {
     margin-bottom: 4em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #mono .daikin2 table {
     margin-left: 5.7em
   }
   .p-hojokin #mono .daikin2 table tr td, .p-hojokin #mono .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 19px
   }
   .p-hojokin #mono .daikin2 table tr th {
     width: 6em
   }
   .p-hojokin #mono .daikin2 table tr .color1 {
     font-size: 1.2em;
     letter-spacing: 0.1em
   }
   .p-hojokin #mono .daikin2 table tr .color2 {
     margin-left: 0.3em;
     font-size: 1.5em;
     -webkit-transform: translateY(-0.1em);
     transform: translateY(-0.1em)
   }
   .p-hojokin #mono .daikin2 table tr .point {
     -webkit-transform: translateY(-0.4em);
     transform: translateY(-0.4em)
   }
   .p-hojokin #syou {
     margin-bottom: 15em
   }
   .p-hojokin #syou .bg {
     height: 180px;
     margin-bottom: 5em
   }
   .p-hojokin #syou h2 {
     width: 80%;
     padding: 0.8em 0;
     font-size: 18px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #syou .about {
     margin-bottom: 5em;
     padding-top: 0.8em;
     padding-bottom: 1.5em
   }
   .p-hojokin #syou .about h3 {
     margin-bottom: 0.7em;
     font-size: 32px;
     line-height: 1.2;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .about .txt {
     margin-bottom: 1em;
     font-size: 13px
   }
   .p-hojokin #syou .about .kome {
     font-size: 15px
   }
   .p-hojokin #syou .wrap {
     padding: 2em 0
   }
   .p-hojokin #syou .wrap1 {
     margin-bottom: 3.5em
   }
   .p-hojokin #syou .wrap2 {
     margin-bottom: 5em
   }
   .p-hojokin #syou .wrap h3 {
     margin-bottom: 0.9em;
     font-size: 18px
   }
   .p-hojokin #syou .wrap table tr td, .p-hojokin #syou .wrap table tr th {
     padding: 0.4em 0;
     font-size: 15px
   }
   .p-hojokin #syou .wrap table tr th {
     width: 12em
   }
   .p-hojokin #syou .box {
     margin-bottom: 4.5em;
     padding: 2.5em 0;
     border: 3px solid #fff;
     border-radius: 4px
   }
   .p-hojokin #syou .box h3 {
     margin-bottom: 1.5em;
     font-size: 18px
   }
   .p-hojokin #syou .box h3 span {
     padding-bottom: 0.3em;
     border-bottom: 3px solid #fff
   }
   .p-hojokin #syou .box ul {
     width: 80%
   }
   .p-hojokin #syou .box ul li {
     float: left;
     width: 50%;
     margin-bottom: 0.8em;
     font-size: 15px
   }
   .p-hojokin #syou .box ul li:nth-child(odd) {
     padding-left: 3em
   }
   .p-hojokin #syou .box ul li:nth-child(2n) {
     padding-left: 3em
   }
   .p-hojokin #syou .white_wrap {
     padding-top: 6em;
     padding-bottom: 5.5em
   }
   .p-hojokin #syou .white_wrap ul {
     margin-bottom: 5em;
     margin-left: 17%
   }
   .p-hojokin #syou .white_wrap ul li {
     margin-bottom: 0.6em;
     font-size: 2.5vw;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .white_wrap ul li .big {
     font-size: 1.5em
   }
   .p-hojokin #syou .white_wrap ul li .line {
     padding-top: 0.2em;
     padding-bottom: 0.4em;
     padding-right: 0.5em
   }
   .p-hojokin #syou .white_wrap .nayami1 .line {
     font-size: 13px;
     border-bottom: 2px solid #4F7588
   }
   .p-hojokin #syou .white_wrap .nayami1 .line .big {
     font-size: 1.8em
   }
   .p-hojokin #syou .daikin1 .h4 {
     margin-bottom: 1.2em;
     margin-left: 2em;
     padding: 0.4em 0;
     font-size: 18px
   }
   .p-hojokin #syou .daikin2 {
     margin-bottom: 4em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #syou .daikin2 table {
     margin-left: 2.7em
   }
   .p-hojokin #syou .daikin2 table tr td, .p-hojokin #syou .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 16px
   }
   .p-hojokin #syou .daikin2 table tr th {
     width: 6em;
     text-align: left
   }
   .p-hojokin #syou .daikin2 table tr .color1 {
     font-size: 1.2em;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .daikin2 table tr .color2 {
     font-size: 1.5em;
     -webkit-transform: translateY(-0.1em);
     transform: translateY(-0.1em)
   }
   .p-hojokin #syou .daikin2 table tr .point {
     margin-left: 0.3em;
     -webkit-transform: translateY(-0.4em);
     transform: translateY(-0.4em)
   }
 }

 @media only screen and (max-width:480px) {
   .p-hojokin {}
   .p-hojokin .inner {
     width: 70%
   }
   .p-hojokin .inner2 {
     width: 90%
   }
   .p-hojokin .break_sp {
     display: block
   }
   .p-hojokin .pagetitle {
     height: 400px;
     background-image: url("../img/hojokin/hojo_main_sp.jpg")
   }
   .p-hojokin .pagetitle .txt {
     top: 15%
   }
   .p-hojokin .pagetitle p {
     margin-bottom: 0.4em;
     font-size: 22px;
     line-height: 1.5
   }
   .p-hojokin .pagetitle .line1 {
     margin-bottom: 1.2em
   }
   .p-hojokin .pagetitle p span {
     padding-left: 0.7em;
     padding-right: 0.6em
   }
   .p-hojokin .pagetitle .line1 span {
     padding: 0.3em 0.8em
   }
   .p-hojokin .pagetitle p span.big {
     padding-left: 0.2em;
     font-size: 1.2em
   }
   .p-hojokin .pagetitle p span.small {
     font-size: 0.9em
   }
   .p-hojokin #support {
     margin-bottom: 11em;
     padding-top: 2.5em;
     background-image: url("../img/hojokin/bg_under_s.jpg")
   }
   .p-hojokin #support:before {
     width: 30.5%
   }
   .p-hojokin #support h2 {
     margin-bottom: 5em;
     font-size: 16px;
     letter-spacing: 0.09em
   }
   .p-hojokin #support h2 .line1 {
     padding: 0 0.5em;
     padding-bottom: 0.3em;
     border-bottom: 3px solid #fff
   }
   .p-hojokin #support h2 .line2 {
     padding-top: 0.1em;
     font-size: 1.3em
   }
   .p-hojokin #support h2 .color {
     margin-left: 0.4em;
     font-size: 1.2em
   }
   .p-hojokin #support .title1 {
     top: -1em;
     left: -1.8em;
     font-size: 30px
   }
   .p-hojokin #support .catch {
     width: 380px;
     height: 42px;
     margin-bottom: 3.5em;
     -webkit-box-shadow: 0.2em 0.5em 0.4em 0 rgba(0, 0, 0, 0.07);
     box-shadow: 0.2em 0.5em 0.4em 0 rgba(0, 0, 0, 0.07)
   }
   .p-hojokin #support .catch .title {
     bottom: 29%;
     left: 5%;
     width: 40.4%
   }
   .p-hojokin #support .catch span {
     top: 34%;
     left: 48%;
     font-size: 10px
   }
   .p-hojokin #support .list {
     margin-bottom: 2em
   }
   .p-hojokin #support .list li {
     font-size: 16px;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .list li+li {
     margin-top: 1em
   }
   .p-hojokin #support .catch_wrap {
     height: 180px;
     margin-bottom: 6em
   }
   .p-hojokin #support .catch_wrap p {
     font-size: 20px
   }
   .p-hojokin #support .catch_wrap .line1 {
     margin-top: 1.3em;
     margin-bottom: 0.5em;
     padding-left: 0
   }
   .p-hojokin #support .catch_wrap .line1 .big1 {
     font-size: 1.7em;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .catch_wrap .line2 {
     padding-left: 4.5em;
     white-space: nowrap
   }
   .p-hojokin #support .catch_wrap .line2 .big2 {
     font-size: 1.3em
   }
   .p-hojokin #support .title2 {
     margin-bottom: 3em;
     font-size: 19px
   }
   .p-hojokin #support .title2 .block1 {
     margin-bottom: 0.8em;
     padding: 0 0.25em;
     padding-bottom: 0.1em
   }
   .p-hojokin #support .title2 .big {
     font-size: 1.4em
   }
   .p-hojokin #support .title2 .block2 {
     margin-top: 0.8em;
     margin-left: 0;
     padding: 0 0.25em;
     padding-bottom: 0.1em
   }
   .p-hojokin #support .title2 .color2 {
     margin: 0 0.4em
   }
   .p-hojokin #support .txt {
     margin-bottom: 3.9em;
     font-size: 13.5px;
     line-height: 1.7;
     white-space: nowrap;
     -webkit-transform: translateX(-1em);
     transform: translateX(-1em)
   }
   .p-hojokin #support .txt .first {
     margin-bottom: 1em
   }
   .p-hojokin #support .txt p+p {
     margin-top: 1.5em
   }
   .p-hojokin #support .txt .color1 {
     font-size: 1.6em
   }
   .p-hojokin #support .txt .color2 {
     font-size: 1.6em
   }
   .p-hojokin #support .contact {
     margin-bottom: 6em;
     font-size: 13.5px;
     line-height: 1.7
   }
   .p-hojokin #support .contact p {
     margin-bottom: 1.2em
   }
   .p-hojokin .contact_btn {
     width: 240px
   }
   .p-hojokin #support .time {
     height: 220px;
     padding-top: 5em;
     background-image: url("../img/hojokin/01_sp.jpg")
   }
   .p-hojokin #support .time p {
     padding-bottom: 0.1em;
     line-height: 1.3;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .time .line1 {
     margin-bottom: 1.2em;
     padding-left: 0.8em;
     font-size: 26px
   }
   .p-hojokin #support .time .big1 {
     font-size: 1.5em
   }
   .p-hojokin #support .time .line2 {
     padding-right: 0.8em;
     font-size: 22px
   }
   .p-hojokin #support .time .big2 {
     font-size: 1.4em
   }
   .p-hojokin #saikou {
     margin-bottom: 15em
   }
   .p-hojokin #saikou .bg {
     height: 160px;
     margin-bottom: 4em;
     background-image: url("../img/hojokin/bg1_sp.jpg")
   }
   .p-hojokin #saikou h2 {
     width: 90%;
     padding: 0.6em 0;
     font-size: 19px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #saikou .about {
     margin-bottom: 4.5em;
     padding-bottom: 1.5em
   }
   .p-hojokin #saikou .about .inner {
     width: 90%
   }
   .p-hojokin #saikou .about h3 {
     margin-bottom: 0.5em;
     font-size: 34px;
     line-height: 1.2;
     letter-spacing: 0.1em
   }
   .p-hojokin #saikou .about p {
     font-size: 13px
   }
   .p-hojokin #saikou .tbl_wrap {
     margin-bottom: 5em
   }
   .p-hojokin #saikou .tbl_wrap .inner {
     width: 90%
   }
   .p-hojokin #saikou .tbl_wrap table {
     margin-bottom: 1.2em
   }
   .p-hojokin #saikou .tbl_wrap table tr td, .p-hojokin #saikou .tbl_wrap table tr th {
     width: 50%;
     font-size: 13.5px;
     letter-spacing: 0.06em;
     white-space: nowrap
   }
   .p-hojokin #saikou .tbl_wrap table tr th {
     padding: 0.5em 0;
     padding-left: 2em;
     border-bottom: 2px solid #fff
   }
   .p-hojokin #saikou .tbl_wrap table tr td {
     padding: 0.2em 0;
     padding-left: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .first {
     padding-top: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .last {
     padding-bottom: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .last2 {
     padding-top: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .small {
     font-size: 0.8em
   }
   .p-hojokin #saikou .tbl_wrap table tr .ritu {
     margin-right: 2em;
     white-space: nowrap
   }
   .p-hojokin #saikou .tbl_wrap table .ritu2 {
     width: 4.4em;
     margin-right: 2.2em
   }
   .p-hojokin #saikou .example {
     margin-bottom: 4em;
     padding: 2em 2em;
     border: 2px solid #010101;
     border-radius: 4px
   }
   .p-hojokin #saikou .example .h1 {
     margin-bottom: 1.5em;
     font-size: 17px
   }
   .p-hojokin #saikou .example .h1 span {
     padding: 0 0.5em;
     padding-bottom: 0.2em;
     border-bottom: 2px solid #357DA3
   }
   .p-hojokin #saikou .example .txt {
     margin-bottom: 1.5em;
     font-size: 13px
   }
   .p-hojokin #saikou .example .h2 {
     margin-bottom: 1.3em;
     font-size: 14px
   }
   .p-hojokin #saikou .example ul li {
     font-size: 13px;
     line-height: 1.8
   }
   .p-hojokin #saikou .h3 {
     width: auto;
     margin-bottom: 4em;
     text-align: center;
     font-size: 13px;
     white-space: nowrap
   }
   .p-hojokin #saikou .list2 {
     width: 100%;
     margin-bottom: 3em;
     padding: 1.1em 0;
     padding-left: 3em;
     font-size: 13.5px;
     white-space: nowrap
   }
   .p-hojokin #saikou .list2 li+li {
     margin-top: 0.8em
   }
   .p-hojokin #saikou .nayami1 {
     margin-bottom: 5em
   }
   .p-hojokin #saikou .nayami1 .line {
     font-size: 13.5px;
     border-bottom: 2px solid #4F7588
   }
   .p-hojokin #saikou .nayami1 .line .big {
     font-size: 1.8em
   }
   .p-hojokin #saikou .daikin1 .h4 {
     margin-bottom: 1.2em;
     margin-left: 4em;
     padding: 0.4em 0;
     font-size: 16px
   }
   .p-hojokin #saikou .daikin2 {
     margin-bottom: 3.5em;
     padding-top: 0.5em;
     padding-bottom: 0.5em;
     padding-bottom: 1.8em
   }
   .p-hojokin #saikou .daikin2 table {
     margin-left: 5em
   }
   .p-hojokin #saikou .daikin2 table tr td, .p-hojokin #saikou .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 15px
   }
   .p-hojokin #saikou .daikin2 table tr th {
     width: 6em
   }
   .p-hojokin .daikin2 .housyuu {
     position: relative
   }
   .p-hojokin .daikin2 td .fill {
     position: absolute;
     left: -0.5em;
     bottom: -2em
   }
   .p-hojokin #mono .bg {
     height: 160px;
     margin-bottom: 4.5em;
     background-image: url("../img/hojokin/bg2_sp.jpg")
   }
   .p-hojokin #mono h2 {
     width: 90%;
     padding: 0.6em 0;
     font-size: 19px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #mono .about {
     margin-bottom: 4.5em;
     padding-bottom: 1.3em
   }
   .p-hojokin #mono .about h3 {
     margin-bottom: 0.5em;
     font-size: 32px;
     line-height: 1.2;
     letter-spacing: 0.1em
   }
   .p-hojokin #mono .about .txt {
     margin-bottom: 1.2em;
     font-size: 13px
   }
   .p-hojokin #mono .about .kome {
     font-size: 13px
   }
   .p-hojokin #mono .box_wrap {
     width: 90%;
     margin-bottom: 5.5em;
     padding: 2em 1.5em;
     border: 2px solid #837E7B;
     border-radius: 4px
   }
   .p-hojokin #mono .box_wrap h3 {
     margin-bottom: 1.5em;
     font-size: 18px
   }
   .p-hojokin #mono .box_wrap h3 span {
     padding-bottom: 0.2em;
     border-bottom: 2px solid #837E7B
   }
   .p-hojokin #mono .box_wrap .box {
     margin-bottom: 1.5em
   }
   .p-hojokin #mono .box_wrap .box:nth-child(7) {
     margin-bottom: 1.5em
   }
   .p-hojokin #mono .box_wrap .box h4 {
     margin-bottom: 0.3em;
     font-size: 14.5px
   }
   .p-hojokin #mono .box_wrap .box ul li {
     margin-bottom: 0.3em;
     font-size: 12px
   }
   .p-hojokin #mono .box_wrap .box p {
     font-size: 12px
   }
   .p-hojokin #mono .merit {
     padding-bottom: 1.7em
   }
   .p-hojokin #mono .merit h3 {
     padding-left: 1vw;
     font-size: 10vw;
     letter-spacing: 0.1em;
     white-space: nowrap
   }
   .p-hojokin #mono .merit h3 span {
     top: -4.7vw;
     left: 47%;
     width: 1em;
     font-size: 6vw;
     line-height: 1.5
   }
   .p-hojokin #mono .merit p {
     margin-top: 2.5em;
     font-size: 17px;
     letter-spacing: 0.12em
   }
   .p-hojokin #mono .merit p span {
     font-size: 1.8em
   }
   .p-hojokin #mono .white_wrap {
     padding: 5em 0
   }
   .p-hojokin #mono .white_wrap p {
     font-size: 14px
   }
   .p-hojokin #mono .white_wrap .big {
     font-size: 1.5em
   }
   .p-hojokin #mono .white_wrap .line {
     padding-top: 0.6em;
     padding-bottom: 0.2em;
     border-bottom: 2px solid #427797
   }
   .p-hojokin #mono .white {
     margin-bottom: 15em
   }
   .p-hojokin #mono .daikin1 .h4 {
     margin-bottom: 1.3em;
     margin-left: 4em;
     padding: 0.4em 0;
     font-size: 16px
   }
   .p-hojokin #mono .daikin2 {
     margin-bottom: 3.5em;
     padding-top: 0.5em;
     padding-bottom: 1.8em
   }
   .p-hojokin #mono .daikin2 table {
     margin-left: 4.7em
   }
   .p-hojokin #mono .daikin2 table tr td, .p-hojokin #mono .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 16px
   }
   .p-hojokin #mono .daikin2 table tr th {
     width: 6em
   }
   .p-hojokin #mono .daikin2 table tr .color1 {
     font-size: 1.2em;
     letter-spacing: 0.1em
   }
   .p-hojokin #mono .daikin2 table tr .color2 {
     margin-left: 0.3em;
     font-size: 1.5em;
     -webkit-transform: translateY(-0.1em);
     transform: translateY(-0.1em)
   }
   .p-hojokin #mono .daikin2 table tr .point {
     -webkit-transform: translateY(-0.4em);
     transform: translateY(-0.4em)
   }
   .p-hojokin #syou {
     margin-bottom: 15em
   }
   .p-hojokin #syou .bg {
     height: 160px;
     margin-bottom: 4.5em;
     background-image: url("../img/hojokin/bg3_sp.jpg")
   }
   .p-hojokin #syou h2 {
     width: 90%;
     padding: 0.6em 0;
     font-size: 19px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #syou .about {
     margin-bottom: 4.5em;
     padding-top: 0.8em;
     padding-bottom: 1.5em
   }
   .p-hojokin #syou .about h3 {
     margin-bottom: 0.7em;
     font-size: 28px;
     line-height: 1.2;
     letter-spacing: 0.08em
   }
   .p-hojokin #syou .about .txt {
     margin-bottom: 1em;
     font-size: 13px
   }
   .p-hojokin #syou .about .kome {
     font-size: 14px
   }
   .p-hojokin #syou .wrap {
     padding: 2em 0
   }
   .p-hojokin #syou .wrap1 {
     margin-bottom: 2.5em
   }
   .p-hojokin #syou .wrap2 {
     margin-bottom: 4.5em
   }
   .p-hojokin #syou .wrap h3 {
     margin-bottom: 0.9em;
     font-size: 16px
   }
   .p-hojokin #syou .wrap table tr td, .p-hojokin #syou .wrap table tr th {
     padding: 0.3em 0;
     font-size: 14px
   }
   .p-hojokin #syou .wrap table tr th {
     width: 11em
   }
   .p-hojokin #syou .box {
     margin-bottom: 4.5em;
     padding: 2.5em 0;
     border: 2px solid #fff;
     border-radius: 4px
   }
   .p-hojokin #syou .box h3 {
     margin-bottom: 1.5em;
     font-size: 17px
   }
   .p-hojokin #syou .box h3 span {
     padding-bottom: 0.3em;
     border-bottom: 2px solid #fff
   }
   .p-hojokin #syou .box ul {
     width: 90%
   }
   .p-hojokin #syou .box ul li {
     float: left;
     width: 50%;
     margin-bottom: 0.8em;
     font-size: 15px
   }
   .p-hojokin #syou .box ul li:nth-child(odd) {
     padding-left: 3em
   }
   .p-hojokin #syou .box ul li:nth-child(2n) {
     padding-left: 3em
   }
   .p-hojokin #syou .white_wrap {
     padding-top: 5em;
     padding-bottom: 4.5em
   }
   .p-hojokin #syou .white_wrap ul {
     margin-bottom: 3.5em;
     margin-left: 10%
   }
   .p-hojokin #syou .white_wrap ul li {
     margin-bottom: 0.6em;
     font-size: 3vw;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .white_wrap ul li .big {
     font-size: 1.5em
   }
   .p-hojokin #syou .white_wrap ul li .line {
     padding-top: 0.2em;
     padding-bottom: 0.4em;
     padding-right: 0.5em
   }
   .p-hojokin #syou .white_wrap .nayami1 .line {
     font-size: 13px;
     border-bottom: 2px solid #4F7588
   }
   .p-hojokin #syou .white_wrap .nayami1 .line .big {
     font-size: 1.8em
   }
   .p-hojokin #syou .daikin1 .h4 {
     margin-bottom: 1.2em;
     margin-left: 1em;
     padding: 0.4em 0;
     font-size: 17px
   }
   .p-hojokin #syou .daikin2 {
     margin-bottom: 3.5em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #syou .daikin2 table {
     margin-left: 1.5em
   }
   .p-hojokin #syou .daikin2 table tr td, .p-hojokin #syou .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 16px
   }
   .p-hojokin #syou .daikin2 table tr th {
     width: 6em
   }
 }

 @media only screen and (max-width:428px) {
   .p-hojokin {}
   .p-hojokin .inner {
     width: 70%
   }
   .p-hojokin .inner2 {
     width: 92%
   }
   .p-hojokin .pagetitle {
     height: 50vh
   }
   .p-hojokin .pagetitle .txt {
     top: 15%
   }
   .p-hojokin .pagetitle p {
     margin-bottom: 0.4em;
     font-size: 21px;
     line-height: 1.5
   }
   .p-hojokin .pagetitle .line1 {
     margin-bottom: 1.2em
   }
   .p-hojokin .pagetitle p span {
     padding-left: 0.7em;
     padding-right: 0.6em
   }
   .p-hojokin .pagetitle .line1 span {
     padding: 0.3em 0.8em
   }
   .p-hojokin .pagetitle p span.big {
     padding-left: 0.2em;
     font-size: 1.2em
   }
   .p-hojokin .pagetitle p span.small {
     font-size: 0.9em
   }
   .p-hojokin #support {
     margin-bottom: 10em;
     padding-top: 2.5em
   }
   .p-hojokin #support:before {
     width: 30.5%
   }
   .p-hojokin #support h2 {
     margin-bottom: 5em;
     font-size: 15px;
     letter-spacing: 0.09em
   }
   .p-hojokin #support h2 .line1 {
     padding: 0 0.5em;
     padding-bottom: 0.3em;
     border-bottom: 3px solid #fff
   }
   .p-hojokin #support h2 .line2 {
     padding-top: 0.1em;
     font-size: 1.3em
   }
   .p-hojokin #support h2 .color {
     margin-left: 0.4em;
     font-size: 1.2em
   }
   .p-hojokin #support .title1 {
     top: -1em;
     left: -1.8em;
     font-size: 27px
   }
   .p-hojokin #support .catch span {
     top: 34%;
     left: 48%;
     font-size: 10px
   }
   .p-hojokin #support .catch {
     width: 340px;
     height: 40px;
     margin-bottom: 3.5em;
     -webkit-box-shadow: 0.2em 0.5em 0.4em 0 rgba(0, 0, 0, 0.07);
     box-shadow: 0.2em 0.5em 0.4em 0 rgba(0, 0, 0, 0.07)
   }
   .p-hojokin #support .catch .title {
     bottom: 29%;
     left: 5%;
     width: 40.4%
   }
   .p-hojokin #support .catch span {
     top: 34%;
     left: 48%;
     font-size: 10px
   }
   .p-hojokin #support .list {
     margin-bottom: 2em
   }
   .p-hojokin #support .list li {
     font-size: 15.5px;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .list li+li {
     margin-top: 1em
   }
   .p-hojokin #support .catch_wrap {
     height: 170px;
     margin-bottom: 5em
   }
   .p-hojokin #support .catch_wrap p {
     font-size: 18px
   }
   .p-hojokin #support .catch_wrap .line1 {
     margin-top: 1.3em;
     margin-bottom: 0.5em
   }
   .p-hojokin #support .catch_wrap .line1 .big1 {
     font-size: 1.7em;
     letter-spacing: 0.08em
   }
   .p-hojokin #support .catch_wrap .line2 {
     padding-left: 4em;
     white-space: nowrap
   }
   .p-hojokin #support .catch_wrap .line2 .big2 {
     font-size: 1.3em
   }
   .p-hojokin #support .title2 {
     margin-bottom: 3em;
     font-size: 18px
   }
   .p-hojokin #support .title2 .block1 {
     margin-bottom: 0.8em;
     padding: 0 0.25em;
     padding-bottom: 0.1em
   }
   .p-hojokin #support .title2 .big {
     font-size: 1.4em
   }
   .p-hojokin #support .title2 .block2 {
     margin-top: 0.8em;
     margin-left: 0;
     padding: 0 0.25em;
     padding-bottom: 0.1em
   }
   .p-hojokin #support .title2 .color2 {
     margin: 0 0.4em
   }
   .p-hojokin #support .txt {
     margin-bottom: 3.9em;
     font-size: 12.5px;
     line-height: 1.7;
     white-space: nowrap;
     -webkit-transform: translateX(-2em);
     transform: translateX(-2em)
   }
   .p-hojokin #support .txt .first {
     margin-bottom: 1em
   }
   .p-hojokin #support .txt p+p {
     margin-top: 1.5em
   }
   .p-hojokin #support .txt .color1 {
     font-size: 1.6em
   }
   .p-hojokin #support .txt .color2 {
     font-size: 1.6em
   }
   .p-hojokin #support .contact {
     margin-bottom: 5em;
     font-size: 13px;
     line-height: 1.7
   }
   .p-hojokin #support .contact p {
     margin-bottom: 1.2em
   }
   .p-hojokin .contact_btn {
     width: 220px
   }
   .p-hojokin #support .time {
     height: 200px;
     padding-top: 5em
   }
   .p-hojokin #support .time p {
     padding-bottom: 0.1em;
     line-height: 1.3;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .time .line1 {
     margin-bottom: 1.2em;
     padding-left: 0.8em;
     font-size: 23px
   }
   .p-hojokin #support .time .big1 {
     font-size: 1.5em
   }
   .p-hojokin #support .time .line2 {
     padding-right: 0.8em;
     font-size: 20px
   }
   .p-hojokin #support .time .big2 {
     font-size: 1.4em
   }
   .p-hojokin #saikou {
     margin-bottom: 14em
   }
   .p-hojokin #saikou .bg {
     height: 140px;
     margin-bottom: 3.5em
   }
   .p-hojokin #saikou h2 {
     padding: 0.5em 0;
     font-size: 18px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #saikou .about {
     margin-bottom: 3.5em;
     padding-bottom: 1.2em
   }
   .p-hojokin #saikou .about .inner {
     width: 90%
   }
   .p-hojokin #saikou .about h3 {
     margin-bottom: 0.5em;
     font-size: 30px;
     line-height: 1.2;
     letter-spacing: 0.08em
   }
   .p-hojokin #saikou .about p {
     font-size: 12.5px
   }
   .p-hojokin #saikou .tbl_wrap {
     margin-bottom: 4.5em
   }
   .p-hojokin #saikou .tbl_wrap .inner {
     width: 92%
   }
   .p-hojokin #saikou .tbl_wrap table {
     margin-bottom: 1.2em
   }
   .p-hojokin #saikou .tbl_wrap table tr td, .p-hojokin #saikou .tbl_wrap table tr th {
     width: 50%;
     font-size: 12.5px;
     letter-spacing: 0.04em;
     white-space: nowrap
   }
   .p-hojokin #saikou .tbl_wrap table tr th {
     padding: 0.5em 0;
     padding-left: 1em;
     border-bottom: 2px solid #fff
   }
   .p-hojokin #saikou .tbl_wrap table tr td {
     padding: 0.2em 0;
     padding-left: 0.5em
   }
   .p-hojokin #saikou .tbl_wrap table tr .first {
     padding-top: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .last {
     padding-bottom: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .last2 {
     padding-top: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .small {
     font-size: 0.8em
   }
   .p-hojokin #saikou .tbl_wrap table tr .ritu {
     margin-right: 2em;
     white-space: nowrap
   }
   .p-hojokin #saikou .tbl_wrap table .ritu2 {
     width: 4.4em;
     margin-right: 2.2em
   }
   .p-hojokin #saikou .example {
     margin-bottom: 3.5em;
     padding: 2em 2em;
     border: 2px solid #010101
   }
   .p-hojokin #saikou .example .h1 {
     margin-bottom: 1.5em;
     font-size: 16px
   }
   .p-hojokin #saikou .example .h1 span {
     padding: 0 0.5em;
     padding-bottom: 0.2em;
     border-bottom: 2px solid #357DA3
   }
   .p-hojokin #saikou .example .txt {
     margin-bottom: 1.5em;
     font-size: 12.5px
   }
   .p-hojokin #saikou .example .h2 {
     margin-bottom: 1.3em;
     font-size: 14px
   }
   .p-hojokin #saikou .example ul li {
     font-size: 12.5px;
     line-height: 1.8
   }
   .p-hojokin #saikou .h3 {
     margin-bottom: 3.5em;
     font-size: 12.5px;
     white-space: nowrap
   }
   .p-hojokin #saikou .list2 {
     margin-bottom: 3em;
     padding: 1.1em 0;
     padding-left: 2em;
     font-size: 13px;
     white-space: nowrap
   }
   .p-hojokin #saikou .list2 li+li {
     margin-top: 0.8em
   }
   .p-hojokin #saikou .nayami1 {
     margin-bottom: 4.5em
   }
   .p-hojokin #saikou .nayami1 .line {
     font-size: 13px;
     border-bottom: 2px solid #4F7588
   }
   .p-hojokin #saikou .nayami1 .line .big {
     font-size: 1.8em
   }
   .p-hojokin #saikou .daikin1 .h4 {
     margin-bottom: 1.2em;
     margin-left: 4em;
     padding: 0.4em 0;
     font-size: 15px
   }
   .p-hojokin #saikou .daikin2 {
     margin-bottom: 3.5em;
     padding-top: 0.5em
   }
   .p-hojokin #saikou .daikin2 table {
     margin-left: 5em
   }
   .p-hojokin #saikou .daikin2 table tr td, .p-hojokin #saikou .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 14.5px
   }
   .p-hojokin #saikou .daikin2 table tr th {
     width: 6em
   }
   .p-hojokin #mono .bg {
     height: 140px;
     margin-bottom: 3.5em
   }
   .p-hojokin #mono h2 {
     width: 90%;
     padding: 0.5em 0;
     font-size: 18px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #mono .about {
     margin-bottom: 4.5em;
     padding-bottom: 1.3em
   }
   .p-hojokin #mono .about h3 {
     margin-bottom: 0.5em;
     font-size: 30px;
     line-height: 1.2;
     letter-spacing: 0.08em
   }
   .p-hojokin #mono .about .txt {
     margin-bottom: 1em;
     font-size: 12.5px
   }
   .p-hojokin #mono .about .kome {
     font-size: 12.5px
   }
   .p-hojokin #mono .box_wrap {
     width: 92%;
     margin-bottom: 5em;
     padding: 2em 1.2em;
     border: 2px solid #837E7B
   }
   .p-hojokin #mono .box_wrap h3 {
     margin-bottom: 1.5em;
     font-size: 16px
   }
   .p-hojokin #mono .box_wrap h3 span {
     padding-bottom: 0.2em;
     border-bottom: 2px solid #837E7B
   }
   .p-hojokin #mono .box_wrap .box {
     margin-bottom: 1.2em
   }
   .p-hojokin #mono .box_wrap .box:nth-child(7) {
     margin-bottom: 1.5em
   }
   .p-hojokin #mono .box_wrap .box h4 {
     margin-bottom: 0.3em;
     font-size: 14px
   }
   .p-hojokin #mono .box_wrap .box ul li {
     margin-bottom: 0.3em;
     font-size: 12px
   }
   .p-hojokin #mono .box_wrap .box p {
     font-size: 12px
   }
   .p-hojokin #mono .merit {
     padding-bottom: 1.7em
   }
   .p-hojokin #mono .merit h3 {
     padding-left: 1vw;
     font-size: 10vw;
     letter-spacing: 0.1em;
     white-space: nowrap
   }
   .p-hojokin #mono .merit h3 span {
     top: -4.7vw;
     left: 47%;
     width: 1em;
     font-size: 6vw;
     line-height: 1.5
   }
   .p-hojokin #mono .merit p {
     margin-top: 2.5em;
     font-size: 15.5px;
     letter-spacing: 0.1em
   }
   .p-hojokin #mono .merit p span {
     font-size: 1.8em
   }
   .p-hojokin #mono .white_wrap {
     padding: 4.5em 0
   }
   .p-hojokin #mono .white_wrap p {
     font-size: 14px
   }
   .p-hojokin #mono .white_wrap .big {
     font-size: 1.5em
   }
   .p-hojokin #mono .white_wrap .line {
     padding-top: 0.6em;
     padding-bottom: 0.2em;
     border-bottom: 2px solid #427797
   }
   .p-hojokin #mono .white {
     margin-bottom: 14em
   }
   .p-hojokin #mono .daikin1 .h4 {
     margin-bottom: 1.3em;
     margin-left: 3em;
     padding: 0.4em 0;
     font-size: 15px
   }
   .p-hojokin #mono .daikin2 {
     margin-bottom: 3.5em;
     padding-top: 0.5em
   }
   .p-hojokin #mono .daikin2 table {
     margin-left: 3.7em
   }
   .p-hojokin #mono .daikin2 table tr td, .p-hojokin #mono .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 15px
   }
   .p-hojokin #mono .daikin2 table tr th {
     width: 6em
   }
   .p-hojokin #syou {
     margin-bottom: 15em
   }
   .p-hojokin #syou .bg {
     height: 140px;
     margin-bottom: 3.5em
   }
   .p-hojokin #syou h2 {
     width: 90%;
     padding: 0.5em 0;
     font-size: 18px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #syou .about {
     margin-bottom: 3.5em;
     padding-top: 0.8em;
     padding-bottom: 1.5em
   }
   .p-hojokin #syou .about h3 {
     margin-bottom: 0.7em;
     font-size: 24px;
     line-height: 1.2;
     letter-spacing: 0.08em
   }
   .p-hojokin #syou .about .txt {
     margin-bottom: 1em;
     font-size: 12.5px
   }
   .p-hojokin #syou .about .kome {
     font-size: 13.5px
   }
   .p-hojokin #syou .wrap {
     padding: 1.5em 0
   }
   .p-hojokin #syou .wrap1 {
     margin-bottom: 2.2em
   }
   .p-hojokin #syou .wrap2 {
     margin-bottom: 4em
   }
   .p-hojokin #syou .wrap h3 {
     margin-bottom: 0.8em;
     font-size: 15px
   }
   .p-hojokin #syou .wrap table tr td, .p-hojokin #syou .wrap table tr th {
     padding: 0.3em 0;
     font-size: 13px;
     letter-spacing: 0.06em
   }
   .p-hojokin #syou .wrap table tr th {
     width: 10.5em
   }
   .p-hojokin #syou .box {
     margin-bottom: 4em;
     padding: 2.5em 0;
     border: 2px solid #fff;
     border-radius: 4px
   }
   .p-hojokin #syou .box h3 {
     margin-bottom: 1.5em;
     font-size: 16px
   }
   .p-hojokin #syou .box h3 span {
     padding-bottom: 0.3em;
     border-bottom: 2px solid #fff
   }
   .p-hojokin #syou .box ul {
     width: 100%
   }
   .p-hojokin #syou .box ul li {
     float: left;
     width: 50%;
     margin-bottom: 0.8em;
     font-size: 14.5px
   }
   .p-hojokin #syou .box ul li:nth-child(odd) {
     padding-left: 3em
   }
   .p-hojokin #syou .box ul li:nth-child(2n) {
     padding-left: 3em
   }
   .p-hojokin #syou .white_wrap {
     padding-top: 4.5em;
     padding-bottom: 4.5em
   }
   .p-hojokin #syou .white_wrap ul {
     margin-bottom: 3em;
     margin-left: 6%
   }
   .p-hojokin #syou .white_wrap ul li {
     margin-bottom: 0.6em;
     font-size: 3.1vw;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .white_wrap ul li .big {
     font-size: 1.5em
   }
   .p-hojokin #syou .white_wrap ul li .line {
     padding-top: 0.2em;
     padding-bottom: 0.4em;
     padding-right: 0.5em
   }
   .p-hojokin #syou .white_wrap .nayami1 .line {
     font-size: 13px;
     border-bottom: 2px solid #4F7588
   }
   .p-hojokin #syou .white_wrap .nayami1 .line .big {
     font-size: 1.8em
   }
   .p-hojokin #syou .daikin1 .h4 {
     margin-bottom: 1.2em;
     margin-left: 0;
     padding: 0.4em 0;
     font-size: 16px
   }
   .p-hojokin #syou .daikin2 {
     margin-bottom: 3.5em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #syou .daikin2 table {
     margin-left: 0.2em
   }
   .p-hojokin #syou .daikin2 table tr td, .p-hojokin #syou .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 15px
   }
   .p-hojokin #syou .daikin2 table tr th {
     width: 6em
   }
 }

 @media only screen and (max-width:414px) {
   .p-hojokin {}
   .p-hojokin .inner {
     width: 70%
   }
   .p-hojokin .inner2 {
     width: 92%
   }
   .p-hojokin .pagetitle {
     height: 50vh
   }
   .p-hojokin .pagetitle .txt {
     top: 15%
   }
   .p-hojokin .pagetitle p {
     margin-bottom: 0.4em;
     font-size: 21px;
     line-height: 1.5
   }
   .p-hojokin .pagetitle .line1 {
     margin-bottom: 1.2em
   }
   .p-hojokin .pagetitle p span {
     padding-left: 0.7em;
     padding-right: 0.6em
   }
   .p-hojokin .pagetitle .line1 span {
     padding: 0.3em 0.8em
   }
   .p-hojokin .pagetitle p span.big {
     padding-left: 0.2em;
     font-size: 1.2em
   }
   .p-hojokin .pagetitle p span.small {
     font-size: 0.9em
   }
   .p-hojokin #support {
     margin-bottom: 10em;
     padding-top: 2.5em
   }
   .p-hojokin #support:before {
     width: 30.5%
   }
   .p-hojokin #support h2 {
     margin-bottom: 5em;
     font-size: 15px;
     letter-spacing: 0.09em
   }
   .p-hojokin #support h2 .line1 {
     padding: 0 0.5em;
     padding-bottom: 0.3em;
     border-bottom: 3px solid #fff
   }
   .p-hojokin #support h2 .line2 {
     padding-top: 0.1em;
     font-size: 1.3em
   }
   .p-hojokin #support h2 .color {
     margin-left: 0.4em;
     font-size: 1.2em
   }
   .p-hojokin #support .title1 {
     top: -1em;
     left: -1.8em;
     font-size: 27px
   }
   .p-hojokin #support .catch span {
     top: 34%;
     left: 48%;
     font-size: 10px
   }
   .p-hojokin #support .catch {
     width: 340px;
     height: 40px;
     margin-bottom: 3.5em;
     -webkit-box-shadow: 0.2em 0.5em 0.4em 0 rgba(0, 0, 0, 0.07);
     box-shadow: 0.2em 0.5em 0.4em 0 rgba(0, 0, 0, 0.07)
   }
   .p-hojokin #support .catch .title {
     bottom: 29%;
     left: 5%;
     width: 40.4%
   }
   .p-hojokin #support .catch span {
     top: 34%;
     left: 48%;
     font-size: 10px
   }
   .p-hojokin #support .list {
     margin-bottom: 2em
   }
   .p-hojokin #support .list li {
     font-size: 15.5px;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .list li+li {
     margin-top: 1em
   }
   .p-hojokin #support .catch_wrap {
     height: 170px;
     margin-bottom: 5em
   }
   .p-hojokin #support .catch_wrap p {
     font-size: 18px
   }
   .p-hojokin #support .catch_wrap .line1 {
     margin-top: 1.3em;
     margin-bottom: 0.5em
   }
   .p-hojokin #support .catch_wrap .line1 .big1 {
     font-size: 1.7em;
     letter-spacing: 0.08em
   }
   .p-hojokin #support .catch_wrap .line2 {
     padding-left: 4em;
     white-space: nowrap
   }
   .p-hojokin #support .catch_wrap .line2 .big2 {
     font-size: 1.3em
   }
   .p-hojokin #support .title2 {
     margin-bottom: 3em;
     font-size: 18px
   }
   .p-hojokin #support .title2 .block1 {
     margin-bottom: 0.8em;
     padding: 0 0.25em;
     padding-bottom: 0.1em
   }
   .p-hojokin #support .title2 .big {
     font-size: 1.4em
   }
   .p-hojokin #support .title2 .block2 {
     margin-top: 0.8em;
     margin-left: 0;
     padding: 0 0.25em;
     padding-bottom: 0.1em
   }
   .p-hojokin #support .title2 .color2 {
     margin: 0 0.4em
   }
   .p-hojokin #support .txt {
     margin-bottom: 3.9em;
     font-size: 12.5px;
     line-height: 1.7;
     white-space: nowrap;
     -webkit-transform: translateX(-2em);
     transform: translateX(-2em)
   }
   .p-hojokin #support .txt .first {
     margin-bottom: 1em
   }
   .p-hojokin #support .txt p+p {
     margin-top: 1.5em
   }
   .p-hojokin #support .txt .color1 {
     font-size: 1.6em
   }
   .p-hojokin #support .txt .color2 {
     font-size: 1.6em
   }
   .p-hojokin #support .contact {
     margin-bottom: 5em;
     font-size: 13px;
     line-height: 1.7
   }
   .p-hojokin #support .contact p {
     margin-bottom: 1.2em
   }
   .p-hojokin .contact_btn {
     width: 220px
   }
   .p-hojokin #support .time {
     height: 200px;
     padding-top: 5em
   }
   .p-hojokin #support .time p {
     padding-bottom: 0.1em;
     line-height: 1.3;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .time .line1 {
     margin-bottom: 1.2em;
     padding-left: 0.8em;
     font-size: 23px
   }
   .p-hojokin #support .time .big1 {
     font-size: 1.5em
   }
   .p-hojokin #support .time .line2 {
     padding-right: 0.8em;
     font-size: 20px
   }
   .p-hojokin #support .time .big2 {
     font-size: 1.4em
   }
   .p-hojokin #saikou {
     margin-bottom: 14em
   }
   .p-hojokin #saikou .bg {
     height: 140px;
     margin-bottom: 3.5em
   }
   .p-hojokin #saikou h2 {
     padding: 0.5em 0;
     font-size: 18px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #saikou .about {
     margin-bottom: 3.5em;
     padding-bottom: 1.2em
   }
   .p-hojokin #saikou .about .inner {
     width: 90%
   }
   .p-hojokin #saikou .about h3 {
     margin-bottom: 0.5em;
     font-size: 30px;
     line-height: 1.2;
     letter-spacing: 0.08em
   }
   .p-hojokin #saikou .about p {
     font-size: 12.5px
   }
   .p-hojokin #saikou .tbl_wrap {
     margin-bottom: 4.5em
   }
   .p-hojokin #saikou .tbl_wrap .inner {
     width: 92%
   }
   .p-hojokin #saikou .tbl_wrap table {
     margin-bottom: 1.2em
   }
   .p-hojokin #saikou .tbl_wrap table tr td, .p-hojokin #saikou .tbl_wrap table tr th {
     width: 50%;
     font-size: 12.5px;
     letter-spacing: 0.04em;
     white-space: nowrap
   }
   .p-hojokin #saikou .tbl_wrap table tr th {
     padding: 0.5em 0;
     padding-left: 1em;
     border-bottom: 2px solid #fff
   }
   .p-hojokin #saikou .tbl_wrap table tr td {
     padding: 0.2em 0;
     padding-left: 0.5em
   }
   .p-hojokin #saikou .tbl_wrap table tr .first {
     padding-top: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .last {
     padding-bottom: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .last2 {
     padding-top: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .small {
     font-size: 0.8em
   }
   .p-hojokin #saikou .tbl_wrap table tr .ritu {
     margin-right: 2em;
     white-space: nowrap
   }
   .p-hojokin #saikou .tbl_wrap table .ritu2 {
     width: 4.4em;
     margin-right: 2.2em
   }
   .p-hojokin #saikou .example {
     margin-bottom: 3.5em;
     padding: 2em 2em;
     border: 2px solid #010101
   }
   .p-hojokin #saikou .example .h1 {
     margin-bottom: 1.5em;
     font-size: 16px
   }
   .p-hojokin #saikou .example .h1 span {
     padding: 0 0.5em;
     padding-bottom: 0.2em;
     border-bottom: 2px solid #357DA3
   }
   .p-hojokin #saikou .example .txt {
     margin-bottom: 1.5em;
     font-size: 12.5px
   }
   .p-hojokin #saikou .example .h2 {
     margin-bottom: 1.3em;
     font-size: 14px
   }
   .p-hojokin #saikou .example ul li {
     font-size: 12.5px;
     line-height: 1.8
   }
   .p-hojokin #saikou .h3 {
     margin-bottom: 3.5em;
     font-size: 12.5px;
     white-space: nowrap
   }
   .p-hojokin #saikou .list2 {
     margin-bottom: 3em;
     padding: 1.1em 0;
     padding-left: 2em;
     font-size: 13px;
     white-space: nowrap
   }
   .p-hojokin #saikou .list2 li+li {
     margin-top: 0.8em
   }
   .p-hojokin #saikou .nayami1 {
     margin-bottom: 4.5em
   }
   .p-hojokin #saikou .nayami1 .line {
     font-size: 13px;
     border-bottom: 2px solid #4F7588
   }
   .p-hojokin #saikou .nayami1 .line .big {
     font-size: 1.8em
   }
   .p-hojokin #saikou .daikin1 .h4 {
     margin-bottom: 1.2em;
     margin-left: 4em;
     padding: 0.4em 0;
     font-size: 15px
   }
   .p-hojokin #saikou .daikin2 {
     margin-bottom: 3.5em;
     padding-top: 0.5em
   }
   .p-hojokin #saikou .daikin2 table {
     margin-left: 5em
   }
   .p-hojokin #saikou .daikin2 table tr td, .p-hojokin #saikou .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 14.5px
   }
   .p-hojokin #saikou .daikin2 table tr th {
     width: 6em
   }
   .p-hojokin #mono .bg {
     height: 140px;
     margin-bottom: 3.5em
   }
   .p-hojokin #mono h2 {
     width: 90%;
     padding: 0.5em 0;
     font-size: 18px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #mono .about {
     margin-bottom: 4.5em;
     padding-bottom: 1.3em
   }
   .p-hojokin #mono .about h3 {
     margin-bottom: 0.5em;
     font-size: 30px;
     line-height: 1.2;
     letter-spacing: 0.08em
   }
   .p-hojokin #mono .about .txt {
     margin-bottom: 1em;
     font-size: 12.5px
   }
   .p-hojokin #mono .about .kome {
     font-size: 12.5px
   }
   .p-hojokin #mono .box_wrap {
     width: 92%;
     margin-bottom: 5em;
     padding: 2em 1.2em;
     border: 2px solid #837E7B
   }
   .p-hojokin #mono .box_wrap h3 {
     margin-bottom: 1.5em;
     font-size: 16px
   }
   .p-hojokin #mono .box_wrap h3 span {
     padding-bottom: 0.2em;
     border-bottom: 2px solid #837E7B
   }
   .p-hojokin #mono .box_wrap .box {
     margin-bottom: 1.2em
   }
   .p-hojokin #mono .box_wrap .box:nth-child(7) {
     margin-bottom: 1.5em
   }
   .p-hojokin #mono .box_wrap .box h4 {
     margin-bottom: 0.3em;
     font-size: 14px
   }
   .p-hojokin #mono .box_wrap .box ul li {
     margin-bottom: 0.3em;
     font-size: 12px
   }
   .p-hojokin #mono .box_wrap .box p {
     font-size: 12px
   }
   .p-hojokin #mono .merit {
     padding-bottom: 1.7em
   }
   .p-hojokin #mono .merit h3 {
     padding-left: 1vw;
     font-size: 10vw;
     letter-spacing: 0.1em;
     white-space: nowrap
   }
   .p-hojokin #mono .merit h3 span {
     top: -4.7vw;
     left: 47%;
     width: 1em;
     font-size: 6vw;
     line-height: 1.5
   }
   .p-hojokin #mono .merit p {
     margin-top: 2.5em;
     font-size: 15.5px;
     letter-spacing: 0.1em
   }
   .p-hojokin #mono .merit p span {
     font-size: 1.8em
   }
   .p-hojokin #mono .white_wrap {
     padding: 4.5em 0
   }
   .p-hojokin #mono .white_wrap p {
     font-size: 14px
   }
   .p-hojokin #mono .white_wrap .big {
     font-size: 1.5em
   }
   .p-hojokin #mono .white_wrap .line {
     padding-top: 0.6em;
     padding-bottom: 0.2em;
     border-bottom: 2px solid #427797
   }
   .p-hojokin #mono .white {
     margin-bottom: 14em
   }
   .p-hojokin #mono .daikin1 .h4 {
     margin-bottom: 1.3em;
     margin-left: 3em;
     padding: 0.4em 0;
     font-size: 15px
   }
   .p-hojokin #mono .daikin2 {
     margin-bottom: 3.5em;
     padding-top: 0.5em
   }
   .p-hojokin #mono .daikin2 table {
     margin-left: 3.7em
   }
   .p-hojokin #mono .daikin2 table tr td, .p-hojokin #mono .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 15px
   }
   .p-hojokin #mono .daikin2 table tr th {
     width: 6em
   }
   .p-hojokin #syou {
     margin-bottom: 15em
   }
   .p-hojokin #syou .bg {
     height: 140px;
     margin-bottom: 3.5em
   }
   .p-hojokin #syou h2 {
     width: 90%;
     padding: 0.5em 0;
     font-size: 18px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #syou .about {
     margin-bottom: 3.5em;
     padding-top: 0.8em;
     padding-bottom: 1.5em
   }
   .p-hojokin #syou .about h3 {
     margin-bottom: 0.7em;
     font-size: 24px;
     line-height: 1.2;
     letter-spacing: 0.08em
   }
   .p-hojokin #syou .about .txt {
     margin-bottom: 1em;
     font-size: 12.5px
   }
   .p-hojokin #syou .about .kome {
     font-size: 13.5px
   }
   .p-hojokin #syou .wrap {
     padding: 1.5em 0
   }
   .p-hojokin #syou .wrap1 {
     margin-bottom: 2.2em
   }
   .p-hojokin #syou .wrap2 {
     margin-bottom: 4em
   }
   .p-hojokin #syou .wrap h3 {
     margin-bottom: 0.8em;
     font-size: 15px
   }
   .p-hojokin #syou .wrap table tr td, .p-hojokin #syou .wrap table tr th {
     padding: 0.3em 0;
     font-size: 13px;
     letter-spacing: 0.06em
   }
   .p-hojokin #syou .wrap table tr th {
     width: 10.5em
   }
   .p-hojokin #syou .box {
     margin-bottom: 4em;
     padding: 2.5em 0;
     border: 2px solid #fff;
     border-radius: 4px
   }
   .p-hojokin #syou .box h3 {
     margin-bottom: 1.5em;
     font-size: 16px
   }
   .p-hojokin #syou .box h3 span {
     padding-bottom: 0.3em;
     border-bottom: 2px solid #fff
   }
   .p-hojokin #syou .box ul {
     width: 100%
   }
   .p-hojokin #syou .box ul li {
     float: left;
     width: 50%;
     margin-bottom: 0.8em;
     font-size: 14.5px
   }
   .p-hojokin #syou .box ul li:nth-child(odd) {
     padding-left: 3em
   }
   .p-hojokin #syou .box ul li:nth-child(2n) {
     padding-left: 3em
   }
   .p-hojokin #syou .white_wrap {
     padding-top: 4.5em;
     padding-bottom: 4.5em
   }
   .p-hojokin #syou .white_wrap ul {
     margin-bottom: 3em;
     margin-left: 6%
   }
   .p-hojokin #syou .white_wrap ul li {
     margin-bottom: 0.6em;
     font-size: 3.1vw;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .white_wrap ul li .big {
     font-size: 1.5em
   }
   .p-hojokin #syou .white_wrap ul li .line {
     padding-top: 0.2em;
     padding-bottom: 0.4em;
     padding-right: 0.5em
   }
   .p-hojokin #syou .white_wrap .nayami1 .line {
     font-size: 13px;
     border-bottom: 2px solid #4F7588
   }
   .p-hojokin #syou .white_wrap .nayami1 .line .big {
     font-size: 1.8em
   }
   .p-hojokin #syou .daikin1 .h4 {
     margin-bottom: 1.2em;
     margin-left: 0;
     padding: 0.4em 0;
     font-size: 16px
   }
   .p-hojokin #syou .daikin2 {
     margin-bottom: 3.5em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #syou .daikin2 table {
     margin-left: 0.2em
   }
   .p-hojokin #syou .daikin2 table tr td, .p-hojokin #syou .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 15px
   }
   .p-hojokin #syou .daikin2 table tr th {
     width: 6em
   }
 }

 @media only screen and (max-width:375px) {
   .p-hojokin {}
   .p-hojokin .inner {
     width: 70%
   }
   .p-hojokin .inner2 {
     width: 92%
   }
   .p-hojokin .pagetitle {
     height: 50vh
   }
   .p-hojokin .pagetitle .txt {
     top: 15%
   }
   .p-hojokin .pagetitle p {
     margin-bottom: 0.4em;
     font-size: 19px;
     line-height: 1.5
   }
   .p-hojokin .pagetitle .line1 {
     margin-bottom: 1.2em
   }
   .p-hojokin .pagetitle p span {
     padding-left: 0.7em;
     padding-right: 0.6em
   }
   .p-hojokin .pagetitle .line1 span {
     padding: 0.3em 0.8em
   }
   .p-hojokin .pagetitle p span.big {
     padding-left: 0.2em;
     font-size: 1.2em
   }
   .p-hojokin .pagetitle p span.small {
     font-size: 0.9em
   }
   .p-hojokin #support {
     margin-bottom: 9em;
     padding-top: 2.5em
   }
   .p-hojokin #support:before {
     width: 30.5%
   }
   .p-hojokin #support h2 {
     margin-bottom: 4em;
     font-size: 14.5px;
     letter-spacing: 0.09em
   }
   .p-hojokin #support h2 .line1 {
     padding: 0 0.5em;
     padding-bottom: 0.3em;
     border-bottom: 3px solid #fff
   }
   .p-hojokin #support h2 .line2 {
     padding-top: 0.1em;
     font-size: 1.3em
   }
   .p-hojokin #support h2 .color {
     margin-left: 0.4em;
     font-size: 1.2em
   }
   .p-hojokin #support .title1 {
     top: -1em;
     left: -1.8em;
     font-size: 25px
   }
   .p-hojokin #support .catch {
     width: 320px;
     height: 38px;
     margin-bottom: 3.2em;
     -webkit-box-shadow: 0.2em 0.5em 0.4em 0 rgba(0, 0, 0, 0.07);
     box-shadow: 0.2em 0.5em 0.4em 0 rgba(0, 0, 0, 0.07)
   }
   .p-hojokin #support .catch .title {
     bottom: 29%;
     left: 5%;
     width: 39%
   }
   .p-hojokin #support .catch span {
     top: 34%;
     left: 47%;
     font-size: 10px
   }
   .p-hojokin #support .list {
     margin-bottom: 2em
   }
   .p-hojokin #support .list li {
     font-size: 15px;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .list li+li {
     margin-top: 1em
   }
   .p-hojokin #support .catch_wrap {
     height: 150px;
     margin-bottom: 4.5em
   }
   .p-hojokin #support .catch_wrap p {
     font-size: 17px
   }
   .p-hojokin #support .catch_wrap .line1 {
     margin-top: 1.3em;
     margin-bottom: 0.5em
   }
   .p-hojokin #support .catch_wrap .line1 .big1 {
     font-size: 1.7em;
     letter-spacing: 0.08em
   }
   .p-hojokin #support .catch_wrap .line2 {
     padding-left: 3em;
     white-space: nowrap
   }
   .p-hojokin #support .catch_wrap .line2 .big2 {
     font-size: 1.3em
   }
   .p-hojokin #support .title2 {
     margin-bottom: 3em;
     font-size: 17px
   }
   .p-hojokin #support .title2 .block1 {
     margin-bottom: 0.8em;
     padding: 0 0.25em;
     padding-bottom: 0.1em
   }
   .p-hojokin #support .title2 .big {
     font-size: 1.4em
   }
   .p-hojokin #support .title2 .block2 {
     margin-top: 0.8em;
     margin-left: 0;
     padding: 0 0.25em;
     padding-bottom: 0.1em
   }
   .p-hojokin #support .title2 .color2 {
     margin: 0 0.4em
   }
   .p-hojokin #support .txt {
     margin-bottom: 3.9em;
     font-size: 12px;
     line-height: 1.7;
     white-space: nowrap;
     -webkit-transform: translateX(-3em);
     transform: translateX(-3em)
   }
   .p-hojokin #support .txt .first {
     margin-bottom: 1em
   }
   .p-hojokin #support .txt p+p {
     margin-top: 1.5em
   }
   .p-hojokin #support .txt .color1 {
     font-size: 1.6em
   }
   .p-hojokin #support .txt .color2 {
     font-size: 1.6em
   }
   .p-hojokin #support .contact {
     margin-bottom: 4.5em;
     font-size: 12.5px;
     line-height: 1.7
   }
   .p-hojokin #support .contact p {
     margin-bottom: 1.2em
   }
   .p-hojokin .contact_btn {
     width: 210px
   }
   .p-hojokin #support .time {
     height: 180px;
     padding-top: 4.5em
   }
   .p-hojokin #support .time p {
     padding-bottom: 0.1em;
     line-height: 1.3;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .time .line1 {
     margin-bottom: 1.2em;
     padding-left: 0.8em;
     font-size: 21px
   }
   .p-hojokin #support .time .big1 {
     font-size: 1.5em
   }
   .p-hojokin #support .time .line2 {
     padding-right: 0.8em;
     font-size: 18px
   }
   .p-hojokin #support .time .big2 {
     font-size: 1.4em
   }
   .p-hojokin #saikou {
     margin-bottom: 13em
   }
   .p-hojokin #saikou .bg {
     height: 120px;
     margin-bottom: 3em
   }
   .p-hojokin #saikou h2 {
     padding: 0.5em 0;
     font-size: 17px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #saikou .about {
     margin-bottom: 3em;
     padding-bottom: 1.2em
   }
   .p-hojokin #saikou .about .inner {
     width: 90%
   }
   .p-hojokin #saikou .about h3 {
     margin-bottom: 0.5em;
     font-size: 28px;
     line-height: 1.2;
     letter-spacing: 0.08em
   }
   .p-hojokin #saikou .about p {
     font-size: 12px
   }
   .p-hojokin #saikou .tbl_wrap {
     margin-bottom: 3.5em
   }
   .p-hojokin #saikou .tbl_wrap .inner {
     width: 92%
   }
   .p-hojokin #saikou .tbl_wrap table {
     margin-bottom: 1.2em
   }
   .p-hojokin #saikou .tbl_wrap table tr td, .p-hojokin #saikou .tbl_wrap table tr th {
     width: 50%;
     font-size: 11.5px;
     letter-spacing: 0.03em;
     white-space: nowrap
   }
   .p-hojokin #saikou .tbl_wrap table tr th {
     padding: 0.5em 0;
     padding-left: 1em;
     font-size: 13.5px;
     border-bottom: 2px solid #fff
   }
   .p-hojokin #saikou .tbl_wrap table tr td {
     padding: 0.2em 0;
     padding-left: 0.5em
   }
   .p-hojokin #saikou .tbl_wrap table tr .first {
     padding-top: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .last {
     padding-bottom: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .last2 {
     padding-top: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .small {
     font-size: 0.8em
   }
   .p-hojokin #saikou .tbl_wrap table tr .ritu {
     margin-right: 2em;
     white-space: nowrap
   }
   .p-hojokin #saikou .tbl_wrap table .ritu2 {
     width: 4.4em;
     margin-right: 2.2em
   }
   .p-hojokin #saikou .example {
     margin-bottom: 3em;
     padding: 2em 1.5em;
     border: 2px solid #010101
   }
   .p-hojokin #saikou .example .h1 {
     margin-bottom: 1.5em;
     font-size: 15px
   }
   .p-hojokin #saikou .example .h1 span {
     padding: 0 0.5em;
     padding-bottom: 0.2em;
     border-bottom: 2px solid #357DA3
   }
   .p-hojokin #saikou .example .txt {
     margin-bottom: 1.5em;
     font-size: 12px
   }
   .p-hojokin #saikou .example .h2 {
     margin-bottom: 1.3em;
     font-size: 13.5px
   }
   .p-hojokin #saikou .example ul li {
     font-size: 12px;
     line-height: 1.8
   }
   .p-hojokin #saikou .h3 {
     margin-bottom: 3em;
     font-size: 12px;
     letter-spacing: 0.06em;
     white-space: nowrap
   }
   .p-hojokin #saikou .list2 {
     margin-bottom: 3em;
     padding: 1.1em 0;
     padding-left: 1em;
     font-size: 12.5px;
     white-space: nowrap
   }
   .p-hojokin #saikou .list2 li+li {
     margin-top: 0.7em
   }
   .p-hojokin #saikou .nayami1 {
     margin-bottom: 4em
   }
   .p-hojokin #saikou .nayami1 .line {
     font-size: 12.5px;
     border-bottom: 2px solid #4F7588
   }
   .p-hojokin #saikou .nayami1 .line .big {
     font-size: 1.8em
   }
   .p-hojokin #saikou .daikin1 .h4 {
     margin-bottom: 1.2em;
     margin-left: 3em;
     padding: 0.4em 0;
     font-size: 14px
   }
   .p-hojokin #saikou .daikin2 {
     margin-bottom: 3em;
     padding-top: 0.5em;
     padding-bottom: 2.2em
   }
   .p-hojokin #saikou .daikin2 table {
     margin-left: 3.3em
   }
   .p-hojokin #saikou .daikin2 table tr td, .p-hojokin #saikou .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 14px
   }
   .p-hojokin #saikou .daikin2 table tr th {
     width: 6em
   }
   .p-hojokin #mono .bg {
     height: 120px;
     margin-bottom: 3.5em
   }
   .p-hojokin #mono h2 {
     padding: 0.5em 0;
     font-size: 17px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #mono .about {
     margin-bottom: 3.5em;
     padding-bottom: 1.3em
   }
   .p-hojokin #mono .about h3 {
     margin-bottom: 0.5em;
     font-size: 28px;
     line-height: 1.2;
     letter-spacing: 0.08em
   }
   .p-hojokin #mono .about .txt {
     margin-bottom: 1em;
     font-size: 12px
   }
   .p-hojokin #mono .about .kome {
     font-size: 12px
   }
   .p-hojokin #mono .box_wrap {
     width: 92%;
     margin-bottom: 4.5em;
     padding: 2em 1.2em;
     border: 2px solid #837E7B
   }
   .p-hojokin #mono .box_wrap h3 {
     margin-bottom: 1.5em;
     font-size: 15px
   }
   .p-hojokin #mono .box_wrap h3 span {
     padding-bottom: 0.2em;
     border-bottom: 2px solid #837E7B
   }
   .p-hojokin #mono .box_wrap .box {
     margin-bottom: 1.2em
   }
   .p-hojokin #mono .box_wrap .box:nth-child(7) {
     margin-bottom: 1.5em
   }
   .p-hojokin #mono .box_wrap .box h4 {
     margin-bottom: 0.3em;
     font-size: 13.5px
   }
   .p-hojokin #mono .box_wrap .box ul li {
     margin-bottom: 0.3em;
     font-size: 12px
   }
   .p-hojokin #mono .box_wrap .box p {
     font-size: 12px
   }
   .p-hojokin #mono .merit {
     padding-bottom: 1.7em
   }
   .p-hojokin #mono .merit h3 {
     padding-left: 1vw;
     font-size: 10vw;
     letter-spacing: 0.1em;
     white-space: nowrap
   }
   .p-hojokin #mono .merit h3 span {
     top: -4.7vw;
     left: 47%;
     width: 1em;
     font-size: 6vw;
     line-height: 1.5
   }
   .p-hojokin #mono .merit p {
     margin-top: 2.5em;
     font-size: 15px;
     letter-spacing: 0.1em
   }
   .p-hojokin #mono .merit p span {
     font-size: 1.8em
   }
   .p-hojokin #mono .white_wrap {
     padding: 4em 0
   }
   .p-hojokin #mono .white_wrap p {
     font-size: 13.5px
   }
   .p-hojokin #mono .white_wrap .big {
     font-size: 1.5em
   }
   .p-hojokin #mono .white_wrap .line {
     padding-top: 0.6em;
     padding-bottom: 0.2em;
     border-bottom: 2px solid #427797
   }
   .p-hojokin #mono .white {
     margin-bottom: 13em
   }
   .p-hojokin #mono .daikin1 .h4 {
     margin-bottom: 1.3em;
     margin-left: 2em;
     padding: 0.4em 0;
     font-size: 15px
   }
   .p-hojokin #mono .daikin2 {
     margin-bottom: 3em;
     padding-top: 0.5em;
     padding-bottom: 2.2em
   }
   .p-hojokin #mono .daikin2 table {
     margin-left: 2.7em
   }
   .p-hojokin #mono .daikin2 table tr td, .p-hojokin #mono .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 15px
   }
   .p-hojokin #mono .daikin2 table tr th {
     width: 6em
   }
   .p-hojokin #syou {
     margin-bottom: 14em
   }
   .p-hojokin #syou .bg {
     height: 120px;
     margin-bottom: 3.5em
   }
   .p-hojokin #syou h2 {
     padding: 0.5em 0;
     font-size: 17px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #syou .about {
     margin-bottom: 3.5em;
     padding-top: 0.8em;
     padding-bottom: 1.5em
   }
   .p-hojokin #syou .about h3 {
     margin-bottom: 0.7em;
     font-size: 22px;
     line-height: 1.2;
     letter-spacing: 0.08em
   }
   .p-hojokin #syou .about .txt {
     margin-bottom: 1em;
     font-size: 12px
   }
   .p-hojokin #syou .about .kome {
     font-size: 13px
   }
   .p-hojokin #syou .wrap {
     padding: 1.5em 0
   }
   .p-hojokin #syou .wrap1 {
     margin-bottom: 2em
   }
   .p-hojokin #syou .wrap2 {
     margin-bottom: 3.5em
   }
   .p-hojokin #syou .wrap h3 {
     margin-bottom: 0.8em;
     font-size: 14px
   }
   .p-hojokin #syou .wrap table tr td, .p-hojokin #syou .wrap table tr th {
     padding: 0.3em 0;
     font-size: 12px;
     letter-spacing: 0.06em
   }
   .p-hojokin #syou .wrap table tr th {
     width: 10em
   }
   .p-hojokin #syou .box {
     margin-bottom: 3.5em;
     padding: 2em 0;
     border: 2px solid #fff
   }
   .p-hojokin #syou .box h3 {
     margin-bottom: 1.5em;
     font-size: 15px
   }
   .p-hojokin #syou .box h3 span {
     padding-bottom: 0.3em;
     border-bottom: 2px solid #fff
   }
   .p-hojokin #syou .box ul li {
     float: left;
     width: 50%;
     margin-bottom: 0.8em;
     font-size: 14px
   }
   .p-hojokin #syou .box ul li:nth-child(odd) {
     padding-left: 2em
   }
   .p-hojokin #syou .box ul li:nth-child(2n) {
     padding-left: 2em
   }
   .p-hojokin #syou .white_wrap {
     padding-top: 4em;
     padding-bottom: 4em
   }
   .p-hojokin #syou .white_wrap ul {
     margin-bottom: 3em;
     margin-left: 5%
   }
   .p-hojokin #syou .white_wrap ul li {
     margin-bottom: 0.6em;
     font-size: 3.2vw;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .white_wrap ul li .big {
     font-size: 1.5em
   }
   .p-hojokin #syou .white_wrap ul li .line {
     padding-top: 0.2em;
     padding-bottom: 0.4em;
     padding-right: 0.5em
   }
   .p-hojokin #syou .white_wrap .nayami1 .line {
     font-size: 12.5px;
     border-bottom: 2px solid #4F7588
   }
   .p-hojokin #syou .white_wrap .nayami1 .line .big {
     font-size: 1.8em
   }
   .p-hojokin #syou .daikin1 .h4 {
     margin-bottom: 1.2em;
     padding: 0.4em 0;
     font-size: 14.5px;
     letter-spacing: 0.06em
   }
   .p-hojokin #syou .daikin2 {
     margin-bottom: 3em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #syou .daikin2 table {
     margin-left: 0.2em
   }
   .p-hojokin #syou .daikin2 table tr td, .p-hojokin #syou .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 14px;
     letter-spacing: 0.06em
   }
   .p-hojokin #syou .daikin2 table tr th {
     width: 5.5em
   }
 }

 @media only screen and (max-width:320px) {
   .p-hojokin {}
   .p-hojokin .inner {
     width: 70%
   }
   .p-hojokin .inner2 {
     width: 92%
   }
   .p-hojokin .pagetitle {
     height: 50vh
   }
   .p-hojokin .pagetitle .txt {
     top: 15%
   }
   .p-hojokin .pagetitle p {
     margin-bottom: 0.4em;
     font-size: 17px;
     line-height: 1.5
   }
   .p-hojokin .pagetitle .line1 {
     margin-bottom: 1.2em
   }
   .p-hojokin .pagetitle p span {
     padding-left: 0.7em;
     padding-right: 0.6em
   }
   .p-hojokin .pagetitle .line1 span {
     padding: 0.3em 0.8em
   }
   .p-hojokin .pagetitle p span.big {
     padding-left: 0.2em;
     font-size: 1.2em
   }
   .p-hojokin .pagetitle p span.small {
     font-size: 0.9em
   }
   .p-hojokin #support {
     margin-bottom: 9em;
     padding-top: 2.5em
   }
   .p-hojokin #support:before {
     width: 30.5%
   }
   .p-hojokin #support h2 {
     margin-bottom: 4em;
     font-size: 14px;
     letter-spacing: 0.09em
   }
   .p-hojokin #support h2 .line1 {
     padding: 0 0.5em;
     padding-bottom: 0.3em;
     border-bottom: 3px solid #fff
   }
   .p-hojokin #support h2 .line2 {
     padding-top: 0.1em;
     font-size: 1.3em
   }
   .p-hojokin #support h2 .color {
     margin-left: 0.4em;
     font-size: 1.2em
   }
   .p-hojokin #support .title1 {
     top: -1em;
     left: -1.7em;
     font-size: 21px
   }
   .p-hojokin #support .catch {
     width: 280px;
     height: 33px;
     margin-bottom: 3em;
     -webkit-box-shadow: 0.2em 0.5em 0.4em 0 rgba(0, 0, 0, 0.07);
     box-shadow: 0.2em 0.5em 0.4em 0 rgba(0, 0, 0, 0.07)
   }
   .p-hojokin #support .catch .title {
     bottom: 29%;
     left: 4%;
     width: 37%
   }
   .p-hojokin #support .catch span {
     top: 34%;
     left: 44%;
     font-size: 10px
   }
   .p-hojokin #support .list {
     margin-bottom: 2em
   }
   .p-hojokin #support .list li {
     font-size: 14px
   }
   .p-hojokin #support .list li+li {
     margin-top: 1em
   }
   .p-hojokin #support .catch_wrap {
     height: 140px;
     margin-bottom: 3.5em
   }
   .p-hojokin #support .catch_wrap p {
     font-size: 15.5px;
     -webkit-transform: translateX(-0.5em);
     transform: translateX(-0.5em)
   }
   .p-hojokin #support .catch_wrap .line1 {
     margin-top: 1.3em;
     margin-bottom: 0.5em;
     white-space: nowrap
   }
   .p-hojokin #support .catch_wrap .line1 .big1 {
     font-size: 1.7em;
     letter-spacing: 0.08em
   }
   .p-hojokin #support .catch_wrap .line2 {
     padding-left: 3em;
     white-space: nowrap
   }
   .p-hojokin #support .catch_wrap .line2 .big2 {
     font-size: 1.3em
   }
   .p-hojokin #support .title2 {
     margin-bottom: 3em;
     font-size: 15.5px
   }
   .p-hojokin #support .title2 .block1 {
     margin-bottom: 0.8em;
     padding: 0 0.25em;
     padding-bottom: 0.1em
   }
   .p-hojokin #support .title2 .big {
     font-size: 1.4em
   }
   .p-hojokin #support .title2 .block2 {
     margin-top: 0.8em;
     margin-left: 0;
     padding: 0 0.25em;
     padding-bottom: 0.1em
   }
   .p-hojokin #support .title2 .color2 {
     margin: 0 0.4em
   }
   .p-hojokin #support .txt {
     margin-bottom: 3.9em;
     font-size: 11.5px;
     line-height: 1.7;
     white-space: nowrap;
     letter-spacing: 0.04em;
     -webkit-transform: translateX(-3.5em);
     transform: translateX(-3.5em)
   }
   .p-hojokin #support .txt .first {
     margin-bottom: 1em
   }
   .p-hojokin #support .txt p+p {
     margin-top: 1.5em
   }
   .p-hojokin #support .txt .color1 {
     font-size: 1.6em
   }
   .p-hojokin #support .txt .color2 {
     font-size: 1.6em
   }
   .p-hojokin #support .contact {
     margin-bottom: 4em;
     font-size: 12px;
     line-height: 1.7
   }
   .p-hojokin #support .contact p {
     margin-bottom: 1.2em
   }
   .p-hojokin .contact_btn {
     width: 200px
   }
   .p-hojokin #support .time {
     height: 150px;
     padding-top: 3em
   }
   .p-hojokin #support .time p {
     padding-bottom: 0.1em;
     line-height: 1.3;
     letter-spacing: 0.1em
   }
   .p-hojokin #support .time .line1 {
     margin-bottom: 1em;
     padding-left: 0.8em;
     font-size: 19px
   }
   .p-hojokin #support .time .big1 {
     font-size: 1.5em
   }
   .p-hojokin #support .time .line2 {
     padding-right: 0.8em;
     font-size: 16px
   }
   .p-hojokin #support .time .big2 {
     font-size: 1.4em
   }
   .p-hojokin #saikou {
     margin-bottom: 12em
   }
   .p-hojokin #saikou .bg {
     height: 100px;
     margin-bottom: 3em
   }
   .p-hojokin #saikou h2 {
     padding: 0.5em 0;
     font-size: 16px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #saikou .about {
     margin-bottom: 3em;
     padding-bottom: 1.2em
   }
   .p-hojokin #saikou .about .inner {
     width: 90%
   }
   .p-hojokin #saikou .about h3 {
     margin-bottom: 0.5em;
     font-size: 25px;
     line-height: 1.2;
     letter-spacing: 0.08em
   }
   .p-hojokin #saikou .about p {
     font-size: 11.5px
   }
   .p-hojokin #saikou .tbl_wrap {
     margin-bottom: 3.5em
   }
   .p-hojokin #saikou .tbl_wrap .inner {
     width: 92%
   }
   .p-hojokin #saikou .tbl_wrap table {
     margin-bottom: 1.2em
   }
   .p-hojokin #saikou .tbl_wrap table tr td, .p-hojokin #saikou .tbl_wrap table tr th {
     width: 50%;
     font-size: 10px;
     letter-spacing: 0.02em;
     white-space: nowrap
   }
   .p-hojokin #saikou .tbl_wrap table tr th {
     padding: 0.5em 0;
     padding-left: 1em;
     font-size: 12.5px;
     border-bottom: 2px solid #fff
   }
   .p-hojokin #saikou .tbl_wrap table tr td {
     padding: 0.2em 0;
     padding-left: 0.5em
   }
   .p-hojokin #saikou .tbl_wrap table tr .first {
     padding-top: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .last {
     padding-bottom: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .last2 {
     padding-top: 1em
   }
   .p-hojokin #saikou .tbl_wrap table tr .small {
     font-size: 0.8em
   }
   .p-hojokin #saikou .tbl_wrap table tr .ritu {
     margin-right: 2em;
     white-space: nowrap
   }
   .p-hojokin #saikou .tbl_wrap table .ritu2 {
     width: 4.4em;
     margin-right: 2.2em
   }
   .p-hojokin #saikou .example {
     margin-bottom: 3em;
     padding: 2em 1em;
     border: 2px solid #010101
   }
   .p-hojokin #saikou .example .h1 {
     margin-bottom: 1.5em;
     font-size: 14px
   }
   .p-hojokin #saikou .example .h1 span {
     padding: 0 0.5em;
     padding-bottom: 0.2em;
     border-bottom: 2px solid #357DA3
   }
   .p-hojokin #saikou .example .txt {
     margin-bottom: 1.5em;
     font-size: 11.5px
   }
   .p-hojokin #saikou .example .h2 {
     margin-bottom: 1em;
     font-size: 13px
   }
   .p-hojokin #saikou .example ul li {
     font-size: 11.5px;
     line-height: 1.8
   }
   .p-hojokin #saikou .h3 {
     margin-bottom: 3em;
     font-size: 12px;
     letter-spacing: 0.06em;
     white-space: normal
   }
   .p-hojokin #saikou .list2 {
     margin-bottom: 3em;
     padding: 1.1em 0;
     padding-left: 1em;
     font-size: 12px;
     white-space: normal
   }
   .p-hojokin #saikou .list2 li {
     margin-left: 1em;
     text-indent: -1em
   }
   .p-hojokin #saikou .list2 li+li {
     margin-top: 0.7em
   }
   .p-hojokin #saikou .nayami1 {
     margin-bottom: 4em
   }
   .p-hojokin #saikou .nayami1 .line {
     font-size: 12px;
     border-bottom: 2px solid #4F7588
   }
   .p-hojokin #saikou .nayami1 .line .big {
     font-size: 1.8em
   }
   .p-hojokin #saikou .daikin1 .h4 {
     margin-bottom: 1.2em;
     margin-left: 1em;
     padding: 0.4em 0;
     font-size: 13.5px
   }
   .p-hojokin #saikou .daikin2 {
     margin-bottom: 3em;
     padding-top: 0.5em
   }
   .p-hojokin #saikou .daikin2 table {
     margin-left: 1.2em
   }
   .p-hojokin #saikou .daikin2 table tr td, .p-hojokin #saikou .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 13px
   }
   .p-hojokin #saikou .daikin2 table tr th {
     width: 6em
   }
   .p-hojokin #mono .bg {
     height: 100px;
     margin-bottom: 3.5em
   }
   .p-hojokin #mono h2 {
     padding: 0.5em 0;
     font-size: 16px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #mono .about {
     margin-bottom: 3.5em;
     padding-bottom: 1.3em
   }
   .p-hojokin #mono .about h3 {
     margin-bottom: 0.5em;
     font-size: 26px;
     line-height: 1.2;
     letter-spacing: 0.08em
   }
   .p-hojokin #mono .about .txt {
     margin-bottom: 1em;
     font-size: 11.5px
   }
   .p-hojokin #mono .about .kome {
     font-size: 11.5px
   }
   .p-hojokin #mono .box_wrap {
     width: 92%;
     margin-bottom: 4.5em;
     padding: 2em 1.2em;
     border: 2px solid #837E7B
   }
   .p-hojokin #mono .box_wrap h3 {
     margin-bottom: 1.5em;
     font-size: 14px
   }
   .p-hojokin #mono .box_wrap h3 span {
     padding-bottom: 0.2em;
     border-bottom: 2px solid #837E7B
   }
   .p-hojokin #mono .box_wrap .box {
     margin-bottom: 1.2em
   }
   .p-hojokin #mono .box_wrap .box:nth-child(7) {
     margin-bottom: 1.5em
   }
   .p-hojokin #mono .box_wrap .box h4 {
     margin-bottom: 0.3em;
     font-size: 13px
   }
   .p-hojokin #mono .box_wrap .box ul li {
     margin-bottom: 0.3em;
     font-size: 11.5px
   }
   .p-hojokin #mono .box_wrap .box p {
     font-size: 11.5px
   }
   .p-hojokin #mono .merit {
     padding-bottom: 1.7em
   }
   .p-hojokin #mono .merit h3 {
     padding-left: 1vw;
     font-size: 10vw;
     letter-spacing: 0.1em;
     white-space: nowrap
   }
   .p-hojokin #mono .merit h3 span {
     top: -4.7vw;
     left: 47%;
     width: 1em;
     font-size: 6vw;
     line-height: 1.5
   }
   .p-hojokin #mono .merit p {
     margin-top: 2.5em;
     font-size: 14px;
     letter-spacing: 0.1em
   }
   .p-hojokin #mono .merit p span {
     font-size: 1.8em
   }
   .p-hojokin #mono .white_wrap {
     padding: 3.5em 0
   }
   .p-hojokin #mono .white_wrap p {
     font-size: 12.5px
   }
   .p-hojokin #mono .white_wrap .big {
     font-size: 1.5em
   }
   .p-hojokin #mono .white_wrap .line {
     padding-top: 0.6em;
     padding-bottom: 0.2em;
     border-bottom: 2px solid #427797
   }
   .p-hojokin #mono .white {
     margin-bottom: 12em
   }
   .p-hojokin #mono .daikin1 .h4 {
     margin-bottom: 1.3em;
     margin-left: 1em;
     padding: 0.4em 0;
     font-size: 14px
   }
   .p-hojokin #mono .daikin2 {
     margin-bottom: 3em;
     padding-top: 0.5em
   }
   .p-hojokin #mono .daikin2 table {
     margin-left: 1.7em
   }
   .p-hojokin #mono .daikin2 table tr td, .p-hojokin #mono .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 14px
   }
   .p-hojokin #mono .daikin2 table tr th {
     width: 6em
   }
   .p-hojokin #syou {
     margin-bottom: 12em
   }
   .p-hojokin #syou .bg {
     height: 100px;
     margin-bottom: 3.5em
   }
   .p-hojokin #syou h2 {
     padding: 0.5em 0;
     font-size: 16px;
     letter-spacing: 0.1em;
     -webkit-transform: translateY(-2.2em);
     transform: translateY(-2.2em);
     -webkit-box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4);
     box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.4)
   }
   .p-hojokin #syou .about {
     margin-bottom: 3.5em;
     padding-top: 0.8em;
     padding-bottom: 1.5em
   }
   .p-hojokin #syou .about h3 {
     margin-bottom: 0.7em;
     font-size: 19px;
     line-height: 1.2;
     letter-spacing: 0.06em
   }
   .p-hojokin #syou .about .txt {
     margin-bottom: 1em;
     font-size: 11.5px
   }
   .p-hojokin #syou .about .kome {
     font-size: 12.5px
   }
   .p-hojokin #syou .wrap {
     padding: 1.5em 0
   }
   .p-hojokin #syou .wrap1 {
     margin-bottom: 2em
   }
   .p-hojokin #syou .wrap2 {
     margin-bottom: 3.5em
   }
   .p-hojokin #syou .wrap h3 {
     margin-bottom: 0.8em;
     font-size: 13px
   }
   .p-hojokin #syou .wrap table tr td, .p-hojokin #syou .wrap table tr th {
     padding: 0.3em 0;
     font-size: 10.5px;
     letter-spacing: 0.04em
   }
   .p-hojokin #syou .wrap table tr th {
     width: 10em
   }
   .p-hojokin #syou .box {
     margin-bottom: 3.5em;
     padding: 2em 0;
     border: 2px solid #fff
   }
   .p-hojokin #syou .box h3 {
     margin-bottom: 1.5em;
     font-size: 14px
   }
   .p-hojokin #syou .box h3 span {
     padding-bottom: 0.3em;
     border-bottom: 2px solid #fff
   }
   .p-hojokin #syou .box ul li {
     float: left;
     width: 50%;
     margin-bottom: 0.8em;
     font-size: 13px
   }
   .p-hojokin #syou .box ul li:nth-child(odd) {
     padding-left: 2em
   }
   .p-hojokin #syou .box ul li:nth-child(2n) {
     padding-left: 2em
   }
   .p-hojokin #syou .white_wrap {
     padding-top: 4em;
     padding-bottom: 4em
   }
   .p-hojokin #syou .white_wrap ul {
     margin-bottom: 3em;
     margin-left: 5%
   }
   .p-hojokin #syou .white_wrap ul li {
     margin-bottom: 0.6em;
     font-size: 3.2vw;
     letter-spacing: 0.1em
   }
   .p-hojokin #syou .white_wrap ul li .big {
     font-size: 1.5em
   }
   .p-hojokin #syou .white_wrap ul li .line {
     padding-top: 0.2em;
     padding-bottom: 0.4em;
     padding-right: 0.5em
   }
   .p-hojokin #syou .white_wrap .nayami1 .line {
     font-size: 12px;
     border-bottom: 2px solid #4F7588
   }
   .p-hojokin #syou .white_wrap .nayami1 .line .big {
     font-size: 1.8em
   }
   .p-hojokin #syou .daikin1 .h4 {
     margin-bottom: 1.2em;
     padding: 0.4em 0;
     font-size: 13px;
     letter-spacing: 0.06em
   }
   .p-hojokin #syou .daikin2 {
     margin-bottom: 3em;
     padding-top: 0.5em;
     padding-bottom: 0.5em
   }
   .p-hojokin #syou .daikin2 table {
     margin-left: 0.2em
   }
   .p-hojokin #syou .daikin2 table tr td, .p-hojokin #syou .daikin2 table tr th {
     padding: 0.1em 0;
     font-size: 13px;
     letter-spacing: 0.06em
   }
   .p-hojokin #syou .daikin2 table tr th {
     width: 5.5em
   }
 }
 



 .p-member .s-member .block02 .profile#member09 .bg {
 		
 	 padding-bottom: 5rem;
   background: #e9e3d7
   
 }
 
 .p-member .s-member .block02 .profile#member09 .box01 .title>span {
 
   color: #b0816f
   
 }
 
 .p-member .s-member .block02 .profile#member09 .line {
 
 	 font-weight: 600;
 
 }
 
 .p-member .s-member .block02 .profile#member09 .line span {
 
 	 display: inline-block;
 	 margin-left: 13em;
 
 }
 
 
 @media print, screen and (max-width:768px) {
 
   .p-member .s-member .block02 .profile#member09 .bg {
 		
 	   padding-bottom: 0rem;
   
   }
   
   .p-member .s-member .block02 .profile#member09 .line span {
 
 	   margin-left: 6em;
 
   }
 
 }
 
 @media print, screen and (max-width:480px) {
 
   .p-member .s-member .block02 .profile#member09 .bg {
 		
 	   padding-bottom: 0rem;
   
   }
   
   .p-member .s-member .block02 .profile#member09 .line span {
 
 	   margin-left: 1em;
 
   }
 
 }


.p-member .s-member .block02 .profile .box02 .pic {

	max-width: 630px;
  
}


.p-top .s-mv {
	
	display: flex; 
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;

}


.p-top .s-mv svg {

	display: inline-block;
	width: 42%;
	padding: 2% 0 1.5% 0;

}

.p-top .s-mv .line1 {

	transform: translateX(-3%);

}

.p-top .s-mv .line2 {

	margin-top: -8.4%;
	margin-left: 3em;

}

.p-top .s-mv h1 {

	margin-top: -3em;
	transform: translateX(2%);

}

.p-top .s-mv h1 .font14_28 {
	
	font-size: 1.2vw;

}

@media only screen and (max-width: 1300px) {
	
	.p-top .s-mv svg {

		width: 54%;
		padding: 2% 0 1.5% 0;

	}

	.p-top .s-mv .line1 {

		transform: translateX(-3%);

	}

	.p-top .s-mv .line2 {

		margin-top: -10%;
		margin-left: 2.5em;

	}

	.p-top .s-mv h1 {

		margin-top: -3%;
		transform: translateX(2%);

	}

	.p-top .s-mv h1 .font14_28 {
		
		font-size: 1.6vw;

	}

}

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

	.p-top .s-mv svg {

		width: 80%;

	}
	
	.p-top .s-mv .line1 {
		
		display: inline-block;
		transform: translateX(-3%);

	}
	
	.p-top .s-mv .line2 {

		margin-top: -12.9%;
		margin-left: 0.5em;

	}

	.p-top .s-mv h1 {
		
		margin-top: 0;

	}
	
	.p-top .s-mv h1 .font14_28 {
		
		font-size: 3.4vw;

	}

}



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



}


/* MacBook Pro16 */
@media only screen and (max-width: 1728px) {



}


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



}


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



}


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



}


/* MacBook Pro14 */
@media only screen and (max-width: 1512px) {



}


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



}


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



}


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



}


/* 中サイズ */
@media only screen and (max-width: 1366px) {



}


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


}


/* MacBook Air */
@media only screen and (max-width: 1280px) {



}

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



}


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



}


/* iPad Pro11の横 */
@media only screen and (max-width: 1194px) {



}


/* iPad 5th Airの横 */
@media only screen and (max-width: 1180px) {



}


/* iPad 6th Miniの横 */
@media only screen and (max-width: 1133px) {



}


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



}


/* iPad 9thの横 */
@media only screen and (max-width: 1080px) {



}


/* iPadPro */
@media only screen and (max-width: 1024px) {



}


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


	
}


/* iPhone14 ProMaxの横 */
@media only screen and (max-width: 932px) {


	
}


/* XRの横 */
@media only screen and (max-width: 896px) {


	
}


/* AndroidのＬの横 */
@media only screen and (max-width: 854px) {



}


/* iPhone14 Proの横 */
@media only screen and (max-width: 852px) {



}


/* iPhone14の横*/
@media only screen and (max-width: 844px) {



}


/* iPad Pro11 */
@media only screen and (max-width: 834px) {



}


/* iPad Air */
@media only screen and (max-width: 820px) {



}


/* iPhone13 miniの横 */
@media only screen and (max-width: 812px) {



}


/* iPad 9th */
@media only screen and (max-width: 810px) {



}


/* iPad */
@media only screen and (max-width: 768px) {



}


/* iPad 6th Mini */
@media only screen and (max-width: 744px) {



}


/* iPhonePlusの横 */
@media only screen and (max-width: 736px) {



}


/* iPhone8の横 */
@media only screen and (max-width: 667px) {



}


/* iPhone5の横 */
@media only screen and (max-width: 568px) {



}


/* AndLoidL */
@media only screen and (max-width: 480px) {



}


/* Iphone13 Pro Max */
@media only screen and (max-width: 430px) {



}


/* Iphone12 Pro Max */
@media only screen and (max-width: 428px) {



}


/* iPhonePlus */
@media only screen and (max-width: 414px) {



}


/* iPhone14 Pro */
@media only screen and (max-width: 393px) {



}


/* iPhone12 Pro */
@media only screen and (max-width: 390px) {



}


/* iPhone8 */
@media only screen and (max-width: 375px) {



}


/* Galaxy */
@media only screen and (max-width: 360px) {



}


/* iPhone5 */
@media only screen and (max-width: 320px) {



}