@charset "utf-8";
/*
	Last Update:2022/12/17
	Auther: iw
*/
/*===================================================================
	base
===================================================================*/
a { text-decoration:none; }
a:link { color:#454444; }
a._u, .button._u > span { text-decoration:underline; }
body.pc a._u:hover, body.pc .button._u:hover > span { text-decoration:none; }

input::placeholder,
textarea::placeholder { color:#A1DDB7; }

.wrapper2, .wrapper2-t { padding-top:40px; }
.wrapper2, .wrapper2-b { padding-bottom:40px; }
@media (min-width: 576px){
	.xs-large { font-size:1.25em; }
}
@media (max-width: 767px){
	.wrapper, .wrapper-t { padding-top:60px; }
	.wrapper, .wrapper-b { padding-bottom:60px; }
}
@media (min-width: 768px){
	.wrapper, .wrapper-t { padding-top:80px; }
	.wrapper, .wrapper-b { padding-bottom:80px; }
}

.center { max-width:1080px; }
.center2 { max-width:1400px; }
.center3 { max-width:800px; }
.center4 { max-width:960px; }
	@media (max-width:1110px){
		.center { padding-left:12px; padding-right:12px; }
		.center .center { padding-left:0; padding-right:0; }
	}
	@media (max-width:1430px){
		.center2 { padding-left:15px; padding-right:15px; }
	}
	@media (max-width: 830px){
		.center3 { padding-left:15px; padding-right:15px; }
		.center .center3 { padding-left:0; padding-right:0; }
	}
	@media (max-width: 990px){
		.center4 { padding-left:15px; padding-right:15px; }
		.center .center4 { padding-left:0; padding-right:0; }
	}

.list_pager ul li > * { border:none; width:60px; height:60px; display:inline-block; vertical-align:middle; padding:0; }
.list_pager ul li > *:not(._button) { line-height:60px; }
.list_pager ul li > a:not(._button) { text-decoration:none; background:transparent; color:#85968C; }
.list_pager ul li > strong { color:#6E411A; font-weight:bold; }
.list_pager ul li img { vertical-align:middle; }
body.pc .list_pager ul li > a:hover:not(._button) { background:#6E411A; color:#fff; border-radius:10px; }


/*===================================================================
	color
===================================================================*/
.bg_white { background-color:#fff !important; }
.bg_gray { background-color:#EBEBEB !important; }
.bg_dgray { background-color:#777777 !important; }
.bg_gray-o { background-color:#F5F5F5 !important; }
.bg_green { background-color:#22904A !important; }
.bg_green-o { background-color:#F2FFF8 !important; }
.bg_yellow { background-color:#FFEF34 !important; }
.bg_yellow-o { background-color:#FFF68D !important; }
.bg_orange { background-color:#F26F00 !important; }
.bg_orange-o { background-color:#FFF7DB !important; }
.bg_blue { background-color:#0A56BF !important; }
.bg_pink { background-color:#DB4656 !important; }
.bg_line { background-color:#27BA39 !important; }
.bg_cream { background-color:#FAF7EC !important; }
.bg_brown { background-color:#6E411A !important; }

.c_ { color:#454444 !important; }
.c_white { color:#fff !important; }
.c_gray { color:#777777 !important; }
.c_red { color:#D84242 !important; }
.c_green { color:#22904A !important; }
.c_yellow { color:#FFEF34 !important; }
.c_orange { color:#F26F00 !important; }
.c_blue { color:#2361B5 !important; }
.c_brown { color:#6E411A !important; }

.box { box-shadow:0 0 4px rgba(0,0,0,0.2); }
.tag { display:inline-block; line-height:100%; }


/*===================================================================
	layout
===================================================================*/
#head { position:fixed; top:0; left:0; width:100%; z-index:2000; background:#fff; }
/* #head.fixed { box-shadow:0 3px 6px rgb(0,0,0,0.3); } */
#head .head_wrap { width:100%; margin:0 auto; position:relative; display:flex; align-items:center; justify-content:space-between; }
#head .head_h1 a{ font-size: 16px;color:#22904A;font-weight: bold; }
#head .site_logo a { display:inline-block; }
	@media (max-width: 991px){
		#base { padding-top:70px; }
		#head .head_wrap { padding:0 10px 0 20px; height:70px; }
		#head .head_h1 a{ font-size: 1.6vw; }
		#head .site_logo a { width:120px; }
		#head .head_button { display:none; }
		#btn_open a { width:40px; padding:0 10px; }
		#menu_cover { position:fixed; top:0; left:0; width:100%; height:110vh; background:rgba(0,0,0,0.5); z-index:1999; }
	}
	@media (min-width: 992px){
		#base { padding-top:110px; }
		#head .head_wrap { padding:0 70px; height:110px; }
		#head .head_wrap > * { display:inline-block; }
		#head .head_h1 { margin-bottom: 5px; }
		#head .head_button { position:absolute; top:15px; }
		#head .head_button > * { vertical-align:middle; }
		#head .head_button .button._head_arrow { color:#22904A; font-weight:bold; padding-top:14px; }
		#head .head_button .button._head_arrow > span { background:url(../image/layout/arrow4-rg.png) no-repeat right bottom / 0.95em auto; padding-right:1.5em; }
		#head.bg_green .head_button .button._head_arrow { color:#fff; }
		#head.bg_green .head_button .button._head_arrow > span { background:url(../image/layout/arrow4-rwg.png) no-repeat right bottom / 0.95em auto; }
		body.pc #head .head_button .button._head_arrow:hover > span { text-decoration:underline; }
		#btn_open a { padding:12px 0 0 ; }
	}
	@media (min-width: 992px) and (max-width:1299px){
		#head .head_wrap { padding:0 25px 0 20px; }
		#head .head_h1 a{ font-size: 1vw; }
		#head .site_logo a { width:330px; }
		#head .head_button { top:25px; right:80px; }
		#head .head_button .button._head_arrow { margin-right:15px; }
		#head .head_button img { width:250px; }
	}
	@media (min-width:1300px){
		#head .head_button .button._head_arrow { font-size:1.25em; }
	}
	@media (min-width:1300px) and (max-width:1499px){
		#head .head_wrap { padding:0 30px 0 20px; }
		#head .site_logo a { width:350px; }
		#head .head_button { top:20px; right:100px; }
		#head .head_button .button._head_arrow { margin-right:20px; }
		#head .head_button img { width:280px; }
	}
	@media (min-width:1500px) and (max-width:1599px){
		#head .head_wrap { padding:0 30px 0 20px; }
		#head .head_button { top:15px; right:100px; }
		#head .head_button .button._head_arrow { margin-right:25px; }
	}
	@media (min-width:1600px){
		#head .head_wrap { padding:0 70px; }
		#head .head_button { top:15px; right:150px; }
		#head .head_button .button._head_arrow { margin-right:30px; }
	}

#btn_open a { display:inline-block; }
#btn_close { text-align:right; }
#btn_close a { display:inline-block; }

#base:not(.open) #head_navi { display:none; }
#head_navi { position:fixed; top:0; right:0; z-index:2000; width:100%; max-width:570px; background:#46A568; height:100vh; overflow-y:auto; overscroll-behavior:none; }
#head_navi .main a { display:block; text-align:left; color:#fff; }
#head_navi .sub li { padding-top:10px; }
#head_navi .sub .button { width:100%; color:#fff; border:2px solid #fff; border-radius:40px; padding:20px; font-weight:bold; }
#head_navi .sub .button > span { width:100%; background:url(../image/layout/arrow1-rw.png) no-repeat center right / 10px auto; }
body.pc #head_navi .main a:hover { text-decoration:underline; }
	@media (max-width: 991px){
		#btn_close a { width:35px; padding:0 10px 0 7px; }
		#head_navi { padding:25px 10px; }
		#head_navi .logo { position:absolute; top:21px; left:20px; }
		#head_navi .main { padding:0 10px 30px 40px; }
		#head_navi .main ul > li { padding-top:30px; font-size:1.15em; }
		#head_navi .sub { font-size:1.15em; padding:0 30px 30px; }
	}
	@media (min-width: 992px){
		#head_navi { padding:40px 70px; }
		#head_navi .logo { display:none; }
		#head_navi .main { padding-bottom:30px; }
		#head_navi .main ul > li { padding-top:30px; font-size:1.5em; }
		#head_navi .sub { width:400px; font-size:1.25em; }
	}

#foot_navi { text-align:center; padding:20px 0 10px; }
#foot_navi a { color:#fff; }
#foot_navi ul > li { display:inline-block; line-height:100%; }
body.pc #foot_navi a:hover { text-decoration:underline; }
	@media (max-width: 767px){
		#base { padding-bottom:14vw; }
		#foot_navi { font-size:12px; }
		#foot_navi ul > li { padding-right:5px; margin-right:5px; border-right:1px solid #fff; }
		#foot_navi ul > li:first-child { padding-left:5px; margin-left:5px; border-left:1px solid #fff; }
		#copyright { padding:5px 0 10vw; font-size:11px; }
	}
	@media (min-width: 786px){
		#copyright { padding:10px 0; font-size:12px; }
		#foot_navi ul > li:not(:last-child) { padding-right:70px; margin-right:70px; border-right:1px solid #fff; }
	}


#copyright { color:#fff; text-align:center; }
#foot_fix { position:fixed; left:0; bottom:0; width:100%; z-index:1000; }
#foot_fix img { width:100%; }
	@media (max-width: 767px){
		#base { padding-bottom:14vw; }
		#copyright { padding:5px 0 10vw; font-size:11px; }
	}
	@media (min-width: 786px){
		#copyright { padding:10px 0; font-size:12px; }
	}

#pankuzu { color:#22904A; padding:5px 0; position: relative;z-index: 1; }
#pankuzu a { color:#22904A; }
#pankuzu ul > li { display:inline; }
#pankuzu ul > li:not(:last-child):after { content:">"; margin:0 10px; }
@media (max-width: 767px){
	#pankuzu { margin-top:10px;margin-bottom:-50px;}
}
@media (min-width: 786px){
	#pankuzu { margin-top:20px;margin-bottom:-60px;}
}

.page_title { font-weight:bold; letter-spacing:3px; text-align:center; }
.page_title.shindan { line-height: 1.2; }
.page-title_balloon{ font-weight:bold; width: fit-content; margin:0 auto 10px; position: relative; text-align: center; background: url(../image/layout/h2_1.png) repeat-x center top / auto 5px;}
.page-title_balloon span{ font-size:140%; padding:0 .1em; }
.page-title_balloon::after{ content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 9px; background: url(../image/layout/h2_2.png) no-repeat center top / auto 9px;
}
.page_title_sub { font-weight:bold; text-align:center; }
	@media (max-width: 767px){
		.page_title { font-size:1.5em; margin-bottom:30px; }
		.page_title.shindan { margin-bottom: 20px; }
		.page-title_balloon{ font-size:1.4em;padding: 0px 10px 8px; }
		.page-title_balloon::after{ height:6px;background-size: auto 6px; }
	}
	@media (min-width: 786px){
		.page_title { font-size:2.5em; margin-bottom:40px; }
		.page-title_balloon{ font-size:2em;padding: 0px 10px 12px; }
	}


/*===================================================================
	#body
===================================================================*/
#category_bar { padding:5px 20px; }
#category_bar a { color:#22904a; font-weight:bold; }
#category_bar ul > li { display:inline-block; line-height:100%; }
body.pc #category_bar a:hover { text-decoration:underline; }
	@media (max-width: 767px){
		#category_bar { overflow-x:auto; }
		#category_bar ul { white-space:nowrap; }
		#category_bar ul > li { padding-right:20px; }
	}
	@media (min-width: 786px){
		#category_bar { text-align:center; }
		#category_bar ul > li:not(:last-child) { padding-right:40px; margin-right:40px; border-right:1px solid #22904a; }
	}

#primary, #secondary { text-align:left; }
.primary_box { border-radius:20px; }
	@media (max-width: 991px){
		.primary_box { padding:20px 20px 0; }
		.side_banner { margin-right:-15px; margin-left:-15px; text-align:center; }
	}
	@media (min-width: 992px){
		#page_wrap { display:flex; width:100%; align-items:stretch; }
		/* #primary { width:calc(100% - 350px); padding-right:60px; } */
		body.pc.safari #primary { width:auto; }
		#secondary { width:350px; }
		.primary_box { padding:50px 50px 20px; }
	}

.info_unit { width:100%; }
.info_unit .meta { position:relative; }
.info_unit .text h4 { font-weight:bold; color:#22904a; line-height:140%; }
.info_unit .tag { border-radius:3px; padding:5px 8px; position:absolute; right:0; top:0; }
	@media (max-width: 575px){
		.info_unit { display:flex !important; margin-bottom:30px; }
		.info_unit > * { display:inline-block; }
		.info_unit .photo { width:120px; }
		.info_unit .text { width:calc(100% - 125px); padding:0 0 0 10px; }
		.info_unit .text h4 { font-size:1.25em; margin-bottom:5px; }
		.info_unit .meta { margin-top:5px; }
		.info_unit .tag { font-size:10px; }
	}
	@media (min-width: 576px){
		.info_unit { margin-bottom:50px; }
		.info_unit .text { padding:20px 0 0; }
		.info_unit .text h4 { font-size:1.5em; margin-bottom:10px; }
		.info_unit .meta { margin-top:10px; }
	}

.secondary_ranking { background:#fff; border-radius:15px; overflow:hidden; }
.secondary_ranking + .secondary_ranking { margin-top:50px; }
.secondary_ranking .title_wrap { text-align:center; padding:15px 0; color:#fff; }
.secondary_ranking .title_wrap h4 { font-size:1.5em; }
.secondary_ranking .unit_wrap { padding:15px; }
.secondary_ranking .unit { position:relative; display:flex; padding:10px; }
.secondary_ranking .unit > * { display:inline-block; }
.secondary_ranking .unit .number { position:absolute; top:0; left:0; z-index:2; color:#4E6C59; }
.secondary_ranking .unit .number > span { display:inline-block; width:35px; height:35px; text-align:center; font-weight:bold; line-height:33px; font-size:22px; border-radius:30px; }
.secondary_ranking .unit .photo { width:135px; }
.secondary_ranking .unit .text { width:calc(100% - 135px); padding:0 0 0 10px; }
.secondary_ranking .unit .text h4 { font-weight:bold; color:#22904a; margin-bottom:10px; line-height:140%; }
.secondary_ranking .unit .meta { position:relative; margin-top:10px; font-size:0.9em; }
.secondary_ranking .unit .tag { border-radius:3px; padding:3px 8px; }

.category_list { border-top:1px solid #793800; margin-top:60px; }
.category_list li { padding:15px 0; border-bottom:1px solid #793800; }
.category_list a { display:block; color:#793800; background:url(../image/layout/arrow4-rbr.png) no-repeat calc(100% - 10px) center / 16px auto; }
.category_list a .num { display:inline-block; font-size:12px; padding:2px 3px; color:#fff; line-height:100%; margin-left:15px; border-radius:3px; }
body.pc .category_list a:hover { text-decoration:underline; }
	@media (max-width: 575px){
		.category_list { margin:30px 0 60px; }
	}
	@media (min-width: 576px){
		.category_list { margin-top:60px; }
	}

.secondary_ranking .category_list{ margin-top:0;border: none; }
.secondary_ranking .category_list li{ border-bottom:1px solid #22904a; }
.secondary_ranking .category_list li:last-child{ border-bottom:none; }
.secondary_ranking .category_list a { display:block; color:#22904a; font-weight: bold; background:url(../image/layout/arrow4-rg.png) no-repeat calc(100% - 10px) center / 16px auto; }
.js-fix.is-fixed{ position: fixed;top:1em;width:350px; }

.single_bottom_article .secondary_ranking .unit_wrap{ display: flex;justify-content: space-between;padding:50px 0; }
.single_bottom_article .secondary_ranking .unit{ display: block;width: 312px; padding:0;}
.single_bottom_article .secondary_ranking .unit .photo{ width:100%; }
.single_bottom_article .secondary_ranking .unit .text{ width:100%; }

.single_detail_wrap {}
	@media (max-width: 575px){
		.single_detail_wrap { background-color:#fff; }
		.single_detail_wrap .primary_box { padding:0; }
		.single_detail_wrap .single_detail_button_area { background:#faf7ec; margin-left:-15px; margin-right:-15px; margin-bottom:50px; border-radius:0; padding:50px 15px 1px; }
	}
	@media (min-width: 576px){
		.single_detail_wrap { background-color:#f2fff8; }
	}
.single_title { padding-bottom:40px; }
.single_title .title { font-weight:bold; font-size:1.75em; }
.single_title .tag { border-radius:3px; padding:3px 8px; margin-left:10px; }

.page_list { border-radius:20px; margin-bottom:40px; }
.page_list .title { text-align:center; font-size:1.5em; border-bottom:1px dashed #22904A; padding:0 0 10px; margin-bottom:20px; }
.page_list ol { margin:0; padding:0 0 0 2em; color:#22904A; }
.page_list ol a { color:#22904A; }
.page_list ol li { margin:0; padding:0; }
.page_list ol li + li { margin-top:20px; }
.page_list > ol > li { font-weight:bold; }
.page_list > ol > li > ol { margin-top:20px; font-weight:normal; list-style:none; }
.page_list > ol > li > ol > li:before { margin-right:5px; }
.page_list > ol > li > ol > li:nth-child(1):before { content:"\02460"; }
.page_list > ol > li > ol > li:nth-child(2):before { content:"\02461"; }
.page_list > ol > li > ol > li:nth-child(3):before { content:"\02462"; }
.page_list > ol > li > ol > li:nth-child(4):before { content:"\02463"; }
.page_list > ol > li > ol > li:nth-child(5):before { content:"\02464"; }
.page_list > ol > li > ol > li:nth-child(6):before { content:"\02465"; }
.page_list > ol > li > ol > li:nth-child(7):before { content:"\02466"; }
.page_list > ol > li > ol > li:nth-child(8):before { content:"\02467"; }
.page_list > ol > li > ol > li:nth-child(9):before { content:"\02468"; }
.page_list > ol > li > ol > li:nth-child(10):before { content:"\02469"; }
	@media (max-width: 575px){
		.page_list { padding:20px 15px; }
	}
	@media (min-width: 576px){
		.page_list { padding:40px 50px; }
		.page_list > ol { font-size:1.15em; }
	}


.author { margin:50px 0; border:3px solid #22904A; border-radius:0 0 20px 20px; }
.author .title { padding:0 0 5px 40px; font-size:1.15em; }
.author .photo { border-radius:100px; overflow:hidden; }
.author .text p { margin-bottom:20px; }
	@media (max-width: 575px){
		.author .contents { padding:20px 15px; }
		.author .name_wrap { margin-bottom:10px; }
		.author .name_wrap > * { display:inline-block; vertical-align:middle; }
		.author .photo { width:100px; }
		.author .name { padding-left:15px; font-size:1.15em; }
	}
	@media (min-width: 576px){
		.author .contents { padding:40px 10px; }
		.author .name_wrap { text-align:center; border-right:1px dashed #22904A; }
		.author .photo { width:175px; margin:0 auto 10px; }
		.author .text { padding:0 0 0 40px; }
	}

.author_unit { margin-bottom:40px; border-radius:20px; background:#fff; }
.author_unit .photo { border-radius:100px; overflow:hidden; }
.author_unit .text p { margin-bottom:20px; }
	@media (max-width: 575px){
		.author_unit { padding:20px 15px; }
		.author_unit .name_wrap { margin-bottom:10px; }
		.author_unit .name_wrap > * { display:inline-block; vertical-align:middle; }
		.author_unit .photo { width:100px; }
		.author_unit .name { padding-left:15px; font-size:1.15em; }
		
	}
	@media (min-width: 576px){
		.author_unit { padding:30px 30px 30px 0; }
		/* .author_unit .name_wrap { text-align:center; border-right:1px dashed #22904A; } */
		/* .author_unit .photo { width:175px; margin:0 auto 10px; } */
		.author_unit .text { padding:0 0 0 40px; }
	}

#author_detail .name_wrap { margin-bottom:30px; }
#author_detail .photo { border-radius:150px; overflow:hidden; }
/* #author_detail .detail { padding-bottom:40px; } */
#author_detail .detail_title { padding:10px 20px; font-size:15px; }
	@media (max-width: 767px){
		#author_detail { margin-top:70px; }
		#author_detail .name_wrap { margin-top:-70px; }
		#author_detail .name_wrap .photo { width:140px; margin:0 auto 20px; }
		#author_detail .detail_title { margin-left: -10px; margin-right: -10px; }
	}
	@media (min-width: 768px){
		#author_detail .name_wrap .photo { max-width:280px;width: 100%; }
		#author_detail .name_title { font-size:1.25em; border-bottom:2px dashed #22904a; padding:0 0 10px; margin-bottom:20px; }
	}

.sns_button { margin:50px 0; }
.sns_button ul { display:table; table-layout:fixed; width:100%; }
.sns_button li { display:table-cell; }
.sns_button .button { position:relative; background:#fff; width:100%; border-radius:5px; }
.sns_button .button > span { position:absolute; left:30%; width:40%; }
.sns_button .button._twitter { border:2px solid #1D9BF0; }
.sns_button .button._fb { border:2px solid #1877F2; }
.sns_button .button._hatena { border:2px solid #1F89CA; }
.sns_button .button._line { border:2px solid #06C755; }
.sns_button .button._pocket { border:2px solid #F43B53; }
	@media (max-width: 575px){
		.sns_button li { padding:0 3px; }
		.sns_button .button { height:52px; }
		.sns_button .button > span > img { width:27px; }
	}
	@media (min-width: 576px){
		.sns_button li { padding:0 10px; }
		.sns_button .button { height:88px; }
	}

.button._type3 { border:1px solid #22904A; color:#22904A; background:#fff; border-radius:30px; width:300px; max-width:100%; padding:18px 0; font-weight:bold; }


/*===================================================================
	common
===================================================================*/
.icon { display:inline-block; line-height:100%; background-repeat:no-repeat; background-size:contain; background-position:left center; padding-left:1.25em; }

.mb0 { margin-bottom:0 !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mt10 { margin-top:10px !important; }

.pt0 { padding-top:0 !important; }
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt30 { padding-top:30px !important; }
.pt40 { padding-top:40px !important; }
.pt50 { padding-top:50px !important; }

@media (max-width: 767px){
	.sp_pt0 { padding-top:0 !important; }
	.sp_pt5 { padding-top:5px !important; }
	.sp_pt10 { padding-top:10px !important; }
	.sp_pt15 { padding-top:15px !important; }
	.sp_pt20 { padding-top:20px !important; }
	.sp_pt30 { padding-top:30px !important; }
	.sp_pt40 { padding-top:40px !important; }
	.sp_pt50 { padding-top:50px !important; }
}

.disp_b { display:block; }
.disp_ib { display:inline-block; }
.disp_tbl { display:table; width:100%; }
.disp_tbl > *, .disp_td { display:table-cell; vertical-align:middle; }

.img_back { position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden; line-height:1px; }
/* .img_back > img { opacity:0; position:absolute; top:0; left:0; } */
/* .img_rect { padding-top:65%; } */
/* .img_sq { padding-top:100%; } */

.plx { transition:opacity .7s, transform .7s; }
.plx:not(.plx_on) { opacity:0; }
.plx._vertical:not(.plx_on) { transform:translateY(25%); }
.plx._left:not(.plx_on) { transform:translateX(-50%); }
.plx._right:not(.plx_on) { transform:translateX(50%); }

@media (max-width: 767px){
	.sp_table_wrap { overflow-x:auto; width:100%; white-space:nowrap; }
	.sp_table_wrap::-webkit-scrollbar { height:10px; }
	.sp_table_wrap::-webkit-scrollbar-track { background:#F1F1F1; }
	.sp_table_wrap::-webkit-scrollbar-thumb { background:#BCBCBC; }
	.sp_table_wrap table { width:100%; }
	.sp_table_wrap table { font-size:14px !important; -webkit-text-size-adjust:100%; -moz-text-size-adjust:none; -ms-text-size-adjust:100%; text-size-adjust:100%; }
}

@media (max-width: 991px){
  .side_banner {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .page-wrapper {
    display: flex;
}

.author_unit {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #ffffff;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 30px;
  box-shadow: none;
  gap: 20px;
}

/* カード内の画像エリア */
.author_unit .photo {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #e0e0e0;
  flex-shrink: 0;
}

.author_unit .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 名前表示 */
.name_wrap .name {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  margin-top: 12px;
}

/* テキスト領域 */
.author_unit .text {
  flex: 1;
  font-size: 14px;
  line-height: 1.7;
}

/* 詳細ボタン */
.button._type3 {
  display: inline-block;
  margin-top: 12px;
  padding: 10px 24px;
  color: #008000;
  border: 2px solid #008000;
  border-radius: 24px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.3s ease;
}

.button._type3:hover {
  background-color: #008000;
  color: #fff;
}

/* カラム分割 */
.row .col-xs-6 {
  width: 48%;
  margin-right: 4%;
  float: left;
  margin-bottom: 30px;
}

.row .col-xs-6:nth-child(2n) {
  margin-right: 0;
}

/* SNSボタン */
.sns_button ul {
  display: flex;
  justify-content: center;
  gap: 16px;
  list-style: none;
  padding: 0;
  margin: 32px 0 20px;
}

.sns_button li {
  width: 44px;
  height: 44px;
}

.sns_button li img {
  width: 100%;
  height: auto;
}

/* レスポンシブ対応 */
@media screen and (max-width: 768px) {
  .author_unit {
    flex-direction: column;
    text-align: center;
  }

  .author_unit .text {
    width: 100%;
    margin-top: 16px;
  }

  .row .col-xs-6 {
    width: 100%;
    margin-right: 0;
  }
}

.center2{
    height: 50vw;
}

a.button._arrow1 {
    color: #22904A;
}

a.button._arrow1 {
    color: #22904A;
    padding-right: 12px;
    background: url(../image/layout/arrow2-rg.png) no-repeat right center / 6px auto;
}

.pos_ac{
    text-align: center;
}