@charset "utf-8";
/* CSS Document */
/*---------------------------------------------*
* トップページ以外CSS
*----------------------------------------------*/

/*---------------------------------------------*
* header
*----------------------------------------------*/
header {
    width: 100%;
    height:140;
    opacity:1;

}
header {
    align-items: flex-start;
    /* ☆☆☆new☆☆☆  */
    /* height: 140px; */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
}
header > a:nth-of-type(1) {
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 0 3.125%;
    z-index: 99999;
}
header ul.right {
    display: flex;
    height: 70px;
    justify-content: flex-start;
    align-items: center;
}
header ul.right {
    height: auto;
    width: 100%;
    justify-content: flex-end;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
header ul.right li {
    height: 70px;
}
header ul.right li.contact {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 3.125% 0 0;
}

header.active ul.right.general>li.btn{
width: 380px;
} 
header ul.right .btn {
display: block;
    width: -webkit-calc(50% - 35px);
    width: calc(50% - 35px);
}
header ul.right.general .btn{
width: 50%;
}
header ul.right .btn a {
    width: 100%;
}
header:not(.active) ul.right.general>li.page_top{
display: none;
}
header.active ul.right li.contact {
    width:auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 3.125% 0 0;
}

header.active ul.right {
    display: flex;
    height: 70px;
    justify-content: flex-end;
    align-items: center;
}
header.active ul.right .btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 380px;
    height: 70px;
    color: #ffffff;
    background-color: #cccccc;
    font-size: 1.6rem;
}
header.active ul.right .btn {
    width: 380px;
    height: 70px;
}

