@charset 'utf-8';
p a,p a:link{ text-decoration: underline;}
p a:hover{ text-decoration:underline;}

/***************************************************

wrap

**************************************************/

.allwrap{width: calc(100vw - 12.5vw); display: block; margin: 0 auto;}
.container-wrap{ width:calc(100vw - 37.5vw);  margin: 0 auto; display: block;}
.container-wrap article{padding-bottom: 12vw;position: relative;z-index: 1;}
.wrapper{display: block;padding-top: 10vw;position: relative;}
.wrapper:first-of-type{ padding-top: 0;}
.wrapper:last-child{margin-bottom: 0;}
.container{display: block;  position: relative; z-index: 1;}
.container:last-child{margin-bottom: 0;}
.container.column,
.container .column{margin:0 auto 6.25%; padding-top: 0;position: relative;}
.container .column:last-child{margin-bottom: 0;}
.container p:last-child{margin-bottom: 0;}


@media screen and (min-width: 901px){
}
@media screen and (max-width: 1000px){
}
@media screen and (max-width: 1140px){
}
@media screen and (max-width: 900px){
    .container-wrap{width: 90%;}
}
@media screen and (max-width: 600px){
    .container-wrap{width: 100%;}
}


/* column ////////////////////////////////////////////////////////////////////////////////////////////*/
.column-flex{display:none; display: -webkit-flex!important;display: flex!important;-webkit-flex-wrap: wrap!important;flex-wrap: wrap!important;-webkit-box-pack: justify;justify-content: space-between;}
.row-revers { flex-direction: row-reverse;}
.justify-start {-webkit-box-pack: start; justify-content: start; }
.box-column-half{width: 100%; max-width:500px; display:block; margin: 0 auto;}
.container .box-column1,
.container.box-column1{ display: block; max-width: 600px; width: auto; margin: 0 auto 6.25vw;}
.box-column-size1,
.box-column-size2,
.box-column-size3,
.box-column-size4{position: relative;}

@media screen and (min-width: 901px){
}
@media screen and (max-width: 1000px){
}
@media screen and (max-width: 1140px){
}
@media screen and (max-width: 900px){
}
@media screen and (max-width: 600px){
}

/* box ////////////////////////////////////////////////////////////////////////////////////////////*/

/* //////////////////////////////////////////////////////////////////////////////////////////

img

////////////////////////////////////////////////////////////////////////////////////////////*/

