@charset "utf-8";

/* pattern common style
================================================== */
/* main */
#tmp_main2 > *:not(:last-child){
    border-bottom: 2px solid #c9c9c9;
}
.show_sp{
	display: none;
}

/* title */
.sec_title{
	margin-bottom: 11px;
    padding-bottom: 17px;
    border-bottom: 2px solid #c9c9c9;
    line-height: 1.5;
	color: #333333;
	background-color: #ffffff;
}

/* btn */
.btn_simple a{
	display: block;
	margin: 0 auto;
	padding: 19px 40px 17px;
	background: #3b3e34 url(/site/shared/templates/okuyamato_top/images/icon/arrow_link_rgt_wh.png) no-repeat right 18px center;
	width: 100%;
	max-width: 300px;
	border-radius: 30px;
	line-height: 1.5;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
}

/* news list */
.news_list .news_item{
	display: flex;
	align-items: center;
	padding: 13px 0;
	border-bottom: 1px solid #e6e6e6;
	line-height: 1.7;
}
.news_list .news_date{
	flex-shrink: 0;
	padding-right: 10px;
	width: 154px;
	color: #4d4d4d;
}
.news_list .news_text{
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1 auto;
	padding-left: 50px;
	width: 100%;
	min-height: 60px;
	border-left: 1px solid #eeeeee;
}
.news_list .news_text a{
	display: block;
	padding: 3px 30px 3px 0;
	background: #ffffff url(/site/shared/templates/okuyamato_top/images/icon/arrow_link_rgt_df.png) no-repeat right center;
	color: #333333;
	text-decoration: none;
}