header.active ul.right .page_top a {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
header.active ul.right .btn.green a {
    background-color: #86C136;
}
header.active ul.right .btn.blue a {
    background-color: #1884C4;
}

/*---------------------------------------------*
* header peage page-single
*----------------------------------------------*/

header.page-single {
position: relative;
box-shadow: none;
	display:flex;
    height: auto;
    background-color:inherit;
	justify-content:space-between;
	align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 3vw;
      z-index: 50;
}
header.page-single time{
    font-size: 1.4rem;
    font-weight: 500;
    color: #ffaa16;
}
header.page-single time + time{
    margin-left: 1em;
}
header.page-single span.cat a {
    border: solid 1px #1884C4;
    color: #1884C4;
    font-size: 0.9em;
    margin: 0 10px 0 0;
    padding: 4px;
    font-weight: bold;
}
header.page-single span.cat a:hover {
    text-decoration: none;
    color: #fff;
    background: #1884C4;
}
span.cat_list span {
    border: solid 1px #1884C4;
    color: #1884C4;
    font-size: 0.9em;
    margin: 0 10px 0 0;
    padding: 2px 4px 1px;
    font-weight: bold;
}
@media screen and (max-width:768px) {
    header.page-single span.cat a {
        display: inline-block;
        margin: 0 0 6px;
    }
    
}

header.peage{
position: relative;
box-shadow: none;
height: auto;
display: block;
width: 1200px;
margin: 0 auto;
padding:0;
z-index: 50;
}
header.peage.active{
    height: auto;
}

header.peage.mv{
position: relative;
box-shadow: none;
height:25vw;
max-height: 380px;
width: 100%;
display: flex;
padding: 0;
  justify-content: center;
  align-items: center;
  z-index: 5;
}
header.peage.mv > h1{
    margin-bottom:0;
    font-size: 3.8rem;
    font-weight: 500;
    letter-spacing: .38rem;
    text-align: center;
    color: #ffffff;
    font-family: "Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
}








/*---------------------------------------------*
* nav
*----------------------------------------------*/
nav.global {
    box-shadow: none;
    position: fixed;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    min-height: 70px;
    margin: 0;
    left:340px;
    top: 0;
    z-index: 10001;
    opacity: 1;
}

nav.global ul {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #fff;
}
nav .nagoya.sp,
nav .nagoya.sp, nav p.time,
nav.global ul.conversion {
    display: none;
}

nav.global ul.g-nav p, nav.global ul.g-nav a {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    width: auto;
    font-size: 16px;
    padding: 0 0.5em;
}
nav.global > ul.g-nav > li > a::after {
    content: "";
    display: block;
    width: 0;
    height: 3px;
    background-color: #1884C4;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 100;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

nav.global.active{
display: none;
}
nav.global:not(.active) {
    opacity:1;
}



/*---------------------------------------------*
* breadcrumbs
*----------------------------------------------*/
.breadcrumbs{
width:96%;
margin: 0 auto;
}
.breadcrumbs ul{
	display:flex;
	justify-content:flex-start;
	align-items: center;
    font-size: 1.2rem;
    font-weight: bold;
}
.breadcrumbs ul li a{
padding:0 1em 0 0;
font-size: 1.2rem;
color: #1884C4;
}
.breadcrumbs ul li a:hover{
text-decoration: underline;
}
.breadcrumbs ul li{
    padding:1em 1em 1em 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #888888;
  position: relative;
}
.breadcrumbs ul li:after{
content: "＞";
right:0.25em;
position: absolute;
}
.breadcrumbs ul li:nth-of-type(1){
padding-left: 0;
}
.breadcrumbs ul li:nth-last-of-type(1):after{
content: none;
}


/*---------------------------------------------*
* main article
*----------------------------------------------*/
main{
padding:0 0 0 0;
margin:0 auto 3vw auto;
width: 96%;
display: block;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
main.no-toppad{
padding:0 0 6vw 0;
}

main > section{
margin-top: 2vw;
padding:5vw 0;
background-color: #ffffff;
line-height: 1.75;
}
main > section section{
margin: 0;
padding: 0 0 1vw 0;
}

main > section section{
margin: 0;
padding:2vw 0 0 0;
}

main > section section section{
margin: 0;
padding:1.5vw 0 0 0;
}

.bg-white{
background-color: #ffffff;
}


h1{
    margin-bottom: 6.5rem;
    font-size: 3.8rem;
    font-weight: 500;
    letter-spacing: .38rem;
    text-align: center;
    color: #1884c4;
    font-family: "Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
}
.catch{
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: .14rem;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 11.5rem;
    font-family: "Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
    position: relative;
}


.catch.black,
.catch.blue{
    margin-top: 1.7rem;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: .1rem;
    color: #1884c4;   
}
.catch.black{
color: #222222;
}

.catch.black:after {
    width: 326px;
    height: 1px;
    position: absolute;
    content: "";
    font-weight: 900;
    bottom:-50px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    background-color: #1884c4;
}

section p.title-head{
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: .14rem;
    font-family: "Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
    color: #1884c4;
    position: relative;
    display: inline-block;
    margin:0 auto;
    padding:0 5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);  
}
section p.title-head:after,section p.title-head:before {
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35px;
    height: 1px;
    background-color: #1884c4;
}
section p.title-head:after{
right: 0;

}
section p.title-head:before{
left:0;
}

section h2.s-title {
    line-height:3;
    font-family: "Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
font-size: 2.8rem;
font-weight: 600;
letter-spacing: .1rem;
color: #1884c4;
text-align: center;
margin-bottom:3vw;
}
section p.title-head + h2.s-title{
font-size: 2rem;
}

section h3{
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: .11rem;
    color: #010101;
    text-align: center;
font-family: "Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
margin-bottom:1vw;
}




/*---------------------------------------------*
* 2 clumun
*----------------------------------------------*/
.flex{
width: 100%;
display: flex;
  justify-content: center;
  align-items:stretch;
justify-content: space-between;


  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
section .half-box{
width: 49%;
max-width: 570px;
}

section .half-box p{
margin-bottom:1em;
letter-spacing: .07rem;
}


section .half-box p a{
color:#1884C4;
}
section .half-box p a:hover{
text-decoration: underline;
}
section .half-box:nth-child(n+3){
margin-top:3vw;
}

.bg-gray{
background-color:#F2F4F5;
padding:3vw 2vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section .half-box.bg-gray{
max-width: inherit;
}

.white-box{
min-height: 530px;
background-color:#FFFFFF;
padding:2vw;
margin-bottom: 2vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.white-box img{
max-width: 100%;
width:100%;
height: auto;
}
.pic,
.white-box .pic{
min-height: 210px;
margin-bottom: 2vw;
display: flex;
  justify-content: center;
  align-items:flex-end;

}
.white-box-list{
font-size: 1.4rem;
font-weight:bold;
line-height: 1.86;
letter-spacing: .07rem;
}



/*---------------------------------------------*
* toc_list
*----------------------------------------------*/

ul.toc_list {
    max-width: 800px;
    display: block;
    clear: both;
    border-width: 2px !important;
    border-radius: 0;
    margin: 5em auto 0 auto;
}
ul.toc_list a {
    display: block;
    border-bottom: 1px solid #eee;
    padding: 0.5em 0 0.5em 2em;
    line-height: 1.5;
    text-indent: -2em;
    color: #1884c4;
    font-size:1.5rem;
}

/*---------------------------------------------*
* frg-box list
*----------------------------------------------*/
.frg-box{
border: 1px solid #cccccc;
padding: 1em;
margin:2em 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul.frg{
margin:0.5vw 0;
line-height: 2;
}
.frg-box ul.frg{
margin: 0;
}
ul.frg li{
position: relative;
padding-left:2em;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul.frg li:before{
content: "";
width: 16px;
height: 16px;
display: block;
margin-right:0.5em;
background-image:url("../images/page/icon_maru_right.png");
background-size: cover;
position: absolute;
top:6px;
left:0.5em;
}


section .half-box .frg-box p,
.frg-box p{
    margin:0;
    letter-spacing:inherit;
}


/*---------------------------------------------*
* blog list
*----------------------------------------------*/
.wrap{
width: 1200px;
margin: 0 auto;
}



main:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
main.sidepage h1{
    font-size:2.8rem;
    text-align: left;
    line-height: 1.5;
    letter-spacing: normal;
    margin-bottom: 1em;
}
main.sidepage h1 br{
display: none;
}
.sidepage .catch{
text-align: left;
margin:0 0 2em 0;
color: #1884C4;
}



.blog h1{
color: #222;
}

.sidepage section h2 {
padding-top: 1em;
    margin:0 0 1em 0;
    font-size: 2rem;
    line-height: 1.5;
    font-weight:bold;
    padding-bottom: .7em;
    border-bottom: 1px solid #c9c9c9;
    color: #000;
}

.sidepage-detail-title {
padding-top: 1em;
    margin:0 0 1em 0;
    font-size: 2rem;
    line-height: 1.5;
    font-weight:bold;
    padding-bottom: .7em;
    border-bottom: 1px solid #c9c9c9;
    color: #000;
}

.sidepage h3,.sidepage h4{
margin-top: 1em;
font-size: 1.6rem;
text-align: left;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.sidepage h4{
font-weight:bold;
}


section.leftbox{
display:block;
width:840px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 10;
float: left;
font-size: 1.6rem;
line-height: 2.5;
}
aside.l-sidebar{
width:305px;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 20;
float: right;
}

section.leftbox p a{
    color: #1884c4;
    text-decoration: none;
}
section.leftbox p a:hover{
text-decoration: underline;
}

section.leftbox>section{
padding-bottom: 3em;
}

section.leftbox img{
max-width: 100%;
height: auto;
width: auto;
}



section.customer-s h2.s-title {
margin-bottom:0;
}
section.customer-s img.sp{
display: none;
}
section.customer-s img{
margin:2vw auto;
display: block;
}


blockquote {
    position: relative;
    margin: 1em 0;
    padding: 1.5em;
    font-size: .9em;
    border: 1px solid #CCC;
    border-radius: 6px;
    line-height:1.5;
}

blockquote:before {
    top: -12px;
    left: 1px;
    content: '“';
}
blockquote:before, blockquote:after {
    position: absolute;
    font-size: 4em;
    opacity: .1;
}
blockquote:after {
    bottom: -35px;
    right: 1px;
    content: '”';
}
p.link{
font-size: 1rem;
padding:0 0 1em 1em;
}
p.link a{
color: #1884C4;
}
p.link a:hover{
text-decoration:underline;
}

.half-box-list{
    margin-top:3vw;
    padding:3vw 2vw;
    background-color: #f2f4f5;
}
.half-box-list > li {
    border: 1px solid #1884c4;
    margin-bottom:3vw;
    background-color: #fff;
}
.half-box-list> li .head {
    color: #1884c4;
    text-align: center;
    border-bottom: 1px solid #1884c4;
    background-color: #f1f8fc;
    font-weight:bold;
    letter-spacing: .16rem;
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
    font-size: 1.6rem;
}
.half-box-list > li:nth-last-of-type(1){
margin-bottom: 0;
}
.half-box-list > li p:not(.head){
    padding:1.5em 2vw;
}




ul.related-list,
ul.blog-list{
width:100%;
	display:flex;
	justify-content:flex-start;
	align-items: center;
justify-content: space-between;    
-ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
ul.related-list li,
ul.blog-list li{
width:100%;
border-top: 1px solid #c9c9c9;
}
ul.blog-list li:nth-last-child(-n+2){
border-bottom: 1px solid #c9c9c9; 
}
ul.related-list li a,
ul.blog-list li a{
display: block;
padding: 27px 50px 27px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height:2;
font-size: 1.6rem;
position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
ul.related-list li a:after{
content: "";
width: 10px;
height: 18px;
display: block;
background-image: url("../images/icon-right-solid-bk.svg");
background-size: cover;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  position: absolute;
  right: 0;
  top:50%;
  margin: -9px 30px 0 0;
}
ul.related-list li a:hover:after{
  margin: -9px 20px 0 0;
}
ul.related-list li a:hover,
ul.blog-list li a:hover{
background-color: #F7F7F7;
}

ul.related-list li:nth-last-child(1){
border-bottom: 1px solid #c9c9c9; 
}
ul.related-list li h3.title{
text-align: left;
font-size: 1.6rem;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-weight: normal;
}

ul.blog-list h2{
font-family: "Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
    margin:2rem 0;
    padding: 0 0 1em 0;
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: .11rem;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: none;
}

ul.related-list p,
ul.blog-list p{
overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;    
font-size: 1.4rem;
line-height: 1.86;
letter-spacing: .07rem;
}
ul.related-list .data-area,
ul.blog-list .data-area{
	display:flex;
	justify-content:flex-start;
	align-items: center;
    font-size: 1.1rem;
color: #6d6d6d;
}
ul.related-list .data-area time,
ul.blog-list .data-area time{
    color: #ffaa16;
    font-weight: bold;
    padding-right:1em;
}
ul.related-list .data-area .cat span,
ul.blog-list .data-area .cat span{
text-decoration: underline;
}

ul.related-list h3{
margin: 0;
}
ul.related-list li a, ul.blog-list li a {
    display: block;
    padding:1em 0;
}



.sidepage section.leftbox aside.related >h2{
    padding-top:0;
    margin: 0 0 1em 0;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: bold;
    padding-bottom: .7em;
    border-bottom:none;
    color: #1884C4;
}
.sidepage section.leftbox aside.related >h2 span:nth-of-type(2){
font-size: 1.6rem;
font-weight: normal;
padding-left: 1em;
}

.relation-articals-title1{
    padding-top: 0;
    margin: 0 0 1em 0;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: bold;
    padding-bottom: .7em;
    border-bottom: none;
    color: #1884C4;
}

.relation-articals-sub{
    font-size: 1.6rem;
    font-weight: normal;
    padding-left: 1em;
}

.relation-articals-title2{
    text-align: left;
    font-size: 1.6rem;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-weight: normal;
}

section section {
margin: 0;
padding: 0 0 1vw 0;
}


section>h3.txtL{
margin: 0;
}
section>h3.txtL:nth-child(n+2){
margin:3vw 0 0 0;
}
.demerit h2.s-title,
.merit h2.s-title {
    font-size: 2.8rem;
    letter-spacing: .14rem;
}

.feature h3,
.demerit h3,
.merit h3{
    text-align: left;
    font-size: 1.6rem;
    margin-bottom: 1rem;
    letter-spacing: .08rem;
    color: #010101;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    padding-left: 2em;
    position: relative;
}
.demerit h4,
.merit h4{
font-weight:bold;
padding-left: 0.5em;
position: relative;
}
.feature h3:before,
.merit h3:before{
content:"";
background-image: url("../images/page/icon_check_blue.png");
background-size: cover;
width:25px;
height:25px;
display: block;
left: 0;
top:2px;
position: absolute;
}
.demerit h3:before{
content:"";
background-image: url("../images/page/icon_nocheck_blue.png");
background-size: cover;
width:25px;
height:25px;
display: block;
left: 0;
top:2px;
position: absolute;
}
section section h3{
text-align: left;
color:#1884C4;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
section section h3{
margin:0 0 0.5vw 0;
}

section section section h4{
font-weight: bold;
}
p strong{
 background: linear-gradient(transparent 50%, #FEFEA5 0%);
font-weight: bold;
}





/*---------------------------------------------*
* proce-s
*----------------------------------------------*/

section.proce-s .nagare{
width: 100%;
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
    margin-top: 5vw;
}
section.proce-s .nagare li{
width:300px;
height:auto;
counter-increment: step-number;
position: relative;
padding: 3vw 1vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
display: block;
position: relative;
z-index: 1;
}
section.proce-s .nagare li:nth-child(n+2){
padding:3vw 1.5vw 3vw 2.5vw;
}
section.proce-s .nagare li section{
background-color:transparent;
}
section.proce-s .nagare li:before{
position: absolute;
content: counter(step-number);
font-family: LibreBaskerville;
font-size: 2.4rem;
width: 5.9rem;
height: 5.9rem;
background-color: #1884c4;
border-radius: 50%;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
left: 50%;
top: 0;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
section.proce-s .nagare li img{
height: 90px;
width: auto;
margin-bottom: 2em;
}
section.proce-s .nagare li h3{
    letter-spacing:.8px;
    color: #1884c4;
    font-size: 1.6rem;
    margin-bottom:2rem;
    text-align: center;
}
section.proce-s .nagare li p{
text-align: left;
margin-bottom: 1em;
}
section.proce-s .nagare li p.caution{
font-size: 1.2rem;
text-indent: -1em;
margin-left: 1em;
}


section.proce-s .nagare li:nth-of-type(1){
background-image:url("../images/page/proce_step_bg_01.png");
background-repeat: no-repeat;
background-position: left top;
background-size:100% 100%;
}
section.proce-s .nagare li:nth-of-type(2){
background-image:url("../images/page/proce_step_bg_02.png");
background-repeat: no-repeat;
background-position: left top;
background-size:100% 100%;
}
section.proce-s .nagare li:nth-of-type(3){
background-image:url("../images/page/proce_step_bg_03.png");
background-repeat: no-repeat;
background-position: left top;
background-size:100% 100%;
}
section.proce-s .nagare li:nth-of-type(4){
background-image:url("../images/page/proce_step_bg_04.png");
background-repeat: no-repeat;
background-position: left top;
background-size:100% 100%;
}

section.proce-s .kakunin{
margin-top: 5vw;
width: 100%;
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
    justify-content: space-between;    
}
section.proce-s .kakunin section{
width: 49%;
padding: 1vw 2vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #1884C4;
background-color: #ffffff;
}
section.proce-s .kakunin section h3{
display: inline-block;
margin: 0 auto 1em auto;
font-family: "Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
left: 50%;
transform: translateX(-50%);
position: relative;
}
section.proce-s .kakunin section h3:after{
content: "";
width: 100%;
height: 1px;
background-color: #1884C4;
position: absolute;
bottom:-5px;
left: 0;
}
section.proce-s .kakunin section ul li{
list-style: circle;
}





/*---------------------------------------------*
* l-sidebar
*----------------------------------------------*/
form:-moz-placeholder, form:placeholder {
    opacity: 1;
    color: #c6c6c6;
}
.l-sidebar form{
	display:flex;
	justify-content:flex-start;
	align-items: center;	
}
.l-sidebar .search input {
    width: 80%;
    height: 38px;
    padding: .5rem 2rem;
    font-size: 1.4rem;
    letter-spacing: .7px;
    border: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.l-sidebar .search button {
    background-color: #1884c4;
    width: 20%;
    height: 38px;
    font-size: 17px;
    color: #fff;
    border: 0;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.l-sidebar .search button img{
height:30px;
width: auto;
}

.l-sidebar section{
display: block;
}

.l-sidebar section h2{
    margin-top: 4rem;
    margin-bottom: 1.5rem;
    background-color: #f2f4f5;
    padding:1rem 1vw;
    color: #1884c4;
	display:flex;
	justify-content:flex-start;
	align-items: center;
    justify-content: space-between;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: normal;
}
.l-sidebar h2 span:nth-of-type(1){
font-size: 2.4rem;
letter-spacing: .12rem;
    font-family: Libre Baskerville,"Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
}
.l-sidebar h2 span:nth-of-type(2){
font-size: 1.4rem;
letter-spacing: .07rem;
}

.l-sidebar section .md-sidebar-title{
    margin-top: 4rem;
    margin-bottom: 1.5rem;
    background-color: #f2f4f5;
    padding:1rem 1vw;
    color: #1884c4;
	display:flex;
	justify-content:flex-start;
	align-items: center;
    justify-content: space-between;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: normal;
}
.l-sidebar .md-sidebar-title span:nth-of-type(1){
    font-size: 2.4rem;
    letter-spacing: .12rem;
    font-family: Libre Baskerville,"Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
}
.l-sidebar .md-sidebar-title span:nth-of-type(2){
    font-size: 1.4rem;
    letter-spacing: .07rem;
}

.l-sidebar input#archive-acc{
display: none;
}
.l-sidebar ul li,
.l-sidebar ul{
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
line-height: 1.5;
}
.l-sidebar label.acc-btn,
.l-sidebar ul li > a {
	display:flex;
	justify-content:flex-start;
	align-items: center;	
    padding:0 0 0 40px;
    position: relative;
    color: #222;
    width:95%;
    height:55px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;    
}
.l-sidebar label.acc-btn:before,
.l-sidebar ul li > a:before {
    position: absolute;
    content:"";
    width:8px;
    height: 13px;
    display: block;
    background-image: url("../images/icon-right-solid-bk.svg");
    left: 15px;
    top: 50%;
    background-size: cover;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}
.l-sidebar ul li > a:after {
    position: absolute;
    content: "";
    bottom: 0;
    left:40px;
    width:83%;
    background-color: #c9c9c9;
    height: 1px;
}
.l-sidebar ul li > a p{
overflow: hidden;
/*white-space: nowrap;*/
line-height: 1.5;
text-overflow: ellipsis;
}
.l-sidebar ul li > a img{
max-width: 100%;
height: auto;
width: auto;
}
.l-sidebar input#archive-acc:checked ~ label.acc-btn,
.l-sidebar ul li:nth-last-of-type(1) > a:after,
.l-sidebar ul.archive-list li:nth-child(n+6){
display: none;
}
.l-sidebar input#archive-acc:checked ~ ul.archive-list li:nth-child(n+6){
display: block;
}


.l-sidebar aside{
clear: both;
display: block;
height: auto;
width: 100%;
}
.l-sidebar .bnr{
margin-top: 3.5rem;
}
.l-sidebar ul.bnr-list,
.l-sidebar ul.bnr-list li{
display: block;
clear: both;
padding-bottom: 1em;
}
.l-sidebar ul.bnr-list li img{
max-width: 100%;
height: auto;
width:100%;
}
.l-sidebar ul.bnr-list li > a{
width: 100%;
height: auto;
padding: 0;
display: block;
}
.l-sidebar ul.bnr-list li > a:before {
display: none;
}


/*---------------------------------------------*
* pager
*----------------------------------------------*/
.pager,.pager a,.pager span {
margin-top: 2em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.pager a, .pager span {
    margin: 0 .7rem;
    width: 4rem;
    height: 4rem;
    font-size: 1.6rem;
    white-space: nowrap;
    border: 1px solid #1884c4;
    color: #1884c4;
    background: #fff;
      -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
.pager a.prev,
.pager a.next,
.pager span.reader{
border: none;
}
.pager a:hover, .pager span.active{
background-color: #1884c4;
color: #ffffff;
}
.pager svg{
width:8px;
height: auto;
fill:#1884c4;
}
.pager a:hover svg{
fill:#ffffff;
}

.post-pager .post-link-list{
padding:5vw 0;
display: flex;
  justify-content: center;
  align-items: center;
justify-content: space-between;
}
.post-pager .post-link-list li{
width: 32%;
position: relative;
display: flex;
  justify-content: center;
  align-items: center;

}
.post-pager .post-link-list li a{
display: flex;
height: 45px;
width: 100%;
  justify-content: center;
  align-items: center;
border: 1px solid #1884C4;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index:200;
color:#1884c4;
}
.post-pager .post-link-list svg{
position: absolute;
width: 14px;
height: auto;
fill: #1884C4;
z-index: 201;
}
.post-pager .post-link-list li.riverse svg{
left:1em;
transform: rotate(-90deg);
}
.post-pager .post-link-list li.next svg{
right:1em;
transform: rotate(90deg);
}

.post-pager .post-link-list li a:after{
position: absolute;
content: "";
display: block;
width:100%;
height: 100%;
left: 0;
top: 0;
z-index:-1;
  transform-origin:right top;
  transform:scale(0, 1);
  transition:transform .5s;
background-color:#1884c4;

}
.post-pager .post-link-list li a:hover{
color: #ffffff;
text-decoration: none;
}
.post-pager .post-link-list li a:hover + svg{
fill:#ffffff;
}
.post-pager .post-link-list li a:hover:after{
  transform-origin:right top;
  transform:scale(1, 1);
  opacity: 1;
}
.post-pager .post-link-list li.next a:after{
transform-origin:left top;
}
.post-pager .post-link-list li.next a:hover:after{
  transform-origin:left top;
}
.post-pager .post-link-list li.stay a:after{
display: none;
}
.post-pager .post-link-list li.stay a:hover{
background-color:#1884c4; 
}




/*---------------------------------------------*
* pagenav
*----------------------------------------------*/
.anchor-list{
width: 100%;
display: flex;
  justify-content: center;
  align-items: center;
justify-content:space-around;
margin-bottom: 6vw;
}

.anchor-list a{
display: flex;
  justify-content: center;
  align-items: center;
    padding: 1.5em;
    position: relative;
    width: 100%;
    text-decoration: none;
    line-height: 1;
    z-index: 1;
    color: #1884c4;
    border: 1px solid #1884c4;
    width: 225px;
    max-width: 225px;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease;
}
.anchor-list a:after{
content:"";
width:13.6px;
height:8px;
background-image: url("../images/icon-up-solid-blue.svg");
background-size: cover;
position: absolute;
top:45%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transform: rotate(180deg);
z-index: 10;
right: 1em;
}
.anchor-list a:hover{
background-color:#1884C4;
color: #ffffff;
}
.anchor-list a:hover:after{
background-image: url("../images/icon-up-solid-w.svg");
}

.anchor-list-ex{
width: 100%;
display: flex;
  justify-content: flex-start;
  align-items: center;

margin-bottom: 4vw;
flex-wrap: wrap; /* 折返し指定 */
}

.anchor-list-ex li{
width: 20%;
margin-bottom: 1vw;
}

.anchor-list-ex a{
display: flex;
  justify-content: center;
  align-items: center;
    padding: 1.5em;
    position: relative;
    width: 100%;
    text-decoration: none;
    line-height: 1;
    z-index: 1;
    color: #1884c4;
    border: 1px solid #1884c4;
    width: 225px;
    max-width: 225px;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease;
}
.anchor-list-ex a:after{
content:"";
width:13.6px;
height:8px;
background-image: url("../images/icon-up-solid-blue.svg");
background-size: cover;
position: absolute;
top:45%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transform: rotate(180deg);
z-index: 10;
right: 1em;
}
.anchor-list-ex a:hover{
background-color:#1884C4;
color: #ffffff;
}
.anchor-list-ex a:hover:after{
background-image: url("../images/icon-up-solid-w.svg");
}

/*---------------------------------------------*
* .wrap.graybox 
*----------------------------------------------*/
.wrap.graybox{
background-color:#F2F4F5;
padding: 70px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 5rem;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
    justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.wrap.graybox .half-box{
    width: 460px;
}
.wrap.graybox .half-box img{
width: 100%;
height: auto;
margin-bottom: 2.5rem;
}
.wrap.graybox .half-box h2{
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.wrap.graybox .half-box{
display: block;
line-height: 2;
width: 500px;
}
.wrap.graybox .half-box h4,
.wrap.graybox .half-box h3{
font-weight: 700;
}
.wrap.graybox .half-box h3:nth-of-type(1){
margin-top: 0;
}

main aside.sp,
main address.sp{
display: none;
}



/*---------------------------------------------*
* width 1350px
*----------------------------------------------*/
@media screen and (max-width:1350px) {

/*---------------------------------------------*
* header
*----------------------------------------------*/
header.active {
    width: 100%;
    height:140;
    opacity:1;

}
header.active {
    align-items: flex-start;
    height: 140px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
}
header.active > a:nth-of-type(1) {
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 0 3.125%;
}
header.active ul.right {
    display: flex;
    height: 70px;
    justify-content: flex-start;
    align-items: center;
}
header.active ul.right {
    height: auto;
    width: 100%;
    justify-content: flex-end;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
header.active ul.right li {
    height: 70px;
}
header.active ul.right li.contact {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 3.125% 0 0;
}
header.active ul.right .btn {
    width: -webkit-calc(50% - 35px);
    width: calc(50% - 35px);
}
header.single.active ul.right.general>li.btn{
display: block;
    width: -webkit-calc(50% - 35px);
    width: calc(50% - 35px);
}
header.active ul.right .btn a {
    width: 100%;
}

/*---------------------------------------------*
* nav
*----------------------------------------------*/
nav.global.active{
display:block;
}
nav.global {
    left:270px;
}





h1 {
font-size: 3vw;
margin-bottom:5vw;
}
h1 img{
width:8vw;
height: auto;
}
.catch {
    font-size:2.4vw;
    margin-bottom:5vw;
}
.anchor-list a {
font-size: 1.4vw;
}

.wrap.graybox {
    background-color: #F7F7F7;
    padding:5vw;
}
.wrap.graybox .half-box{
    width:48%;
}

.anchor-list-ex a {
font-size: 1.4vw;
}

.wrap.graybox {
    background-color: #F7F7F7;
    padding:5vw;
}
.wrap.graybox .half-box{
    width:48%;
}

/*---------------------------------------------*
* anchor-list
*----------------------------------------------*/
.anchor-list a {
    width:100%;
    min-width: 18vw;
    max-width:18vw;
}

.anchor-list-ex a {
    width:100%;
    min-width: 18vw;
    max-width:18vw;
}

/*---------------------------------------------*
* サイドバー付きページ
*----------------------------------------------*/
.sidepage h1 {
    font-size:2.6vw;
}
.wrap {
    width:96%;
    margin: 0 auto;
}
section.leftbox {
    width:70%;
}
aside.l-sidebar{
width: 28%;
}
aside.l-sidebar aside.bnr ul li {
    width:100%;
}
.l-sidebar h2{display: block;padding:1.5vw 2vw;}
.l-sidebar h2 span{display: block;clear: both;}
.l-sidebar h2 span:nth-of-type(1) {
    font-size:2rem;
    margin-bottom: 0.5em;
}

.l-sidebar .md-sidebar-title{display: block;padding:1.5vw 2vw;}
.l-sidebar .md-sidebar-title span{display: block;clear: both;}
.l-sidebar .md-sidebar-title span:nth-of-type(1) {
    font-size:2rem;
    margin-bottom: 0.5em;
}

.l-sidebar section .md-sidebar-title {
    margin-top:4vw;
    margin-bottom:2vw;
    background-color: #f2f4f5;
    color: #1884c4;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    justify-content: space-between;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;    
}

.l-sidebar section h2 {
    margin-top:4vw;
    margin-bottom:2vw;
    background-color: #f2f4f5;
    color: #1884c4;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    justify-content: space-between;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;    
}
.sidepage section h2 {
    padding-top:1em;
    margin: 0 0 0 0;
    margin-top: 0px;
    margin-bottom: 1em;
    font-size:1.6rem;
    line-height: 1.5;
    font-weight: bold;
    padding-bottom: .7em;
    border-bottom: 1px solid #c9c9c9;
    color: #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;    
}

.sidepage-detail-title {
    padding-top:1em;
    margin: 0 0 0 0;
    margin-top: 0px;
    margin-bottom: 1em;
    font-size:1.6rem;
    line-height: 1.5;
    font-weight: bold;
    padding-bottom: .7em;
    border-bottom: 1px solid #c9c9c9;
    color: #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;    
}

.sidepage.blog-list section h2 {
    border-bottom:none;
}

.l-sidebar h2 span{
    color: #1884c4;
}
.l-sidebar h2 span:nth-of-type(1) {
    font-size:1.6rem;
    margin-bottom:0em;
 }
 .l-sidebar .md-sidebar-title span{
    color: #1884c4;
}
.l-sidebar .md-sidebar-title span:nth-of-type(1) {
    font-size:1.6rem;
    margin-bottom:0em;
}
.l-sidebar section {
    display: block;
    margin:3vw 0;
}

}
/* width 1350px end --------------------------------------------*/

/*---------------------------------------------*
* width 1280px
*----------------------------------------------*/
@media screen and (max-width:1200px) {
/*---------------------------------------------*
* header
*----------------------------------------------*/
body{
padding-top: 50px;
}
header.active ul.right{
display: none;
}
header.active, header {
    height: 50px;
}
header > a:nth-of-type(1),
header.active > a:nth-of-type(1) {
    height: 40px;
    padding: 5px 0 0 3.125%;
}
header img.logo {
    height: 40px;
    width: auto;
}
header.page-single.active, header.page-single,
header.page.active, header.page{
height: auto;
	display:flex;
	justify-content:space-between;
	align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
span.cat{
line-height: 1.5;
font-size: 1.2rem;
}
.sidepage.blog-list section h2 {
    border-bottom:none;
}
section.leftbox h1 {
    font-weight: bold;
}

/*---------------------------------------------*
* nav
*----------------------------------------------*/
nav.global {
    box-shadow: none;
    position: fixed;
    margin: 0;
    left: 270px;
    top: 0;
    z-index: 10001;
}
nav.global {
    position: fixed;
    display: block;
    width: 100%;
    height: 0;
    min-height: inherit;
    max-height: inherit;
    overflow: hidden;
    background-color: #FFF;
    left: 0;
    top: 50px;
}
#chk:checked ~ nav.global {
    height: 100%;
}
nav.global > ul.g-nav {
    border-top: 1px solid #AAAAAA;
}
nav.global ul {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

nav.global .nagoya.sp, nav.global .nagoya.sp, nav.global p.time, nav.global ul.conversion {
display: flex;
}
nav.global ul {
    display: flex;
    justify-content: flex-end;
    /*align-items: flex-start;*/
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
nav.global > ul.g-nav li {
    min-width: 50%;
    max-width: inherit;
    width: auto;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #AAAAAA;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

nav.global > ul.g-nav li:nth-child(2n+1) {
    border-left: 1px solid #AAAAAA;
}
nav.global > ul.g-nav > li:nth-last-of-type(1) {
    margin-top: -53px;
    z-index: 10002;
    left:100%;
}

nav.global ul.g-nav a {
    font-size: 1.6rem;
    color: #333;
    font-weight: bold;
    height: 52px;
    padding: 0 1em;
    justify-content: flex-start;
    position: relative;
}

.breadcrumbs ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding:0.5em 0;
      font-size: 1rem;
}
.breadcrumbs ul li a{
    font-size:1rem;
    padding:0 1em 0 0;
}


}
/* width 1200px end --------------------------------------------*/


/*---------------------------------------------*
* width 1000px
*----------------------------------------------*/
@media screen and (max-width:1000px) {
}
/* width 1000px end --------------------------------------------*/

/*---------------------------------------------*
* width 768px
*----------------------------------------------*/
@media screen and (max-width:768px) {
header.peage.mv > h1 {
    font-size:2rem;
}

section h2.s-title, 
section p.title-head + h2.s-title {
margin: 3vw 0;
}

section p.title-head {
    font-size:2rem;
    text-align: center;
    line-height:1;
}
.demerit h2.s-title, .merit h2.s-title,
section h2.s-title {
    font-size:1.8rem;
    line-height: 2;
}

.pic, .white-box .pic {
    min-height:inherit;
    margin-bottom: 2vw;
}
.white-box {
    min-height:inherit;
}

section .wrap .flex {
    width: 100%;
    display:block;    
}
section .half-box {
    width:96%;
    max-width:inherit;
    margin:5vw auto;
}
ul.toc_list {
width: 90%;
margin: 3vw auto;
}

aside.pc.sp{
    display: block;
    width:96%;
    margin: 3vw auto;
}


main address.sp{
display:block;
}

h1 {
font-size:2rem;
margin-bottom:3vw;
}
h1 img{
width:50px;
height: auto;
}
.catch {
    font-size:1.8rem;
    margin-bottom:3vw;
}
.anchor-list{
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
}
.anchor-list li a{
width:100%;
display: flex;
  justify-content:flex-start;
  align-items:flex-start;
  min-width:100%;
  min-height:inherit;
  padding:1em;
  border: none;
  border-left: 1px solid #1884C4;
  border-top:  1px solid #1884C4;
  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.4rem;
}
.anchor-list li:nth-last-of-type(1) a,
.anchor-list li:nth-child(even) a{
  border-right: 1px solid #1884C4;
}
.anchor-list li:nth-child(n+4) a{
  border-bottom:1px solid #1884C4;
}
.anchor-list li:nth-last-of-type(1) a{
width: 100.5%;
min-width: 100.5%;
}

.anchor-list li{
min-width:50%;
min-height: 40px;
}

.anchor-list-ex{
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
}
.anchor-list-ex li a{
width:100%;
display: flex;
  justify-content:flex-start;
  min-width:100%;
  min-height:inherit;
  padding:1em;
  border: none;
  border-left: 1px solid #1884C4;
  border-top:  1px solid #1884C4;
  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.2rem;
border-bottom: 1px solid #1884C4;
}
.anchor-list-ex li:nth-last-of-type(1) a,
.anchor-list-ex li:nth-child(even) a{
  border-right: 1px solid #1884C4;
}
.anchor-list-ex li:nth-child(n+4) a{
  border-bottom:1px solid #1884C4;
}
.anchor-list-ex li:nth-last-of-type(1) a{
width: 100%;
min-width: 100%;
}

.anchor-list-ex li{
min-width:50%;
min-height: 40px;
}

.wrap.graybox .half-box{
    width:100%;
}
main aside.sp, main address.sp {
    display:block;
    width: 100%;
}


/*---------------------------------------------*
* サイドバー付きページ
*----------------------------------------------*/
.wrap {
    width:96%;
    margin: 0 auto;
}
section.leftbox {
    width:100%;
    line-height: 2;
}
.breadcrumbs{
}

.breadcrumbs ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding:0.5em 0;
}
.breadcrumbs ul li {
    padding:0.5em 1em 0.5em 0;
}
.breadcrumbs ul li a{
    font-size:1rem;
    padding:0 0.5em 0 0;
}
section.leftbox h1 {
    font-size:5vw;
    text-align: center;
    line-height: 1.5;
}
.sidepage section.leftbox h1{
text-align: left;
}

section.leftbox h1 br{
display: block;
}
section.leftbox h2 {
    font-size:4.3vw;
}

/*---------------------------------------------*
* blog-list
*----------------------------------------------*/
ul.related-list li a,
ul.blog-list li a {
    display: block;
    padding:1em 1em 1em 0;
}
ul.related-list p ,
ul.blog-list p {
    font-size: 1.2rem;
    line-height: 1.5;
}
ul.related-list h3,
ul.blog-list h2 {
    margin:1em 0;
    font-size: 1.5rem;
    line-height: 1.5;
}
ul.related-list li a:after,
ul.blog-list li a:after {
    content: "";
    width:7px;
    height:12px;
    display: block;
    background-image: url("../images/icon-right-solid-bk.svg");
    background-size: cover;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin:0 3px 0 0;
}
ul.related-listli a:hover:after,
ul.blog-list li a:hover:after{
  margin: 0 0 0 0;
}

aside.l-sidebar{
width:100%;
margin-top:8rem;
}
aside.l-sidebar aside.bnr ul li {
    width:100%;
}
.l-sidebar h2{display: block;padding:1.5vw 2vw;}
.l-sidebar h2 span{display: block;clear: both;}
.l-sidebar h2 span:nth-of-type(1) {
    font-size:2rem;
    margin-bottom: 0.5em;
}
.l-sidebar .md-sidebar-title{display: block;padding:1.5vw 2vw;}
.l-sidebar .md-sidebar-title span{display: block;clear: both;}
.l-sidebar .md-sidebar-title span:nth-of-type(1) {
    font-size:2rem;
    margin-bottom: 0.5em;
}
.l-sidebar label.acc-btn:before, .l-sidebar ul li > a:before {
left: 0;
}
.l-sidebar label.acc-btn, .l-sidebar ul li > a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0 0 20px;
    position: relative;
    color: #222;
    width: 95%;
    height:46px;
}
.l-sidebar ul li > a::after {
    left: 20px;
    width: 95%;
}

.pager a, .pager span {
    margin: 0 1vw;
    width: 8vw;
    height: 8vw;
    max-width: 3rem;
    max-height: 3rem;
    font-size: 1.5rem;
}
.post-pager{
margin-top: 10vw;
}

.post-pager .post-link-list li a {
font-size: 1.4rem;
}
.post-pager .post-link-list li.riverse svg {
    left:0.3em;
}
.post-pager .post-link-list li.next svg {
    right:0.3em;
}

section.customer-s img{
    display: none;
}
section.customer-s img.sp {
    display:block;
}


.l-sidebar section h2 {
    margin-top:4vw;
    margin-bottom: 1vw;
    background-color: #f2f4f5;
    padding:1vw 2vw;
    color: #1884c4;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    justify-content: space-between;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;    
}
.l-sidebar section .md-sidebar-title {
    margin-top:4vw;
    margin-bottom: 1vw;
    background-color: #f2f4f5;
    padding:1vw 2vw;
    color: #1884c4;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    justify-content: space-between;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;    
}
.sidepage section h2 {
    padding-top:1em;
    margin: 0 0 0 0;
    margin-top: 0px;
    margin-bottom: 1em;
    font-size:1.6rem;
    line-height: 1.5;
    font-weight: bold;
    padding-bottom: .7em;
    border-bottom: 1px solid #c9c9c9;
    color: #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;    
}

.sidepage-detail-title {
    padding-top:1em;
    margin: 0 0 0 0;
    margin-top: 0px;
    margin-bottom: 1em;
    font-size:1.6rem;
    line-height: 1.5;
    font-weight: bold;
    padding-bottom: .7em;
    border-bottom: 1px solid #c9c9c9;
    color: #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;    
}

.l-sidebar h2 span:nth-of-type(1) {
    font-size:1.6rem;
    margin-bottom:0em;
}
.l-sidebar .md-sidebar-title span:nth-of-type(1) {
    font-size:1.6rem;
    margin-bottom:0em;
}
.l-sidebar .search button img {
    height:26px;
    width: auto;
    margin-bottom: 0;
}

.l-sidebar section {
    display: block;
    margin:3vw 0;
}

}
/* width 768px end --------------------------------------------*/

/*---------------------------------------------*
* width 640px
*----------------------------------------------*/
@media screen and (max-width:640px) {
}
/* width 640px end --------------------------------------------*/

/*---------------------------------------------*
* width 480px
*----------------------------------------------*/
@media screen and (max-width:480px) {
nav ul.conversion > li a, nav.global > ul > li ul.second li a, nav.global ul.g-nav a {
    font-size: 1.1rem;
}

}
/* width 480px end --------------------------------------------*/

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


.top-image img,
.buttons img {
    display: block; /* ブロック要素として表示 */
    max-width: 100%; /* 親要素の幅に合わせる */
    height: auto; /* 高さを自動調整 */
}

.buttons {
    display: flex;
    justify-content: space-between; /* ボタン間のスペースを均等に分配 */
}

.buttons a {
    flex: 1; /* ボタンが均等な幅になるように設定 */
    margin: 0 5px; /* ボタン間のマージンを設定 */
}

.purchase-news {
padding: 0px 20px 20px 20px;
}

.purchase-news h2,
.purchase-news dl {
    color: black;
    margin: 0; /* マージンをリセット */;
}

.purchase-news h2 {
text-align:left;
    padding-bottom: 20px;
    font-size: 18px;
}


.purchase-news dl {
    list-style: inside;
    font-weight: bold;
}

.purchase-news dd {
padding-left: 0px;
margin-bottom: 0px;
font-size: 16px;
font-weight: normal;
color: rgb(51, 51, 51);
font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}

.purchase-news dt {
padding-left: 20px;
margin-bottom: 0px;
font-size: 16px;
font-weight: normal;
color: rgb(51, 51, 51);
font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}

.inside-column-top-text{
    padding: 15px 20px 20px 20px;
}

.sp-ul-11 dd{
line-height: 16px;
}

.sp-ul-11 dt{
line-height: 16px;
}

@media (min-width: 769px) {
.sp-ul-11{
display:none;
font-size: 16px;
}

.pc-ul-11 div {
  display: flex;
}
.purchase-news dd {
margin-left: 0;
}

.purchase-news dt {
  width: 300px; /* 必要に応じて調整してください */
  margin-right: 20px; 
}
}

@media (max-width: 768px) {
.purchase-news {
padding: 20px 0px 0px 20px;
}
.purchase-news h2 {
    padding-bottom: 20px;
}
.inside-column-top-text{
padding:0;
}
.pc-ul-11{
display: none;
}

.purchase-news dd {
padding-left: 0px;
margin-bottom: 35px;
font-size: 18px;
}

.purchase-news dt {
padding-left: 0px;
margin-bottom: 18px;
font-size: 18px;
}

.buttons {
           display: block;
    }
    
.purchase-news h2,
.purchase-news dl {
    font-size: 16px;
}
}

.company .staff {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin: 0 auto 60px;
    width: 100%;
}

.company .staff img {
    width: 30%;
    max-width: 360px;
    max-height: 435px;
    object-fit: contain;
}

.company .staff .declaration p {
    margin: 10px auto;
}

@media screen and (max-width:768px) {
    .company .staff {
        flex-direction: column;
        align-items: center;
        gap: 0;
    }

    .company .staff img {
        width: 90%;
        max-width: 360px;
        max-height: 100%;
    }
}

/* greeting-test: photo above / text below (PC) */
.company .staff-greeting-test {
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.company .staff-greeting-test img {
    width: 100%;
    max-width: 900px;
    max-height: none;
    height: auto;
    object-fit: contain;
}

.company .staff-greeting-test .declaration {
    width: 100%;
    max-width: 900px;
}

.company .staff-greeting-test .declaration p {
    margin: 10px 0 30px;
    white-space: normal;
}

.company .staff-greeting-test .declaration .sl1 {
    margin-bottom: 40px;
}

.company .staff-greeting-test .declaration .sl1 p {
    margin-left: 0;
    text-align: right;
}

@media screen and (max-width:768px) {
    .company .staff-greeting-test {
        gap: 0;
    }

    .company .staff-greeting-test img {
        width: 90%;
        max-width: 100%;
    }
}

.cta_box {
    display: flex;
    justify-content: center;
}
.cta_box a {
    display: block;
    color: #fff;
    border-radius: 40px;
    width: 180px;
    margin: 20px;
    padding: 5px 0;
    text-align: center;
    font-size: 18px;
    }
.cta_box a.add01 {
    background: #003A9A;
    border: solid 1px #003A9A;
}
.cta_box a.add01:hover {
    color: #003A9A;
    background: #fff;
}
.cta_box a.add02 {
    background: #1884c4;
    border: solid 1px #1884c4;
}
.cta_box a.add02:hover {
    color: #1884c4;
    background: #fff;
}

.column_cta {
    display: flex;
    justify-content: center;
}

.column_cta a {
    display: block;
    width: 260px;
    height: 60px;
    margin: 20px;
    border-radius: 50px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.column_cta a.add01 {
    background: #003A9A;
    color: #fff;
    border: #003A9A solid 1px;
}
.column_cta a.add02 {
    background: #fff;
    color: #003A9A;
    border: #003A9A solid 1px;
}
.column_cta a.add01:hover {
    background: #fff;
    color: #003A9A;
}
.column_cta a.add02:hover {
    background: #003A9A;
    color: #fff;
}
@media screen and (max-width:768px) {
    .column_cta a {
        width: 45%;
        margin: 40px auto;
    }
}

.cta_cnt {
    margin: 30px 0;
    border: #003A9A solid 2px;
}
.cta_cnt .txt1 {
    background: #003A9A;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 4px 0;
}
.cta_cnt .txt2 {
    padding: 20px;
    line-height: 2;
}
.cta_cnt .txt3 {
    padding: 20px;
    line-height: 2;
}
.cta_cnt span {
    color: #ff9110;
    border-bottom: 1px solid #ff9110;
}
ul.page-numbers {
    display: flex;
    justify-content: center;
}
ul.page-numbers li {
    margin: 10px;
}
ul.page-numbers li a {
    border: solid 2px #1884C4;
    color: #1884C4;
    display: block;
    padding: 0px 20px;
}
ul.page-numbers li span {
    border: solid 2px #1884C4;
    color: #fff;
    background: #1884C4;
    display: block;
    padding: 0px 20px;
}
ul.page-numbers li span.dots {
    border: none;
    background: none;
    color: #1884C4;
    padding: 0;
}
ul.page-numbers li a:hover {
    color: #fff;
    background: #1884C4;
}
main.blog-list, main.blog.column p {
    line-height: 2;
    margin: 0 0 20px;
}
main.blog-list, main.blog.column .thumb {
    margin: 0 0 30px;
}
main.blog-list, main.blog.column .thumb img {
    max-width: 100%;
}