@charset "UTF-8";
/*-------------------------------------------------
 * 共通部分
-------------------------------------------------*/
body {
  background: #fff8e7;
}

body .wrap {
  width: 1180px;
  margin: 0 auto;
  background: #ffffff;
  overflow-x: hidden;
}

@media only screen and (max-width: 768px) {
  body .wrap {
    width: calc(100% - 3.333vw);
  }
}

.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

@media print, screen and (min-width: 769px) {
  /*---------------------------------------
	 * ヘッダー
	---------------------------------------*/
  header {
    height: 150.5px;
    background: url(../img/common/bg_header_pc.png) 50% 0 no-repeat;
    background-size: 100%;
    position: relative;
    margin: 0 0 25px;
  }
  header .logo {
    width: 194px;
    padding: 20px 0 0 50px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  header nav {
    color: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    padding: 23px 30px 0 0;
  }
  header nav p {
    font-size: 1.1rem;
    margin: 0 0 10px;
  }
  header nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header nav ul li {
    height: 40px;
    position: relative;
  }
  header nav ul li::before {
    content: "";
    width: 1px;
    height: 40px;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  header nav ul li.first::before {
    content: none;
  }
  header nav ul li a {
    display: block;
    width: 90px;
    padding: 13px 0;
    font-size: 1.3rem;
    line-height: 1.2;
    text-align: center;
  }
  header nav ul li a.active, header nav ul li a:hover {
    background: #FF555E;
  }
  header nav ul li:nth-child(4) a {
    padding: 5px 0;
  }
  header .sp-menu {
    display: none;
  }
  /*---------------------------------------
	 * サブメニュー
	---------------------------------------*/
  .sub-menu {
    margin: 0 0 20px;
  }
  .sub-menu .inner {
    width: 1080px;
    margin: 0 auto;
    padding-bottom: 25px;
    border-bottom: 2px solid #10B55A;
  }
  .sub-menu .inner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .sub-menu .inner ul li {
    margin-right: 47px;
  }
  .sub-menu .inner ul li a {
    font-weight: 700;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .sub-menu .inner ul li a:hover {
    opacity: 0.75;
  }
  .sub-menu .inner .search_container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sub-menu .inner .search_container input[type="text"] {
    background: #e6e6e6;
    border: none;
    height: 35px;
    width: 220px;
  }
  .sub-menu .inner .search_container input[type="text"]:focus {
    outline: 0;
  }
  .sub-menu .inner .search_container input[type="submit"] {
    cursor: pointer;
    border: none;
    background-image: url(../img/common/icon_search.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #10B55A;
    background-size: 13px;
    color: #fff;
    outline: none;
    width: 3em;
    height: 37px;
  }
  /*---------------------------------------
	 * ログイン中
	---------------------------------------*/
  .logged-in .inner {
    width: 1080px;
    min-height: 54px;
    margin: 0 auto 22px;
    position: relative;
  }
  .logged-in .inner .account-name {
    padding-right: 200px;
    font-weight: 700;
    line-height: 1.6;
  }
  .logged-in .inner .account-name p {
    margin: 0 0 6px;
  }
  .logged-in .inner .account-menu {
    position: absolute;
    top: 0;
    right: 0;
  }
  .logged-in .inner .account-menu a {
    display: block;
    text-align: center;
    background: #FF555E;
    border-radius: 30px;
    color: #ffffff;
    padding: 5px 30px;
    margin: 0 0 3px;
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .logged-in .inner .account-menu a::before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 2px);
    right: 15px;
  }
  .logged-in .inner .account-menu a:hover {
    opacity: 0.75;
  }
  /*---------------------------------------
	 * メガメニュー
	---------------------------------------*/
  .mega-menu .inner {
    width: 1080px;
    margin: 0 auto;
    position: relative;
  }
  .mega-menu .inner .mega-tab {
    position: relative;
    height: 51px;
  }
  .mega-menu .inner .mega-tab > li {
    position: absolute;
    top: 0;
    height: 51px;
    color: #ffffff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .mega-menu .inner .mega-tab > li > span {
    position: absolute;
    top: calc(50% + 3px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    line-height: 1;
    letter-spacing: 5px;
    font-weight: 700;
    font-size: 2.25rem;
  }
  .mega-menu .inner .mega-tab > li.member {
    left: 0;
    width: 425px;
    z-index: 3;
    background-image: url(../img/common/img_megatab-01_pc.png);
  }
  .mega-menu .inner .mega-tab > li.member span {
    left: calc(50% - 40px);
  }
  .mega-menu .inner .mega-tab > li.non-member {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 467px;
    z-index: 2;
    background-image: url(../img/common/img_megatab-02_pc.png);
  }
  .mega-menu .inner .mega-tab > li.user {
    right: 0;
    width: 425px;
    z-index: 1;
    background-image: url(../img/common/img_megatab-03_pc.png);
  }
  .mega-menu .inner .mega-tab > li.user span {
    left: calc(50% + 40px);
  }
  .mega-menu .inner .mega-tab > li.active {
    z-index: 5;
    color: #f3ee70;
  }
  .mega-menu .inner .mega-tab > li.z1 {
    z-index: 1;
  }
  .mega-menu .inner .mega-tab > li .megamenu-contents {
    width: 1080px;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    position: absolute;
    top: 51px;
    left: 0;
  }
  .mega-menu .inner .mega-tab > li .megamenu-contents .content {
    width: 100%;
    height: 100%;
    z-index: 10;
  }
  .mega-menu .inner .mega-tab > li .megamenu-contents .content .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 40px 60px 10px;
    color: #ffffff;
  }
  .mega-menu .inner .mega-tab > li .megamenu-contents .content .list li {
    width: 25%;
    margin: 0 0 30px;
    vertical-align: middle;
    line-height: 1.3;
  }
  .mega-menu .inner .mega-tab > li .megamenu-contents .content .list li figure {
    display: inline-block;
    width: 47px;
    margin: 0 10px 0 0;
    vertical-align: middle;
  }
  .mega-menu .inner .mega-tab > li .megamenu-contents .content .list li .name {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.4rem;
    letter-spacing: 0;
  }
  .mega-menu .inner .mega-tab > li .megamenu-contents .content .list li .name .icon {
    display: inline-block;
    width: 16px;
    margin-left: 0.5em;
  }
  .mega-menu .inner .mega-tab > li .megamenu-contents .content .list li:hover .name {
    text-decoration: underline;
  }
  .mega-menu .inner .mega-tab > li .megamenu-contents.non-member {
    left: -306px;
  }
  .mega-menu .inner .mega-tab > li .megamenu-contents.non-member .list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 160px;
    padding-right: 160px;
  }
  .mega-menu .inner .mega-tab > li .megamenu-contents.non-member .list li {
    width: 18%;
  }
  .mega-menu .inner .mega-tab > li .megamenu-contents.non-member .list li figure {
    display: block;
    width: 100%;
    margin: 0 0 10px;
  }
  .mega-menu .inner .mega-tab > li .megamenu-contents.non-member .list li .name {
    display: block;
  }
  .mega-menu .inner .mega-tab > li .megamenu-contents.user {
    left: -655px;
  }
  .mega-menu .inner .mega-tab > li .megamenu-contents.open {
    visibility: visible;
    opacity: 1;
  }
  /*---------------------------------------
	 * Footer
	---------------------------------------*/
  footer {
    height: 150.5px;
    background: url(../img/common/bg_footer_pc.png) 50% 0 no-repeat;
    background-size: 100%;
    position: relative;
  }
  footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #ffffff;
    font-size: 1.3rem;
    padding: 90px 0 0 50px;
  }
  footer ul li {
    padding-right: 36px;
    position: relative;
  }
  footer ul li::before {
    content: "";
    width: 1px;
    height: 13px;
    background: #ffffff;
    position: absolute;
    top: 50%;
    right: 18px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  footer ul li.last::before {
    content: none;
  }
  footer ul li a:hover {
    text-decoration: underline;
  }
  footer small {
    position: absolute;
    bottom: 20px;
    right: 50px;
    color: #000000;
    font-size: 1.1rem;
  }
  /*---------------------------------------
	 * パンくず(新)
	---------------------------------------*/
  .lower > .topic-path {
    width: 1080px;
    margin: 0 auto -15px;
    color: #cccccc;
    font-size: 1.2rem;
  }
  .lower > .topic-path span {
    color: #00B5FF;
  }
  /*---------------------------------------
	 * ハトサポナビゲーション
	---------------------------------------*/
  .hatosapo-nav-sec {
    margin: 30px 0 30px;
  }
  .hatosapo-nav-sec .inner {
    width: 1080px;
    margin: 0 auto;
  }
  .hatosapo-nav-sec .inner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .hatosapo-nav-sec .inner ul li {
    width: 131px;
    height: 64px;
    display: table;
  }
  .hatosapo-nav-sec .inner ul li a {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    color: #00B5FF;
    border: 2px solid #00B5FF;
    background: #ffffff;
    border-radius: 5px;
    text-align: center;
    font-size: 1.22rem;
    font-weight: 700;
    line-height: 1.4;
    padding: 12px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .hatosapo-nav-sec .inner ul li a:hover, .hatosapo-nav-sec .inner ul li a.active {
    background: #00B5FF;
    color: #ffffff;
  }
  /*---------------------------------------
	 * Main
	---------------------------------------*/
  main {
    padding: 0 0 90px;
  }
  /*---------------------------------------
	 * ページヘッダー
	---------------------------------------*/
  .pageheader-sec {
    margin-bottom: 60px;
  }
  .pageheader-sec .inner {
    width: 1080px;
    height: 274px;
    margin: 0 auto;
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 900px;
    position: relative;
  }
  .pageheader-sec .inner .page-title {
    width: 344px;
    height: 217px;
    position: relative;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    top: 57px;
    left: 0px;
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
            box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
  }
  .pageheader-sec .inner .page-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 9px;
    height: 100%;
    background: #00B5FF;
    background: -webkit-gradient(linear, left bottom, left top, from(#1fbaa7), to(#20d474));
    background: linear-gradient(0deg, #1fbaa7 0%, #20d474 100%);
    border-radius: 10px 0 0 10px;
  }
  .pageheader-sec .inner .page-title::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 9px;
    height: 100%;
    background: #00B5FF;
    background: -webkit-gradient(linear, left bottom, left top, from(#0378e8), to(#1ca8c7));
    background: linear-gradient(0deg, #0378e8 0%, #1ca8c7 100%);
    border-radius: 0 10px 10px 0;
  }
  .pageheader-sec .inner .page-title p {
    width: 100%;
    height: 100%;
    display: table;
    line-height: 1.4;
  }
  .pageheader-sec .inner .page-title p::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 9px;
    background: #00B5FF;
    background: -webkit-gradient(linear, left top, right top, from(#20d474), to(#1ca8c7));
    background: linear-gradient(90deg, #20d474 0%, #1ca8c7 100%);
    border-radius: 10px 10px 0 0;
  }
  .pageheader-sec .inner .page-title p::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 9px;
    background: #00B5FF;
    background: -webkit-gradient(linear, left top, right top, from(#1fbaa7), to(#0378e8));
    background: linear-gradient(90deg, #1fbaa7 0%, #0378e8 100%);
    border-radius: 0 0 10px 10px;
  }
  .pageheader-sec .inner .page-title p span {
    display: table-cell;
    vertical-align: middle;
    padding-left: 40px;
    font-weight: 700;
    color: #0083dc;
    font-size: 2.3rem;
  }
  .pageheader-sec .inner .topic-path {
    color: #cccccc;
    font-size: 1.2rem;
    position: absolute;
    bottom: 0;
    right: 50px;
  }
  .pageheader-sec .inner .topic-path span {
    color: #00B5FF;
  }
}

@media only screen and (max-width: 768px) {
  /*---------------------------------------
	 * ヘッダー
	---------------------------------------*/
  header {
    background: url(../img/common/bg_header_sp.png) 50% 0 no-repeat;
    background-size: 100%;
    position: relative;
    margin: 0 0 4.267vw;
  }
  header .logo {
    width: 22.667vw;
    padding: 1.333vw 0 8vw 1.867vw;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  header nav {
    color: #10B55A;
  }
  header nav p {
    font-size: 1rem;
    padding-left: 3.333vw;
    margin-bottom: 2.667vw;
  }
  header nav ul {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header nav ul li {
    width: 20%;
    height: 8.8vw;
    position: relative;
    display: table;
  }
  header nav ul li::before {
    content: "";
    width: 0.267vw;
    height: 8.8vw;
    background: #10B55A;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  header nav ul li.last::after {
    content: "";
    width: 0.267vw;
    height: 8.8vw;
    background: #10B55A;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  header nav ul li a {
    display: table-cell;
    width: 100%;
    font-size: 1.1rem;
    line-height: 1.2;
    text-align: center;
    vertical-align: middle;
  }
  header nav ul li a.active {
    background: #FF555E;
    color: #ffffff;
  }
  /* MenuBtn
	---------------------------------------*/
  .menu-box {
    display: block;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    position: absolute;
    top: 0px;
    right: 0;
    padding: 3.733vw 4.8vw 2.4vw;
    cursor: pointer;
    z-index: 101;
    /* Animation*/
  }
  .menu-box .menu-btn {
    width: 6.4vw;
    height: 3.467vw;
  }
  .menu-box .menu-trigger,
  .menu-box .menu-trigger span {
    display: inline-block;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .menu-box .menu-trigger {
    position: relative;
    width: 6.4vw;
    height: 3.733vw;
  }
  .menu-box .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.533vw;
    background-color: #ffffff;
  }
  .menu-box .menu-trigger span:nth-of-type(1) {
    top: 0;
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  .menu-box .menu-trigger span:nth-of-type(2) {
    top: 1.6vw;
  }
  .menu-box .menu-trigger span:nth-of-type(3) {
    bottom: 0;
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  .menu-box .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 50%;
  }
  .menu-box .menu-trigger.active span:nth-of-type(2) {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  .menu-box .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 50%;
  }
  /* MenuContent
	---------------------------------------*/
  .menu-content {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100vh;
    background: rgba(16, 181, 90, 0.9);
    overflow: scroll;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
  }
  .menu-content .whole {
    padding: 20vw 6.667vw;
    color: #ffffff;
    line-height: 1.4;
  }
  .menu-content .whole p {
    margin: 0 0 5.333vw;
  }
  .menu-content .whole .sub-content-menu {
    margin: 5.333vw 0 0;
  }
  .menu-content .whole .sub-content-menu p {
    color: #ffff64;
    font-size: 1.6rem;
    margin: 0 0 5.333vw;
  }
  .menu-content .whole .sub-content-menu.tool p {
    color: #ffffff;
  }
  .menu-content .whole .sub-content-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 6.333vw 0 0;
  }
  .menu-content .whole .sub-content-menu ul li {
    width: 49%;
    margin-bottom: 4vw;
  }
  .menu-content .whole .sub-content-menu ul li a {
    display: block;
    width: 100%;
    min-height: 2em;
    background: url(../img/common/spmenu-deco.svg) 0 0.4vw no-repeat;
    background-size: 3.2vw;
    padding-left: 4vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .menu-content .whole .sub-content-menu ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 4.333vw 0 0;
  }
  .menu-content .whole .sub-content-menu ol li {
    width: 47%;
    height: 4em;
    margin: 0 0 4vw;
    border: 0.533vw solid #ffff64;
    border-radius: 1.333vw;
    font-size: 1.1rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .menu-content .whole .sub-content-menu ol li a {
    display: table;
    width: 100%;
    height: 100%;
    padding: 0 2.667vw 0 2.667vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
  }
  .menu-content .whole .sub-content-menu ol li a::before {
    content: "";
    display: block;
    width: 1.067vw;
    height: 1.067vw;
    border-top: 1px solid #ffff64;
    border-right: 1px solid #ffff64;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 0.5335vw);
    right: 1.867vw;
  }
  .menu-content .whole .sub-content-menu ol li a span {
    display: table-cell;
    vertical-align: middle;
  }
  .menu-content .whole .sub-content-menu ol li.external-link a {
    background: url(../img/common/icon_link-yellow.svg) right 5px center no-repeat;
    background-size: 3.2vw;
  }
  .menu-content .whole .sub-content-menu ol li.external-link a::before {
    content: none;
  }
  .menu-content .whole .sub-content-menu ol li.small-size a {
    padding: 0 3vw 0 1vw;
  }
  .menu-content .whole .sub-content-menu ol li.small-size a span {
    font-size: 1rem;
  }
  .menu-content .whole .sub-content-menu.tool ol li {
    border: 0.533vw solid #ffffff;
  }
  .menu-content .whole .sub-content-menu.tool ol li a::before {
    content: "";
    display: block;
    width: 1.067vw;
    height: 1.067vw;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 0.5335vw);
    right: 1.867vw;
  }
  .menu-content .whole .sub-content-menu.tool ol li.external-link a {
    background: url(../img/common/icon_link-wh.svg) right 5px center no-repeat;
    background-size: 3.2vw;
  }
  .menu-content .whole .sub-content-menu.tool ol li.external-link a::before {
    content: none;
  }
  /*---------------------------------------
	 * サブメニュー
	---------------------------------------*/
  .sub-menu {
    margin: 0 0 5.333vw;
  }
  .sub-menu .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .sub-menu .inner ul {
    width: 100%;
  }
  .sub-menu .inner ul li {
    display: none;
  }
  .sub-menu .inner ul li a {
    font-weight: 700;
  }
  .sub-menu .inner .search_container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sub-menu .inner .search_container input[type="text"] {
    background: #e6e6e6;
    border: none;
    height: 9.333vw;
    width: calc(100% - 3em);
  }
  .sub-menu .inner .search_container input[type="text"]:focus {
    outline: 0;
  }
  .sub-menu .inner .search_container input[type="submit"] {
    cursor: pointer;
    border: none;
    background-image: url(../img/common/icon_search.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #10B55A;
    background-size: 3.467vw;
    color: #fff;
    outline: none;
    width: 11vw;
    height: 9.867vw;
  }
  /*---------------------------------------
	 * ログイン中
	---------------------------------------*/
  .logged-in .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto 5.267vw;
  }
  .logged-in .inner .account-name {
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 2vw;
  }
  .logged-in .inner .account-name p {
    margin: 0 0 1.6vw;
    display: inline-block;
  }
  .logged-in .inner .account-name p:nth-child(1) {
    margin-right: 1em;
  }
  .logged-in .inner .account-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .logged-in .inner .account-menu a {
    width: 48%;
    display: block;
    text-align: center;
    background: #FF555E;
    border-radius: 8vw;
    color: #ffffff;
    padding: 1.333vw 8vw;
    margin: 0 0 0.8vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
  }
  .logged-in .inner .account-menu a::before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 2px);
    right: 15px;
  }
  /*---------------------------------------
	 * メガメニュー
	---------------------------------------*/
  .lower .mega-menu .inner {
    margin-bottom: 4vw;
  }
  .mega-menu .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
    position: relative;
  }
  .mega-menu .inner .mega-tab {
    position: relative;
    height: 9.867vw;
  }
  .mega-menu .inner .mega-tab li {
    position: absolute;
    top: 0;
    height: 9.867vw;
    font-size: 1rem;
    font-weight: 700;
    color: #ffffff;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
  }
  .mega-menu .inner .mega-tab li span {
    position: absolute;
    top: calc(50% + 0px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    line-height: 1;
  }
  .mega-menu .inner .mega-tab li.member {
    left: 0;
    width: 36.933vw;
    z-index: 3;
    background-image: url(../img/common/img_megatab-01_sp.png);
  }
  .mega-menu .inner .mega-tab li.member span {
    left: calc(50% - 2.667vw);
  }
  .mega-menu .inner .mega-tab li.non-member {
    left: calc(50% - 0.8vw);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 42.8vw;
    z-index: 2;
    background-image: url(../img/common/img_megatab-02_sp.png);
  }
  .mega-menu .inner .mega-tab li.user {
    right: 0;
    width: 39.6vw;
    z-index: 1;
    background-image: url(../img/common/img_megatab-03_sp.png);
  }
  .mega-menu .inner .mega-tab li.user span {
    left: calc(50% + 2.667vw);
  }
  .mega-menu .inner .megamenu-contents {
    display: none !important;
  }
  .mega-menu .inner .megamenu-contents .content {
    position: absolute;
    top: 13.6vw;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 10;
    display: none;
  }
  .mega-menu .inner .megamenu-contents .content.open {
    display: block;
  }
  .mega-menu .inner .megamenu-contents .content .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 10.667vw 16vw 2.667vw;
    color: #FFFFFF;
  }
  .mega-menu .inner .megamenu-contents .content .list li {
    width: 25%;
    margin: 0 0 8vw;
    vertical-align: middle;
    line-height: 1.3;
  }
  .mega-menu .inner .megamenu-contents .content .list li figure {
    display: inline-block;
    width: 12.533vw;
    margin: 0 2.667vw 0 0;
    vertical-align: middle;
  }
  .mega-menu .inner .megamenu-contents .content .list li .name {
    display: inline-block;
    vertical-align: middle;
  }
  .mega-menu .inner .megamenu-contents .content.non-member .list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 42.667vw;
    padding-right: 42.667vw;
  }
  .mega-menu .inner .megamenu-contents .content.non-member .list li {
    width: 18%;
  }
  .mega-menu .inner .megamenu-contents .content.non-member .list li figure {
    display: block;
    width: 100%;
    margin: 0 0 2.667vw;
  }
  .mega-menu .inner .megamenu-contents .content.non-member .list li .name {
    display: block;
  }
  /*---------------------------------------
	 * Footer
	---------------------------------------*/
  footer {
    margin: 50px auto 0;
    height: 36.267vw;
    background: url(../img/common/bg_footer_sp.png) 50% 100% no-repeat;
    background-size: 100%;
    position: relative;
  }
  footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 75%;
    color: #ffffff;
    font-size: 1.3rem;
    padding: 16vw 0 0 0px;
  }
  footer ul li {
    padding: 0 2.667vw;
    margin: 0 0 2.667vw;
    position: relative;
    font-size: 1rem;
  }
  footer ul li::before {
    content: "";
    width: 0.267vw;
    height: 3.467vw;
    background: #ffffff;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  footer ul li.last::before {
    content: none;
  }
  footer small {
    padding-left: 2.667vw;
    color: #ffffff;
    font-size: 1rem;
  }
  /*---------------------------------------
	 * パンくず(新)
	---------------------------------------*/
  .lower > .topic-path {
    width: calc(100% - 3.333vw);
    margin: 0 auto 15px;
    color: #cccccc;
    font-size: 1rem;
  }
  .lower > .topic-path span {
    color: #00B5FF;
  }
  /*---------------------------------------
	 * ハトサポナビゲーション
	---------------------------------------*/
  .hatosapo-nav-sec {
    display: none;
  }
  /*---------------------------------------
	 * ページヘッダー
	---------------------------------------*/
  .pageheader-sec {
    margin-bottom: 16vw;
  }
  .pageheader-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
    height: 44vw;
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 73%;
    position: relative;
  }
  .pageheader-sec .inner .page-title {
    width: 45.867vw;
    height: 28.933vw;
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 2.667vw;
    bottom: 5.333vw;
    left: 0;
    -webkit-box-shadow: 0.8vw 0.8vw 1.6vw rgba(0, 0, 0, 0.2);
            box-shadow: 0.8vw 0.8vw 1.6vw rgba(0, 0, 0, 0.2);
  }
  .pageheader-sec .inner .page-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.067vw;
    height: 100%;
    background: #00B5FF;
    background: -webkit-gradient(linear, left bottom, left top, from(#1fbaa7), to(#20d474));
    background: linear-gradient(0deg, #1fbaa7 0%, #20d474 100%);
    border-radius: 2.667vw 0 0 2.667vw;
  }
  .pageheader-sec .inner .page-title::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1.067vw;
    height: 100%;
    background: #00B5FF;
    background: -webkit-gradient(linear, left bottom, left top, from(#0378e8), to(#1ca8c7));
    background: linear-gradient(0deg, #0378e8 0%, #1ca8c7 100%);
    border-radius: 0 2.667vw 2.667vw 0;
  }
  .pageheader-sec .inner .page-title p {
    width: 100%;
    height: 100%;
    display: table;
  }
  .pageheader-sec .inner .page-title p::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.067vw;
    background: #00B5FF;
    background: -webkit-gradient(linear, left top, right top, from(#20d474), to(#1ca8c7));
    background: linear-gradient(90deg, #20d474 0%, #1ca8c7 100%);
    border-radius: 2.667vw 2.667vw 0 0;
  }
  .pageheader-sec .inner .page-title p::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1.067vw;
    background: #00B5FF;
    background: -webkit-gradient(linear, left top, right top, from(#1fbaa7), to(#0378e8));
    background: linear-gradient(90deg, #1fbaa7 0%, #0378e8 100%);
    border-radius: 0 0 2.667vw 2.667vw;
  }
  .pageheader-sec .inner .page-title p span {
    display: table-cell;
    vertical-align: middle;
    padding-left: 3.333vw;
    line-height: 1.4;
    font-weight: 700;
    color: #0083dc;
    font-size: 1.3rem;
  }
  .pageheader-sec .inner .topic-path {
    color: #cccccc;
    font-size: 1rem;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .pageheader-sec .inner .topic-path span {
    color: #00B5FF;
  }
}

/*-------------------------------------------------
 * TOPページ
-------------------------------------------------*/
@media print, screen and (min-width: 769px) {
  /*---------------------------------------
	 * メインビジュアル
	---------------------------------------*/
  .content-list-sec .inner {
    width: 1080px;
    padding: 40px 35px 20px;
    margin: 0 auto 60px;
    background: #CDF1FF;
    border: 2px solid #25B6AF;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .content-list-sec .inner .logo {
    width: 463px;
    margin: 0 auto 25px;
  }
  .content-list-sec .inner .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .content-list-sec .inner .list li {
    width: 230px;
    height: 83px;
    border: 2px solid #00B5FF;
    border-radius: 15px;
    background-color: #FFFFFF;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 0 24px;
  }
  .content-list-sec .inner .list li a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px 14px;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .content-list-sec .inner .list li a:hover {
    opacity: 0.75;
  }
  .content-list-sec .inner .list li.hato-contract {
    border: 2px solid #FF555E;
  }
  .content-list-sec .inner .list li.hato-contract a {
    padding: 10px 5px;
    text-align: center;
  }
  .content-list-sec .inner .list li.hato-contract .tag {
    background: #FF555E;
    border-radius: 15px;
    display: inline-block;
    color: #FFF;
    font-size: 86.666%;
    font-weight: bold;
    line-height: 1.0;
    margin-bottom: 3px;
    padding: 4px 10px;
  }
  .content-list-sec .inner .list li.hato-contract .midashi {
    color: #FF555E;
  }
  .content-list-sec .inner .list li.hato-contract span.movieLink {
    display: block;
    position: absolute;
    bottom: -20px;
    left: 0;
    text-align: center;
    width: 100%;
  }
  .content-list-sec .inner .list li.hato-contract span.movieLink a {
    color: #008637;
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 0;
  }
  .content-list-sec .inner .list li.hato-contract span.movieLink a strong {
    text-decoration: underline;
  }
  .content-list-sec .inner .list li.new::before {
    content: "";
    width: 53px;
    height: 42px;
    background: url(../img/index/badge_new.svg) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 12px 0px 0px 0px;
  }
  .content-list-sec .inner .list li .midashi {
    font-size: 1.5rem;
    line-height: 1.3;
    color: #00B5FF;
    text-align: center;
    font-weight: 700;
    margin: 0 0 7px;
  }
  .content-list-sec .inner .list li .read {
    font-size: 1.2rem;
    line-height: 1.4;
    font-weight: 700;
  }
  .content-list-sec .inner .list .top-row {
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .content-list-sec .inner .list .top-row a {
    height: auto;
  }
  .content-list-sec .inner .list .center-pos {
    position: relative;
  }
  .content-list-sec .inner .list .center-pos.anshin a {
    background-image: url(../img/index/icon_anshin.svg);
    background-size: 42px;
  }
  .content-list-sec .inner .list .center-pos.daigaku a {
    background-image: url(../img/index/icon_daigaku.svg);
    background-size: 42px;
  }
  .content-list-sec .inner .list .center-pos.manual a {
    background-image: url(../img/index/icon_manual.svg);
    background-size: 38px;
  }
  .content-list-sec .inner .list .center-pos.hatomark a {
    background-position: 10px 50%;
    background-image: url(../img/index/icon_hatomark.png);
    background-size: 48px;
  }
  .content-list-sec .inner .list .center-pos.hatomark p {
    text-align: left;
    left: calc(50% + 65px);
  }
  .content-list-sec .inner .list .center-pos p {
    width: 100%;
    position: absolute;
    top: 50%;
    left: calc(50% + 20px);
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .content-list-sec .inner .list .center-pos a {
    background-position: 20px 50%;
    background-repeat: no-repeat;
    padding: 20px 0 20px 0px;
  }
  .content-list-sec .inner .list .center-pos.manual {
    background-image: url(../img/index/icon_link-grad.svg);
    background-position: right 10px bottom 8px;
    background-repeat: no-repeat;
    background-size: 20px;
  }
  /*---------------------------------------
	 * お役立ちツール
	---------------------------------------*/
  .tools-sec {
    margin: 0 0 40px;
  }
  .tools-sec .inner {
    width: 1080px;
    margin: 0 auto;
  }
  .tools-sec .inner .midashi {
    color: #00B5FF;
    font-weight: 700;
    font-size: 2rem;
    margin: 0 0 30px;
  }
  .tools-sec .inner .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tools-sec .inner .list li {
    width: 262px;
    height: 60px;
    margin-bottom: 10px;
  }
  .tools-sec .inner .list li a {
    position: relative;
    display: block;
    line-height: 1.4;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .tools-sec .inner .list li a:hover {
    opacity: 0.75;
  }
  .tools-sec .inner .list li a span {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .tools-sec .inner .list li a.external-link::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../img/index/icon_link-wh.svg) 50% no-repeat;
    background-size: 100%;
    position: absolute;
    right: 10px;
    bottom: 10px;
  }
  /*---------------------------------------
	 * Information
	---------------------------------------*/
  .information-sec .inner {
    width: 1080px;
    margin: 0 auto;
    border-top: 2px solid #00B5FF;
    padding: 40px 0 0;
  }
  .information-sec .inner .midashi {
    color: #00B5FF;
    font-weight: 700;
    font-size: 2rem;
    margin: 0 0 40px;
  }
  .information-sec .inner .midashi span {
    display: inline-block;
    background: #00B5FF;
    color: #FFFFFF;
    padding: 10px 20px;
  }
  .information-sec .inner .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .information-sec .inner .box .news {
    width: 54.6%;
  }
  .information-sec .inner .box .news .tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #00B5FF;
  }
  .information-sec .inner .box .news .tab li {
    width: 20%;
    height: 40px;
    position: relative;
    cursor: pointer;
  }
  .information-sec .inner .box .news .tab li::before {
    content: "";
    width: 1px;
    height: 40px;
    background: #00B5FF;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .information-sec .inner .box .news .tab li.first::before {
    content: none;
  }
  .information-sec .inner .box .news .tab li span {
    display: block;
    width: 100%;
    line-height: 1.2;
    font-size: 1.3rem;
    color: #00B5FF;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .information-sec .inner .box .news .tab li.active, .information-sec .inner .box .news .tab li:hover {
    background: #FF555E;
  }
  .information-sec .inner .box .news .tab li.active span, .information-sec .inner .box .news .tab li:hover span {
    color: #FFFFFF;
  }
  .information-sec .inner .box .news .content {
    display: none;
  }
  .information-sec .inner .box .news .content.open {
    display: block;
  }
  .information-sec .inner .box .news .content ul {
    margin: 0 0 20px;
  }
  .information-sec .inner .box .news .content ul li {
    border-bottom: 1px dotted #646464;
    padding: 18px 0;
    position: relative;
  }
  .information-sec .inner .box .news .content ul li .cat {
    display: inline-block;
    font-size: 1.2rem;
    background: #646464;
    color: #FFFFFF;
    padding: 5px 20px;
    margin: 0 0 8px;
  }
  .information-sec .inner .box .news .content ul li .post-title {
    line-height: 1.4;
    padding-right: 70px;
  }
  .information-sec .inner .box .news .content ul li .post-title:hover {
    text-decoration: underline;
  }
  .information-sec .inner .box .news .content ul li .pub-date {
    position: absolute;
    font-size: 1.1rem;
    bottom: 20px;
    right: 0;
  }
  .information-sec .inner .box .news .more {
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 30px;
    padding: 5px 20px;
    font-size: 1.6rem;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .information-sec .inner .box .news .more:hover {
    opacity: 0.75;
  }
  .information-sec .inner .box .news .fudousan-news {
    margin: 50px 0 0;
  }
  .information-sec .inner .box .news .fudousan-news .komidashi {
    color: #00B5FF;
    font-weight: 700;
    margin: 0 0 10px;
  }
  .information-sec .inner .box .news .fudousan-news .content {
    display: block;
  }
  .information-sec .inner .box .banner {
    width: 39.8%;
  }
  .information-sec .inner .box .banner .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .information-sec .inner .box .banner .list li {
    width: 200px;
    margin: 0 0 30px;
    border: 1px solid #CCCCCC;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  .information-sec .inner .box .banner .list li a {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .information-sec .inner .box .banner .list li a:hover {
    opacity: 0.75;
  }
  .information-sec .inner .box .banner .mailmag {
    display: block;
    background: #FF555E;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: 2px;
    font-weight: 700;
    padding: 20px 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .information-sec .inner .box .banner .mailmag:hover {
    opacity: 0.75;
  }
}

@media only screen and (max-width: 768px) {
  /*---------------------------------------
	 * メインビジュアル
	---------------------------------------*/
  .content-list-sec .inner {
    width: calc(100% - 3.333vw);
    padding: 5.333vw 2.667vw;
    margin: 0 auto 10.667vw;
    background: #CDF1FF;
    border: 0.533vw solid #25B6AF;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .content-list-sec .inner .logo {
    width: 61.6vw;
    margin: 0 auto 5.333vw;
  }
  .content-list-sec .inner .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .content-list-sec .inner .list li {
    width: 49%;
    min-height: 22.133vw;
    border: 0.533vw solid #00B5FF;
    border-radius: 2.667vw;
    background-color: #FFFFFF;
    position: relative;
    padding: 2.333vw 2vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 0 2%;
  }
  .content-list-sec .inner .list li a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .content-list-sec .inner .list li a:hover {
    opacity: 0.75;
  }
  .content-list-sec .inner .list li.hato-contract {
    border: 0.533vw solid #FF555E;
    padding: 1.5vw 1vw;
  }
  .content-list-sec .inner .list li.hato-contract a {
    text-align: center;
  }
  .content-list-sec .inner .list li.hato-contract .tag {
    background: #FF555E;
    border-radius: 15px;
    display: inline-block;
    color: #FFF;
    font-size: 86.666%;
    font-weight: bold;
    line-height: 1.0;
    margin-bottom: 3px;
    padding: 4px 10px;
  }
  .content-list-sec .inner .list li.hato-contract .midashi {
    color: #FF555E;
  }
  .content-list-sec .inner .list li.hato-contract span.movieLink {
    display: block;
    text-align: center;
    width: 100%;
    z-index: 10;
  }
  .content-list-sec .inner .list li.hato-contract span.movieLink > a {
    color: #008637;
    display: block;
    font-size: 1.1rem;
    font-weight: bold;
    margin-top: -10px;
    margin-bottom: 8px;
    padding: 0;
  }
  .content-list-sec .inner .list li.hato-contract span.movieLink > a strong {
    text-decoration: underline;
  }
  .content-list-sec .inner .list li.new::before {
    content: "";
    width: 9vw;
    height: 7.4vw;
    background: url(../img/index/badge_new.svg) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1.6vw 0px 0px 0px;
  }
  .content-list-sec .inner .list li .midashi {
    font-size: 1.1rem;
    line-height: 1.3;
    color: #00B5FF;
    text-align: center;
    font-weight: 700;
    margin: 0 0 1.867vw;
  }
  .content-list-sec .inner .list li .read {
    font-size: 1.0rem;
    line-height: 1.3;
    font-weight: 700;
    text-align: justify;
  }
  .content-list-sec .inner .list .center-pos {
    position: relative;
  }
  .content-list-sec .inner .list .center-pos.anshin a {
    background-image: url(../img/index/icon_anshin.svg);
    background-size: 8.533vw;
  }
  .content-list-sec .inner .list .center-pos.daigaku a {
    background-image: url(../img/index/icon_daigaku.svg);
    background-size: 8.533vw;
  }
  .content-list-sec .inner .list .center-pos.manual a {
    background-position: 0px 55%;
    background-image: url(../img/index/icon_manual.svg);
    background-size: 7.467vw;
  }
  .content-list-sec .inner .list .center-pos.hatomark a {
    background-position: 0px 50%;
    background-image: url(../img/index/icon_hatomark.png);
    background-size: 8.533vw;
  }
  .content-list-sec .inner .list .center-pos.hatomark p {
    text-align: left;
    left: calc(50% + 10.667vw);
    font-size: 1.1rem;
  }
  .content-list-sec .inner .list .center-pos p {
    width: 100%;
    position: absolute;
    top: 50%;
    left: calc(50% + 5.333vw);
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 1.2rem;
  }
  .content-list-sec .inner .list .center-pos a {
    background-position: 0px 50%;
    background-repeat: no-repeat;
    padding: 5.333vw 0 5.333vw 0px;
  }
  .content-list-sec .inner .list .center-pos.manual {
    background-image: url(../img/index/icon_link-grad.svg);
    background-position: right 1.333vw bottom 2.133vw;
    background-repeat: no-repeat;
    background-size: 4vw;
  }
  /*---------------------------------------
	 * お役立ちツール
	---------------------------------------*/
  .tools-sec {
    margin: 0 0 10.667vw;
  }
  .tools-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .tools-sec .inner .midashi {
    color: #00B5FF;
    font-weight: 700;
    margin: 0 0 5.333vw;
  }
  .tools-sec .inner .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tools-sec .inner .list li {
    width: 49%;
    height: 14.667vw;
    margin: 0 0 2%;
  }
  .tools-sec .inner .list li a {
    position: relative;
    display: block;
    line-height: 1.4;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .tools-sec .inner .list li a:hover {
    opacity: 0.75;
  }
  .tools-sec .inner .list li a span {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .tools-sec .inner .list li a.external-link::before {
    content: "";
    width: 4.267vw;
    height: 4.267vw;
    background: url(../img/index/icon_link-wh.svg) 50% no-repeat;
    background-size: 100%;
    position: absolute;
    right: 1.6vw;
    bottom: 1.6vw;
  }
  /*---------------------------------------
	 * Information
	---------------------------------------*/
  .information-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
    border-top: 0.533vw solid #00B5FF;
    padding: 6.667vw 0 0;
  }
  .information-sec .inner .midashi {
    color: #00B5FF;
    font-weight: 700;
    margin: 0 0 5.333vw;
  }
  .information-sec .inner .box .news {
    width: 100%;
    margin: 0 0 8vw;
  }
  .information-sec .inner .box .news .tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: 0.267vw solid #00B5FF;
    border-bottom: none;
    border-right: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .information-sec .inner .box .news .tab li {
    width: 33.3333%;
    height: 10.667vw;
    position: relative;
    border-bottom: 0.267vw solid #00B5FF;
    border-right: 0.267vw solid #00B5FF;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .information-sec .inner .box .news .tab li span {
    display: block;
    width: 100%;
    line-height: 1.2;
    font-size: 1.3rem;
    color: #00B5FF;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .information-sec .inner .box .news .tab li.active {
    background: #FF555E;
  }
  .information-sec .inner .box .news .tab li.active span {
    color: #FFFFFF;
  }
  .information-sec .inner .box .news .content {
    display: none;
  }
  .information-sec .inner .box .news .content.open {
    display: block;
  }
  .information-sec .inner .box .news .content ul {
    margin: 0 0 8vw;
  }
  .information-sec .inner .box .news .content ul li {
    border-bottom: 0.267vw dotted #646464;
    padding: 4.8vw 0;
    position: relative;
  }
  .information-sec .inner .box .news .content ul li .cat {
    display: inline-block;
    font-size: 1.2rem;
    background: #646464;
    color: #FFFFFF;
    padding: 1.333vw 5.333vw;
    margin: 0 0 2.133vw;
  }
  .information-sec .inner .box .news .content ul li .post-title {
    line-height: 1.4;
    margin: 0 0 2.667vw;
  }
  .information-sec .inner .box .news .content ul li .pub-date {
    font-size: 1.1rem;
  }
  .information-sec .inner .box .news .more {
    display: block;
    width: 28vw;
    margin: 0 auto;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    text-align: center;
    border-radius: 8vw;
    padding: 1.333vw 5.333vw;
    font-size: 1.3rem;
  }
  .information-sec .inner .box .news .fudousan-news {
    margin: 13.333vw 0 0;
  }
  .information-sec .inner .box .news .fudousan-news .komidashi {
    color: #00B5FF;
    font-weight: 700;
    margin: 0 0 2.667vw;
  }
  .information-sec .inner .box .news .fudousan-news .content {
    display: block;
  }
  .information-sec .inner .box .banner {
    width: 100%;
  }
  .information-sec .inner .box .banner .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .information-sec .inner .box .banner .list li {
    width: 48%;
    margin: 0 0 4%;
    border: 0.2vw solid #CCCCCC;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  .information-sec .inner .box .banner .mailmag {
    display: block;
    background: #FF555E;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: 0.533vw;
    font-weight: 700;
    padding: 5.333vw 0;
  }
}

/*-------------------------------------------------
 * 新規登録
-------------------------------------------------*/
.lower .inner .main-midashi {
  border-bottom: 2px solid #00B5FF;
  color: #00B5FF;
  font-size: 160%;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.4;
  margin-bottom: 1.25em;
  padding-bottom: 0.75em;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .lower .inner .main-midashi {
    width: calc(100% - 3.333vw);
    margin: 0 auto 1.25em;
    font-size: 120%;
  }
}

.lower .inner .intro .notes-address {
  border: 2px solid #FF555E;
  color: #FF555E;
  font-size: 106.66%;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 10px;
  text-align: center;
}

.lower .inner .intro .notes-address a {
  text-decoration: underline;
}

.lower .inner .intro .notes-address a:hover {
  text-decoration: none;
}

@media print, screen and (min-width: 769px) {
  .register-sec {
    margin-top: 70px;
  }
  .register-sec .inner {
    width: 980px;
    margin: 0 auto;
    line-height: 1.6;
  }
  .register-sec .inner .midashi {
    margin-bottom: 65px;
  }
  .register-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(30%, #61d4c2), color-stop(70%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 30%, #0cb0fa 70%, #0cb0fa 100%);
  }
  .register-sec .inner .midashi span {
    display: block;
    width: 510px;
    margin: 0 auto;
    font-size: 2rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 15px 15px;
    padding: 10px 0 14px;
  }
  .register-sec .inner .intro {
    margin-bottom: 40px;
  }
  .register-sec .inner .form {
    line-height: 1.6;
  }
  .register-sec .inner .form .input-block table {
    width: 100%;
    background: linear-gradient(135deg, #61d4c2 0%, #0cb0fa 100%);
    margin-bottom: 40px;
    border-radius: 15px;
    border-collapse: separate;
    table-layout: fixed;
  }
  .register-sec .inner .form .input-block table th {
    width: 263px;
    color: #FFFFFF;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 2px solid #FFFFFF;
  }
  .register-sec .inner .form .input-block table tr:first-child td {
    border-radius: 0 15px 0 0;
    border-top: 2px solid #00B5FF;
  }
  .register-sec .inner .form .input-block table tr:last-child td {
    border-radius: 0 0 15px 0;
    border-bottom: 2px solid #00B5FF;
  }
  .register-sec .inner .form .input-block table tr:last-child th {
    border-bottom: none;
  }
  .register-sec .inner .form .input-block table td {
    width: 717px;
    border-bottom: 2px solid #CCCCCC;
    border-right: 2px solid #00B5FF;
    border-left: none;
    border-top: none;
    background: #FFFFFF;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .register-sec .inner .form .input-block table td dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 2px solid #CCCCCC;
    padding: 25px 20px 25px 50px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .register-sec .inner .form .input-block table td dl.last {
    border-bottom: none;
  }
  .register-sec .inner .form .input-block table td dl dt {
    width: 32%;
    color: #00B5FF;
    font-weight: 700;
    vertical-align: middle;
  }
  .register-sec .inner .form .input-block table td dl dd {
    width: 68%;
  }
  .register-sec .inner .form .input-block table td dl dd p {
    display: inline-block;
    width: 74%;
    margin-right: 1%;
  }
  .register-sec .inner .form .input-block table td dl dd .text-input {
    border: 2px solid #00B5FF;
    border-radius: 5px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 7px 10px;
  }
  .register-sec .inner .form .input-block table td dl dd .text-input::-webkit-input-placeholder {
    color: #CCCCCC;
  }
  .register-sec .inner .form .input-block table td dl dd .text-input:-ms-input-placeholder {
    color: #CCCCCC;
  }
  .register-sec .inner .form .input-block table td dl dd .text-input::-ms-input-placeholder {
    color: #CCCCCC;
  }
  .register-sec .inner .form .input-block table td dl dd .text-input::placeholder {
    color: #CCCCCC;
  }
  .register-sec .inner .form .input-block table td dl dd .licence-num {
    display: inline-block;
    width: 75%;
  }
  .register-sec .inner .form .input-block table td dl dd button {
    width: 23%;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 10px;
    border: none;
    padding: 8px 0;
  }
  .register-sec .inner .form .input-block table td dl dd small {
    display: block;
    font-size: 1.1rem;
    margin-top: 3px;
  }
  .register-sec .inner .form .input-block table td .radio-box {
    padding: 25px 20px 25px 50px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .register-sec .inner .form .input-block table td .radio-box .radio-input {
    display: none;
  }
  .register-sec .inner .form .input-block table td .radio-box .radio-input + label {
    padding-left: 20px;
    position: relative;
    margin-right: 20px;
  }
  .register-sec .inner .form .input-block table td .radio-box .radio-input + label::before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 17px;
    height: 17px;
    border: 1px solid #00B5FF;
    border-radius: 50%;
  }
  .register-sec .inner .form .input-block table td .radio-box .radio-input:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 3px;
    width: 11px;
    height: 11px;
    background: #00B5FF;
    border-radius: 50%;
  }
  .register-sec .inner .form .input-block .selectform .wrap {
    width: 100%;
    display: inline-block;
  }
  .register-sec .inner .form .input-block .selectform select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
    width: 100%;
    min-height: 15px;
    background: transparent;
    position: relative;
    z-index: 1;
    padding: 8px;
    border: 2px solid #00B5FF;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .register-sec .inner .form .input-block .selectform　select::-ms-expand {
    display: none;
  }
  .register-sec .inner .form .input-block .selectform .selectWrap {
    position: relative;
    display: inline-block;
    width: 100%;
    background: transparent;
  }
  .register-sec .inner .form .input-block .selectform .selectWrap::after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #00B5FF transparent transparent transparent;
  }
  .register-sec .inner .form .agree-block .notice {
    margin-bottom: 60px;
  }
  .register-sec .inner .form .agree-block .agree {
    font-weight: 700;
    color: #00B5FF;
    text-align: center;
    margin-bottom: 30px;
  }
  .register-sec .inner .form .agree-block .bold {
    font-weight: 700;
  }
  .register-sec .inner .form .agree-block label {
    display: block;
    text-align: center;
    margin-bottom: 50px;
  }
  .register-sec .inner .form .agree-block label .checkbox-input {
    display: none;
  }
  .register-sec .inner .form .agree-block label .checkbox-parts {
    padding-left: 40px;
    position: relative;
  }
  .register-sec .inner .form .agree-block label .checkbox-parts::before {
    content: "";
    display: block;
    position: absolute;
    top: -6px;
    left: 0;
    width: 25px;
    height: 25px;
    border: 1px solid #00B5FF;
  }
  .register-sec .inner .form .agree-block label .checkbox-input:checked + .checkbox-parts::after {
    content: "";
    display: block;
    position: absolute;
    top: -15px;
    left: 5px;
    width: 14px;
    height: 28px;
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg);
    border-bottom: 3px solid #d01137;
    border-right: 3px solid #d01137;
  }
  .register-sec .inner .form .agree-block ul {
    margin-top: 3px;
  }
  .register-sec .inner .form .agree-block ul li {
    text-indent: -1em;
    margin-left: 1em;
  }
  .register-sec .inner .form .agree-block ul li a {
    color: #00B5FF;
    text-decoration: underline;
  }
  .register-sec .inner .form .agree-block ul li a:hover {
    text-decoration: none;
  }
  .register-sec .inner .form .confirm-block {
    border-top: 2px solid #00B5FF;
    padding-top: 30px;
    margin-top: 50px;
  }
  .register-sec .inner .form .confirm-block .confirm-btn {
    display: block;
    background: #FF555E;
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 25px 0;
    width: 300px;
    margin: 0 auto;
    border: none;
    border-radius: 5px;
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .register-sec .inner .form .confirm-block .confirm-btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .register-sec .inner .form .confirm-block .confirm-btn:hover {
    opacity: 0.75;
  }
}

@media only screen and (max-width: 768px) {
  .register-sec .inner {
    width: 100%;
    margin: 0 auto;
    line-height: 1.6;
  }
  .register-sec .inner .midashi {
    margin-bottom: 8vw;
  }
  .register-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 1.333vw;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(20%, #61d4c2), color-stop(80%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 20%, #0cb0fa 80%, #0cb0fa 100%);
  }
  .register-sec .inner .midashi span {
    display: block;
    width: 70%;
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 2.667vw 2.667vw;
    padding: 1.3335vw 0 2.667vw;
  }
  .register-sec .inner .midashi span {
    font-size: 1.3rem !important;
  }
  .register-sec .inner .intro {
    width: calc(100% - 3.333vw);
    margin: 0 auto 10.667vw;
  }
  .register-sec .inner .form {
    line-height: 1.6;
  }
  .register-sec .inner .form .input-block table {
    display: block;
    width: calc(100% - 3.333vw);
    background: linear-gradient(135deg, #61d4c2 0%, #0cb0fa 100%);
    margin: 0 auto 10.667vw;
    border-radius: 2.667vw;
    border-collapse: separate;
    table-layout: fixed;
  }
  .register-sec .inner .form .input-block table th {
    display: block;
    width: 100%;
    color: #FFFFFF;
    padding-left: 5.333vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 4vw 0;
    text-align: center;
  }
  .register-sec .inner .form .input-block table tr:last-child td {
    border-radius: 0 0 2.667vw 2.667vw;
    border-bottom: 0.533vw solid #00B5FF;
  }
  .register-sec .inner .form .input-block table td {
    display: block;
    width: 100%;
    border: 0.533vw solid #00B5FF;
    border-top: none;
    border-bottom: none;
    background: #FFFFFF;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .register-sec .inner .form .input-block table td dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.667vw 4vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .register-sec .inner .form .input-block table td dl.last {
    border-bottom: none;
  }
  .register-sec .inner .form .input-block table td dl dt {
    width: 32%;
    color: #00B5FF;
    font-weight: 700;
    vertical-align: middle;
  }
  .register-sec .inner .form .input-block table td dl dd {
    width: 68%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
    max-width: 68%;
  }
  .register-sec .inner .form .input-block table td dl dd span {
    display: inline-block;
    width: 73%;
    margin-right: 1%;
  }
  .register-sec .inner .form .input-block table td dl dd .text-input {
    border: 0.533vw solid #00B5FF;
    border-radius: 1.333vw;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 2vw 2.667vw;
    -webkit-appearance: none;
  }
  .register-sec .inner .form .input-block table td dl dd .text-input::-webkit-input-placeholder {
    color: #CCCCCC;
  }
  .register-sec .inner .form .input-block table td dl dd .text-input:-ms-input-placeholder {
    color: #CCCCCC;
  }
  .register-sec .inner .form .input-block table td dl dd .text-input::-ms-input-placeholder {
    color: #CCCCCC;
  }
  .register-sec .inner .form .input-block table td dl dd .text-input::placeholder {
    color: #CCCCCC;
  }
  .register-sec .inner .form .input-block table td dl dd button {
    width: 23%;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 2.667vw;
    border: none;
    padding: 2.133vw 0;
  }
  .register-sec .inner .form .input-block table td dl dd small {
    display: block;
    font-size: 1.1rem;
    margin-top: 0.8vw;
  }
  .register-sec .inner .form .input-block table td .radio-box {
    padding: 4vw 2.667vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .register-sec .inner .form .input-block table td .radio-box .radio-input {
    display: none;
  }
  .register-sec .inner .form .input-block table td .radio-box .radio-input + label {
    padding-left: 5.333vw;
    position: relative;
    margin-right: 5.333vw;
  }
  .register-sec .inner .form .input-block table td .radio-box .radio-input + label::before {
    content: "";
    display: block;
    position: absolute;
    top: 0.533vw;
    left: 0;
    width: 4vw;
    height: 4vw;
    border: 1px solid #00B5FF;
    border-radius: 50%;
  }
  .register-sec .inner .form .input-block table td .radio-box .radio-input:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.067vw;
    left: 0.533vw;
    width: 2.933vw;
    height: 2.933vw;
    background: #00B5FF;
    border-radius: 50%;
  }
  .register-sec .inner .form .input-block .selectform .wrap {
    width: 100%;
    height: 10.467vw;
    display: inline-block;
    overflow-y: hidden;
  }
  .register-sec .inner .form .input-block .selectform select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
    width: 100%;
    min-height: 4vw;
    background: transparent;
    position: relative;
    z-index: 1;
    padding: 2.133vw;
    border: 0.533vw solid #00B5FF;
    border-radius: 1.333vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .register-sec .inner .form .input-block .selectform　select::-ms-expand {
    display: none;
  }
  .register-sec .inner .form .input-block .selectform .selectWrap {
    position: relative;
    display: inline-block;
    width: 100%;
    -webkit-appearance: none;
    background: transparent;
  }
  .register-sec .inner .form .input-block .selectform .selectWrap::after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 3.333vw;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.333vw 1.333vw 0 1.333vw;
    border-color: #00B5FF transparent transparent transparent;
  }
  .register-sec .inner .form .agree-block {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .register-sec .inner .form .agree-block .notice {
    margin-bottom: 8vw;
  }
  .register-sec .inner .form .agree-block .agree {
    font-weight: 700;
    color: #00B5FF;
    text-align: center;
    margin-bottom: 5.333vw;
  }
  .register-sec .inner .form .agree-block label {
    display: block;
    text-align: center;
    margin-bottom: 10.667vw;
  }
  .register-sec .inner .form .agree-block label .checkbox-input {
    display: none;
  }
  .register-sec .inner .form .agree-block label .checkbox-parts {
    padding-left: 40px;
    position: relative;
  }
  .register-sec .inner .form .agree-block label .checkbox-parts::before {
    content: "";
    display: block;
    position: absolute;
    top: -6px;
    left: 0;
    width: 25px;
    height: 25px;
    border: 1px solid #00B5FF;
  }
  .register-sec .inner .form .agree-block label .checkbox-input:checked + .checkbox-parts::after {
    content: "";
    display: block;
    position: absolute;
    top: -15px;
    left: 5px;
    width: 14px;
    height: 28px;
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg);
    border-bottom: 3px solid #d01137;
    border-right: 3px solid #d01137;
  }
  .register-sec .inner .form .agree-block .bold {
    font-weight: 700;
  }
  .register-sec .inner .form .agree-block .bold + p {
    font-size: 1.2rem;
  }
  .register-sec .inner .form .agree-block ul {
    margin-top: 1.333vw;
    font-size: 1.2rem;
  }
  .register-sec .inner .form .agree-block ul li {
    text-indent: -1em;
    margin-left: 1em;
  }
  .register-sec .inner .form .agree-block ul li a {
    color: #00B5FF;
  }
  .register-sec .inner .form .confirm-block {
    width: calc(100% - 3.333vw);
    margin: 8vw auto 0;
    border-top: 2px solid #00B5FF;
    padding-top: 12vw;
  }
  .register-sec .inner .form .confirm-block .confirm-btn {
    display: block;
    background: #FF555E;
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 3.667vw 0;
    width: 100%;
    margin: 0 auto;
    border: none;
    border-radius: 1.333vw;
    position: relative;
  }
  .register-sec .inner .form .confirm-block .confirm-btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

/*-------------------------------------------------
 * パスワードリセット
-------------------------------------------------*/
@media print, screen and (min-width: 769px) {
  .password-reset-sec {
    margin-top: 70px;
  }
  .password-reset-sec .inner {
    width: 980px;
    margin: 0 auto;
    line-height: 1.6;
  }
  .password-reset-sec .inner .midashi {
    margin-bottom: 65px;
  }
  .password-reset-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(30%, #61d4c2), color-stop(70%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 30%, #0cb0fa 70%, #0cb0fa 100%);
  }
  .password-reset-sec .inner .midashi span {
    display: block;
    width: 400px;
    margin: 0 auto;
    font-size: 2rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 15px 15px;
    padding: 10px 0 14px;
  }
  .password-reset-sec .inner .intro {
    margin-bottom: 40px;
  }
  .password-reset-sec .inner .form {
    line-height: 1.6;
  }
  .password-reset-sec .inner .form .input-block dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 25px;
  }
  .password-reset-sec .inner .form .input-block dl dt {
    width: 230px;
    margin-right: 20px;
    text-align: right;
  }
  .password-reset-sec .inner .form .input-block dl dd {
    width: 468px;
  }
  .password-reset-sec .inner .form .input-block dl dd .text-input {
    border: 2px solid #00B5FF;
    border-radius: 5px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 7px 10px;
  }
  .password-reset-sec .inner .form .input-block dl dd .text-input::-webkit-input-placeholder {
    color: #CCCCCC;
  }
  .password-reset-sec .inner .form .input-block dl dd .text-input:-ms-input-placeholder {
    color: #CCCCCC;
  }
  .password-reset-sec .inner .form .input-block dl dd .text-input::-ms-input-placeholder {
    color: #CCCCCC;
  }
  .password-reset-sec .inner .form .input-block dl dd .text-input::placeholder {
    color: #CCCCCC;
  }
  .password-reset-sec .inner .form .input-block .guide {
    margin-left: 250px;
  }
  .password-reset-sec .inner .form .input-block .guide p {
    color: #00B5FF;
  }
  .password-reset-sec .inner .form .input-block .guide p a {
    text-decoration: underline;
  }
  .password-reset-sec .inner .form .input-block .guide p a:hover {
    text-decoration: none;
  }
  .password-reset-sec .inner .form .confirm-block {
    margin-top: 50px;
  }
  .password-reset-sec .inner .form .confirm-block p {
    text-align: center;
    margin-bottom: 20px;
  }
  .password-reset-sec .inner .form .confirm-block .confirm-btn {
    display: block;
    background: #FF555E;
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 15px 0;
    width: 300px;
    margin: 0 auto;
    border: none;
    border-radius: 5px;
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .password-reset-sec .inner .form .confirm-block .confirm-btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .password-reset-sec .inner .form .confirm-block .confirm-btn:hover {
    opacity: 0.75;
  }
}

@media only screen and (max-width: 768px) {
  .password-reset-sec .inner {
    width: 100%;
    margin: 0 auto;
  }
  .password-reset-sec .inner .midashi {
    margin-bottom: 8vw;
  }
  .password-reset-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 1.333vw;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(20%, #61d4c2), color-stop(80%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 20%, #0cb0fa 80%, #0cb0fa 100%);
  }
  .password-reset-sec .inner .midashi span {
    display: block;
    width: 70%;
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 2.667vw 2.667vw;
    padding: 1.3335vw 0 2.667vw;
  }
  .password-reset-sec .inner .midashi span {
    font-size: 1.3rem;
  }
  .password-reset-sec .inner .intro {
    width: calc(100% - 3.333vw);
    margin: 0 auto 10.667vw;
    line-height: 1.6;
  }
  .password-reset-sec .inner .form {
    width: 90%;
    margin: 0 auto;
    line-height: 1.6;
  }
  .password-reset-sec .inner .form .input-block {
    border-bottom: 2px solid #00B5FF;
    padding-bottom: 8vw;
    margin-bottom: 8vw;
  }
  .password-reset-sec .inner .form .input-block dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 6.667vw;
  }
  .password-reset-sec .inner .form .input-block dl dt {
    width: 38%;
    margin-right: 2vw;
  }
  .password-reset-sec .inner .form .input-block dl dd {
    width: 62%;
  }
  .password-reset-sec .inner .form .input-block dl dd .text-input {
    border: 0.533vw solid #00B5FF;
    border-radius: 1.333vw;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 2vw 2.667vw;
    -webkit-appearance: none;
  }
  .password-reset-sec .inner .form .input-block dl dd .text-input::-webkit-input-placeholder {
    color: #CCCCCC;
  }
  .password-reset-sec .inner .form .input-block dl dd .text-input:-ms-input-placeholder {
    color: #CCCCCC;
  }
  .password-reset-sec .inner .form .input-block dl dd .text-input::-ms-input-placeholder {
    color: #CCCCCC;
  }
  .password-reset-sec .inner .form .input-block dl dd .text-input::placeholder {
    color: #CCCCCC;
  }
  .password-reset-sec .inner .form .input-block .guide p {
    color: #00B5FF;
  }
  .password-reset-sec .inner .form .input-block .guide p a {
    text-decoration: underline;
  }
  .password-reset-sec .inner .form .input-block .guide p a:hover {
    text-decoration: none;
  }
  .password-reset-sec .inner .form .confirm-block p {
    text-align: center;
    margin-bottom: 5.333vw;
  }
  .password-reset-sec .inner .form .confirm-block .confirm-btn {
    display: block;
    background: #FF555E;
    color: #FFFFFF;
    font-weight: 700;
    padding: 4vw 0;
    width: 100%;
    margin: 0 auto;
    border: none;
    border-radius: 1.333vw;
    position: relative;
  }
  .password-reset-sec .inner .form .confirm-block .confirm-btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

/*-------------------------------------------------
 * パスワード / ハトサポIDをお忘れの方
-------------------------------------------------*/
.verify-email-sec .inner {
  line-height: 1.6;
}

@media screen and (min-width: 769px) {
  .verify-email-sec .inner .hidden-pc {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .verify-email-sec .inner .hidden-sp {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .verify-email-sec .inner .notice-wrap {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
}

.verify-email-sec .inner .notice-block {
  border-top: 1px solid #CECECE;
  padding-top: 40px;
  margin: 50px 0 10px;
}

.verify-email-sec .inner .notice-block p {
  font-weight: 700;
  margin-bottom: 5px;
}

.verify-email-sec .inner .notice-block ul li {
  text-indent: -1em;
  margin-left: 1em;
}

.verify-email-sec .inner .notice-block ul li a {
  text-decoration: underline;
  color: #00B5FF;
}

.verify-email-sec .inner .notice-block ul li a:hover {
  text-decoration: none;
}

.verify-email-sec .inner .kyoukai-contact-box {
  background-color: #FDF7E0;
  padding: 20px;
}

.verify-email-sec .inner .kyoukai-contact-box .link-txt {
  color: #FF555E;
  font-weight: bold;
}

.verify-email-sec .inner .kyoukai-contact-box .link-txt a {
  color: #FF555E;
  text-decoration: underline;
}

.verify-email-sec .inner .kyoukai-contact-box .link-txt a:hover {
  text-decoration: none;
}

@media print, screen and (min-width: 769px) {
  .verify-email-sec {
    margin-top: 70px;
  }
  .verify-email-sec .inner {
    width: 980px;
    margin: 0 auto;
    line-height: 1.6;
  }
  .verify-email-sec .inner .midashi {
    margin-bottom: 65px;
  }
  .verify-email-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(30%, #61d4c2), color-stop(70%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 30%, #0cb0fa 70%, #0cb0fa 100%);
  }
  .verify-email-sec .inner .midashi span {
    display: block;
    width: 400px;
    margin: 0 auto;
    font-size: 2rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 15px 15px;
    padding: 10px 0 14px;
  }
  .verify-email-sec .inner .intro {
    margin-bottom: 40px;
  }
  .verify-email-sec .inner .form {
    line-height: 1.6;
  }
  .verify-email-sec .inner .form .input-block dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 25px;
  }
  .verify-email-sec .inner .form .input-block dl dt {
    width: 230px;
    margin-right: 20px;
    text-align: right;
  }
  .verify-email-sec .inner .form .input-block dl dd {
    width: 468px;
  }
  .verify-email-sec .inner .form .input-block dl dd .text-input {
    border: 2px solid #00B5FF;
    border-radius: 5px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 7px 10px;
  }
  .verify-email-sec .inner .form .input-block dl dd .text-input::-webkit-input-placeholder {
    color: #CCCCCC;
  }
  .verify-email-sec .inner .form .input-block dl dd .text-input:-ms-input-placeholder {
    color: #CCCCCC;
  }
  .verify-email-sec .inner .form .input-block dl dd .text-input::-ms-input-placeholder {
    color: #CCCCCC;
  }
  .verify-email-sec .inner .form .input-block dl dd .text-input::placeholder {
    color: #CCCCCC;
  }
  .verify-email-sec .inner .form .input-block .guide {
    margin-left: 250px;
    margin-bottom: 30px;
  }
  .verify-email-sec .inner .form .input-block .guide p {
    color: #00B5FF;
  }
  .verify-email-sec .inner .form .input-block .guide p a {
    text-decoration: underline;
  }
  .verify-email-sec .inner .form .input-block .guide p a:hover {
    text-decoration: none;
  }
  .verify-email-sec .inner .form .input-block .notice {
    margin-top: 50px;
  }
  .verify-email-sec .inner .form .input-block .notice p {
    font-weight: 700;
    margin-bottom: 5px;
  }
  .verify-email-sec .inner .form .input-block .notice ul li {
    text-indent: -1em;
    margin-left: 1em;
  }
  .verify-email-sec .inner .form .input-block .notice ul li a {
    text-decoration: underline;
    color: #00B5FF;
  }
  .verify-email-sec .inner .form .input-block .notice ul li a:hover {
    text-decoration: none;
  }
  .verify-email-sec .inner .form .confirm-block p {
    text-align: center;
    margin-bottom: 20px;
  }
  .verify-email-sec .inner .form .confirm-block .confirm-btn {
    display: block;
    background: #FF555E;
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 15px 0;
    width: 300px;
    margin: 0 auto;
    border: none;
    border-radius: 5px;
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .verify-email-sec .inner .form .confirm-block .confirm-btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .verify-email-sec .inner .form .confirm-block .confirm-btn:hover {
    opacity: 0.75;
  }
}

@media only screen and (max-width: 768px) {
  .verify-email-sec .inner {
    width: 100%;
    margin: 0 auto;
  }
  .verify-email-sec .inner .midashi {
    margin-bottom: 8vw;
  }
  .verify-email-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 1.333vw;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(20%, #61d4c2), color-stop(80%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 20%, #0cb0fa 80%, #0cb0fa 100%);
  }
  .verify-email-sec .inner .midashi span {
    display: block;
    width: 70%;
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 2.667vw 2.667vw;
    padding: 1.3335vw 0 2.667vw;
  }
  .verify-email-sec .inner .midashi span {
    font-size: 1.3rem;
  }
  .verify-email-sec .inner .intro {
    width: calc(100% - 3.333vw);
    margin: 0 auto 10.667vw;
    line-height: 1.6;
  }
  .verify-email-sec .inner .form {
    width: 90%;
    margin: 0 auto;
    line-height: 1.6;
  }
  .verify-email-sec .inner .form .input-block {
    margin-bottom: 8vw;
  }
  .verify-email-sec .inner .form .input-block dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 6.667vw;
  }
  .verify-email-sec .inner .form .input-block dl dt {
    width: 38%;
    margin-right: 2vw;
  }
  .verify-email-sec .inner .form .input-block dl dd {
    width: 62%;
  }
  .verify-email-sec .inner .form .input-block dl dd .text-input {
    border: 0.533vw solid #00B5FF;
    border-radius: 1.333vw;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 2vw 2.667vw;
    -webkit-appearance: none;
  }
  .verify-email-sec .inner .form .input-block dl dd .text-input::-webkit-input-placeholder {
    color: #CCCCCC;
  }
  .verify-email-sec .inner .form .input-block dl dd .text-input:-ms-input-placeholder {
    color: #CCCCCC;
  }
  .verify-email-sec .inner .form .input-block dl dd .text-input::-ms-input-placeholder {
    color: #CCCCCC;
  }
  .verify-email-sec .inner .form .input-block dl dd .text-input::placeholder {
    color: #CCCCCC;
  }
  .verify-email-sec .inner .form .input-block .guide p {
    color: #00B5FF;
  }
  .verify-email-sec .inner .form .input-block .guide p a {
    text-decoration: underline;
  }
  .verify-email-sec .inner .form .input-block .guide p a:hover {
    text-decoration: none;
  }
  .verify-email-sec .inner .form .input-block .notice {
    margin-top: 8vw;
  }
  .verify-email-sec .inner .form .input-block .notice p {
    font-weight: 700;
    margin-bottom: 2vw;
  }
  .verify-email-sec .inner .form .input-block .notice ul li {
    text-indent: -1em;
    margin-left: 1em;
  }
  .verify-email-sec .inner .form .input-block .notice ul li a {
    text-decoration: underline;
    color: #00B5FF;
  }
  .verify-email-sec .inner .form .input-block .notice ul li a:hover {
    text-decoration: none;
  }
  .verify-email-sec .inner .form .confirm-block p {
    text-align: center;
    margin-bottom: 5.333vw;
  }
  .verify-email-sec .inner .form .confirm-block .confirm-btn {
    display: block;
    background: #FF555E;
    color: #FFFFFF;
    font-weight: 700;
    padding: 4vw 0;
    width: 100%;
    margin: 0 auto;
    border: none;
    border-radius: 1.333vw;
    position: relative;
  }
  .verify-email-sec .inner .form .confirm-block .confirm-btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

/*-------------------------------------------------
 * マイページ
-------------------------------------------------*/
@media print, screen and (min-width: 769px) {
  .mypage .pageheader-sec .inner {
    background-image: url(../img/mypage/img_pagehead-01_pc.jpg);
  }
  .mypage .my-info-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .mypage .my-info-sec .inner .midashi {
    margin-bottom: 65px;
    letter-spacing: 3px;
  }
  .mypage .my-info-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(30%, #61d4c2), color-stop(70%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 30%, #0cb0fa 70%, #0cb0fa 100%);
  }
  .mypage .my-info-sec .inner .midashi span {
    display: block;
    width: 468px;
    margin: 0 auto;
    font-size: 2rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 15px 15px;
    padding: 10px 0 14px;
  }
  .mypage .my-info-sec .inner .komidashi {
    color: #00B5FF;
    font-weight: 700;
    text-align: center;
    font-size: 2rem;
    letter-spacing: 3px;
    margin-bottom: 55px;
  }
  .mypage .my-info-sec .inner .komidashi::after {
    content: "";
    display: block;
    width: 107px;
    height: 1px;
    background: #00B5FF;
    margin: 25px auto 0;
  }
  .mypage .my-info-sec .inner table {
    width: 100%;
    background: linear-gradient(135deg, #61d4c2 0%, #0cb0fa 100%);
    margin-bottom: 40px;
    border-radius: 15px;
    border-collapse: separate;
  }
  .mypage .my-info-sec .inner table th {
    width: 310px;
    color: #FFFFFF;
    padding: 30px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 2px solid #FFFFFF;
  }
  .mypage .my-info-sec .inner table tr:first-child td {
    border-radius: 0 15px 0 0;
    border-top: 2px solid #00B5FF;
  }
  .mypage .my-info-sec .inner table tr:last-child td {
    border-radius: 0 0 15px 0;
    border-bottom: 2px solid #00B5FF;
  }
  .mypage .my-info-sec .inner table tr:last-child th {
    border-bottom: none;
  }
  .mypage .my-info-sec .inner table td {
    width: 670px;
    border-bottom: 2px solid #CCCCCC;
    border-right: 2px solid #00B5FF;
    border-left: none;
    border-top: none;
    background: #FFFFFF;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mypage .my-info-sec .inner table td .form-row {
    padding: 30px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    display: block;
    margin: 0;
  }
  .mypage .my-info-sec .inner table td .form-row .col {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 0;
  }
  .mypage .my-info-sec .inner table td .form-row .btn {
    width: 160px;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .mypage .my-info-sec .inner table td .form-row .btn a {
    display: block;
    width: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    font-size: 1.5rem;
    color: #FFFFFF;
    border-radius: 10px;
    padding: 12px 0;
    text-align: center;
  }
  .mypage .my-info-sec .inner table td .form-row.name-block {
    border-bottom: 2px dashed #CCCCCC;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mypage .my-info-sec .inner table td .form-row.name-block .col {
    width: 50%;
  }
  .mypage .my-info-sec .inner table td .form-row.name-block span {
    display: inline-block;
    width: 70px;
  }
  .mypage .my-info-sec .inner table td .form-row.name-block .text-input {
    width: 70%;
  }
  .mypage .my-info-sec .inner table td .form-row.name-block.kana {
    border-bottom: none;
  }
  .mypage .my-info-sec .inner table td .form-row.tel-block span {
    display: inline-block;
    width: 10%;
  }
  .mypage .my-info-sec .inner table td .form-row.tel-block .text-input {
    width: 90%;
  }
  .mypage .my-info-sec .inner table td dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 2px solid #CCCCCC;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mypage .my-info-sec .inner table td dl.last {
    border-bottom: none;
  }
  .mypage .my-info-sec .inner table td dl dt {
    width: 20%;
    font-weight: 700;
    vertical-align: middle;
    padding: 30px 20px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mypage .my-info-sec .inner table td dl dd {
    width: 80%;
    border-left: 2px solid #CCCCCC;
    padding: 30px 20px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mypage .my-info-sec .inner table td dl dd span {
    display: inline-block;
    width: 100%;
    margin-right: 1%;
  }
  .mypage .my-info-sec .inner table td dl dd button {
    width: 23%;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 10px;
    border: none;
    padding: 8px 0;
  }
  .mypage .my-info-sec .inner table td dl dd small {
    display: block;
    font-size: 1.1rem;
    margin-top: 3px;
  }
  .mypage .my-info-sec .inner table td .text-input {
    border: 2px solid #00B5FF;
    border-radius: 5px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 7px 10px;
  }
  .mypage .my-info-sec .inner table td .text-input::-webkit-input-placeholder {
    color: #CCCCCC;
  }
  .mypage .my-info-sec .inner table td .text-input:-ms-input-placeholder {
    color: #CCCCCC;
  }
  .mypage .my-info-sec .inner table td .text-input::-ms-input-placeholder {
    color: #CCCCCC;
  }
  .mypage .my-info-sec .inner table td .text-input::placeholder {
    color: #CCCCCC;
  }
  .mypage .my-info-sec .inner table td .notes {
    color: #00B5FF;
    padding: 0 20px 20px;
  }
  .mypage .my-info-sec .inner .selectform .wrap {
    width: 100%;
    display: inline-block;
  }
  .mypage .my-info-sec .inner .selectform select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
    width: 100%;
    min-height: 15px;
    background: transparent;
    position: relative;
    z-index: 1;
    padding: 8px;
    border: 2px solid #00B5FF;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mypage .my-info-sec .inner .selectform　select::-ms-expand {
    display: none;
  }
  .mypage .my-info-sec .inner .selectform .selectWrap {
    position: relative;
    display: inline-block;
    width: 100%;
    background: transparent;
  }
  .mypage .my-info-sec .inner .selectform .selectWrap::after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #00B5FF transparent transparent transparent;
  }
  .mypage .my-info-sec .inner .guide {
    line-height: 1.6;
    margin-bottom: 40px;
  }
  .mypage .my-info-sec .inner .guide .bold {
    font-weight: 700;
  }
  .mypage .my-info-sec .inner .guide ul {
    margin-top: 5px;
  }
  .mypage .my-info-sec .inner .guide ul li {
    text-indent: -1em;
    margin-left: 1em;
  }
  .mypage .my-info-sec .inner .confirm-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 549px;
    margin: 0 auto;
  }
  .mypage .my-info-sec .inner .confirm-block .confirm-btn {
    display: inline-block;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 25px 0;
    width: 230px;
    margin: 0 23px;
    border: none;
    border-radius: 5px;
    position: relative;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .mypage .my-info-sec .inner .confirm-block .confirm-btn:hover {
    opacity: 0.75;
  }
  .mypage .my-info-sec .inner .confirm-block .confirm-btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .mypage .my-info-sec .inner .confirm-block .back-btn {
    display: inline-block;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 25px 0;
    width: 230px;
    margin: 0 23px;
    border: none;
    border-radius: 5px;
    position: relative;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    text-align: center;
    line-height: 1.6;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .mypage .my-info-sec .inner .confirm-block .back-btn:hover {
    opacity: 0.75;
  }
  .mypage .my-info-sec .inner .confirm-block .back-btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translateY(-50%) rotate(-180deg);
            transform: translateY(-50%) rotate(-180deg);
  }
}

@media only screen and (max-width: 768px) {
  .mypage .pageheader-sec .inner {
    background-image: url(../img/mypage/img_pagehead-01_sp.jpg);
  }
  .mypage .my-info-sec .inner .midashi {
    margin-bottom: 8vw;
    letter-spacing: 0.8vw;
    margin-bottom: 10.667vw;
  }
  .mypage .my-info-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 1.333vw;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(20%, #61d4c2), color-stop(80%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 20%, #0cb0fa 80%, #0cb0fa 100%);
  }
  .mypage .my-info-sec .inner .midashi span {
    display: block;
    width: 70%;
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 2.667vw 2.667vw;
    padding: 1.3335vw 0 2.667vw;
  }
  .mypage .my-info-sec .inner .komidashi {
    color: #00B5FF;
    font-weight: 700;
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: 0.8vw;
    margin-bottom: 5.333vw;
  }
  .mypage .my-info-sec .inner .komidashi::after {
    content: "";
    display: block;
    width: 28.533vw;
    height: 0.267vw;
    background: #00B5FF;
    margin: 2.667vw auto 0;
  }
  .mypage .my-info-sec .inner table {
    width: calc(100% - 3.333vw);
    background: linear-gradient(135deg, #61d4c2 0%, #0cb0fa 100%);
    margin: 0 auto 5.667vw;
    border-radius: 2.667vw;
    border-collapse: separate;
  }
  .mypage .my-info-sec .inner table th {
    display: block;
    width: 100%;
    color: #FFFFFF;
    padding-left: 5.333vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 4vw 0;
    text-align: center;
  }
  .mypage .my-info-sec .inner table tr:last-child td {
    border-radius: 0 0 2.667vw 2.667vw;
    border-bottom: 0.533vw solid #00B5FF;
  }
  .mypage .my-info-sec .inner table td {
    display: block;
    width: 100%;
    border: 0.533vw solid #00B5FF;
    border-top: none;
    border-bottom: none;
    background: #FFFFFF;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mypage .my-info-sec .inner table td .form-row {
    padding: 2.667vw 4vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    display: block;
    margin: 0;
  }
  .mypage .my-info-sec .inner table td .form-row .col {
    padding: 0;
  }
  .mypage .my-info-sec .inner table td .form-row .btn {
    width: 40vw;
    margin-top: 2.667vw;
    padding: 0;
    font-size: 1.3rem;
  }
  .mypage .my-info-sec .inner table td .form-row .btn a {
    display: block;
    width: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 1.333vw;
    padding: 1.133vw 0;
    text-align: center;
  }
  .mypage .my-info-sec .inner table td .form-row.name-block {
    border-bottom: 2px dashed #CCCCCC;
  }
  .mypage .my-info-sec .inner table td .form-row.name-block .col {
    width: 100%;
    margin: 1.333vw 0;
    -ms-flex-preferred-size: none;
        flex-basis: none;
    -webkit-box-flex: unset;
        -ms-flex-positive: unset;
            flex-grow: unset;
  }
  .mypage .my-info-sec .inner table td .form-row.name-block span {
    display: inline-block;
    width: 30%;
  }
  .mypage .my-info-sec .inner table td .form-row.name-block .text-input {
    width: 68%;
  }
  .mypage .my-info-sec .inner table td .form-row.name-block.kana {
    border-bottom: none;
  }
  .mypage .my-info-sec .inner table td .form-row.tel-block span {
    display: inline-block;
    width: 10%;
  }
  .mypage .my-info-sec .inner table td .form-row.tel-block .text-input {
    width: 90%;
  }
  .mypage .my-info-sec .inner table td dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2.667vw 4vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .mypage .my-info-sec .inner table td dl.last {
    border-bottom: none;
  }
  .mypage .my-info-sec .inner table td dl dt {
    width: 32%;
    font-weight: 700;
    vertical-align: middle;
  }
  .mypage .my-info-sec .inner table td dl dd {
    width: 68%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
    max-width: 68%;
  }
  .mypage .my-info-sec .inner table td dl dd span {
    display: inline-block;
    width: 73%;
    margin-right: 1%;
  }
  .mypage .my-info-sec .inner table td dl dd button {
    width: 23%;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 2.667vw;
    border: none;
    padding: 2.133vw 0;
  }
  .mypage .my-info-sec .inner table td dl dd small {
    display: block;
    font-size: 1.1rem;
    margin-top: 0.8vw;
  }
  .mypage .my-info-sec .inner table td .text-input {
    border: 0.533vw solid #00B5FF;
    border-radius: 1.333vw;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 2vw 2.667vw;
    -webkit-appearance: none;
  }
  .mypage .my-info-sec .inner table td .text-input::-webkit-input-placeholder {
    color: #CCCCCC;
  }
  .mypage .my-info-sec .inner table td .text-input:-ms-input-placeholder {
    color: #CCCCCC;
  }
  .mypage .my-info-sec .inner table td .text-input::-ms-input-placeholder {
    color: #CCCCCC;
  }
  .mypage .my-info-sec .inner table td .text-input::placeholder {
    color: #CCCCCC;
  }
  .mypage .my-info-sec .inner table td .notes {
    color: #00B5FF;
    padding: 0 4vw 4vw;
    line-height: 1.4;
  }
  .mypage .my-info-sec .inner .selectform .wrap {
    width: 100%;
    display: inline-block;
  }
  .mypage .my-info-sec .inner .selectform select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
    width: 100%;
    min-height: 4vw;
    background: transparent;
    position: relative;
    z-index: 1;
    padding: 3.2vw 2.133vw;
    border: 0.533vw solid #00B5FF;
    border-radius: 1.333vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mypage .my-info-sec .inner .selectform　select::-ms-expand {
    display: none;
  }
  .mypage .my-info-sec .inner .selectform .selectWrap {
    position: relative;
    display: inline-block;
    width: 100%;
    background: transparent;
  }
  .mypage .my-info-sec .inner .selectform .selectWrap::after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 3.333vw;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.333vw 1.333vw 0 1.333vw;
    border-color: #00B5FF transparent transparent transparent;
  }
  .mypage .my-info-sec .inner .guide {
    width: calc(100% - 3.333vw);
    line-height: 1.6;
    margin: 0 auto 5.667vw;
    font-size: 1.2rem;
  }
  .mypage .my-info-sec .inner .guide .bold {
    font-weight: 700;
    font-size: 1.4rem;
  }
  .mypage .my-info-sec .inner .guide ul {
    margin-top: 1.333vw;
  }
  .mypage .my-info-sec .inner .guide ul li {
    text-indent: -1em;
    margin-left: 1em;
  }
  .mypage .my-info-sec .inner .confirm-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .mypage .my-info-sec .inner .confirm-block .confirm-btn {
    display: block;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 3.667vw 0;
    width: 100%;
    margin: 0 1.333vw;
    border: none;
    border-radius: 1.333vw;
    position: relative;
    cursor: pointer;
  }
  .mypage .my-info-sec .inner .confirm-block .confirm-btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .mypage .my-info-sec .inner .confirm-block .confirm-btn::before {
    right: 4vw !important;
  }
  .mypage .my-info-sec .inner .confirm-block .back-btn {
    display: block;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 3.667vw 0;
    width: 100%;
    margin: 0 1.333vw;
    border: none;
    border-radius: 1.333vw;
    position: relative;
    cursor: pointer;
    line-height: 1.6;
    text-align: center;
  }
  .mypage .my-info-sec .inner .confirm-block .back-btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translateY(-50%) rotate(-180deg);
            transform: translateY(-50%) rotate(-180deg);
  }
  .mypage .my-info-sec .inner .confirm-block .back-btn::before {
    left: 4vw !important;
  }
}

/*-------------------------------------------------
 * 法令改正情報
-------------------------------------------------*/
@media print, screen and (min-width: 769px) {
  .law .pageheader-sec .inner {
    background-image: url(../img/law/img_pagehead-01_pc.jpg);
  }
  .law .search-sec {
    margin-bottom: 60px;
  }
  .law .search-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .law .search-sec .inner .intro {
    font-size: 2.2rem;
    color: #00B5FF;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 40px;
  }
  .law .search-sec .inner .search-box {
    border: 1px solid #00B5FF;
    padding: 35px;
  }
  .law .search-sec .inner .search-box .komidashi {
    color: #00B5FF;
    text-align: center;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 20px;
  }
  .law .search-sec .inner .search-box .komidashi::after {
    content: "";
    display: block;
    width: 80px;
    height: 1px;
    background: #00B5FF;
    margin: 20px auto 0;
  }
  .law .search-sec .inner .search-box .form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .law .search-sec .inner .search-box .form-row .col {
    width: 48%;
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-preferred-size: unset;
        flex-basis: unset;
    -ms-flex-positive: 1;
  }
  .law .search-sec .inner .search-box .form-row .col .text-input {
    border: 2px solid #00B5FF;
    border-radius: 5px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 7px 10px;
    padding: 8px 70px 8px 10px;
    height: auto;
    font-size: 1.4rem;
  }
  .law .search-sec .inner .search-box .form-row .col .text-input::-webkit-input-placeholder {
    color: #CCCCCC;
  }
  .law .search-sec .inner .search-box .form-row .col .text-input:-ms-input-placeholder {
    color: #CCCCCC;
  }
  .law .search-sec .inner .search-box .form-row .col .text-input::-ms-input-placeholder {
    color: #CCCCCC;
  }
  .law .search-sec .inner .search-box .form-row .col .text-input::placeholder {
    color: #CCCCCC;
  }
  .law .search-sec .inner .search-box .form-row .col .btn {
    position: absolute;
    top: 0px;
    right: 0;
    background-image: url(../img/common/icon_search.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-color: #00B5FF;
    font-size: 1.4rem;
    line-height: 1.5;
    text-indent: -9999px;
    border: none;
    color: #FFFFFF;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 60px;
    border-radius: 0 5px 5px 0;
    -webkit-appearance: none;
  }
  .law .search-sec .inner .search-box .form-row .col .selectform .wrap {
    width: 100%;
    display: inline-block;
    overflow: hidden;
  }
  .law .search-sec .inner .search-box .form-row .col .selectform select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
    min-height: 15px;
    background: transparent;
    position: relative;
    z-index: 1;
    padding: 8px;
    border: 2px solid #00B5FF;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1.4rem;
  }
  .law .search-sec .inner .search-box .form-row .col .selectform　select::-ms-expand {
    display: none;
  }
  .law .search-sec .inner .search-box .form-row .col .selectform .selectWrap {
    position: relative;
    display: inline-block;
    width: 100%;
    background: transparent;
  }
  .law .search-sec .inner .search-box .form-row .col .selectform .selectWrap::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 0px;
    width: 60px;
    border-radius: 0 5px 5px 0;
    background: #00B5FF;
  }
  .law .search-sec .inner .search-box .form-row .col .selectform .selectWrap::after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 25px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #FFFFFF transparent transparent transparent;
  }
  .law .search-sec .inner .search-box .howto {
    display: block;
    width: 140px;
    margin: 30px auto 0;
    border: 2px solid #00B5FF;
    color: #00B5FF;
    font-size: 1.2rem;
    border-radius: 5px;
    text-align: center;
    padding: 8px;
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .law .search-sec .inner .search-box .howto::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #00B5FF;
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .law .search-sec .inner .search-box .howto:hover {
    opacity: 0.75;
  }
  .law .archive-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .law .archive-sec .inner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 30px;
  }
  .law .archive-sec .inner ul li {
    width: 48%;
    margin-bottom: 30px;
  }
  .law .archive-sec .inner ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 20px 20px 70px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 5px;
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: #FFFFFF;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    position: relative;
  }
  .law .archive-sec .inner ul li a::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .law .archive-sec .inner ul li a::after {
    display: block;
    content: "";
    width: 34px;
    height: 42px;
    background: url(../img/common/icon_file-wh.svg) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .law .archive-sec .inner ul li a span {
    display: inline-block;
    margin-left: 0.5em;
    font-size: 1.4rem;
  }
  .law .archive-sec .inner ul li a i {
    display: inline-block;
    font-size: 1.4rem;
    letter-spacing: 0;
  }
  .law .archive-sec .inner .past {
    display: none;
  }
  .law .archive-sec .inner .more {
    width: 250px;
    margin: 0 auto 60px;
    padding: 30px 0;
    text-align: center;
    color: #00B5FF;
    border: 2px solid #00B5FF;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  .law .archive-sec .inner .more::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-top: 4px solid #00B5FF;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .law .archive-sec .inner .more:hover {
    opacity: 0.75;
  }
  .law .archive-sec .inner .more.active::before {
    -webkit-transform: translateY(-50%) rotate(-180deg);
            transform: translateY(-50%) rotate(-180deg);
  }
  ::-webkit-full-page-media, _:future, :root .law .search-sec .inner .search-box .form-row .col .btn {
    top: 2px;
    height: calc(100% - 12px);
  }
  ::-webkit-full-page-media, _:future, :root .law .search-sec .inner .search-box .form-row .col .text-input {
    padding: 11px 70px 11px 10px;
    margin-top: 2px;
  }
  ::-webkit-full-page-media, _:future, :root .law .search-sec .inner .search-box .form-row .col .selectform {
    margin-top: 2px;
  }
  ::-webkit-full-page-media, _:future, :root .law .search-sec .inner .search-box .form-row .col .selectform select {
    padding: 11px 10px;
  }
  _:-ms-lang(x)::-ms-backdrop, .law .search-sec .inner .search-box .form-row .col .selectform select {
    padding: 7px 10px 6px;
  }
  _:-ms-lang(x)::-ms-backdrop, .law .search-sec .inner .search-box .form-row .col .selectform .selectWrap .wrap {
    height: 44px;
  }
  _:-ms-lang(x)::-ms-backdrop, .law .search-sec .inner .search-box .form-row .col .selectform .selectWrap::before,
  _:-ms-lang(x)::-ms-backdrop, .law .search-sec .inner .search-box .form-row .col .selectform .selectWrap::after {
    content: none;
  }
}

@media only screen and (max-width: 768px) {
  .law .pageheader-sec {
    margin-bottom: 8vw;
  }
  .law .pageheader-sec .inner {
    background-image: url(../img/law/img_pagehead-01_sp.jpg);
  }
  .law .search-sec {
    margin-bottom: 10.667vw;
  }
  .law .search-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .law .search-sec .inner .intro {
    color: #00B5FF;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 10.667vw;
  }
  .law .search-sec .inner .search-box {
    border: 1px solid #00B5FF;
    padding: 5.333vw 2.667vw;
  }
  .law .search-sec .inner .search-box .komidashi {
    color: #00B5FF;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.8vw;
    margin-bottom: 5.333vw;
  }
  .law .search-sec .inner .search-box .komidashi::after {
    content: "";
    display: block;
    width: 21.333vw;
    height: 0.267vw;
    background: #00B5FF;
    margin: 2.667vw auto 0;
  }
  .law .search-sec .inner .search-box .form-row {
    display: block;
  }
  .law .search-sec .inner .search-box .form-row .col {
    width: 100%;
    position: relative;
    margin-bottom: 5.333vw;
  }
  .law .search-sec .inner .search-box .form-row .col .text-input {
    border: 0.533vw solid #00B5FF;
    border-radius: 1.333vw;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 2vw 2.667vw;
    -webkit-appearance: none;
    height: auto;
    font-size: 1.3rem;
  }
  .law .search-sec .inner .search-box .form-row .col .text-input::-webkit-input-placeholder {
    color: #CCCCCC;
  }
  .law .search-sec .inner .search-box .form-row .col .text-input:-ms-input-placeholder {
    color: #CCCCCC;
  }
  .law .search-sec .inner .search-box .form-row .col .text-input::-ms-input-placeholder {
    color: #CCCCCC;
  }
  .law .search-sec .inner .search-box .form-row .col .text-input::placeholder {
    color: #CCCCCC;
  }
  .law .search-sec .inner .search-box .form-row .col .btn {
    position: absolute;
    top: 0;
    right: 1.333vw;
    background-image: url(../img/common/icon_search.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 3.733vw;
    background-color: #00B5FF;
    text-indent: -9999px;
    border: none;
    color: #FFFFFF;
    padding: 2.667vw 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16vw;
    height: 100%;
    border-radius: 0 1.333vw 1.333vw 0;
    -webkit-appearance: none;
  }
  .law .search-sec .inner .search-box .form-row .col .selectform .wrap {
    width: 100%;
    display: inline-block;
    overflow: hidden;
  }
  .law .search-sec .inner .search-box .form-row .col .selectform select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
    min-height: 4vw;
    background: transparent;
    position: relative;
    z-index: 1;
    padding: 2.133vw;
    border: 0.533vw solid #00B5FF;
    border-radius: 1.333vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1.3rem;
  }
  .law .search-sec .inner .search-box .form-row .col .selectform　select::-ms-expand {
    display: none;
  }
  .law .search-sec .inner .search-box .form-row .col .selectform .selectWrap {
    position: relative;
    display: inline-block;
    width: 100%;
    background: transparent;
  }
  .law .search-sec .inner .search-box .form-row .col .selectform .selectWrap::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 0px;
    width: 16vw;
    border-radius: 0 1.333vw 1.333vw 0;
    background: #00B5FF;
  }
  .law .search-sec .inner .search-box .form-row .col .selectform .selectWrap::after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 6.667vw;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.333vw 1.333vw 0 1.333vw;
    border-color: #FFFFFF transparent transparent transparent;
  }
  .law .search-sec .inner .search-box .howto {
    display: block;
    width: 39vw;
    margin: 5.333vw auto 0;
    border: 0.533vw solid #00B5FF;
    color: #00B5FF;
    font-size: 1.2rem;
    border-radius: 1.333vw;
    text-align: center;
    padding: 2.133vw;
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .law .search-sec .inner .search-box .howto::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #00B5FF;
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .law .search-sec .inner .search-box .howto:hover {
    opacity: 0.75;
  }
  .law .archive-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .law .archive-sec .inner ul {
    margin-bottom: 8vw;
  }
  .law .archive-sec .inner ul li {
    width: 100%;
    margin-bottom: 5.333vw;
  }
  .law .archive-sec .inner ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 4vw 4vw 4vw 13.333vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 1.333vw;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0px;
    color: #FFFFFF;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    position: relative;
  }
  .law .archive-sec .inner ul li a::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .law .archive-sec .inner ul li a::after {
    display: block;
    content: "";
    width: 7.467vw;
    height: 9.067vw;
    background: url(../img/common/icon_file-wh.svg) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 2.667vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .law .archive-sec .inner ul li a span {
    display: inline-block;
    margin-left: 0.5em;
    font-size: 1.2rem;
  }
  .law .archive-sec .inner ul li a i {
    display: inline-block;
    font-size: 1.2rem;
    letter-spacing: 0;
  }
  .law .archive-sec .inner .past {
    display: none;
  }
  .law .archive-sec .inner .more {
    width: 100%;
    margin: 0 auto 8vw;
    padding: 4vw 0;
    text-align: center;
    color: #00B5FF;
    border: 0.533vw solid #00B5FF;
    border-radius: 2.667vw;
    position: relative;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  .law .archive-sec .inner .more::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-top: 4px solid #00B5FF;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .law .archive-sec .inner .more:hover {
    opacity: 0.75;
  }
  .law .archive-sec .inner .more.active::before {
    -webkit-transform: translateY(-50%) rotate(-180deg);
            transform: translateY(-50%) rotate(-180deg);
  }
  :-webkit-full-page-media, _:future, :root .law .search-sec .inner .search-box .form-row .col .btn {
    top: 2px;
    right: 1vw;
    height: calc(100% - 4px);
  }
  _:-ms-lang(x)::-ms-backdrop, .law .search-sec .inner .search-box .form-row .col .selectform .selectWrap::before,
  _:-ms-lang(x)::-ms-backdrop, .law .search-sec .inner .search-box .form-row .col .selectform .selectWrap::after {
    content: none;
  }
}

/*-------------------------------------------------
 * 法令改正情報 検索結果
-------------------------------------------------*/
@media print, screen and (min-width: 769px) {
  .law-result .search-sec .inner .midashi {
    position: relative;
    letter-spacing: 4px;
    margin-bottom: 65px;
  }
  .law-result .search-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(30%, #61d4c2), color-stop(70%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 30%, #0cb0fa 70%, #0cb0fa 100%);
  }
  .law-result .search-sec .inner .midashi span {
    display: block;
    width: 400px;
    margin: 0 auto;
    font-size: 2rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 15px 15px;
    padding: 10px 0 14px;
  }
  .law-result .result-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .law-result .result-sec .inner .search-words {
    color: #00B5FF;
    font-weight: 700;
    text-align: center;
    font-size: 2rem;
    line-height: 1.6;
    letter-spacing: 2px;
  }
  .law-result .result-sec .inner .number {
    color: #00B5FF;
    font-weight: 700;
    text-align: center;
    font-size: 2rem;
    line-height: 1.6;
    margin-bottom: 60px;
  }
  .law-result .result-sec .inner .number::after {
    content: "";
    display: block;
    width: 107px;
    height: 2px;
    background: #00B5FF;
    margin: 10px auto 0;
  }
  .law-result .result-sec .inner .box {
    margin-bottom: 80px;
  }
  .law-result .result-sec .inner .box:last-of-type {
    margin-bottom: 0;
  }
  .law-result .result-sec .inner .box .year {
    color: #00B5FF;
    font-weight: 700;
    font-size: 2rem;
    letter-spacing: 2px;
    margin-bottom: 20px;
  }
  .law-result .result-sec .inner .box .midashi {
    line-height: 1.6;
    margin-bottom: 65px;
    margin-bottom: 40px;
  }
  .law-result .result-sec .inner .box .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(30%, #61d4c2), color-stop(70%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 30%, #0cb0fa 70%, #0cb0fa 100%);
  }
  .law-result .result-sec .inner .box .midashi span {
    display: block;
    width: 554px;
    margin: 0 auto;
    font-size: 2rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 15px 15px;
    padding: 10px 0 14px;
  }
  .law-result .result-sec .inner .box .read {
    line-height: 1.6;
    margin-bottom: 40px;
  }
  .law-result .result-sec .inner .box table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    line-height: 1.6;
    color: #646464;
  }
  .law-result .result-sec .inner .box table thead {
    background-image: linear-gradient(135deg, #61d4c2 0%, #0cb0fa 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .law-result .result-sec .inner .box table th:first-child {
    border-radius: 15px 0 0 0;
    border-left: 1px solid #61d4c2;
  }
  .law-result .result-sec .inner .box table th:last-child {
    border-radius: 0 15px 0 0;
    border-right: 1px solid #0cb0fa;
  }
  .law-result .result-sec .inner .box table th {
    text-align: center;
    color: white;
    background: transparent !important;
    border-left: 2px solid #FFFFFF;
    border-top: none;
    border-bottom: none;
    width: 25%;
    padding: 10px 0;
  }
  .law-result .result-sec .inner .box table td {
    text-align: center;
    border-left: 2px solid #00B5FF;
    border-bottom: 2px solid #00B5FF;
    border-top: none;
    width: 55%;
    padding: 13px;
    text-align: left;
  }
  .law-result .result-sec .inner .box table td.date {
    background: #E0E0E0;
    width: 20%;
    text-align: center;
    vertical-align: middle;
  }
  .law-result .result-sec .inner .box table td:last-child {
    border-right: 2px solid #00B5FF;
    width: 10%;
  }
  .law-result .result-sec .inner .box table td:first-child {
    border-right: none;
  }
  .law-result .result-sec .inner .box table tr:first-child td:first-child {
    border-radius: 0 0 0 15px;
  }
  .law-result .result-sec .inner .box table tr:last-child td:last-child {
    border-radius: 0 0 15px 0;
  }
  .law-result .result-sec .inner .box table .pdf {
    display: block;
    width: 22px;
  }
  .law-result .result-sec .inner .box table .badge {
    display: inline-block;
    background: #FF555E;
    font-size: 1.2rem;
    color: #FFFFFF;
    border-radius: 50px;
    padding: 2px 15px;
    line-height: 1.6;
    font-weight: 400;
  }
  .law-result .result-sec .inner .pager {
    text-align: center;
    line-height: 1;
    font-size: 1.2rem;
    margin-top: 60px;
  }
  .law-result .result-sec .inner .pager .current {
    display: inline-block;
    border: 1px solid #00B5FF;
    background: #00B5FF;
    color: #FFFFFF;
    padding: 9px 10px;
  }
  .law-result .result-sec .inner .pager a {
    display: inline-block;
    border: 1px solid #00B5FF;
    color: #00B5FF;
    padding: 9px 10px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .law-result .result-sec .inner .pager a:hover {
    opacity: 0.75;
  }
}

@media only screen and (max-width: 768px) {
  .law-result .search-sec .inner .midashi {
    position: relative;
    letter-spacing: 0.533vw;
    margin-bottom: 8vw;
    margin-left: -1.733vw;
    width: calc(100% + 3.467vw);
  }
  .law-result .search-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 1.333vw;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(20%, #61d4c2), color-stop(80%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 20%, #0cb0fa 80%, #0cb0fa 100%);
  }
  .law-result .search-sec .inner .midashi span {
    display: block;
    width: 70%;
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 2.667vw 2.667vw;
    padding: 1.3335vw 0 2.667vw;
  }
  .law-result .result-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .law-result .result-sec .inner .search-words {
    color: #00B5FF;
    font-weight: 700;
    text-align: center;
    line-height: 1.6;
  }
  .law-result .result-sec .inner .number {
    color: #00B5FF;
    font-weight: 700;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 10.667vw;
  }
  .law-result .result-sec .inner .number::after {
    content: "";
    display: block;
    width: 16vw;
    height: 0.533vw;
    background: #00B5FF;
    margin: 2.667vw auto 0;
  }
  .law-result .result-sec .inner .box {
    margin-bottom: 16vw;
  }
  .law-result .result-sec .inner .box:last-of-type {
    margin-bottom: 0;
  }
  .law-result .result-sec .inner .box .year {
    color: #00B5FF;
    font-weight: 700;
    letter-spacing: 0.533vw;
    margin-bottom: 2.667vw;
  }
  .law-result .result-sec .inner .box .midashi {
    line-height: 1.6;
    margin-bottom: 8vw;
    margin-left: -1.733vw;
    width: calc(100% + 3.467vw);
  }
  .law-result .result-sec .inner .box .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 1.333vw;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(20%, #61d4c2), color-stop(80%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 20%, #0cb0fa 80%, #0cb0fa 100%);
  }
  .law-result .result-sec .inner .box .midashi span {
    display: block;
    width: 70%;
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 2.667vw 2.667vw;
    padding: 1.3335vw 0 2.667vw;
  }
  .law-result .result-sec .inner .box .midashi span {
    padding-left: 2.667vw;
    padding-right: 2.667vw;
    font-size: 1.4rem;
  }
  .law-result .result-sec .inner .box .read {
    line-height: 1.6;
    margin-bottom: 5.333vw;
  }
  .law-result .result-sec .inner .box table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    line-height: 1.6;
    color: #646464;
  }
  .law-result .result-sec .inner .box table thead {
    background-image: linear-gradient(135deg, #61d4c2 0%, #0cb0fa 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .law-result .result-sec .inner .box table th:first-child {
    border-radius: 2.667vw 0 0 0;
    border-left: 1px solid #61d4c2;
  }
  .law-result .result-sec .inner .box table th:last-child {
    border-radius: 0 2.667vw 0 0;
    border-right: 1px solid #0cb0fa;
  }
  .law-result .result-sec .inner .box table th {
    text-align: center;
    color: white;
    background: transparent !important;
    border-left: 0.533vw solid #FFFFFF;
    border-top: none;
    border-bottom: none;
    width: 25%;
    padding: 1.333vw 0;
    font-size: 1rem;
  }
  .law-result .result-sec .inner .box table td {
    text-align: center;
    border-left: 0.533vw solid #00B5FF;
    border-bottom: 0.533vw solid #00B5FF;
    border-top: none;
    width: 55%;
    padding: 2.667vw;
    font-size: 1.2rem;
    text-align: left;
  }
  .law-result .result-sec .inner .box table td.date {
    background: #E0E0E0;
    width: 20%;
    text-align: center;
    vertical-align: middle;
    padding: 3.467vw 0px;
  }
  .law-result .result-sec .inner .box table td:last-child {
    border-right: 0.533vw solid #00B5FF;
    width: 10%;
  }
  .law-result .result-sec .inner .box table td:first-child {
    border-right: none;
  }
  .law-result .result-sec .inner .box table tr:first-child td:first-child {
    border-radius: 0 0 0 2.667vw;
  }
  .law-result .result-sec .inner .box table tr:last-child td:last-child {
    border-radius: 0 0 2.667vw 0;
  }
  .law-result .result-sec .inner .box table .pdf {
    display: block;
    width: 5.867vw;
  }
  .law-result .result-sec .inner .box table .badge {
    display: inline-block;
    background: #FF555E;
    font-size: 1.1rem;
    color: #FFFFFF;
    border-radius: 13.333vw;
    padding: 0.267vw 2.667vw;
    line-height: 1.6;
    font-weight: 400;
  }
  .law-result .result-sec .inner .pager {
    text-align: center;
    line-height: 1;
    font-size: 1.2rem;
    margin-top: 16vw;
  }
  .law-result .result-sec .inner .pager .current {
    display: inline-block;
    border: 1px solid #00B5FF;
    background: #00B5FF;
    color: #FFFFFF;
    padding: 2.4vw 2.667vw;
  }
  .law-result .result-sec .inner .pager a {
    display: inline-block;
    border: 1px solid #00B5FF;
    color: #00B5FF;
    padding: 2.4vw 2.667vw;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .law-result .result-sec .inner .pager a:hover {
    opacity: 0.75;
  }
}

/*-------------------------------------------------
 * ニュース
-------------------------------------------------*/
@media print, screen and (min-width: 769px) {
  .news .pageheader-sec .inner {
    background-image: url(../img/news/img_pagehead-01_pc.jpg);
  }
  .news .news-archive-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .news .news-archive-sec .inner .tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #00B5FF;
    width: 590px;
    margin-bottom: 20px;
  }
  .news .news-archive-sec .inner .tab li {
    width: 20%;
    height: 40px;
    position: relative;
    cursor: pointer;
  }
  .news .news-archive-sec .inner .tab li::before {
    content: "";
    width: 1px;
    height: 40px;
    background: #00B5FF;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .news .news-archive-sec .inner .tab li.first::before {
    content: none;
  }
  .news .news-archive-sec .inner .tab li span {
    display: block;
    width: 100%;
    line-height: 1.2;
    font-size: 1.3rem;
    color: #00B5FF;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .news .news-archive-sec .inner .tab li.active, .news .news-archive-sec .inner .tab li:hover {
    background: #FF555E;
  }
  .news .news-archive-sec .inner .tab li.active span, .news .news-archive-sec .inner .tab li:hover span {
    color: #FFFFFF;
  }
  .news .news-archive-sec .inner .content {
    display: none;
  }
  .news .news-archive-sec .inner .content.open {
    display: block;
  }
  .news .news-archive-sec .inner .list {
    margin: 0 0 20px;
  }
  .news .news-archive-sec .inner .list li {
    border-bottom: 1px dotted #646464;
    padding: 18px 0;
    position: relative;
  }
  .news .news-archive-sec .inner .list li .cat {
    display: inline-block;
    font-size: 1.2rem;
    background: #646464;
    color: #FFFFFF;
    padding: 5px 20px;
    margin: 0 0 8px;
  }
  .news .news-archive-sec .inner .list li .post-title {
    line-height: 1.4;
    padding-right: 70px;
  }
  .news .news-archive-sec .inner .list li .post-title:hover {
    text-decoration: underline;
  }
  .news .news-archive-sec .inner .list li .pub-date {
    position: absolute;
    font-size: 1.1rem;
    bottom: 20px;
    right: 0;
  }
  .news .news-archive-sec .inner .pager {
    text-align: center;
    line-height: 1;
    font-size: 1.2rem;
    margin-top: 60px;
  }
  .news .news-archive-sec .inner .pager .current {
    display: inline-block;
    border: 1px solid #00B5FF;
    background: #00B5FF;
    color: #FFFFFF;
    padding: 9px 10px;
  }
  .news .news-archive-sec .inner .pager a {
    display: inline-block;
    border: 1px solid #00B5FF;
    color: #00B5FF;
    padding: 9px 10px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .news .news-archive-sec .inner .pager a:hover {
    opacity: 0.75;
  }
}

@media only screen and (max-width: 768px) {
  .news .pageheader-sec {
    margin-bottom: 8vw;
  }
  .news .pageheader-sec .inner {
    background-image: url(../img/news/img_pagehead-01_sp.jpg);
  }
  .news .news-archive-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .news .news-archive-sec .inner .tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: 0.267vw solid #00B5FF;
    border-bottom: none;
    border-right: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .news .news-archive-sec .inner .tab li {
    width: 33.3333%;
    height: 10.667vw;
    position: relative;
    border-bottom: 0.267vw solid #00B5FF;
    border-right: 0.267vw solid #00B5FF;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .news .news-archive-sec .inner .tab li span {
    display: block;
    width: 100%;
    line-height: 1.2;
    font-size: 1.3rem;
    color: #00B5FF;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .news .news-archive-sec .inner .tab li.active {
    background: #FF555E;
  }
  .news .news-archive-sec .inner .tab li.active span {
    color: #FFFFFF;
  }
  .news .news-archive-sec .inner .content {
    display: none;
  }
  .news .news-archive-sec .inner .content.open {
    display: block;
  }
  .news .news-archive-sec .inner .list {
    margin: 0 0 20px;
  }
  .news .news-archive-sec .inner .list li {
    border-bottom: 0.267vw dotted #646464;
    padding: 4.8vw 0;
    position: relative;
  }
  .news .news-archive-sec .inner .list li .cat {
    display: inline-block;
    font-size: 1.2rem;
    background: #646464;
    color: #FFFFFF;
    padding: 1.333vw 5.333vw;
    margin: 0 0 2.133vw;
  }
  .news .news-archive-sec .inner .list li .post-title {
    line-height: 1.4;
    margin: 0 0 2.667vw;
  }
  .news .news-archive-sec .inner .list li .pub-date {
    font-size: 1.1rem;
  }
  .news .news-archive-sec .inner .pager {
    text-align: center;
    line-height: 1;
    font-size: 1.2rem;
    margin-top: 60px;
  }
  .news .news-archive-sec .inner .pager .current {
    display: inline-block;
    border: 1px solid #00B5FF;
    background: #00B5FF;
    color: #FFFFFF;
    padding: 9px 10px;
  }
  .news .news-archive-sec .inner .pager a {
    display: inline-block;
    border: 1px solid #00B5FF;
    color: #00B5FF;
    padding: 9px 10px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .news .news-archive-sec .inner .pager a:hover {
    opacity: 0.75;
  }
}

/*-------------------------------------------------
 * ニュース記事
-------------------------------------------------*/
@media print, screen and (min-width: 769px) {
  .news-single .article-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .news-single .article-sec .inner .article {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #999999;
  }
  .news-single .article-sec .inner .article .post-title {
    color: #00B5FF;
    font-weight: 700;
    font-size: 2.7rem;
    line-height: 1.4;
    border-bottom: 2px solid #00B5FF;
    margin-bottom: 30px;
    padding-bottom: 12px;
  }
  .news-single .article-sec .inner .article .cat {
    display: inline-block;
    font-size: 1.2rem;
    background: #646464;
    color: #FFFFFF;
    padding: 5px 20px;
    margin: 0 0 15px;
  }
  .news-single .article-sec .inner .article .post {
    line-height: 1.6;
  }
  .news-single .article-sec .inner .article .post img {
    width: inherit !important;
  }
  .news-single .article-sec .inner .article .pub-date {
    font-size: 1.2rem;
    margin-top: 40px;
  }
  .news-single .article-sec .inner .btn {
    display: block;
    width: 200px;
    padding: 25px 0;
    margin: 0 auto;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    border-radius: 10px;
    text-align: center;
    color: #FFFFFF;
    position: relative;
    font-size: 1.5rem;
    line-height: 1;
    border: none;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .news-single .article-sec .inner .btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .news-single .article-sec .inner .btn:hover {
    opacity: 0.75;
  }
}

@media only screen and (max-width: 768px) {
  .news-single .article-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .news-single .article-sec .inner .article {
    margin-bottom: 10.667vw;
    padding-bottom: 5.333vw;
    border-bottom: 1px dashed #999999;
  }
  .news-single .article-sec .inner .article .post-title {
    color: #00B5FF;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.4;
    border-bottom: 2px solid #00B5FF;
    margin-bottom: 5.333vw;
    padding-bottom: 3.2vw;
  }
  .news-single .article-sec .inner .article .cat {
    display: inline-block;
    font-size: 1.2rem;
    background: #646464;
    color: #FFFFFF;
    padding: 1.333vw 5.333vw;
    margin: 0 0 4vw;
  }
  .news-single .article-sec .inner .article .post {
    line-height: 1.6;
  }
  .news-single .article-sec .inner .article .post img {
    width: inherit !important;
  }
  .news-single .article-sec .inner .article .pub-date {
    font-size: 1.2rem;
    margin-top: 10.667vw;
  }
  .news-single .article-sec .inner .btn {
    display: block;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 3.667vw 0;
    width: 100%;
    border: none;
    border-radius: 1.333vw;
    position: relative;
    line-height: 1.6;
    text-align: center;
    line-height: 1;
    border: none;
  }
  .news-single .article-sec .inner .btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

/*-------------------------------------------------
 * 電話相談
-------------------------------------------------*/
@media print, screen and (min-width: 769px) {
  .llegaladvice .pageheader-sec .inner {
    background-image: url(../img/llegaladvice/img_pagehead-01_pc.jpg);
  }
  .llegaladvice .advice-menu-sec {
    margin-bottom: 60px;
    line-height: 1.6;
  }
  .llegaladvice .advice-menu-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .llegaladvice .advice-menu-sec .inner .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .llegaladvice .advice-menu-sec .inner .list li {
    width: 225px;
    height: 98px;
    border: 2px solid #00B5FF;
    display: table;
    border-radius: 10px;
  }
  .llegaladvice .advice-menu-sec .inner .list li a {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    color: #00B5FF;
    font-weight: 700;
  }
  .llegaladvice .advice-menu-sec .inner .list li a:hover {
    background: #00B5FF;
    color: #FFFFFF;
  }
  .llegaladvice .advice-content-sec {
    margin-bottom: 100px;
    line-height: 1.6;
  }
  .llegaladvice .advice-content-sec.advice-content4 {
    margin-bottom: 0;
  }
  .llegaladvice .advice-content-sec .bold {
    font-weight: 700;
  }
  .llegaladvice .advice-content-sec .blue {
    color: #00B5FF;
  }
  .llegaladvice .advice-content-sec span {
    color: #00B5FF;
  }
  .llegaladvice .advice-content-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .llegaladvice .advice-content-sec .inner .midashi {
    margin-bottom: 65px;
    letter-spacing: 3px;
  }
  .llegaladvice .advice-content-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(30%, #61d4c2), color-stop(70%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 30%, #0cb0fa 70%, #0cb0fa 100%);
  }
  .llegaladvice .advice-content-sec .inner .midashi span {
    display: block;
    width: 576px;
    margin: 0 auto;
    font-size: 2rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 15px 15px;
    padding: 10px 0 14px;
  }
  .llegaladvice .advice-content-sec .inner .catch {
    font-weight: 700;
    font-size: 2.2rem;
    color: #00B5FF;
    margin-bottom: 1em;
  }
  .llegaladvice .advice-content-sec .inner .event-date {
    border: 2px solid #FF555E;
    padding: 20px 30px;
    margin-bottom: 50px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .llegaladvice .advice-content-sec .inner .event-date dt {
    color: #FF555E;
    font-weight: 700;
    width: 250px;
  }
  .llegaladvice .advice-content-sec .inner .event-date dt p {
    font-size: 1.9rem;
    font-weight: 700;
  }
  .llegaladvice .advice-content-sec .inner .event-date dt p span {
    display: block;
    font-size: 1.4rem;
  }
  .llegaladvice .advice-content-sec .inner .event-date dd {
    width: calc(100% - 250px);
  }
  .llegaladvice .advice-content-sec .inner .event-date dd ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .llegaladvice .advice-content-sec .inner .event-date dd ul li {
    width: 33.3333%;
    list-style-type: disc;
    line-height: 2;
  }
  .llegaladvice .advice-content-sec .inner .event-date dd .notes {
    color: #FF555E;
    margin-top: 5px;
    margin-left: -20px;
  }
  .llegaladvice .advice-content-sec .inner .komidashi {
    color: #00B5FF;
    font-size: 2rem;
    letter-spacing: 3px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
  }
  .llegaladvice .advice-content-sec .inner .komidashi::after {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    background: #00B5FF;
    margin: 10px auto 0;
  }
  .llegaladvice .advice-content-sec .inner table {
    width: 100%;
    background: linear-gradient(135deg, #61d4c2 0%, #0cb0fa 100%);
    margin-bottom: 50px;
    border-radius: 15px;
    border-collapse: separate;
  }
  .llegaladvice .advice-content-sec .inner table th {
    width: 210px;
    color: #FFFFFF;
    padding: 30px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 2px solid #FFFFFF;
  }
  .llegaladvice .advice-content-sec .inner table tr:first-child td {
    border-radius: 0 15px 0 0;
    border-top: 2px solid #00B5FF;
  }
  .llegaladvice .advice-content-sec .inner table tr:last-child td {
    border-radius: 0 0 15px 0;
    border-bottom: 2px solid #00B5FF;
  }
  .llegaladvice .advice-content-sec .inner table tr:last-child th {
    border-bottom: none;
  }
  .llegaladvice .advice-content-sec .inner table td {
    width: 770px;
    padding: 25px 20px 25px 25px;
    border-bottom: 2px solid #CCCCCC;
    border-right: 2px solid #00B5FF;
    border-left: none;
    border-top: none;
    background: #FFFFFF;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .llegaladvice .advice-content-sec .inner .flow-box {
    position: relative;
  }
  .llegaladvice .advice-content-sec .inner .flow-box::before {
    content: "";
    width: 1px;
    height: calc(100% - 128px);
    border-right: 2px dashed #00B5FF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 60px;
    margin: auto 0;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 60px;
    position: relative;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl::after {
    content: "";
    position: absolute;
    bottom: -40px;
    left: calc(50% + 64px);
    width: 48px;
    height: 18px;
    background: url(../img/common/arrow-grad.svg) 0 0 no-repeat;
    background-size: 100%;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl.first::after {
    bottom: -30px;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl.last::after {
    content: none;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dt {
    width: 128px;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dt .circle {
    width: 128px;
    height: 128px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    border-radius: 50%;
    position: relative;
    display: table;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dt .circle::after {
    content: "";
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dt .circle span {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    position: relative;
    z-index: 1;
    font-weight: 700;
    color: #00B5FF;
    font-size: 2rem;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd {
    width: calc(100% - 180px);
    position: relative;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd .arrow_box {
    border-radius: 10px;
    padding: 15px 36px;
    position: relative;
    background: #FFFFFF;
    border: 3px solid #00B5FF;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd .arrow_box::after, .llegaladvice .advice-content-sec .inner .flow-box dl dd .arrow_box::before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd .arrow_box::after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #FFFFFF;
    border-width: 9px 27px 9px 0;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd .arrow_box::before {
    border-style: solid;
    border-color: rgba(0, 181, 255, 0);
    border-right-color: #00B5FF;
    border-width: 12px 35px 12px 0;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd span {
    font-size: 1.8rem;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd a {
    text-decoration: underline;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd a:hover {
    text-decoration: none;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd .dl-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 1em;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd .dl-btns li {
    width: 48%;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd .dl-btns li .dl-btn {
    display: block;
    width: 100%;
    text-decoration: none;
    padding: 10px 0 10px 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd .dl-btns li .dl-btn:hover {
    opacity: 0.75;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd .dl-btns li .dl-btn.pdf {
    color: #FF555E;
    border: 1px solid #FF555E;
    background: url(../img/common/icon_pdf.svg) 10px 50% no-repeat;
    background-size: 16px;
    position: relative;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd .dl-btns li .dl-btn.pdf::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FF555E;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd .dl-btns li .dl-btn.word {
    color: #007AAF;
    border: 1px solid #007AAF;
    background: url(../img/common/icon_word.svg) 10px 50% no-repeat;
    background-size: 20px;
    position: relative;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd .dl-btns li .dl-btn.word::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #007AAF;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd small {
    display: block;
    font-size: 1.3rem;
  }
  .llegaladvice .advice-content-sec .inner .contact-num span {
    font-size: 2.4rem !important;
    vertical-align: middle;
  }
  .llegaladvice .advice-content-sec .inner .notes li {
    list-style-type: disc;
    margin-left: 1em;
  }
  .llegaladvice .advice-content-sec .inner .consultation-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .llegaladvice .advice-content-sec .inner .contact-catch {
    margin-top: 100px;
    text-align: center;
  }
  .llegaladvice .advice-content-sec .inner .advice-btn {
    display: block;
    width: 477px;
    margin: 0 auto 40px;
  }
  .llegaladvice .advice-content-sec .inner .btn {
    display: block;
    width: 500px;
    margin: 0 auto;
    padding: 7px 70px 7px 60px;
    font-size: 1.5rem;
    color: #00B5FF;
    text-align: center;
    border: 3px solid #00B5FF;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .llegaladvice .advice-content-sec .inner .btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #00B5FF;
    position: absolute;
    top: 50%;
    right: 60px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .llegaladvice .advice-content-sec .inner .btn:hover {
    opacity: 0.75;
  }
}

@media only screen and (max-width: 768px) {
  .llegaladvice .pageheader-sec {
    margin-bottom: 8vw;
  }
  .llegaladvice .pageheader-sec .inner {
    background-image: url(../img/llegaladvice/img_pagehead-01_sp.jpg);
  }
  .llegaladvice .advice-menu-sec {
    margin-bottom: 5.333vw;
    line-height: 1.6;
  }
  .llegaladvice .advice-menu-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .llegaladvice .advice-menu-sec .inner .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .llegaladvice .advice-menu-sec .inner .list li {
    width: 47%;
    height: 26.133vw;
    border: 3px solid #00B5FF;
    margin-bottom: 5%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: table;
    border-radius: 2.667vw;
  }
  .llegaladvice .advice-menu-sec .inner .list li a {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    font-size: 1.2rem;
    color: #00B5FF;
    font-weight: 700;
  }
  .llegaladvice .advice-content-sec {
    margin-bottom: 13.333vw;
    line-height: 1.6;
  }
  .llegaladvice .advice-content-sec.advice-content4 {
    margin-bottom: 0;
  }
  .llegaladvice .advice-content-sec .bold {
    font-weight: 700;
  }
  .llegaladvice .advice-content-sec .blue {
    color: #00B5FF;
  }
  .llegaladvice .advice-content-sec span {
    color: #00B5FF;
  }
  .llegaladvice .advice-content-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .llegaladvice .advice-content-sec .inner .midashi {
    margin-bottom: 65px;
    margin-left: -1.733vw;
    width: calc(100% + 3.467vw);
    margin-bottom: 8vw;
  }
  .llegaladvice .advice-content-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(30%, #61d4c2), color-stop(70%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 30%, #0cb0fa 70%, #0cb0fa 100%);
  }
  .llegaladvice .advice-content-sec .inner .midashi span {
    display: block;
    width: 90%;
    margin: 0 auto;
    font-size: 2rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 15px 15px;
    padding: 10px 0 14px;
  }
  .llegaladvice .advice-content-sec .inner .midashi span {
    font-size: 1.5rem;
  }
  .llegaladvice .advice-content-sec .inner .catch {
    font-weight: 700;
    color: #00B5FF;
    margin-bottom: 1em;
  }
  .llegaladvice .advice-content-sec .inner .event-date {
    border: 0.533vw solid #FF555E;
    padding: 5.333vw 5.333vw;
    margin-bottom: 13.333vw;
    border-radius: 2.667vw;
  }
  .llegaladvice .advice-content-sec .inner .event-date dt {
    color: #FF555E;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.533vw;
    margin-bottom: 5.333vw;
  }
  .llegaladvice .advice-content-sec .inner .event-date dt p {
    font-weight: 700;
  }
  .llegaladvice .advice-content-sec .inner .event-date dt p span {
    display: block;
    font-size: 1.4rem;
  }
  .llegaladvice .advice-content-sec .inner .event-date dd ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .llegaladvice .advice-content-sec .inner .event-date dd ul li {
    font-size: 1.3rem;
    width: 45.5%;
    list-style-type: none;
    line-height: 3;
  }
  .llegaladvice .advice-content-sec .inner .event-date dd .notes {
    color: #FF555E;
    margin-top: 5px;
  }
  .llegaladvice .advice-content-sec .inner .komidashi {
    color: #00B5FF;
    letter-spacing: 0.8vw;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5.333vw;
  }
  .llegaladvice .advice-content-sec .inner .komidashi::after {
    content: "";
    display: block;
    width: 18.667vw;
    height: 0.267vw;
    background: #00B5FF;
    margin: 2.667vw auto 0;
  }
  .llegaladvice .advice-content-sec .inner table {
    width: 100%;
    background: linear-gradient(135deg, #61d4c2 0%, #0cb0fa 100%);
    margin-bottom: 13.333vw;
    border-radius: 4vw;
    border-collapse: separate;
  }
  .llegaladvice .advice-content-sec .inner table th {
    width: 21%;
    color: #FFFFFF;
    padding: 5.333vw 2.667vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 2px solid #FFFFFF;
  }
  .llegaladvice .advice-content-sec .inner table tr:first-child td {
    border-radius: 0 4vw 0 0;
    border-top: 0.533vw solid #00B5FF;
  }
  .llegaladvice .advice-content-sec .inner table tr:last-child td {
    border-radius: 0 0 4vw 0;
    border-bottom: 0.533vw solid #00B5FF;
  }
  .llegaladvice .advice-content-sec .inner table tr:last-child th {
    border-bottom: none;
  }
  .llegaladvice .advice-content-sec .inner table td {
    width: 79%;
    padding: 4vw 2.667vw 4vw 2.667vw;
    border-bottom: 0.533vw solid #CCCCCC;
    border-right: 0.533vw solid #00B5FF;
    border-left: none;
    border-top: none;
    background: #FFFFFF;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .llegaladvice .advice-content-sec .inner .flow-box {
    position: relative;
  }
  .llegaladvice .advice-content-sec .inner .flow-box::before {
    content: "";
    width: 0.267vw;
    height: calc(100% - 60vw);
    border-right: 0.8vw dashed #00B5FF;
    position: absolute;
    top: 8vw;
    left: 8.8vw;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 16vw;
    position: relative;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl::after {
    content: "";
    position: absolute;
    bottom: -10.667vw;
    left: calc(50% + 3vw);
    width: 12.8vw;
    height: 4.8vw;
    background: url(../img/common/arrow-grad.svg) 0 0 no-repeat;
    background-size: 100%;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl.first::after {
    bottom: -11vw;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl.last::after {
    content: none;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dt {
    width: 18.667vw;
    margin-right: 4.266vw;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dt .circle {
    width: 18.667vw;
    height: 18.667vw;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    border-radius: 50%;
    position: relative;
    display: table;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dt .circle::after {
    content: "";
    display: block;
    width: 17.067vw;
    height: 17.067vw;
    border-radius: 50%;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dt .circle span {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    position: relative;
    z-index: 1;
    font-weight: 700;
    color: #00B5FF;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd {
    width: calc(100% - 22.933vw);
    position: relative;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd .arrow_box {
    border-radius: 2.667vw;
    padding: 4vw 2.667vw;
    position: relative;
    background: #FFFFFF;
    border: 3px solid #00B5FF;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd .arrow_box::after, .llegaladvice .advice-content-sec .inner .flow-box dl dd .arrow_box::before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd .arrow_box::after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #FFFFFF;
    border-width: 4px 10px 4px 0;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd .arrow_box::before {
    border-style: solid;
    border-color: rgba(0, 181, 255, 0);
    border-right-color: #00B5FF;
    border-width: 7px 15px 7px 0;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd a {
    text-decoration: underline;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd a:hover {
    text-decoration: none;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd .dl-btns {
    margin-top: 1em;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd .dl-btns li {
    width: 100%;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd .dl-btns li .dl-btn {
    display: block;
    width: 100%;
    text-decoration: none;
    padding: 2.133vw 0 2.133vw 8vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1.1rem;
    margin-top: 2.667vw;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd .dl-btns li .dl-btn:hover {
    opacity: 0.75;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd .dl-btns li .dl-btn.pdf {
    color: #FF555E;
    border: 0.267vw solid #FF555E;
    background: url(../img/common/icon_pdf.svg) 5px 50% no-repeat;
    background-size: 4.267vw;
    position: relative;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd .dl-btns li .dl-btn.word {
    color: #007AAF;
    border: 0.267vw solid #007AAF;
    background: url(../img/common/icon_word.svg) 5px 50% no-repeat;
    background-size: 5.333vw;
    position: relative;
  }
  .llegaladvice .advice-content-sec .inner .flow-box dl dd small {
    display: block;
    font-size: 1.3rem;
  }
  .llegaladvice .advice-content-sec .inner .contact-num span {
    font-size: 2rem;
    vertical-align: middle;
  }
  .llegaladvice .advice-content-sec .inner .notes li {
    list-style-type: disc;
    margin-left: 1em;
  }
  .llegaladvice .advice-content-sec .inner .consultation-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .llegaladvice .advice-content-sec .inner .contact-catch {
    margin-top: 13.333vw;
    text-align: center;
  }
  .llegaladvice .advice-content-sec .inner .advice-btn {
    display: block;
    width: 100%;
    max-width: 86.667vw;
    margin: 0 auto 4vw;
  }
  .llegaladvice .advice-content-sec .inner .btn {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 1.867vw;
    font-size: 1.3rem;
    color: #00B5FF;
    text-align: center;
    border: 0.533vw solid #00B5FF;
    border-radius: 2.667vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
  }
  .llegaladvice .advice-content-sec .inner .btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #00B5FF;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

/*-------------------------------------------------
 * シンボルマーク 利用ガイドライン
-------------------------------------------------*/
@media print, screen and (min-width: 769px) {
  .logo-guideline .pageheader-sec .inner {
    background-image: url(../img/logo/img_pagehead-01_pc.jpg);
  }
  .logo-guideline .outline-sec {
    line-height: 1.6;
    margin-bottom: 50px;
  }
  .logo-guideline .outline-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .logo-guideline .outline-sec .inner .intro {
    font-size: 2.2rem;
    font-weight: 700;
    color: #00B5FF;
    margin-bottom: 40px;
  }
  .logo-guideline .outline-sec .inner .license {
    border: 1px solid #00B5FF;
    text-align: center;
    padding: 10px 0;
    border-radius: 10px;
  }
  .logo-guideline .manual-sec {
    line-height: 1.6;
    margin-bottom: 50px;
  }
  .logo-guideline .manual-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .logo-guideline .manual-sec .inner .midashi {
    margin-bottom: 65px;
    letter-spacing: 3px;
    margin-bottom: 30px;
  }
  .logo-guideline .manual-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(30%, #61d4c2), color-stop(70%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 30%, #0cb0fa 70%, #0cb0fa 100%);
  }
  .logo-guideline .manual-sec .inner .midashi span {
    display: block;
    width: 466px;
    margin: 0 auto;
    font-size: 2rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 15px 15px;
    padding: 10px 0 14px;
  }
  .logo-guideline .manual-sec .inner .read {
    margin-bottom: 30px;
  }
  .logo-guideline .manual-sec .inner .menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .logo-guideline .manual-sec .inner .menu-list li {
    width: 350px;
    margin-right: 20px;
  }
  .logo-guideline .manual-sec .inner .menu-list li a {
    display: block;
    position: relative;
    border: 2px solid #00B5FF;
    color: #00B5FF;
    border-radius: 10px;
    padding: 10px 0;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .logo-guideline .manual-sec .inner .menu-list li a::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #00B5FF;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .logo-guideline .manual-sec .inner .menu-list li a:hover {
    opacity: 0.75;
  }
  .logo-guideline .mark-dl-sec {
    line-height: 1.6;
    margin-bottom: 50px;
  }
  .logo-guideline .mark-dl-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .logo-guideline .mark-dl-sec .inner .midashi {
    margin-bottom: 65px;
    letter-spacing: 3px;
    margin-bottom: 30px;
  }
  .logo-guideline .mark-dl-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(30%, #61d4c2), color-stop(70%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 30%, #0cb0fa 70%, #0cb0fa 100%);
  }
  .logo-guideline .mark-dl-sec .inner .midashi span {
    display: block;
    width: 466px;
    margin: 0 auto;
    font-size: 2rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 15px 15px;
    padding: 10px 0 14px;
  }
  .logo-guideline .mark-dl-sec .inner .read {
    margin-bottom: 30px;
  }
  .logo-guideline .mark-dl-sec .inner .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .logo-guideline .mark-dl-sec .inner .list li {
    width: 46%;
    padding: 10px 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 2px solid #00B5FF;
    border-radius: 10px;
    margin-bottom: 40px;
  }
  .logo-guideline .mark-dl-sec .inner .list li dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .logo-guideline .mark-dl-sec .inner .list li dl dt {
    width: 153px;
    text-align: center;
  }
  .logo-guideline .mark-dl-sec .inner .list li dl dt img {
    width: unset;
    display: inline-block;
  }
  .logo-guideline .mark-dl-sec .inner .list li dl dd {
    width: calc(100% - 180px);
  }
  .logo-guideline .mark-dl-sec .inner .list li dl dd .blue {
    color: #00B5FF;
    font-weight: 700;
  }
  .logo-guideline .mark-dl-sec .inner .list li dl dd .dl-btn {
    background: url(../img/common/icon_dl.svg) 0 50% no-repeat;
    background-size: 14px;
    padding-left: 26px;
  }
  .logo-guideline .mark-dl-sec .inner .list li dl dd .dl-btn a {
    display: inline-block;
    font-weight: 700;
    margin-right: 20px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .logo-guideline .mark-dl-sec .inner .list li dl dd .dl-btn a:hover {
    opacity: 0.75;
  }
  .logo-guideline .mark-dl-sec .inner .list li dl dd .dl-btn a span {
    color: #00B5FF;
  }
  .logo-guideline .banner-dl-sec {
    line-height: 1.6;
    margin-bottom: 50px;
  }
  .logo-guideline .banner-dl-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .logo-guideline .banner-dl-sec .inner .midashi {
    margin-bottom: 65px;
    letter-spacing: 3px;
    margin-bottom: 30px;
  }
  .logo-guideline .banner-dl-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(30%, #61d4c2), color-stop(70%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 30%, #0cb0fa 70%, #0cb0fa 100%);
  }
  .logo-guideline .banner-dl-sec .inner .midashi span {
    display: block;
    width: 466px;
    margin: 0 auto;
    font-size: 2rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 15px 15px;
    padding: 10px 0 14px;
  }
  .logo-guideline .banner-dl-sec .inner .read {
    margin-bottom: 30px;
  }
  .logo-guideline .banner-dl-sec .inner .attention {
    border: 2px solid #00B5FF;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 50px;
  }
  .logo-guideline .banner-dl-sec .inner .attention .komidashi {
    color: #00B5FF;
    text-align: center;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 20px;
  }
  .logo-guideline .banner-dl-sec .inner .attention .komidashi::after {
    content: "";
    display: block;
    width: 80px;
    height: 1px;
    background: #00B5FF;
    margin: 10px auto 0;
  }
  .logo-guideline .banner-dl-sec .inner .attention ul {
    font-size: 1.3rem;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box {
    margin-bottom: 40px;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .komidashi {
    color: #00B5FF;
    font-size: 2.1rem;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 40px;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .read {
    color: #00B5FF;
    font-size: 1.2rem;
    margin-bottom: 20px;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .read.m-top {
    margin-top: -25px;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .read a {
    text-decoration: underline;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .read a:hover {
    text-decoration: none;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box ul li {
    width: 226px;
    margin-right: 35px;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box ul li a {
    display: block;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box ul li a:hover {
    opacity: 0.75;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box ul li a .caption {
    margin-top: 10px;
    text-align: center;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box ul li a .caption span {
    background: url(../img/common/icon_dl-blue.svg) right center no-repeat;
    background-size: 14px;
    padding-right: 24px;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block {
    margin-bottom: 30px;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block .banner-title {
    margin-bottom: 10px;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block .notes {
    color: #00B5FF;
    margin-bottom: 30px;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.prposter {
    margin-top: 100px;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.prposter ul li.first {
    width: 473px;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.prposter ul li.last {
    width: 395px;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul.mihon {
    margin-bottom: 60px;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul.mihon li .caption {
    text-align: center;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul li .caption {
    margin-top: 10px;
    text-align: left;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul li .caption span {
    background: url(../img/common/icon_dl-blue.svg) right center no-repeat;
    background-size: 14px;
    padding-right: 24px;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul li .material {
    margin-top: 20px;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul li .material a {
    display: inline-block;
    margin-right: 40px;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul li .material a i {
    display: inline-block;
    color: #00B5FF;
    margin-right: 10px;
    font-weight: 700;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul li.first {
    width: 362px;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul li.last {
    width: 181px;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul.size-s {
    margin-top: 60px;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul.size-s.materials {
    margin-top: 0;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul.size-s li.first {
    width: 197px;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul.size-s li.last {
    width: 313px;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan .read {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .logo-guideline .pageheader-sec {
    margin-bottom: 8vw;
  }
  .logo-guideline .pageheader-sec .inner {
    background-image: url(../img/logo/img_pagehead-01_sp.jpg);
  }
  .logo-guideline .outline-sec {
    line-height: 1.6;
    margin-bottom: 13.333vw;
  }
  .logo-guideline .outline-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .logo-guideline .outline-sec .inner .intro {
    font-weight: 700;
    color: #00B5FF;
    margin-bottom: 5.333vw;
  }
  .logo-guideline .outline-sec .inner .license {
    border: 1px solid #00B5FF;
    text-align: center;
    padding: 2.667vw 0;
    border-radius: 2.667vw;
    font-size: 1.1rem;
  }
  .logo-guideline .manual-sec {
    line-height: 1.6;
    margin-bottom: 13.333vw;
  }
  .logo-guideline .manual-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .logo-guideline .manual-sec .inner .midashi {
    margin-bottom: 8vw;
    margin-left: -1.733vw;
    width: calc(100% + 3.467vw);
    margin-bottom: 8vw;
  }
  .logo-guideline .manual-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 1.333vw;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(20%, #61d4c2), color-stop(80%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 20%, #0cb0fa 80%, #0cb0fa 100%);
  }
  .logo-guideline .manual-sec .inner .midashi span {
    display: block;
    width: 75%;
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 2.667vw 2.667vw;
    padding: 1.3335vw 0 2.667vw;
  }
  .logo-guideline .manual-sec .inner .read {
    margin-bottom: 8vw;
  }
  .logo-guideline .manual-sec .inner .menu-list li {
    width: 100%;
    margin-bottom: 5.333vw;
  }
  .logo-guideline .manual-sec .inner .menu-list li a {
    display: block;
    position: relative;
    border: 2px solid #00B5FF;
    color: #00B5FF;
    border-radius: 2.667vw;
    padding: 2.667vw 0;
    text-align: center;
  }
  .logo-guideline .manual-sec .inner .menu-list li a::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #00B5FF;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .logo-guideline .mark-dl-sec {
    line-height: 1.6;
    margin-bottom: 13.333vw;
  }
  .logo-guideline .mark-dl-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .logo-guideline .mark-dl-sec .inner .midashi {
    margin-bottom: 8vw;
    margin-left: -1.733vw;
    width: calc(100% + 3.467vw);
    margin-bottom: 8vw;
  }
  .logo-guideline .mark-dl-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 1.333vw;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(20%, #61d4c2), color-stop(80%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 20%, #0cb0fa 80%, #0cb0fa 100%);
  }
  .logo-guideline .mark-dl-sec .inner .midashi span {
    display: block;
    width: 75%;
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 2.667vw 2.667vw;
    padding: 1.3335vw 0 2.667vw;
  }
  .logo-guideline .mark-dl-sec .inner .read {
    margin-bottom: 8vw;
  }
  .logo-guideline .mark-dl-sec .inner .list li {
    width: 100%;
    padding: 1.333vw 2.667vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 0.533vw solid #00B5FF;
    border-radius: 2.667vw;
    margin-bottom: 5.333vw;
  }
  .logo-guideline .mark-dl-sec .inner .list li dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .logo-guideline .mark-dl-sec .inner .list li dl dt {
    width: 32vw;
    text-align: center;
  }
  .logo-guideline .mark-dl-sec .inner .list li dl dt img {
    width: 8vw;
    display: inline-block;
  }
  .logo-guideline .mark-dl-sec .inner .list li dl dt img.img {
    width: 32vw;
    height: auto;
  }
  .logo-guideline .mark-dl-sec .inner .list li dl dd {
    width: calc(100% - 37.333vw);
  }
  .logo-guideline .mark-dl-sec .inner .list li dl dd .blue {
    color: #00B5FF;
    font-weight: 700;
  }
  .logo-guideline .mark-dl-sec .inner .list li dl dd .dl-btn {
    background: url(../img/common/icon_dl.svg) 0 50% no-repeat;
    background-size: 3.733vw;
    padding-left: 6.933vw;
  }
  .logo-guideline .mark-dl-sec .inner .list li dl dd .dl-btn a {
    display: inline-block;
    font-weight: 700;
    margin-right: 2.667vw;
  }
  .logo-guideline .mark-dl-sec .inner .list li dl dd .dl-btn a span {
    color: #00B5FF;
  }
  .logo-guideline .banner-dl-sec {
    line-height: 1.6;
    margin-bottom: 13.333vw;
  }
  .logo-guideline .banner-dl-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .logo-guideline .banner-dl-sec .inner .midashi {
    margin-bottom: 8vw;
    margin-left: -1.733vw;
    width: calc(100% + 3.467vw);
    margin-bottom: 8vw;
  }
  .logo-guideline .banner-dl-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 1.333vw;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(20%, #61d4c2), color-stop(80%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 20%, #0cb0fa 80%, #0cb0fa 100%);
  }
  .logo-guideline .banner-dl-sec .inner .midashi span {
    display: block;
    width: 75%;
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 2.667vw 2.667vw;
    padding: 1.3335vw 0 2.667vw;
  }
  .logo-guideline .banner-dl-sec .inner .read {
    margin-bottom: 8vw;
  }
  .logo-guideline .banner-dl-sec .inner .attention {
    border: 0.533vw solid #00B5FF;
    border-radius: 2.667vw;
    padding: 5.333vw;
    margin-bottom: 13.333vw;
  }
  .logo-guideline .banner-dl-sec .inner .attention .komidashi {
    color: #00B5FF;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.8vw;
    margin-bottom: 5.333vw;
  }
  .logo-guideline .banner-dl-sec .inner .attention .komidashi::after {
    content: "";
    display: block;
    width: 21.333vw;
    height: 0.267vw;
    background: #00B5FF;
    margin: 10px auto 0;
  }
  .logo-guideline .banner-dl-sec .inner .attention ul {
    font-size: 1.3rem;
  }
  .logo-guideline .banner-dl-sec .inner .attention ul li {
    display: inline;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box {
    margin-bottom: 10.667vw;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .komidashi {
    color: #00B5FF;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.267vw;
    margin-bottom: 5.333vw;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .read {
    color: #00B5FF;
    font-size: 1.2rem;
    margin-bottom: 4vwpx;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .read.m-top {
    margin-top: -5vw;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .read a {
    text-decoration: underline;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box ul li {
    width: 48%;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box ul li a {
    display: block;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box ul li a:hover {
    opacity: 0.75;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box ul li a .caption {
    font-size: 1.2rem;
    margin-top: 1.333vw;
    text-align: center;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box ul li a .caption span {
    background: url(../img/common/icon_dl-blue.svg) right center no-repeat;
    background-size: 3.733vw;
    padding-right: 6.4vw;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block {
    margin-bottom: 8vw;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block .banner-title {
    margin-bottom: 4vw;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block .notes {
    color: #00B5FF;
    margin-bottom: 5.333vw;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.prposter {
    margin-top: 13.333vw;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.prposter ul {
    display: block;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.prposter ul li {
    margin-bottom: 5.333vw;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.prposter ul li.first {
    width: 100%;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.prposter ul li.last {
    width: 100%;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan .read {
    margin-bottom: 3vw;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul.mihon {
    margin-bottom: 8vw;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul.mihon li .caption {
    text-align: center;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul li .caption {
    margin-top: 2.667vw;
    text-align: left;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul li .caption span {
    background: url(../img/common/icon_dl-blue.svg) right center no-repeat;
    background-size: 2.733vw;
    padding-right: 5.4vw;
    font-size: 1.1rem;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul li .material {
    margin-top: 2vw;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul li .material a {
    display: block;
    margin-right: 10.667vw;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul li .material a i {
    display: inline-block;
    color: #00B5FF;
    margin-right: 2.667vw;
    font-weight: 700;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul li.first {
    width: 64%;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul li.last {
    width: 31.9%;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul.size-s {
    margin-top: 16vw;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul.size-s.materials {
    margin-top: 0;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul.size-s li.first {
    width: 37.1%;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan ul.size-s li.last {
    width: 59%;
  }
  .logo-guideline .banner-dl-sec .inner .banner-box .banner-block.sankan .read {
    margin-top: 2.667vw;
  }
}

/*-------------------------------------------------
 * 提携大学と推薦制度
-------------------------------------------------*/
@media print, screen and (min-width: 769px) {
  .membert .pageheader-sec .inner {
    background-image: url(../img/membert/img_pagehead-01_pc.jpg);
  }
  .membert .outline-sec {
    line-height: 1.6;
    margin-bottom: 50px;
  }
  .membert .outline-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .membert .outline-sec .inner .intro {
    font-size: 2.2rem;
    font-weight: 700;
    color: #00B5FF;
    margin-bottom: 40px;
  }
  .membert .entry-sec {
    line-height: 1.6;
  }
  .membert .entry-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .membert .entry-sec .inner .midashi {
    margin-bottom: 65px;
    letter-spacing: 3px;
  }
  .membert .entry-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(30%, #61d4c2), color-stop(70%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 30%, #0cb0fa 70%, #0cb0fa 100%);
  }
  .membert .entry-sec .inner .midashi span {
    display: block;
    width: 576px;
    margin: 0 auto;
    font-size: 2rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 15px 15px;
    padding: 10px 0 14px;
  }
  .membert .entry-sec .inner .entry-box {
    margin-bottom: 70px;
  }
  .membert .entry-sec .inner .entry-box:last-child {
    margin-bottom: 0;
  }
  .membert .entry-sec .inner .entry-box .komidashi {
    color: #00B5FF;
    font-size: 2rem;
    letter-spacing: 3px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
  }
  .membert .entry-sec .inner .entry-box .komidashi::after {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    background: #00B5FF;
    margin: 10px auto 0;
  }
  .membert .entry-sec .inner .entry-box table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    line-height: 1.6;
  }
  .membert .entry-sec .inner .entry-box table thead {
    background-image: linear-gradient(135deg, #61d4c2 0%, #0cb0fa 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .membert .entry-sec .inner .entry-box table th:first-child {
    border-radius: 15px 0 0 0;
    border-left: 1px solid #61d4c2;
  }
  .membert .entry-sec .inner .entry-box table th:last-child {
    border-radius: 0 15px 0 0;
    border-right: 1px solid #0cb0fa;
  }
  .membert .entry-sec .inner .entry-box table th {
    text-align: center;
    color: white;
    background: transparent;
    border-left: 2px solid #FFFFFF;
    border-top: none;
    border-bottom: none;
    width: 33.333%;
    padding: 5px 0;
  }
  .membert .entry-sec .inner .entry-box table td {
    text-align: center;
    border-left: 2px solid #00B5FF;
    border-bottom: 2px solid #00B5FF;
    border-top: none;
    width: 33.333%;
    padding: 5px 10px;
    text-align: left;
  }
  .membert .entry-sec .inner .entry-box table td:last-child {
    border-right: 2px solid #00B5FF;
    width: 10%;
  }
  .membert .entry-sec .inner .entry-box table td:first-child {
    border-right: none;
  }
  .membert .entry-sec .inner .entry-box table tr:last-child td:first-child {
    border-radius: 0 0 0 15px;
  }
  .membert .entry-sec .inner .entry-box table tr:last-child td:last-child {
    border-radius: 0 0 15px 0;
  }
  .membert .entry-sec .inner .entry-box table .bold {
    font-weight: 700;
  }
  .membert .entry-sec .inner .entry-box .read {
    font-weight: 700;
    margin-bottom: 20px;
  }
  .membert .entry-sec .inner .entry-box small {
    display: block;
  }
  .membert .entry-sec .inner .entry-box .inquiry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid #00B5FF;
    border-radius: 10px;
  }
  .membert .entry-sec .inner .entry-box .inquiry li {
    width: 50%;
    padding: 20px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1.3rem;
  }
  .membert .entry-sec .inner .entry-box .inquiry li.last {
    border-left: 2px solid #00B5FF;
  }
  .membert .entry-sec .inner .entry-box .inquiry li .place {
    color: #00B5FF;
    font-weight: 700;
    font-size: 1.4rem;
    margin-bottom: 1em;
  }
  .membert .entry-sec .inner .entry-box .inquiry li a {
    text-decoration: underline;
  }
  .membert .entry-sec .inner .entry-box .inquiry li a:hover {
    text-decoration: none;
  }
}

@media only screen and (max-width: 768px) {
  .membert .pageheader-sec {
    margin-bottom: 8vw;
  }
  .membert .pageheader-sec .inner {
    background-image: url(../img/membert/img_pagehead-01_sp.jpg);
  }
  .membert .outline-sec {
    line-height: 1.6;
    margin-bottom: 13.333vw;
  }
  .membert .outline-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .membert .outline-sec .inner .intro {
    color: #00B5FF;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 10.667vw;
  }
  .membert .entry-sec {
    line-height: 1.6;
  }
  .membert .entry-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .membert .entry-sec .inner .midashi {
    margin-bottom: 8vw;
  }
  .membert .entry-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 1.333vw;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(20%, #61d4c2), color-stop(80%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 20%, #0cb0fa 80%, #0cb0fa 100%);
  }
  .membert .entry-sec .inner .midashi span {
    display: block;
    width: 70%;
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 2.667vw 2.667vw;
    padding: 1.3335vw 0 2.667vw;
  }
  .membert .entry-sec .inner .entry-box {
    margin-bottom: 10.667vw;
  }
  .membert .entry-sec .inner .entry-box:last-child {
    margin-bottom: 0;
  }
  .membert .entry-sec .inner .entry-box .komidashi {
    color: #00B5FF;
    letter-spacing: 0.8vw;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5.333vw;
  }
  .membert .entry-sec .inner .entry-box .komidashi::after {
    content: "";
    display: block;
    width: 18.667vw;
    height: 0.267vw;
    background: #00B5FF;
    margin: 2.667vw auto 0;
  }
  .membert .entry-sec .inner .entry-box table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    line-height: 1.6;
    font-size: 1.2rem;
  }
  .membert .entry-sec .inner .entry-box table thead {
    background-image: linear-gradient(135deg, #61d4c2 0%, #0cb0fa 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .membert .entry-sec .inner .entry-box table th:first-child {
    border-radius: 4vw 0 0 0;
    border-left: 0.267vw solid #61d4c2;
  }
  .membert .entry-sec .inner .entry-box table th:last-child {
    border-radius: 0 4vw 0 0;
    border-right: 0.267vw solid #0cb0fa;
  }
  .membert .entry-sec .inner .entry-box table th {
    text-align: center;
    color: white;
    background: transparent;
    border-left: 0.533vw solid #FFFFFF;
    border-top: none;
    border-bottom: none;
    width: 33.333%;
    padding: 1.333vw 0;
  }
  .membert .entry-sec .inner .entry-box table td {
    text-align: center;
    border-left: 0.533vw solid #00B5FF;
    border-bottom: 0.533vw solid #00B5FF;
    border-top: none;
    width: 33.333%;
    padding: 1.333vw 2.667vw;
    text-align: left;
  }
  .membert .entry-sec .inner .entry-box table td:last-child {
    border-right: 0.533vw solid #00B5FF;
    width: 10%;
  }
  .membert .entry-sec .inner .entry-box table td:first-child {
    border-right: none;
  }
  .membert .entry-sec .inner .entry-box table tr:last-child td:first-child {
    border-radius: 0 0 0 4vw;
  }
  .membert .entry-sec .inner .entry-box table tr:last-child td:last-child {
    border-radius: 0 0 4vw 0;
  }
  .membert .entry-sec .inner .entry-box table .bold {
    font-weight: 700;
  }
  .membert .entry-sec .inner .entry-box .read {
    font-weight: 700;
    margin-bottom: 5.333vw;
  }
  .membert .entry-sec .inner .entry-box small {
    display: block;
  }
  .membert .entry-sec .inner .entry-box .inquiry {
    border: 0.533vw solid #00B5FF;
    border-radius: 2.667vw;
  }
  .membert .entry-sec .inner .entry-box .inquiry li {
    width: 100%;
    padding: 2.667vw 4vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1.3rem;
  }
  .membert .entry-sec .inner .entry-box .inquiry li.last {
    border-top: 0.533vw solid #00B5FF;
  }
  .membert .entry-sec .inner .entry-box .inquiry li .place {
    color: #00B5FF;
    font-weight: 700;
    font-size: 1.4rem;
    margin-bottom: 1em;
  }
  .membert .entry-sec .inner .entry-box .inquiry li a {
    text-decoration: underline;
  }
}

/*-------------------------------------------------
 * 全宅連安心R住宅
-------------------------------------------------*/
@media print, screen and (min-width: 769px) {
  .anshinr table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    line-height: 1.6;
  }
  .anshinr table thead {
    background-image: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background-image: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .anshinr table th:first-child {
    border-radius: 15px 0 0 0;
    border-left: 1px solid #61d4c2;
  }
  .anshinr table th:last-child {
    border-radius: 0 15px 0 0;
    border-right: 1px solid #0cb0fa;
  }
  .anshinr table th {
    text-align: center;
    color: white;
    background: transparent;
    border-left: 2px solid #FFFFFF;
    border-top: none;
    border-bottom: none;
    padding: 5px 0;
  }
  .anshinr table td {
    text-align: center;
    border-left: 2px solid #00B5FF;
    border-bottom: 2px solid #00B5FF;
    border-top: none;
    padding: 5px 10px;
    text-align: left;
  }
  .anshinr table td:last-child {
    border-right: 2px solid #00B5FF;
    width: 10%;
  }
  .anshinr table td:first-child {
    border-right: none;
  }
  .anshinr table tr:last-child td:first-child {
    border-radius: 0 0 0 15px;
  }
  .anshinr table tr:last-child td:last-child {
    border-radius: 0 0 15px 0;
  }
  .anshinr .blue {
    color: #00B5FF;
  }
  .anshinr .bold {
    font-weight: 700;
  }
  .anshinr .pageheader-sec .inner {
    background-image: url(../img/anshinr/img_pagehead-01_pc.jpg);
  }
  .anshinr .outline-sec {
    line-height: 1.6;
    margin-bottom: 60px;
  }
  .anshinr .outline-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .anshinr .outline-sec .inner .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 50px;
  }
  .anshinr .outline-sec .inner .box .text {
    width: 652px;
  }
  .anshinr .outline-sec .inner .box .photo {
    width: 287px;
  }
  .anshinr .regulation-sec {
    line-height: 1.6;
    margin-bottom: 60px;
  }
  .anshinr .regulation-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .anshinr .regulation-sec .inner .midashi {
    margin-bottom: 65px;
    letter-spacing: 3px;
  }
  .anshinr .regulation-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(30%, #61d4c2), color-stop(70%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 30%, #0cb0fa 70%, #0cb0fa 100%);
  }
  .anshinr .regulation-sec .inner .midashi span {
    display: block;
    width: 641px;
    margin: 0 auto;
    font-size: 2rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 15px 15px;
    padding: 10px 0 14px;
  }
  .anshinr .regulation-sec .inner table thead .col1 {
    width: 55%;
  }
  .anshinr .regulation-sec .inner table thead .col2 {
    width: 15%;
  }
  .anshinr .regulation-sec .inner table thead .col3 {
    width: 15%;
  }
  .anshinr .regulation-sec .inner table thead .col4 {
    width: 15%;
  }
  .anshinr .regulation-sec .inner table .bold {
    font-weight: 700;
  }
  .anshinr .regulation-sec .inner table .pdf-icon {
    display: inline-block;
    width: 21px;
  }
  .anshinr .merit-sec {
    line-height: 1.6;
    margin-bottom: 60px;
  }
  .anshinr .merit-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .anshinr .merit-sec .inner .midashi {
    margin-bottom: 65px;
    margin-bottom: 40px;
    letter-spacing: 3px;
  }
  .anshinr .merit-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(30%, #61d4c2), color-stop(70%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 30%, #0cb0fa 70%, #0cb0fa 100%);
  }
  .anshinr .merit-sec .inner .midashi span {
    display: block;
    width: 641px;
    margin: 0 auto;
    font-size: 2rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 15px 15px;
    padding: 10px 0 14px;
  }
  .anshinr .merit-sec .inner .read {
    margin-bottom: 50px;
  }
  .anshinr .merit-sec .inner .merit-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 30px;
  }
  .anshinr .merit-sec .inner .merit-box .merit {
    width: 47.5%;
    position: relative;
  }
  .anshinr .merit-sec .inner .merit-box .merit .komidashi {
    width: 98%;
    margin: 0 auto;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: #00B5FF;
    text-align: center;
    position: absolute;
    top: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .anshinr .merit-sec .inner .merit-box .merit .komidashi span {
    padding: 0 15px;
    background: #FFFFFF;
  }
  .anshinr .merit-sec .inner .merit-box .merit ul {
    min-height: 240px;
    border: 2px solid #00B5FF;
    border-radius: 10px;
    padding: 30px 20px 0;
    -webkit-box-sizing: unset;
            box-sizing: unset;
  }
  .anshinr .merit-sec .inner .merit-box .merit ul li {
    font-weight: 700;
    margin-left: 1em;
    list-style-type: disc;
    margin-bottom: 1em;
  }
  .anshinr .merit-sec .inner .notes {
    color: #00B5FF;
  }
  .anshinr .merit-sec .inner .booklet-dl {
    color: #FFFFFF;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    padding: 0 110px 0px;
    margin-top: 90px;
  }
  .anshinr .merit-sec .inner .booklet-dl .booklet-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .anshinr .merit-sec .inner .booklet-dl .booklet-box .photo {
    width: 125px;
    margin-right: 50px;
  }
  .anshinr .merit-sec .inner .booklet-dl .booklet-box .photo figure {
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    padding: 5px;
    position: relative;
    top: -30px;
  }
  .anshinr .merit-sec .inner .booklet-dl .booklet-box .text {
    margin-top: 25px;
    width: 540px;
  }
  .anshinr .merit-sec .inner .booklet-dl .booklet-box .text .btn {
    width: 310px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    background: url(../img/common/icon_pdf-wh.svg) 10px 50% no-repeat;
    background-size: 22px;
    display: block;
    color: #FFFFFF;
    font-size: 1.4rem;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    padding: 12px 10px;
    position: relative;
    margin-top: 20px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .anshinr .merit-sec .inner .booklet-dl .booklet-box .text .btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .anshinr .merit-sec .inner .booklet-dl .booklet-box .text .btn:hover {
    opacity: 0.75;
  }
  .anshinr .application-sec {
    line-height: 1.6;
    margin-bottom: 60px;
  }
  .anshinr .application-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .anshinr .application-sec .inner .midashi {
    margin-bottom: 65px;
    letter-spacing: 1px;
    margin-bottom: 40px;
  }
  .anshinr .application-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(30%, #61d4c2), color-stop(70%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 30%, #0cb0fa 70%, #0cb0fa 100%);
  }
  .anshinr .application-sec .inner .midashi span {
    display: block;
    width: 641px;
    margin: 0 auto;
    font-size: 2rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 15px 15px;
    padding: 10px 0 14px;
  }
  .anshinr .application-sec .inner .intro {
    font-size: 2rem;
    color: #00B5FF;
    font-weight: 700;
    margin-bottom: 30px;
  }
  .anshinr .application-sec .inner .application-dl {
    border: 2px solid #00B5FF;
    border-radius: 10px;
    padding: 20px;
    font-size: 1.38rem;
    text-align: center;
    margin-bottom: 30px;
  }
  .anshinr .application-sec .inner .application-dl .btn {
    display: block;
    width: 475px;
    margin: 20px auto 0;
    font-size: 1.4rem;
    text-align: center;
    color: #ED1C24;
    border: 1px solid #ED1C24;
    border-radius: 10px;
    padding: 12px 0;
    background: url(../img/common/icon_pdf.svg) 10px 50% no-repeat;
    background-size: 22px;
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .anshinr .application-sec .inner .application-dl .btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #ED1C24;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .anshinr .application-sec .inner .application-dl .btn:hover {
    opacity: 0.75;
  }
  .anshinr .application-sec .inner .contact-info table {
    margin-top: 50px;
  }
  .anshinr .application-sec .inner .contact-info table thead .col1 {
    width: 35%;
  }
  .anshinr .application-sec .inner .contact-info table thead .col2 {
    width: 25%;
  }
  .anshinr .application-sec .inner .contact-info table thead .col3 {
    width: 40%;
  }
  .anshinr .application-sec .inner .contact-info table tbody a:hover {
    text-decoration: underline;
  }
  .anshinr .flow-sec {
    line-height: 1.6;
    margin-bottom: 60px;
  }
  .anshinr .flow-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .anshinr .flow-sec .inner .midashi {
    margin-bottom: 65px;
    letter-spacing: 3px;
    margin-bottom: 40px;
  }
  .anshinr .flow-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(30%, #61d4c2), color-stop(70%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 30%, #0cb0fa 70%, #0cb0fa 100%);
  }
  .anshinr .flow-sec .inner .midashi span {
    display: block;
    width: 641px;
    margin: 0 auto;
    font-size: 2rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 15px 15px;
    padding: 10px 0 14px;
  }
  .anshinr .flow-sec .inner .read {
    margin-bottom: 50px;
  }
  .anshinr .flow-sec .inner .flow-box {
    position: relative;
  }
  .anshinr .flow-sec .inner .flow-box::before {
    content: "";
    width: 1px;
    height: calc(100% - 128px);
    border-right: 3px dashed #00B5FF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 60px;
    margin: auto 0;
  }
  .anshinr .flow-sec .inner .flow-box dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 60px;
    position: relative;
  }
  .anshinr .flow-sec .inner .flow-box dl::after {
    content: "";
    position: absolute;
    bottom: -40px;
    left: calc(50% + 64px);
    width: 48px;
    height: 18px;
    background: url(../img/common/arrow-grad.svg) 0 0 no-repeat;
    background-size: 100%;
  }
  .anshinr .flow-sec .inner .flow-box dl.first::after {
    bottom: -40px;
  }
  .anshinr .flow-sec .inner .flow-box dl:nth-child(2)::after {
    bottom: -50px;
  }
  .anshinr .flow-sec .inner .flow-box dl:nth-child(3)::after {
    bottom: -30px;
  }
  .anshinr .flow-sec .inner .flow-box dl.last::after {
    content: none;
  }
  .anshinr .flow-sec .inner .flow-box dl dt {
    width: 128px;
    margin-right: 52px;
  }
  .anshinr .flow-sec .inner .flow-box dl dt .circle {
    width: 128px;
    height: 128px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    border-radius: 50%;
    position: relative;
    display: table;
  }
  .anshinr .flow-sec .inner .flow-box dl dt .circle::after {
    content: "";
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
  }
  .anshinr .flow-sec .inner .flow-box dl dt .circle span {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    position: relative;
    z-index: 1;
    font-weight: 700;
    color: #00B5FF;
    font-size: 2rem;
  }
  .anshinr .flow-sec .inner .flow-box dl dd {
    width: calc(100% - 180px);
    position: relative;
  }
  .anshinr .flow-sec .inner .flow-box dl dd .arrow_box {
    border-radius: 10px;
    padding: 15px 36px;
    position: relative;
    background: #FFFFFF;
    border: 3px solid #00B5FF;
  }
  .anshinr .flow-sec .inner .flow-box dl dd .arrow_box::after, .anshinr .flow-sec .inner .flow-box dl dd .arrow_box::before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .anshinr .flow-sec .inner .flow-box dl dd .arrow_box::after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #FFFFFF;
    border-width: 9px 27px 9px 0;
  }
  .anshinr .flow-sec .inner .flow-box dl dd .arrow_box::before {
    border-style: solid;
    border-color: rgba(0, 181, 255, 0);
    border-right-color: #00B5FF;
    border-width: 12px 35px 12px 0;
  }
  .anshinr .flow-sec .inner .flow-box dl dd .arrow_box .komidashi {
    font-size: 1.8rem;
    color: #00B5FF;
    font-weight: 700;
  }
  .anshinr .flow-sec .inner .flow-box dl dd .arrow_box ul li {
    list-style-type: disc;
    margin-left: 1em;
  }
  .anshinr .format-sec {
    line-height: 1.6;
    margin-bottom: 60px;
  }
  .anshinr .format-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .anshinr .format-sec .inner .midashi {
    margin-bottom: 65px;
    letter-spacing: 3px;
    margin-bottom: 40px;
  }
  .anshinr .format-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(30%, #61d4c2), color-stop(70%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 30%, #0cb0fa 70%, #0cb0fa 100%);
  }
  .anshinr .format-sec .inner .midashi span {
    display: block;
    width: 641px;
    margin: 0 auto;
    font-size: 2rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 15px 15px;
    padding: 10px 0 14px;
  }
  .anshinr .format-sec .inner .format-box {
    margin-bottom: 30px;
  }
  .anshinr .format-sec .inner .format-box .komidashi {
    color: #00B5FF;
    font-size: 2rem;
    letter-spacing: 3px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
  }
  .anshinr .format-sec .inner .format-box .komidashi::after {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    background: #00B5FF;
    margin: 10px auto 0;
  }
  .anshinr .format-sec .inner .format-box table .center-pos {
    text-align: center;
  }
  .anshinr .format-sec .inner .format-box table .col1 {
    width: 70%;
  }
  .anshinr .format-sec .inner .format-box table .col2 {
    width: 30%;
  }
  .anshinr .format-sec .inner .format-box table .example {
    display: inline-block;
    background: url(../img/common/icon_pdf.svg) 0 50% no-repeat;
    background-size: 21px;
    padding-left: 30px;
    margin-left: 1em;
    text-decoration: underline;
  }
  .anshinr .format-sec .inner .format-box table .example:hover {
    text-decoration: none;
  }
  .anshinr .format-sec .inner .format-box table .icon-xls {
    display: inline-block;
    width: 27px;
    margin: 0 5px;
  }
  .anshinr .format-sec .inner .format-box table .icon-pdf {
    display: inline-block;
    width: 21px;
    margin: 0 5px;
  }
  .anshinr .movie-sec {
    line-height: 1.6;
  }
  .anshinr .movie-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .anshinr .movie-sec .inner .midashi {
    margin-bottom: 65px;
    letter-spacing: 3px;
    margin-bottom: 40px;
  }
  .anshinr .movie-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(30%, #61d4c2), color-stop(70%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 30%, #0cb0fa 70%, #0cb0fa 100%);
  }
  .anshinr .movie-sec .inner .midashi span {
    display: block;
    width: 641px;
    margin: 0 auto;
    font-size: 2rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 15px 15px;
    padding: 10px 0 14px;
  }
  .anshinr .movie-sec .inner .movie-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .anshinr .movie-sec .inner .movie-box li {
    width: 43%;
    margin-top: 40px;
  }
  .anshinr .movie-sec .inner .movie-box li .movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    border: 4px solid #00B5FF;
    background: #00B5FF;
    -webkit-box-sizing: unset;
            box-sizing: unset;
  }
  .anshinr .movie-sec .inner .movie-box li .movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .anshinr .movie-sec .inner .movie-box li .caption {
    color: #00B5FF;
    margin-top: 10px;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .anshinr table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    line-height: 1.6;
    font-size: 1.2rem;
  }
  .anshinr table thead {
    background-image: linear-gradient(135deg, #61d4c2 0%, #0cb0fa 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .anshinr table th:first-child {
    border-radius: 4vw 0 0 0;
    border-left: 0.267vw solid #61d4c2;
  }
  .anshinr table th:last-child {
    border-radius: 0 4vw 0 0;
    border-right: 0.267vw solid #0cb0fa;
  }
  .anshinr table th {
    text-align: center;
    color: white;
    background: transparent;
    border-left: 0.533vw solid #FFFFFF;
    border-top: none;
    border-bottom: none;
    padding: 1.333vw 0;
  }
  .anshinr table td {
    text-align: center;
    border-left: 0.533vw solid #00B5FF;
    border-bottom: 0.533vw solid #00B5FF;
    border-top: none;
    padding: 1.333vw 2.667vw;
    text-align: left;
  }
  .anshinr table td:last-child {
    border-right: 0.533vw solid #00B5FF;
    width: 10%;
  }
  .anshinr table td:first-child {
    border-right: none;
  }
  .anshinr table tr:last-child td:first-child {
    border-radius: 0 0 0 4vw;
  }
  .anshinr table tr:last-child td:last-child {
    border-radius: 0 0 4vw 0;
  }
  .anshinr .blue {
    color: #00B5FF;
  }
  .anshinr .bold {
    font-weight: 700;
  }
  .anshinr .pageheader-sec {
    margin-bottom: 8vw;
  }
  .anshinr .pageheader-sec .inner {
    background-image: url(../img/anshinr/img_pagehead-01_sp.jpg);
  }
  .anshinr .outline-sec {
    line-height: 1.6;
    margin-bottom: 16vw;
  }
  .anshinr .outline-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .anshinr .outline-sec .inner .box {
    margin-bottom: 13.333vw;
  }
  .anshinr .outline-sec .inner .box .text {
    width: 100%;
    margin-bottom: 10.667vw;
  }
  .anshinr .outline-sec .inner .box .photo {
    width: 60%;
    margin: 0 auto;
  }
  .anshinr .regulation-sec {
    line-height: 1.6;
    margin-bottom: 16vw;
  }
  .anshinr .regulation-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .anshinr .regulation-sec .inner .midashi {
    margin-bottom: 8vw;
    margin-left: -1.733vw;
    width: calc(100% + 3.467vw);
  }
  .anshinr .regulation-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 1.333vw;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(20%, #61d4c2), color-stop(80%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 20%, #0cb0fa 80%, #0cb0fa 100%);
  }
  .anshinr .regulation-sec .inner .midashi span {
    display: block;
    width: 80%;
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 2.667vw 2.667vw;
    padding: 1.3335vw 0 2.667vw;
  }
  .anshinr .regulation-sec .inner table thead .col1 {
    width: 55%;
  }
  .anshinr .regulation-sec .inner table thead .col2 {
    width: 5%;
  }
  .anshinr .regulation-sec .inner table thead .col3 {
    width: 20%;
  }
  .anshinr .regulation-sec .inner table thead .col4 {
    width: 20%;
  }
  .anshinr .regulation-sec .inner table .bold {
    font-weight: 700;
  }
  .anshinr .regulation-sec .inner table .pdf-icon {
    display: inline-block;
    width: 5.6vw;
  }
  .anshinr .merit-sec {
    line-height: 1.6;
    margin-bottom: 16vw;
  }
  .anshinr .merit-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .anshinr .merit-sec .inner .midashi {
    margin-bottom: 8vw;
    margin-left: -1.733vw;
    width: calc(100% + 3.467vw);
  }
  .anshinr .merit-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 1.333vw;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(20%, #61d4c2), color-stop(80%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 20%, #0cb0fa 80%, #0cb0fa 100%);
  }
  .anshinr .merit-sec .inner .midashi span {
    display: block;
    width: 80%;
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 2.667vw 2.667vw;
    padding: 1.3335vw 0 2.667vw;
  }
  .anshinr .merit-sec .inner .read {
    margin-bottom: 8vw;
  }
  .anshinr .merit-sec .inner .merit-box {
    margin-bottom: 8vw;
  }
  .anshinr .merit-sec .inner .merit-box .merit {
    width: 100%;
    position: relative;
    margin-bottom: 8vw;
  }
  .anshinr .merit-sec .inner .merit-box .merit .komidashi {
    width: 90%;
    margin: 0 auto;
    font-size: 1.6rem;
    font-weight: 700;
    color: #00B5FF;
    text-align: center;
    position: absolute;
    top: -2.667vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .anshinr .merit-sec .inner .merit-box .merit .komidashi span {
    padding: 0 4vw;
    background: #FFFFFF;
  }
  .anshinr .merit-sec .inner .merit-box .merit ul {
    border: 2px solid #00B5FF;
    border-radius: 2.667vw;
    padding: 8vw 5.333vw 0;
  }
  .anshinr .merit-sec .inner .merit-box .merit ul li {
    font-weight: 700;
    margin-left: 1em;
    list-style-type: disc;
    margin-bottom: 1em;
  }
  .anshinr .merit-sec .inner .notes {
    color: #00B5FF;
  }
  .anshinr .merit-sec .inner .booklet-dl {
    color: #FFFFFF;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    padding: 0 2.667vw 0px;
    margin-top: 10.667vw;
  }
  .anshinr .merit-sec .inner .booklet-dl .booklet-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .anshinr .merit-sec .inner .booklet-dl .booklet-box .photo {
    width: 32vw;
    margin-right: 2.667vw;
  }
  .anshinr .merit-sec .inner .booklet-dl .booklet-box .photo figure {
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    padding: 1.333vw;
    position: relative;
    top: -2.667vw;
  }
  .anshinr .merit-sec .inner .booklet-dl .booklet-box .text {
    width: calc(100% - 34.667vw);
    margin-top: 6.667vw;
    font-size: 1.2rem;
  }
  .anshinr .merit-sec .inner .booklet-dl .booklet-box .text .btn {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #FFFFFF;
    font-size: 1.2rem;
    text-align: center;
    background: url(../img/common/icon_pdf-wh.svg) 2.667vw 50% no-repeat;
    background-size: 5.333vw;
    display: block;
    border: 0.267vw solid #FFFFFF;
    border-radius: 2.667vw;
    padding: 1.867vw 1.333vw;
    position: relative;
    margin-top: 5.333vw;
  }
  .anshinr .merit-sec .inner .booklet-dl .booklet-box .text .btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .anshinr .application-sec {
    line-height: 1.6;
    margin-bottom: 16vw;
  }
  .anshinr .application-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .anshinr .application-sec .inner .midashi {
    margin-bottom: 8vw;
    margin-left: -1.733vw;
    width: calc(100% + 3.467vw);
    margin-bottom: 10.667vw;
  }
  .anshinr .application-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 1.333vw;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(20%, #61d4c2), color-stop(80%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 20%, #0cb0fa 80%, #0cb0fa 100%);
  }
  .anshinr .application-sec .inner .midashi span {
    display: block;
    width: 80%;
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 2.667vw 2.667vw;
    padding: 1.3335vw 0 2.667vw;
  }
  .anshinr .application-sec .inner .intro {
    color: #00B5FF;
    font-weight: 700;
    margin-bottom: 8vw;
  }
  .anshinr .application-sec .inner .application-dl {
    border: 2px solid #00B5FF;
    border-radius: 2.667vw;
    padding: 5.333vw;
    font-size: 1.38rem;
    text-align: center;
    margin-bottom: 8vw;
  }
  .anshinr .application-sec .inner .application-dl .btn {
    display: block;
    width: 100%;
    margin: 5.333vw auto 0;
    padding: 3.2vw 0 3.2vw 10.667vw;
    color: #ED1C24;
    font-size: 1.4rem;
    text-align: left;
    border: 0.267vw solid #ED1C24;
    border-radius: 2.667vw;
    background: url(../img/common/icon_pdf.svg) 2.667vw 50% no-repeat;
    background-size: 5.867vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
  }
  .anshinr .application-sec .inner .application-dl .btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #ED1C24;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .anshinr .application-sec .inner .contact-info table {
    margin-top: 8vw;
  }
  .anshinr .application-sec .inner .contact-info table thead .col1 {
    width: 35%;
  }
  .anshinr .application-sec .inner .contact-info table thead .col2 {
    width: 35%;
  }
  .anshinr .application-sec .inner .contact-info table thead .col3 {
    width: 40%;
  }
  .anshinr .application-sec .inner .contact-info table tbody a:hover {
    text-decoration: underline;
  }
  .anshinr .application-sec .inner .contact-info table td {
    padding-left: 1vw;
    padding-right: 1vw;
  }
  .anshinr .flow-sec {
    line-height: 1.6;
    margin-bottom: 16vw;
  }
  .anshinr .flow-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .anshinr .flow-sec .inner .midashi {
    margin-bottom: 8vw;
    margin-left: -1.733vw;
    width: calc(100% + 3.467vw);
    letter-spacing: 0.8vw;
    margin-bottom: 10.667vw;
  }
  .anshinr .flow-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 1.333vw;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(20%, #61d4c2), color-stop(80%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 20%, #0cb0fa 80%, #0cb0fa 100%);
  }
  .anshinr .flow-sec .inner .midashi span {
    display: block;
    width: 80%;
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 2.667vw 2.667vw;
    padding: 1.3335vw 0 2.667vw;
  }
  .anshinr .flow-sec .inner .read {
    margin-bottom: 8vw;
  }
  .anshinr .flow-sec .inner .flow-box {
    position: relative;
  }
  .anshinr .flow-sec .inner .flow-box::before {
    content: "";
    width: 0.267vw;
    height: calc(100% - 60vw);
    border-right: 0.8vw dashed #00B5FF;
    position: absolute;
    top: 43vw;
    left: 8.8vw;
  }
  .anshinr .flow-sec .inner .flow-box dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 8vw;
    position: relative;
  }
  .anshinr .flow-sec .inner .flow-box dl::after {
    content: "";
    position: absolute;
    bottom: -10.667vw;
    left: calc(50% + 3vw);
    width: 12.8vw;
    height: 4.8vw;
    background: url(../img/common/arrow-grad.svg) 0 0 no-repeat;
    background-size: 100%;
  }
  .anshinr .flow-sec .inner .flow-box dl.first::after {
    bottom: -6.5vw;
  }
  .anshinr .flow-sec .inner .flow-box dl:nth-child(2)::after {
    bottom: -6.2vw;
  }
  .anshinr .flow-sec .inner .flow-box dl:nth-child(3)::after {
    bottom: -6.3vw;
  }
  .anshinr .flow-sec .inner .flow-box dl.last::after {
    content: none;
  }
  .anshinr .flow-sec .inner .flow-box dl dt {
    width: 18.667vw;
    margin-right: 4.266vw;
  }
  .anshinr .flow-sec .inner .flow-box dl dt .circle {
    width: 18.667vw;
    height: 18.667vw;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    border-radius: 50%;
    position: relative;
    display: table;
  }
  .anshinr .flow-sec .inner .flow-box dl dt .circle::after {
    content: "";
    display: block;
    width: 17.067vw;
    height: 17.067vw;
    border-radius: 50%;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
  }
  .anshinr .flow-sec .inner .flow-box dl dt .circle span {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    position: relative;
    z-index: 1;
    font-weight: 700;
    color: #00B5FF;
  }
  .anshinr .flow-sec .inner .flow-box dl dd {
    width: calc(100% - 22.933vw);
    position: relative;
  }
  .anshinr .flow-sec .inner .flow-box dl dd .arrow_box {
    border-radius: 2.667vw;
    padding: 4vw 2.667vw;
    position: relative;
    background: #FFFFFF;
    border: 3px solid #00B5FF;
  }
  .anshinr .flow-sec .inner .flow-box dl dd .arrow_box::after, .anshinr .flow-sec .inner .flow-box dl dd .arrow_box::before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .anshinr .flow-sec .inner .flow-box dl dd .arrow_box::after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #FFFFFF;
    border-width: 4px 10px 4px 0;
  }
  .anshinr .flow-sec .inner .flow-box dl dd .arrow_box::before {
    border-style: solid;
    border-color: rgba(0, 181, 255, 0);
    border-right-color: #00B5FF;
    border-width: 7px 15px 7px 0;
  }
  .anshinr .flow-sec .inner .flow-box dl dd .arrow_box .komidashi {
    color: #00B5FF;
    font-weight: 700;
  }
  .anshinr .flow-sec .inner .flow-box dl dd .arrow_box ul li {
    list-style-type: disc;
    margin-left: 2em;
  }
  .anshinr .format-sec {
    line-height: 1.6;
    margin-bottom: 16vw;
  }
  .anshinr .format-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .anshinr .format-sec .inner .midashi {
    margin-bottom: 8vw;
    margin-left: -1.733vw;
    width: calc(100% + 3.467vw);
  }
  .anshinr .format-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 1.333vw;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(20%, #61d4c2), color-stop(80%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 20%, #0cb0fa 80%, #0cb0fa 100%);
  }
  .anshinr .format-sec .inner .midashi span {
    display: block;
    width: 80%;
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 2.667vw 2.667vw;
    padding: 1.3335vw 0 2.667vw;
  }
  .anshinr .format-sec .inner .format-box {
    margin-bottom: 8vw;
  }
  .anshinr .format-sec .inner .format-box .komidashi {
    color: #00B5FF;
    font-size: 2rem;
    letter-spacing: 0.8vw;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10.667vw;
  }
  .anshinr .format-sec .inner .format-box .komidashi::after {
    content: "";
    display: block;
    width: 26.667vw;
    height: 0.267vw;
    background: #00B5FF;
    margin: 10px auto 0;
  }
  .anshinr .format-sec .inner .format-box table td {
    padding: 1vw;
  }
  .anshinr .format-sec .inner .format-box table .center-pos {
    text-align: center;
  }
  .anshinr .format-sec .inner .format-box table .col1 {
    width: 72%;
  }
  .anshinr .format-sec .inner .format-box table .col2 {
    width: 28%;
  }
  .anshinr .format-sec .inner .format-box table .example {
    display: inline-block;
    background: url(../img/common/icon_pdf.svg) 0 50% no-repeat;
    background-size: 4.8vw;
    padding-left: 8vw;
    margin-right: 1em;
    line-height: 2;
    text-decoration: underline;
  }
  .anshinr .format-sec .inner .format-box table .example:hover {
    text-decoration: none;
  }
  .anshinr .format-sec .inner .format-box table .icon-xls {
    display: inline-block;
    width: 7.2vw;
    margin: 0 1.333vw;
  }
  .anshinr .format-sec .inner .format-box table .icon-pdf {
    display: inline-block;
    width: 5.6vw;
    margin: 0 1.333vw;
  }
  .anshinr .movie-sec {
    line-height: 1.6;
  }
  .anshinr .movie-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .anshinr .movie-sec .inner .midashi {
    margin-bottom: 8vw;
    margin-left: -1.733vw;
    width: calc(100% + 3.467vw);
  }
  .anshinr .movie-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 1.333vw;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(20%, #61d4c2), color-stop(80%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 20%, #0cb0fa 80%, #0cb0fa 100%);
  }
  .anshinr .movie-sec .inner .midashi span {
    display: block;
    width: 80%;
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 2.667vw 2.667vw;
    padding: 1.3335vw 0 2.667vw;
  }
  .anshinr .movie-sec .inner .movie-box li {
    width: 100%;
    margin-top: 5.333vw;
  }
  .anshinr .movie-sec .inner .movie-box li .movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    border: 1.067vw solid #00B5FF;
    background: #00B5FF;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .anshinr .movie-sec .inner .movie-box li .movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .anshinr .movie-sec .inner .movie-box li .caption {
    color: #00B5FF;
    margin-top: 2.667vw;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
  }
}

/*-------------------------------------------------
 * 書式ダウンロード
-------------------------------------------------*/
.download .contract-btn a {
  background: #FF555E;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  width: 840px;
  -webkit-transition: 0.2s ease opacity;
  transition: 0.2s ease opacity;
}

.download .contract-btn a .ttl {
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.download .contract-btn a .white-area {
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 15px;
  width: 70%;
}

.download .contract-btn a .white-area .txt {
  text-align: center;
  width: 100%;
}

.download .contract-btn a .white-area .txt .txt-l {
  font-size: 111.11%;
}

.download .contract-btn a .white-area .txt .txt-l strong {
  color: #FF555E;
  font-size: 110%;
}

.download .contract-btn a .white-area i {
  color: #FF555E;
}

.download .contract-btn a:hover {
  opacity: 0.7;
}

@media print, screen and (min-width: 769px) {
  .download .contract-btn a .ttl {
    font-size: 133.333%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 30%;
  }
  .download .contract-btn a .ttl i {
    font-size: 160%;
  }
  .download .contract-btn a .white-area {
    font-size: 120%;
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .download .contract-btn a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 5px;
    width: 100%;
  }
  .download .contract-btn a .ttl {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding-bottom: 5px;
  }
  .download .contract-btn a .white-area {
    padding: 5px;
    width: 100%;
  }
}

.download .outline-sec ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.download .outline-sec ul li {
  margin-bottom: 10px;
}

.download .outline-sec ul li a {
  border: 2px solid;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  padding: 15px;
  width: 100%;
  -webkit-transition: 0.2s ease opacity;
  transition: 0.2s ease opacity;
}

.download .outline-sec ul li a:hover {
  opacity: 0.7;
}

.download .outline-sec ul li a i {
  margin-left: 10px;
}

.download .outline-sec ul li a.guide-book {
  border-color: #00B5FF;
  color: #00B5FF;
}

.download .outline-sec ul li a.faq {
  border-color: #FF555E;
  color: #FF555E;
}

@media print, screen and (min-width: 769px) {
  .download .outline-sec ul li {
    width: calc( 50% - 5px);
  }
  .download .outline-sec ul li:nth-child(2n-1) {
    margin-right: 10px;
  }
  .download .outline-sec ul li a {
    font-size: 120%;
  }
}

@media only screen and (max-width: 768px) {
  .download .outline-sec ul li {
    width: 100%;
  }
}

.download .floating-banner {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 300px;
  z-index: 10;
}

.download .floating-banner a img {
  width: 100%;
}

.download .floating-banner a:hover {
  opacity: 0.7;
}

.download .floating-banner .close-btn {
  cursor: pointer;
  position: absolute;
  display: block;
  top: -12px;
  right: -14px;
  width: 48px;
  z-index: 1100;
}

@media screen and (min-width: 1500px) {
  .download .floating-banner.bottom {
    bottom: 20px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1499px) {
  .download .floating-banner.bottom {
    bottom: 50px;
  }
}

@media screen and (max-width: 768px) {
  .download .floating-banner {
    width: 30%;
  }
  .download .floating-banner.bottom {
    position: relative;
    margin: 60px -10px -40px auto;
    bottom: 40px;
  }
  .download .floating-banner .close-btn {
    width: 30px;
  }
}

.download .faq-sec .inner {
  width: 980px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .download .faq-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
}

.download .faq-sec .inner .faq-area .faq-box {
  border: 2px solid;
  margin-bottom: 20px;
}

.download .faq-sec .inner .faq-area .faq-box .ttl {
  color: #FFF;
  font-weight: bold;
  padding: 10px;
  text-align: center;
}

.download .faq-sec .inner .faq-area .faq-box .ttl img {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  width: 27px;
}

.download .faq-sec .inner .faq-area .faq-box .questions {
  padding: 20px 20px 10px;
}

.download .faq-sec .inner .faq-area .faq-box .questions .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin-bottom: 10px;
}

.download .faq-sec .inner .faq-area .faq-box .questions .item .icon {
  border-radius: 2px;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
  width: 2em;
  height: 2em;
  font-weight: bold;
  line-height: 1.0;
}

.download .faq-sec .inner .faq-area .faq-box .questions .item a {
  line-height: 1.3;
  margin-top: 0.3em;
  text-decoration: underline;
}

.download .faq-sec .inner .faq-area .faq-box .questions .item a:hover {
  text-decoration: none;
}

.download .faq-sec .inner .faq-area .faq-box.word {
  border-color: #2B579A;
}

.download .faq-sec .inner .faq-area .faq-box.word .ttl {
  background: #2B579A;
}

.download .faq-sec .inner .faq-area .faq-box.word .questions .item .icon {
  background: #2B579A;
}

.download .faq-sec .inner .faq-area .faq-box.excel {
  border-color: #217346;
}

.download .faq-sec .inner .faq-area .faq-box.excel .ttl {
  background: #217346;
}

.download .faq-sec .inner .faq-area .faq-box.excel .questions .item .icon {
  background: #217346;
}

@media print, screen and (min-width: 769px) {
  .download .faq-sec .inner .faq-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 120%;
  }
  .download .faq-sec .inner .faq-area .faq-box {
    width: calc(50% - 10px);
  }
  .download .faq-sec .inner .faq-area .faq-box:nth-of-type(2n-1) {
    margin-right: 20px;
  }
}

@media print, screen and (min-width: 769px) {
  .download table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    line-height: 1.6;
  }
  .download table thead {
    background-image: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background-image: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .download table th:first-child {
    border-radius: 15px 0 0 0;
    border-left: 1px solid #61d4c2;
  }
  .download table th:last-child {
    border-radius: 0 15px 0 0;
    border-right: 1px solid #0cb0fa;
  }
  .download table th {
    text-align: center;
    color: white;
    background: transparent;
    border-left: 2px solid #FFFFFF;
    border-top: none;
    border-bottom: 2px solid #00B5FF;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .download table td {
    text-align: center;
    border-left: 2px solid #00B5FF;
    border-bottom: 2px solid #00B5FF;
    border-top: none;
    padding: 5px 10px;
    text-align: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .download table td:last-child {
    border-right: 2px solid #00B5FF;
  }
  .download table td:first-child {
    border-right: none;
  }
  .download table .end-l {
    border-radius: 0 0 0 15px;
  }
  .download table .end-r {
    border-radius: 0 0 15px 0;
  }
  .download table .remarks {
    border-left: none;
    font-size: 1.1rem;
    vertical-align: top;
  }
  .download table .add-border {
    border-right: 2px solid #00B5FF;
  }
  .download table .col1 {
    width: 60%;
  }
  .download table .col1-half {
    width: 30%;
  }
  .download table .col2 {
    width: 18%;
  }
  .download table .col3 {
    width: 22%;
  }
  .download table .bg-gray {
    background: #F0F0F0;
  }
  .download table .pdf-icon {
    display: inline-block;
    width: 18px;
    margin-right: 5px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .download table .pdf-icon:hover {
    opacity: 0.75;
  }
  .download table .xls-icon {
    display: inline-block;
    width: 22px;
    margin-right: 5px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .download table .xls-icon:hover {
    opacity: 0.75;
  }
  .download table .word-icon {
    display: inline-block;
    width: 22px;
    margin-right: 5px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .download table .word-icon:hover {
    opacity: 0.75;
  }
  .download .trigger {
    background-image: url(../img/common/icon_plus.svg);
    background-position: 25% 50%;
    background-repeat: no-repeat;
    background-size: 18px;
    background-color: #CCCCCC;
    border: 2px solid #00B5FF;
    border-top: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 13px 0;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    -webkit-transition: border-radius .3s;
    transition: border-radius .3s;
    -webkit-transition-delay: 250ms;
            transition-delay: 250ms;
  }
  .download .trigger.end {
    border-radius: 0 0 10px 10px;
  }
  .download .trigger.active {
    background-image: url(../img/common/icon_minus.svg);
  }
  .download .trigger.active.end {
    border-radius: 0;
  }
  .download .trigger span {
    display: inline-block;
    text-align: left;
    position: relative;
    left: 100px;
  }
  .download .table-close {
    display: none;
  }
  .download .blue {
    color: #00B5FF;
  }
  .download .bold {
    font-weight: 700;
  }
  .download .pageheader-sec .inner {
    background-image: url(../img/download/img_pagehead-01_pc.jpg);
  }
  .download .outline-sec {
    line-height: 1.6;
    margin-bottom: 60px;
  }
  .download .outline-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .download .outline-sec .inner .intro {
    font-size: 2rem;
    font-weight: 700;
    color: #00B5FF;
    margin-bottom: 30px;
  }
  .download .outline-sec .inner .notes {
    font-size: 1.2rem;
    margin-bottom: 40px;
  }
  .download .outline-sec .inner .manual-btn {
    display: block;
    background: url(../img/common/icon_pdf.svg) 10px 50% no-repeat;
    color: #FF555E;
    border: 1px solid #FF555E;
    border-radius: 10px;
    text-align: center;
    width: 450px;
    padding: 10px 0;
    margin: 0 auto 60px;
    text-align: center;
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .download .outline-sec .inner .manual-btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FF555E;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .download .outline-sec .inner .manual-btn:hover {
    opacity: 0.75;
  }
  .download .outline-sec .inner .info-box {
    border: 2px solid #00B5FF;
    border-radius: 10px;
    padding: 20px 20px 30px;
  }
  .download .outline-sec .inner .info-box .komidashi {
    font-weight: 700;
    color: #00B5FF;
  }
  .download .outline-sec .inner .info-box .read {
    margin-bottom: 1em;
  }
  .download .outline-sec .inner .info-box .guidebook-btn {
    display: block;
    background: url(../img/common/icon_dl.svg) 10px 50% no-repeat;
    background-size: 21px 23px;
    color: #00B5FF;
    border: 2px solid #00B5FF;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: 700;
    text-align: center;
    width: 680px;
    padding: 8px 0 8px 50px;
    margin: 40px auto 0;
    text-align: center;
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .download .outline-sec .inner .info-box .guidebook-btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #00B5FF;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .download .outline-sec .inner .info-box .guidebook-btn:hover {
    opacity: 0.75;
  }
  .download .outline-sec .inner .info-box .guidebook-btn .badge {
    font-size: 1.1rem;
    background: #00B5FF;
    padding: 5px 20px;
    margin-left: 2em;
    border-radius: 30px;
    color: #FFFFFF;
  }
  .download .outline-sec .inner .info-box .guidebook-btn img {
    width: 90px;
    margin-right: 15px;
  }
  .download .download-sec {
    line-height: 1.6;
  }
  .download .download-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .download .download-sec .inner .midashi {
    margin-bottom: 65px;
    letter-spacing: 3px;
    cursor: pointer;
    position: relative;
  }
  .download .download-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(30%, #61d4c2), color-stop(70%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 30%, #0cb0fa 70%, #0cb0fa 100%);
  }
  .download .download-sec .inner .midashi span {
    display: block;
    width: 650px;
    margin: 0 auto;
    font-size: 2rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 15px 15px;
    padding: 10px 0 14px;
  }
  .download .download-sec .inner .midashi::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 20%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url(../img/common/icon_plus-wh.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .download .download-sec .inner .midashi i {
    font-size: 1.6rem;
    display: block;
  }
  .download .download-sec .inner .midashi.open::after {
    background-image: url(../img/common/icon_minus-wh.svg);
  }
  .download .download-sec .inner .whole {
    display: none;
  }
  .download .download-sec .inner .komidashi {
    font-size: 2rem;
    letter-spacing: 3px;
    color: #00B5FF;
    font-weight: 700;
    margin-bottom: 10px;
    padding-top: 30px;
  }
  .download .download-sec .inner .komidashi.no-padding {
    padding-top: 0;
  }
  .download .download-sec .inner .close-btn {
    display: block;
    width: 200px;
    padding: 20px 0;
    border-radius: 10px;
    margin: 30px auto 80px;
    color: #FFFFFF;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .download .download-sec .inner .close-btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-bottom: 4px solid #FFFFFF;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .download .download-sec .inner .close-btn:hover {
    opacity: 0.75;
  }
  .download .download-sec .inner .outline-box {
    margin-bottom: 40px;
  }
  .download .download-sec .inner .outline-box .title {
    font-size: 2rem;
    color: #00B5FF;
    text-align: center;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 30px;
  }
  .download .download-sec .inner .outline-box .title::after {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    background: #00B5FF;
    margin: 15px auto 0;
  }
  .download .download-sec .inner .outline-box .read {
    margin-bottom: 30px;
  }
  .download .download-sec .inner .outline-box .info-block {
    border: 2px solid #00B5FF;
    border-radius: 10px;
    padding: 20px;
  }
  .download .download-sec .inner .outline-box .external-link {
    color: #00B5FF;
    display: block;
    width: 706px;
    text-align: center;
    border: 1px solid #00B5FF;
    border-radius: 10px;
    padding: 7px 0;
    margin: 0 auto;
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .download .download-sec .inner .outline-box .external-link::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #00B5FF;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .download .download-sec .inner .outline-box .external-link:hover {
    opacity: 0.75;
  }
  .download .howto-sec {
    line-height: 1.6;
    padding-top: 120px;
  }
  .download .howto-sec .inner {
    width: 980px;
    margin: 0 auto;
    border: 2px solid #00B5FF;
    padding: 35px 20px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .download .howto-sec .inner .file-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 30px;
  }
  .download .howto-sec .inner .file-list li {
    width: 33.3333%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .download .howto-sec .inner .file-list li:nth-child(2) {
    border: 2px solid #00B5FF;
    border-top: none;
    border-bottom: none;
  }
  .download .howto-sec .inner .file-list li dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .download .howto-sec .inner .file-list li dl dt {
    width: 49px;
  }
  .download .howto-sec .inner .file-list li dl dd {
    width: calc(100% - 70px);
  }
}

@media only screen and (max-width: 768px) {
  .download table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    line-height: 1.6;
  }
  .download table thead {
    background-image: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background-image: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .download table th:first-child {
    border-radius: 4vw 0 0 0;
    border-left: 0.267vw solid #61d4c2;
  }
  .download table th:last-child {
    border-radius: 0 4vw 0 0;
    border-right: 0.267vw solid #0cb0fa;
  }
  .download table th {
    text-align: center;
    color: white;
    background: transparent;
    border-left: 0.533vw solid #FFFFFF;
    border-top: none;
    border-bottom: 0.533vw solid #00B5FF;
    padding: 0.533vw 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1.1rem;
  }
  .download table td {
    text-align: center;
    border-left: 0.533vw solid #00B5FF;
    border-bottom: 0.533vw solid #00B5FF;
    border-top: none;
    padding: 0.533vw 1.333vw;
    text-align: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .download table td:last-child {
    border-right: 0.533vw solid #00B5FF;
  }
  .download table td:first-child {
    border-right: none;
  }
  .download table .end-l {
    border-radius: 0 0 0 4vw;
  }
  .download table .end-r {
    border-radius: 0 0 4vw 0;
  }
  .download table .remarks {
    border-left: none;
    font-size: 1.1rem;
    vertical-align: top;
  }
  .download table .add-border {
    border-right: 0.533vw solid #00B5FF;
  }
  .download table .col1 {
    width: 45%;
  }
  .download table .col1-half {
    width: 22.5%;
  }
  .download table .col2 {
    width: 25%;
  }
  .download table .col3 {
    width: 30%;
  }
  .download table .bg-gray {
    background: #F0F0F0;
  }
  .download table .pdf-icon {
    display: inline-block;
    width: 4.267vw;
    margin-right: 0.8vw;
  }
  .download table .xls-icon {
    display: inline-block;
    width: 5.067vw;
    margin-right: 0.8vw;
  }
  .download table .word-icon {
    display: inline-block;
    width: 5.067vw;
    margin-right: 0.8vw;
  }
  .download .trigger {
    width: 100%;
    background-image: url(../img/common/icon_plus.svg);
    background-position: 5% 50%;
    background-repeat: no-repeat;
    background-size: 3.2vw;
    background-color: #CCCCCC;
    border: 0.533vw solid #00B5FF;
    border-top: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 2.133vw 0;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    -webkit-transition: border-radius .3s;
    transition: border-radius .3s;
    -webkit-transition-delay: 250ms;
            transition-delay: 250ms;
  }
  .download .trigger.end {
    border-radius: 0 0 2.667vw 2.667vw;
  }
  .download .trigger.active {
    background-image: url(../img/common/icon_minus.svg);
  }
  .download .trigger.active.end {
    border-radius: 0;
  }
  .download .trigger span {
    width: calc(100% - 16vw);
    display: inline-block;
    text-align: left;
    position: relative;
    left: 5.333vw;
  }
  .download .table-close {
    display: none;
  }
  .download .blue {
    color: #00B5FF;
  }
  .download .bold {
    font-weight: 700;
  }
  .download .pageheader-sec {
    margin-bottom: 8vw;
  }
  .download .pageheader-sec .inner {
    background-image: url(../img/anshinr/img_pagehead-01_sp.jpg);
  }
  .download .outline-sec {
    line-height: 1.6;
    margin-bottom: 16vw;
  }
  .download .outline-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .download .outline-sec .inner .intro {
    font-weight: 700;
    color: #00B5FF;
    margin-bottom: 8vw;
  }
  .download .outline-sec .inner .notes {
    font-size: 1.2rem;
    margin-bottom: 5.333vw;
  }
  .download .outline-sec .inner .manual-btn {
    display: block;
    background: url(../img/common/icon_pdf.svg) 10px 50% no-repeat;
    color: #FF555E;
    border: 1px solid #FF555E;
    border-radius: 2.667vw;
    text-align: center;
    width: 100%;
    padding: 2.667vw 0;
    margin: 0 auto 8vw;
    text-align: center;
    position: relative;
  }
  .download .outline-sec .inner .manual-btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FF555E;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .download .outline-sec .inner .info-box {
    border: 0.533vw solid #00B5FF;
    border-radius: 2.667vw;
    padding: 5.333vw 5.333vw 8vw;
  }
  .download .outline-sec .inner .info-box .komidashi {
    font-weight: 700;
    color: #00B5FF;
  }
  .download .outline-sec .inner .info-box .read {
    margin-bottom: 1em;
  }
  .download .outline-sec .inner .info-box .guidebook-btn {
    display: block;
    background: url(../img/common/icon_dl.svg) 10px 50% no-repeat;
    background-size: 5.6vw;
    color: #00B5FF;
    border: 0.533vw solid #00B5FF;
    border-radius: 2.667vw;
    font-weight: 700;
    text-align: center;
    width: 100%;
    padding: 2.667vw 8vw;
    margin: 5.333vw auto 0;
    text-align: center;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .download .outline-sec .inner .info-box .guidebook-btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #00B5FF;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .download .outline-sec .inner .info-box .guidebook-btn .badge {
    font-size: 1.1rem;
    background: #00B5FF;
    padding: 1.333vw 5.333vw;
    border-radius: 8vw;
    color: #FFFFFF;
  }
  .download .outline-sec .inner .info-box .guidebook-btn img {
    display: block;
    margin: 0 auto 10px;
    width: 80px;
  }
  .download .download-sec {
    line-height: 1.6;
  }
  .download .download-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .download .download-sec .inner .midashi {
    margin-bottom: 8vw;
    margin-left: -1.733vw;
    width: calc(100% + 3.467vw);
    cursor: pointer;
    position: relative;
  }
  .download .download-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 1.333vw;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(20%, #61d4c2), color-stop(80%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 20%, #0cb0fa 80%, #0cb0fa 100%);
  }
  .download .download-sec .inner .midashi span {
    display: block;
    width: 80%;
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 2.667vw 2.667vw;
    padding: 1.3335vw 0 2.667vw;
  }
  .download .download-sec .inner .midashi::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 13%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 3.2vw;
    height: 3.2vw;
    background-image: url(../img/common/icon_plus-wh.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .download .download-sec .inner .midashi i {
    font-size: 1.6rem;
    display: block;
  }
  .download .download-sec .inner .midashi.open::after {
    background-image: url(../img/common/icon_minus-wh.svg);
  }
  .download .download-sec .inner .whole {
    display: none;
  }
  .download .download-sec .inner .komidashi {
    font-size: 2rem;
    letter-spacing: 0.8vw;
    color: #00B5FF;
    font-weight: 700;
    margin-bottom: 2.667vw;
    padding-top: 8vw;
  }
  .download .download-sec .inner .komidashi.no-padding {
    padding-top: 0;
  }
  .download .download-sec .inner .close-btn {
    display: block;
    width: 53.333vw;
    padding: 3.2vw 0;
    border-radius: 2.667vw;
    margin: 8vw auto 21.333vw;
    color: #FFFFFF;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .download .download-sec .inner .close-btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-bottom: 4px solid #FFFFFF;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .download .download-sec .inner .close-btn:hover {
    opacity: 0.75;
  }
  .download .download-sec .inner .outline-box {
    margin-bottom: 10.667vw;
  }
  .download .download-sec .inner .outline-box .title {
    font-size: 2rem;
    color: #00B5FF;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.533vw;
    margin-bottom: 8vw;
  }
  .download .download-sec .inner .outline-box .title::after {
    content: "";
    display: block;
    width: 26.667vw;
    height: 0.267vw;
    background: #00B5FF;
    margin: 4vw auto 0;
  }
  .download .download-sec .inner .outline-box .read {
    margin-bottom: 8vw;
  }
  .download .download-sec .inner .outline-box .info-block {
    border: 0.533vw solid #00B5FF;
    border-radius: 2.667vw;
    padding: 5.333vw;
  }
  .download .download-sec .inner .outline-box .external-link {
    color: #00B5FF;
    display: block;
    width: 100%;
    text-align: center;
    border: 0.267vw solid #00B5FF;
    border-radius: 2.667vw;
    padding: 1.867vw 0;
    margin: 0 auto;
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .download .download-sec .inner .outline-box .external-link::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #00B5FF;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .download .download-sec .inner .outline-box .external-link:hover {
    opacity: 0.75;
  }
  .download .howto-sec {
    line-height: 1.6;
    padding-top: 0px;
  }
  .download .howto-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
    border: 0.533vw solid #00B5FF;
    padding: 4vw 2.667vw;
    border-radius: 2.667vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .download .howto-sec .inner .file-list {
    margin-top: 8vw;
  }
  .download .howto-sec .inner .file-list li {
    width: 100%;
    padding: 0 5.333vw;
    margin-bottom: 5.333vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .download .howto-sec .inner .file-list li:nth-child(2) {
    border: 0.533vw solid #00B5FF;
    border-left: none;
    border-right: none;
    padding: 5.333vw;
  }
  .download .howto-sec .inner .file-list li dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .download .howto-sec .inner .file-list li dl dt {
    width: 8vw;
  }
  .download .howto-sec .inner .file-list li dl dd {
    width: calc(100% - 10.667vw);
  }
}

/*-------------------------------------------------
 * ハトマーク支援機構 提携サービス一覧
-------------------------------------------------*/
@media print, screen and (min-width: 769px) {
  .sienkikou-ichiran .pageheader-sec .inner {
    background-image: url(../img/sienkikou/img_pagehead-01_pc.jpg);
  }
  .sienkikou-ichiran .service-list-sec {
    line-height: 1.6;
  }
  .sienkikou-ichiran .service-list-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .sienkikou-ichiran .service-list-sec .inner .intro {
    font-size: 2rem;
    color: #00B5FF;
    font-weight: 700;
    margin-bottom: 30px;
  }
  .sienkikou-ichiran .service-list-sec .inner .tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sienkikou-ichiran .service-list-sec .inner .tab li {
    width: 49%;
    text-align: center;
    font-weight: 700;
    padding: 15px 0;
    color: #FFFFFF;
    font-size: 2rem;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sienkikou-ichiran .service-list-sec .inner .tab li.active {
    background: #FFFFFF;
    color: #00B5FF;
    border: 2px solid #00B5FF;
    border-bottom: none;
    padding: 15px 0px;
    position: relative;
    top: 0px;
    z-index: 2;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents {
    position: relative;
    top: -2px;
    border: 2px solid #00B5FF;
    padding: 22px 7px 20px;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .content {
    display: none;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .content.open {
    display: block;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .service-list .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .service-list .col {
    width: 308px;
    padding: 0px 13px;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .service-list .col > li {
    width: 100%;
    margin-bottom: 20px;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .service-list .col > li > a {
    display: block;
    width: 100%;
    color: #FFFFFF;
    font-weight: 700;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    padding: 15px 0;
    text-align: center;
    font-size: 1.8rem;
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .service-list .col > li > a:hover {
    opacity: 0.75;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .service-list .col > li > a[href^="#"]::after {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(../img/common/icon_plus-wh.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .service-list .col > li > a.active::after {
    background-image: url(../img/common/icon_minus-wh.svg);
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .service-list .col > li ol {
    border: 2px solid #00B5FF;
    border-top: none;
    padding: 10px;
    display: none;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .service-list .col > li ol > li {
    list-style-type: disc;
    margin-left: 1em;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .service-list .col > li ol > li a {
    color: #00B5FF;
    font-weight: 700;
    font-size: 1.3rem;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .service-list .col > li ol > li a:hover {
    opacity: 0.75;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .company-list {
    padding: 0 20px;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .company-list .order > li {
    border-bottom: 2px solid #00B5FF;
    padding: 10px 0 10px 60px;
    position: relative;
    margin-bottom: 10px;
    min-height: 32px;
    -webkit-box-sizing: unset;
            box-sizing: unset;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .company-list .order > li.last {
    border-bottom: none;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .company-list .order > li p {
    position: absolute;
    top: 7px;
    left: 0;
    padding: 8px 10px;
    font-weight: 700;
    line-height: 1;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    -webkit-box-sizing: unset;
            box-sizing: unset;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .company-list .order > li ol {
    line-height: 2;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .company-list .order > li ol > li {
    display: inline-block;
    margin-right: 1.5em;
    list-style-type: disc;
    color: #00B5FF;
    font-weight: 700;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .company-list .order > li ol > li a {
    text-decoration: underline;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .company-list .order > li ol > li a:hover {
    text-decoration: none;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .company-list .order > li ol > li::before {
    content: "・";
  }
  .sienkikou-ichiran .service-list-sec.ichiran013 .inner .logo {
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    border-radius: 5px 5px 0 0;
    color: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.25em;
    margin-bottom: 30px;
    padding: 4px 60px 4px 10px;
    text-align: center;
  }
  .sienkikou-ichiran .service-list-sec.ichiran013 .inner .logo img {
    margin-right: 15px;
    width: auto;
  }
  .sienkikou-ichiran .service-list-sec.ichiran013 .inner .logo br {
    display: none;
  }
  .sienkikou-ichiran .service-list-sec.ichiran013 .inner .intro {
    margin-bottom: 15px;
  }
  .sienkikou-ichiran .service-list-sec.ichiran013 .inner .read {
    margin-bottom: 30px;
  }
  .sienkikou-ichiran .webseminar-sec {
    line-height: 1.6;
  }
  .sienkikou-ichiran .webseminar-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .sienkikou-ichiran .webseminar-sec .midashi {
    margin-bottom: 65px;
    letter-spacing: 3px;
    margin-bottom: 30px;
  }
  .sienkikou-ichiran .webseminar-sec .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(30%, #61d4c2), color-stop(70%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 30%, #0cb0fa 70%, #0cb0fa 100%);
  }
  .sienkikou-ichiran .webseminar-sec .midashi span {
    display: block;
    width: 640px;
    margin: 0 auto;
    font-size: 2rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 15px 15px;
    padding: 10px 0 14px;
  }
  .sienkikou-ichiran .webseminar-sec .read {
    margin-bottom: 50px;
  }
  .sienkikou-ichiran .webseminar-sec .intro {
    font-size: 2rem;
    color: #00B5FF;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .sienkikou-ichiran .webseminar-sec .video-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 30px;
  }
  .sienkikou-ichiran .webseminar-sec .video-list .list {
    width: 300px;
    margin-right: 40px;
    margin-bottom: 30px;
  }
  .sienkikou-ichiran .webseminar-sec .video-list .list:nth-of-type(3n) {
    margin-right: 0;
  }
  .sienkikou-ichiran .webseminar-sec .video-list .list .desc {
    margin-top: 5px;
  }
  .sienkikou-ichiran .webseminar-sec .video-list .list .desc .date, .sienkikou-ichiran .webseminar-sec .video-list .list .desc .instructor {
    font-size: 86.666%;
  }
  .sienkikou-ichiran .webseminar-sec .video-list .list .desc .title {
    font-weight: bold;
    line-height: 1.4;
    margin: 5px 0;
  }
  .sienkikou-ichiran .webseminar-sec .video-list .list .desc a {
    text-decoration: underline;
  }
  .sienkikou-ichiran .webseminar-sec .video-list .list .desc a:hover {
    text-decoration: none;
  }
  .sienkikou-ichiran .webseminar-sec .video-list .list .btn {
    display: block;
    width: 100%;
    margin: 8px auto 0;
    padding: 7px 10px 7px;
    font-size: 1.5rem;
    font-weight: bold;
    color: #00B5FF;
    text-align: center;
    border: 2px solid #00B5FF;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .sienkikou-ichiran .webseminar-sec .video-list .list .btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #00B5FF;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .sienkikou-ichiran .webseminar-sec .video-list .list .btn:hover {
    opacity: 0.75;
  }
}

@media only screen and (max-width: 768px) {
  .sienkikou-ichiran {
    overflow: hidden;
  }
  .sienkikou-ichiran .pageheader-sec {
    margin-bottom: 8vw;
  }
  .sienkikou-ichiran .pageheader-sec .inner {
    background-image: url(../img/sienkikou/img_pagehead-01_sp.jpg);
  }
  .sienkikou-ichiran .service-list-sec {
    line-height: 1.6;
  }
  .sienkikou-ichiran .service-list-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .sienkikou-ichiran .service-list-sec .inner .intro {
    color: #00B5FF;
    font-weight: 700;
    margin-bottom: 8vw;
  }
  .sienkikou-ichiran .service-list-sec .inner .tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sienkikou-ichiran .service-list-sec .inner .tab li {
    width: 49%;
    text-align: center;
    font-weight: 700;
    padding: 4vw 0;
    font-size: 1.4rem;
    color: #FFFFFF;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sienkikou-ichiran .service-list-sec .inner .tab li.active {
    background: #FFFFFF;
    color: #00B5FF;
    border: 0.533vw solid #00B5FF;
    border-bottom: none;
    padding: 4vw 0px;
    position: relative;
    top: 0px;
    z-index: 2;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents {
    position: relative;
    top: -0.533vw;
    border: 0.533vw solid #00B5FF;
    padding: 5.867vw 1.867vw 5.333vw;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .content {
    display: none;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .content.open {
    display: block;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .service-list .col {
    padding: 0px 2.667vw;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .service-list .col > li {
    width: 100%;
    margin-bottom: 2.667vw;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .service-list .col > li > a {
    display: block;
    width: 100%;
    color: #FFFFFF;
    font-weight: 700;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    padding: 4vw 0;
    text-align: center;
    font-size: 1.4rem;
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .service-list .col > li > a:hover {
    opacity: 0.75;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .service-list .col > li > a[href^="#"]::after {
    content: "";
    width: 3.733vw;
    height: 3.733vw;
    background-image: url(../img/common/icon_plus-wh.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    right: 2.667vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .service-list .col > li > a.active::after {
    background-image: url(../img/common/icon_minus-wh.svg);
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .service-list .col > li ol {
    border: 0.533vw solid #00B5FF;
    border-top: none;
    padding: 2.667vw;
    display: none;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .service-list .col > li ol > li {
    list-style-type: disc;
    margin-left: 1em;
    line-height: 2;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .service-list .col > li ol > li a {
    color: #00B5FF;
    font-weight: 700;
    font-size: 1.3rem;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .company-list {
    padding: 0 2.667vw;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .company-list .order > li {
    border-bottom: 0.533vw solid #00B5FF;
    padding: 2.667vw 0 2.667vw;
    position: relative;
    margin-bottom: 2.667vw;
    min-height: 8.533vw;
    -webkit-box-sizing: unset;
            box-sizing: unset;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .company-list .order > li.last {
    border-bottom: none;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .company-list .order > li p {
    width: 3.733vw;
    text-align: center;
    padding: 2.133vw 2.667vw;
    margin-bottom: 1.333vw;
    font-weight: 700;
    line-height: 1;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .company-list .order > li ol {
    line-height: 2;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .company-list .order > li ol > li {
    display: inline-block;
    margin-right: 0.5em;
    list-style-type: disc;
    color: #00B5FF;
    font-weight: 700;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .company-list .order > li ol > li a {
    text-decoration: underline;
  }
  .sienkikou-ichiran .service-list-sec .inner .contents .company-list .order > li ol > li::before {
    content: "・";
  }
  .sienkikou-ichiran .service-list-sec.ichiran013 .inner .logo {
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    border-radius: 5px 5px 0 0;
    color: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 0.25em;
    line-height: 1.2;
    margin-bottom: 30px;
    padding: 10px 50px 10px 10px;
    text-align: center;
  }
  .sienkikou-ichiran .service-list-sec.ichiran013 .inner .logo img {
    margin-right: 15px;
    width: 50px;
  }
  .sienkikou-ichiran .service-list-sec.ichiran013 .inner .intro {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
  .sienkikou-ichiran .service-list-sec.ichiran013 .inner .read {
    font-size: 1.2rem;
    margin-bottom: 30px;
  }
  .sienkikou-ichiran .webseminar-sec {
    line-height: 1.6;
  }
  .sienkikou-ichiran .webseminar-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .sienkikou-ichiran .webseminar-sec .inner .midashi {
    margin-bottom: 8vw;
    margin-left: -1.733vw;
    width: calc(100% + 3.467vw);
  }
  .sienkikou-ichiran .webseminar-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 1.333vw;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(20%, #61d4c2), color-stop(80%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 20%, #0cb0fa 80%, #0cb0fa 100%);
  }
  .sienkikou-ichiran .webseminar-sec .inner .midashi span {
    display: block;
    width: 80%;
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 2.667vw 2.667vw;
    padding: 1.3335vw 0 2.667vw;
  }
  .sienkikou-ichiran .webseminar-sec .inner .read {
    margin-bottom: 8vw;
  }
  .sienkikou-ichiran .webseminar-sec .inner .intro {
    color: #00B5FF;
    font-weight: 700;
    margin-bottom: 3vw;
  }
  .sienkikou-ichiran .webseminar-sec .inner .video-list {
    margin-bottom: 20px;
  }
  .sienkikou-ichiran .webseminar-sec .inner .video-list .list {
    margin-bottom: 30px;
  }
  .sienkikou-ichiran .webseminar-sec .inner .video-list .list .desc .date, .sienkikou-ichiran .webseminar-sec .inner .video-list .list .desc .instructor {
    font-size: 93.333%;
  }
  .sienkikou-ichiran .webseminar-sec .inner .video-list .list .desc .title {
    font-weight: bold;
    line-height: 1.4;
    margin: 5px 0;
  }
  .sienkikou-ichiran .webseminar-sec .inner .video-list .list .btn {
    display: block;
    width: 100%;
    margin: 8px auto 0;
    padding: 1.867vw;
    font-size: 1.3rem;
    font-weight: bold;
    color: #00B5FF;
    text-align: center;
    border: 0.533vw solid #00B5FF;
    border-radius: 2.667vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
  }
  .sienkikou-ichiran .webseminar-sec .inner .video-list .list .btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #00B5FF;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

/*-------------------------------------------------
 * ハトマーク支援機構 提携サービス概要
-------------------------------------------------*/
@media print, screen and (min-width: 769px) {
  .sienkikou-outline {
    overflow: hidden;
  }
  .sienkikou-outline .pageheader-sec .inner {
    background-image: url(../img/sienkikou/img_pagehead-01_pc.jpg);
  }
  .sienkikou-outline .company-sec {
    margin-bottom: 140px;
  }
  .sienkikou-outline .company-sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .sienkikou-outline .company-sec .inner .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sienkikou-outline .company-sec .inner .box .text {
    width: 490px;
  }
  .sienkikou-outline .company-sec .inner .box .text .midashi {
    color: #00B5FF;
    font-size: 2.3rem;
    letter-spacing: 1px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 3px solid #00B5FF;
  }
  .sienkikou-outline .company-sec .inner .box .text .read {
    line-height: 1.6;
    text-align: justify;
  }
  .sienkikou-outline .company-sec .inner .box .text .related-news {
    line-height: 1.6;
  }
  .sienkikou-outline .company-sec .inner .box .text .related-news p {
    color: #00B5FF;
    margin-bottom: 10px;
  }
  .sienkikou-outline .company-sec .inner .box .text .related-news ul li {
    margin-left: 1em;
    margin-bottom: 10px;
    list-style-type: disc;
  }
  .sienkikou-outline .company-sec .inner .box .text .related-news ul li a:hover {
    text-decoration: underline;
  }
  .sienkikou-outline .company-sec .inner .box .banner {
    width: 416px;
  }
  .sienkikou-outline .service-sec .inner .tab {
    width: 998px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .sienkikou-outline .service-sec .inner .tab li {
    min-width: 172px;
    margin: 0 9px;
    border: 3px solid #00B5FF;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    display: table;
    color: #00B5FF;
    cursor: pointer;
  }
  .sienkikou-outline .service-sec .inner .tab li.active {
    color: #FFFFFF;
    background: #65deb2;
    border: 3px solid #65deb2;
    border-bottom: none;
  }
  .sienkikou-outline .service-sec .inner .tab li p {
    height: 54px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
  }
  .sienkikou-outline .service-sec .inner .contents {
    background: #00B5FF;
    background: -webkit-gradient(linear, left bottom, left top, from(#38bfe5), to(#65deb2));
    background: linear-gradient(0deg, #38bfe5 0%, #65deb2 100%);
    color: #FFFFFF;
    line-height: 1.8;
    text-align: justify;
    padding: 65px 0;
  }
  .sienkikou-outline .service-sec .inner .contents .yl {
    color: #D04E29;
  }
  .sienkikou-outline .service-sec .inner .contents .bold {
    font-weight: 700;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content {
    height: 0px;
    visibility: hidden;
    opacity: 1;
    background: transparent;
    width: 980px;
    margin: 0 auto;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content.open {
    height: auto;
    visibility: visible;
    opacity: 1;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .komidashi {
    font-weight: 700;
    font-size: 2.3rem;
    margin-bottom: 10px;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content a:hover {
    text-decoration: underline;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .slides {
    background: #FFFFFF;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .slick-dots li.slick-active button:before,
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .slick-dots li button:before {
    color: #D04E29;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .box .text {
    width: calc(100% - 420px);
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .box .photo {
    width: 375px;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .box.s-size .text {
    width: calc(100% - 195px);
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .box.s-size .photo {
    width: 150px;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .siryou-movie {
    max-width: 560px;
    width: 100%;
    margin: 40px auto;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .siryou-movie .detailbtn {
    margin-top: 20px;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .siryou-movie .detailbtn .btn {
    background: none;
    border: 2px solid #FFF;
    color: #FFF;
    padding: 10px 0;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .siryou-movie .detailbtn .btn::before {
    border-color: transparent transparent transparent #FFF;
  }
  .sienkikou-outline .service-sec .inner .contents .remind-info {
    width: 980px;
    margin: 100px auto 0;
  }
  .sienkikou-outline .service-sec .inner .contents .remind-info .komidashi {
    font-weight: 700;
    font-size: 2.3rem;
    margin-bottom: 10px;
  }
  .sienkikou-outline .service-sec .inner .contents .btns .btn-wrap {
    display: none;
  }
  .sienkikou-outline .service-sec .inner .contents .btns .btn-wrap.open {
    display: block;
  }
  .sienkikou-outline .service-sec .inner .contents .btn {
    display: block;
    width: 400px;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 10px;
    color: #00B5FF;
    text-align: center;
    font-weight: 700;
    position: relative;
    padding: 20px 0;
    font-size: 1.8rem;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .sienkikou-outline .service-sec .inner .contents .btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #00B5FF;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .sienkikou-outline .service-sec .inner .contents .btn:hover {
    opacity: 0.75;
  }
  .sienkikou-outline .service-sec .inner .contents small {
    display: block;
    text-align: center;
    font-size: 1.1rem;
    margin-top: 20px;
  }
  .sienkikou-outline .contact-sec {
    padding-top: 100px;
  }
  .sienkikou-outline .contact-sec .inner {
    width: 980px;
    margin: 0 auto;
    border: 3px solid #00B5FF;
    border-radius: 10px;
    padding: 15px 45px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 1.8;
  }
  .sienkikou-outline .contact-sec .inner .midashi {
    font-size: 1.8rem;
    color: #00B5FF;
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 768px) {
  .sienkikou-outline {
    overflow: hidden;
  }
  .sienkikou-outline .pageheader-sec .inner {
    background-image: url(../img/sienkikou/img_pagehead-01_sp.jpg);
  }
  .sienkikou-outline .company-sec {
    margin-bottom: 18.667vw;
  }
  .sienkikou-outline .company-sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .sienkikou-outline .company-sec .inner .box .text {
    margin-bottom: 5.333vw;
  }
  .sienkikou-outline .company-sec .inner .box .text .midashi {
    color: #00B5FF;
    font-size: 2rem;
    line-height: 1.4;
    letter-spacing: 0.267vw;
    font-weight: 700;
    margin-bottom: 4vw;
    padding-bottom: 4vw;
    border-bottom: 0.8vw solid #00B5FF;
  }
  .sienkikou-outline .company-sec .inner .box .text .read {
    line-height: 1.6;
    text-align: justify;
  }
  .sienkikou-outline .company-sec .inner .box .text .related-news {
    line-height: 1.6;
  }
  .sienkikou-outline .company-sec .inner .box .text .related-news p {
    color: #00B5FF;
    margin-bottom: 1.333vw;
  }
  .sienkikou-outline .company-sec .inner .box .text .related-news ul li {
    margin-left: 1em;
    margin-bottom: 1.333vw;
    list-style-type: disc;
  }
  .sienkikou-outline .company-sec .inner .box .text .related-news ul li a:hover {
    text-decoration: underline;
  }
  .sienkikou-outline .service-sec .inner .scroll-zone {
    overflow: auto;
    white-space: nowrap;
  }
  .sienkikou-outline .service-sec .inner .tab {
    margin: 0 auto;
    display: table;
    border-collapse: separate;
    border-spacing: 0.8vw 0;
  }
  .sienkikou-outline .service-sec .inner .tab li {
    display: table-cell;
    text-align: center;
    border: 0.8vw solid #00B5FF;
    border-bottom: none;
    border-radius: 2.667vw 2.667vw 0 0;
    vertical-align: middle;
    color: #00B5FF;
    cursor: pointer;
  }
  .sienkikou-outline .service-sec .inner .tab li.active {
    color: #FFFFFF;
    background: #65deb2;
    border: 0.8vw solid #65deb2;
    border-bottom: none;
  }
  .sienkikou-outline .service-sec .inner .tab li p {
    height: 14vw;
    padding: 0 5.333vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
  }
  .sienkikou-outline .service-sec .inner .contents {
    background: #00B5FF;
    background: -webkit-gradient(linear, left bottom, left top, from(#38bfe5), to(#65deb2));
    background: linear-gradient(0deg, #38bfe5 0%, #65deb2 100%);
    color: #FFFFFF;
    line-height: 1.6;
    text-align: justify;
    padding: 5.333vw 0;
  }
  .sienkikou-outline .service-sec .inner .contents .yl {
    color: #D04E29;
  }
  .sienkikou-outline .service-sec .inner .contents .bold {
    font-weight: 700;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content {
    height: 0;
    visibility: hidden;
    opacity: 0;
    background: transparent;
    width: calc(100% - 10.667vw);
    margin: 0 auto;
    font-size: 1.3rem;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content.open {
    height: auto;
    visibility: visible;
    opacity: 1;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .komidashi {
    font-weight: 700;
    font-size: 1.8rem;
    margin-bottom: 2.667vw;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .slides {
    background: #FFFFFF;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .slick-dots li.slick-active button:before,
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .slick-dots li button:before {
    color: #D04E29;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .box {
    width: 100%;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .box .photo {
    margin-top: 3em;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .box .photo.half {
    width: 50%;
    margin: 3em auto 0;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .content .movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .siryou-movie {
    max-width: 560px;
    width: 100%;
    margin: 40px auto 20px;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .siryou-movie .btns {
    margin-top: 10px;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .siryou-movie .btns .btn {
    background: none;
    border: 2px solid #FFF;
    color: #FFF;
    padding: 10px 0;
    width: 100%;
  }
  .sienkikou-outline .service-sec .inner .contents .content-wrap .siryou-movie .btns .btn::before {
    border-color: transparent transparent transparent #FFF;
  }
  .sienkikou-outline .service-sec .inner .contents .remind-info {
    width: calc(100% - 10.667vw);
    margin: 16vw auto 0;
  }
  .sienkikou-outline .service-sec .inner .contents .remind-info .komidashi {
    font-weight: 700;
    font-size: 1.8rem;
    margin-bottom: 2.667vw;
  }
  .sienkikou-outline .service-sec .inner .contents .btns .btn-wrap {
    display: none;
  }
  .sienkikou-outline .service-sec .inner .contents .btns .btn-wrap.open {
    display: block;
  }
  .sienkikou-outline .service-sec .inner .contents .btn {
    display: block;
    width: calc(100% - 10.667vw);
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 2.667vw;
    font-size: 1.3rem;
    color: #00B5FF;
    text-align: center;
    font-weight: 700;
    position: relative;
    padding: 5.333vw 0;
  }
  .sienkikou-outline .service-sec .inner .contents .btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 1.067vw;
    height: 1.067vw;
    border: 1.067vw solid transparent;
    border-left: 1.067vw solid #00B5FF;
    position: absolute;
    top: 50%;
    right: 5.333vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .sienkikou-outline .service-sec .inner .contents small {
    display: block;
    text-align: center;
    font-size: 1rem;
    margin-top: 2.667vw;
  }
  .sienkikou-outline .contact-sec {
    padding-top: 13.333vw;
  }
  .sienkikou-outline .contact-sec .inner {
    width: calc(100% - 10.667vw);
    margin: 0 auto;
    border: 0.8vw solid #00B5FF;
    border-radius: 2.667vw;
    padding: 2.667vw 5.333vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 1.6;
    font-size: 1.2rem;
  }
  .sienkikou-outline .contact-sec .inner .midashi {
    font-size: 1.4rem;
    color: #00B5FF;
    margin-bottom: 1.333vw;
  }
}

/*-------------------------------------------------
 * ハトマーク支援機構 提携サービス詳細
-------------------------------------------------*/
@media print, screen and (min-width: 769px) {
  .sienkikou-detail .bold {
    font-weight: 700;
  }
  .sienkikou-detail .blue {
    color: #00B5FF;
  }
  .sienkikou-detail table {
    width: 100%;
    background: linear-gradient(135deg, #61d4c2 0%, #0cb0fa 100%);
    border-radius: 15px;
    border-collapse: separate;
  }
  .sienkikou-detail table th {
    width: 210px;
    color: #FFFFFF;
    padding: 30px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 2px solid #FFFFFF;
  }
  .sienkikou-detail table tr:first-child td {
    border-radius: 0 15px 0 0;
    border-top: 2px solid #00B5FF;
  }
  .sienkikou-detail table tr:last-child td {
    border-radius: 0 0 15px 0;
    border-bottom: 2px solid #00B5FF;
  }
  .sienkikou-detail table tr:last-child th {
    border-bottom: none;
  }
  .sienkikou-detail table td {
    width: 770px;
    padding: 25px 20px 25px 25px;
    border-bottom: 2px solid #CCCCCC;
    border-right: 2px solid #00B5FF;
    border-left: none;
    border-top: none;
    background: #FFFFFF;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sienkikou-detail .flow-box {
    position: relative;
  }
  .sienkikou-detail .flow-box::before {
    content: "";
    width: 1px;
    height: calc(100% - 128px);
    border-right: 2px dashed #00B5FF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 60px;
    margin: auto 0;
  }
  .sienkikou-detail .flow-box dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 60px;
    position: relative;
  }
  .sienkikou-detail .flow-box dl::after {
    content: "";
    position: absolute;
    bottom: -40px;
    left: calc(50% + 64px);
    width: 48px;
    height: 18px;
    background: url(../img/common/arrow-grad.svg) 0 0 no-repeat;
    background-size: 100%;
  }
  .sienkikou-detail .flow-box dl.first::after {
    bottom: -30px;
  }
  .sienkikou-detail .flow-box dl.last::after {
    content: none;
  }
  .sienkikou-detail .flow-box dl dt {
    width: 128px;
  }
  .sienkikou-detail .flow-box dl dt .circle {
    width: 128px;
    height: 128px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    border-radius: 50%;
    position: relative;
    display: table;
  }
  .sienkikou-detail .flow-box dl dt .circle::after {
    content: "";
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
  }
  .sienkikou-detail .flow-box dl dt .circle span {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    position: relative;
    z-index: 1;
    font-weight: 700;
    color: #00B5FF;
    font-size: 2rem;
  }
  .sienkikou-detail .flow-box dl dd {
    width: calc(100% - 180px);
    position: relative;
  }
  .sienkikou-detail .flow-box dl dd .arrow_box {
    border-radius: 10px;
    padding: 15px 36px;
    position: relative;
    background: #FFFFFF;
    border: 3px solid #00B5FF;
  }
  .sienkikou-detail .flow-box dl dd .arrow_box::after, .sienkikou-detail .flow-box dl dd .arrow_box::before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .sienkikou-detail .flow-box dl dd .arrow_box::after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #FFFFFF;
    border-width: 9px 27px 9px 0;
  }
  .sienkikou-detail .flow-box dl dd .arrow_box::before {
    border-style: solid;
    border-color: rgba(0, 181, 255, 0);
    border-right-color: #00B5FF;
    border-width: 12px 35px 12px 0;
  }
  .sienkikou-detail .flow-box dl dd .komidashi {
    font-size: 1.8rem;
  }
  .sienkikou-detail .flow-box dl dd a {
    text-decoration: underline;
  }
  .sienkikou-detail .flow-box dl dd a:hover {
    text-decoration: none;
  }
  .sienkikou-detail .flow-box dl dd .dl-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 1em;
  }
  .sienkikou-detail .flow-box dl dd .dl-btns li {
    width: 48%;
  }
  .sienkikou-detail .flow-box dl dd small {
    display: block;
    font-size: 1.3rem;
  }
  .sienkikou-detail .sec {
    line-height: 1.6;
    margin-bottom: 80px;
  }
  .sienkikou-detail .sec .inner {
    width: 980px;
    margin: 0 auto;
  }
  .sienkikou-detail .midashi {
    color: #00B5FF;
    font-size: 2rem;
    letter-spacing: 3px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
  }
  .sienkikou-detail .midashi::after {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    background: #00B5FF;
    margin: 15px auto 0;
  }
  .sienkikou-detail .link-icon {
    display: inline-block;
    width: 24px;
    height: 14px;
    vertical-align: middle;
    padding: 0 5px;
    line-height: 1.6;
  }
  .sienkikou-detail .pageheader-sec .inner {
    background-image: url(../img/sienkikou/detail8/img_pagehead-01_pc.jpg);
  }
  .sienkikou-detail .outline-sec .read {
    font-size: 2rem;
  }
  .sienkikou-detail .discount-sec .inner .read {
    margin-bottom: 20px;
  }
  .sienkikou-detail .discount-sec .inner .list li {
    margin-bottom: 10px;
  }
  .sienkikou-detail .discount-sec .inner .list li .num-icon {
    display: inline-block;
    width: 25px;
    vertical-align: middle;
    padding-right: 5px;
  }
  .sienkikou-detail .discount-sec .inner .note {
    margin: 20px 0 40px;
  }
  .sienkikou-detail .discount-sec .inner .more-info {
    border: 2px solid #00B5FF;
    border-radius: 10px;
    padding: 25px;
  }
  .sienkikou-detail .discount-sec .inner .more-info a {
    text-decoration: underline;
  }
  .sienkikou-detail .discount-sec .inner .more-info a:hover {
    text-decoration: none;
  }
  .sienkikou-detail .flow-sec .inner .read {
    margin-bottom: 20px;
  }
  .sienkikou-detail .flow-sec .inner .pdf-link {
    display: block;
    background: url(../img/common/icon_pdf.svg) 10px 50% no-repeat;
    color: #FF555E;
    border: 1px solid #FF555E;
    text-align: center;
    width: 500px;
    padding: 10px 0;
    margin: 20px auto;
    text-align: center;
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    text-decoration: none;
  }
  .sienkikou-detail .flow-sec .inner .pdf-link::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FF555E;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .sienkikou-detail .flow-sec .inner .pdf-link:hover {
    opacity: 0.75;
  }
  .sienkikou-detail .flow-sec .inner .num {
    font-size: 3rem;
  }
  .sienkikou-detail .flow-sec .inner .num span {
    font-size: 1.6rem;
    vertical-align: middle;
  }
  .sienkikou-detail .insurance-sec .inner .read a {
    text-decoration: underline;
  }
  .sienkikou-detail .insurance-sec .inner .read a:hover {
    text-decoration: none;
  }
  .sienkikou-detail .contact-sec .inner .read a {
    text-decoration: underline;
  }
  .sienkikou-detail .contact-sec .inner .read a:hover {
    text-decoration: none;
  }
}

@media only screen and (max-width: 768px) {
  .sienkikou-detail .bold {
    font-weight: 700;
  }
  .sienkikou-detail .blue {
    color: #00B5FF;
  }
  .sienkikou-detail table {
    width: 100%;
    background: linear-gradient(135deg, #61d4c2 0%, #0cb0fa 100%);
    border-radius: 4vw;
    border-collapse: separate;
  }
  .sienkikou-detail table th {
    width: 21%;
    color: #FFFFFF;
    padding: 5.333vw 2.667vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 2px solid #FFFFFF;
  }
  .sienkikou-detail table tr:first-child td {
    border-radius: 0 4vw 0 0;
    border-top: 0.533vw solid #00B5FF;
  }
  .sienkikou-detail table tr:last-child td {
    border-radius: 0 0 4vw 0;
    border-bottom: 0.533vw solid #00B5FF;
  }
  .sienkikou-detail table tr:last-child th {
    border-bottom: none;
  }
  .sienkikou-detail table td {
    width: 79%;
    padding: 4vw 2.667vw 4vw 2.667vw;
    border-bottom: 0.533vw solid #CCCCCC;
    border-right: 0.533vw solid #00B5FF;
    border-left: none;
    border-top: none;
    background: #FFFFFF;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sienkikou-detail .flow-box {
    position: relative;
  }
  .sienkikou-detail .flow-box::before {
    content: "";
    width: 0.267vw;
    height: calc(100% - 40vw);
    border-right: 0.8vw dashed #00B5FF;
    position: absolute;
    top: 20vw;
    left: 8.8vw;
  }
  .sienkikou-detail .flow-box dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 16vw;
    position: relative;
  }
  .sienkikou-detail .flow-box dl::after {
    content: "";
    position: absolute;
    bottom: -10.667vw;
    left: calc(50% + 3vw);
    width: 12.8vw;
    height: 4.8vw;
    background: url(../img/common/arrow-grad.svg) 0 0 no-repeat;
    background-size: 100%;
  }
  .sienkikou-detail .flow-box dl.first::after {
    bottom: -11vw;
  }
  .sienkikou-detail .flow-box dl.last::after {
    content: none;
  }
  .sienkikou-detail .flow-box dl dt {
    width: 18.667vw;
    margin-right: 4.266vw;
  }
  .sienkikou-detail .flow-box dl dt .circle {
    width: 18.667vw;
    height: 18.667vw;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    border-radius: 50%;
    position: relative;
    display: table;
  }
  .sienkikou-detail .flow-box dl dt .circle::after {
    content: "";
    display: block;
    width: 17.067vw;
    height: 17.067vw;
    border-radius: 50%;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
  }
  .sienkikou-detail .flow-box dl dt .circle span {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    position: relative;
    z-index: 1;
    font-weight: 700;
    color: #00B5FF;
  }
  .sienkikou-detail .flow-box dl dd {
    width: calc(100% - 22.933vw);
    position: relative;
  }
  .sienkikou-detail .flow-box dl dd .arrow_box {
    border-radius: 2.667vw;
    padding: 4vw 2.667vw;
    position: relative;
    background: #FFFFFF;
    border: 3px solid #00B5FF;
  }
  .sienkikou-detail .flow-box dl dd .arrow_box::after, .sienkikou-detail .flow-box dl dd .arrow_box::before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .sienkikou-detail .flow-box dl dd .arrow_box::after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #FFFFFF;
    border-width: 4px 10px 4px 0;
  }
  .sienkikou-detail .flow-box dl dd .arrow_box::before {
    border-style: solid;
    border-color: rgba(0, 181, 255, 0);
    border-right-color: #00B5FF;
    border-width: 7px 15px 7px 0;
  }
  .sienkikou-detail .flow-box dl dd .dl-btns {
    margin-top: 1em;
  }
  .sienkikou-detail .flow-box dl dd .dl-btns li {
    width: 100%;
  }
  .sienkikou-detail .flow-box dl dd .dl-btns li .dl-btn {
    display: block;
    width: 100%;
    text-decoration: none;
    padding: 2.133vw 0 2.133vw 8vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1.1rem;
    margin-top: 2.667vw;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .sienkikou-detail .flow-box dl dd .dl-btns li .dl-btn:hover {
    opacity: 0.75;
  }
  .sienkikou-detail .flow-box dl dd small {
    display: block;
    font-size: 1.3rem;
  }
  .sienkikou-detail .sec {
    line-height: 1.6;
    margin-bottom: 10.667vw;
  }
  .sienkikou-detail .sec .inner {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .sienkikou-detail .midashi {
    color: #00B5FF;
    font-size: 1.6rem;
    letter-spacing: 0.8vw;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5.333vw;
  }
  .sienkikou-detail .midashi::after {
    content: "";
    display: block;
    width: 18.667vw;
    height: 0.267vw;
    background: #00B5FF;
    margin: 2.667vw auto 0;
  }
  .sienkikou-detail .link-icon {
    display: inline-block;
    width: 6.4vw;
    height: 3.733vw;
    vertical-align: middle;
    padding: 0 1.333vw;
    line-height: 1.6;
  }
  .sienkikou-detail .pageheader-sec {
    margin-bottom: 10.667vw;
  }
  .sienkikou-detail .pageheader-sec .inner {
    background-image: url(../img/sienkikou/detail8/img_pagehead-01_sp.jpg);
  }
  .sienkikou-detail .outline-sec .read {
    font-size: 1.6rem;
  }
  .sienkikou-detail .discount-sec .inner .read {
    margin-bottom: 2.667vw;
  }
  .sienkikou-detail .discount-sec .inner .list li {
    margin-bottom: 1.333vw;
  }
  .sienkikou-detail .discount-sec .inner .list li .num-icon {
    display: inline-block;
    width: 5.333vw;
    height: 4vw;
    vertical-align: middle;
    padding-right: 1.333vw;
  }
  .sienkikou-detail .discount-sec .inner .note {
    margin: 2.667vw 0 5.333vw;
  }
  .sienkikou-detail .discount-sec .inner .more-info {
    border: 2px solid #00B5FF;
    border-radius: 2.667vw;
    padding: 4vw;
  }
  .sienkikou-detail .discount-sec .inner .more-info a {
    text-decoration: underline;
  }
  .sienkikou-detail .discount-sec .inner .more-info a:hover {
    text-decoration: none;
  }
  .sienkikou-detail .flow-sec .inner .read {
    margin-bottom: 5.333vw;
  }
  .sienkikou-detail .flow-sec .inner .pdf-link {
    display: block;
    background: url(../img/common/icon_pdf.svg) 5px 50% no-repeat;
    background-size: 4.267vw;
    color: #FF555E;
    border: 1px solid #FF555E;
    text-align: center;
    width: 100%;
    padding: 2.667vw 0;
    margin: 20px auto;
    text-align: center;
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    text-decoration: none;
  }
  .sienkikou-detail .flow-sec .inner .pdf-link::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FF555E;
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .sienkikou-detail .flow-sec .inner .pdf-link:hover {
    opacity: 0.75;
  }
  .sienkikou-detail .flow-sec .inner .num {
    font-size: 1.8rem;
  }
  .sienkikou-detail .flow-sec .inner .num span {
    font-size: 1.3rem;
    vertical-align: middle;
  }
  .sienkikou-detail .insurance-sec .inner .read a {
    text-decoration: underline;
  }
  .sienkikou-detail .insurance-sec .inner .read a:hover {
    text-decoration: none;
  }
  .sienkikou-detail .contact-sec .inner .read a {
    text-decoration: underline;
  }
  .sienkikou-detail .contact-sec .inner .read a:hover {
    text-decoration: none;
  }
}

/*-------------------------------------------------
 * ハトマークサイトWeb書式作成システム（お試し版）
-------------------------------------------------*/
@media print, screen and (min-width: 769px) {
  .register-demo-sec {
    margin-top: 70px;
  }
  .register-demo-sec .inner {
    width: 980px;
    margin: 0 auto;
    line-height: 1.6;
  }
  .register-demo-sec .inner .midashi {
    margin-bottom: 65px;
    letter-spacing: 1px;
  }
  .register-demo-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(30%, #61d4c2), color-stop(70%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 30%, #0cb0fa 70%, #0cb0fa 100%);
  }
  .register-demo-sec .inner .midashi span {
    display: block;
    width: 531px;
    margin: 0 auto;
    font-size: 2rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 15px 15px;
    padding: 10px 0 14px;
  }
  .register-demo-sec .inner .box:nth-of-type(2) {
    margin-top: 80px;
  }
  .register-demo-sec .inner .komidashi {
    font-size: 2rem;
    font-weight: 700;
    color: #00B5FF;
    text-align: center;
    letter-spacing: 3px;
    margin-bottom: 40px;
  }
  .register-demo-sec .inner .komidashi::after {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    background: #00B5FF;
    margin: 10px auto 0;
  }
  .register-demo-sec .inner .read {
    margin-bottom: 20px;
  }
  .register-demo-sec .inner .form {
    line-height: 1.6;
  }
  .register-demo-sec .inner .form .input-block table {
    width: 100%;
    background: linear-gradient(135deg, #61d4c2 0%, #0cb0fa 100%);
    margin-bottom: 40px;
    border-radius: 15px;
    border-collapse: separate;
  }
  .register-demo-sec .inner .form .input-block table th {
    width: 263px;
    color: #FFFFFF;
    padding: 30px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 2px solid #FFFFFF;
    position: relative;
  }
  .register-demo-sec .inner .form .input-block table th .require {
    height: 23px;
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 1.3rem;
    background-color: #FFF;
    border-radius: 5px;
    color: #00B5FF;
    text-align: center;
    display: inline-block;
    line-height: 1;
    padding: 5px 15px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .register-demo-sec .inner .form .input-block table tr:first-child td {
    border-radius: 0 15px 0 0;
    border-top: 2px solid #00B5FF;
  }
  .register-demo-sec .inner .form .input-block table tr:last-child td {
    border-radius: 0 0 15px 0;
    border-bottom: 2px solid #00B5FF;
  }
  .register-demo-sec .inner .form .input-block table tr:last-child th {
    border-bottom: none;
  }
  .register-demo-sec .inner .form .input-block table td {
    width: 717px;
    border-bottom: 2px solid #CCCCCC;
    border-right: 2px solid #00B5FF;
    border-left: none;
    border-top: none;
    background: #FFFFFF;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 25px 20px 25px 25px;
  }
  .register-demo-sec .inner .form .input-block table td .text-input {
    border: 2px solid #00B5FF;
    border-radius: 5px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 7px 10px;
  }
  .register-demo-sec .inner .form .input-block table td .text-input::-webkit-input-placeholder {
    color: #CCCCCC;
  }
  .register-demo-sec .inner .form .input-block table td .text-input:-ms-input-placeholder {
    color: #CCCCCC;
  }
  .register-demo-sec .inner .form .input-block table td .text-input::-ms-input-placeholder {
    color: #CCCCCC;
  }
  .register-demo-sec .inner .form .input-block table td .text-input::placeholder {
    color: #CCCCCC;
  }
  .register-demo-sec .inner .form .input-block table td .flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -8px;
  }
  .register-demo-sec .inner .form .input-block table td .flex-box p {
    text-indent: -1em;
    margin-left: 1em;
    margin-left: 40px;
    width: 350px;
  }
  .register-demo-sec .inner .form .input-block .selectform .wrap {
    width: 280px;
    display: inline-block;
  }
  .register-demo-sec .inner .form .input-block .selectform select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
    width: 100%;
    min-height: 15px;
    background: transparent;
    position: relative;
    z-index: 1;
    padding: 8px;
    border: 2px solid #00B5FF;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .register-demo-sec .inner .form .input-block .selectform　select::-ms-expand {
    display: none;
  }
  .register-demo-sec .inner .form .input-block .selectform .selectWrap {
    position: relative;
    display: inline-block;
    width: 100%;
    background: transparent;
  }
  .register-demo-sec .inner .form .input-block .selectform .selectWrap::after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #00B5FF transparent transparent transparent;
  }
  .register-demo-sec .inner .form .agree-block .agree {
    font-weight: 700;
    color: #FF555E;
    text-align: center;
    margin-bottom: 30px;
  }
  .register-demo-sec .inner .form .agree-block .bold {
    font-weight: 700;
  }
  .register-demo-sec .inner .form .agree-block label {
    display: block;
    text-align: center;
    margin-bottom: 50px;
  }
  .register-demo-sec .inner .form .agree-block label .checkbox-input {
    display: none;
  }
  .register-demo-sec .inner .form .agree-block label .checkbox-parts {
    padding-left: 40px;
    position: relative;
  }
  .register-demo-sec .inner .form .agree-block label .checkbox-parts::before {
    content: "";
    display: block;
    position: absolute;
    top: -6px;
    left: 0;
    width: 25px;
    height: 25px;
    border: 1px solid #00B5FF;
  }
  .register-demo-sec .inner .form .agree-block label .checkbox-input:checked + .checkbox-parts::after {
    content: "";
    display: block;
    position: absolute;
    top: -15px;
    left: 5px;
    width: 14px;
    height: 28px;
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg);
    border-bottom: 3px solid #d01137;
    border-right: 3px solid #d01137;
  }
  .register-demo-sec .inner .form .agree-block ul {
    margin-top: 3px;
  }
  .register-demo-sec .inner .form .agree-block ul li {
    text-indent: -1em;
    margin-left: 1em;
  }
  .register-demo-sec .inner .form .agree-block ul li a {
    color: #00B5FF;
    text-decoration: underline;
  }
  .register-demo-sec .inner .form .agree-block ul li a:hover {
    text-decoration: none;
  }
  .register-demo-sec .inner .form .confirm-block {
    margin-top: 50px;
  }
  .register-demo-sec .inner .form .confirm-block .confirm-btn {
    display: block;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 25px 0;
    width: 230px;
    margin: 0 auto;
    border: none;
    border-radius: 5px;
    position: relative;
  }
  .register-demo-sec .inner .form .confirm-block .confirm-btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .register-demo-sec .inner .btn {
    display: block;
    width: 520px;
    padding: 10px 0;
    margin: 0 auto;
    border: 2px solid #00B5FF;
    border-radius: 10px;
    color: #00B5FF;
    font-size: 1.4rem;
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .register-demo-sec .inner .btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #00B5FF;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .register-demo-sec .inner .btn:hover {
    opacity: 0.75;
  }
}

@media only screen and (max-width: 768px) {
  .register-demo-sec .inner {
    width: 100%;
    margin: 0 auto;
    line-height: 1.6;
  }
  .register-demo-sec .inner .midashi {
    margin-bottom: 8vw;
    letter-spacing: 0.267vw;
  }
  .register-demo-sec .inner .midashi::before {
    content: "";
    display: block;
    width: 100%;
    height: 1.333vw;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), color-stop(20%, #61d4c2), color-stop(80%, #0cb0fa), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #61d4c2 20%, #0cb0fa 80%, #0cb0fa 100%);
  }
  .register-demo-sec .inner .midashi span {
    display: block;
    width: 80%;
    margin: 0 auto;
    font-size: 1.6rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 0px 0px 2.667vw 2.667vw;
    padding: 1.3335vw 0 2.667vw;
  }
  .register-demo-sec .inner .box:nth-of-type(2) {
    margin-top: 16vw;
  }
  .register-demo-sec .inner .komidashi {
    font-size: 1.4rem;
    font-weight: 700;
    color: #00B5FF;
    text-align: center;
    letter-spacing: 0.8vw;
    margin-bottom: 8vw;
  }
  .register-demo-sec .inner .komidashi::after {
    content: "";
    display: block;
    width: 26.667vw;
    height: 0.267vw;
    background: #00B5FF;
    margin: 2.667vw auto 0;
  }
  .register-demo-sec .inner .read {
    width: calc(100% - 3.333vw);
    margin: 0 auto 2.667vw;
  }
  .register-demo-sec .inner .form {
    line-height: 1.6;
  }
  .register-demo-sec .inner .form .input-block table {
    display: block;
    width: calc(100% - 3.333vw);
    background: linear-gradient(135deg, #61d4c2 0%, #0cb0fa 100%);
    margin: 0 auto 10.667vw;
    border-radius: 2.667vw;
    border-collapse: separate;
  }
  .register-demo-sec .inner .form .input-block table th {
    display: block;
    width: 100%;
    color: #FFFFFF;
    padding-left: 5.333vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 4vw 0;
    text-align: center;
    position: relative;
  }
  .register-demo-sec .inner .form .input-block table th .require {
    position: absolute;
    right: 2.667vw;
    top: 50%;
    font-size: 1.1rem;
    background-color: #FFF;
    border-radius: 1.333vw;
    color: #00B5FF;
    text-align: center;
    display: inline-block;
    line-height: 1;
    padding: 1.333vw 4vw;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .register-demo-sec .inner .form .input-block table tr:last-child td {
    border-radius: 0 0 2.667vw 2.667vw;
    border-bottom: 0.533vw solid #00B5FF;
  }
  .register-demo-sec .inner .form .input-block table td {
    display: block;
    width: 100%;
    border: 0.533vw solid #00B5FF;
    border-top: none;
    border-bottom: none;
    background: #FFFFFF;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 2.667vw 4vw;
  }
  .register-demo-sec .inner .form .input-block table td .text-input {
    border: 0.533vw solid #00B5FF;
    border-radius: 1.333vw;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 2vw 2.667vw;
    -webkit-appearance: none;
  }
  .register-demo-sec .inner .form .input-block table td .text-input::-webkit-input-placeholder {
    color: #CCCCCC;
  }
  .register-demo-sec .inner .form .input-block table td .text-input:-ms-input-placeholder {
    color: #CCCCCC;
  }
  .register-demo-sec .inner .form .input-block table td .text-input::-ms-input-placeholder {
    color: #CCCCCC;
  }
  .register-demo-sec .inner .form .input-block table td .text-input::placeholder {
    color: #CCCCCC;
  }
  .register-demo-sec .inner .form .input-block table td dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.667vw 4vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .register-demo-sec .inner .form .input-block table td dl.last {
    border-bottom: none;
  }
  .register-demo-sec .inner .form .input-block table td dl dt {
    width: 32%;
    color: #00B5FF;
    font-weight: 700;
    vertical-align: middle;
  }
  .register-demo-sec .inner .form .input-block table td dl dd {
    width: 68%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
    max-width: 68%;
  }
  .register-demo-sec .inner .form .input-block table td dl dd span {
    display: inline-block;
    width: 73%;
    margin-right: 1%;
  }
  .register-demo-sec .inner .form .input-block table td dl dd .text-input {
    border: 0.533vw solid #00B5FF;
    border-radius: 1.333vw;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 2vw 2.667vw;
    -webkit-appearance: none;
  }
  .register-demo-sec .inner .form .input-block table td dl dd .text-input::-webkit-input-placeholder {
    color: #CCCCCC;
  }
  .register-demo-sec .inner .form .input-block table td dl dd .text-input:-ms-input-placeholder {
    color: #CCCCCC;
  }
  .register-demo-sec .inner .form .input-block table td dl dd .text-input::-ms-input-placeholder {
    color: #CCCCCC;
  }
  .register-demo-sec .inner .form .input-block table td dl dd .text-input::placeholder {
    color: #CCCCCC;
  }
  .register-demo-sec .inner .form .input-block table td dl dd button {
    width: 23%;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    border-radius: 2.667vw;
    border: none;
    padding: 2.133vw 0;
  }
  .register-demo-sec .inner .form .input-block table td dl dd small {
    display: block;
    font-size: 1.1rem;
    margin-top: 0.8vw;
  }
  .register-demo-sec .inner .form .input-block table td .radio-box {
    padding: 4vw 2.667vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .register-demo-sec .inner .form .input-block table td .radio-box .radio-input {
    display: none;
  }
  .register-demo-sec .inner .form .input-block table td .radio-box .radio-input + label {
    padding-left: 5.333vw;
    position: relative;
    margin-right: 5.333vw;
  }
  .register-demo-sec .inner .form .input-block table td .radio-box .radio-input + label::before {
    content: "";
    display: block;
    position: absolute;
    top: 0.533vw;
    left: 0;
    width: 4vw;
    height: 4vw;
    border: 1px solid #00B5FF;
    border-radius: 50%;
  }
  .register-demo-sec .inner .form .input-block table td .radio-box .radio-input:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.067vw;
    left: 0.533vw;
    width: 2.933vw;
    height: 2.933vw;
    background: #00B5FF;
    border-radius: 50%;
  }
  .register-demo-sec .inner .form .input-block .selectform .wrap {
    width: 100%;
    height: 10.467vw;
    display: inline-block;
    overflow-y: hidden;
  }
  .register-demo-sec .inner .form .input-block .selectform select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
    width: 100%;
    min-height: 4vw;
    background: transparent;
    position: relative;
    z-index: 1;
    padding: 2.133vw;
    border: 0.533vw solid #00B5FF;
    border-radius: 1.333vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .register-demo-sec .inner .form .input-block .selectform　select::-ms-expand {
    display: none;
  }
  .register-demo-sec .inner .form .input-block .selectform .selectWrap {
    position: relative;
    display: inline-block;
    width: 100%;
    -webkit-appearance: none;
    background: transparent;
  }
  .register-demo-sec .inner .form .input-block .selectform .selectWrap::after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 3.333vw;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.333vw 1.333vw 0 1.333vw;
    border-color: #00B5FF transparent transparent transparent;
  }
  .register-demo-sec .inner .form .agree-block {
    width: calc(100% - 3.333vw);
    margin: 0 auto;
  }
  .register-demo-sec .inner .form .agree-block .agree {
    font-weight: 700;
    color: #FF555E;
    text-align: center;
    margin-bottom: 5.333vw;
  }
  .register-demo-sec .inner .form .agree-block label {
    display: block;
    text-align: center;
    margin-bottom: 10.667vw;
  }
  .register-demo-sec .inner .form .agree-block label .checkbox-input {
    display: none;
  }
  .register-demo-sec .inner .form .agree-block label .checkbox-parts {
    padding-left: 40px;
    position: relative;
  }
  .register-demo-sec .inner .form .agree-block label .checkbox-parts::before {
    content: "";
    display: block;
    position: absolute;
    top: -6px;
    left: 0;
    width: 25px;
    height: 25px;
    border: 1px solid #00B5FF;
  }
  .register-demo-sec .inner .form .agree-block label .checkbox-input:checked + .checkbox-parts::after {
    content: "";
    display: block;
    position: absolute;
    top: -15px;
    left: 5px;
    width: 14px;
    height: 28px;
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg);
    border-bottom: 3px solid #d01137;
    border-right: 3px solid #d01137;
  }
  .register-demo-sec .inner .form .agree-block .bold {
    font-weight: 700;
  }
  .register-demo-sec .inner .form .agree-block .bold + p {
    font-size: 1.2rem;
  }
  .register-demo-sec .inner .form .agree-block ul {
    margin-top: 1.333vw;
    font-size: 1.2rem;
  }
  .register-demo-sec .inner .form .agree-block ul li {
    text-indent: -1em;
    margin-left: 1em;
  }
  .register-demo-sec .inner .form .agree-block ul li a {
    color: #00B5FF;
  }
  .register-demo-sec .inner .form .confirm-block {
    width: calc(100% - 3.333vw);
    margin: 8vw auto 0;
  }
  .register-demo-sec .inner .form .confirm-block .confirm-btn {
    display: block;
    background: -webkit-gradient(linear, left top, right top, from(#61d4c2), to(#0cb0fa));
    background: linear-gradient(90deg, #61d4c2 0%, #0cb0fa 100%);
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 3.667vw 0;
    width: 100%;
    margin: 0 auto;
    border: none;
    border-radius: 1.333vw;
    position: relative;
  }
  .register-demo-sec .inner .form .confirm-block .confirm-btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .register-demo-sec .inner .btn {
    display: block;
    width: calc(100% - 3.333vw);
    padding: 2.667vw 0;
    margin: 0 auto;
    border: 0.533vw solid #00B5FF;
    border-radius: 2.667vw;
    color: #00B5FF;
    font-size: 1.2rem;
    position: relative;
  }
  .register-demo-sec .inner .btn::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #00B5FF;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  footer {
    position: relative;
  }
  footer small {
    position: absolute;
    bottom: 24px;
    left: 0;
  }
}