@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline
}
html {
  line-height: 1
}
ol, ul {
  list-style: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle
}
q, blockquote {
  quotes: none
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none
}
a img {
  border: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block
}
button:focus {
  outline: none
}
button {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none
}
input[type="submit"], input[type="reset"] {
  cursor: pointer
}
button, input, textarea, select {
  font-family: inherit
}
html {
  height: 100%;
  font-size: 62.5%
}
html.lg {
  font-size: 81.25%
}
body {
  height: 100%;
  background: url(../img/common/bg-circle.png) repeat center center;
  background-size: 11px 11px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Droid Sans", "Droid Sans", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8;
  color: #000;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none
}
p {line-height: 1.5}
img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  -ms-interpolation-mode: bicubic
}
.color-white {
  color: #fff
}
.color-white a {
  color: #fff
}
.color-green {
  color: #00B050
}
.color-green a {
  color: #00B050
}
.color-green02 {
  color: #090
}
.color-green02 a {
  color: #090
}
.color-green-lt {
  color: #aacf44
}
.color-green-lt a {
  color: #aacf44
}
.color-red {
  color: #F00
}
.color-red a {
  color: #e95541
}
.color-orange {
  color: #ff7800;
}
.color-orange-lt {
  color: #ffb400;
}
.color-blue{
	color:#0046cd
}
.color-blue-lt{
	color:#036EB7
}
.color-yellow{
	color: #FFFF00 !important
}
.bg-green {
  background-color: #79b72f
}
.bg-white {
  background-color: #fff !important
}
.bg-orange {
  background-color: #ff7800
}
.bg-orange-lt {
  background-color: #ffb400
}
.bg-blue{
	background-color: #036EB7;
	color: #fff
}
.bg-blue-lt{
	background-color: #DFF2FC
}
.rnd_box{
	border-radius: 12px;
	padding: 20px
}
.padding_box{
	padding: 10px
}
.padding_box_wide{
	padding: 10px 40px
}
.documents_box{
	border:3px solid #036EB7;
	border-radius: 10px
}
a {
  color: #000;
  text-decoration: none
}
.btn-elm {
  cursor: pointer
}
.hv-op0, .hv-op {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s
}
.transition {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s
}
.fw-b {
  font-weight: 700
}
.fs-120 {
  font-size: 120%
}
.fs-175 {
  font-size: 175%;
	line-height: 1;
	vertical-align: middle;
}
.fs-middle{
	font-size:3rem
}
.fs-big{
	font-size:3.8rem
}
.fs-lh {
  font-size: 4.2rem
}
.lazyload, .lazyloading {
  opacity: 0
}
.lazyloaded {
  opacity: 1
}
.of-hid {
  overflow: hidden
}
.bs-b {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.br-50 {
  border-radius: 50%
}
.br-5{border-radius: 5px !important}
.cf:after {
  content: "";
  clear: both;
  display: block
}
.fl-l {
  float: left
}
.fl-r {
  float: right
}
.txt-l {
  text-align: left
}
.txt-c {
  text-align: center
}
.txt-r {
  text-align: right
}
.txt-j {
  text-align: justify
}
.posi-r {
  position: relative
}
.table-style {
  display: table;
  table-layout: fixed;
  width: 100%
}
.table-style.i-block {
  display: inline-table
}
.table-style.w-auto {
  width: auto
}
.table-cell {
  display: table-cell
}
.i-block {
  display: inline-block
}
.block {
  display: block
}
.bg-style {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}
.va-top {
  vertical-align: top
}
.va-mid {
  vertical-align: middle
}
.va-b {
  vertical-align: bottom
}
.va-base {
  vertical-align: baseline
}
.w100 {
  width: 100%
}
.mw700 {
  max-width: 700px
}
.mw960{max-width: 960px}
.mw1080 {
  max-width: 1080px;
}
.m-c {
  margin-left: auto;
  margin-right: auto
}
img.w100 {
  height: auto
}
.w-auto {
  width: auto
}
.mt00{margin-top: 0 !important}
.mt10{margin-top: 10px !important}
.mt20 {margin-top: 20px !important;}
.mb00{margin-bottom: 0 !important}
.mb10{margin-bottom: 10px !important}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.ml40{margin-left: 40px !important}
.m-vertical{margin-top: 2%;margin-bottom: 2%}
.pt100 {
  padding-top: 100%
}
.pl0 {
  padding-left: 0 !important
}
.hidden {
  display: none !important
}
.wb-ba {
  word-break: break-all
}
.lh-1 {
  line-height: 1
}
.over-elm {
  position: relative;
  z-index: 9
}
.posi-full {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
.posi-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%)
}
.scale-elm {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s
}
@media only screen and (min-width: 768px) {
  #global-nav.fixed {
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
  }
  .table-style-pc {
    display: table;
    table-layout: fixed;
    width: 100%
  }
  .table-style-pc.w-auto {
    width: auto
  }
  .table-style-i-pc {
    display: inline-table;
    table-layout: fixed;
    width: 100%
  }
  .table-style-i-pc.w-auto {
    width: auto
  }
  .table-cell-pc {
    display: table-cell
  }
  .sp-mode {
    display: none !important
  }
  a:hover, button:hover, .btn-elm:hover {
    text-decoration: none
  }
  a:hover .hv-op, button:hover .hv-op, .btn-elm:hover .hv-op {
    opacity: .7
  }
  a:hover .hv-op0, button:hover .hv-op0, .btn-elm:hover .hv-op0 {
    opacity: 0
  }
  a.hv-op:hover, button.hv-op:hover, .btn-elm.hv-op:hover {
    opacity: .7
  }
  .hv-line:hover {
    text-decoration: underline
  }
  .hv-orange:hover {
    background-color: #ffb400
  }
  .flx-box {
	  display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
	  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
    justify-content: space-between;
  }
  .flx-box > * {
    width: 49%
  }
  .flx-box.flx-1-3 > * {
    width: calc(100% / 3)
  }
	/*.scale_dwn{
		zoom: 0.8;
		-moz-transform:	scale(0.8,0.8) translate(-1%,-1%);
	}*/
	.ml-1em-pc{margin-left: 1em}
	.padding-lr{padding: 0 10%}
