@charset "UTF-8";
/* CSS Document */

/*250730_更新*/
.top-visual{
	    margin-top: 1.5rem;
}
.top-visual__wrapper  .note-ura {
		    width: 52%;
			position: absolute;
			top: -8%;
			left: 4%;
}
.top-visual__wrapper  .note-ura img{
	  width: 100%;
}


/*トップ*/
.top-wrapper .main-column{padding: 3rem 2rem 0 0;  min-height: 60rem;}


.top-info{margin-top: 2rem;width: 20rem;}
.note-block{position: relative;}
.note-block__title{font-weight: bold;display: block;margin-top: 1rem;  white-space: pre-wrap;line-height: 1.5;}
.note-block__img{width: 16rem;}
.note-block_info{width: 8rem;  min-width: 5rem;    transform: translateY(-60px);    padding-right: 1rem;}
.note-block_info-wrap{display: flex;justify-content: space-between;}
.top-visual__wrapper{width: 33rem;}
.top-info__feature{margin: 8rem 0 0 0;}
.top-info__button{margin: 1rem 0 0 0;}
.feature__img{width: 4rem;}
.feature__list{margin-top: 1rem;border-bottom: 2px dashed #fff;}
.feature__list li{border-top: 2px dashed #fff;padding: 16px 0;font-size: 20px;font-weight: bold;color: #fff;}
.feature__list li:before{content: '';background-image: url("../img/top/check.svg");width: 1.5rem;height: 1.5rem;margin-right: 1rem;
	display: inline-flex;background-repeat: no-repeat;background-size: contain;vertical-align: middle;}

@media screen and (max-width:1000px){
	.note-block{width: 48%;}
	.top-visual{width: 100%;}
}
/*トップバナー*/
.top_banner .flex{display: flex;    align-items: stretch;}
.top_banner .flex .img{    width: 40%; background: url(../img/top/pocket-book-techou.png); background-size: cover; content: ''; background-repeat: no-repeat;display: flex; align-items: center; background-position: center;}
.top_banner .flex .text-area{flex: 1;background-color: #fff;padding: 1.5em 7%;}
.top_banner  .text-area .text-m{font-size: 1.1em;color: #FD4D59;font-weight: bold;}
.top_banner  .text-area .text-l{font-size: 1.5em;font-weight: bold;margin-top: 0.8em;    font-feature-settings: "palt";}
.top_banner  .text-area .price{ margin-top: 10px; font-weight: bold;font-size:1rem; }
.top_banner  .text-area .price span{   font-size: 1.75em; padding: 0 4px;}
.top_banner  .text-area .text-s{font-size: 0.8em;color: #5A5A5A;margin-top: 1em;}
.top_banner  .text-area .button{margin-top: 1.5rem;}
.additional-info{margin-top: 1.5rem;    font-size: 0.9rem; line-height: 1.5;}
.kome + .kome{margin-top: 5px;}
.kome{position: relative;padding-left: 1.2em;line-height: 1.6;}
.kome:before{position: absolute;content: "※";left: 0;}

@media screen and (max-width:768px){
	.top_banner .flex{    flex-direction: column;}
	.top_banner .flex .img{aspect-ratio: 2/1;width: 100%;}
	.top_banner .text-area .text-m{font-size: 1em;}
	.top_banner .text-area .text-l{font-size: 1.2rem;}
	.top_banner .text-area .price{    font-size: 0.8rem;    margin-top: 10px;}
}

/*トップ背景*/
.top-wrapper,.sub-wrapper{position: relative;z-index: 4;}
.side-column,.main-column{z-index: 5}

/*空背景*/
.top-wrapper:after{content: ''; position: absolute;background-color: #D1EFFF;top: 0;left: 0;right: 0;bottom: 0;z-index: -5}
/*山背景*/
.top-bg{position: absolute;bottom: 0;background-repeat: no-repeat;width:100%  }
.top-bg:after{content: ''; position: absolute;background-image: url("../img/top/top-bg-back.png");bottom: 0; background-repeat: no-repeat;z-index: 2;    padding-top: 460px;
    left: -170px;width:100%;  background-size: cover;}
.top-bg:before{content: ''; background-image: url("../img/top/top-bg-front.png");position: absolute;bottom: 0; width: 100%;    padding-top: 400px;background-position-x: 80%;z-index:3;background-size: cover;}
.main-column{flex: 1;max-width: 65rem;margin: 0 auto;width: calc(100% - 400px);}
/*アルクマ*/
.arukuma__img{position: absolute; width: 18rem;right: 10rem; bottom: 12rem;z-index: 3;}
/*表示*/

@media screen and (max-width:1000px){
	.side-column-b{display: none;}
	.top-bg{    height: 22rem;    top: 0;padding: 0;    position: relative!important;background-color: #D1EFFF;}
	.main-column{width: 100%;}
}

/*下層*/
.section-block.is-white{color: #fff;line-height: 1.4;}
.content-detail.is-white{color: #fff;}
.section-block__title.is-dashed{padding: 0 0 16px 0; border-bottom: 2px dashed #fff;}
.section-block__title{font-size: 40px;align-items: flex-end;margin-bottom: 2rem;}
.section-block__title div{font-size: 32px;}
.section-block__title span{font-size: 0.7em;}
.content-detail .col-2{margin: 1rem 0 0 0;flex-wrap: wrap;}
.tecyou .col-2{align-items: flex-start;}
.col-2{display: flex; }

.sub-section{margin-top: 3.5rem;}
.title.-s{font-size: 1.5rem;margin-bottom: 1rem; font-weight: bold;}

@media screen and (max-width:768px){
	.title.-s{font-size: 1.2rem;}
}


.col-2 .col__img{width: 60%;margin-right: 47px;}
.col-2 .col__text{width: 40%;}
.slider img{width: 100%;border-radius: 30px;}

.mt--1e{margin-top: 1em!important;}
.mt--2r{margin-top: 2rem;}

/*/////////////////////////////////////刊行物//////////////////////////////////*/

.tecyo-info{font-size: 15px;}
.tecyo-info li{display: flex;column-gap: 1rem;}
.tecyo-info li div:first-of-type{max-width: 12rem;width: 40%;}
.tecyo-info li div:last-of-type{flex: 1;}
.notification{color:#FD4D59;background-color: #fff;padding: 8px;width: 100%; margin-top: 2rem;border-radius: 5px;text-align: center;}
.is-margin-auto.section-block__text{margin: auto;}

/*スライダーを可変*/
.swiper-container:before {content: "";display: block;}
.swiper-wrapper{position: absolute;top: 0;left: 0;}
.swiper-wrapper img { width: 100%; height: auto;border-radius: 30px;}
.swiper-container{width: 100%;overflow-x: hidden;position: relative;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 32px!important;}
.swiper-slide{width: 100%!important;padding-bottom: 2rem;}
.swiper-button-next, .swiper-button-prev{margin-top: 1rem;top: auto!important;bottom:0;color: #fff!important;}
.swiper-pagination{bottom: auto!important;}
.swiper-pagination-bullet{width: 14px!important;height: 14px!important;opacity: 1!important;}
.swiper-pagination-bullets>.swiper-pagination-bullet{ margin: 0 20px!important;}
.swiper-pagination-bullet-active.swiper-pagination-bullet{background: #0C9897!important;}
.swiper-pagination-bullet{background: #fff!important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left: 10%!important;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right:  10%!important;}
.swiper-pagination{position: relative!important;margin-bottom: 10px;}

.content-details{margin: 3rem 0 0 0;}
.content-detail .content-detail__title{color: #fff;font-size: 32px;font-weight: bold;}
.content-detail__title{margin-bottom: 2rem;}
.content-detail__block.is-bgwhite{background-color: #fff;}
.content-detail__text{line-height: 1.8;}

.calendar{font-size: 24px;color:#0c9897;}
.blocks__content p{margin-top: 24px;}
.title .-note{    font-size: 0.6em;color: #e60315;}

.main-column.sub-wrapper{margin-top: 26rem;}
.flex.is-nowrap{    flex-wrap: nowrap;}
.sub-column{width:400px;}
.bg-sub .main-column{display: flex;align-items: center;}
.bg-sub .page-title{font-size: 48px; font-weight: bold;}


/*人気の理由*/
 .popular .blocks__content{width: calc(100%/3);padding: 2rem;border-bottom: 1px solid #0c9897;border-right: 1px solid #0c9897;}
 .popular .blocks__content:nth-of-type(3n){padding-right: 0;border-right: none;}

 .popular .blocks__content:nth-of-type(1){padding-left: 0;}
.popular .blocks__content:nth-of-type(4){padding-left: 0;}
.popular .blocks__content:nth-child(-n+3) {padding-top: 0;}
 .popular .blocks__content:nth-child(n+4) {padding-bottom: 0;border-bottom: none;}
.popular .blocks{display:flex;flex-wrap:wrap;padding: 3rem 2rem; border-radius: 30px;}
.blocks__content_title:before{content:'';width: 2rem;height: 2rem;background-repeat: no-repeat; display:inline-flex;margin-right: 16px;vertical-align: bottom;    background-size: contain;}
.blocks__content_title{color: #0c9897;font-size: 24px;}
.popular-1.blocks__content_title:before{background-image: url("../img/publication/popular_1.svg");}
.popular-2.blocks__content_title:before{background-image: url("../img/publication/popular_2.svg");}
.popular-3.blocks__content_title:before{background-image: url("../img/publication/popular_3.svg");}
.popular-4.blocks__content_title:before{background-image: url("../img/publication/popular_4.svg");}
.popular-5.blocks__content_title:before{background-image: url("../img/publication/popular_5.svg");}
.popular-6.blocks__content_title:before{background-image: url("../img/publication/popular_6.svg");}

/*データから見る県民手帳*/
.col-3 .blocks__content{width: calc(100%/3 - 32px);text-align: center;padding: 32px 32px;border-radius: 30px;margin-right: 32px;}
.col-3{margin-right: -32px;}
.data .blocks__content .title-m{white-space: nowrap;}
.blocks__content.is-bgwhite{background-color: #fff;}
.data .blocks__content figure{padding: 0 16px;margin: 24px 0 0 0;}
.blocks__content .title-m{font-size: 20px;font-weight: 500;}
.blocks__content .data-list{margin: 32px 0 0 0;text-align: left;    text-indent: -1.4rem;margin-left: 1.4rem;}
.data-list li:not(:first-of-type){margin-top: 10px;}
.data-list li:before{width: 1rem;height: 1rem;border-radius: 50vw;content: '';display: inline-flex;margin-right: 8px;vertical-align: middle;}
.blocks__content .data-list li:first-of-type{font-size: 1.2em;}
.data-list .data-list__1:before{background-color: #FF6A92;}
.data-list .data-list__2:before{background-color: #0C9897;}
.data-list .data-list__3:before{background-color: #2DB4B8;}
.data-list .data-list__4:before{background-color: #4ED0D9;}
.col-3{display: flex;flex-wrap: wrap;}

/*利用者の声*/
.reaction .blocks__content:nth-of-type(even){margin-right: 0;}
.reaction .blocks__content{margin: 0 32px 32px 0;}
.reaction .blocks__content{width: calc(50% - 32px/2);}

.reaction .blocks__content{padding: 32px;border-radius: 30px;}
.is-dashed.text{    background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), /* 点線1の色 */ linear-gradient(180deg, #707070 1px, transparent 1px);
    background-size: 8px 100%, /* 点線1のサイズ */ 100% 2.5em; line-height: 2.5em;padding-bottom: 1px;}
.reaction .title-m:before{width: 2.5rem;height: 2.5rem;margin-right: 8px;display: inline-flex;background-repeat: no-repeat;content: '';    vertical-align: text-bottom; background-size: contain;margin-bottom: 5px;}
.reaction .blocks__content:nth-of-type(1) .title-m:before{background-image: url("../img/publication/case_1.svg");}
.reaction .blocks__content:nth-of-type(2) .title-m:before{background-image: url("../img/publication/case_2.svg");}
.reaction .blocks__content:nth-of-type(3) .title-m:before{background-image: url("../img/publication/case_3.svg");}
.reaction .blocks__content:nth-of-type(4) .title-m:before{background-image: url("../img/publication/case_4.svg");}

/*取り扱い店舗一覧*/
.shop-list__link{margin-top: 24px;display: inline-block;padding-bottom: 4px;color: #fff;}
.outer-link{text-decoration: underline;}
.outer-link:after{background-image: url("../img/common/svg/external-link.svg");content: '';width: 0.8em;height: 0.8em;    margin: 0.2em 0.4em 0 0.3em;background-repeat: no-repeat;    display: inline-flex;
    vertical-align: middle;padding-bottom: 20px;}

@media screen and (max-width:600px){
	.section-block__title div{  font-size: 22px;}
	
}
@media screen and (max-width:480px){
	
	.content-detail .content-detail__title{font-size: 22px;margin-bottom: 20px;}
	.popular .blocks{padding: 32px 24px;}
	.col-3 .blocks__content{padding: 32px 24px;}
	.reaction .blocks__content{padding: 32px 24px}
	.section-block .section-block__button{margin-top: 24px;}
	.section-block__title.is-dashed{ padding: 0px 0 8px 0;}
	.section-block__title{margin-bottom: 1rem;}
	.tecyo-info li div:first-of-type{ min-width: 9.5rem;}
	.tecyo-info{font-size: 14px;}
	.content-details{padding: 0 16px;}
	.content-detail__title{    margin-left: -16px;}
	
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{    right: 5px!important;margin-top: -32px!important;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{   left: 5px!important;margin-top: -32px!important;}
}


/*/////////////////////////////////////協会について//////////////////////////////////*/

.work .blocks__content{padding: 0!important;}
.section-block  .section__title{font-size: 32px;margin-bottom: 40px;color: #fff;}
.blocks__content .text-wrapper{margin-top: 1rem;text-align: left;line-height: 1.8;}
.work figure{padding: 0 3rem;margin: 0 0 24px 0;}
.col-title.is-dashed{font-size: 24px;padding-bottom: 24px;margin-bottom: 16px;border-bottom: 2px dashed #fff;}
.info{color: #fff;}
table{width: 100%;}
.info tr{display: flex;padding: 1rem 0;font-size: 20px;}
.info table{border-bottom: 2px dashed #fff;}
.info tr{border-top: 2px dashed #fff;}
.info th{min-width: 10rem;padding-right: 3rem;}
.col-4{display: flex;flex-wrap: wrap;}
.link .col-4{margin-right: -32px;}
.col-4>*{width: calc(100% / 4 - 32px);margin: 0 32px 24px 0;}
.col-4 a:last-of-type{margin-right: 0;}
@media screen and (max-width:600px){
	.work figure{ width: 14rem;margin: 0 auto 24px;padding: 0;}
	.work .col-3 .blocks__content:not(:first-of-type){margin-top: 48px;}
}
@media screen and (max-width:480px){
	.work figure{ width: 10rem;}
	.work .blocks__content p{margin-top: 16px;}
	.col-title.is-dashed{padding-bottom: 10px;}
	.section-block .section__title{    font-size: 22px; margin-bottom: 20px;}
	.info tr{font-size: 16px;}
}


/*/////////////////////////////////////ご注文//////////////////////////////////*/
.product__content{line-height: 1.5;}
.product__content .item {font-weight: 500; font-size: 24px;}
.product__content .item>span{font-size: 0.7em;}
.product__content .price{font-size: 0.8em;margin-left: 8px;}
.form__title{font-size: 24px;margin-bottom: 24px;line-height: 1.4;}
.form-note{    position: absolute;top: -64px; padding: 0.6em; background-color: #fff;color: #FD4D59; display: inline-block;margin-bottom: 1.5em;font-size: 1.1em;}
.form__title>span{    font-size: 0.8em;font-weight: 400;}
.list .product__content>div{display: flex;justify-content: space-between;     align-items:center;row-gap: 1rem;}
.list .product__content.-type2>div{    align-items: end;}
.list .product__content>div.-type2 .border-text{    width: 60%; line-height: 1.8;}
.list .product__content.-type3>div{align-items: flex-start;}
.list .product__content.-type2 .border-text{    width: 60%; line-height: 1.8;}
.list .product__content #mfp_price{white-space: nowrap;}

.d-block{display: block;}
.bp_on.-tab{display: none}
.bp_off.-tab{display: block;}

.product__content.-type2{padding: 2rem 0;}
/*カート_表*/
.product__content.-type3 .item{width: 15%;    min-width:6rem;}
.cart_table_container{overflow: auto;    width: 100%;}
.cart_table{ border: 1px solid #fff;    min-width: 44rem;}
.cart_table th,.cart_table td{    padding: 0.8rem 1.2rem;}
.cart_table th{    width: 26%; background-color: #fff; color: #63C46A;font-weight: bold;}
.cart_table td{border: 1px solid #fff;vertical-align: middle;}
.cart_table tr:not(:first-of-type) th{border-top: 1px solid #63C46A;}

@media screen and (max-width:1180px){
	.list .product__content>div{flex-direction: column;    align-items: baseline;}
	
}
@media screen and (max-width:1000px){
	.list .product__content>div{display: flex;}
	.form-note{position: initial;}
}
@media screen and (max-width:840px){
	.list .product__content>div{flex-direction: column;    align-items: baseline;}
}
@media screen and (max-width:600px){
	.product__content .item .price{flex-direction: column;margin-left: 0;margin-top: 8px;  line-height: 1.5;    align-items: baseline;}
	.price_value{font-size: 1.8em; margin-right: 0.2em;}
	.bp_on.-tab{display: block}
	.bp_off.-tab{display: none}
	.list .product__content.-type2 .border-text{    width: 100%; }
}
.product .number{display: flex;flex-wrap: nowrap;    align-items: baseline;}
.number input{background-color: #fff;color: #111;margin-left: 1rem;box-shadow: none!important;}
.form{color: #fff;}
#mfp_phase_confirm table{color: #111;margin-top: 2rem;}
table#mfp_confirm_table tr th,table#mfp_confirm_table tr td{font-size: 18px!important;    padding: 10px!important;}
.mfp_element_all{max-width: 100%!important;}

.mfp_element_text, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date, .mfp_element_password{padding: 16px!important;}
.form .form__content:not(:first-of-type){margin-top: 4.5rem;}
.form__content .outer-link{font-size: 1.1rem;    margin-top: 1rem}
.contactform li span{min-width: 14rem;margin-right: 2rem;    white-space: nowrap;font-size: 20px;}
.contactform li:not(.is-not-required) span:after{content: '必須';color:#FD4D59;background-color: #fff;padding: 2px 10px;vertical-align: middle; display: inline-flex;border-radius: 15vw; margin-left: 1rem;font-size: 14px;    margin-bottom: 3px;}

.contactform ul li{display: flex;margin-top: 32px;align-items: center;}
.contactform .textarea{align-items: baseline;}
.contactform ul li:first-of-type{margin-top: 0;}
.adress-num{width: 11rem!important;}
textarea{height: calc( 1.8em * 4 );line-height: 1.8;}
.textarea.is-large textarea{height: 12rem!important;width: 100%!important;}
.contact-input{ background: #fff;border: none; font-size: 16px;padding: 16px;width: 100%!important;color: #111;}
.contact-input::placeholder{color:#999;}

div#mfp_price{padding: 0!important;color: #fff!important;}
div#mfp_price span{color: #fff!important;font-size: 18px!important;}
.cart-select{    color: #111;background-color: #fff;padding: 4px 15px!important; margin-left: 1rem!important;}

/*/////////////////////////////////////サンクスページ//////////////////////////////////*/
.thanks{color: #fff; line-height: 1.5;}
.thanks h3{font-size: 24px;margin-bottom: 3rem;}
.thanks p:not(:first-of-type){margin-top: 1rem;}

/*flow*/
.flow__inner{border: 2px dashed #fff;padding: 32px 32px;}
.form__title-m{font-size: 20px;line-height: 1.5;}
.flow__inner .form__title-m{margin-bottom: 8px;} 
.flow__inner__content{display: block;}
.flow__inner__content:not(:first-of-type){margin-top: 32px;}
.flow__inner__content ul{margin-top: 24px;}
.flow__inner__content ul li:nth-child(2){margin-top: 20px;}
.flow__inner__content span{    font-size: 0.9em; display: inline-block;margin-top: 4px;}
.flow__inner__content ul h4{margin-bottom: 8px;}
.flow__inner__content ul h4:before{content: ''; width: 8px;height: 1px;background-color: #fff;display: inline-flex;vertical-align: super;margin-right: 5px;}

/*ボタン*/
.button-wrapper{margin-top: 140px; text-align: center;display: flex;flex-direction: column;}
.button-wrapper span{line-height: 1.8;}
.button-wrapper .button{padding:32px!important; margin-top: 40px;font-size: 24px!important;font-weight: bold;    max-width: 100%;text-shadow:none!important;}

@media screen and (max-width:1000px){
	.contactform li span{font-size: 18px;}
}
@media screen and (max-width:800px){
	.contactform ul li{ display: block;align-items: end;margin-top: 24px;}
	.contact-input{    font-size: 16px; padding: 10px;    margin-top: 10px!important;}
	.contactform li:not(.is-not-required) span:after{font-size: 12px;}
	.form__title{font-size: 20px; margin-bottom: 20px;}
}
@media screen and (max-width:600px){
	.list .product__content>div{flex-direction: column; align-items: baseline;}

	.button-wrapper .button{padding:24px!important; }
}
@media screen and (max-width:480px){
	.form__title{font-size: 18px;}
	.product__content .item{font-size: 19px;}
	.flow__inner{padding: 32px 24px;}
	.button-wrapper .button{ font-size: 20px!important;}
	.button-wrapper{margin-top: 80px;}
}

@media screen and (min-width:1279px){
	 .popular .blocks__content:nth-of-type(1), .popular .blocks__content:nth-of-type(3), .popular .blocks__content:nth-of-type(4), .popular .blocks__content:nth-of-type(6){width: calc(100%/3 - 32px);}
	.popular .blocks__content{     flex: auto;}
}

@media screen and (max-width:1200px){
	.section-block>.col-2,.section-block-sub>.col-2:not(.content-detail__block){flex-direction: column;}
	.section-block>.col-2 .col__img,.section-block-sub>.col-2 .col__img{width: 100%;margin-right: 0;}
	.section-block>.col-2 .button,.section-block-sub>.col-2 .button{max-width: 100%;}
	.col-2 .col__text{width: 100%;margin: 24px 0 0 0;}
}

@media screen and (min-width:1279px) and (max-width:1320px){
	.note-block__img{width: 100%;}
	.top-visual{  display: flex;flex-direction: row-reverse;}
	.top-visual__wrapper{ width: 90%; flex-wrap: nowrap;}
	.top-visual__wrapper .note-block:first-of-type{margin-right: 1rem;}
	.top-wrapper .flex-rev{flex-wrap: nowrap;}
}

@media screen and (min-width:1000px) and (max-width:1279px){
	/*トップページ*/
	.top-wrapper .main-column .flex{flex-wrap: nowrap; max-width: 42rem;margin: 0 auto;}
	.top-info{width: 100%;margin-right: 2rem;    max-width: 15rem;}
	.feature__list li{font-size: 16px;}
	.top-visual{margin-top: 2rem;}
	.top-wrapper .main-column{min-height: 45rem;}
	.top-info__feature{margin: 2.5rem 0 0 0;}
	.main-column{margin-top: 3rem;}
	.arukuma__img{width: 16rem;right: 3rem;bottom: 7rem;}
	.top-wrapper .main-column{    padding: 3rem 4rem 0 0;}
	.note-block__img{width: 100%;}
	.top-visual__wrapper{width: 100%;max-width: 22rem;flex-wrap: nowrap;}
	.top-visual__wrapper .note-block:first-of-type{margin-right: 1rem;}
	.top-bg:after{padding-top: 320px;left: -70px;}
	.top-bg:before{    padding-top: 270px;}
	/*下層*/
	
	/*データからみる県民手帳*/
	.col-3 .blocks__content{padding: 32px;width: calc(100%/2 - 32px);}
	.col-3 .blocks__content:nth-child(3){margin-top: 32px;}
	/*人気の理由*/
	.popular .blocks__content{width: calc(100%/2);}
	.popular .blocks__content:nth-child(-n+3) {padding-top: unset;}
 	.popular .blocks__content:nth-child(n+4) {padding-bottom: unset;border-bottom: auto;}
	 .popular .blocks__content:nth-of-type(3n){padding-right:none;border-right:auto;}
	 .popular .blocks__content:nth-child(even){padding-left: 32px;padding-right: 0;padding-bottom: 32px; border-right:none;border-bottom: 1px solid #0c9897;}
	 .popular .blocks__content:nth-of-type(odd){padding-left: 0;padding-right: 32px;}
	.popular .blocks__content:nth-child(-n+2) {padding-top: none;}
	.popular .blocks__content:nth-child(3) {padding-top: 32px;border-right: 1px solid #0c9897;}
	 .popular .blocks__content:nth-child(n+5) {padding-bottom: 0;border-bottom: none;}
	
	.link .col-4{margin-right: -24px;}
	.col-4>* {width: calc(100% / 2 - 24px);margin: 0 24px 16px 0;}
	.col-4 a:nth-of-type(even){margin-right: 0;}
}

@media screen and (max-width:1200px){
	.body-wrapper .button{max-width: 100%;}
	.top-wrapper .button{max-width: 100%;}
	.col-3 .blocks__content{padding: 32px;}
}
@media screen and (max-width:1080px){
	.note-block__title{    margin-top: 2rem;}
}

@media screen and (max-width:1000px){
	.top-wrapper .main-column{    min-height: 0;margin-top: -3rem;}
	.main-column{min-height: auto;}
   .top-bg:after{display: none;}
	.top-wrapper:after{bottom: auto!important;padding-top: 17%;}
	.top-bg:before{bottom:0;padding-top: 200px;}
	.arukuma__img{    width: 50%;max-width: 20rem;  right: 5rem;bottom: 4.5rem;  }
	
	.note-block__title{    font-size: 15px;color: #fff;}

	.note-block__img{width: 100%;}
	.note-block{width: 48%;}
	
	.top-visual__wrapper .note-block:first-of-type{margin-right: 4%;}
	.top-info{width: 100%;}
	.top-visual__wrapper{width:100%;}
		.top-wrapper .main-column .flex{margin: 0 auto;justify-content: center; white-space: nowrap;    align-items: initial;}
	
	/*下層*/
	.main-column.sub-wrapper{ margin-top: 18rem;}
	.bg-sub{height: 18rem}
	
	 .page-title{font-size: 28px;top: -170px;}
	/*関連リンク*/
	.col-4>*{width: calc(50% - 24px);margin: 0 24px 16px 0;}
	.col-4 a:nth-of-type(even){margin-right: 0;}
	
}
@media screen and (max-width:900px){
	/*人気の理由*/
	.popular .blocks__content{width: calc(100% / 2 - 24px);}
	.popular .blocks__content:nth-child(-n+3) {padding-top: unset;}
 	.popular .blocks__content:nth-child(n+4) {padding-bottom: unset;border-bottom: auto;}
	 .popular .blocks__content:nth-of-type(3n){padding-right:none;border-right:auto;}
	 .popular .blocks__content:nth-child(even){padding-left: 32px;padding-right: 0;padding-bottom: 32px; border-right:none;border-bottom: 1px solid #0c9897;}
	 .popular .blocks__content:nth-of-type(odd){padding-left: 0;padding-right: 32px;}
	.popular .blocks__content:nth-child(-n+2) {padding-top: none;}
	.popular .blocks__content:nth-child(3) {padding-top: 32px;border-right: 1px solid #0c9897;}
	 .popular .blocks__content:nth-child(n+5) {padding-bottom: 0;border-bottom: none;}
	/*データからみる県民手帳*/
	.col-3 .blocks__content{    padding: 32px;width: calc(100%/2 - 32px);}
	.col-3 .blocks__content:nth-child(3){margin-top: 32px;}
	
	
}

@media screen and (max-width:750px){
	.reaction .blocks__content{width: 100%;margin-right: 0;}

}
@media screen and (max-width:768px){
	.note-block_info{position: absolute;right: 8px; transform:none;     bottom: 2.6rem;width: 50%;padding-right: initial;}
		.note-block__title br{display: none;}
}

@media screen and (max-width:600px){
	.arukuma__img{    right: 3rem;}
	.top-bg:before{    background-position-x: 10%;}
	.popular .blocks__content{width: 100%;padding: 24px 0!important;border-right: none!important;}
	.popular .blocks__content:not(:last-of-type){border-bottom: 1px solid #0c9897!important;}
	.popular .blocks__content:first-of-type{padding-top: 0!important;}
	.popular .blocks__content:last-of-type{padding-bottom: 0!important;}
	
	.col-3 .blocks__content{width: 100%;  padding: 32px 32px;}
	.col-3 .blocks__content:not(:first-of-type){margin-top: 24px;}
	.data .blocks__content figure{    padding: 0 32px;margin: 40px 0 0 0;}
	
	.info tr{flex-direction: column;}
	.info td{margin-top: 8px;}
	.info tr br{display: none;}
	.info th{min-width: 100%;}
	
	.bg-sub{height: 17rem;}
	.main-column.sub-wrapper{margin-top: 16rem;}
	.page-title{top: -140px;}
}

@media screen and (max-width:480px){

	.top-info__feature{margin: 3.5rem 0 0 0;}
	
	
	.news__list .dashed-list__content{flex-direction: column}
	.news__list .dashed-list__content p{margin-top: 8px;font-size: 16px;}
	.dashed-list__content .date{    font-size: 12px;padding: 5px 10px;}
	.feature__list li{font-size: 18px;}
		.col-3 .blocks__content{width: 100%;  padding: 32px 24px;}
	/*カラム*/
	.link .col-4{margin-right: 0;}
	.col-4>*{width:100%;margin: 0 0 16px 0;}
}

/*/////////////////////////////////////プライバシーポリシー//////////////////////////////////*/
.privacy{color: #fff;line-height: 1.8;font-size: 18px;}
.privacy-text{margin-bottom: 4rem;}
.privacy .title{font-size: 24px; border-bottom: 2px dashed #fff;    padding-bottom: 10px;}
.privacy .text{margin-top: 1rem;}
.privacy .list{margin-top: 1rem;}
.privacy .list li:before{margin-right: 5px;}
.privacy .list.is-dot li{padding-left: 16px;text-indent: -16px;}
.privacy .list.is-dot li:before{content:'・';}
.privacy .list.is-ordered{counter-reset: number 0;}
.privacy .list.is-ordered li{padding-left: 24px;text-indent: -24px;}
.privacy .list.is-ordered li:before{ counter-increment: number 1; content:"("counter(number)")";}
.content-wrapper .privacy-content:not(:first-of-type){margin-top: 2rem;}
.linked-line{border-bottom:  1px solid #fff;}
.privacy .info tr{ padding: 3px 0;   border-top: none;font-size: 18px;}
.privacy .info th{    min-width: 14rem;}
.privacy .info table{border-bottom: none;margin-top: 1rem;}

@media screen and (max-width:600px){
	.privacy{font-size: 17px;}
	.privacy .title{font-size: 22px;}
	.privacy .info tr:not(:first-of-type){margin-top: 8px;}
	.privacy .info td{margin-top: 0;}
}

/*トップ下層*/

.section-block__inner{display: flex;}
.publication .section-block__inner{flex-direction: row-reverse;}
.section-block__inner{background-color: #fff;border-radius: 30px;display: flex}
.about .section-block__img{background-image: url("../img/top/about.png");content: '';    width: 40%;background-repeat: no-repeat;
	background-position: 50% 50%;    background-size: cover;    border-radius: 0 30px 30px 0;}
.publication .section-block__img{background-image: url("../img/top/publication.png");content: '';   width: 40%;background-repeat: no-repeat;
	background-position: 50% 50%;    background-size: cover;    border-radius: 30px 0 0 30px;}
.section-block__inner .text-wrapper {padding: 4rem 3rem; width: 60%;}
.tecyou .button{margin-top: 1rem;}


@media screen and (max-width:1200px){
	.about .section-block__img{     width: 70%;background-position-y: 20%; }
	.section-block__img{padding-top: 55%;width: 100%;background-position-y: 20%;}
}
@media screen and (max-width:600px){
	.section-block__inner .text-wrapper{padding: 2rem }
	.section-block__title{font-size: 24px;}
	.section-block__text{font-size: 16px;margin-top: 1rem;}
	.section-block__button{margin-top: 2rem;}
}

@media screen and (max-width:480px){
	.top-bg{height: 20rem;}
	.arukuma__img{right: 2rem; bottom: 5.5rem;    width: 15rem;}
	.top-wrapper .main-column{margin-top: -4rem;}
	.note-block__title{  margin-top: 2rem;}
}