@charset "utf-8";

/* ========================================
    ■ 必須設定
======================================== */

/* reset
----------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
html{
font-size: 10px;
font-size: 62.5%;
font-family: sans-serif;
line-height: 1.15;
text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

@media screen and (min-width: 768px) {
    html{
        min-width: 950px;
    }
}
@media screen and (max-width: 767px) {
    html{
        width: 100vw;
    }
}

html.js_fontLarge {
font-size: 11px;
font-size: 68.8%;
}

body {
/*font-family: Meiryo, \30e1\30a4\30ea\30aa, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'MS PGothic', sans-serif;*/
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.75;
position: relative;
margin: 0 auto;
padding: 0;
color: #191919;/*223;*/
background: #fff;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; }
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del { text-decoration: line-through; }
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
th { font-weight: normal; }
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0;
}
input, select, textarea, img { vertical-align:middle; }
ul, dl, ol { list-style: none; }


/* 共通設定
----------------------------- */
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-appearance: none;
            appearance: none;
}

header {
    border-bottom: 1px solid #909090;
}

main {
    font-size: 16px;
    /*font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;*/
      font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
    color: #191919;/*727272;*/
    line-height: 1.87;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    letter-spacing: 0.075em;
}

@media all and (-ms-high-contrast:none){
    main {
        font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    }
}
    /* tablet */
    @media screen and (max-width: 1100px) and (min-width: 768px) {
        main {
            font-size: 1.6vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        main {
            font-size: 20.4px;
            line-height: 1.45;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        main {
            font-size: 3.2vw;
        }
    }

main a {
    color: #172693;
    text-decoration: underline;
    transition: 0.2s ease;
}
main a:hover {
    text-decoration: none;
    transition: 0.2s ease;
}
main a::before, main a:hover::before,
main a::after, main a:hover::after {
    transition: 0.2s ease;
}

main img,
main video,
main object {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    border: none;
}

/* ========================================
    ■ General
======================================== */
main .wrap {
	position: relative;
	width: 1100px;
    margin: 0 auto;
}
    /* tablet */
    @media screen and (max-width: 1100px) and (min-width: 768px) {
        main .wrap {
            width: 100%;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        main .wrap {
            width: 640px;
            padding: 0 10px 0;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        main .wrap {
            width: 100%;
        }
    }

main .hover:hover { opacity: 0.7; }

/* 表示切替 */
main .is-pc {
    display: inline-block;
}
main .is-sp {
    display: none;
}
.wrap_body {
  width: 100%;
  overflow: hidden;
}
    /* sp */
    @media screen and (max-width: 767px) {
        main .is-pc {
            display: none;
        }
        main .is-sp {
            display: inline-block;
        }
    }

/* ●記号リスト */
main .list01 li {
    padding-left: 2em;
    text-indent: -0.8em;
}
main .list01 li::before {
    content: '\f111';
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 0.2em;
}
main .list01 li:nth-of-type(n+2) {
    margin-top: 8px;
}
main .list01 ul {
	margin: 8px 0;
}
main .list01 ul li::before {
	content: '\f10c';
}
    /* tablet */
    @media screen and (max-width: 1100px) and (min-width: 768px) {
        main .list01 li:nth-of-type(n+2) {
            margin-top: 0.8vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        main .list01 li:nth-of-type(n+2) {
            margin-top: 30px;
        }
        main .list01 ul {
			margin: 4.6vw 0;
		}
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        main .list01 li:nth-of-type(n+2) {
            margin-top: 4.6vw;
        }
    }

/* 外部リンクマーク */
main .link-blank::after {
    content: '';
    display: inline-block;
    background: url(/access/hikari/collaboration/ad_simpleapply/images/cmn_link_ico01.png) no-repeat center center/100% auto;
    width: 15px;
    height: 13px;
    margin-left: 5px;
}
    /* tablet */
    @media screen and (max-width: 767px) {
        main .link-blank::after {
            width: 12px;
            height: 10px;
        }
    }

.referer_normal,.referer_ad,.referer_af {
    display: none;
}


/* ========================================
    ■ toTop
======================================== */
.toTop {
	position: fixed;
	z-index: 2000;
}

[data-script-enabled] .toTop{
    opacity: 0;
    transition: 0.5s ease-out opacity;
}
[data-script-enabled] .toTop.isVisible {
    opacity: 1;
}

.toTop>a {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	transition: top .4s ease-out;
}

.toTop>a:before {
	background-repeat: no-repeat;
	background-size: 100%;
	display: block;
	width: 100%;
	height: 100%;
	content: "";
}

.toTop.js_fixed {
	position: absolute;
}

@media only screen and (min-width: 768px) {
	.toTop {
		right: 30px;
		bottom: 109px;
		width: 64px;
		height: 64px;
	}
	.toTop.js_fixed {
		top: -64px;
	}
	.toTop>a {
		width: 64px;
		height: 64px;
	}
	.toTop>a:before {
		background-image: url(/access/common/img/icon/icon_footer_04.png);
	}
}

@media only screen and (max-width: 767px) {
	.toTop {
		right: 20px;
		bottom: 70px;
		width: 40px;
		height: 40px;
	}
	.toTop.js_fixed {
		top: -39px;
	}
	.toTop>a {
		width: 40px;
		height: 40px;
	}
	.toTop>a:before {
		background-image: url(/access/common/img/sp/icon/sp_icon_footer_04.png);
	}
}

/* mediaquey END*/


/* ========================================
    ■ gNav
======================================== */
nav a {
    text-decoration: none;
    color: #314da5;
}

.hdgNavArea {
    position: relative;
}
.hdgNavArea>nav {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    background-color: #fff;
}
.hdgNavArea.isFixed>nav,
html.is-mode body:not([style="top: 0px;"]) .hdgNavArea>nav {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
}

footer ~ img {
    display: none;
}

@media only screen and (min-width: 768px) {

	.nav_area_01 {
    display: flex;
    align-content: center;
    width: 100%;
    min-width: 950px;
    max-width: 1100px;
    margin: 0 auto;
	}

	.nav_area_01 .burgerMenuWrapper {
		display: none;
	}
  .nav_area_01 .is-sp {
    display: none;
  }
	.nav_area_01 .nav_cta {
		display: flex;
		align-items: center;
		margin-left: auto;
		padding: 10px 0;
	}
  .nav_area_01 .nav_cta p {
    margin-right: 15px;
    padding-top: 2px;
  }
	.nav_area_01 .btn_nav_apply {
		margin-left: 10px;
	}
    .pageNavOuter .closeBtnWrapper {
        display: none !important;
    }
	.nav_area_02 {
		background-color: #30333a;
	}
	.pageNav {
    display: table;
    width: 100%;
    min-width: 950px;
    max-width: 1100px;
    margin: 0 auto;
	}
	.pageNav li {
		vertical-align: middle;
		display: table-cell;
		padding: 18px 15px 18px 0;
	}
  .pageNav li:nth-last-child(2) {
    padding: 18px 13px 18px 0;
  }
	.pageNav a {
		font-weight: normal;/*add*/
		color: #fff;
	}
	.pageNav li:not(.subNav) a:hover,
    .pageNav li:not(.subNav) a.current {
		text-decoration: none;
		border-bottom: 4px solid #ffd400;
	}
	.pageNav .subNav {
		width: 220px;
		padding: 1px 0;
	}
	.pageNav .subNav a {
		line-height: 1.4;
		text-align: center;
		color: #223;
		background-color: #eee;
		display: block;
		padding: 12px 2px;
    font-size: 13px;
    font-size: 1.3rem;
	}
  .pageNav .subNav .referer_af a {
		line-height: 1.4;
		text-align: center;
		color: #223;
		background-color: #eee;
		display: block;
		padding: 12px 2px;
	}
	.pageNav .subNav a>span::after {
		display: inline-block;
		width: 6px;
		height: 6px;
		margin-left: 3px;
		content: "";
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		border-right: 2px solid #223;
		border-bottom: 2px solid #223;
	}

    .gFt2017_footer {
        border-top: 0;
    }
}

@media only screen and (max-width: 767px) {
	header {
		border-bottom: 0;
	}
	.hdgNavArea>nav {
		overflow: hidden;
	}
	.gHd2017_header.gHd2017_SP {
		border-bottom: 1px solid #ccc;
	}
	.nav_area_01 {
		display: flex;
		padding: 19px 10px 18px;
	}

  .nav_area_01 .nav_cta {
      display: none;
  }

  .nav_area_01 .is-sp {
    display: inline-block;
  }

	.nav_area_01 .burgerMenuWrapper {
		position: relative;
		display: flex;
		align-items: center;
		margin-left: auto;
	}
	.nav_area_01 .burgerMenuWrapper span {
		position: relative;
		width: 25px;
		height: 20px;
	}
	.nav_area_01 .burgerMenuWrapper a, .nav_area_01 .burgerMenuWrapper span::before, .nav_area_01 .burgerMenuWrapper span::after {
		color: transparent;
		background: #223;
		position: absolute;
		right: 0;
		left: 0;
		width: 100%;
		height: 3px;
		margin: auto;
		transform: rotate(0deg);
	}
	.nav_area_01 .burgerMenuWrapper span::before, .nav_area_01 .burgerMenuWrapper span::after {
		content: "";
		transition: transform .3s ease-out, bottom .3s ease-out, top .3s ease-out;
	}
	.nav_area_01 .burgerMenuWrapper a {
		top: 0;
		bottom: 0;
		transition: transform .3s ease-out, ;
	}
	.nav_area_01 .burgerMenuWrapper span::before {
		top: 0;
		bottom: calc(100% - 2px);
	}
	.nav_area_01 .burgerMenuWrapper span::after {
		top: calc(100% - 2px);
		bottom: 0;
	}
	.nav_area_01 .burgerMenuWrapper.isOpen a {
		transform: rotate(-45deg);
	}
	.nav_area_01 .burgerMenuWrapper.isOpen span::before, .nav_area_01 .burgerMenuWrapper.isOpen span::after {
		top: 0;
		bottom: 0;
		transform: rotate(45deg);
	}
	[data-script-enabled] .pageNavOuter {
		overflow: hidden;
		height: 0;
		transition: height .3s ease-out;
	}
	.pageNav {
		border-top: 1px solid #ccc;
	}
	.pageNav a {
		color: #223;
		background: #efefef;
		position: relative;
		display: block;
		padding: 16px 40px 15px 15px;
		border-bottom: 1px solid #ccc;
	}
	.pageNav a br {
		display: none;
	}
	.pageNav a:link, .pageNav a:hover, .pageNav a:visited, .pageNav a:active {
		color: #223;
	}
	.pageNav a:after {
		position: absolute;
		top: 0;
		right: 17px;
		bottom: 0;
		width: 8px;
		height: 8px;
		margin: auto;
		content: "";
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		border-right: 2px solid #3c3c3c;
		border-bottom: 2px solid #3c3c3c;
	}
	.pageNav a[href^="#"]:after {
		background-image: url(/common/ui_ver2/img/gHd2016_sp_sprite.png);
		background-position: -4px -8px;
		-webkit-background-size: 180px auto;
		background-size: 180px auto;
		width: 12px;
		height: 10px;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		border: medium none;
	}
	.pageNavOuter .closeBtnWrapper {
		text-align: center;
		background: #efefef;
		position: relative;
		display: block;
		float: none;
		box-sizing: border-box;
		width: 100%;
		margin-top: 0;
		padding: 15px 15px 55px;
	}
	.pageNavOuter .closeBtn {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 13px;
		bottom: 0;
		left: 0;
		width: 180px;
		height: 2.1em;
		margin: auto;
	}
	.pageNavOuter .closeBtn>a {
		font-size: 81%;
		line-height: 1.1;
		color: #fff;
		background: #4d4d4d;
		position: relative;
		display: block;
		padding: 9px 20px 9px 37px;
		border-radius: 17px;
	}
	.pageNavOuter .closeBtn>a::after {
		background-image: url(/common/ui_ver2/img/gHd2016_sp_sprite.png);
		background-position: -158px -8px;
		-webkit-background-size: 180px auto;
		background-size: 180px auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 14px;
		display: block;
		width: 12px;
		height: 12px;
		margin: auto;
		content: "";
	}

  #applybtn {
    display: block!important;
    position: absolute;
    top: 0;
    right: 46px;
    z-index: 999;
    overflow: hidden;
    margin: 0;
    padding: 0;
    line-height: 1;
  }
  #applybtn a {
    display: block;
    text-align: center;
    padding: .4rem;
    background-color: #fcdb00;
  }
}

/* ========================================
    ■ page_hd_area
======================================== */
.page_hd_area {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 10px 0 15px;
  text-align: center;
}
.page_hd_logo {
  margin-bottom: 3px;
}
.page_hd_txt {
  color: #020000;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: normal;
}

@media only screen and (max-width: 767px) {
.nav_area_hd > p {
  display: inline-block;
  vertical-align: bottom;
}
.page_hd_area {
  display: none;
}
.page_hd_logo img {
  width: 168px;
}
}

.notes_box {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 20px;
}
.notes_box dt {
  background: #fff;
  color: #3a3e4b;
  padding: 7px 10px;
  letter-spacing: 2px;
  line-height: 1.3;
  position: relative;
  min-width: 30px;
  text-align: center;
}
.notes_box dd {
  padding-left: 10px;
}

    /* sp */
    @media screen and (max-width: 767px) {
        .notes_box {
          font-size: 12px;
          font-size: 1.2rem;
        }
        .notes_box dt {
          padding: 7px 10px;
          min-width: 26px;
        }
    }

/* accordion
--------------------------------- */
[class*="accordion-btn"] {
    display: none;
}
[class*="accordion-btn"] + label {
    display: block;
    background: url(/access/hikari/collaboration/ad_simpleapply/images/sec05_btn01.png) no-repeat center top/100% auto;
    width: 600px;
    height: 60px;
    margin: 0 auto;
    text-indent: -9999px;
    cursor: pointer;
}
.accordion-btn-2 + label {
  background: url(/access/hikari/collaboration/ad_simpleapply/images/sec04_btn01.png) no-repeat center top/100% auto;
}

[class*="accordion-btn"]:checked + label {
    background-position: center bottom;
}
.accordion-panel {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.2s ease;
}
[class*="accordion-btn"]:checked ~ .accordion-panel {
    height: auto;
    padding: 30px 0;
    text-align: left;
    opacity: 1;
    transition: 0.2s ease;
}

/* sp */
@media screen and (max-width: 767px) {
    [class*="accordion-btn"] + label {
        background-image: url(/access/hikari/collaboration/ad_simpleapply/images/sec05_btn01_sp.png);
        width: 580px;
        height: 120px;
    }
    .accordion-btn-2 + label {background-image: url(/access/hikari/collaboration/ad_simpleapply/images/sec04_btn01_sp.png);}

    [class*="accordion-btn"]:checked ~ .accordion-panel {
        padding: 50px 0;
    }
}
/* sp(小) */
@media screen and (max-width: 640px) {
    [class*="accordion-btn"] + label {
        width: 90vw;
        height: 18.7vw;
    }
    [class*="accordion-btn"]:checked ~ .accordion-panel {
        padding: 7.8vw 0;
    }
}

/* accordion内部
--------------------------------- */
.accordion-panel table {
    width: 100%;
    font-size: 0.9em;
    border: solid 1px #d2d2d2;
}
.accordion-panel .mod-table:nth-of-type(1) {
    margin-top: 30px;
}
.accordion-panel table th {
    background: #e7e7e7;
    width: 180px;
    padding: 12px 15px;
    color: #000;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border: solid 1px #d2d2d2;
}
.accordion-panel table th img {
    width: 60%;
    margin: auto;
    margin-bottom: 30px;
    display: block;
}
.accordion-panel table td {
    width: 180px;
    padding: 12px 15px;
    vertical-align: middle;
    border: solid 1px #d2d2d2;
}

.accordion-panel table td .mod-listDisc {
    margin: 0;
}

.accordion-panel table td[colspan='2'],
.accordion-panel table td.colspan {
    width: 360px;
}
.accordion-panel table td.off {
    width: 360px;
    text-align: center;
}
.accordion-panel table td strong,
.accordion-panel table td em {
    font-style: normal;
    color: #e00;
    font-size: 1.5em;
}
.accordion-panel table td > p > b {
    color: #070404;
    font-size: 1.1em;
}

.accordion-panel table td sup {
    font-size: 0.7em;
    vertical-align: super;
}
    /* tablet */
    @media screen and (max-width: 1100px) and (min-width: 768px) {
        .accordion-panel .mod-table:nth-of-type(1) {
            margin-top: 3vw;
        }
        .accordion-panel table th {
            width: 18vw;
            padding: 1.2vw 1.5vw;
        }
        .accordion-panel table th img {
            margin-bottom: 3vw;
        }
        .accordion-panel table td {
            width: 18vw;
            padding: 1.2vw 1.5vw;
        }
        .accordion-panel table td[colspan='2'] {
            width: 36vw;
        }
        .accordion-panel table td.off {
            width: 36vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .accordion-panel .mod-table:nth-of-type(1) {
            margin-top: 40px;
        }
        .accordion-panel table th {
            width: 116px;
        }
        .accordion-panel table th img {
            width: 100%;
            margin-bottom: 30px;
        }
        .accordion-panel table td {
            width: 116px;
        }
        .accordion-panel table td[colspan='2'] {
            width: 232px;
        }
        .accordion-panel table td.off {
            width: 232px;
        }
        .accordion-panel table td strong,
        .accordion-panel table td em {
            font-size: 1.4em;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .accordion-panel .mod-table:nth-of-type(1) {
            margin-top: 6vw;
        }
        .accordion-panel table th {
            width: 18vw;
        }
        .accordion-panel table th img {
            margin-bottom: 4.6vw;
        }
        .accordion-panel table td {
            width: 18vw;
        }
        .accordion-panel table td[colspan='2'] {
            width: 36vw;
        }
        .accordion-panel table td.off {
            width: 36vw;
        }
    }

/* または */
.accordion-panel table + p,
.accordion-panel .mod-txtEmPhrase {
    margin: 20px 0;
    font-size: 1.2em;
    text-align: center;
}
    /* sp */
    @media screen and (max-width: 767px) {
        .accordion-panel table + p,
        .accordion-panel .mod-txtEmPhrase {
            margin: 30px 0;
            font-size: 1em;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .accordion-panel table + p,
        .accordion-panel .mod-txtEmPhrase {
            margin: 4.6vw 0;
        }
    }

/* 注釈 */
.accordion-panel .notes {
    margin-top: 30px;
    font-size: 0.9em;
}
.accordion-panel ol {
    margin: 5px 0 0;
    padding-left: 2em;
    counter-reset: num01;
}
.accordion-panel ol li {
    text-indent: -2em;
}
/* .accordion-panel ol li:before {
    counter-increment: num01;
    content: '*'counter(num01);
} */
.accordion-panel ol li:nth-of-type(n+2) {
    margin-top: 5px;
}
.accordion-panel ul li .mark {
    margin-left: -1em;
}
    /* sp */
    @media screen and (max-width: 767px) {
        .accordion-panel .notes {
            margin-top: 40px;
        }
        .accordion-panel ol {
            margin: 10px 0 0;
        }
        .accordion-panel ol li:nth-of-type(n+2) {
            margin-top: 10px;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        @media screen and (max-width: 767px) {
        .accordion-panel .notes {
            margin-top: 6vw;
        }
        .accordion-panel ol {
            margin: 1.5vw 0 0;
        }
        .accordion-panel ol li:nth-of-type(n+2) {
            margin-top: 1.5vw;
        }
    }
    }


        /* ----------------------------------------------------------------------------
         * .mod-btn
         * ------------------------------------------------------------------------- */
        .mod-btn {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              flex-direction: column;
          align-items: center;
          justify-content: center;
          margin: 0 0 24px;

          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-box-align: center;
          -ms-flex-align: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
        }

        .mod-btn[data-col] {
          -ms-flex-direction: row;
              flex-direction: row;
          align-items: stretch;
          margin-top: -24px;
          margin-left: -24px;

          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-box-align: stretch;
          -ms-flex-align: stretch;
        }

        .mod-btn a,
.mod-btn button[type] {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  background: #f0f1f3;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 247px;
  min-height: 48px;
  padding: 10px;
  border: 1px solid #d9dadb;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .06);
          box-shadow: 0 2px 0 0 rgba(0, 0, 0, .06);

  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.mod-btn a> span,
.mod-btn button[type]> span {
  width: 100%;
}

html:not([data-device="iphone"]) .mod-btn a> span,
html:not([data-device="iphone"])
.mod-btn button[type]> span {
  margin-bottom: -.25em;
}

.mod-btn a:not([target="_blank"])::after,
.mod-btn button[type]::after {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -84px -179px;
  background-size: 201px 196px;
  position: absolute;
  top: 0;
  right: 14px;
  bottom: 0;
  display: block;
  width: 7px;
  height: 13px;
  margin: auto 0;
  content: "";
}

.mod-btn a[target="_blank"] img.icn-_blank {
  position: absolute;
  top: 0;
  right: 14px;
  bottom: 0;
  margin: auto 0;
}

.mod-btn .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
}

.mod-btn .btn:not(:last-child) {
  margin: 0 0 24px;
}

.mod-btn .btn.var-02 a,
.mod-btn .btn.var-02 button[type] {
  color: #fff;
  background: #314da5;
}

.mod-btn .btn.var-02 a:not([target="_blank"])::after,
.mod-btn .btn.var-02 button[type]::after {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -72px -179px;
  background-size: 201px 196px;
  width: 7px;
  height: 13px;
}

.mod-btn .btn.var-03 a,
.mod-btn .btn.var-03 button[type] {
  background: #fcdb00;
}

.mod-btn .btn a:hover {
  opacity: .7;
}

.mod-btn .btn.type-wide {
  width: 468px;
}

.mod-btn .btn.type-wide a {
  width: 100%;
}

@media only screen and (max-width: 767px) {
.mod-btn .btn.type-wide {
  width: 100%;
}
}


.list-notes {
    text-align: left;
    font-size: 0.87em;
}
.list-notes li {
    padding-left: 1em;
    text-indent: -1em;
}

/**
 * Adjust aline
**/

.aln-l {
text-align: left !important;
}

.aln-c {
text-align: center !important;
}

.aln-r {
text-align: right !important;
}

.valn-t {
vertical-align: top !important;
}

.valn-m {
vertical-align: middle !important;
}

.valn-b {
vertical-align: bottom !important;
}

/**
 * Adjust margin
**/

.mb-0 {
margin-bottom: 0 !important;
}

.mt-0 {
margin-top: 0 !important;
}

.mr-0 {
margin-right: 0 !important;
}

.ml-0 {
margin-left: 0 !important;
}

.w-0 {
width: 0 !important;
}

.w-max-0 {
max-width: 0 !important;
}

.mb-1 {
margin-bottom: 1px !important;
}

.mt-1 {
margin-top: 1px !important;
}

.mr-1 {
margin-right: 1px !important;
}

.ml-1 {
margin-left: 1px !important;
}

.w-1 {
width: 1% !important;
}

.w-max-1 {
max-width: 1% !important;
}

.mb-2 {
margin-bottom: 2px !important;
}

.mt-2 {
margin-top: 2px !important;
}

.mr-2 {
margin-right: 2px !important;
}

.ml-2 {
margin-left: 2px !important;
}

.w-2 {
width: 2% !important;
}

.w-max-2 {
max-width: 2% !important;
}

.mb-3 {
margin-bottom: 3px !important;
}

.mt-3 {
margin-top: 3px !important;
}

.mr-3 {
margin-right: 3px !important;
}

.ml-3 {
margin-left: 3px !important;
}

.w-3 {
width: 3% !important;
}

.w-max-3 {
max-width: 3% !important;
}

.mb-4 {
margin-bottom: 4px !important;
}

.mt-4 {
margin-top: 4px !important;
}

.mr-4 {
margin-right: 4px !important;
}

.ml-4 {
margin-left: 4px !important;
}

.w-4 {
width: 4% !important;
}

.w-max-4 {
max-width: 4% !important;
}

.mb-5 {
margin-bottom: 5px !important;
}

.mt-5 {
margin-top: 5px !important;
}

.mr-5 {
margin-right: 5px !important;
}

.ml-5 {
margin-left: 5px !important;
}

.w-5 {
width: 5% !important;
}

.w-max-5 {
max-width: 5% !important;
}

.mb-6 {
margin-bottom: 6px !important;
}

.mt-6 {
margin-top: 6px !important;
}

.mr-6 {
margin-right: 6px !important;
}

.ml-6 {
margin-left: 6px !important;
}

.w-6 {
width: 6% !important;
}

.w-max-6 {
max-width: 6% !important;
}

.mb-7 {
margin-bottom: 7px !important;
}

.mt-7 {
margin-top: 7px !important;
}

.mr-7 {
margin-right: 7px !important;
}

.ml-7 {
margin-left: 7px !important;
}

.w-7 {
width: 7% !important;
}

.w-max-7 {
max-width: 7% !important;
}

.mb-8 {
margin-bottom: 8px !important;
}

.mt-8 {
margin-top: 8px !important;
}

.mr-8 {
margin-right: 8px !important;
}

.ml-8 {
margin-left: 8px !important;
}

.w-8 {
width: 8% !important;
}

.w-max-8 {
max-width: 8% !important;
}

.mb-9 {
margin-bottom: 9px !important;
}

.mt-9 {
margin-top: 9px !important;
}

.mr-9 {
margin-right: 9px !important;
}

.ml-9 {
margin-left: 9px !important;
}

.w-9 {
width: 9% !important;
}

.w-max-9 {
max-width: 9% !important;
}

.mb-10 {
margin-bottom: 10px !important;
}

.mt-10 {
margin-top: 10px !important;
}

.mr-10 {
margin-right: 10px !important;
}

.ml-10 {
margin-left: 10px !important;
}

.w-10 {
width: 10% !important;
}

.w-max-10 {
max-width: 10% !important;
}

.mb-11 {
margin-bottom: 11px !important;
}

.mt-11 {
margin-top: 11px !important;
}

.mr-11 {
margin-right: 11px !important;
}

.ml-11 {
margin-left: 11px !important;
}

.w-11 {
width: 11% !important;
}

.w-max-11 {
max-width: 11% !important;
}

.mb-12 {
margin-bottom: 12px !important;
}

.mt-12 {
margin-top: 12px !important;
}

.mr-12 {
margin-right: 12px !important;
}

.ml-12 {
margin-left: 12px !important;
}

.w-12 {
width: 12% !important;
}

.w-max-12 {
max-width: 12% !important;
}

.mb-13 {
margin-bottom: 13px !important;
}

.mt-13 {
margin-top: 13px !important;
}

.mr-13 {
margin-right: 13px !important;
}

.ml-13 {
margin-left: 13px !important;
}

.w-13 {
width: 13% !important;
}

.w-max-13 {
max-width: 13% !important;
}

.mb-14 {
margin-bottom: 14px !important;
}

.mt-14 {
margin-top: 14px !important;
}

.mr-14 {
margin-right: 14px !important;
}

.ml-14 {
margin-left: 14px !important;
}

.w-14 {
width: 14% !important;
}

.w-max-14 {
max-width: 14% !important;
}

.mb-15 {
margin-bottom: 15px !important;
}

.mt-15 {
margin-top: 15px !important;
}

.mr-15 {
margin-right: 15px !important;
}

.ml-15 {
margin-left: 15px !important;
}

.w-15 {
width: 15% !important;
}

.w-max-15 {
max-width: 15% !important;
}

.mb-16 {
margin-bottom: 16px !important;
}

.mt-16 {
margin-top: 16px !important;
}

.mr-16 {
margin-right: 16px !important;
}

.ml-16 {
margin-left: 16px !important;
}

.w-16 {
width: 16% !important;
}

.w-max-16 {
max-width: 16% !important;
}

.mb-17 {
margin-bottom: 17px !important;
}

.mt-17 {
margin-top: 17px !important;
}

.mr-17 {
margin-right: 17px !important;
}

.ml-17 {
margin-left: 17px !important;
}

.w-17 {
width: 17% !important;
}

.w-max-17 {
max-width: 17% !important;
}

.mb-18 {
margin-bottom: 18px !important;
}

.mt-18 {
margin-top: 18px !important;
}

.mr-18 {
margin-right: 18px !important;
}

.ml-18 {
margin-left: 18px !important;
}

.w-18 {
width: 18% !important;
}

.w-max-18 {
max-width: 18% !important;
}

.mb-19 {
margin-bottom: 19px !important;
}

.mt-19 {
margin-top: 19px !important;
}

.mr-19 {
margin-right: 19px !important;
}

.ml-19 {
margin-left: 19px !important;
}

.w-19 {
width: 19% !important;
}

.w-max-19 {
max-width: 19% !important;
}

.mb-20 {
margin-bottom: 20px !important;
}

.mt-20 {
margin-top: 20px !important;
}

.mr-20 {
margin-right: 20px !important;
}

.ml-20 {
margin-left: 20px !important;
}

.w-20 {
width: 20% !important;
}

.w-max-20 {
max-width: 20% !important;
}

.mb-21 {
margin-bottom: 21px !important;
}

.mt-21 {
margin-top: 21px !important;
}

.mr-21 {
margin-right: 21px !important;
}

.ml-21 {
margin-left: 21px !important;
}

.w-21 {
width: 21% !important;
}

.w-max-21 {
max-width: 21% !important;
}

.mb-22 {
margin-bottom: 22px !important;
}

.mt-22 {
margin-top: 22px !important;
}

.mr-22 {
margin-right: 22px !important;
}

.ml-22 {
margin-left: 22px !important;
}

.w-22 {
width: 22% !important;
}

.w-max-22 {
max-width: 22% !important;
}

.mb-23 {
margin-bottom: 23px !important;
}

.mt-23 {
margin-top: 23px !important;
}

.mr-23 {
margin-right: 23px !important;
}

.ml-23 {
margin-left: 23px !important;
}

.w-23 {
width: 23% !important;
}

.w-max-23 {
max-width: 23% !important;
}

.mb-24 {
margin-bottom: 24px !important;
}

.mt-24 {
margin-top: 24px !important;
}

.mr-24 {
margin-right: 24px !important;
}

.ml-24 {
margin-left: 24px !important;
}

.w-24 {
width: 24% !important;
}

.w-max-24 {
max-width: 24% !important;
}

.mb-25 {
margin-bottom: 25px !important;
}

.mt-25 {
margin-top: 25px !important;
}

.mr-25 {
margin-right: 25px !important;
}

.ml-25 {
margin-left: 25px !important;
}

.w-25 {
width: 25% !important;
}

.w-max-25 {
max-width: 25% !important;
}

.mb-26 {
margin-bottom: 26px !important;
}

.mt-26 {
margin-top: 26px !important;
}

.mr-26 {
margin-right: 26px !important;
}

.ml-26 {
margin-left: 26px !important;
}

.w-26 {
width: 26% !important;
}

.w-max-26 {
max-width: 26% !important;
}

.mb-27 {
margin-bottom: 27px !important;
}

.mt-27 {
margin-top: 27px !important;
}

.mr-27 {
margin-right: 27px !important;
}

.ml-27 {
margin-left: 27px !important;
}

.w-27 {
width: 27% !important;
}

.w-max-27 {
max-width: 27% !important;
}

.mb-28 {
margin-bottom: 28px !important;
}

.mt-28 {
margin-top: 28px !important;
}

.mr-28 {
margin-right: 28px !important;
}

.ml-28 {
margin-left: 28px !important;
}

.w-28 {
width: 28% !important;
}

.w-max-28 {
max-width: 28% !important;
}

.mb-29 {
margin-bottom: 29px !important;
}

.mt-29 {
margin-top: 29px !important;
}

.mr-29 {
margin-right: 29px !important;
}

.ml-29 {
margin-left: 29px !important;
}

.w-29 {
width: 29% !important;
}

.w-max-29 {
max-width: 29% !important;
}

.mb-30 {
margin-bottom: 30px !important;
}

.mt-30 {
margin-top: 30px !important;
}

.mr-30 {
margin-right: 30px !important;
}

.ml-30 {
margin-left: 30px !important;
}

.w-30 {
width: 30% !important;
}

.w-max-30 {
max-width: 30% !important;
}

.mb-31 {
margin-bottom: 31px !important;
}

.mt-31 {
margin-top: 31px !important;
}

.mr-31 {
margin-right: 31px !important;
}

.ml-31 {
margin-left: 31px !important;
}

.w-31 {
width: 31% !important;
}

.w-max-31 {
max-width: 31% !important;
}

.mb-32 {
margin-bottom: 32px !important;
}

.mt-32 {
margin-top: 32px !important;
}

.mr-32 {
margin-right: 32px !important;
}

.ml-32 {
margin-left: 32px !important;
}

.w-32 {
width: 32% !important;
}

.w-max-32 {
max-width: 32% !important;
}

.mb-33 {
margin-bottom: 33px !important;
}

.mt-33 {
margin-top: 33px !important;
}

.mr-33 {
margin-right: 33px !important;
}

.ml-33 {
margin-left: 33px !important;
}

.w-33 {
width: 33% !important;
}

.w-max-33 {
max-width: 33% !important;
}

.mb-34 {
margin-bottom: 34px !important;
}

.mt-34 {
margin-top: 34px !important;
}

.mr-34 {
margin-right: 34px !important;
}

.ml-34 {
margin-left: 34px !important;
}

.w-34 {
width: 34% !important;
}

.w-max-34 {
max-width: 34% !important;
}

.mb-35 {
margin-bottom: 35px !important;
}

.mt-35 {
margin-top: 35px !important;
}

.mr-35 {
margin-right: 35px !important;
}

.ml-35 {
margin-left: 35px !important;
}

.w-35 {
width: 35% !important;
}

.w-max-35 {
max-width: 35% !important;
}

.mb-36 {
margin-bottom: 36px !important;
}

.mt-36 {
margin-top: 36px !important;
}

.mr-36 {
margin-right: 36px !important;
}

.ml-36 {
margin-left: 36px !important;
}

.w-36 {
width: 36% !important;
}

.w-max-36 {
max-width: 36% !important;
}

.mb-37 {
margin-bottom: 37px !important;
}

.mt-37 {
margin-top: 37px !important;
}

.mr-37 {
margin-right: 37px !important;
}

.ml-37 {
margin-left: 37px !important;
}

.w-37 {
width: 37% !important;
}

.w-max-37 {
max-width: 37% !important;
}

.mb-38 {
margin-bottom: 38px !important;
}

.mt-38 {
margin-top: 38px !important;
}

.mr-38 {
margin-right: 38px !important;
}

.ml-38 {
margin-left: 38px !important;
}

.w-38 {
width: 38% !important;
}

.w-max-38 {
max-width: 38% !important;
}

.mb-39 {
margin-bottom: 39px !important;
}

.mt-39 {
margin-top: 39px !important;
}

.mr-39 {
margin-right: 39px !important;
}

.ml-39 {
margin-left: 39px !important;
}

.w-39 {
width: 39% !important;
}

.w-max-39 {
max-width: 39% !important;
}

.mb-40 {
margin-bottom: 40px !important;
}

.mt-40 {
margin-top: 40px !important;
}

.mr-40 {
margin-right: 40px !important;
}

.ml-40 {
margin-left: 40px !important;
}

.w-40 {
width: 40% !important;
}

.w-max-40 {
max-width: 40% !important;
}

.mb-41 {
margin-bottom: 41px !important;
}

.mt-41 {
margin-top: 41px !important;
}

.mr-41 {
margin-right: 41px !important;
}

.ml-41 {
margin-left: 41px !important;
}

.w-41 {
width: 41% !important;
}

.w-max-41 {
max-width: 41% !important;
}

.mb-42 {
margin-bottom: 42px !important;
}

.mt-42 {
margin-top: 42px !important;
}

.mr-42 {
margin-right: 42px !important;
}

.ml-42 {
margin-left: 42px !important;
}

.w-42 {
width: 42% !important;
}

.w-max-42 {
max-width: 42% !important;
}

.mb-43 {
margin-bottom: 43px !important;
}

.mt-43 {
margin-top: 43px !important;
}

.mr-43 {
margin-right: 43px !important;
}

.ml-43 {
margin-left: 43px !important;
}

.w-43 {
width: 43% !important;
}

.w-max-43 {
max-width: 43% !important;
}

.mb-44 {
margin-bottom: 44px !important;
}

.mt-44 {
margin-top: 44px !important;
}

.mr-44 {
margin-right: 44px !important;
}

.ml-44 {
margin-left: 44px !important;
}

.w-44 {
width: 44% !important;
}

.w-max-44 {
max-width: 44% !important;
}

.mb-45 {
margin-bottom: 45px !important;
}

.mt-45 {
margin-top: 45px !important;
}

.mr-45 {
margin-right: 45px !important;
}

.ml-45 {
margin-left: 45px !important;
}

.w-45 {
width: 45% !important;
}

.w-max-45 {
max-width: 45% !important;
}

.mb-46 {
margin-bottom: 46px !important;
}

.mt-46 {
margin-top: 46px !important;
}

.mr-46 {
margin-right: 46px !important;
}

.ml-46 {
margin-left: 46px !important;
}

.w-46 {
width: 46% !important;
}

.w-max-46 {
max-width: 46% !important;
}

.mb-47 {
margin-bottom: 47px !important;
}

.mt-47 {
margin-top: 47px !important;
}

.mr-47 {
margin-right: 47px !important;
}

.ml-47 {
margin-left: 47px !important;
}

.w-47 {
width: 47% !important;
}

.w-max-47 {
max-width: 47% !important;
}

.mb-48 {
margin-bottom: 48px !important;
}

.mt-48 {
margin-top: 48px !important;
}

.mr-48 {
margin-right: 48px !important;
}

.ml-48 {
margin-left: 48px !important;
}

.w-48 {
width: 48% !important;
}

.w-max-48 {
max-width: 48% !important;
}

.mb-49 {
margin-bottom: 49px !important;
}

.mt-49 {
margin-top: 49px !important;
}

.mr-49 {
margin-right: 49px !important;
}

.ml-49 {
margin-left: 49px !important;
}

.w-49 {
width: 49% !important;
}

.w-max-49 {
max-width: 49% !important;
}

.mb-50 {
margin-bottom: 50px !important;
}

.mt-50 {
margin-top: 50px !important;
}

.mr-50 {
margin-right: 50px !important;
}

.ml-50 {
margin-left: 50px !important;
}

.w-50 {
width: 50% !important;
}

.w-max-50 {
max-width: 50% !important;
}

.mb-51 {
margin-bottom: 51px !important;
}

.mt-51 {
margin-top: 51px !important;
}

.mr-51 {
margin-right: 51px !important;
}

.ml-51 {
margin-left: 51px !important;
}

.w-51 {
width: 51% !important;
}

.w-max-51 {
max-width: 51% !important;
}

.mb-52 {
margin-bottom: 52px !important;
}

.mt-52 {
margin-top: 52px !important;
}

.mr-52 {
margin-right: 52px !important;
}

.ml-52 {
margin-left: 52px !important;
}

.w-52 {
width: 52% !important;
}

.w-max-52 {
max-width: 52% !important;
}

.mb-53 {
margin-bottom: 53px !important;
}

.mt-53 {
margin-top: 53px !important;
}

.mr-53 {
margin-right: 53px !important;
}

.ml-53 {
margin-left: 53px !important;
}

.w-53 {
width: 53% !important;
}

.w-max-53 {
max-width: 53% !important;
}

.mb-54 {
margin-bottom: 54px !important;
}

.mt-54 {
margin-top: 54px !important;
}

.mr-54 {
margin-right: 54px !important;
}

.ml-54 {
margin-left: 54px !important;
}

.w-54 {
width: 54% !important;
}

.w-max-54 {
max-width: 54% !important;
}

.mb-55 {
margin-bottom: 55px !important;
}

.mt-55 {
margin-top: 55px !important;
}

.mr-55 {
margin-right: 55px !important;
}

.ml-55 {
margin-left: 55px !important;
}

.w-55 {
width: 55% !important;
}

.w-max-55 {
max-width: 55% !important;
}

.mb-56 {
margin-bottom: 56px !important;
}

.mt-56 {
margin-top: 56px !important;
}

.mr-56 {
margin-right: 56px !important;
}

.ml-56 {
margin-left: 56px !important;
}

.w-56 {
width: 56% !important;
}

.w-max-56 {
max-width: 56% !important;
}

.mb-57 {
margin-bottom: 57px !important;
}

.mt-57 {
margin-top: 57px !important;
}

.mr-57 {
margin-right: 57px !important;
}

.ml-57 {
margin-left: 57px !important;
}

.w-57 {
width: 57% !important;
}

.w-max-57 {
max-width: 57% !important;
}

.mb-58 {
margin-bottom: 58px !important;
}

.mt-58 {
margin-top: 58px !important;
}

.mr-58 {
margin-right: 58px !important;
}

.ml-58 {
margin-left: 58px !important;
}

.w-58 {
width: 58% !important;
}

.w-max-58 {
max-width: 58% !important;
}

.mb-59 {
margin-bottom: 59px !important;
}

.mt-59 {
margin-top: 59px !important;
}

.mr-59 {
margin-right: 59px !important;
}

.ml-59 {
margin-left: 59px !important;
}

.w-59 {
width: 59% !important;
}

.w-max-59 {
max-width: 59% !important;
}

.mb-60 {
margin-bottom: 60px !important;
}

.mt-60 {
margin-top: 60px !important;
}

.mr-60 {
margin-right: 60px !important;
}

.ml-60 {
margin-left: 60px !important;
}

.w-60 {
width: 60% !important;
}

.w-max-60 {
max-width: 60% !important;
}

.mb-61 {
margin-bottom: 61px !important;
}

.mt-61 {
margin-top: 61px !important;
}

.mr-61 {
margin-right: 61px !important;
}

.ml-61 {
margin-left: 61px !important;
}

.w-61 {
width: 61% !important;
}

.w-max-61 {
max-width: 61% !important;
}

.mb-62 {
margin-bottom: 62px !important;
}

.mt-62 {
margin-top: 62px !important;
}

.mr-62 {
margin-right: 62px !important;
}

.ml-62 {
margin-left: 62px !important;
}

.w-62 {
width: 62% !important;
}

.w-max-62 {
max-width: 62% !important;
}

.mb-63 {
margin-bottom: 63px !important;
}

.mt-63 {
margin-top: 63px !important;
}

.mr-63 {
margin-right: 63px !important;
}

.ml-63 {
margin-left: 63px !important;
}

.w-63 {
width: 63% !important;
}

.w-max-63 {
max-width: 63% !important;
}

.mb-64 {
margin-bottom: 64px !important;
}

.mt-64 {
margin-top: 64px !important;
}

.mr-64 {
margin-right: 64px !important;
}

.ml-64 {
margin-left: 64px !important;
}

.w-64 {
width: 64% !important;
}

.w-max-64 {
max-width: 64% !important;
}

.mb-65 {
margin-bottom: 65px !important;
}

.mt-65 {
margin-top: 65px !important;
}

.mr-65 {
margin-right: 65px !important;
}

.ml-65 {
margin-left: 65px !important;
}

.w-65 {
width: 65% !important;
}

.w-max-65 {
max-width: 65% !important;
}

.mb-66 {
margin-bottom: 66px !important;
}

.mt-66 {
margin-top: 66px !important;
}

.mr-66 {
margin-right: 66px !important;
}

.ml-66 {
margin-left: 66px !important;
}

.w-66 {
width: 66% !important;
}

.w-max-66 {
max-width: 66% !important;
}

.mb-67 {
margin-bottom: 67px !important;
}

.mt-67 {
margin-top: 67px !important;
}

.mr-67 {
margin-right: 67px !important;
}

.ml-67 {
margin-left: 67px !important;
}

.w-67 {
width: 67% !important;
}

.w-max-67 {
max-width: 67% !important;
}

.mb-68 {
margin-bottom: 68px !important;
}

.mt-68 {
margin-top: 68px !important;
}

.mr-68 {
margin-right: 68px !important;
}

.ml-68 {
margin-left: 68px !important;
}

.w-68 {
width: 68% !important;
}

.w-max-68 {
max-width: 68% !important;
}

.mb-69 {
margin-bottom: 69px !important;
}

.mt-69 {
margin-top: 69px !important;
}

.mr-69 {
margin-right: 69px !important;
}

.ml-69 {
margin-left: 69px !important;
}

.w-69 {
width: 69% !important;
}

.w-max-69 {
max-width: 69% !important;
}

.mb-70 {
margin-bottom: 70px !important;
}

.mt-70 {
margin-top: 70px !important;
}

.mr-70 {
margin-right: 70px !important;
}

.ml-70 {
margin-left: 70px !important;
}

.w-70 {
width: 70% !important;
}

.w-max-70 {
max-width: 70% !important;
}

.mb-71 {
margin-bottom: 71px !important;
}

.mt-71 {
margin-top: 71px !important;
}

.mr-71 {
margin-right: 71px !important;
}

.ml-71 {
margin-left: 71px !important;
}

.w-71 {
width: 71% !important;
}

.w-max-71 {
max-width: 71% !important;
}

.mb-72 {
margin-bottom: 72px !important;
}

.mt-72 {
margin-top: 72px !important;
}

.mr-72 {
margin-right: 72px !important;
}

.ml-72 {
margin-left: 72px !important;
}

.w-72 {
width: 72% !important;
}

.w-max-72 {
max-width: 72% !important;
}

.mb-73 {
margin-bottom: 73px !important;
}

.mt-73 {
margin-top: 73px !important;
}

.mr-73 {
margin-right: 73px !important;
}

.ml-73 {
margin-left: 73px !important;
}

.w-73 {
width: 73% !important;
}

.w-max-73 {
max-width: 73% !important;
}

.mb-74 {
margin-bottom: 74px !important;
}

.mt-74 {
margin-top: 74px !important;
}

.mr-74 {
margin-right: 74px !important;
}

.ml-74 {
margin-left: 74px !important;
}

.w-74 {
width: 74% !important;
}

.w-max-74 {
max-width: 74% !important;
}

.mb-75 {
margin-bottom: 75px !important;
}

.mt-75 {
margin-top: 75px !important;
}

.mr-75 {
margin-right: 75px !important;
}

.ml-75 {
margin-left: 75px !important;
}

.w-75 {
width: 75% !important;
}

.w-max-75 {
max-width: 75% !important;
}

.mb-76 {
margin-bottom: 76px !important;
}

.mt-76 {
margin-top: 76px !important;
}

.mr-76 {
margin-right: 76px !important;
}

.ml-76 {
margin-left: 76px !important;
}

.w-76 {
width: 76% !important;
}

.w-max-76 {
max-width: 76% !important;
}

.mb-77 {
margin-bottom: 77px !important;
}

.mt-77 {
margin-top: 77px !important;
}

.mr-77 {
margin-right: 77px !important;
}

.ml-77 {
margin-left: 77px !important;
}

.w-77 {
width: 77% !important;
}

.w-max-77 {
max-width: 77% !important;
}

.mb-78 {
margin-bottom: 78px !important;
}

.mt-78 {
margin-top: 78px !important;
}

.mr-78 {
margin-right: 78px !important;
}

.ml-78 {
margin-left: 78px !important;
}

.w-78 {
width: 78% !important;
}

.w-max-78 {
max-width: 78% !important;
}

.mb-79 {
margin-bottom: 79px !important;
}

.mt-79 {
margin-top: 79px !important;
}

.mr-79 {
margin-right: 79px !important;
}

.ml-79 {
margin-left: 79px !important;
}

.w-79 {
width: 79% !important;
}

.w-max-79 {
max-width: 79% !important;
}

.mb-80 {
margin-bottom: 80px !important;
}

.mt-80 {
margin-top: 80px !important;
}

.mr-80 {
margin-right: 80px !important;
}

.ml-80 {
margin-left: 80px !important;
}

.w-80 {
width: 80% !important;
}

.w-max-80 {
max-width: 80% !important;
}

.mb-81 {
margin-bottom: 81px !important;
}

.mt-81 {
margin-top: 81px !important;
}

.mr-81 {
margin-right: 81px !important;
}

.ml-81 {
margin-left: 81px !important;
}

.w-81 {
width: 81% !important;
}

.w-max-81 {
max-width: 81% !important;
}

.mb-82 {
margin-bottom: 82px !important;
}

.mt-82 {
margin-top: 82px !important;
}

.mr-82 {
margin-right: 82px !important;
}

.ml-82 {
margin-left: 82px !important;
}

.w-82 {
width: 82% !important;
}

.w-max-82 {
max-width: 82% !important;
}

.mb-83 {
margin-bottom: 83px !important;
}

.mt-83 {
margin-top: 83px !important;
}

.mr-83 {
margin-right: 83px !important;
}

.ml-83 {
margin-left: 83px !important;
}

.w-83 {
width: 83% !important;
}

.w-max-83 {
max-width: 83% !important;
}

.mb-84 {
margin-bottom: 84px !important;
}

.mt-84 {
margin-top: 84px !important;
}

.mr-84 {
margin-right: 84px !important;
}

.ml-84 {
margin-left: 84px !important;
}

.w-84 {
width: 84% !important;
}

.w-max-84 {
max-width: 84% !important;
}

.mb-85 {
margin-bottom: 85px !important;
}

.mt-85 {
margin-top: 85px !important;
}

.mr-85 {
margin-right: 85px !important;
}

.ml-85 {
margin-left: 85px !important;
}

.w-85 {
width: 85% !important;
}

.w-max-85 {
max-width: 85% !important;
}

.mb-86 {
margin-bottom: 86px !important;
}

.mt-86 {
margin-top: 86px !important;
}

.mr-86 {
margin-right: 86px !important;
}

.ml-86 {
margin-left: 86px !important;
}

.w-86 {
width: 86% !important;
}

.w-max-86 {
max-width: 86% !important;
}

.mb-87 {
margin-bottom: 87px !important;
}

.mt-87 {
margin-top: 87px !important;
}

.mr-87 {
margin-right: 87px !important;
}

.ml-87 {
margin-left: 87px !important;
}

.w-87 {
width: 87% !important;
}

.w-max-87 {
max-width: 87% !important;
}

.mb-88 {
margin-bottom: 88px !important;
}

.mt-88 {
margin-top: 88px !important;
}

.mr-88 {
margin-right: 88px !important;
}

.ml-88 {
margin-left: 88px !important;
}

.w-88 {
width: 88% !important;
}

.w-max-88 {
max-width: 88% !important;
}

.mb-89 {
margin-bottom: 89px !important;
}

.mt-89 {
margin-top: 89px !important;
}

.mr-89 {
margin-right: 89px !important;
}

.ml-89 {
margin-left: 89px !important;
}

.w-89 {
width: 89% !important;
}

.w-max-89 {
max-width: 89% !important;
}

.mb-90 {
margin-bottom: 90px !important;
}

.mt-90 {
margin-top: 90px !important;
}

.mr-90 {
margin-right: 90px !important;
}

.ml-90 {
margin-left: 90px !important;
}

.w-90 {
width: 90% !important;
}

.w-max-90 {
max-width: 90% !important;
}

.mb-91 {
margin-bottom: 91px !important;
}

.mt-91 {
margin-top: 91px !important;
}

.mr-91 {
margin-right: 91px !important;
}

.ml-91 {
margin-left: 91px !important;
}

.w-91 {
width: 91% !important;
}

.w-max-91 {
max-width: 91% !important;
}

.mb-92 {
margin-bottom: 92px !important;
}

.mt-92 {
margin-top: 92px !important;
}

.mr-92 {
margin-right: 92px !important;
}

.ml-92 {
margin-left: 92px !important;
}

.w-92 {
width: 92% !important;
}

.w-max-92 {
max-width: 92% !important;
}

.mb-93 {
margin-bottom: 93px !important;
}

.mt-93 {
margin-top: 93px !important;
}

.mr-93 {
margin-right: 93px !important;
}

.ml-93 {
margin-left: 93px !important;
}

.w-93 {
width: 93% !important;
}

.w-max-93 {
max-width: 93% !important;
}

.mb-94 {
margin-bottom: 94px !important;
}

.mt-94 {
margin-top: 94px !important;
}

.mr-94 {
margin-right: 94px !important;
}

.ml-94 {
margin-left: 94px !important;
}

.w-94 {
width: 94% !important;
}

.w-max-94 {
max-width: 94% !important;
}

.mb-95 {
margin-bottom: 95px !important;
}

.mt-95 {
margin-top: 95px !important;
}

.mr-95 {
margin-right: 95px !important;
}

.ml-95 {
margin-left: 95px !important;
}

.w-95 {
width: 95% !important;
}

.w-max-95 {
max-width: 95% !important;
}

.mb-96 {
margin-bottom: 96px !important;
}

.mt-96 {
margin-top: 96px !important;
}

.mr-96 {
margin-right: 96px !important;
}

.ml-96 {
margin-left: 96px !important;
}

.w-96 {
width: 96% !important;
}

.w-max-96 {
max-width: 96% !important;
}

.mb-97 {
margin-bottom: 97px !important;
}

.mt-97 {
margin-top: 97px !important;
}

.mr-97 {
margin-right: 97px !important;
}

.ml-97 {
margin-left: 97px !important;
}

.w-97 {
width: 97% !important;
}

.w-max-97 {
max-width: 97% !important;
}

.mb-98 {
margin-bottom: 98px !important;
}

.mt-98 {
margin-top: 98px !important;
}

.mr-98 {
margin-right: 98px !important;
}

.ml-98 {
margin-left: 98px !important;
}

.w-98 {
width: 98% !important;
}

.w-max-98 {
max-width: 98% !important;
}

.mb-99 {
margin-bottom: 99px !important;
}

.mt-99 {
margin-top: 99px !important;
}

.mr-99 {
margin-right: 99px !important;
}

.ml-99 {
margin-left: 99px !important;
}

.w-99 {
width: 99% !important;
}

.w-max-99 {
max-width: 99% !important;
}

.mb-100 {
margin-bottom: 100px !important;
}

.mt-100 {
margin-top: 100px !important;
}

.mr-100 {
margin-right: 100px !important;
}

.ml-100 {
margin-left: 100px !important;
}

.w-100 {
width: 100% !important;
}

.w-max-100 {
max-width: 100% !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.emText {
    color: #eb4600;
}

small {
    font-size: 0.87em;
}

.m-auto {
  margin: auto;
}

.spNone {
  display: block;
}
.pcNone {
  display: none;
}
@media screen and (max-width: 767px) {
.spNone {
  display: none;
}
.pcNone {
  display: block;
}
}



/**

  @tables
---------------------------------------------------------
  elements/_tables.scss
--------------------------------------------------------- */

.mod-table table {
	font-size: 86%;/*add 100*/
	width: 100%;
	margin: 0 auto 25px;
	border-collapse: collapse;
}

.mod-table tr {
text-align: left;
}

.mod-table th,
.mod-table td {
padding: 12px 15px;
empty-cells: show;
vertical-align: top;
border: none;
font-size: 86%;/*add*/
}

.mod-table th img,
.mod-table td img {
vertical-align: middle;
}

.mod-table th sup,
.mod-table td sup {
font-size: .9rem;
}

.mod-table th > :last-child,
.mod-table td > :last-child {
margin-bottom: 0;
}

.mod-table th > :first-child,
.mod-table td > :first-child {
margin-top: 0;
}

.mod-table th {
font-weight: normal;
}

.mod-table caption {
font-weight: bold;
margin-bottom: 10px;
text-align: left;
}

.mod-table {
box-sizing: border-box;
margin: 0 auto 25px;
text-align: center;

-webkit-overflow-scrolling: auto;
}

.mod-table * {
box-sizing: border-box;
}

.mod-table caption img {
vertical-align: middle;
}

.mod-table th,
.mod-table td {
word-wrap: break-word;
border: 1px solid #d2d2d2;

overflow-wrap: break-word;
}

.mod-table th.type-nowrap,
.mod-table td.type-nowrap {
white-space: nowrap;
}

.mod-table th > div:first-of-type,
.mod-table td > div:first-of-type {
margin-top: 10px;
}

.mod-table th > div:first-of-type > :last-child,
.mod-table td > div:first-of-type > :last-child {
margin-bottom: 0;
}

.mod-table.aln-c th,
.mod-table.aln-c td,
.mod-table th.aln-c th,
.mod-table th.aln-c td,
.mod-table td.aln-c th,
.mod-table td.aln-c td,
.mod-table tr.aln-c th,
.mod-table tr.aln-c td,
.mod-table tbody.aln-c th,
.mod-table tbody.aln-c td {
text-align: center;
}

.mod-table.aln-r th,
.mod-table.aln-r td,
.mod-table th.aln-r th,
.mod-table th.aln-r td,
.mod-table td.aln-r th,
.mod-table td.aln-r td,
.mod-table tr.aln-r th,
.mod-table tr.aln-r td,
.mod-table tbody.aln-r th,
.mod-table tbody.aln-r td {
text-align: right;
}

.mod-table.aln-l th,
.mod-table.aln-l td,
.mod-table th.aln-l th,
.mod-table th.aln-l td,
.mod-table td.aln-l th,
.mod-table td.aln-l td,
.mod-table tr.aln-l th,
.mod-table tr.aln-l td,
.mod-table tbody.aln-l th,
.mod-table tbody.aln-l td {
text-align: left;
}

.mod-table.valn-t th,
.mod-table.valn-t td,
.mod-table th.valn-t th,
.mod-table th.valn-t td,
.mod-table td.valn-t th,
.mod-table td.valn-t td,
.mod-table tr.valn-t th,
.mod-table tr.valn-t td,
.mod-table tbody.valn-t th,
.mod-table tbody.valn-t td {
vertical-align: top;
}

.mod-table.valn-m th,
.mod-table.valn-m td,
.mod-table th.valn-m th,
.mod-table th.valn-m td,
.mod-table td.valn-m th,
.mod-table td.valn-m td,
.mod-table tr.valn-m th,
.mod-table tr.valn-m td,
.mod-table tbody.valn-m th,
.mod-table tbody.valn-m td {
vertical-align: middle;
}

.mod-table.valn-b th,
.mod-table.valn-b td,
.mod-table th.valn-b th,
.mod-table th.valn-b td,
.mod-table td.valn-b th,
.mod-table td.valn-b td,
.mod-table tr.valn-b th,
.mod-table tr.valn-b td,
.mod-table tbody.valn-b th,
.mod-table tbody.valn-b td {
vertical-align: bottom;
}

.mod-table thead th,
.mod-table thead td {
text-align: center;
vertical-align: middle;
background: #e7e7e7;
}

.mod-table tbody th {
background: #f4f4f4;
}

.mod-table tbody td ul.icon > li {
text-align: center;
}

.mod-table tbody td ul.icon > li + li {
margin-top: 8px;
}

.mod-table tbody td ul.icon > li img {
max-width: 70px;
border-radius: 8px;
}

.mod-table tbody td :last-child {
margin-bottom: 0;
}

.mod-table tbody td > div.adjust:first-of-type {
margin: 0 0 10px;
}

.mod-table.type-color thead th,
.mod-table.type-color thead td {
color: #fff;
background-color: #6cab21;
}

.mod-table.type-color-2 thead th,
.mod-table.type-color-2 thead td {
color: #fff;
background-color: #0092b2;
}

.mod-table::-webkit-scrollbar {
/* スクロールバー本体 */
width: 5px;
background: #4b4b4b;
}

.mod-table::-webkit-scrollbar:horizontal {
/* 横方向のスクロールバー本体 */
height: 5px;
background: #4b4b4b;
}

.mod-table::-webkit-scrollbar-thumb {
border-radius: 2px;
/* スクロールバーの動く部分 */
background: #4b4b4b;
}

.mod-table::-webkit-scrollbar-track-piece:start {
/* スクロールバーの動く部分の前 */
background: #e7e7e7;
}

.mod-table::-webkit-scrollbar-track-piece:end {
/* スクロールバーの動く部分の後ろ */
background: #e7e7e7;
}

.mod-table::-webkit-scrollbar-corner {
/* スクロールバー角 */
background: transparent;
}

@media only screen and (max-width: 767px) {
  .mod-table.type-rwdBlock table,
  .mod-table.type-rwdBlock caption,
  .mod-table.type-rwdBlock thead,
  .mod-table.type-rwdBlock tbody,
  .mod-table.type-rwdBlock tr,
  .mod-table.type-rwdBlock th,
  .mod-table.type-rwdBlock td {
  display: block;
  }

  .mod-table.type-rwdBlock tr:first-of-type th {
  border-top-width: 1px;
  }

  .mod-table.type-rwdBlock th,
  .mod-table.type-rwdBlock td {
  width: 100%;
  border-top-width: 0;
  }

  .mod-table.type-rwdBlock.type-col2 tbody tr {
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  }

  .mod-table.type-rwdBlock.type-col2 tbody tr td {
  width: 50%;
  }

  .mod-table.type-rwdBlock.type-col2 tbody tr td:nth-of-type(2n) {
  border-left: 0;
  }

  .mod-table.type-rwdScroll {
  overflow: auto;
  width: 100%;
  }

  .mod-table.type-rwdScroll table {
  min-width: 800px;
  margin: 0;
  }

  .mod-table.wS table {
  min-width: 500px;
  }
}


  /* PC SP 表示切り替え
----------------------------------------------*/
.sp-hide {
  display: block;
}
.pc-hide {
  display: none;
}
 /*tel--------------*/
 .tel_link_target{
  pointer-events: none;
}
 /* br ------------*/
  .br_pcOnOff {
   display:block !important;
 }
  .br_spOnOff {
   display:none !important;
 }

@media screen and (max-width:767px) {
  .sp-hide {
    display: none;
  }
  .pc-hide {
    display: block;
  }
/*tel--------------*/
 .tel_link_target{
  pointer-events: auto;
}
 /* br ------------*/
  .br_pcOnOff {
   display:none !important;
 }
  .br_spOnOff {
   display:block !important;
 }
/***/
}

/* clearfix
------------------------------------------------*/
.cf:before, .cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
 *zoom: 1;
}

/* service pc/sp */
.service_wrap_box{
  margin: 0 auto;
}
.service_wrap_box img{
  margin: 1em auto;
}

.service_wrap_box .mod-listNotice li {
  margin-bottom: 4px;
  position: relative;
  padding-left: 1.3em;
  text-align: left;
  color: #223;
}
.service_wrap_box .mod-listNotice li::before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 1.2em;
  content: '';
  text-align: center;
  vertical-align: middle;
  color: #223;
}
.service_wrap_box .mod-listNotice li > .mark {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 1.2em;
  content: '';
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  color: #223;
}
.service-attention {
  padding: 0 20px;
}
.service_wrap_box.type2 {
  border: 3px solid #d3307a;
  box-shadow: 0 0 3px rgba(0,0,0,.5);
  width: 92%;
  max-width: 1000px;
}
.service_wrap_box.type3 {
  border: 3px solid #35a1d4;
  box-shadow: 0 0 3px rgba(0,0,0,.5);
  width: 92%;
  max-width: 1000px;
  margin-bottom: 120px;
}
.service_wrap_box.type4 {
  border: 3px solid #2e992e;
  box-shadow: 0 0 3px rgba(0,0,0,.5);
  width: 92%;
  max-width: 1000px;
}
.service_wrap_box.type5 {
  border: 3px solid  #00FA9A;
  box-shadow: 0 0 3px rgba(0,0,0,.5);
  width: 92%;
  max-width: 1000px;
}
.service-desc {
  margin: 30px 0 15px;
  padding: 0 25px;
  text-align: left;
}
a.service-btn {
  background-color: #2e992e;
  width: 95%;
  margin: 40px auto 10px;
}
a.service-btn:hover {
  background: #2e992e;
  color: #fff;
  border: solid 1px #2e992e;
  width: 95%;
  display: block;
}
h3.service-title {
  text-align: center;
  padding: 0 0 34px 110px;
  margin-top: 2em;
  font-size: 40px;
  font-weight: bold;
}
.service-title-icon {
  position: relative;
}
.service-title-icon::before {
  content: "";
  position: absolute;
  top: -24px;
  left: -110px;
  display: block;
  background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/service_icon-router.png) center / contain no-repeat;
  width: 71px;
  height: 80px;
}
.service-title-icon.type2::before {
  background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/service_icon-key.png) center / contain no-repeat;
  top: -14px;
  left: -77px;
  width: 58px;
  height: 77px;
}
.service-title-icon.type3::before {
  background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/service_icon-support.png) center / contain no-repeat;
  top: -14px;
  left: -96px;
  width: 77px;
  height: 70px;
}
.service-title-icon.type5::before {
  background: url(/access/hikari/collaboration/ad_simpleapply/images/images2/service_icon-wifi.png) center / contain no-repeat;
  top: -45px;
  left: -125px;
  width: 110px;
  height: 125px;
}

/**************************PC only*********************************/
@media screen and (min-width: 768px) {
  .p_attention {
    padding: .3em 2px;
    font-size: 11px;
    text-align: left;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.6;
  }
  .wifi_p,
  .security_p,
  .ho_support_p{
    padding: .5em 30px;
    line-height: 1.5;
		text-align: justify;
		text-justify: inter-ideograph;
}
  .ho_support_p_2{
    padding: .5em 30px;
    line-height: 1.5;
		text-align: justify;
		text-justify: inter-ideograph;
}
  .ho_support_p_2 span{
    font-size:12px;
  }
  
  
  /* attention PC
-------------------------------------------------PC */
  .attention_top {
    width: 1100px;
    display: table;
    font-size: 0.9em;
    margin: 0em auto 10px;
    padding: .3em 0;
  }
  .attention_top h2.num01 {
    display: table-cell;
    width: 6.4em;
    padding: .2em;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    font-size: 1.1em;
    line-height: 1.6;
    background-color: #262626;
  }
  .attention_top p.h3-text01 {
    display: table-cell;
    width: auto;
    text-align: left;
    vertical-align: middle;
    padding: .2em 1em .2em 1em;
    background-color: #EFEFEF;
    line-height: 1.5;
    font-size: 0.9em;
  }
    
/* service
--------------------------------- PC */
  
/*service img Ho_support*/
.service_wrap_box  img.img3-2 {
  margin:.3em 0 .8em;
}
.service_wrap_box  img.img3-3 {
  margin:.8em 0 0 !important;
}
.service_wrap_box  img.img3-4 {
  margin:.3em 0 2em;
}


/*sp SERVICE
  --------------------- PC */
.security__box {
display:none;
  }


/******************************pc*/
/* btn
-------------------------------------------*/
  a.btn01 {
    display: block;
    text-decoration: none;
    height: 38px;
    width: 90%;
    line-height: 38px;
    text-align: center;
    color: #fff;
    border: solid 1px #23A1B6;
    border-radius: 20px;
    /*-webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;*/
    transition: 0.3s;
    margin: 0 auto 1.5em;
    background: #23A1B6;
    clear:both;
  }
  a.btn01:hover {
    background: #4DC1D4;
    color: #fff;
    border: solid 1px #4DC1D4;
    width: 90%;
    display: block;
  }
}


/****************SP only***************************************sp*/
@media only screen and (max-width: 767px) {
  
  .p_attention {
    padding: .3em 2px;
    font-size: .7em;
    text-align: left;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.5;
  }
.wifi_p,
.security_p,
.ho_support_p {
		padding: .5em 4px;
		line-height: 1.5;
		/* font-weight: bold;*/
		text-align: justify;
		text-justify: inter-ideograph;
		font-size:.9em;
}
.ho_support_p_2 {
		padding: 0em 4px;
		line-height: 1.5;
		text-align: justify;
		text-justify: inter-ideograph;
		font-size:.9em;
}
.ho_support_p_2 span {
		font-size:.8.2em;
  
  }
  
  
/* section
-----------------------------------------------------------SP */
  section#anc-section-01n,
  section#anc-section-02n,
  section#anc-section-03n,
  section#anc-section-04n,
  section#anc-section-05n,
  section#anc-section-06n,
  section#anc-section-07n
  {
  margin-top:-100px;
  padding-top:100px;
}

  
/* SP SERVICE
--------------------------------- SP */

.service_wrap_box.type4 {
  margin-bottom: 55px;
}
.service-attention {
  margin: 20px 0 20px;
  padding: 0;
}
.service-desc {
  padding: 0;
}
h3.service-title {
  padding: 30px 15px 30px 60px;
  font-size: 30px;
  margin-top: 20px;
}
.service-title-icon::before {
  width: 35px;
  height: 40px;
  top: -3px;
  left: -48px;

}
.service-title-icon.type2::before {
  top: -2px;
  left: -40px;
  width: 31px;
  height: 44px;
}
.service-title-icon.type3::before {
  top: -7px;
  left: -53px;
  width: 45px;
  height: 46px;
}
.service-title-icon.type5::before {
  top: -15px;
  left: -65px;
  width: 55px;
  height: 60px;
}
/*service img Ho_support SP*/
.service_wrap_box  img.img3-2 {
  padding:.5em 0 0;
}
.service_wrap_box  img.img3-3 {
  margin:.5em 0 0;
}
.service_wrap_box  img.img3-4 {
  margin:.5em 0 .5em;
}
  
  
 /*SP SERVICE
  --------------------- SP */
.security__box {
    width:100%;
  margin:.5em 0;
  text-align:left;
  }
.sec_sub_title_img {
width:100%;
}
  
.sec_icon_wrap {
display:flex;
}
.sec_icon {
flex-basis:18%;
flex-shrink: 0;
align-items: flex-start;
}
.sec_icon img {
width:100%;
}
  
p.sec_text{
  display:block;
    text-align: justify;
    text-justify: inter-ideograph;
/*align-items: center;*/
font-size:11px;
line-height:1.6;
padding:.2em 0 0 .5em;
letter-spacing: 0.01rem;
}
p.sec_text span {
color:#FFA7BE;
  }

  
/* attention SP
------------------------------------------------------------ SP */
  
div.attention_top {
 width: 96%;
 display: table;
 margin:0 auto;
}
div.attention_top h2.num01 {
 display: table-cell;
 width: 6em;
 padding: .4em .8em;
 vertical-align: middle;
 color: #fff;
 text-align: center;
 font-size: .76rem;
 background-color: #323232;
}
div.attention_top p.h3-text01 {
 display: table-cell;
 width: auto;
 text-align: left;
 vertical-align: middle;
 padding: .4em .3em .4em .5em;
 line-height:1.3;
 font-size: .7rem;
 background-color: #EFEFEF;
  text-align: justify;
  text-justify: inter-ideograph;
}

/**********************************/
/* btn
------------------------------------------- SP */
  a.btn01 {
    display: block;
    text-decoration: none;
    height: 38px;
    width: 90%;
    line-height: 38px;
    text-align: center;
    color: #fff;
    border: solid 1px #23A1B6;
    border-radius: 20px;
    /*-webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;*/
    transition: 0.3s;
    margin: 3px auto 1.5em;
    background: #23A1B6;
  }

}

.h0{
  font-weight: bold;
  text-align: center;
  font-size: 2em;
}
.h1{
  font-weight: bold;
  position: relative;
  overflow: hidden;
  margin-top: 68px;
  margin-bottom: 24px;
  padding-bottom: 12px;
  font-size: 2.2rem;
  line-height: 1.36364;
}

.h1::before,
.h1::after{
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 3px;
  content: '';
}
.h1::after{
  width: 70px;
  background-color: #009841;
}
.h1::before {
  width: 100%;
  background-color: #414141;
}

.fwb{
  font-weight: bold;
}

body.adSimpleapplyCollaboration section#anc-section-03-detail h1,
body.adSimpleapplyCollaboration section#anc-section-03-detail h2,
body.adSimpleapplyCollaboration section#anc-section-03-detail h3,
body.adSimpleapplyCollaboration section#anc-section-03-detail h4,
body.adSimpleapplyCollaboration section#anc-section-03-detail h5,
body.adSimpleapplyCollaboration section#anc-section-03-detail h6,
body.adSimpleapplyCollaboration div.simulation h1,
body.adSimpleapplyCollaboration div.simulation h2,
body.adSimpleapplyCollaboration div.simulation h3,
body.adSimpleapplyCollaboration div.simulation h4,
body.adSimpleapplyCollaboration div.simulation h5,
body.adSimpleapplyCollaboration div.simulation h6{
  color:#223;
  line-height:1.5;
  font-weight:bold;
}

*, ::before, ::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*:not([class^="x-"])> div.mod-hdg-cl2 h2{
  font-size: inherit;
  margin: 0;
}
.mod-txtEm{
  color:#e00;
}
.mod-txtEmGreen{
  color:#108A7B;
}
.mod-txtEmBlue{
  color:#2974DC;
}
.mod-txtEmOrange{
  color:#F75303;
}
.aln-l {
  text-align: left !important;
}
.aln-c {
  text-align: center !important;
}
.aln-r {
  text-align: right !important;
}

div.mod-hdg-cl2,
div.mod-hdg-cl3,
div.mod-hdg-cl4,
div.mod-hdg-cl5,
div.mod-hdg-cl6 {
  text-align: center;
  margin: 0 0 20px;
}

div.mod-hdg-cl2 > ::after,
div.mod-hdg-cl3 > ::after,
div.mod-hdg-cl4 > ::after,
div.mod-hdg-cl5 > ::after,
div.mod-hdg-cl6 > ::after{
  width: 224px;
  background: -webkit-gradient(linear, left top, right top, from(#5ca122), to(#fff630));
  background: linear-gradient(to right, #5ca122, #fff630);
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 171px;
  height: 3px;
  margin: 0 auto;
  content: "";
}

div.mod-hdg-cl2 > *,
div.mod-hdg-cl3 > *,
div.mod-hdg-cl4 > *,
div.mod-hdg-cl5 > *,
div.mod-hdg-cl6 > *{
  position: relative;
  padding: 0 0 12px;
  padding-bottom: 12px;
}

body.adSimpleapplyCollaboration div.simulation {
  margin-bottom:70px;
}
body.adSimpleapplyCollaboration div.simulation h3.mod-hdg3.typeB,
div.simulation h3.mod-hdg3.typeB{
  background-color:#83838f;
  color:white;
}

body.adSimpleapplyCollaboration div.simulation h3.mod-hdg3.typeB::after,
div.simulation h3.mod-hdg3.typeB::after{
  border-top-color: #83838f;
}

body.adSimpleapplyCollaboration div.simulation .mod-hdg3.typeB::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 60px solid transparent;
  border-top: 30px solid #e7e7e7;
  bottom: -90px;
  left: 50%;
  transform: translateX(-50%);
  background-color:transparent;
}

body.adSimpleapplyCollaboration div.simulation .mod-hdg3.typeB {
  padding-top: 15px;
  padding-bottom: 10px;
  text-align: center;
  position: relative;
  overflow: visible;
}

body.adSimpleapplyCollaboration div.simulation .mod-hdg4::before {
  position: absolute;
  top: .2em;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  content: '';
  border: 5px solid #009841;
  border-radius: 50%;
}

body.adSimpleapplyCollaboration div.simulation .mod-hdg4 {
  position: relative;
  min-height: 20px;
  margin-top: 47px;
  margin-bottom: 24px;
  padding-bottom: 13px;
  padding-left: 34px;
  background: url(/access/common_v2/img/bg.png) left bottom repeat-x;
  background-size: auto 5px;
  font-size: 2rem;
}

body.adSimpleapplyCollaboration div.simulation .mod-hdg5::before {
  position: absolute;
  top: .4em;
  left: 0;
  display: block;
  width: 14px;
  height: 14px;
  content: '';
  background-image: url(/access/common_v2/img/sprite.png?20180401);
  background-position: -152px -114px;
}

body.adSimpleapplyCollaboration div.simulation .mod-hdg5 {
  font-size: 1.8rem;
  line-height: 1.66667;
  position: relative;
  margin-top: 26px;
  margin-bottom: 8px;
  padding-left: 29px;
}

body.adSimpleapplyCollaboration div.simulation h6{
  font-size: 1.6rem;
}

body.adSimpleapplyCollaboration h2.mod-hdg2{
  margin:0;
  padding:0;
  margin-bottom:20px;
  font-size: 2.8rem;
  line-height: 1.42857;
  text-align:center;
}

body.adSimpleapplyCollaboration div.simulation p{
  margin-bottom:12px;
}

body.adSimpleapplyCollaboration div.simulation .mod-table {
  box-sizing: border-box;
  margin: 0 auto 25px;
  text-align: center;
}
body.adSimpleapplyCollaboration div.simulation table tbody,
body.adSimpleapplyCollaboration div.simulation table thead{
  font-size:1.6rem;
}

body.adSimpleapplyCollaboration div.simulation .mod-table * {
  box-sizing:border-box;
}

body.adSimpleapplyCollaboration div.simulation .mod-table table {
  font-size: 100%;
  width: 100%;
  margin: 0 auto 25px;
  border-collapse: collapse;
  color:#223;
}
body.adSimpleapplyCollaboration div.simulation .mod-table table caption{
  font-weight: bold;
  margin-bottom: 10px;
  text-align: left;
}
body.adSimpleapplyCollaboration div.simulation .mod-table table td em{
  font-weight:bold;
  font-style:normal;
}

body.adSimpleapplyCollaboration div.simulation .mod-lytBtn {
  font-size: 0;
  margin: -20px 0 25px;
  text-align: center;
}

body.adSimpleapplyCollaboration div.simulation .mod-lytBtn > li:first-child:last-child {
  display: block;
  margin-top: 40px;
  margin-right: 0;
  margin-left: 0;
}

body.adSimpleapplyCollaboration div.simulation .mod-lytBtn > li:first-child:last-child .type-wS.mod-btn-2{
  max-width: 230px;
  width:100%;
  font-size: 1.4rem;
  height: 38px;
  border-radius: 20px;
  color: #fff;
  background-color: #0a68c2;
  line-height: 1.2;
  display: inline-table;
  box-sizing: border-box;
  padding: 0 14px;
  cursor: pointer;
  text-align: center;
}

body.adSimpleapplyCollaboration div.simulation .type-hM.mod-btn-2 > span{
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
body.adSimpleapplyCollaboration div.simulation .mod-btn-2 > span > span{
  position: relative;
  display: inline-block;
  padding-left: 16px;
}
body.adSimpleapplyCollaboration div.simulation .mod-btn-2 > span > span::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  margin-top: auto;
  margin-bottom: auto;
  content: '';
  border: 5px solid transparent;
  border-left-color: #fff;
}
body.adSimpleapplyCollaboration div.simulation .mod-btn-2.no-arrow > span > span::before {
  content: none;
}

body.adSimpleapplyCollaboration div.simulation .mod-lytBtn > li:first-child:last-child .type-wS.mod-btn-2:link,
body.adSimpleapplyCollaboration div.simulation .mod-lytBtn > li:first-child:last-child .type-wS.mod-btn-2:visited{
  text-decoration:none;
}
body.adSimpleapplyCollaboration div.simulation .mod-lytBtn > li:first-child:last-child .type-wS.mod-btn-2:hover{
  color: #fff;
  background-color: #2187eb;
  text-decoration:underline;
}

body.adSimpleapplyCollaboration div.simulation .notes_box dt{
  text-align:left;
  box-sizing: content-box;
  background: #000;
  color: #fff;
  padding: 7px 13px 7px 10px;
  letter-spacing: 2px;
  line-height: 1.3;
  position: relative;
  min-width: 4em;
}
body.adSimpleapplyCollaboration div.simulation .notes_box dt span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


body.adSimpleapplyCollaboration div.simulation .mod-lytBtn > li {
  font-size: 14px;
  margin: 20px 20px 0;
  vertical-align: middle;
}

body.adSimpleapplyCollaboration div.simulation div.simulation_block{
  display:block;
}

body.adSimpleapplyCollaboration div.simulation ul{
  padding: 0;
  list-style: none;
  list-style-position: outside;
}
body.adSimpleapplyCollaboration div.simulation ul.listRadio{
  margin-top:20px;
}
body.adSimpleapplyCollaboration div.simulation label{
  margin: 0;
  padding: 0;
  cursor: pointer;
}
body.adSimpleapplyCollaboration div.simulation label.mod-formRadio{
  position: relative;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  vertical-align: top;
  border-width: 1px;
  border-style: solid;
  border-radius: 6px;
  background-color: #fff;
}

body.adSimpleapplyCollaboration div.simulation .mod-formRadio input[type="radio"] {
  position: absolute;
  z-index: -10;
  top: 2px;
  left: 1px;
  width: 100%;
  width: calc(100% - 2px);
  height: calc(100% - 4px);
  vertical-align: baseline;
  border-radius: 8px;
  background: transparent;
  -webkit-appearance: none;
  padding:0;
  margin:0;
  box-sizing: border-box;
  overflow:visible;
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
}

body.adSimpleapplyCollaboration div.simulation .mod-formRadio input[type="radio"] ~ span::before {
  position: absolute;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  content: '';
  border-radius: 8px;
  vertical-align: middle;
}

body.adSimpleapplyCollaboration div.simulation .mod-formRadio.type-kodate input[type="radio"] ~ span > span::after,
body.adSimpleapplyCollaboration div.simulation .mod-formRadio.type-mansion input[type="radio"] ~ span > span::after {
  left: 34px;
}

body.adSimpleapplyCollaboration div.simulation .mod-formRadio input[type="radio"]:checked ~ span > span::before {
  box-shadow: 0 0 0 3px white inset;
}

body.adSimpleapplyCollaboration div.simulation .mod-formRadio input[type="radio"] ~ span > span::before {
  position: absolute;
  top: -2px;
  bottom: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: auto;
  content: '';
  border: 1px solid #666;
  border-radius: 50%;
}

body.adSimpleapplyCollaboration div.simulation .mod-formRadio input[type="radio"] ~ span > span {
  font-size: 1.6rem;
  font-weight: bold;
}

body.adSimpleapplyCollaboration div.simulation .mod-formRadio.type-mansion input[type="radio"] ~ span > span::after {
  width: 22px;
  height: 24px;
  background-image: url(/access/common_v2/img/sprite.png?20180401);
  background-position: -125px 0;
}

body.adSimpleapplyCollaboration div.simulation .mod-formRadio.type-kodate input[type="radio"] ~ span > span::after {
  width: 25px;
  height: 24px;
  background-image: url(/access/common_v2/img/sprite.png?20180401);
  background-position: -90px -35px;
}

body.adSimpleapplyCollaboration div.simulation .mod-formRadio.type-kodate input[type="radio"] ~ span > span,
body.adSimpleapplyCollaboration div.simulation .mod-formRadio.type-mansion input[type="radio"] ~ span > span {
  padding-left: 70px;
}

body.adSimpleapplyCollaboration div.simulation .mod-formRadio input[type="radio"] ~ span > span {
  position: relative;
  z-index: 50;
  display: inline-block;
}

body.adSimpleapplyCollaboration div.simulation .mod-listNotice{
  line-height: 1.45;
  box-sizing: border-box;
  margin-top:20px;
}
body.adSimpleapplyCollaboration div.simulation .mod-listNotice *{
  box-sizing:border-box;
}
body.adSimpleapplyCollaboration div.simulation .mod-listNotice li{
  margin-bottom:4px;
  position: relative;
  padding-left: 1.3em;
  text-align: left;
  color: #223;
}

body.adSimpleapplyCollaboration div.simulation .mod-listNotice li::before{
  position: absolute;
  left: 0;
  display: inline-block;
  width: 1.2em;
  content: '';
  text-align: center;
  vertical-align: middle;
  color: #223;
}

body.adSimpleapplyCollaboration div.simulation .mod-listNotice li > .mark{
  position: absolute;
  left: 0;
  display: inline-block;
  width: 1.2em;
  content: '';
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  color: #223;
}

body.adSimpleapplyCollaboration div.simulation .mod-hdg3::after {
  width: 70px;
  background-color: #009841;
}

body.adSimpleapplyCollaboration div.simulation .mod-hdg3::before, .mod-hdg3::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 3px;
  content: '';
}
body.adSimpleapplyCollaboration div.simulation .mod-hdg3::before {
  width: 100%;
  background-color: #414141;
}
body.adSimpleapplyCollaboration div.simulation .mod-hdg3.typeB::before{
  background-color:transparent;
}

body.adSimpleapplyCollaboration div.simulation .mod-hdg3 {
  position: relative;
  overflow: hidden;
  margin-top: 68px;
  margin-bottom: 24px;
  padding-bottom: 12px;
  font-size: 2.2rem;
  line-height: 1.36364;
  font-weight:bold;
  margin:60px 0 20px;
  color: #223;
}

.mod-formRadio input[type="radio"] ~ span > span::after {
    position: absolute;
    top: -3px;
    bottom: 0;
    left: 0;
    display: block;
    width: 25px;
    height: 25px;
    margin-top: auto;
    margin-bottom: auto;
    content: '';
    background-repeat: no-repeat;
    background-position: 0 0;

}

ul.listRadio{
  display:flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

ul.listRadio::after{
  clear:both;
  display:block;
  content:' ';
}

ul.listRadio li{
  float:left;
  width:48%;
  max-width:auto;
}

ul.listRadio.type-col3 li {
  width: 32%;
}

ul.listRadio li:last-child{
  float:right;
}

ul.listRadio li label.mod-formRadio{
  border-color:transparent;
  max-width:100%;
  height:auto;
  min-height:auto;
  box-shadow:unset;
}

.mod-formRadio input[type="radio"] ~ span {
  padding:10px 18px;
}
ul.listRadio li div.image,
.mod-formRadio input[type="radio"] ~ span {
  display:block;
}

.mod-formRadio input[type='radio'] ~ span > span > .assist {
  font-size: 1.2rem;
}

ul.listRadio li div.image{
  position:relative;
  padding: 10px 18px;
}

ul.listRadio li div.image img{
  display:block;
  margin-left:auto;
  margin-right:auto;
}

.mod-formRadio input[type="radio"] ~ span::before{
  border:1px solid #929292;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .3);
  border-radius:6px;
}
.mod-formRadio input[type="radio"] ~ span:hover::before,
.mod-formRadio input[type="radio"]:checked ~ span::before{
  background-color: #f1f4f9;
  border-color:#4882d4;
  border-width:2px;
}

.mod-formRadio input[type="radio"]:checked ~ span > span::before {
  background-color: #4882d4;
}

ul.listRadio li label.mod-formRadio.type-kodate,
ul.listRadio li label.mod-formRadio.type-mansion{
  padding-top:1rem;
  padding-bottom:1rem;
}


/* 新規
ブデザイン UX2ベース */
.cmp-tab {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  border-bottom: 3px solid #009841;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.cmp-tab > li {
  line-height: 1.4;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.cmp-tab > li a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 20px 10px 10px 15px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 1px solid #999;
  border-bottom-color: transparent;
  border-radius: 10px 10px 0 0;
  background-color: #f4f4f4;
}
.cmp-tab.type-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 4px solid #000;
  margin-bottom: 40px;
}
.cmp-tab.type-2 > li + li {
  margin-left: 0;
}
.cmp-tab.type-2 > li a {
  color: #223;
  background: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  -webkit-transition: .2s opacity ease-out;
  transition: .2s opacity ease-out;
  padding: 13px 10px 12px 15px;
  border-color: #d9dadb;
  border-radius: 0;
}
.cmp-tab.type-2 > li a:hover {
  border-color: #d9dadb;
  border-bottom: none;
  text-decoration: none;
  opacity: .7;
}
.cmp-tab.type-2 > li:first-child a {
  border-radius: 4px 0 0 0;
}
.cmp-tab.type-2 > li:last-child a {
  border-radius: 0 4px 0 0;
}
.cmp-tab.type-2 > li.is-current a {
  color: #fff;
  background: #000;
  border-top: 1px solid transparent;
  border-color: transparent;
  text-decoration: none;
  border-radius: 4px 4px 0 0;
}
.cmp-tab.type-2 > li + li a {
  border-left: transparent;
}
.cmp-tab.type-2 > li.is-current a:hover {
  cursor: default;
  opacity: 1;
}
.cmp-tab.type-2 > li a span {
  font-size: 1.3rem;
}
.cmp-tab.type-2 ~ div ul.listRadio li {
  width: 49%;
}
.cmp-tab.type-2 ~ div ul.listRadio li + li {
  margin-left: 2%;
}

/* インフォボックス */
.mod-infoBox {
	max-width: 1100px;
	margin: 0 auto 25px;
	padding: 0;
}
.mod-infoBox > table {
	border-collapse: collapse;
  width: 100%;
}
.mod-infoBox > table td {
	border: 1px solid #d2d2d2;
	box-sizing: border-box;
}
.mod-infoBox > table th {
    background: #f36641;
    color: #fff;
    vertical-align: middle;
    font-weight: bold;
    width: 13%;
}
.mod-infoBox > table th,
.mod-infoBox > table td {
	padding: 12px 15px;
    empty-cells: show;
}
.mod-infoBox > table th > h3 {
  font-size: 15px;
  font-size: 1.5rem;
}
.mod-infoBox > table td .title {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: left;
}
.mod-infoBox > table td > p {
  margin-bottom: 15px;
}
.mod-infoBox.type-includeBtn > table td {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.mod-infoBox.type-includeBtn > table td .mod-btn {
  width: 30%;
  margin: 0 10px 0 65px;
}

/* ステップフロー（横並び） */
.mod-box {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 40px;
  padding: 29px 30px 29px 30px;
  border: 1px solid #d2d2d2;
  border-radius: 8px;
  background: #fff;
  position: relative;
}
.mod-lytBox {
  display: -webkit-flex;
  display:-ms-flexbox;
  display:flex;
  margin-top: -30px;
  margin-bottom: 40px;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.mod-lytBox > .mod-box {
  margin-top: 30px;
  margin-bottom: 0;
}
.mod-lytBox::after {
  display: block;
  content: '';
}
.mod-lytBox.type-col2 > .mod-box {
  width: 48.18182%;
}
.mod-lytBox.type-col2::after {
  width: 48.18182%;
}
.mod-lytBox.type-col3 > .mod-box {
  width: 30.90909%;
}
.mod-lytBox.type-col3::after {
  width: 30.90909%;
  -webkit-order: 11;
  -ms-flex-order: 11;
          order: 11;
}
.type-col3-1 .mod-lytBox {
  margin-top: -20px;
}
.type-col3-1 .mod-lytBox > .mod-box {
  width: 31.80124%;
  margin-top: 20px;
}
.type-col3-1 .mod-lytBox + .mod-lytBox {
  margin-top: -40px;
}
.mod-lytBox.type-col4 > .mod-box {
  width: 22.27273%;
}
.mod-lytBox.type-col4::after {
  width: 22.27273%;
}
.mod-lytBox.type-col4::before {
  display: block;
  width: 22.27273%;
  content: '';
  -webkit-order: 1;
  -ms-flex-order: 1;
          order: 1;
}
.mod-lytBox.type-step > .mod-box {
  overflow: visible;
}
.mod-lytBox.type-step > .mod-box::after {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 20px;
  height: 20px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
}
.mod-lytBox.type-step > .mod-box:last-child::after {
  display: none;
}
.mod-lytBox.type-step > .mod-box .type-start {
  border-color: #009841;
}
.mod-lytBox.type-step.type-col3 > .mod-box::after {
  right: -8%;
}
.mod-lytBox.type-step.type-col4 > .mod-box::after {
  right: -11%;
}
.mod-infoBox + .apply-flow {
  margin-top: 40px;
}
div.apply-flow div.mod-box{
  border-radius:0;
}
body#indexCollaboHikariAccess div.apply-flow div.mod-box{
  text-align:center;
}

div.apply-flow div.mod-box div.inner p.title{
  margin-bottom: .714em;
  margin-top: 0;
}
div.apply-flow div.mod-box div.inner p.desc {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left;
  margin-top: 30px;
}
div.apply-flow div.mod-box div.inner p.title span{
  color:white;
  background-color:#929294;
  font-weight:bold;
  padding:.25em 1em;
  font-size: 16px;
  font-size: 1.6rem;
}
div.apply-flow div.mod-box div.inner {
  padding: 0;
}
div.apply-flow div.mod-box div.inner h4 {
  font-size: 22px;
  font-size: 2.2rem;
}
div.apply-flow div.mod-box div.inner h4::after{
  content:"";
  display:block;
  width:80px;
  height:80px;
  background:url(/access/common_v2/img/fig/img-163.png) left top no-repeat;
  margin: .4547em auto 0 auto;
}
div.apply-flow div.sec-new div.mod-box:nth-child(1) div.inner h4::after{
  background-position: -240px top;
}
div.apply-flow div.sec-new div.mod-box:nth-child(2) div.inner h4::after{
  background-position: -160px top;
}
div.apply-flow div.sec-new div.mod-box:nth-child(3) div.inner h4::after{
  background-position: -80px top;
}
div.apply-flow div.sec-div div.mod-box:nth-child(1) div.inner h4::after,
div.apply-flow div.sec-other div.mod-box:nth-child(1) div.inner h4::after{
  background-position: 0 top;
}
div.apply-flow div.sec-div div.mod-box:nth-child(2) div.inner h4::after,
div.apply-flow div.sec-other div.mod-box:nth-child(2) div.inner h4::after{
  background-position: -240px top;
}
div.apply-flow div.sec-div div.mod-box:nth-child(3) div.inner h4::after,
div.apply-flow div.sec-other div.mod-box:nth-child(3) div.inner h4::after{
  background-position: -320px top;
}

/* ボタンのリンク先がページ内の場合、横遷移用のアイコンを非表示にする */
.btn a[href^="#anc"]::after {
  display: none;
}
:not(.str-scrollTop) :not(.mod-link-list):not(.mod-link-anchor) *> :not(li)> .btn.var-02 a[href^="#anc-"]::before {
  background-position: -127px -112px;
}

/* レイアウトモジュール（master.cssより流用） */
.mod-lytCol {
margin-bottom: 40px;
}
.mod-lytCol > .col > *:last-child {
margin-bottom: 0;
}
.mod-lytCol.type-col2 > .col,
.mod-lytCol.type-col3 > .col,
.mod-lytCol.type-col3-1 > .col,
.mod-lytCol.type-col4 > .col {
float: left;
margin-top: 3.63636%;
margin-left: 3.63636%;
}
.mod-lytCol.type-col2 > .col {
width: 48.18182%;
}
.mod-lytCol.type-col2 > .col:nth-child(-n+2) {
margin-top: 0;
}
.mod-lytCol.type-col2 > .col:nth-child(2n+1) {
clear: left;
margin-left: 0;
}
.mod-lytCol.type-col3 > .col {
width: 30.90909%;
}
.mod-lytCol.type-col3 > .col:nth-child(-n+3) {
margin-top: 0;
}
.mod-lytCol.type-col3 > .col:nth-child(3n+1) {
clear: left;
margin-left: 0;
}
.mod-lytCol.type-col3-1 > .col {
margin-top: 0;
}
.mod-lytCol.type-col3-1 > .col:first-child {
width: 73.18182%;
margin-left: 0;
}
.mod-lytCol.type-col3-1 > .col:last-child {
width: 23.18182%;
}
.mod-lytCol.type-col4 > .col {
width: 22.27273%;
}
.mod-lytCol.type-col4 > .col:nth-child(-n+4) {
margin-top: 0;
}
.mod-lytCol.type-col4 > .col:nth-child(4n+1) {
clear: left;
margin-left: 0;
}
.mod-lytCol::after {
  display: block;
  clear: both;
  content: ' ';
}

/* ボックスモジュール（master.cssより流用） */
.mod-box.type-areaLink {
  padding: 0;
}
.mod-box > a {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 29px 30px 49px;
  padding-bottom: 2.1em;
  text-decoration: none;
  color: inherit;
  border-radius: 8px;
}
.mod-box > a::before {
  position: absolute;
  z-index: 10;
  top: 8px;
  right: 8px;
  display: block;
  width: 11px;
  height: 11px;
  content: '';
  background-image: url(/access/common_v2/img/sprite.png?20180401);
  background-position: -72px -27px;
}
.mod-box > a:hover {
  background-color: #eaedf6;
}
.mod-box .img {
  margin-bottom: 25px;
  text-align: center;
}
.mod-box .img img {
  border-radius: 8px;
  max-width: 100%;
}
.mod-box .txt > *:last-child, .mod-box .txt-2 > *:last-child {
  margin-bottom: 0;
}

/* テキストモジュール（master.cssより流用） */
.mod-txtEmPhrase {
  font-size: 1.6rem;
  font-weight: bold;
}
.mod-txtEmPhrase .mod-txtSize {
  font-size: 2.8rem;
  line-height: 1.25;
}

  /* 事業者変更カテゴリ */
 .situation {
  color: #223;
  font-size: 2.3rem;
  font-weight: bold;
  margin-bottom: 20px;
}

 @media only screen and (min-width: 768px) {
  .mod-infoBox .mod-btn a[href]:hover, .mod-infoBox .mod-btn a[href]:focus, .mod-infoBox .mod-btn button[type]:not(:disabled):hover, .mod-infoBox .mod-btn button[type]:not(:disabled):focus {
    text-decoration: none;
    opacity: .7;
  }
  .mod-infoBox .mod-btn a[href], .mod-infoBox .mod-btn button[type]:not(:disabled) {
    -webkit-transition: .2s opacity ease-out;
    transition: .2s opacity ease-out;
  }
 }


@media only screen and (max-width: 767px){
  div.mod-hdg-cl2 {
    font-size: 2.2rem;
  }

  ul.listRadio{
    display:block;
  }

  ul.listRadio li {
    display:block;
    min-width:100%;
    max-width:100%;
    margin-bottom: 10px;
  }
  label.mod-formRadio{
    height:auto!important;
  }
  .image img{
    max-width:100%;
    width:100%;
  }
  ul.listRadio li div.image img.sp-hide{
    display:none;
  }

  body.adSimpleapplyCollaboration div.simulation .mod-hdg3 {
    margin-top: 32px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-size: 1.5rem;
  }

  body.adSimpleapplyCollaboration div.simulation .mod-hdg4::before {
    top: .25em;
    left: 0;
    width: 13px;
    height: 13px;
    border-width: 4px;
  }

  body.adSimpleapplyCollaboration div.simulation .mod-hdg4::before {
    top: .25em;
    left: 0;
    width: 13px;
    height: 13px;
    border-width: 4px;
  }

  body.adSimpleapplyCollaboration div.simulation .mod-hdg4 {
    font-size: 1.5rem;
    min-height: 13px;
    margin-top: 20px;
    margin-bottom: 12px;
    padding-bottom: 7px;
    padding-left: 24px;
  }

  body.adSimpleapplyCollaboration div.simulation .mod-hdg5::before {
    top: .2em;
  }

  body.adSimpleapplyCollaboration div.simulation .mod-hdg5{
    font-size: 1.4rem;
    line-height: 1.66667;
    margin-top: 13px;
    margin-bottom: 1px;
    padding-left: 22px;
  }

  body.adSimpleapplyCollaboration div.simulation h6{
    font-size: 1.4rem;
    margin-bottom: 12px;
  }

  body.adSimpleapplyCollaboration div.simulation .notes_box dt{
    padding: 7px 10px;
    min-width: 26px;
    font-size: 1.2rem;
  }

/* 新規タブデザイン UX2ベース */
  .cmp-tab.type-2 {
    display: block;
    border-bottom: none;
  }
  .cmp-tab.type-2 > li a {
    border: 1px solid #929292;
    border-bottom: none;
  }
  .cmp-tab.type-2 > li.is-current a {
    border-radius: 0;
    border-bottom: transparent;
  }
  .cmp-tab.type-2 > li:first-child a {
    border-radius: 4px 4px 0 0;
  }
  .cmp-tab.type-2 > li:last-child a {
    border-radius: 0 0 4px 4px;
    border-bottom: 1px solid #929292;
  }
  .cmp-tab.type-2 > li + li a {
    border-top: 1px solid #929292;
    border-left: 1px solid #929292;
  }
  .cmp-tab.type-2 > li.is-current + li a {
    border-top: transparent;
  }
  .cmp-tab.type-2 > li:last-child.is-current a {
    border-bottom: transparent;
  }

  /* インフォボックス */
  .mod-infoBox > table th,
	.mod-infoBox > table td {
		display: block;
	}

	.mod-infoBox > table th {
		text-align: center;
		width: auto;
	}

	.mod-infoBox > table td {
		border-top: none;
	}
	.mod-infoBox > table td .title {
		text-align: center;
  }
  .mod-infoBox.type-includeBtn > table td {
    display: block;
  }
  .mod-infoBox.type-includeBtn > table td .mod-btn {
    width: 100%;
    margin: 0 0 15px;
  }


  /* ステップフロー（横並び） */
  .mod-box {
    padding: 19px 9px 15px 9px;
  }
  .mod-lytBox {
    display: block;
    margin-top: -10px;
  }
  .mod-lytBox.type-col2 > .mod-box,
  .mod-lytBox.type-col3 > .mod-box,
  .mod-lytBox.type-col3-1 > .mod-box,
  .mod-lytBox.type-col4 > .mod-box {
    width: auto;
  }
  .mod-lytBox.type-col2 > .mod-box + .mod-box,
  .mod-lytBox.type-col3 > .mod-box + .mod-box,
  .mod-lytBox.type-col3-1 > .mod-box + .mod-box,
  .mod-lytBox.type-col4 > .mod-box + .mod-box {
    margin-top: 31px;
  }
  .type-col3-1 .mod-lytBox + .mod-lytBox {
    margin-top: -10px;
  }
  .mod-lytBox.type-step > .mod-box {
    overflow: visible;
  }
  .mod-lytBox.type-step > .mod-box::after {
    position: absolute;
    top: auto;
    bottom: -30px;
    left: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .mod-lytBox.type-step > .mod-box:last-child:after {
    display: none;
  }
  .mod-lytBox.type-step > .mod-box:not(:last-child) {
    margin-bottom: 50px;
  }
  .mod-lytBox.type-step.type-col3 > .mod-box::after {
    right: 0;
  }
  .mod-lytBox.type-step.type-col4 > .mod-box::after {
    right: 0;
  }
  div.apply-flow div.mod-box div.inner div.head {
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  div.apply-flow div.mod-box div.inner h4 {
    font-size: 15px;
    font-size: 1.5rem;
    margin-left: .667em;
  }
  div.apply-flow div.mod-box div.inner p.title,
  div.apply-flow div.mod-box div.inner h4{
    margin-bottom:0;
  }
  div.apply-flow div.mod-box div.inner h4::before{
    content:"";
    display:inline-block;
    width:30px;
    height:30px;
    background:url(/access/common_v2/img/fig/img-163.png) left top no-repeat;
    background-size:cover;
    vertical-align:middle;
    margin-right:.667em;
  }
  div.apply-flow div.sec-new div.mod-box:nth-child(1) div.inner h4::before{
    background-position: -90px top;
  }
  div.apply-flow div.sec-new div.mod-box:nth-child(2) div.inner h4::before{
    background-position: -60px top;
  }
  div.apply-flow div.sec-new div.mod-box:nth-child(3) div.inner h4::before{
    background-position: -30px top;
  }
  div.apply-flow div.sec-div div.mod-box:nth-child(1) div.inner h4::before,
  div.apply-flow div.sec-other div.mod-box:nth-child(1) div.inner h4::before{
    background-position: 0 top;
  }
  div.apply-flow div.sec-div div.mod-box:nth-child(2) div.inner h4::before,
  div.apply-flow div.sec-other div.mod-box:nth-child(2) div.inner h4::before{
    background-position: -90px top;
  }
  div.apply-flow div.sec-div div.mod-box:nth-child(3) div.inner h4::before,
  div.apply-flow div.sec-other div.mod-box:nth-child(3) div.inner h4::before{
    background-position: -120px top;
  }
  div.apply-flow div.mod-box div.inner h4::after{
    background:none;
    background-position:initial;
    width:auto;
    height:auto;
    display:inline;
  }
  div.apply-flow div.mod-box div.inner p.title span {
    padding: .25em 0.75em;
    min-width: 78px;
    display: inline-block;
  }
  div.apply-flow div.mod-box div.inner p.desc {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: 12px;
  }

  /* レイアウトモジュール（master.cssより流用） */
  .mod-lytCol.type-col2 > .col {
    float: none;
    width: auto !important;
    margin-left: 0;
  }

  /* ボックスモジュール（master.cssより流用） */
  .mod-box > a {
    padding: 29px 11px 49px;
  }
  .mod-box a .img, .mod-box .img {
    margin-bottom: 20px;
  }

  /* トグル内要素の個別高さ揃え */
  #tgl-hook-04 + .tgl-panel .mod-media> .inner> .media {
    height: auto;
  }

  /* 事業者変更カテゴリ */
  .situation {
    font-size: 1.8rem;
  }

}

.img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}


.cta_area {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

@media screen and (max-width: 768px) {
.cta-sp-hide {
    display: none !important;
}
}

@media screen and (min-width: 768px) {
.cta-pc-hide {
    display: none !important;
}
}

.cta_area .mod-lyt> .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -24px 0 0 -24px;
  margin: 0;
  margin-top: 1.6rem;
  justify-content: space-between;
}

.cta_area .mod-lyt[data-col-pc="2"] .inner .col {
  width: 49%;
}

.cta_area .mod-lyt[data-col-pc="2"] .inner .col[style="display: none;"] + .col {
  max-width: 100%;
  flex-basis: 100%;
  width: 100%;
}

.cta_area [data-tel-href^="tel:"] {
  font-size: 3.2rem;
}

.bg-box-01 {
  background: url(https://dummyimage.com/1100x400/cccccc/fff) no-repeat;
    padding: 269px 15px 15px;
    background-size: cover;
}

@media only screen and (max-width: 767px) {
.cta_area .mod-lyt[data-col-pc="2"] .inner .col {
    width: 100%;
    margin-top: 1.6rem;
}
}

@media screen and (max-width: 768px) {
  .bg-box-01 {
    background-size: cover;
    padding: 20px;
  }
  }
  .mod-btn .btn a, .mod-btn .btn button[type] {
    color: #191919;
    text-decoration: none;
}

.pf-contents div.mod-lytCol div.col h4 {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px){
  .pf-contents div.aboutDiversion div.str-contentBody > div.mod-lytCol > .col:nth-child(2) {
      background: url(/access/hikari/collabo/img/diversion_bg-1-sp.png) center top no-repeat;
      background-size: contain;
      padding-top: 3rem;
      margin-top: 10px;
  }
  .pf-contents div.mod-lytCol div.col h4 {
    margin-top: 4rem;
    margin-bottom: 20px;
    text-align: center;
  }
  .pf-contents div.mod-lytCol div.col div.mod-lytCol div.col div.image img {
    max-width: 50%;
    width: 50%;
  }
}



.c-white{
  color: white;
}
.tar{
  text-align: right;
}

.cta_notice {
  color: white;
  border: 2px white solid;
  margin: 3rem 0 2rem;
  padding: 2rem 2rem 1rem;
}
.cta_notice h4{
  font-size: 1.875rem
}
.cta_notice p {
  margin: 1rem 0 2rem;
}