@-moz-document url-prefix() {
	/*.scale_dwn{margin: -1em auto}firefoxのみ画像余白をマイナス*/
}
}
@media only screen and (max-width: 767px) {
  .pc-mode {
    display: none !important
  }
  .sp-br-none br {
    display: none
  }
  .fl-l, .fl-r {
    float: none
  }
  .txt-c-sp {
    text-align: center
  }
  .txt-l-sp {
    text-align: left;
  }
  .flx-not-clr {
	  
    display: flex
  }
  .flx-box-clr > * {
    width: 49%
  }
}
.flx-d-clmn {
	display: flex;
  flex-direction: column;
	justify-content: center
}
.flx-d-clmn > * {
  /*width: 100%*/
}

.header-top {
  padding: 0 200px 0 175px
}
.header-logo {
  position: absolute;
  top: 12px;
  left: 0;
  z-index: 1
}
 .sp-960-br{
   display: none;
  }
.header-shinsei-logo {
  position: absolute;
  top: 13px;
  left: 62%;
  z-index: 1;
}
.header-text {
  height: 91px;
  padding: 0 0 4px;
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.6rem
}
.header-text-change {
  position: absolute;
  top: 28px;
  right: 0;
  line-height: 1.2
}
.text-size-change-ttl {
  margin: 0 14px 0 0;
  font-size: 12px;
  font-size: 1.2rem
}
.text-size-change-list {
  font-size: 0
}
.text-size-change-list li {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  font-size: 1.2rem
}
.text-size-change-list li + li {
  margin: 0 0 0 10px
}
.text-size-change-list a {
  padding: 3px 8px 3px
}
.text-size-change-list .current {
  background-color: #888
}
.text-size-change-list .current a {
  color: #fff
}
.global-header { /*
	position: fixed;
	width: 100%;
	margin-top: -160px;
	z-index: 100*/
}
.global-nav-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-right: 1px solid #fff;
  line-height: 1.2
}
.global-nav-link li {
  width: calc(100% / 5);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  font-size: 2.08rem
}
.global-nav-link a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding: 21px 5px 22px;
  border-left: 1px solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.global-nav-link .current {
  background-color:
    #ffb400
}
@media only screen and (max-width: 960px) {
 .sp-960-br{
   display: block;
  }
 .header-shinsei-logo {
   left: 53%;
  }
}
@media only screen and (max-width: 767px) {
  .global-header {
    /*padding-top: 75px;*/
    position: relative
  }
  .header-top {
    background: #fff;
    padding: 0;
    /*position: fixed;
    margin-top: -75px !important;*/
    width: 100%;
    z-index: 100
  }
  .header-logo {
    position: absolute;
    top: 10px;
    left: 2.66667%;
    z-index: 1;
    width: 97px
  }
 .sp-960-br{
   display: none;
  }
.header-shinsei-logo {
    position: absolute;
    top: 13px;
    left: 0;
    z-index: 1;
    width: 120px;
    margin-left: 120px;
}
  .header-menu-btn {
    position: absolute;
    top: 10px;
    right: 2.66667%;
    display: block;
    width: 100px;
    height: 40px;
    border-radius: 2px;
    background-color: #FF7800;
    cursor: pointer
  }
	.header-menu-btn::after{
		content:"メニュー";
		color: #fff;
		display: inline-block;
		font-size: 14px;
		font-weight: bold;
		position: absolute;
		top:30%;
		right:5px
	}
  .header-menu-btn .bar-box {
    display: block;
    height: 24px;
    width: 24px;
	  left:20%
  }
  .header-menu-btn .bar {
    position: absolute;
    display: block;
    background: #fff;
    height: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s
  }
  .header-menu-btn .bar01 {
    top: 0
  }
  .header-menu-btn .bar02 {
    top: 11px
  }
  .header-menu-btn .bar03 {
    bottom: 0
  }
  .header-menu-btn.on .bar01 {
    -webkit-transform: translateY(11px) rotate(-45deg);
    -ms-transform: translateY(11px) rotate(-45deg);
    transform: translateY(11px) rotate(-45deg)
  }
  .header-menu-btn.on .bar02 {
    opacity: 0
  }
  .header-menu-btn.on .bar03 {
    -webkit-transform: translateY(-10px) rotate(45deg);
    -ms-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg)
  }
  .header-text-wrap {
    padding: 55px 0 0
  }
  .header-text {
    height: auto;
    padding: 4px 2.4% 2px;
    background-color: #FF7800;
    line-height: 1.4;
    font-size: 10px;
    font-size: 1rem
  }
  .header-text .color-green02 {
    color: #fff;
  }
  .global-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 20
  }
  .global-nav-link {
    display: block;
    border-top: 1px solid #fff;
    border-right: 0;
    font-size: 0;
    line-height: 1.2;
    text-align: left
  }
  .global-nav-link li {
    width: auto;
    font-size: 20px;
    font-size: 2rem
  }
  .global-nav-link a {
    display: block;
    padding: 13px 8% 13px;
    border-left: 0;
    border-bottom: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .global-nav-link .current {
    background-color: transparent
  }
}
.global-footer {
  padding: 50px 0 30px;
}
.footer-simulation-btn {
  margin: 0 auto 10px
}
.footer-col2 {
  font-size: 0;
  /*margin: 0 -15px;
    display: flex;*/
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
  justify-content: space-between
}
.request {
  padding: 20px
}
.request > .fw-b {
  font-size: 20px
}
.request > .fw-b b {
  font-size: 125%;
}
.request .bg-white {
  height: 125px;
  font-size: 22px;
  border: 4px solid #f00;
  border-radius: 5px;
  display: inline-block;
  width: 48%;
}
.request .bs-b.bg-white a::before {
  content: '';
  display: inline-block;
  background-image: url(../img/common/icn-link-red.png);
  background-size: contain;
  width: 49px;
  height: 49px;
  margin-top: 10px
}
.footer-col2-elm {
  width: 48.5%;
  vertical-align: top;
  font-size: 16px;
  font-size: 1.6rem;
  border-radius: 5px;
}
.footer-col2-elm .ct-btn02 .main-text:before {
  margin-top: 3px
}
.footer-col2-elm02 {
  /*margin: 0 0 30px 15px*/
}
.footer-contact-box {
  border: 1px solid #ffb400;
  border-radius: 5px;
  line-height: 1.6
}
.footer-contact-box .footer-contact-cell {
  height: 218px
}
.footer-contact-cell {
  height: 220px;
  padding: 5px 10px
}
.footer-contact-ttl {
  margin: 0 0 1px;
  font-size: 24px
}
.footer-contact-list {
  margin: 2px 0 5px;
  font-size: 0
}
.footer-contact-list li {
  vertical-align: top;
  font-size: 18px;
}
.footer-contact-list li:first-child {
  /*margin-right: 40px*/
}
.footer-contact-list .tel-icon {
  position: relative;
  top: 8px;
  margin: 0 10px 0 0
}
.footer-contact-text02 {
  margin: 0 0 0 -.5em
}
.footer-contact-text03 {
  margin: 0 -10px 0 0;
  font-size: 15px;
  font-size: 1.5rem
}
.footer-col2-small {
  font-size: 0;
	margin-bottom: 30px
}
.footer-col2-elm-small {
  width: 48.5%;
}
.footer-contact-box02 {
  position: relative;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #FFB400;
  line-height: 1.6
}
.footer-contact-box02 .text {
  padding: 25px 30px 23px
}
.footer-contact-box02 .text.type-logo {
  padding: 10px 10px 10px 80px
}
.footer-contact-box02 .logo {
  position: absolute;
  top: calc(50% - 25px);
  left: 19px;
  z-index: 1
}
.footer-contact-box02 > p{
  /*font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;*/
	text-align: left;
}
.footer-contact-box02  {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6
}
.footer-contact-box02:last-of-type{
	padding: 10px 20px;
	box-sizing: border-box
}
.footer-text {
  margin: 4px 0 0;
  font-size: 16px;
  font-size: 1.6rem
}
#page_top {
  width: 100px;
  height: 100px;
  position: fixed;
  right: 10px;
  /*bottom: -100px;*/
  background: #ff7800;
  border-radius: 50%;
  z-index: 101
}
#page_top a::before {
  content: '≫';
  font-size: 26px;
  font-weight: 900;
  color: #fff;
  position: absolute;
  width: 26px;
  height: 26px;
  top: 5px;
  left: 25%;
  margin: auto;
  text-align: center;
  transform: rotate(-90deg);
}
#page_top a::after {
  content: 'ページTOPへ戻る';
  font-size: 18px;
  letter-spacing: 0.02em;
  line-height: 20px;
  color: #fff;
  position: absolute;
  top: 38px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #page_top {
    width: 160px;
    height: 160px
  }
  #page_top a:before {
    font-size: 36px;
    width: 1em;
    height: 1em;
    top: .25em;
    left: calc(50% - 1em)
  }
  #page_top a:after {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.25em;
    top: 2em
  }
}
@media only screen and (max-width: 800px) and ( min-width:768px){
	/*大きいタブレット*/
	.footer-col2,.footer-col2-small{display: block}
	.footer-col2 .footer-col2-elm,.footer-col2-small .footer-col2-elm-small{width: auto;max-width: 80%;margin-left: auto;margin-right: auto}
	.footer-col2 .footer-col2-elm:first-child,.footer-col2-small .footer-col2-elm-small:first-child{margin-bottom: 20px}
	.footer-simulation-btn{width: 80%}
}
@media only screen and (max-width: 768px) {
	.request{padding: 5%}
  .request .bg-white {
    font-size: 5vw;
  }
  .global-footer {
    padding: 20px 2.66667% 34px;
  }
  .footer-simulation-btn {
    margin: 0 auto 21px
  }
  .footer-col2 {
    margin: 0;
  }
  .footer-col2-elm {
    display: block;
    width: auto;
    margin: 0 auto 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
	.footer-col2-elm .bg-white{font-size:2rem}
  .footer-col2-elm .ct-btn02 .main-text:before {
    margin-top: 0
  }
  .footer-col2-elm02 {
    width: auto
  }
  .footer-contact-box {
    border-radius: 4px;
    line-height: 1.6
  }
  .footer-contact-box .footer-contact-cell {
    height: auto
  }
  .footer-contact-cell {
    height: auto;
    padding: 9px 10px 12px 12px
  }
  .footer-contact-ttl {
    margin: 0 0 1px
  }
	.footer-contact-name{
		
	}
  .footer-contact-list {
    margin: 6px 0 0;
    line-height: 1.9
  }
  .footer-contact-list li {
    display: block;
	  font-size: 1.7rem
  }
  .footer-contact-list li:first-child {
    margin-right: 0
  }
  .footer-contact-list .tel-icon {
    position: relative;
    top: 4px;
    width: 50px;
    margin: 0 4px 0 2px
  }
  .footer-contact-text01 {
    font-size: 11px;
    font-size: 1.1rem
  }
  .footer-contact-text02 {
    margin: -.5em 0 0 -8px;
	  font-size: 90%;
	  display: block
  }
  .footer-contact-text03 {
    margin: 7px -5px 0 2px;
    font-size: 10px;
    font-size: 1rem
  }
  .footer-col2-small {
    margin: 20px 0 0
  }
  .footer-col2-elm-small {
    display: block;
    width: auto;
    margin: 0 0 20px
  }
  .footer-contact-box02 .text {
    padding: 12px 10px 10px 12px
  }
  .footer-contact-box02 .text.type-logo {
    padding: 12px 10px 10px 58px
  }
  .footer-contact-box02 .logo {
    
    left: 13px;
    width: 36px
  }
  .footer-contact-box02 dt {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.3
  }
  .footer-contact-box02  {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.7
  }
  .footer-contact-cell02 {
    height: auto
  }
  .footer-text {
    margin: 19px 0 0;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.3
  }
}
.wrapper {
  overflow: hidden;
  /*padding-top: 160px*/
  position: relative
}
.contents {
  margin: -1px 0 0;
  background-size: contain
}
.ct-inner {
  max-width: 1080px;
  margin: 0 auto
}
.ct-inner-860 {
  max-width: 860px;
  margin: 0 auto
}
.ct-inner-960 {
  max-width: 960px;
  margin: 0 auto
}
.ct-side-space {
  padding-left: 40px;
  padding-right: 40px
}
@media only screen and (max-width: 767px) {
  .contents {
    margin: 0 0 0;
  }
  .ct-side-space {
    padding-left: 2.66667%;
    padding-right: 2.66667%
  }
  .ct-side-space-sp-0 {
    padding-left: 0;
    padding-right: 0
  }
	.footer-col2 .footer-col2-elm,.footer-col2-small .footer-col2-elm-small{max-width:100% ;}
}
.ct-btn {
  padding: 13px 10px 17px 10px;
  border-radius: 5px;
  line-height: 1.4
}
.ct-btn .main-text {
  font-size: 30px;
  font-size: 3rem
}
.ct-btn .main-text:before {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  height: 30px;
  width: 30px;
  margin: 5px 8px 3px;
  background: url(../img/common/icon-link1.png) no-repeat top center;
  background-size: cover;
  vertical-align: top
}
.ct-btn.btn-apply .main-text:before {
  background: url(../img/common/icon-link2.png) no-repeat top center;
  background-size: cover;
}
.ct-btn .main-text + .sub-text {
  margin-top: 3px
}
.ct-btn .sub-text {
  font-size: 18px;
  font-size: 1.8rem
}
.btn-simulation .main-text {
  padding: 0 10px 0 0
}
.btn-simulation .sub-text {
  padding: 0 0 0 7px
}
.ct-btn02 {
  border-radius: 5px;
  line-height: 1.2
}
.ct-btn02 .table-cell {
  height: 220px
}
.ct-btn02 .main-text {
  font-size: 36px;
  font-size: 3.6rem
}
.ct-btn02 .main-text:before {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  height: 36px;
  width: 36px;
  margin: 5px 8px 3px;
  background: url(../img/common/icon-link02.png) no-repeat top center;
  background-size: cover;
  vertical-align: top
}
@media only screen and (max-width: 767px) {
  .ct-btn {
    padding: 15px 5px 11px;
    border-radius: 5px;
    line-height: 1.4
  }
  .ct-btn .main-text {
    font-size: 20px;
    font-size: 2rem
  }
  .ct-btn .main-text:before {
    top: 2px;
    height: 25px;
    width: 25px;
    margin: 0 2px 0 0
  }
  .ct-btn .main-text + .sub-text {
    margin-top: 6px
  }
  .ct-btn .sub-text {
    font-size: 11px;
    font-size: 1.1rem
  }
  .btn-simulation .main-text {
    padding: 0 0 0 1px
  }
  .btn-simulation .sub-text {
    padding: 0 0 0 6px
  }
  .ct-btn02 {
    border-radius: 4px
  }
  .ct-btn02 .table-cell {
    height: 111px
  }
  .ct-btn02 .main-text {
    font-size: 30px;
    font-size: 3rem
  }
  .ct-btn02 .main-text:before {
    top: 3px;
    height: 30px;
    width: 30px;
    margin: 0 0 0 2px
  }
}
.top-ttl-img {
  margin: 0 0 40px;
  padding: 60px 0 0
}
.top-main-btn {
  margin: 0 auto 49px
}
.top-point-head {
  margin: 0 0 54px
}
.top-point-main-ttl {
  margin: 0 0 13px
}
.top-point-main-lead {
  line-height: 1.45;
  font-size: 24px;
  font-size: 2.4rem
}
.point-box {
  margin: 0 0 41px
}
.point-num-ttl {
  min-width: 160px;
  padding: 7px 5px 6px;
  border-radius: 8px 8px 0 0;
  font-size: 20px;
  font-size: 2.08rem
}
.point-num-ttl .icon {
  margin: 0 1px 0 0
}
.point-ttl-box {
  padding: 0 40px
}
.point-text-box {
  padding: 25px 0 27px;
  border: 2px solid #ffb400;
  border-radius: 5px
}
.point-ttl {
  margin: 0 0 11px;
  padding: 0 0 11px;
  line-height: 1.2;
  font-size: 40px;
  font-size: 4rem;
	font-feature-settings: "palt" 1;
}
.point-ttl2 {
  border: 3px solid #00B050;
  border-radius: 2em;
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  background: #fff;
  position: relative;
	padding-left: .5em;
	font-feature-settings: "palt" 1;
}
.point-ttl2 b {
  background: #00B050;
  border: 2px solid #00b050;
  border-radius: 2em;
  color: #fff;
  position: absolute;
  left: 0;
  top: -2px;
  width: 1.5em;
  height: 1.5em;
}
.point-text {
  margin: 0 0 26px;
  line-height: 1.4;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold
}
.point-text-rnd-box {
  background: #FFB400;
  border-radius: 20px;
  font-size: 3rem;
  font-weight: 600;
  margin: 0 auto 20px;
  text-align: center;
  width: 24em;
}
.yellow-box {
  background: #FFFFBE;
  border-radius: 30px;
  padding: 30px;
  margin-top: 20px;
}
.point-text02 {
  margin: 17px 0 0;
  line-height: 1.4;
  font-size: 14px;
  font-size: 1.4rem
}
.point-text03 {
  font-size: 16px;
  font-weight: bold;
}
.point-text-img {
  position: relative;
  top: 3px;
  margin: 0 6px
}
.point-img03 {
  margin: 34px 0 2px
}
.point-img-col2-elm {
  width: 47.91667%
}
.point-img-col2-text {
  margin: 13px 0 0;
  line-height: 1.65;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem
}
.top-bottom-area {
  margin: 80px 0 25px
}
.top-bottom-ttl {
  margin: 0 0 43px
}
.top-bottom-img {
  margin: 0 0 25px
}
.top-bottom-text {
  font-size: 16px;
  font-size: 1.6rem
}
@media only screen and (max-width: 767px) {
  .top-ttl-img {
    margin: 0 0 4%;
    padding: 9.85915% 0 0
  }
  .top-main-btn {
    margin: 0 auto 40px
  }
  .top-point-head {
    margin: 0 0 37px
  }
  .top-point-main-ttl {
    margin: 0 0 23px
  }
  .top-point-main-lead {
    line-height: 1.6;
    font-size: 17px;
    font-size: 1.7rem
  }
  .top-point-main-lead.txt-c {
    text-align: left
  }
  .point-box {
    margin: 0 0 30px
  }
  .point-num-ttl {
    min-width: 131px;
    padding: 8px 5px 7px;
    border-radius: 4px 4px 0 0;
    font-size: 18px;
    font-size: 1.82rem
  }
  .point-num-ttl .icon {
    margin: 0 1px 0 0
  }
  .point-num-ttl .icon img {
    width: 20px
  }
  .point-ttl-box {
    padding: 0 6.47887%
  }
  .point-text-box {
    padding: 15px 0 26px;
    border: 1px solid #ffb400;
    border-radius: 4px
  }
  .point-text-box .ct-side-space {
    padding: 0 2.54958%
  }
  .point-ttl {
    margin: 0 0 7px;
    padding: 0 0 5px;
    line-height: 1.4;
    font-size: 27px;
    font-size: 2.73rem
  }
  .point-text {
    margin: 0 0 24px;
    line-height: 1.4;
    font-size: 20px;
    font-size: 2rem
  }
  .point-text02 {
    margin: 14px 0 0 4px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.4;
    /*font-weight: bold*/
  }
  .point-text-img {
    top: 7px;
    margin: 0 5px 0 7px;
    width: 45px
  }
  .point-img {
    position: relative
  }
  .point-img01 {
    left: 3px
  }
  .point-img02 {
    padding: 3px 2px 0
  }
  .point-img03 {
    margin: -8px 0 0
  }
  .point-img-col2 {
    margin: -7px 0 -8px
  }
  .point-img-col2-elm {
    width: auto
  }
  .point-img-col2-elm + .point-img-col2-elm {
    margin-top: 23px
  }
  .point-img-col2-text {
    margin: 6px 0 0;
    line-height: 1.4;
    font-size: 11px;
    font-size: 1.1rem
  }
  .top-bottom-area {
    margin: 40px 0 23px
  }
  .top-bottom-ttl {
    margin: 0 0 19px
  }
  .top-bottom-img {
    margin: 0 0 10px
  }
  .top-bottom-text {
    text-align: left;
    line-height: 1.4;
    font-size: 11px;
    font-size: 1.1rem
  }
	.yellow-box{
		padding: 20px 10px;
	}
	.point-text-rnd-box{
		font-size: 4vw;
		width: auto
	}
	.point-ttl2{
		font-size: 7vmin
	}
}
.howto-ttl-img {
  padding: 70px 0 60px
}
.howto-page-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 40px
}
.howto-page-link li {
  margin: 0 0 0 3.125%
}
.howto-page-link li:first-child {
  margin-left: 0
}
.howto-img01 {
  margin: 0 0 60px
}
.howto-ttl {
  margin: 0 0 30px;
  padding: 13px 0;
  border-radius: 5px
}
.ttl-border {
  border: 2px solid #79b72f;
  background: #d6e8c3;
  padding: 10px 0
}
.ttl-border > img {
  margin: -15px 0;
}
.ex_ttl {
	display:-webkit-box;
  	display:-ms-flexbox;
  display: flex
}
.ex_ttl:before, .ex_ttl:after {
  border-top: dashed 5px #79b72f;
  content: '';
  display: inline-block;
  width: 25%;
  position: relative;
  top: 1em
}
.ex_ttl > img {
  width: auto;
  height: 2em
}
.howto-ex-ttl {
  position: relative;
  margin: 0 0 19px;
  padding: 6px 0 0 ;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1.2
}
.howto-ex-ttl .icon {
  display: inline-block;
  top: 0;
  left: 0;
  z-index: 1
}
.howto-dt-ttl {
  margin: 0 0 20px
}
.howto-img07 {
  margin: 0 0 15px
}
.howto-dt-img01 {
  margin: 0 0 15px
}
.howto-dt-text01 {
  margin: 0 -7px 39px 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6
}
.howto-dt-img02 {
  margin: 33px 0 28px
}
.howto-dt-img03 {
  margin: 0 0 35px
}
.howto-dt-img04 {
  margin: 0 0 47px
}
.howto-dt-img05 {
  margin: 30px 0 26px
}
.howto-dt-img06 {
  margin: 0 0 14px
}
.howto-dt-text02 {
  margin: 0 0 30px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6
}
@media only screen and (max-width: 767px) {
  .howto-ttl-img {
    padding: 9.85915% 0 30px
  }
  .howto-ttl-img img {
    width: auto;
    height: 30px
  }
	.howto-ttl-img img:not(:first-child){
		width:auto;
		height: auto
	}
  .howto-page-link {
    display: block;
    margin: 0 0 35px
  }
  .howto-page-link li {
    display: block;
    width: 64.78873%;
    max-width: 460px;
    margin: 0 auto 15px
  }
  .howto-page-link li:first-child {
    margin-left: auto
  }
  .howto-page-link a {
    background: none !important
  }
  .howto-img07 {
    width: 91.5493%;
    margin: 0 auto 15px
  }
  .howto-img01 {
    margin: 0 0 41px
  }
  .howto-ttl {
    margin: 0 0 16px;
    padding: 10px 0 12px;
    border-radius: 4px
  }
  .howto-ttl img {
    width: auto;
    height: 18px
  }
  .howto-ex-ttl {
    margin: 0 0 5px;
    padding: 1px 0 0 ;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.6;
	  font-size: 5vw
  }
  .howto-ex-ttl .icon {
    width: 24px
  }
  .howto-dt-ttl {
    margin: 0 0 5px
  }
  .howto-dt-img01 {
    margin: 0 0 11px
  }
  .howto-dt-text01 {
    margin: 0 0 8.73239%;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: left
  }
  .howto-dt-img02 {
    margin: 14px 0 16px
  }
  .howto-dt-img03-04 {
    margin: 0 0 10.14085%
  }
  .howto-dt-img05 {
    margin: 16px 0 18px
  }
  .howto-dt-img06 {
    margin: 0 0 9px
  }
  .howto-dt-text02 {
    margin: 0 0 5.91549%;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: left
  }
  .ttl-border {
    padding: 5px 0
  }
  .ttl-border > img {
    margin: -10px 0;
    height: 34px;
  }
  .ex_ttl:before, .ex_ttl:after {
    top: .5em
  }
}
.guide-main-sec {
  padding: 0 0 37px
}
.guide-ttl-img {
  padding: 70px 0 60px
}
.guide-flow-ttl-box {
  overflow: hidden;
  margin: 0 0 30px
}
.guide-flow-ttl {
  position: relative;
  /*display: inline-block;
  min-width: 240px;
  padding: 16px 12px 16px;*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*border-radius: 5px;*/
  text-align: center;
  vertical-align: top
}
.guide-flow-ttl:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  height: 4px;
  width: 100vw;
  margin: 0 0 0 9px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/guide/img-dots.png) repeat-x top left;
  background-size: 8px 4px
}
.guide-flow-sec + .guide-flow-sec {
  margin-top: 60px
}
.guide-flow-sec + .guide-flow-sec:before {
  content: "";
  position: absolute;
  top: -60px;
  left: calc(50% - 50px);
  height: 60px;
  width: 100px;
  margin: 0 0 15px;
  background: url("../img/guide/flow_arrow.png") no-repeat;
  background-size: contain
}
.guide-flow-list-ttl-cell {
  height: 58px;
  width: 220px;
  padding: 11px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border-radius: 5px;
  background-color: #d6e8c3
}
.guide-flow-list-text-cell {
  padding: 0 0 0 20px
}
.guide-flow-list-text-cell .text-box {
  position: relative;
  line-height: 1.6
}
.guide-flow-list-text-cell .text {
  min-height: 58px;
  padding: 9px 18px 10px;
  border-radius: 9px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 2px solid #aacf44;
  font-size: 20px;
  font-size: 2rem
}
*[class$="-sec"] .attention {
  margin: 8px 0 0 -2px;
  font-size: 16px;
  font-size: 1.6rem
}
*[class$="-sec"] .attention.type-right {
  margin: 8px -13px 0 0
}
@media only screen and (max-width: 767px) {
  .guide-main-sec {
    padding: 0 0 24px
  }
  .guide-ttl-img {
    padding: 9.85915% 0 30px
  }
  .guide-ttl-img img {
    width: 225px
  }
  .guide-flow-ttl-box {
    overflow: hidden;
    margin: 0 0 20px
  }
  .guide-flow-ttl-box img {
    height: 20px;
    width: auto
  }
  .guide-flow-ttl-box .ttl12 {
    height: auto;
    width: 173px;
    padding: 2px 0 2px
  }
  .guide-flow-ttl {
    min-width: 200px;
    padding: 11px 12px 10px;
    border-radius: 2px
  }
  .guide-flow-ttl:after {
    height: 2px;
    margin: 0 0 0 7px;
    background-size: 4px 2px
  }
  /*.guide-flow-sec + .guide-flow-sec {
    margin-top: 40px
  }*/
  .guide-flow-list {
    padding: 0
  }
  .guide-flow-list + .guide-flow-list {
    margin: 60px 0 0
  }
  .guide-flow-list + .guide-flow-list:before {
    left: 0;
    right: 0;
    margin: 0 auto 10px
  }
  .guide-flow-list-ttl-cell {
    height: auto;
    width: auto;
    padding: 10px 10px;
    margin: 0 0 5px;
    border-radius: 2px
  }
  .guide-flow-list-ttl-cell img {
    height: 20px;
    width: auto
  }
  .guide-flow-list-ttl-cell .ttl06 {
    height: auto;
    width: 131px
  }
  .guide-flow-list-text-cell {
    padding: 0
  }
  .guide-flow-list-text-cell .text {
    min-height: inherit;
    padding: 6px 9px 7px;
    border-radius: 5px;
    border: 1px solid #aacf44;
    line-height: 1.6;
    font-size: 16px;
    font-size: 1.6rem
  }
  .guide-flow-sec .attention {
    position: static;
    margin: 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4
  }
  .guide-flow-sec .attention.type-right {
    margin: 0;
    text-align: right
  }
}
.detail-main-sec {
  padding: 0 0 8px
}
.detail-ttl-img {
  padding: 70px 0 60px
}
.detail-ct-box {
  padding: 8px 18px 32px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 2px solid #FFB400
}
.detail-ct-ttl {
  padding: 16px 20px 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #FFB400;
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold
}
.detail-ct-text {
  padding: 12px 0 10px
}
.detail-ct-text + .detail-ct-ttl {
  margin-top: 32px
}
.detail-ct-text02 {
  margin: 13px 0 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.65
}
@media only screen and (max-width: 767px) {
  .detail-main-sec {
    padding: 0 0 8px
  }
  .detail-ttl-img {
    padding: 9.85915% 0 30px
  }
  .detail-ttl-img img {
    height: 30px;
    width: auto
  }
  .detail-ct-box {
    padding: 2.25352% 2.8169% 2.8169%;
    border-radius: 4px;
    border: 1px solid #FFB400
  }
  .detail-ct-ttl {
    padding: 11px 15px 10px;
    border-radius: 4px
  }
  .detail-ct-ttl img {
    height: 20px;
    width: auto
  }
  .detail-ct-text {
    padding: 12px 0 10px;
    font-size: 14px;
    font-size: 1.4rem
  }
  .detail-ct-text + .detail-ct-ttl {
    margin-top: 25px
  }
  .detail-ct-text02 {
    font-size: 13px;
    font-size: 1.3rem
  }
}
.faq-main-sec {
  padding-bottom: 30px
}