/* thumbnail list */
.thumbnail_list{
	display: flex;
	flex-flow: row wrap;
	gap: 30px 24px;
}
.thumbnail_list .thumbnail{
	list-style: none;
	width: calc(50% - 12px);
}
.thumbnail_list .thumbnail a{
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: transparent;
	color: inherit;
	text-decoration: none;
}
.thumbnail_list .thumbnail a:after{
	content: '';
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: transparent url(/site/shared/templates/okuyamato_top/images/icon/arrow_link_rgt_df_sp.png) no-repeat;
	width: 30px;
	height: 32px;
	color: inherit;
	z-index: 2;
	pointer-events: none;
}
.thumbnail_list .thumbnail_img{
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.thumbnail_list .thumbnail_img img{
	vertical-align: top;
	width: 100%;
	height: auto;
}
.thumbnail_list .thumbnail_des{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 46px 18px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.thumbnail_list .thumbnail_cap{
	display: flex;
	flex-direction: column;
	padding: 20px 5px 19px;
	background-color: #ffffff;
	min-width: 220px;
	max-width: 100%;
	max-height: 80%;
	overflow-y: auto;
	line-height: 1.5;
	color: #333333;
	text-align: center;
	box-shadow: 0 0 20px 15px rgba(0,0,0,0.2);
	word-break: break-all;
}
.thumbnail_list .thumbnail_cap > span{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1;
}
/* sm */
.thumbnail_sm .thumbnail{
	width: calc((100% - 72px) / 4);
}
.thumbnail_sm .thumbnail_des{
	padding-bottom: 10px;
}
.thumbnail_sm .thumbnail_cap{
	padding-top: 16px;
	padding-bottom: 17px;
	min-width: min(140px, 90%);
	min-height: 80px;
	line-height: 1.3;
}

/* mainvisual style
================================================== */
.sec_mainvs {
	position: relative;
}
.sec_mainvs .top_link_btn a,
#tmp_mainvs_top_slide .mainvs_item,
#tmp_mainvs_top_slide .mainvs_txt,
#tmp_mainvs_top_slide .splide__controls,
#tmp_mainvs_top_slide .splide__progress,
#tmp_mainvs_top_slide .control_arrow {
	display: flex;
}
.sec_mainvs .container {
	padding-right: min(10px, calc((100% - 1200px)/2));
}
.sec_mainvs .top_link_btn {
	position: absolute;
	right: 13px;
	bottom: 13px;
}
.sec_mainvs .top_link_btn a {
	justify-content: center;
	align-items: center;
	width: 140px;
	height: 140px;
	color: #ffffff;
	background-color: #3b3e34;
	border: 1px solid #3b3e34;
	border-radius: 50%;
	text-align: center;
	text-decoration: none;
	line-height: 1.3;
	padding: 14px 10px 14px 16px;
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.4);
}
.sec_mainvs .top_link_btn a > span {
	display: block;
	padding-top: 32px;
	padding-bottom: 6px;
	background: url(/site/shared/templates/okuyamato_top/images/icon/icon_qa.png) no-repeat center top;
}
#tmp_mainvs_top_slide .mainvs_item {
    flex-wrap: wrap;
    justify-content: flex-end;
	position: relative;
}
#tmp_mainvs_top_slide .mainvs_img {
	width: calc(67% - 4px);
	max-width: calc(100% - 300px);
	align-items: center;
}
#tmp_mainvs_top_slide .mainvs_img img {
	width: 100%;
	height: 580px;
	vertical-align: top;
	object-fit: cover;
	object-position: center;
}
#tmp_mainvs_top_slide .mainvs_txt {
	align-items: flex-end;
	position: absolute;
	left: 0;
	bottom: 103px;
	z-index: 1;
	max-width: 650px;
	height: calc(100% - 120px);
	line-height: 1.5;
}
#tmp_mainvs_top_slide .mainvs_txt > span {
	display: block;
	background-color: #ffffff;
	color: #333333;
	max-height: 100%;
	overflow-y: auto;
	border: 10px solid #ffffff;
	border-left: none;
}
#tmp_mainvs_top_slide .splide__controls {
	position: absolute;
	z-index: 1;
	left: -9px;
	bottom: 29px;
	align-items: center;
	color: #333333;
	background-color: #ffffff;
	padding: 10px;
}
#tmp_mainvs_top_slide .splide__arrows:first-child {
	border-right: 1px solid #cccccc;
}
#tmp_mainvs_top_slide .splide__arrow {
	position: relative;
	transform: none;
	display: block;
	top: auto;
	width: auto;
	height: auto;
	color: #333333;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 32px auto;
	opacity: 1;
	overflow: visible;
}
#tmp_mainvs_top_slide .splide__arrow--prev {
	left: auto;
	padding: 4px 4px 4px 39px;
	margin-right: 19px;
	background-image: url(/site/shared/templates/okuyamato_top/images/icon/mainvs_arrow_prev.png);
	background-position: left center;
}
#tmp_mainvs_top_slide .splide__arrow--next {
	right: auto;
	padding: 4px 40px 4px 4px;
	margin-left: 18px;
	background-image: url(/site/shared/templates/okuyamato_top/images/icon/mainvs_arrow_next.png);
	background-position: right center;
}
#tmp_mainvs_top_slide .splide__arrow:focus-visible {
	outline-offset: 0;
}
#tmp_mainvs_top_slide .splide__progress {
	align-items: center;
	padding-left: 24px;
}
#tmp_mainvs_top_slide .splide__progress .progress_total {
	padding-left: 17px;
	position: relative;
}
#tmp_mainvs_top_slide .splide__progress .progress_total::before{
	content: '';
	position: absolute;
	top: 50%;
	left: 8px;
	border-left: 1px solid #333333;
	height: 63%;
	transform: translateY(-50%);
}
.sec_mainvs .editable {
	padding-top: 30px;
}
.sec_mainvs .editable + .top_link_btn {
	position: static;
	padding: 13px;
	display: flex;
    justify-content: flex-end;
}

/* pickup style
================================================== */
.sec_pickup .pickup_wrapper{
	padding: 21px 0 18px;
}
.sec_pickup .important .news_item:last-child{
	border-bottom: 1px solid #e6e6e6;
}
.sec_pickup .news_item:last-child{
	border-bottom: none;
}

