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

body { background: #f7f7f7;}

/*==================================
	common
==================================*/
#contents { margin-bottom: 130px;}
#contents .secTtl { font-weight: bold; color: #000; letter-spacing: 0.1em;}
#breadcrumbs { display: flex; padding-top: 20px; font-size: 12px;}
#breadcrumbs span { display: contents;}
.en { color: #ccc; letter-spacing: 0.15em;}
.green { color: #67c945; font-weight: bold;}
.secTtl.line { background: url(../img/line.svg) no-repeat;}
.category_list { display: flex; flex-wrap: wrap;}
.category_list li { margin-right: 10px; margin-bottom: 10px;}
.category_list li a { background: #fff; text-align: center; font-weight: bold; transition: none; }
.category_list li a:hover { background: #67c945; color: #fff;}
.moreBtn .icon { width: 60px; display: block; margin-left: 15px; transition-duration: .4s;}
.moreBtn .icon:hover { transform: scale(1.1);}
.moreBtn .btn { display: flex; align-items: center; font-weight: 600;}
.center { text-align: center; padding-left: 0;}
.linkunderline { text-decoration: underline; display: inline-block;}
/* detail */
.detailArea .date { font-size: 1.8rem;}
.detailArea .ttl { font-size: 3.2rem; font-weight: bold; margin-top: 30px; line-height: 1.7;}
.detailArea .subttl { font-size: 2.4rem; font-weight: bold; line-height: 1.7;}
.detailArea .img { margin: 50px 0;}
.detailArea .img img { max-width: 100%; border-radius: 20px;}
.detailArea p { line-height: 2.2; color: #000;}
.detailArea p .YellowMarker { background: linear-gradient(transparent 0%, #fffa7f 0%);}
.detailArea .txt { line-height: 2.2; color: #666;}
.detailArea .btnArea { width: 240px; text-align: center; border-bottom: 1px solid #cccccc; padding: 10px 0; margin: 80px auto 120px;}
.detailArea .btnArea:hover { border-bottom: 1px solid #000;}
.detailArea .btnArea .btn { font-size: 1.6rem; display: inline-block;}
.detailArea h2.wp-block-heading { margin: 80px 0 15px;}
.detailArea h3.wp-block-heading { margin: 45px 0 15px;}
.detailArea h4.wp-block-heading { margin: 50px 0 15px;}
.detailArea figure { margin: 50px 0;}
.detailArea figure img { border-radius: 20px;}

.detailArea table { width: 100%; border: 1px solid #ccc; border-collapse: collapse; table-layout: fixed; margin: 0;}
.detailArea th, td { vertical-align: middle;}
.detailArea th { padding: 8px 11px;}
.detailArea td { padding: 22px 28px;}
.detailArea .side-heading { background-color: #333; color: #fff; width: 19%; text-align: center; font-weight: bold;}
.detailArea .heading { background-color: #eaeaea; font-weight: bold;}
.detailArea .content { background-color: #f9f9f9; width: 85%;}

/* detail interview */
.detailArea .top { display: flex; justify-content: space-between; align-items: center;}
.detailArea .top .date { font-size: 1.6rem;}
.detailArea .top .category .item { font-size: 1.4rem; font-weight: bold; color: #fff; background: #000; padding: 8px 14px; border-radius: 40px; margin-right: 8px;}
.detailArea .companyname { color: #666; padding-top: 25px;}
/* pagination */
/*.pagination { display: flex; justify-content: center; align-items: center; padding-top: 40px;}
.pagination a { padding: 0 18px; color: #aaa; font-family: "Montserrat"; font-size: 2rem;}
.pagination a.active { color: #000;}
.prev, .next { width: 70px; height: 70px; border-radius: 50%; background: #fff; text-align: center; line-height: 2; margin: 0 50px;}
.prev:hover, .next:hover { background: #000; transition: 1.0s;}
.prev svg, .next svg { width: 35px; height: auto; position: relative; top: 18px;}
.prev:hover path, .next:hover path { fill: #fff;}*/

#contents .wp-pagenavi { display: flex; justify-content: center; align-items: center; padding-top: 40px; font-family: "Montserrat";}
#contents .wp-pagenavi a, #contents .wp-pagenavi span { border: none; padding: 0 18px; font-size: 2rem;}
#contents .wp-pagenavi a { color: #aaa;}
#contents .wp-pagenavi span { color: #000;}
#contents .previouspostslink, #contents .nextpostslink { width: 70px; height: 70px; border-radius: 50%; background: #fff; text-align: center; line-height: 2; margin: 0 40px; display: flex; align-items: center; justify-content: center;}
#contents .previouspostslink:hover, #contents .nextpostslink:hover { background: #000; transition: 1.0s;}

@media screen and (min-width: 750px) {
	.ttlbox { max-width: 1080px; width: 100%; margin: 0 auto; display: flex; align-items: center;}
	.secTtl { font-size: 3.8rem; padding-left: 30px;}
	.en { font-size: 1.6rem;}
	.secTtl .en { padding-left: 10px;}
	.secTtl.line { width: 84.7%; background-size: 13px auto; background-position: top 28px left;}
	.category_list li a { padding: 10px 20px; border-radius: 40px; font-size: 1.6rem;}
	.center { font-size: 3.5rem;}
	/* detail interview */
	.detailArea .box1, .detailArea .box2 { display: flex;}
	.detailArea .box1 .imgbox { margin-right: 60px;}
	.detailArea .box2 .imgbox { margin-left: 60px;}
}

@media screen and (max-width: 749px) {
	#contents { margin-bottom: 75px;}
	.secTtl { font-size: 2.8rem; padding-left: 20px;}
	.en { font-size: 1.3rem;}
	.secTtl .en { display: block;}
	.secTtl.line { background-size: 10px auto; background-position: top 20px left;}
	.category_list li a { padding: 0.6em 1.1em; border-radius: 3em; font-size: 1.2rem;}
	.center { font-size: 2.5rem; padding-left: 0;}
	.moreBtn .icon { width: 50px; margin-left: 10px;}
	.moreBtn .btn { justify-content: flex-end; font-size: 1.2rem; margin-top: -20px;}
	/* detail */
	.detailArea .txtbox { margin-top: 30px;}
	.detailArea .img { margin-top: 30px;}
	.detailArea .top .category .item { font-size: 1.2rem; padding: 6px 12px; margin-right: 8px;}
	.detailArea .top .date { font-size: 1.4rem;}
	.detailArea .companyname { padding-top: 15px;}
	.detailArea .date { font-size: 1.4rem;}
	.detailArea .ttl { font-size: 2rem; margin-top: 20px;}
	.detailArea .subttl { font-size: 1.7rem;}
	.detailArea .txt { font-size: 1.4rem;}
	.detailArea .box2 { display: flex; flex-direction: column-reverse;}
	.detailArea .btnArea { margin: 60px auto 100px;}
	.detailArea .btnArea .btn { font-size: 1.4rem;}
	h2.wp-block-heading:first-of-type { margin: 30px 0 10px;}
	h2.wp-block-heading { margin: 20px 0 10px;}
	.detailArea h2.wp-block-heading { margin: 40px 0 15px;}
	.detailArea h3.wp-block-heading { margin: 15px 0 5px;}
	.detailArea h4.wp-block-heading { margin: 25px 0 15px;}
	/* pagination */
	/*.pagination { padding-top: 30px;}
	.pagination a { padding: 0 2.5%;}
	.prev, .next { width: 60px; height: 60px; line-height: 1.75; margin: 0 3%;}
	.prev svg, .next svg { width: 30px; top: 15px;}*/
	#contents .wp-pagenavi { padding-top: 30px;}
	#contents .wp-pagenavi a { padding: 0 2.5%;}
	#contents .previouspostslink, #contents .nextpostslink { width: 60px; height: 60px; line-height: 1.75; margin: 0 3%;}
}


/*==================================
	page_about
==================================*/
#page_about .en { display: block; padding-left: 0;}
#page_about .center{ padding-left: 0;}
#page_about .aboutbox { background: url("../img/about/japan.png") no-repeat center; background-size: contain; height: 830px;}
#page_about .aboutbox .about_logo { width: 400px;}
#page_about .aboutbox .about_logo img { width: 80%;}
#page_about .aboutbox .txtbox .ttl { font-size: 3.5rem; font-weight: bold; padding-bottom: 50px; line-height: 1.7;}
#page_about .aboutbox .txtbox .txt { line-height: 2.4; padding-bottom: 30px;}
#page_about .problemsbox { margin-top: 30px;}
#page_about .problemsbox .problemsitem { background: #fff; width: 340px; height: 390px; border-radius: 20px; position: relative;}
#page_about .problemsbox .problemsitem p { text-align: center;}
#page_about .problemsbox .problemsitem .img { position: absolute; top: -40px; left: 0; right: 0; bottom: 0;}
#page_about .problemsbox .problemsitem .img03 { top: -20px;}
#page_about .problemsbox .problemsitem .txtbox { padding-top: 190px; letter-spacing: 0.5px;}
#page_about .problemsbox .problemsitem .ttl { font-size: 2.2rem; font-weight: bold; padding-bottom: 15px;}
#page_about .problemsbox .resolution { text-align: center;}
#page_about .problemsbox .resolution .arrow { padding: 30px 0 10px;}
#page_about .problemsbox .resolution .copy img { width: 340px;}
#page_about .problemsbox .resolution .copy .txt { font-size: 3rem; font-weight: bold; padding-left: 8px; line-height: 0;}
#page_about .strenghtbox { margin-top: 130px; padding-bottom: 130px; background: #fff;}
#page_about .strenghtbox .secTtl { padding-top: 110px;}
#page_about .strenghtbox .strenghtitem .txtbox .number { font-size: 9rem; font-family: "Montserrat"; color: #67c945; line-height: 1;}
#page_about .strenghtbox .strenghtitem .txtbox .ttl { font-size: 2.6rem; font-weight: bold; padding: 15px 0;}
#page_about .strenghtbox .strenghtitem .txtbox .txt { line-height: 2;}
#page_about .strenghtbox .strenghtitem .imgbox .img img { border-radius: 20px;}
#page_about .servicebox { margin-top: 120px; padding-bottom: 120px;}
#page_about .servicebox .serviceitem:nth-of-type(2n) { padding-right: 0;}
#page_about .servicebox .serviceitem { padding-top: 60px;}
#page_about .servicebox .serviceitem .circle { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #67c945; margin: 0 7px 2px 0;}
#page_about .servicebox .serviceitem .checkicon img { vertical-align: sub; padding-right: 6px;}
#page_about .servicebox .serviceitem .txtbox { width: 515px;}
#page_about .servicebox .serviceitem .txtbox .ttl { font-size: 2.2rem; font-weight: bold; padding: 20px 0 20px;}
#page_about .servicebox .serviceitem .txtbox .ttl .subnav_icon svg { margin: 0 4px -8px 0;}
#page_about .servicebox .serviceitem .txtbox .txt { font-size: 1.6rem; line-height: 2; text-align: justify;}
#page_about .linklistbox { background: #fff;}
#page_about .linklist .txtbox { display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
#page_about .linklist img { border-radius: 20px;}
#page_about .linklist .txtbox .ttl { font-size: 2.2rem; font-weight: bold;}
#page_about .linklist .txtbox .ttl .en { color: #cccccc; display: block; font-size: 1.4rem; letter-spacing: 0.04em;}
#page_about .linklist .txtbox .icon { width: 60px; transition-duration: .4s;}
#page_about .linklist .txtbox .icon:hover { transform: scale(1.1);}
#page_about #page_adnote.relatedadnote { padding: 100px 0 0 0;}

@media screen and (min-width: 750px) {
	#page_about {}
	#page_about .aboutbox .about_logo { margin-bottom: 90px;}
	#page_about .aboutbox { display: flex; justify-content: space-between; align-items: center;}
	#page_about .aboutbox .txtbox { width: 680px;}
	#page_about .linklist { display: flex; justify-content: space-between; padding: 130px 0px;}
	#page_about .problemsbox ul { display: flex; justify-content: space-between; padding-top: 80px;}
	#page_about .strenghtbox .strenghtitem { display: flex; justify-content: space-between; padding-top: 80px; align-items: flex-end;}
	#page_about .strenghtbox .strenghtitem .txtbox { width: 570px;}
	#page_about .servicebox ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
}

@media screen and (max-width: 749px) {
	#page_about { margin-top: 80px;}
	#page_about .center { letter-spacing: 0.06em;}
	#page_about .aboutbox { height: auto; background-position: top;}
	#page_about .aboutbox .about_logo { text-align: center; width: 100%; padding-bottom: 80px;}
	#page_about .aboutbox .about_logo img { width: 70%;}
	#page_about .aboutbox .txtbox .ttl { font-size: 2.8rem; padding-bottom: 30px;}
	#page_about .linklist { padding: 90px 0px 50px;}
	#page_about .linklist li { padding-bottom: 40px;}
	#page_about .linklist img { border-radius: 10px;}
	#page_about .linklist .txtbox .ttl { font-size: 1.8rem;}
	#page_about .linklist .txtbox .ttl .en { font-size: 1.2rem; letter-spacing: 0.04em;}
	#page_about .linklist .txtbox .icon { width: 50px;}
	#page_about .problemsbox { margin-top: 80px;}
	#page_about .problemsbox .problemsitem { width: 100%; height: 320px; margin-top: 70px;}
	#page_about .problemsbox .problemsitem .img { width: 150px; margin: 0 auto;}
	#page_about .problemsbox .problemsitem .img02 { width: 160px;}
	#page_about .problemsbox .problemsitem .img03 { width: 190px;}
	#page_about .problemsbox .problemsitem .txtbox { padding-top: 150px;}
	#page_about .problemsbox .problemsitem .ttl { font-size: 2rem;}
	#page_about .problemsbox .problemsitem .txt { font-size: 1.4rem;}
	#page_about .problemsbox .resolution .arrow img { width: 35px;}
	#page_about .problemsbox .resolution .copy img { width: 240px;}
	#page_about .problemsbox .resolution .copy .txt { font-size: 2.2rem; padding-left: 3px;}
	#page_about .strenghtbox { margin-top: 90px; padding-bottom: 90px;}
	#page_about .strenghtbox .secTtl { padding-top: 70px;}
	#page_about .strenghtbox .strenghtitem { padding-top: 40px;}
	#page_about .strenghtbox .strenghtitem .txtbox .number { font-size: 5rem;}
	#page_about .strenghtbox .strenghtitem .txtbox .ttl { font-size: 2rem; padding: 10px 0;}
	#page_about .strenghtbox .strenghtitem .txtbox .txt { font-size: 1.4rem;}
	#page_about .strenghtbox .strenghtitem .imgbox { padding-top: 20px;}
	#page_about .servicebox { margin-top: 70px; padding-bottom: 80px;}
	#page_about .servicebox .serviceitem .txtbox { width: 100%;}
	#page_about .servicebox .serviceitem .txtbox .ttl { font-size: 2rem; padding: 10px 0 15px; display: flex;}
	#page_about .servicebox .serviceitem .txtbox .txt { font-size: 1.4rem;}
	#page_about .servicebox .serviceitem { padding-top: 30px;}
	#page_about #page_adnote.relatedadnote { padding: 60px 0 0 0;}
}


/*==================================
	page_company
==================================*/
#page_company .info_list { display: flex; flex-wrap: wrap; font-size: 1.8rem;}
#page_company .companyinfo .info_list dt { width: 145px; padding: 31px 0px; border-bottom: 1px solid #eee; font-weight: bold;}
#page_company .companyinfo .info_list dd { width: 320px; padding: 31px 0px; border-bottom: 1px solid #eee;}
#page_company .companyinfo .info_list dt:first-of-type { border-top: 1px solid #eee;}
#page_company .companyinfo .info_list dd:first-of-type { border-top: 1px solid #eee;}
#page_company .companyinfo .imgbox img { border-radius: 20px;}
#page_company .placebox .name { font-size: 2.8rem; font-weight: bold;}
#page_company .placebox .en { display: block;}
#page_company .placebox .areainfo .info_list dt { width: 150px; padding: 31px 0px; border-top: 1px solid #eee;}
#page_company .placebox .areainfo .info_list dd { width: 480px; padding: 31px 0px; border-top: 1px solid #eee; letter-spacing: 0.8px;}
#page_company .placebox .info_map { margin-top: 10px; height: 0; overflow: hidden; padding-bottom: 60%; position: relative; border-radius: 10px;}
#page_company .placebox .info_map iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%;}

@media screen and (min-width: 750px) {
	#page_company .companyinfo { display: flex; justify-content: space-between;}
	#page_company .placebox { display: flex; margin: 120px 0;}
	#page_company .placebox .ttl { width: 250px;}
	#page_company .placebox .areainfo { width: 640px;}
}

@media screen and (max-width: 749px) {
	#page_company.innerin { width: 100%;}
	#page_company .info_list { font-size: 1.4rem; line-height: 0;}
	#page_company .imgbox { margin-top: 40px;}
	#page_company .companyinfo .info_list dt, #page_company .placebox .areainfo .info_list dt { width: 30%;}
	#page_company .companyinfo .info_list dd, #page_company .placebox .areainfo .info_list dd { width: 70%;}
	#page_company .placebox .areainfo .info_list dd.placeboxonelines { letter-spacing: -0.9px;}
	#page_company .placebox .areainfo .info_list dd.placeboxtwolines { padding: 21px 0px;}
	#page_company .placebox .areainfo .info_list dd.placeboxtwolines p { line-height: 1.7;}
	#page_company .placebox { margin-top: 60px;}
	#page_company .placebox .name { font-size: 2.2rem;}
	#page_company .placebox .areainfo { padding-top: 30px;}
	#page_company .placebox .info_map { margin-top: 10px;}
}


/*==================================
	page_detail
==================================*/
#page_detail .magazine_detail .txtbox { width: 500px;}
#page_detail .magazine_detail .imgboxblock { position: relative;}
#page_detail .magazine_detail .imgbox img { display: block; box-shadow: 3px 3px 6px rgba(0,0,0,.15);}
#page_detail .magazine_detail .imgbox { height: 550px; display: flex; justify-content: center; align-items: center;}
#page_detail .imgboxbg { background: #fff; width: 500px; height: 550px; border-radius: 20px;}
#page_detail .txtbox .ttlbox { display: flex; justify-content: space-between; align-items: center;}
#page_detail .txtbox .ttlbox .ttl { font-size: 3.6rem; font-weight: bold;}
#page_detail .txtbox .ttlbox .favbtn { width: 60px; height: 60px; border-radius: 50%; background: #fff;}
#page_detail .txtbox .catchphrase { font-size: 2.2rem; padding: 30px 0;}
#page_detail .txtbox .magazinedetail_list { display: flex; flex-wrap: wrap; margin-top: 15px; font-size: 1.8rem;}
#page_detail .magazine_detail .txtbox .magazinedetail_list dt { width: 180px; padding: 18px 0px; border-bottom: 1px solid #eee; font-weight: bold;}
#page_detail .magazine_detail .txtbox .magazinedetail_list dd { width: 300px; padding: 18px 0px; border-bottom: 1px solid #eee;}
#page_detail .btnArea { text-align: center; padding-top: 50px;}
#page_detail .btnArea .online_btn { background: #000; color: #fff; font-size: 1.8rem; line-height: 70px; border-radius: 10px;}
#page_detail .btnArea .onlineicon { padding-right: 12px;}
#page_detail .btnArea .onlineicon img { width: 26px; vertical-align: middle; margin-bottom: 4px;}
#page_detail .btnArea .online_btn:hover { opacity: 0.8;}
#page_detail .btnArea .contact_btn { background: #67c945; color: #fff; font-size: 1.8rem; font-weight: bold; padding: 28px 40px; border-radius: 80px; display: inline-block;}
#page_detail .btnArea .contact_btn:hover { transform: scale(1.03);}
#page_detail .message .ttl { font-size: 2.4rem; font-weight: bold; line-height: 1.7;}
#page_detail .message .txt { line-height: 2.2; color: #666;}

/*詳細ページ追加コンテンツ_241115*/
#page_detail .magazine_info_item h3 { font-weight: 600;	text-align: center; margin-bottom: 20px;}
#page_detail .chart-container-gender, .table-container { width: 30%;}
#page_detail .chart-container-age, .table-container { width: 60%;}
#page_detail .table { border-collapse: collapse; width: 100%;}
#page_detail .table th, .table td { border: 1px solid #ddd; padding: 8px; text-align: left;}
#page_detail .table th { background-color: #f2f2f2;}
#page_detail .magazine_info { background: #fff; padding: 80px; margin: 100px 0; border-radius: 30px;}
#page_detail .magazine_info_item { margin-bottom: 70px;}
#page_detail .magazine_info_item:last-child { margin-bottom: 0;}
#page_detail .magazine_info_item h2 { background: #f7f7f7; border-radius: 5px; padding: 20px; margin-bottom: 30px; font-size: 2.2rem; font-weight: 600;}
#page_detail .magazine_info_item li { padding-bottom: 5px; display: flex;}
#page_detail .magazine_info_item .subnav_icon { padding-right: 6px;}
/*#page_detail .btnArea { padding-top: 0 !important;}*/
#page_detail .magazine_detail ul.magazine_point_box { background: #fff; padding: 25px 25px 18px; border-radius: 8px;}
#page_detail .magazine_detail li.magazine_point { font-size: 1.8rem; font-weight: 600; display: flex;}
#page_detail .magazine_detail li.magazine_point .subnav_icon { padding-right: 5px;}
#page_detail .magazine_detail .message { margin-bottom: 25px; line-height: 2;}
#page_detail .txtbox .magazinedetail_list {	margin-top: 50px!important;}
#page_detail .magazine_detail .txtbox .magazinedetail_list dt:first-child { border-top: 1px solid #eee!important;}
#page_detail .magazine_detail .txtbox .magazinedetail_list dd:first-of-type { border-top: 1px solid #eee!important;}
#page_detail .txtbox .catchphrase {	padding: 25px 0;}

@media screen and (min-width: 750px) {
	#page_detail .magazine_detail .imgbox img { max-width: 300px; width: 70%;}
	#page_detail .magazine_detail { display: flex; justify-content: space-between; margin-bottom: 100px;}
	
	/*詳細ページ追加コンテンツ_241115*/
	#page_detail .container { display: flex; flex-wrap: wrap; justify-content: space-evenly;}
	#page_detail .magazine_detail .message { font-size: 1.8rem;}
}

@media screen and (max-width: 749px) {
	#page_detail .magazine_detail { margin-bottom: 50px;}
	#page_detail .magazine_detail .txtbox { width: 100%; padding-top: 30px;}
	#page_detail .magazine_detail .txtbox .magazinedetail_list dt { width: 40%;}
	#page_detail .magazine_detail .txtbox .magazinedetail_list dd { width: 60%;}
	#page_detail .imgboxbg { width: 100%; height: 400px;}
	#page_detail .magazine_detail .imgbox { height: 400px;}
	#page_detail .magazine_detail .imgbox img { width: 70%; max-width: 250px;}
	#page_detail .txtbox .ttlbox .ttl { font-size: 2.8rem;}
	#page_detail .txtbox .catchphrase { font-size: 1.7rem; padding: 30px 0 10px;}
	#page_detail .txtbox .magazinedetail_list { font-size: 1.5rem;}
	#page_detail .btnArea .online_btn { font-size: 1.4rem; line-height: 60px;}
	#page_detail .btnArea .onlineicon { padding-right: 10px;}
	#page_detail .btnArea .onlineicon img { width: 21px;}
	#page_detail .message .ttl { font-size: 2rem; padding-top: 50px;}
	#page_detail .btnArea .contact_btn { font-size: 1.5rem;}

	/*詳細ページ追加コンテンツ_241115*/
	#page_detail .magazine_info { padding: 6%; border-radius: 15px;}
	#page_detail .magazine_info_item h2 { font-size: 1.8rem;}
	#page_detail .magazine_info_item { margin-bottom: 30px;}
	#page_detail .chart-container-gender, .table-container { width: 70%; margin: 0 auto;}
	#page_detail .chart-container-age, .table-container { width: 100%;}
	#page_detail .magazine_detail li.magazine_point { font-size: 1.5rem;}
}


/*==================================
	page_search
==================================*/
#page_search .category_list { border-bottom: 1px solid #ccc; padding-bottom: 80px;}
.magazine_list { padding-top: 100px; border-bottom: 1px solid #ccc;}
.archive_list.magazine_list { padding-top: 0;}
.magazine_list .item .imgbox { margin-right: 60px;}
.magazine_list .item .txtbox .ttlbox { display: flex; justify-content: space-between;}
.magazine_list .item .txtbox .ttlbox .ttl { font-size: 3rem; font-weight: bold;}
.txtbox .ttlbox .favbtn a { width: 60px; height: 60px; border-radius: 50%; background: #fff; position: relative;}
.txtbox .ttlbox .favbtn a.on { background: #000;}
.txtbox .ttlbox .favbtn svg { width: 32px; height: auto; position: absolute; top: 16px; left: 14px;}
.txtbox .ttlbox .favbtn a.on svg path { fill: #fff;}
.magazine_list .item .txtbox .magazinedetail_list { margin-top: 15px; background: #fff; padding: 26px 40px; font-size: 1.6rem; border-radius: 10px;}
.magazine_list .item .txtbox .magazinedetail_list dt { font-weight: bold;}

@media screen and (min-width: 750px) {
	.areamap { background: #fff; padding: 80px; height: 860px; border-radius: 30px;}
	.areamap .areamapbg { background: url("../img/area/japan.png") no-repeat center; background-size: auto; height: 690px; position: relative;}
	.areamap .areabox { position: absolute;}
	.areamap .arealist { display: flex; flex-wrap: wrap;}
	.areamap .areabox .ttl { font-size: 1.8rem; font-weight: bold;}
	.areamap .areabox .arealist li { font-size: 1.6rem; padding: 10px 10px 0 0;}
	.areamap .areabox .circle { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #67c945; margin: 0 7px 3px 0}
	.areamap .areabox .arealist .areaboxlink { background: #f7f7f7; display: inline-block; padding: 10px 16px; border-radius: 5px;}
	.areamap .areabox .arealist .areaboxlink:hover { background: #67c945; color: #fff;}
	.areamap .areabox .arealist a.areaboxlink { transition: none; -webkit-transition: none;}
	.areamap .areabox.areabox_hokkaido { position: absolute; right: 0; top: 0;}
	.areamap .areabox.areabox_tohoku { position: absolute; right: 0; top: 180px; width: 191px;}
	.areamap .areabox.areabox_chubu { position: absolute; right: 280px; top: 0; width: 286px;}
	.areamap .areabox.areabox_kanto { position: absolute; right: 0; top: 431px; width: 191px;}
	.areamap .areabox.areabox_kinki { position: absolute; right: 210px; top: 488px; width: 286px;}
	.areamap .areabox.areabox_chugoku { position: absolute; right: 590px; top: 98px; width: 191px;}
	.areamap .areabox.areabox_shikoku { position: absolute; right: 520px; top: 548px; width: 191px;}
	.areamap .areabox.areabox_kyusyu { position: absolute; left: 0; top: 310px; width: 191px;}
	.magazine_list .item { display: flex; align-items: center; margin-bottom: 100px;}
	.magazine_list .item .txtbox .magazinedetail_list { display: flex; flex-wrap: wrap; width: 800px;}
	.magazine_list .item .txtbox .magazinedetail_list dt { width: 166px; padding: 5px 0px; border-right: 1px solid #ccc;}
	.magazine_list .item .txtbox .magazinedetail_list dd { width: 518px; padding: 5px 0px; margin-left: 36px;}
	.magazine_list .item .imgbox img { width: 220px;}
	#page_search .pagination { padding-top: 120px;}
}

@media screen and (max-width: 749px) {
	#page_search .txtbox .ttlbox .favbtn a { width: 40px; height: 40px;}
	#page_search .category_list { padding-bottom: 60px;}
	.magazine_list { padding: 70px 0 30px;}
	#page_search .pagination { padding-top: 70px;}
	.areabox { margin-bottom: 10px;}
	.areabox .ttl { background-color: #fff; padding: 20px; cursor: pointer;}
	.areabox .arealist { display: none; padding-left: 20px;}
	.areabox.active .arealist { display: block;}
	.areabox .arealist li { list-style: none; border-bottom: 1px solid #f7f7f7; padding: 10px 0px;}
	.areabox .arealist li:last-child { border-bottom: none;}
	.magazine_list { display: flex; flex-wrap: wrap;}
	.magazine_list .item { width: 46.5%; margin-right: 7%; margin-bottom: 40px;}
	.magazine_list .item:nth-of-type(2n) { margin-right: 0;}
	.magazine_list .item .imgbox { margin: 0;}
	.magazine_list .item .txtbox { padding-top: 20px;}
	.magazine_list .item .txtbox .ttlbox .ttl { font-size: 2rem;}
	.txtbox .ttlbox .favbtn svg { top: 9px; left: 7px; right: 0; bottom: 0; width: 26px;}
	.magazine_list .item .txtbox .magazinedetail_list { font-size: 1.4rem; padding: 20px 22px;}
	.magazine_list .item .txtbox .magazinedetail_list dt { width: 100%; padding-top: 15px;}
	.magazine_list .item .txtbox .magazinedetail_list dt:first-child { padding-top: 0;}
	.magazine_list .item .txtbox .magazinedetail_list dd { width: 100%;}
	#page_detail .txtbox .ttlbox .favbtn svg { top: 16px; left: 14px; right: 0; bottom: 0; width: 31px;}
	.accordion-header { position: relative; cursor: pointer; background-color: #fff; padding: 30px 80px; font-size: 2.2rem; font-weight: bold; letter-spacing: 0.12em; border-radius: 10px;}
	.accordion-header:after { content: "+"; font-size: 40px; position: absolute; top: 48%; transform: translateY(-50%); right: 30px; cursor: pointer;}
	.accordion-content { position: relative; display: none; background-color: #fff; padding: 20px 80px 40px; border-radius: 0 0 10px 10px; font-size: 1.6rem;}
	.accordion-header.open::after { content: "−"; top: 51%; right: 19px;}
	.accordion-header.open { border-radius: 10px 10px 0 0;}
	.accordion-item { margin-bottom: 20px;}
	.accordion-header { padding: 20px 50px; font-size: 1.6rem;}
	.accordion-header:after { font-size: 30px; right: 20px;}
	.accordion-content { padding: 0 50px 20px; font-size: 1.4rem;}
}


/*==================================
	page_interview
==================================*/
#page_interview .interviewlist li a .img img { width: 340px; height: 180px; border-radius: 20px 20px 0 0;}

#page_interview .interviewlist .txtbox { background: #fff; width: 340px; padding: 22px 30px; border-radius: 0 0 20px 20px;}
#page_interview .interviewlist .txtbox .category .item { font-size: 1.2rem; font-weight: bold; color: #fff; background: #000; padding: 8px 14px; border-radius: 40px; margin-right: 8px;}
#page_interview .interviewlist .txtbox .ttl { font-size: 1.8rem; font-weight: bold; margin: 12px 0 10px; line-height: 1.7; -webkit-line-clamp: 3;}
#page_interview .interviewlist .txtbox .txt { font-size: 1.4rem; color: #666666; line-height: 1.8; -webkit-line-clamp: 3;}
#page_interview .interviewlist .txtbox .name { font-size: 1.4rem; color: #666666; font-weight: bold; text-align: right; padding-top: 10px;}
#page_interview .interviewlist .txtbox p { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

@media screen and (min-width: 750px) {
	#page_interview .interviewlist li:first-child .txtbox { background: #fff; width: 540px; padding: 55px 50px 50px; border-radius: 0 30px 30px 0;}
	#page_interview .interviewlist li:first-child a .img img { width: 540px; height: 560px; border-radius: 30px 0 0 30px; object-fit: cover;}
	#page_interview .interviewlist li:first-child .txtbox .category .item { font-size: 1.3rem; font-weight: bold; color: #fff; background: #000; padding: 8px 14px; border-radius: 40px; margin-right: 10px;}
	#page_interview .interviewlist li:first-child { margin-left: 0;}
	#page_interview .interviewlist li:nth-child(3n-1) { margin-left: 0;}
	#page_interview li:first-child { display: flex;}
	#page_interview li:first-child a { display: flex;}
	#page_interview li:first-child .img { width: 540px; overflow: hidden;}
	#page_interview li:first-child img { border-radius: 30px 0 0 30px; transition: 1s all;}
	#page_interview li:first-child:hover { transform: scale(1.02,1.02); transition: 1s all;}
	#page_interview .interviewlist li:first-child .txtbox .ttl { font-size: 2.5rem; font-weight: bold; margin: 25px 0 18px; line-height: 1.7; -webkit-line-clamp: 3;}
	#page_interview .interviewlist li:first-child .txtbox .txt { font-size: 1.6rem; color: #666666; line-height: 2.1; -webkit-line-clamp: 6;}
	#page_interview .interviewlist li:first-child .txtbox .name { font-size: 1.6rem; color: #666666; font-weight: bold; text-align: right; padding-top: 22px;}
	#page_interview .interviewlist { display: flex; flex-wrap: wrap; margin-top: 80px;}
	#page_interview .interviewlist ul { display: flex; flex-wrap: wrap;}
	#page_interview .interviewlist li { margin-left: 30px; margin-bottom: 60px;}
	#page_interview .interviewlist li:hover { transform: scale(1.02,1.02); transition: 1s all;}
}

@media screen and (max-width: 749px) {
	#page_interview .mainbox { max-width: 100%; padding-bottom: 60px;}
	#page_interview .mainbox .txtbox { width: 100%; padding: 20px 25px; border-radius: 0 0 20px 20px;}
	#page_interview .mainbox img { border-radius: 20px 20px 0 0;}
	#page_interview .mainbox .txtbox .category .item, #page_interview .interviewlist .txtbox .category .item { font-size: 1rem; margin-right: 6px;}
	#page_interview .mainbox .txtbox .ttl, #page_interview .interviewlist .txtbox .ttl { font-size: 1.7rem; margin: 15px 0 5px; padding: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
	#page_interview .mainbox .txtbox .txt, #page_interview .mainbox .interviewlist .txt { font-size: 1.2rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
	#page_interview .mainbox .txtbox .name, #page_interview .interviewlist .txtbox .name { font-size: 1.2rem; padding-top: 10px;}
	#page_interview .interviewlist li { width: 100%; margin-bottom: 40px;}
	#page_interview .interviewlist li a .img img { width: 100%; border-radius: 20px 20px 0 0; object-fit: cover; object-position: top;}
	#page_interview .interviewlist .txtbox { width: 100%; padding: 22px 30px; border-radius: 0 0 20px 20px;}
}


/*==================================
	page_interview_detail
==================================*/
#wrapper .yarpp-related { margin-top: 0;}
#wrapper #page_interview .yarpp-related ul { display: flex; flex-wrap: wrap;}
.relatedinterview .relatedttl { font-weight: bold; font-size: 3.2rem; letter-spacing: 0.05em;}
.relatedinterview .relatedttl .en { padding-left: 15px}
/*.relatedinterview .interviewlist .txtbox { background: #f7f7f7 !important;}*/
#wrapper #page_interview.relatedinterview .interviewlist li:first-child { margin-left: 0;}
#wrapper #page_interview.relatedinterview .interviewlist li a .img img { height: 180px; border-radius: 20px 20px 0 0;}
#wrapper #page_interview.relatedinterview .interviewlist .txtbox { background: #fff; padding: 22px 30px; border-radius: 0 0 20px 20px;}
#wrapper #page_interview.relatedinterview .interviewlist .txtbox .category .item { font-size: 1.2rem; font-weight: bold; color: #fff; background: #000; padding: 8px 14px; border-radius: 40px; margin-right: 8px;}
#wrapper #page_interview.relatedinterview .interviewlist .txtbox .ttl { font-size: 1.8rem; font-weight: bold; margin: 15px 0 15px; line-height: 1.7; -webkit-line-clamp: 3;}
#wrapper #page_interview.relatedinterview .interviewlist .txtbox .txt { font-size: 1.4rem; color: #666666; line-height: 1.8; -webkit-line-clamp: 3;}
#wrapper #page_interview.relatedinterview .interviewlist .txtbox .name { font-size: 1.4rem; color: #666666; font-weight: bold; text-align: right; padding-top: 15px;}

@media screen and (min-width: 750px) {
	#wrapper #page_interview.relatedinterview { margin-bottom: 80px;}
	#wrapper #page_interview.relatedinterview .interviewlist { margin-top: 50px;}
	#wrapper #page_interview.relatedinterview .interviewlist li { margin-left: 30px; margin-bottom: 60px;}
	#wrapper #page_interview.relatedinterview .interviewlist li:first-child a { display: block; width: 340px;}
	#wrapper #page_interview.relatedinterview .interviewlist li:hover { transform: scale(1.02,1.02); transition: 1s all;}
	#wrapper #page_interview.relatedinterview .interviewlist li a .img img { width: 340px;}
	#wrapper #page_interview.relatedinterview .interviewlist .txtbox { width: 340px;}
}

@media screen and (max-width: 749px) {
	.relatedinterview { margin-bottom: 90px;}
	.relatedinterview .relatedttlbox .relatedttl { font-size: 2.8rem;}
	.relatedinterview .relatedttl { font-size: 2.5rem;}
	.relatedinterview .mt50 { margin-top: 35px;}
	.relatedinterview .relatedttlbox .relatedttl .en { display: block; padding-left: 0;}
}


/*==================================
	page_contact
==================================*/
#page_contact { margin-bottom: 130px;}
#page_contact .box { background: #fff; padding: 50px 100px 100px; border-radius: 10px; margin-top: 80px;}
#page_contact .box2 { padding: 80px 100px 110px;}
#page_contact .errortit { font-weight: 500; text-align: center; margin-bottom: 10px; padding: 5px;}
#page_contact .errorlist { line-height: 1.8;}
#page_contact .errortxt { font-size: 1.2rem; display: block; width: 100%; margin-bottom: 4px; background: #ffdfe0;}
#page_contact .maintxt { font-size: 1.8rem; line-height: 2;}
#page_contact .subtxt { font-size: 1.6rem; padding-top: 10px;}
#page_contact .tab-area { display: flex; cursor: pointer; margin-top: 80px;}
#page_contact .tab { background: #000; color: #fff; padding: 30px 0; width: 540px; text-align: center; font-size: 2.1rem; font-weight: bold;}
#page_contact .tab1 { border-radius: 10px 0 0 0;}
#page_contact .tab2 { border-radius: 0 10px 0 0;}
#page_contact .tab.active { background: #fff; color: #000;}
#page_contact .panel { display: none;}
#page_contact .panel.active { display: block;}
#page_contact .box .contactForm dl { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start;}
#page_contact .box .contactForm dl dt { font-size: 1.8rem; font-weight: bold; width: 255px; margin-top: 60px;}
#page_contact .box .contactForm dl dt.dttwolines { margin-top: 50px;}
#page_contact .box .contactForm dl dt p { font-weight: bold;}
#page_contact .box .contactForm dl dd { width: 600px; margin-top: 40px;}
#page_contact .box .contactForm dl dd.kindlist { display: flex; flex-wrap: wrap;}
#page_contact .box .contactForm dl dd.kindlist .item { display: inline-block;}
#page_contact .box .contactForm dl dd.mediaNamebox .mediaNamelist { display: flex; flex-wrap: wrap; padding-bottom: 20px;}
#page_contact .box .contactForm dl dd.mediaNamebox .mediaNamelist .item { display: inline-block;}
#page_contact .box .contactForm select,
#page_contact .box .contactForm input,
#page_contact .box .contactForm textarea { background: #f7f7f7; border: none; border-radius: 5px;}
#page_contact .box .contactForm input { width: 100%;}
#page_contact .box .contactForm input[type='radio'] { margin-right: 10px; width: 1.2em; height: 1.2em; vertical-align: text-bottom; accent-color: seagreen;}
#page_contact .box .contactForm input[type='checkbox'] { width: 1.2em; height: 1.2em; margin-right: 10px; vertical-align: text-bottom; accent-color: seagreen;}
#page_contact .box .contactForm input[type='text'] { padding: 22px;}
::placeholder { color: #999; letter-spacing: 0.08em;}
#page_contact .box .contactForm label { margin-right: 30px;}
#page_contact .box .contactForm textarea { width: 100%; height: 200px; padding: 22px;}
#page_contact .box .ppAarea { margin: 70px 0 40px 0; width: 100%;}
#page_contact .box .ppAarea .ppBtn { text-align: center;}
#page_contact .box .formBtnArea { text-align: center; margin: 0 auto;}
#page_contact .box .formBtnArea .btn { border: 0; background: #67c945; color: #fff; font-size: 1.8rem; margin: 0 auto; display: inline-block; min-width: 200px; min-height: 70px; line-height: 70px; border-radius: 70px;}
#page_contact .box .maintxt { font-size: 2.2rem; font-weight: bold; text-align: center;}
#page_contact .box .subtxt { font-size: 1.6rem; padding-top: 10px; text-align: center;}
#page_contact .box .telarea { background: #f7f7f7; width: 100%; padding: 50px 0; border-radius: 10px; margin-top: 40px;}
#page_contact .box .telarea .telnumber { font-family: "Montserrat"; font-size: 5rem; letter-spacing: 0.1em; font-weight: bold; text-align: center;}
#page_contact .box .telarea .telnumber .txt { font-family: "Montserrat"; font-size: 4rem; font-weight: bold;}
.contactForm .contact_table .table_required { color: #d6000f; font-size: 1.2rem; margin-left: 4px;}
#page_contact .formitem { padding: 22px;}
#page_contact .wpcf7-list-item { margin: 0;}

@media screen and (min-width: 750px) {
	#page_contact .box .contactForm dl dd.ddtwolines { margin-top: 50px;}
}

@media screen and (max-width: 749px) {
	#page_contact .box { padding: 0 0 50px; margin-top: 40px;}
	#page_contact { margin-bottom: 100px;}
	#page_contact.innerin { width: 100%;}
	#page_contact .tab-area { margin-top: 60px;}
	#page_contact .tab-area li { font-size: 1.5rem; padding: 20px 0;}
	#page_contact .maintxt { font-size: 1.4rem;}
	#page_contact .subtxt { font-size: 1.2rem;}
	#page_contact .box .contactForm dl dt { font-size: 1.4rem; width: 100%; margin-top: 30px;}
	#page_contact .box .contactForm dl dd { width: 100%; margin-top: 10px;}
	#page_contact .box .contactForm .ppBtn label { margin-right: 0;}
	#page_contact .box .ppAarea { margin: 40px 0 30px 0;}
	#page_contact .box .formBtnArea .btn { font-size: 1.4rem;}
	#page_contact .box .maintxt { font-size: 1.6rem; padding-top: 50px;}
	#page_contact .box .subtxt { font-size: 1.2rem; padding-top: 5px;}
	#page_contact .box .telarea { padding: 30px 0; margin-top: 30px;}
	#page_contact .box .telarea .telnumber { font-size: 2.4rem;}
	#page_contact .box .telarea .telnumber .txt { font-size: 1.6rem;}
}


/*==================================
	page_consultation
==================================*/
#page_consultation { margin-bottom: 130px;}
#page_consultation .errortit { font-weight: 500; text-align: center; margin-bottom: 10px; padding: 5px;}
#page_consultation .errorlist { line-height: 1.8;}
#page_consultation .errortxt { font-size: 1.2rem; display: block; width: 100%; margin-bottom: 4px; background: #ffdfe0;}
#page_consultation .maintxt { font-size: 1.8rem; font-weight: 400; line-height: 2;}
#page_consultation .subtxt { font-size: 1.4rem; font-weight: 400; padding-top: 20px; text-align: center;}
#page_consultation .box { margin-top: 30px;}
#page_consultation .box .contactForm dl { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start;}
#page_consultation .box .contactForm dl dt { font-size: 1.8rem; font-weight: bold; width: 260px; margin-top: 60px;}
#page_consultation .box .contactForm dl dt p { font-weight: bold;}
#page_consultation .box .contactForm dl dd { width: 600px; margin-top: 40px;}
#page_consultation .box .contactForm dl dd.kindlist { display: flex; flex-wrap: wrap;}
#page_consultation .box .contactForm dl dd.kindlist .item { display: inline-block;}
#page_consultation .box .contactForm dl dd.mediaNamebox .mediaNamelist { display: flex; flex-wrap: wrap; padding-bottom: 20px;}
#page_consultation .box .contactForm dl dd.mediaNamebox .mediaNamelist .item { display: inline-block;}
#page_consultation .box .contactForm select,
#page_consultation .box .contactForm input,
#page_consultation .box .contactForm textarea { background: #fff; border: none; border-radius: 5px;}
#page_consultation .box .contactForm input { width: 100%;}
#page_consultation .box .contactForm input[type='radio'] { margin-right: 10px; width: 1.2em; height: 1.2em; vertical-align: text-bottom; accent-color: seagreen;}
#page_consultation .box .contactForm input[type='checkbox'] { width: 1.2em; height: 1.2em; margin-right: 10px; vertical-align: text-bottom; accent-color: seagreen;}
/*#page_consultation .box .contactForm input[type='text'] { padding: 22px;}*/
::placeholder { color: #999; letter-spacing: 0.08em;}
#page_consultation .box .contactForm label { margin-right: 30px;}
#page_consultation .box .contactForm textarea { width: 100%; height: 200px; padding: 22px;}
#page_consultation .box .ppAarea { margin: 70px 0 40px 0; width: 100%;}
#page_consultation .box .ppAarea .ppBtn { text-align: center;}
#page_consultation .box .formBtnArea { margin: 0 auto;}
#page_consultation .box .formBtnArea .btn { border: 0; background: #67c945; color: #fff; font-size: 1.8rem; margin: 0 auto; display: inline-block; min-width: 200px; min-height: 70px; line-height: 70px; border-radius: 70px;}

#page_consultation .formitem { padding: 22px;}
#page_consultation .wpcf7-list-item { margin: 0;}

@media screen and (min-width: 750px) {
	#page_consultation .box .contactForm dl dt.dttwolines { margin-top: 50px;}
	#page_consultation .box .contactForm dl dd.ddtwolines { margin-top: 50px;}
}

@media screen and (max-width: 749px) {
	#page_consultation { margin-bottom: 100px;}
	#page_consultation.innerin { width: 100%;}
	#page_consultation .maintxt { font-size: 1.4rem;}
	#page_consultation .subtxt { font-size: 1.2rem;}
	#page_consultation .box .contactForm dl dt { font-size: 1.4rem; width: 100%; margin-top: 30px;}
	#page_consultation .box .contactForm dl dd { width: 100%; margin-top: 10px;}
	#page_consultation .box .contactForm .ppBtn label { margin-right: 0;}
	#page_consultation .box .ppAarea { margin: 40px 0 30px 0;}
}


/*==================================
	page_fav
==================================*/
#page_fav {}
#page_fav .favlist li { width: 320px; margin-left: 60px; margin-bottom: 60px;}
#page_fav .favbox { position: relative;}
#page_fav .favboxbg { background: #fff; height: 320px; border-radius: 20px;}
#page_fav .favboximg { width: 164px; height: 320px; padding: 2.6em 0; margin: 0 auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
#page_fav .favboximg img { display: block; box-shadow: 3px 3px 6px rgba(0,0,0,.15); height: 235px;}
#page_fav .favlist li .txtbox { padding-top: 25px;}
#page_fav .favlist li .txtbox .ttl { font-size: 2.2rem; font-weight: bold; padding-bottom: 15px;}
#page_fav .favlist li .txtbox .txt { font-size: 1.5rem; color: #666666; line-height: 1.6; padding-bottom: 15px;}
#page_fav .favlist li .txtbox .deletebtn { position: absolute; right: 0; font-size: 1.5rem; color: #666666;}
#page_fav .favlist li .txtbox .deletebtn .deleteicon { padding-right: 5px;}
#page_fav .favlist li .txtbox .deletebtn .deletetxt { border-bottom: 1px solid #666;}
#page_fav .btnArea { margin-top: 60px;}
#page_fav .btnArea .fav_contactbtn { background: #67c945; width: 380px; margin: 0 auto; border-radius: 70px; text-align: center; padding: 22px 0px; color: #fff; font-size: 2.2rem; font-weight: bold; line-height: 1.4; transition-duration: .4s;}
#page_fav .btnArea .fav_contactbtn:hover { transform: scale(1.03);}
#page_fav .btnArea .fav_contactbtn .small { font-size: 1.8rem;}

@media screen and (min-width: 750px) {
	#page_fav .favlist { display: flex; flex-wrap: wrap;}
	#page_fav .favlist li:nth-child(3n+1) { margin-left: 0;}
}

@media screen and (max-width: 749px) {
	#page_fav .btnArea .fav_contactbtn { width: 100%; font-size: 1.5rem;}
	#page_fav .btnArea .fav_contactbtn .small { font-size: 1.4rem;}
	#page_fav .btnArea { max-width: 340px; margin: 60px auto;}
	#page_fav .favlist li { width: 100%; margin-left: 0;}
	#page_fav .favboximg { padding: 3.2em 0;}

}


/*==================================
	page_adnote
==================================*/
#page_adnote {}
#page_adnote .adnotelist li { width: 330px; margin-left: 45px; margin-bottom: 60px;}
#page_adnote .adnotelist li .txtbox { padding-top: 20px;}
#page_adnote .adnotelist li .txtbox .ttl { font-size: 1.8rem; font-weight: bold; padding: 10px 0; line-height: 1.6;}
#page_adnote .adnotelist li .txtbox .date { font-size: 1.4rem;}

@media screen and (min-width: 750px) {
#page_adnote .adnotelist { display: flex; flex-wrap: wrap;}
#page_adnote .adnotelist ul { display: flex; flex-wrap: wrap;}
#page_adnote .adnotelist li:nth-child(3n+1) { margin-left: 0;}
#page_adnote .adnotelist li a .img { width: 330px; overflow: hidden; border-radius: 20px;}
#page_adnote .adnotelist li a .img img { width: 330px; height: 220px; border-radius: 20px; transition: 1s all;}
#page_adnote .adnotelist li a .img img:hover { transform: scale(1.05,1.05); transition: 1s all;}
#page_about #page_adnote .adnotelist li { margin-bottom: 0px;}
}

@media screen and (max-width: 749px) {
#page_adnote { padding-bottom: 30px;}
#page_adnote .adnotelist li { width: 100%; margin-left: 0; margin-bottom: 40px;}
#page_adnote .adnotelist li a .img img { border-radius: 10px;}
#page_adnote .adnotelist li .txtbox { padding-top: 15px;}
#page_adnote .adnotelist li .txtbox .ttl { font-size: 1.6rem; padding: 5px 0;}
#page_adnote .adnotelist li .txtbox .date { font-size: 1.2rem;}
}


/*==================================
	page_adnote_detail
==================================*/
.relatedadnote .relatedttlbox .relatedttl { font-weight: bold; font-size: 3.2rem; letter-spacing: 0.05em;}
.relatedadnote .relatedttlbox .relatedttl .en { padding-left: 15px;}
#page_adnote .yarpp-related ul { display: flex; flex-wrap: wrap;}

@media screen and (min-width: 750px) {
	#page_adnote.relatedadnote { padding-bottom: 70px;}
}

@media screen and (max-width: 749px) {
	#page_adnote.relatedadnote .adnotelist li { margin-bottom: 25px;}
	.relatedadnote .adnotelist a { display: flex; align-items: center;}
	#page_adnote.relatedadnote .adnotelist li .img { width: 80%;}
	#page_adnote.relatedadnote .adnotelist li .txtbox { padding-top: 0; padding-left: 20px; width: 80%;}
	#page_adnote.relatedadnote .adnotelist li .txtbox .ttl { font-size: 1.3rem; padding: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
	.relatedadnote .relatedttlbox .relatedttl { font-size: 2.8rem;}
	.relatedadnote .relatedttl { font-size: 2.5rem;}
	.relatedadnote .mt50 { margin-top: 35px;}
	.relatedadnote .relatedttlbox .relatedttl .en { display: block; padding-left: 0;}
}


/*==================================
	page_flow
==================================*/
#page_flow {}
#page_flow .flowlist { position: relative;}
#page_flow .flowlist .flowbox { display: flex; align-items: center; background-color: #fff; padding: 35px 50px; letter-spacing: 0.12em; border-radius: 20px; margin-bottom: 40px;}
#page_flow .flowlist:before { background: #67c945; content: ""; width: 5px; height: 40px; display: block; position: absolute; left: 50%; top: -40px; transform: translateX(-50%);}
#page_flow .flowlist:first-child:before { display: none;}
#page_flow .flowlist .flowbox.last { border: 5px solid #67c945;}
#page_flow .flowlist .number { font-family: "Montserrat"; color: #67c945; text-align: center; padding-right: 40px;}
#page_flow .flowlist .number .num { display: block; font-size: 4.5rem; line-height: 0.9;}
#page_flow .flowlist .flowbox .txtbox { border-left: solid 1px #eeeeee; padding: 25px 0 25px 45px; font-size: 2.2rem; font-weight: bold;}
#page_flow .flowlist .flowbox .txtbox a { display: inline; border-bottom: 1px solid #000; padding-bottom: 5px;}
#page_flow .flowlist .flowbox .txtbox a:hover { border-bottom: 1px solid #67c945; color: #67c945;}

@media screen and (min-width: 750px) {
}

@media screen and (max-width: 749px) {
	#page_flow.innerin { width: 100%;}
	#page_flow .flowlist .flowbox { padding: 25px 30px;}
	#page_flow .flowlist .number { padding-right: 20px;}
	#page_flow .flowlist .flowbox .txtbox { padding: 0 0 0 20px; font-size: 1.6rem; font-weight: bold;}
	#page_flow .flowlist .number .num { font-size: 2.5rem;}
}


/*==================================
	page_faq
==================================*/
#page_faq {}
#page_faq .accordion-item { margin-bottom: 40px;}
#page_faq .accordion-header { position: relative; cursor: pointer; background-color: #fff; padding: 30px 80px; font-size: 2.2rem; font-weight: bold; letter-spacing: 0.12em; border-radius: 10px;}
#page_faq .accordion-header:before { font-family: "Montserrat"; content: "Q"; font-size: 36px; position: absolute; top: 48%; transform: translateY(-50%); left: 30px;}
#page_faq .accordion-header:after { content: "+"; font-size: 40px; position: absolute; top: 48%; transform: translateY(-50%); right: 30px; cursor: pointer;}
#page_faq .accordion-content { position: relative; display: none; background-color: #fff; padding: 20px 80px 40px; border-radius: 0 0 10px 10px; font-size: 1.6rem;}
#page_faq .accordion-content:before { font-family: "Montserrat"; content: "A"; font-size: 36px; font-weight: bold; position: absolute; top: 28%; transform: translateY(-50%); left: 30px;}
#page_faq .accordion-header.open::after { content: "−"; top: 51%; right: 19px;}
#page_faq .accordion-header.open { border-radius: 10px 10px 0 0;}

@media screen and (min-width: 750px) {
}

@media screen and (max-width: 749px) {
#page_faq .accordion-item { margin-bottom: 20px;}
#page_faq .accordion-header { padding: 20px 50px; font-size: 1.6rem;}
#page_faq .accordion-header:before { font-size: 25px; left: 20px; top: 32px;}
#page_faq .accordion-header:after { font-size: 30px; right: 20px;}
#page_faq .accordion-content { padding: 10px 50px 30px; font-size: 1.4rem;}
#page_faq .accordion-content:before { font-size: 25px; top: 26px; left: 20px;}
#page_faq.innerin { width: 100%;}
}