@charset "UTF-8";

.top-search { padding: 32vw 0 10vw; background: url(../images/top-search-bg.jpg) no-repeat top right; background-size: 65vw; }
.top-search-content { width: 80vw; margin: auto; }
.top-search-head { width: 75vw; padding-top: 8vw; margin-bottom: 8vw; background: #fff; }
.top-search-head p { font-size: 3.8vw; font-family: var(--mincho); text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }
.top-search-items { width: 100%; }
.top-search-item { width: 100%; margin-bottom: 4vw; background: #fbf9f6; }
.top-search-box { padding: 5vw; }
.top-search-item-head { padding-bottom: 4vw; margin-bottom: 4vw; border-bottom: 1px solid var(--gold01); position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.top-search-item-icon { width: 22vw; margin-right: 2.5vw; }
p.top-search-item-title { color: var(--gold01); font-size: 5vw;margin-bottom:0; font-family: var(--mincho); position: relative; flex: 1; }
.top-search-item-box { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
p.top-search-ttl{margin: 5vw auto 4vw;padding: 0 7vw;color: var(--gold01);width: 100%;font-weight: bold;position: relative;}
p.top-search-ttl:after{content: "\025cf";font-family: icon; color:var(--gold01); font-size: 80%; position: absolute;top: 50%;  left:8px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);opacity: 0.3;}
.top-search-initems {width: 100%;}
.top-search-initems li a {margin-bottom: 2vw;font-size: 3.6vw;line-height: 1.4;position: relative;background: #fff;border-radius: 999px;padding: 1.4vw 5vw;}
.top-search-initems li a:before {content: '\f105';color: #dfd5bf;font-size: 3.8vw;font-family: 'icon';display: inline-block;position: absolute;top: 50%;right: 4vw;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}


/* ========================================
 pc
==========================================*/
@media screen and (min-width: 736px) { 

	.top-search { padding: 0 0 110px; background: url(../images/top-search-bg-pc.jpg) no-repeat top left calc(50vw + 130px); background-size: 870px; }
.top-search-content { width: 1200px; }
.top-search-head { width: 730px; padding-top: 140px; margin: 0; z-index: 1; position: relative; }
.top-search-head p { font-size: 16px; }
.top-search-items { width: 100%; padding:  0 0;  background: #fff; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.top-search-item { margin-bottom: 30px; position: relative;  width: 100%;}
.top-search-box { height: 100%;padding: 30px 30px 30px 150px; }
.top-search-item-head { padding: 15px 0 25px 0; margin-bottom: 20px; display: block; }
.top-search-item-icon { width: 100px; margin: 0; position: absolute; top: 0; left: -120px; }
p.top-search-item-title { padding-right: 40px; font-size: 22px; margin-bottom:0;}
.top-search-initems {min-width: 42%;isplay: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;gap: 10px;}
.top-search-initems li {width: -webkit-calc(100% / 2 - 20px);width: calc(100% / 3 - 20px);}
.top-search-initems li a {margin-bottom: 0;font-size: 15px;padding: 12px 20px;}
.top-search-initems li a:before{ font-size: 18px;right: 20px;}
	
p.top-search-ttl{margin:20px auto 10px;padding: 0 30px;}
p.top-search-ttl:after{  left:8px; }
	
}/* ========================================
 retina
==========================================*/
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 

}