/*imgwrap*/
img{max-width: 100%; width: auto; height: auto;}
.img-wrap{ overflow: hidden; position: relative;}
.column-flex .img-wrap{ width: 100%; display: block; position:relative; left: 0; top: 0;}
.wrapper .column-flex .img-wrap{width: 100%; }
.wrapper .column-flex .column-flex .img-wrap{position: relative;}
.wrapper .column-flex .img-wrap.fiximg{position: relative;}
.wrapper .column-flex .img-wrap.fiximg img{width: auto;height: 100%;position: absolute;left: 50%;top:50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
.wrapper .column-flex .img-wrap.fiximg.w img{ width: 100%; height: auto;}

/*text*/
.text-wrap{position: relative;padding-right: 0;display:block;width: 100%;margin: 0;text-align: left;}
.text-wrap *:last-child{ margin-bottom: 0;}

@media screen and (min-width: 901px){
}
@media screen and (max-width: 1000px){
}
@media screen and (max-width: 1140px){
}
@media screen and (max-width: 900px){
}
@media screen and (max-width: 600px){
}


/* box ////////////////////////////////////////////////////////////////////////////////////////////*/
.box-wrap{background:#FFF;}
.box-wrap > *:last-child{}
.box-wrap .box-innner{box-sizing:border-box;margin: 0 4vw;padding: 4vw 0;display: block;width: 100%;}
.box-wrap .box-innner *{ color:#000;}
.box-wrap .box-innner > *:last-child{ margin-bottom:0;}

@media screen and (min-width: 901px){
}
@media screen and (max-width: 1000px){
}
@media screen and (max-width: 1140px){
}
@media screen and (max-width: 900px){
}
@media screen and (max-width: 600px){
}


/* title ////////////////////////////////////////////////////////////////////////////////////////////*/
.title2{font-size: 24px;text-align: left;line-height: 1.3em;margin-bottom:1.5625vw;letter-spacing: 0em;font-weight: bold;letter-spacing: 0.1em;}
.title3{font-size: 20px;text-align: left;line-height: 2em;margin-bottom: 3em;font-weight: bold;display: block;}
.title4{font-size:20px;text-align: left;line-height: 1.5em;margin-bottom:1.5625vw;}
.title5{font-size:1rem;text-align: left;line-height:2em;margin-bottom:1.5625vw;font-weight: 500;}

@media screen and (min-width: 901px){
}
@media screen and (max-width: 1000px){
}
@media screen and (max-width: 1140px){
}
@media screen and (max-width: 900px){
    .title2{font-size: 20px;}
    .title3{font-size: 18px;}
    .title4{font-size: 18px;}
    .title5{font-size:0.9rem;}
}
@media screen and (max-width: 600px){
    .title2{font-size: 1.3rem;}
    .title3{font-size: 1.1rem;}
    .title4{font-size: 1.1rem;}
    .title5{font-size:0.9rem;}
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

btn

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.btn-wrap{ display: block; width: 100%; overflow: hidden;}

.btn{position: relative; width: auto; display: inline-block; line-height: 60px; padding: 0 2rem; background: #1f2774; color: #fff; display: inline-block; border-radius: 30px; }


.arr::after{content:""; width: 15px; height: 20px; display: block; background:url(../img/common_arr.svg) no-repeat center; background-size:contain;  position: absolute; right:2vw; top: 50%; transform: translateY(-50%);}



@media screen and (min-width: 901px){
}
@media screen and (max-width: 1000px){
}
@media screen and (max-width: 1140px){
}
@media screen and (max-width: 900px){
}
@media screen and (max-width: 600px){
}

/* //////////////////////////////////////////////////////////////////////////////////////////

 list

 ////////////////////////////////////////////////////////////////////////////////////////////*/

ul.list{}
ul.list > li {text-align: left; padding:0; }
ul.list > li:last-child{margin-bottom: 0;}

ul.list-dot > li { padding-left: 1em; text-indent: -1em; text-align: left; }
ul.list-dot > li:before { content:'・'; }
ul.list-dot > list-style: ;:last-child{ margin-bottom: 0;}
ul.list-dot > li:last-child{ padding-bottom: 0;}


ol.list {counter-reset: listnum;}
ol.list > li {padding-left:2em;position: relative;text-align: left;padding-bottom: 1.5em;padding-top: 0;}
ol.list > li::before {content: counter(listnum)'.';counter-increment: listnum;width: 1.5rem;display: inline-block;text-align: center;position:  absolute;left: 0;top: 0;}
ol.list > li:last-child{ margin-bottom: 0;}
ol.list > li *:last-child{ margin-bottom: 0;}

dl.list-vertical { text-align: left;}
dl.list-vertical > dt {  }
dl.list-vertical > dd {padding-bottom: 1.5em;}
dl.list-vertical > dd:last-child{padding-bottom: 0;}


dl.list-horizontal {display: -webkit-flex;display: flex;flex-flow:row wrap;}
dl.list-horizontal > * {  text-align: left; }
dl.list-horizontal > dt {width: 25%;/*  */padding-bottom: 0.5em;padding-top: 0.5em; padding-left: 0;}
dl.list-horizontal > dd {width: 75%;padding-left: 0%;padding-bottom: 0.5em;padding-right: 0;padding-top: 0.5em;}
dl.list-horizontal > dd a:not(.btn) text-decoration: underline;}
dl.list-horizontal > dd a:not(.btn):hover{ text-decoration:none;}

.list-border{border-top: 1px dotted #000;}
.list-border > li { border-bottom: 1px dotted #000; padding-top: 1.5em; padding-bottom: 1.5em; }
.list-border > li:last-child{ padding-bottom: 1.5em;}
dl.list-horizontal.list-border > dt{border-bottom: 1px dotted #000; padding-top: 1.5em; padding-bottom: 1.5em;}
dl.list-horizontal.list-border > dd{border-bottom: 1px dotted #000; padding-top: 1.5em; padding-bottom: 1.5em;}

@media screen and (min-width: 901px){
}
@media screen and (max-width: 1000px){
}
@media screen and (max-width: 1140px){
}
@media screen and (max-width: 900px){
}
@media screen and (max-width: 600px){
}


/*////////////////////////////////////////////////////////////////////////////////////////////////



///////////////////////////////////////////////////////////////////////////////////////////*/

/**/
.pagination { width: 100%; text-align: center; margin:0; position:relative; padding:0; overflow: hidden; padding-top: 2vw;}
.pagination  a {}
.pagination  span.current {}
.pagination .next{ float: right; width: 20vw; }
.pagination .prev{ float: left; width: 20vw;}
.pagination .prev.arr::after{ transform: translateY(-50%) rotate(180deg); right: initial; left: 2vw;}
.pagination *{}

@media screen and (min-width: 901px){
}
@media screen and (max-width: 1000px){
}
@media screen and (max-width: 1140px){
}
@media screen and (max-width: 900px){
}
@media screen and (max-width: 600px){
}

/*////////////////////////////////////////////////////////////////////////////////////////////////


///////////////////////////////////////////////////////////////////////////////////////////*/

input,textarea,select{font-family:'Noto Serif JP','Yu Mincho', serif;}
input{padding: 25px;box-sizing: border-box;border: 1px solid #f1f1f1;background: #f1f1f1;width: 100%;font-size: 1rem;}
.submitArea input{ transition:background 0.25s ease;}
.submitArea input:hover{background: #1aa975; color: #fff;}

select{padding:25px; box-sizing: border-box;border: 1px solid #f1f1f1; background: #f1f1f1;font-size: 1rem;display: block;width: 100%; margin-bottom: 0;}

.pulldown{position: relative;}
.pulldown::after{content: "";width: 50px;height: 50px;display: block;background:url(../img/svg/arr_under.svg) no-repeat;position: absolute;right: 10px;top: 50%;transform: translateY(-50%); pointer-events: none;}



textarea{width: 100%;height: 100%;padding: 25px;box-sizing: border-box;border: 1px solid #f1f1f1;background: #f1f1f1;font-size: 1rem;}
textarea.wideL{ width: 100%;}
input[type=radio]{ display: inline-block; width: auto; margin-right: 5px;}
label{ display: block;}
.submit-btn{font-size: 20px;letter-spacing: 0.2em;padding-left: -0.2em;}
dt.required{ position: relative;}
dt.required::after{content: "å¿…é ˆ";color: #ff1f00;width: 4em;display: block;position: absolute;right: 0;top: 0;text-align: right;font-size: 0.8rem;line-height: 1em;padding: 0.5em;}
input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder {	color: #999;}

@media screen and (min-width: 901px){
}
@media screen and (max-width: 1220px){
}
@media screen and (max-width: 1140px){
}
@media screen and (max-width: 900px){
}
@media screen and (max-width: 600px){
}

/*////////////////////////////////////////////////////////////////////////////////////////////////

table

///////////////////////////////////////////////////////////////////////////////////////////*/
.table{ width: 100%;margin: 0 auto; border-top: 2px solid #000;}
.table tr > *{width: 20%; padding: 10px; border-bottom: 2px solid #000; text-align: center; border-left: 2px solid #000; vertical-align: middle;}
.table tr > *:nth-child(1){width: 40%; text-align: left; border-left:none;}
.table thead th{background: #d5e5fc;}
.table tbody th .mini{display: block; font-size: 0.8rem; line-height: 1.5em;}

@media screen and (min-width: 901px){
}
@media screen and (max-width: 1000px){
}
@media screen and (max-width: 1140px){
}
@media screen and (max-width: 900px){
}
@media screen and (max-width: 600px){
}
/*////////////////////////////////////////////////////////////////////////////////////////////////

telnum

///////////////////////////////////////////////////////////////////////////////////////////*/
.telwrap{}
.telwrap .telnum{}
@media screen and (min-width: 901px){
}
@media screen and (max-width: 1000px){
}
@media screen and (max-width: 1140px){
}
@media screen and (max-width: 900px){
}
@media screen and (max-width: 600px){
}