/* introduce style
================================================== */
.sec_introduce{
	overflow: hidden;
}
.sec_introduce .introduce_wrapper{
	padding-top: 21px;
	padding-bottom: 17px;
}
.sec_introduce .sec_title{
	position: relative;
	margin-bottom: 0;
	z-index: 2;
}
.sec_introduce .introduce_cnt{
	position: relative;
	padding: 117px 0 62px;
	min-height: 780px;
	overflow: hidden;
}
.sec_introduce .introduce_info{
	position: relative;
	width: 48.35%;
	z-index: 2;
}
.sec_introduce .info_list{
	margin-bottom: 19px;
}
.sec_introduce .info_list .info_item{
	list-style: none;
	padding: 36px 0 34px;
	border-bottom: 1px solid #999999;
}
.sec_introduce .info_list .info_item:last-of-type{
    padding-bottom: 0;
}
.sec_introduce .info_item_title{
	margin-bottom: 13px;
	color: #333333;
	background-color: transparent;
}
.sec_introduce .info_item_title a{
	display: inline-block;
	padding-right: 54px;
	background: transparent url(/site/shared/templates/okuyamato_top/images/icon/arrow_link_rgt_df.png) no-repeat right center;
	color: #333333;
	text-decoration: none;
}
.sec_introduce .info_item_des{
	line-height: 1.8;
	color: #333333;
	background-color: transparent;
}
.sec_introduce .sub_item{
	list-style: none;
}
.sec_introduce .sub_item a{
	display: flex;
	padding-right: 40px;
	background: #ffffff url(/site/shared/templates/okuyamato_top/images/icon/arrow_link_rgt_df.png) no-repeat right 14px center;
	border: 1px solid #b3b3b3;
	color: #333333;
	text-decoration: none;
}
.sec_introduce .sub_item_photo{
	flex-shrink: 0;
	width: 140px;
}
.sec_introduce .sub_item_photo img{
	vertical-align: top;
	width: 100%;
	object-fit: cover;
	height: 100%;
}
.sec_introduce .sub_item_des{
	display: flex;
	justify-content: center;
	flex-direction: column;
	flex: 1 auto;
	padding: 18px 0 18px 20px;
	width: 100%;
	word-break: break-word;
}
.sec_introduce .sub_item_text{
	line-height: 1.4;
}
.sec_introduce .sub_item:not(:last-of-type) a,
.sec_introduce .info_list .info_item:last-of-type{
	border-bottom: none;
}
.sec_introduce .introduce_map{
	position: absolute;
    top: -60px;
    right: 0;
    width: 100%;
    max-height: 100%;
    max-width: 66%;
    z-index: 1;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
}
.sec_introduce .introduce_map img{
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
.sec_introduce .map_links{
	display: none;
}

/* same - blog style
================================================== */
.blog_thumbnails .blog_wrapper{
	padding: 21px 0 78px;
}
.blog_thumbnails .sec_title{
	margin-bottom: 79px;
}
.sec_other .blog_wrapper{
	padding-bottom: 91px;
}
.sec_other .thumbnail a{
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
}

/* news style
================================================== */
.news_wrapper{
	padding: 21px 0 63px;
}
.news_wrapper .sec_title{
	margin-bottom: 18px;
	padding-bottom: 0;
	border-bottom: none;
}
.news_tab {
    position: relative;
    align-items: stretch;
}
.news_tab .news_tab_ttl {
    flex: 1 1 50%;
	border-top: 1px solid #dddddd;
}
.news_tab .news_tab_ttl a {
	display: block;
	padding: 14px 10px 12px;
	background-color: #efefef;
	border-bottom: 1px solid #5f6159;
	color: #333333;
	text-align: center;
	text-decoration: none;
}
.news_tab .news_tab_ttl.tab_active a {
	background-color: #3b3e34;
	border-bottom-color: #3b3e34;
	color: #ffffff;
}
.news_tab .news_tab_cnt {
	display: block;
	background-color: #ffffff;
	min-height: 518px;
	width: 100%;
	color: #222222;
	order: 3;
	z-index: 1;
}
.news_tab .news_tab_cnt .news_list + .btn_simple{
	margin-top: 23px;
}

/* sns style
================================================== */
.sec_sns .sns_wrapper{
	padding: 20px 0 63px;
}
.sec_sns .sec_title{
	margin-bottom: 53px;
}
.sec_sns .sns_list{
	display: flex;
	flex-flow: row wrap;
	gap: 14px 15px;
	justify-content: center;
}
.sec_sns .sns_item{
	width: calc((100% - 45px) / 4);
	list-style: none;
}
.sec_sns .sns_item a{
	display: block;
}
.sec_sns .sns_item img{
	width: 100%;
	height: auto;
	vertical-align: top;
}

/* hover style
================================================== */
.thumbnail_list .thumbnail_img img,
.sec_sns .sns_item img,
.sec_introduce .sub_item_photo img{
	transition: opacity 0.3s ease-in-out;
}
.sec_mainvs .top_link_btn a:hover,
#tmp_mainvs_top_slide .splide__arrow:hover,
.news_list .news_text a:hover,
.thumbnail_list .thumbnail a:hover .thumbnail_cap,
.news_tab .news_tab_ttl:not(.tab_active) a:hover,
.btn_simple a:hover,
.sec_introduce .info_item_title a:hover,
.sec_introduce .sub_item a:hover .sub_item_ttl{
	text-decoration: underline;
}
.thumbnail_list .thumbnail a:hover .thumbnail_img img,
.sec_sns .sns_item a:hover img,
.sec_introduce .sub_item a:hover .sub_item_photo img{
	opacity: 0.7;
}
.news_tab .news_tab_ttl a:focus-visible{
	outline-offset: -1px;
	text-decoration: underline;
}

/* font style
================================================== */
.thumbnail_list .thumbnail_cap,
.sec_mainvs .top_link_btn a,
#tmp_mainvs_top_slide .mainvs_txt,
.news_tab .news_tab_ttl a,
.sec_introduce .info_item_title,
.sec_introduce .sub_item_ttl{
	font-weight: bold;
}
.btn_simple a,
.sec_title,
#tmp_mainvs_top_slide .splide__controls {
	font-weight: 600; /* demi */
}
.sec_title{
	font-size: 200%; /* 32px */
}
.btn_simple a,
.news_list .news_text,
.sec_introduce .sub_item_text{
	font-size: 100%; /* 16px */
}
#tmp_mainvs_top_slide .splide__arrow,
.news_list .news_date{
	font-size: 83.33%; /* 15px */
	font-size: 93.7%;
}
.thumbnail_list .thumbnail_cap{
	font-size: 175%; /* 28px */
}
.sec_mainvs .top_link_btn a,
.thumbnail_sm .thumbnail_cap,
.sec_introduce .info_item_des{
	font-size: 112.5%; /* 18px */
}
.news_tab .news_tab_ttl a,
.sec_introduce .info_item_title{
	font-size: 150%; /* 24px */
}
.sec_introduce .sub_item_ttl{
	font-size: 137.5%; /* 22px */
}
#tmp_mainvs_top_slide .mainvs_txt {
	font-size: 250%; /* 40px */
}
#tmp_mainvs_top_slide .splide__progress {
	font-size: 87.5%; /* 14px */
}

