@charset "utf-8";

/* CSS Document */
#event-contents-wrapper {
	width: 100%;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-feature-settings : "palt";
	color: #333333;
}
.feature-catsnaptime-modelcat_wrap * {
	box-sizing: border-box;
}
.feature-catsnaptime-modelcat_wrap img {
	max-width: 100%;
	vertical-align: top;
}
.feature-catsnaptime-modelcat_wrap h2,
.feature-catsnaptime-modelcat_wrap p,
.feature-catsnaptime-modelcat_wrap ul,
.feature-catsnaptime-modelcat_wrap li,
.feature-catsnaptime-modelcat_wrap dl,
.feature-catsnaptime-modelcat_wrap dt,
.feature-catsnaptime-modelcat_wrap dd {
	padding: 0;
	margin: 0;
}


.feature-catsnaptime-modelcat_wrap {
    background: #fcf5f0;
}
#feature-catsnaptime-modelcat {
    width: 1000px;
    padding: 76px;
    margin: 0 auto 130px;
}
#feature-catsnaptime-modelcat .title {
    width: 784px;
    margin: 0 auto 40px;
}
#feature-catsnaptime-modelcat .title h2 {
    width: auto;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    color: #337168;
    font-size: 26px;
    letter-spacing: 0.05em;
　line-height: 1.6;
}
#feature-catsnaptime-modelcat .title h2 .marker {
    background: linear-gradient(transparent 10%, rgb(252, 238, 32) 10%);
    background-position: left 14px;
    display: inline;
    background-repeat: no-repeat;
    font-weight: bold;
    color: #337168;
    font-size: 26px;
}

#feature-catsnaptime-modelcat .head { margin: 0 0 64px 0; display: flex; justify-content: space-between; align-items: flex-start;}
#feature-catsnaptime-modelcat .head .figure { width: 400px;}
#feature-catsnaptime-modelcat .head .desc { width: calc(100% - 440px);}
#feature-catsnaptime-modelcat .head .desc p { margin: 0 0 10px 0; font-size: 14px; line-height: 2.0;}
#feature-catsnaptime-modelcat .head .desc p .lead {
    font-weight: bold;
}
#feature-catsnaptime-modelcat .head .desc .caution {
    font-size: 12px;
}


#feature-catsnaptime-modelcat .body dl { border-top: #347168 2px solid; border-bottom: #347168 2px solid;background: #fff;}
#feature-catsnaptime-modelcat .body dl + dl { margin-top: 30px;}
#feature-catsnaptime-modelcat .body dt { height: 60px; font-size: 17px; font-weight: bold; color: #e52685; display: flex; align-items: center; position: relative;}
#feature-catsnaptime-modelcat .body dt::before { content: ''; width: 10px; border-top: #FFF 2px solid; display: block; position: absolute; top: calc(50% - 1px); right: 20px; z-index: 2;}
#feature-catsnaptime-modelcat .body dt::after { content: ''; width: 10px; border-top: #FFF 2px solid; display: block; position: absolute; top: calc(50% - 1px); right: 20px; z-index: 2; transform: rotate(90deg); transition: 0.3s;}
#feature-catsnaptime-modelcat .body dt.open::after { transform: rotate(0deg);}
#feature-catsnaptime-modelcat .body dt span {
    font-size: 16px;
    font-weight: bold;
    color: #347168;
   padding-left: 20px;
}#feature-catsnaptime-modelcat .body dt span::before { content: ''; width: 20px; height: 20px; border-radius: 20px; background: #347168; display: block; position: absolute; top: calc(50% - 10px); right: 15px;}
#feature-catsnaptime-modelcat .body dd { padding: 0 15px 15px 15px; display: none;}
#feature-catsnaptime-modelcat .body dd .box { line-height: 1.8;}
#feature-catsnaptime-modelcat .body dd .box + .box { margin-top: 30px;}
#feature-catsnaptime-modelcat .body dd .box p  { margin: 10px; font-size: 14px; font-weight: normal;line-height: 1.6;}
#feature-catsnaptime-modelcat .body dd .box ul { margin: 10px; font-size: 14px; font-weight: normal;}
#feature-catsnaptime-modelcat .body dd .box li { font-size: 14px; font-weight: normal;}
#feature-catsnaptime-modelcat .body dd .box .items li { padding-left: 1em; text-indent: -1em; list-style: disc inside;}
#feature-catsnaptime-modelcat .body dd .box .number-list li { padding-left: 1em; text-indent: -1em;}
#feature-catsnaptime-modelcat .body dd .box .memo { font-size: 14px;}
#feature-catsnaptime-modelcat .body dd .box .area { margin-top: 10px;}