@charset "UTF-8";
	.content{ /*padding-top: 0;*/ background-color: #f5f2e9;}
/*	.content .row{ padding: 0 80px; max-width: fit-content;}*/
	.img.full img { margin-left: 1px;}
	.content + .content{ padding-top: 60px; padding-bottom: 50px;}
	
	.panel-vertical .heading a, .panel-covered .heading a, html:not(.mobile) .panel-vertical .heading a:hover, html:not(.mobile) .panel-covered .heading a:hover { color: #655757;}
	.panel-vertical .heading, .panel-covered .heading{ font-size: 1.5rem; line-height: 1.3;}
	.panel-vertical p, .panel-covered p{ font-size: 1.3rem; font-family:Hiragino UD Sans W4 JIS2004;}
	.panel-vertical .txt { padding:20px 0;}
	.panel-vertical>a:before, .panel-vertical.link-panel:before{ background: none;}
	.panel-vertical .panel_icon { position: absolute; z-index: 1; display: block; width: 20%; height: 20%; margin: 0; right: 10px; bottom: 10px; border: 2px solid #ffffff;
    /*font-family: "Anzu Moji", -apple-system, BlinkMacSystemFont, Meiryo, "Hiragino kaku Gothic ProN", sans-serif;*/
    text-align: center; color: #ffffff; border-radius: 50%;}
	.panel-vertical .panel_icon span{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; color: #ffffff;}
	.panel_icon.icon_new{ background: #c8161e; /*font-size: 1.2vw;*/ font-size: 1.3rem; line-height: 1;/* padding: 11px 5px 0;*/ font-family: UD Shin Go Conde70 B;}
	.panel_icon.icon_new em { font-size: 80%;}
	.panel_icon.icon_osusume{background: #947f28; /* font-size: 1.4vw;*/ font-size: 1.3rem; line-height: 1.1; font-family: Hiragino Kaku Gothic W7 JIS2004;/* padding: .8vw 5px 0;*/}

	.panel-vertical .panel_icon_triangle { position: absolute; z-index: 1; display: block; margin: 0; right: 0; bottom: 0; /*border: 1px solid #ffffff;*/ border-top: 5em solid transparent; border-right: 5em solid #003a63;
    text-align: center; color: #ffffff;}
	.panel-vertical .panel_icon_triangle span{ position: absolute; bottom: .6vw; left: 55px; width: 100%; color: #ffffff; font-family: Hiragino UD Sans Rd W6 JIS2004; font-size: 2rem;}

	.panel-vertical .panel_icon_scircle { position: absolute; z-index: 1; display: block; margin: 0; right: 0; bottom: 0; border: 1px solid #ffffff; border-bottom: 0; border-right: 0; width: 28%; height: 28%; border-radius: 100% 0px 0px 0px; text-align: center; color: #ffffff; background:#003a63; }
	.panel-vertical .panel_icon_scircle span{ position: absolute; color: #ffffff; font-family: Hiragino UD Sans Rd W6 JIS2004; font-size: 2.1rem;}
	.panel-vertical .panel_icon_scircle span.m_01{ bottom: 1.3vw; right: 37%; }
	.panel-vertical .panel_icon_scircle span.m_02{ bottom: -0.1vw; right: 5%; }
	.col-set .top-mypage-box{ background: #ffffff; font-size: 1rem; padding-bottom: 65px;}
	.top-mypage-box ul li:before{ display: none;}
	.top-mypage-box ul li{ border-bottom: 1px solid #ded8d4; padding: 5px 0;}
	.top-mypage-box .btn { position: absolute; width: calc(100% - 40px); bottom: 0; left: 20px; margin: 0;}

.slick-prev:before,
.slick-next:before {
  color: #000 !important;
}

.slider p {
  margin: 0;
}
.slider .img>a{ display: block;}
.slider { margin-bottom: 20px;}
.slick-next { right: 19px;}
.slick-prev { left: 19px;}
html:not(.mobile) .slick-dots li:hover button, .slick-dots .slick-active button { background-color: #c8161e;}
.slick-dots li button { background-color: #9fa0a0;}
.slick-arrow,
.slick-arrow:before{ border-radius:0; background-color: rgba(255,255,255,0.5);}
.slick-arrow:after{background-position: 0 -120px;}
.content .slick-dots li{ margin:5px 8px !important;}

.top-mypage-box li a {
  font-size: 1rem;
    text-decoration: underline;
    color: #1c89a6;
    outline: none;
  line-height: 1.6;
  -webkit-transition: color .2s linear;
  transition: color .2s linear;
}


@media screen and (min-width: 1200px), print{
main > article > .content {
    min-height: 100%;
}
	}
@media screen and (max-width: 1200px), print{
	.panel-vertical .panel_icon_scircle span{ font-size: 2vw;}
}
@media screen and (max-width: 1199px), print {
.content + .content {
    padding-top: 40px;
    padding-bottom: 30px;
}
	.panel_icon.icon_new{ font-size: 1.2vw;}
	.panel_icon.icon_osusume{ font-size: 1.4vw;}
	.panel-vertical .panel_icon_scircle span.m_01{ bottom: 1.3vw; right: 32%; }
}

@media screen and (max-width: 1000px), print {
	.panel-vertical .panel_icon_triangle { border-top: 4em solid transparent; border-right: 4em solid #003a63;}
	.panel-vertical .panel_icon_triangle span{ left: 40px; font-size: 1.75rem;}
}

@media screen and (max-width: 767px){
.content{ background-color: #ffffff; /**/padding-top: 0;}
.content { padding-bottom: 40px;}
.content .row{ padding: 0;}
.content .row .col-set{ border-top: 1px solid #000000;}
.top-mypage-box{ border-bottom: 1px solid #000000;}
.content + .content .row .col-set{ border-top:none;}
.content + .content { margin: 0 auto; padding: 3vw; -webkit-box-sizing: content-box; box-sizing: content-box;}
.panel-vertical{ background: none; display: table; margin-bottom: 0;}
ul.col-set .col1-3.panel-vertical dt.img{ width: 40%!important; display: table-cell; vertical-align: top;}
ul.col-set .col1-3.panel-vertical.panel-vertical .txt{ width: 60%!important; display: table-cell; vertical-align: top;}
ul.col-set .col1-3.panel-vertical .txt, .col1-5.panel-vertical .txt { padding: 0 2.5vw;}
ul.col-set .col2-3.panel-vertical .txt { padding: 15px 2.5vw 15px;}
	
ul.col-set .col2-3.panel-vertical dt.img{ width: 100%!important;}
ul.col-set .col2-3.panel-vertical.panel-vertical .txt{ width: 100%!important;/* display: none;*/}
ul.col-set .col2-3{ padding: 0 2.5vw 0 0;}

.slick-arrow{ display: none!important;}
	
.panel-vertical>dl,
.panel-vertical>a:before, .panel-vertical.link-panel:before{ border-bottom: 1px solid #000000; padding: 2.5vw 0 2.5vw 2.5vw;}
.panel-vertical .heading, .panel-covered .heading { font-size: 4.7vw; line-height: 1.3;}
.panel-vertical p{ font-size: 4.5vw; line-height: 1.3;}
	
.panel-vertical .panel_icon{ width: 30%; height: 30%; right: 2%; bottom: 2%;}
.panel_icon.icon_new{ font-size: calc(100vw / 35); line-height: 1.1;}
.panel_icon.icon_osusume{ font-size:2.5vw;}
	
.panel-vertical .panel_icon_triangle { border-top: 15vw solid transparent; border-right: 15vw solid #003a63;}
.panel-vertical .panel_icon_triangle span{ left: 8vw; font-size: 4vw;}

.panel-vertical .panel_icon_scircle { width: 15vw; height: 15vw;}
.panel-vertical .panel_icon_scircle span{ font-size: 4vw;}
.panel-vertical .panel_icon_scircle span.m_01{ bottom: 5vw; right: 5vw; }
.panel-vertical .panel_icon_scircle span.m_02{ bottom: 1vw; right: 2vw; }

}
	
@media screen and (max-width: 499px){
.panel-vertical .heading, .panel-covered .heading {
     font-size: 5vw;
}
}

@media screen and (max-width: 320px){
.panel-vertical .heading, .panel-covered .heading,.panel-vertical .heading + p {
     font-size: 1rem;
}
.panel_icon.icon_new,.panel_icon.icon_osusume{ font-size: 0.625rem;}
}