/* accessibility style
================================================== */
/* color */
.color_black #tmp_wrapper .thumbnail_list .thumbnail a:after,
.color_blue #tmp_wrapper .thumbnail_list .thumbnail a:after,
.color_yellow #tmp_wrapper .thumbnail_list .thumbnail a:after{
	content: none;
}
.color_black #tmp_wrapper .sec_mainvs .top_link_btn br,
.color_blue #tmp_wrapper .sec_mainvs .top_link_btn br,
.color_yellow #tmp_wrapper .sec_mainvs .top_link_btn br {
	display: none;
}
.color_black #tmp_wrapper .sec_mainvs .top_link_btn a,
.color_black #tmp_wrapper .thumbnail_list .thumbnail_cap{
	background-color: #000000 !important;
}
.color_blue #tmp_wrapper .sec_mainvs .top_link_btn a,
.color_blue #tmp_wrapper .thumbnail_list .thumbnail_cap{
	background-color: #00008B !important;
}
.color_yellow #tmp_wrapper .sec_mainvs .top_link_btn a,
.color_yellow #tmp_wrapper .thumbnail_list .thumbnail_cap{
	background-color: #ffff00 !important;
}
.color_black #tmp_wrapper .thumbnail_list .thumbnail_cap,
.color_blue #tmp_wrapper .thumbnail_list .thumbnail_cap,
.color_yellow #tmp_wrapper .thumbnail_list .thumbnail_cap,
.color_black #tmp_wrapper .btn_simple a,
.color_blue #tmp_wrapper .btn_simple a,
.color_yellow #tmp_wrapper .btn_simple a{
	border: 1px solid;
}
.color_black #tmp_wrapper .sec_mainvs .top_link_btn,
.color_blue #tmp_wrapper .sec_mainvs .top_link_btn,
.color_yellow #tmp_wrapper .sec_mainvs .top_link_btn,
.color_black #tmp_wrapper #tmp_mainvs_top_slide .mainvs_txt,
.color_blue #tmp_wrapper #tmp_mainvs_top_slide .mainvs_txt,
.color_yellow #tmp_wrapper #tmp_mainvs_top_slide .mainvs_txt{
	background-color: transparent !important;
}
.color_black #tmp_wrapper #tmp_mainvs_top_slide .mainvs_txt > span {
	border-color: #000000 !important;
}
.color_blue #tmp_wrapper #tmp_mainvs_top_slide .mainvs_txt > span {
	border-color: #00008B !important;
}
.color_yellow #tmp_wrapper #tmp_mainvs_top_slide .mainvs_txt > span{
	border-color: #ffff00 !important;
}
.color_black #tmp_wrapper .sec_mainvs .top_link_btn a > span,
.color_blue #tmp_wrapper .sec_mainvs .top_link_btn a > span,
.color_yellow #tmp_wrapper .sec_mainvs .top_link_btn a > span {
	padding-top: 12px;
}
.color_black #tmp_mainvs_top_slide .splide__arrow--prev,
.color_blue #tmp_mainvs_top_slide .splide__arrow--prev,
.color_yellow #tmp_mainvs_top_slide .splide__arrow--prev {
	padding-left: 4px;
}
.color_black #tmp_mainvs_top_slide .splide__arrow--next,
.color_blue #tmp_mainvs_top_slide .splide__arrow--next,
.color_yellow #tmp_mainvs_top_slide .splide__arrow--next {
	padding-right: 4px;
}
.color_black #tmp_mainvs_top_slide .splide__progress .progress_total::before,
.color_blue #tmp_mainvs_top_slide .splide__progress .progress_total::before {
	border-left-color: #ffff00;
}
.color_yellow #tmp_mainvs_top_slide .splide__progress .progress_total::before {
	border-left-color: #000000;
}
.color_black #tmp_wrapper .news_tab .news_tab_ttl,
.color_blue #tmp_wrapper .news_tab .news_tab_ttl,
.color_yellow #tmp_wrapper .news_tab .news_tab_ttl{
	border-right: 1px solid;
}
.color_black #tmp_wrapper .news_tab .news_tab_ttl:nth-of-type(1),
.color_blue #tmp_wrapper .news_tab .news_tab_ttl:nth-of-type(1),
.color_yellow #tmp_wrapper .news_tab .news_tab_ttl:nth-of-type(1){
	border-left: 1px solid;
}
.color_black #tmp_wrapper .news_tab .news_tab_ttl.tab_active,
.color_blue #tmp_wrapper .news_tab .news_tab_ttl.tab_active,
.color_yellow #tmp_wrapper .news_tab .news_tab_ttl.tab_active{
	text-decoration: underline;
}
/* fsize */
.fsize_big #tmp_wrapper .news_list .news_date{
	width: 180px;
}
.fsize_big2 #tmp_wrapper .news_list .news_date{
	width: 230px;
}
.fsize_small #tmp_mainvs_top_slide .splide__arrow--prev,
.fsize_small #tmp_mainvs_top_slide .splide__arrow--next {
	padding-top: 8px;
	padding-bottom: 8px;
}
.fsize_small #tmp_wrapper .sec_mainvs .top_link_btn a {
	width: 110px;
    height: 110px;
}
.fsize_big2 #tmp_wrapper .sec_mainvs .top_link_btn a {
	width: 174px;
    height: 174px;
}
.fsize_big2 #tmp_wrapper .sec_mainvs .top_link_btn br {
	display: none;
}
/* furi */
.furigana_on .thumbnail_list .thumbnail_cap > span{
	display: block;
}
/* no-js & no-splide */
.no_javascript .news_tab .news_tab_cnt{
	margin-bottom: 20px;
}
.no_javascript #tmp_mainvs_top_slide .splide__list,
#tmp_mainvs_top_slide.no-splide .splide__list {
	display: block;
}
.no_javascript #tmp_mainvs_top_slide .mainvs_txt,
#tmp_mainvs_top_slide.no-splide .mainvs_txt {
	bottom: 60px;
}
.no_javascript #tmp_mainvs_top_slide.splide {
	visibility: visible;
}
.no_javascript #tmp_mainvs_top_slide .splide__list {
	overflow-y: auto;
	max-height: 580px;
}
.no_javascript #tmp_mainvs_top_slide .splide__slide:not(:first-child)  {
	margin-top: 20px;
}
/* furi */