@media only screen and (max-width: 767px) {
  
  
}
/*必要書類について*/
#documents .bg-blue-lt{color: #036EB7;margin-left: auto;margin-right: auto}
#documents .padding_box > .fw-b{font-size: larger; line-height: 150%}
/*フロー*/
.flow-box{
	border: 2px solid #FF7800;
	border-radius: 10px;
}
.flow-box h3{border-radius: 8px 8px 0 0;padding: 10px}
.flow-b-box{border-color: #00A0E9}
.flow-b-box h3{background: #00A0E9}
/*利用事例*/
.howto-main-sec .howto-sec:not(:first-of-type){margin-top: 40px}
.howto-sec{font-feature-settings: 'palt';}
.howto-sec .flow-box{
	background: #DCF0FF;
	border:none;
}
.howto-sec .flow-box h3{
	background: #5096E1
}
.howto-sec .flow-box + .tri_border:before{
    content: "";
    position: absolute;
    top: -75px;
    left: calc(50% - 50px);
    height: 90px;
    width: 100px;
    margin: 0 0 15px;
    background: url("../img/howto/howto_arrow_gr.png") no-repeat;
        background-size: auto;
    background-size: contain;

}
.tri_border{
	border: solid 6px #f80;
	box-shadow:0px 0px 0px 6px #ffb400 inset,0px 0px 0px 12px #fff100 inset;
	border-radius: 20px !important;
	margin-top: 70px
}
.tri_border .padding_box{
	padding: 30px 18px 20px
}
.tri_border .howto-ex-ttl .icon{
	background: #000;
	color: #fff;
	width: 1.25em;
	height: 1.25em;
	margin-right: 5px;
	line-height: 1.25;
	padding: 2px 1px 0 1px;
}
.howto_inner_box{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
		-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.howto_inner_box > li{
	background: #5096E1;
	border-radius: 20px;
	width: 42%;
	padding: 12px;
	font-size: 1.5em;
	line-height:1.25; 
	font-weight: bold
}
.howto_inner_box > li:first-child{
	color: #fff;
	position: relative;
}
.howto_inner_box > li:first-child:after{
	content: '';
	background: url("../img/howto/howto_arrow_bk.png") no-repeat;
	display: inline-block;
	width: 75px;
	height: 86px;
	position: absolute;
	right: -80px;
	top: calc(50% - 43px);
}
.howto_inner_box > li:nth-child(2){
	background: #FF0000;
	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: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.howto_inner_box > li:nth-child(2) div{
	border-radius: 12px;
	-webkit-box-flex:2;
	-ms-flex-positive:2;
	flex-grow: 2;
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
		-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.howto_inner_box > li .fs-big{
	font-size: 200%;
	line-height: 1.25;
}
.howto_inner_box > li .rate{font-size: 80%;padding: 5px 0 0}
.padding_box > p{margin: .5em 0}
.howto_inner_box .bg-white p{white-space: nowrap}

@media only screen and (min-width: 768px) {
	#documents main .flx-box > li{width: 48%}
	#documents .bg-blue-lt{width: calc(100% - 60px);}
	.guide-flow-sec .flow-box .padding_box{margin-top:20px}
	.tri_border{padding: 0 20px}
	.howto-sec .flow-box .padding_box{padding: 10px 30px}
}
@media only screen and (max-width: 768px) {
	/*iPad*/
	.tri_border .padding_box .yellow-box{
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media only screen and (min-width: 960px) {/*PCのみ*/
	.padding-l{padding-left: 10%}
}
@media only screen and (max-width: 960px) and (min-width: 415px){/*タブレットのみ
	#howto .padding_box .fs-middle{font-size: 1.25em;letter-spacing: -0.015em;font-feature-settings: 'palt'}
	#howto .padding_box .fs-middle .fs-big{font-size: 1.5em}
	#howto .tri_border .fs-middle {font-size: 1em}*/
	}
@media only screen and (max-width: 768px) {/*iPad*/
	#documents .flx-box > *{margin-bottom: 20px}
	.fs-big{font-size:2.4rem}
	.fs-middle{font-size:2rem}
	.flow-box .flx-box li{margin-right: 10px;width: 100%}
	.flow-box h3{padding:0px}
	.flow-box h3 img{transform: scale(0.6,0.6);}
	.howto_inner_box{
		display: block;
	}
	.howto_inner_box > li{
		width: auto;width: 85%;
		min-width: 220px;
		max-width: 370px;
		box-sizing: border-box;
		margin-left: auto;
		margin-right: auto;
	}
	.howto_inner_box > li:first-child{
		margin-bottom: 60px
	}
	.howto_inner_box > li:first-child::after {
		top: 95%;
		right: calc(50% - 35px);
		transform: rotate(90deg);
		background-position: -26px center;
	}
	
	.fs-small-sp{font-size: .8em !important}
	.padding-lr > .txt-r,.padding-lr > .txt-l{white-space: nowrap}
	#howto .padding_box .fs-middle{font-size: 1.18em;letter-spacing: -0.015em;font-feature-settings: 'palt'}
	#howto .tri_border .fs-middle {font-size: 1em}
	#howto .tri_border .fs-middle .fs-big{font-size: 1.25em}
}
@media only screen and (max-width: 414px) {/*小さいスマホ用*/
	#howto .padding_box .fs-middle{font-size: 5vw;}
	#howto .tri_border .fs-middle {font-size: 4vw}
	.howto_inner_box > li .bg-white p{white-space: normal}
}
@media only screen and (min-width: 768px) {
  @supports (-ms-ime-align: auto) {
    .footer-col2 {
      font-size: inherit
    }
  }
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: none) {
  *::-ms-backdrop, .footer-col2 {
    font-size: inherit
  }
}
/*FAQについて*/
.faq-head{
	margin: 0 auto 50px;
	text-align: center;
	font-size: 22px;
}
.faq-head a {
	text-decoration: underline;
	color: red;
}
@media only screen and (max-width: 768px) {
.faq-head {
	font-size: 16px;
	margin-bottom: 40px;
}
}
/*サイトマップについて*/
.sitemap {
 	border-top: 1px solid #ffb400; 
	text-align: left;
	background: white; 
	padding-bottom: 160px;
}
.sitemap-inner{
	max-width: 960px;
	margin: 30px auto;
}
.sitemap-ttl {
	font-weight: bold;
}
.sitemap-list {
	list-style: disc; 
	margin: 30px; 
	text-decoration: 
	underline;
}
@media only screen and (max-width: 768px) {
.sitemap {
	text-align: left;
	padding: 0 20px 15%;
}
}
/*お申込み以降の流れリニューアル*/
#guide .guide-main-sec{
	font-family: BIZ UDP　ゴシック;
}
#guide .guide-ttl-img {
	color: #ff7800;
    	font-size: 4.5rem;
    	font-weight: bold;
}
#guide .flow-box {
	display: flex;
	border: none;
}
#guide h3 {
	display: grid;
	place-items: center;
    	color: white;
	width: 18%;
    	font-size: 3rem;
	line-height: 0.8;
	background-color: #f1ccb1;
	border-radius: 8px 0 0 8px;
	font-weight: bold;
}
#guide .step-even{
	background-color: #ed702e;
	color: #ffffd8;
}
#guide .guide-flow-sec + .guide-flow-sec {
    margin-top: 90px;
}
#guide h3 span {
    line-height: 1;
    display: contents;
    font-size: 17px;
    color: #fdf451;
}
#guide .guide-flow-cont {
	background-color: #fef6ea;
	border: 2px solid #f3e4d5;
	border-left: none;
	width: 100%;
}
#guide h4{
	font-size: 2.5rem;
	line-height: 1.3;
	color: #7a4118;
	font-weight: bold;
    	width: 95%;
    	margin: 0 auto;
}
#guide h4 + p {
	color: #7a4118;
	width: 95%;
    	margin: 0 auto;
	font-size: 20px;
}
#guide .flow-img{
    	margin: 0 auto;
    	width: 90%;
    	display: block;
}
#guide .mt-20{
    	margin-top: 20px;
}
#guide .mb-20{
    	margin-bottom: 20px;
}
#guide .attention {
	margin-top: 0;
	font-size: 20px;
}
#guide .checkbox-cont {
	width: 85%;
    	margin: 30px auto;
	background-color: white;
	padding: 20px;
	border-top: 1px solid black;
	border-left: 4px solid black;
	border-right: 4px solid black;
	border-bottom: 3px solid black;
}
#guide .checklist-item {
	line-height: 1.5;
}
#guide .checkbox-cont sup {
	font-size: small;
    	color: red;
    	vertical-align: top;
}
#guide .checkbox-cont p {
	margin-top: 20px;
	padding-left: 1em;
   	text-indent: -0.5em;
	font-size: 16px;
}
#guide .submission-cont {
	width: 90%;
   	margin: 0 auto 20px;
	line-height: 1.5;
}
#guide .submission-ttl {
	font-size: 18px;
	font-weight: bold;
}
#guide .submission-infos{
	display: grid;
    	grid-template-columns: 80px 1fr;
	column-gap: 1rem;
	row-gap: 0.5rem;
}
#guide .submission-infos a {
	color: #0000EE;
	text-decoration: underline;
}

#guide .attention-text {
	text-align: right;
   	 margin-top: 37px;
}
#guide  .guide-flow-sec + .guide-flow-sec:before {
  content: "";
  position: absolute;
  top: -80px;
  left: calc(50% - 10px);
  height: 72px;
  width: 72px;
  margin: 0 ;
  background: url("../img/guide/flow_arrow.png") no-repeat;
  background-size: contain
}
#guide .protect-img {
	-webkit-user-select: none;
	-webkit-user-drag: none;
	user-select: none;
	-webkit-touch-callout: none;
	touch-callout: none;
}
#guide input {
	pointer-events: none;
}
#guide label {
	pointer-events: none;
}
#guide .checkbox-cont-step4{
	margin-bottom: 40px;
}
#guide .step5-indent{
	padding-left: 2em;
	text-indent: -1em;
    	margin: 15px auto 20px;
}
@media only screen and (max-width: 768px) {
	#guide .guide-ttl-img {
		font-size: 3.5rem;
	}
	#guide h3{
		font-size: 2rem;
		width: 20%;
	}
	#guide h3 span {
		font-size: 11px;
	}
	#guide h4{
		font-size: 2.3rem;
	}
	#guide .checkbox-cont {
		padding: 10px;
		margin: 10px auto;
	}
	#guide .checkbox-cont {
		padding: 10px;
		margin: 10px auto;
	}
	#guide .checkbox-cont p {
		margin-top: 10px;
	}
	#guide .checkbox-cont-step4{
		margin-bottom: 0;
	}
	#guide .submission-cont {
		margin-bottom: 0;
	}
	#guide .step5-indent{
		padding-left: 1.5em;
		margin: 10px auto 0;
	}
}
@media only screen and (max-width: 576px) {
	#guide .guide-ttl-img {
		font-size: 3rem;
	}
	#guide h3{
		font-size: 1.5rem;
	}
	#guide h3 span {
		font-size: 8px;
	}
	#guide h4{
		font-size: 1.8rem;
	}
	#guide h4 + p {
		font-size: 14px;
	}
	#guide .checkbox-cont label {
	font-size: 1.4rem;
	}
	#guide .checkbox-cont p {
	font-size: 1.2rem;
	}
	#guide .submission-ttl{
	font-size: 1.4rem;
	}
	#guide .submission-infos{
	font-size: 1.2rem;
	grid-template-columns: 50px 1fr;
	}
	#guide .attention-text{
	font-size: 1.2rem;
	}
	#guide .attention {
		font-size: 14px;
	}
}