@charset "UTF-8";
/* ================================ 
 index(扉ページ)
================================ */
#story .pc {
	display: none;
}
#story .sp {
	display: block;
}
#story {
	 padding: 0 1em 3em;
}
#story p,
#story dl dt,
#story dl dd,
#story ul li {
	 color: #000;
	 list-style: none;
	 font-size: 16px;
}
#story img {
	width: 100%;
}
#story section{
	margin-bottom: 2.5em !important;
}
#story h1 {
	width: 100%;
	text-align: center;
	margin-bottom:  1.2em !important;
}
#story h2 {
	width: 100%;
	text-align: center;
	margin: 0 auto 1.2em !important;
}
#story h2 img {
	margin: 0 auto;
}
#story h3 {
    border-bottom: 1px solid #e8e8e8;
    padding: 0.3em;
    font-weight: normal;
    margin: 0 0 1.2em;
    font-size: 150%;
	color: #fe5ab6;
}
#story p {
	line-height: 1.8;
}
#story a {
	color: #000;
}
#story .w950 {
	width: 100%;
    margin: 0 auto;
}
#story #topicPath {
    font-size: 11px;
	margin-bottom: 0.5em;
}
#story #topicPath a {
	color: #0070c0;
}
/* what */
#story #what .w950 img {
	margin-bottom: 2em;
}
#story #what .flow {
	background: #f7f7f7;
    padding: 1.5em;
}
#story #what .flow img {
	margin: 0 0.5;
}
/* item */
#story #item {
	border: 4px solid #e8e8e8;
	padding: 1.2em 1em;
}
#story #item dl,
#story #item dl dd {
	margin: 0;
	padding: 0;
	flex: 2;
}
#story .item_new.border {
	border-bottom: 1px dashed #e8e8e8;
	margin-bottom: 1.7em;
}
#story .item_new a {
	margin: 0 2.5em 0 0;
	flex: 1;
}
#story .item_new a img {
	margin-bottom: 2em; 
}
#story .item_new dl dd.date {
	color: #999;
	font-size: 80%;
	margin-bottom: 1em !important;
}
#story .item_new dl dd.date span {
	color: #fff;
    font-size: 80%;
    padding: 1px 7px;
    margin-right: 0.5em;
    background: #fe5ab6;
    line-height: 1.2;
}
#story .item_new dl dt {
	font-size: 160%;
	line-height: 1.4;
	margin-bottom: 0.5em;
}
#story .item_new dl dd.link {
    background: url(/content/img/story_common_ic02.png) no-repeat 0 3px;
    padding: 0 1em 0.5em !important;
    margin: 0.5em 0 0 0.5em !important;
}
/* item_bk */
#story #item .item_bk {
	display: block;
}
#story #item .item_bk dl {
	margin-bottom: 1.5em;
}
#story #item .item_bk dl dd img {
	margin-bottom: 0.5em;
}
#story #item .item_bk dl dt span.date {
    color: #999;
    font-size: 80%;
    margin-bottom: 1em !important;
}
/* bt */
#story .bt {
	width: 40%;
	background: #fe5ab6;
	padding: 0.5em;
	margin: 0 auto;
	text-align: center;
}
#story .bt a {
	color: #fff;
	text-decoration: none;
}

#story .bt_que {
    display:inline-block;
    width:100%;
    margin: 1em auto 2em;
    text-align:center;
    font-size:180%;
    font-weight:bold;
}
#story .bt_que img {
    margin: 0.5em 0;
    }

/* pc設定 */
@media only screen and (min-width: 840px) {
/* what */
#story #what h2 img {
	width: auto;
}
#story #what .flow {
    padding: 2em 3.5em;
    display: flex;
	justify-content: center;
}
#story #what .flow img {
	margin: 0 0.5em;
	align-self: flex-start;
}
#story #what .flow img:nth-child(2) {
    width: 37%;  	
}
#story #what .flow img:nth-child(3) {
    width: 50%;  	
}
/* item */
#story #item dl,
#story #item dl dd {
	margin: 0;
	padding: 0;
	flex: auto;
}
#story .item_new {
	display: flex;
}
#story #item .item_new dl,
#story #item .item_new dl dd {
	flex: 2;
}
/* item_bk */
#story #item .item_bk {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#story #item .item_bk dl {
	flex: none ;
	display: flex;
	flex-direction: row;
	width: calc(50% - 1.3em);
}
#story #item .item_bk dl:nth-child(even){
	padding-left: 1.3em;
}
#story #item .item_bk dl dd {
	flex: 1;
	padding-right: 1em;
}
#story #item .item_bk dl dd img {
	width: 100%;
}
#story #item .item_bk dl dt {
	flex: 1.5;
}
/* bt */
#story .bt {
	width: 20%;
}
#story .pc {
	display: block;
}
#story .sp {
	display: none;
}
}
@media only screen and (min-width: 1050px) {
#story {
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
	width: 1050px;
}
#story .w950 {
	width: 950px;
}
#story img {
	width: auto;
}
}
/* ================================ 
 under(記事ページ)
================================ */
/* common */
#story_under .pc {
	display: none;
}
#story_under .sp {
	display: block;
}
#story_under {
	 padding: 0 1em 3em;
	 color: #000;
}
#story_under p,
#story_under dl dt,
#story_under dl dd,
#story_under ul li {
	 color: #000;
	 list-style: none;
	 font-size: 16px;
}
#story_under img {
	width: 100%;
}
#story_under section{
	margin-bottom: 2.5em !important;
}
#story_under section#mainimage {
	margin-bottom: 0 !important;
}
#story_under h1 {
	width: 100%;
	text-align: center;
	margin-bottom:  1em !important;
}
#story_under h2 {
	text-align: center;
	color: #fff;
	padding: 0.3em 0.5em 0.2em 1.5em;
	margin: 0 0 0.5em;
	font-weight: normal;
	font-size: 26px;
    background: url(/content/img/story_common_ic06.png) no-repeat 5px 50%  #fe5ab6;
}
#story_under h2 img {
	display: none;
}
#story_under .item_tit {
	text-align: center;
	margin: 0 auto 1em;
}
#story_under .item_tit_tx {
    background: url(/content/img/story_common_ic08.png) no-repeat left 50%,url(/content/img/story_common_ic09.png) no-repeat right 50%;
    text-align: center;
    margin: 0 auto 0.3em;
    width: calc(85% - 2em);
    font-weight: bold;
    font-size: 1.4em;
    padding: 0 1em;
}
#story_under h3 {
    padding: 0.5em;
    font-weight: normal;
    margin: 0 0 1.2em;
    font-size: 150%;
}
#story_under p {
	line-height: 1.8;
}
#story_under a {
	color: #000;
}
#story_under #topicPath {
    font-size: 11px;
	margin-bottom: 0.5em;
}
#story_under #topicPath a {
	color: #0070c0;
}
#story_under .w950 {
	width: 100%;
    margin: 0 auto;
}
#story_under .SNS {
    margin: 0 auto 30px;
    width: 30%;
}
#story_under .bt {
	width: 40%;
	background: #fe5ab6;
	padding: 0.5em;
	margin: 0 auto;
	text-align: center;
}
#story_under .bt a {
	color: #fff;
	text-decoration: none;
}
/* item */
#story_under #item {
	border: 1px solid #fe5ab6;
	padding: 1.2em 1em;
}
#story_under #item .box {
}
#story_under #item .box h3 {
	border-left: 8px solid #fe5ab6;
	padding: 0.3em 0.3em 0.3em 0.8em;
	margin-bottom: 0.5em;
	line-height: 1;
}
#story_under #item .box span {
	font-size: 12px;
}
#story_under #item dl {
	margin: 0;
	padding: 0;
	flex: 1;
}
#story_under #item .box img {
	margin: 0 0 2em 0;
}
#story_under #item .box dl dd {
	margin: 0 0 0.5em;
	padding: 0;
}
#story_under #item .box dl dd.blue {
	font-size: 16px;
	color: #4747af;
}
#story_under .ba img {
	text-align: center;
	margin: 0 auto 1.2em;
}
/* staff*/
#story_under #item .staff {
	background: #fff1f8;
	margin-top: 1em;
}
#story_under #item .staff h3 {
	background: #fe5ab6;
	color: #fff;
	margin: 0 0 1em;
	padding: 0.2em 0.5em;
}
#story_under #item .staff .box {
	display: block;
	padding-bottom: 0.3em;
}
#story_under #item .staff dl {
	display: flex;
	justify-content:space-between;
	margin: 0 1em 1em !important;
}
#story_under #item .staff dl dt.ph {
	flex: 1;
}
#story_under #item .staff dl dt.ph img {
	border: 1px solid #e9e9e9;
	margin: 0;
}
#story_under #item .staff dl dd {
	flex: 2;
    font-size: 13px;
    padding-right:0.5em;
	margin-left: 1.8em;
}
#story_under #item .staff dl dd h4 {
	margin: 0 0 0.5em;
	font-weight: bold;
}
#story_under #item .staff dl dd h4 span {
	font-weight: normal;
}
#story_under #item .staff dl dd strong {
    color: #fe5ab6;
}
/* flow*/
#story_under #flow {
	border: 1px solid #cfcfcf;
}
#story_under #flow h3 {
	background: #e7e7e7;
	color: #fe5ab6;
	margin-bottom: 0;
	padding: 0.5em 1.5em;
}
#story_under #flow .box {
	padding: 1.5em 2em 2em;
}
#story_under #flow .box img {
    width: 100%;
}
/* contents */
#story_under #con {
	margin-bottom: 4.5em !important;
}
#story_under #con h3 {
	background: #fff1f8;
	border-left: 5px solid #fe5ab6;
	display: block;
}
#story_under #con h3 img {
	width: auto;
}
#story_under #con h3.double img {
    margin-bottom: 2px !important;
    margin-left: 2px !important;
	width: auto;
}
#story_under #con .box ul {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
#story_under #con .box ul.caption li span {
	font-size: 12px;
	line-height: 1.4;
	margin-top: 0.5em;
}
#story_under #con .box ul li {
	margin: 0 1em 1.5em !important;
	flex: 1;
}
#story_under #con .box ul li img {
	width: 100%;
}
#story_under #con .box .ph,
#story_under #con .box2 .ph,
#story_under #con .box3 .ph {
	margin: 0 auto 1em;
	text-align: center;
}
#story_under #con .box3  ul.ph li img {
	width: 50%;
}
#story_under #con .tx{
	margin-bottom: 1.5em;
}
#story_under #con .tx .tx01 strong {
	color: #0eaceb;
}
#story_under #con .tx .tx02 strong {
	color: #fe5ab6;
}
#story_under #con .tx .tx03 strong {
	color: #ff9000;
}
/* Before After */
#story_under #con .box.ba {
	border: 1px solid #cfcfcf;
	padding: 1em 3em;
	margin-bottom: 1.5em;
	display: block;
}
#story_under #con .box.ba ul {
	display: block;
	text-align: center;
}
#story_under #con .box.ba ul li:nth-child(2){
	flex: 0.1;
}
#story_under #con .box.ba ul li {
	margin: 0 !important;
}
#story_under #con .box.ba ul li img {
	width: auto;
	margin: 0 auto 0.5em !important;
}
#story_under #con .box.ba ul li p {
	text-align: left;
}
/* link01 */
#story_under #link01,
#story_under .link01 {
	border: 4px solid #e8e8e8;
	padding: 0 1.5em 1em;
}
#story_under #link01 img,
#story_under .link01 img {
	margin: -30px 46% 0;
	width: 10%;
}
#story_under #link01 h3,
#story_under .link01 h3 {
	color: #fe5ab6;
	text-align: center;
	margin: 0;
}
#story_under #link01 dl,
#story_under .link01 dl {
	padding: 1em;
	background: #fff1f8;
	margin: 0 0 1em;
}
#story_under #link01 dl.gray,
#story_under .link01 dl.gray {
	background: #e8e8e8;
}
#story_under #link01 dl dt,
#story_under .link01 dl dt {
	border-bottom: 1px solid #f1c9dd;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	font-size: 18px;
	line-height: 1.4;
}
#story_under #link01 dl.gray dt,
#story_under .link01 dl.gray dt {
	border-bottom: 1px solid #d5d5d5;
}
#story_under #link01 dl dd,
#story_under .link01 dl dd {
    margin: 0 0 0.5em 1.5em;
    border-bottom: 1px dotted #ccc;
}
#story_under #link01 dl dd a,
#story_under .link01 dl dd a {
    background: url(/content/img/story_common_ic02.png) no-repeat 0 3px;
    padding: 0 1em 0.5em;
}
/* link02 */
#story_under #link02 {
	border: 4px solid #e8e8e8;
	padding: 0 1.5em 1em;
}
#story_under #link02 h3 {
	background: url(/content/img/story_common_ic04.png) no-repeat left 50%,url(/content/img/story_common_ic05.png) no-repeat right 50%;
	text-align: center;
    margin: 0 auto;
    width: 80%;
}
#story_under #link02 dl {
	border: 1px solid #e8e8e8;
	padding: 1.5em;
	margin: 0 ;
}
#story_under #link02 dl dt {
	color: #fe5ab6;
	padding-bottom: 0.5em;
	font-size: 20px;
}
#story_under #link02 dl dd {
    background: url(/content/img/story_common_ic03.png) no-repeat 0 3px;
    padding: 0 1em 0.5em;
    margin: 0 0 0 2.7em;
}
/* pc設定-------------------------------------------- */
@media only screen and (min-width: 840px) {
/* common */
#story_under .bt {
	width: 20%;
}
#story_under .pc {
	display: block;
}
#story_under .sp {
	display: none;
}
#story_under img {
	width: auto;
}
#story_under h1 img {
	width: 100%;
}
#story_under h2 {
	background-image: none;
}
#story_under h2 img {
	width: auto;
	display: inline;
	margin-right: 0.2em;
}
#story_under .item_tit_tx {
    width: 26%;
    font-size: 1.6em;
}
/* item */
#story_under #item {
	padding: 1.5em;
}
#story_under #item .box {
	display: flex;
}
#story_under #item .box img {
	margin: 0 2.5em 2em 0;
	flex: 1;
}
#story_under #con .box3 .ph {
	width: 50%;
}
/* staff */
#story_under #item .staff h3 {
	width: 30%;
}
#story_under #item .staff .box {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	padding-left: 1.5em;
}
#story_under #item .staff dl {
	margin: 0 1.5em 1.5em !important;
	flex: 1;
}
#story_under #item .staff dl:nth-child(1) {
	border-right: 1px solid #ffd5ed;
}
#story_under #item .staff dl dt.ph {
	flex: 0.5;
}
#story_under #item .staff dl dt.ph img {
	width: 100%; 
}
/* flow*/
#story_under #flow .box img {
    width: calc( 100% - 4em );
    margin: 0 2em;
}
/* contents */
#story_under #con h3 {
	display: flex;
	align-items: center;
}
#story_under #con h3 img {
    margin-left: auto;
    height: 100%;
	width: auto;
    display: block;
}
#story_under #con h3.double span {
    flex-grow: 100;
}
#story_under #con h3.double img {
	margin-left: 2px !important;
    height: 100%;
    width: auto;
    display: block;
}
#story_under #con .box {
	display: flex;
	flex-direction : row-reverse;
}
#story_under #con .box ul {
	display: block;
	flex: 1.5;
}
#story_under #con .box ul li {
	margin: 0 0 1.5em 1.5em !important;
}
#story_under #con .box .tx {
	flex: 3;
}
#story_under #con .box3  ul.ph li img {
	width: 100%;
}
/* Before After */
#story_under #con .box.ba ul {
    display: flex;
    flex-direction: row;
}
/* link01 */
#story_under #link01 img,
#story_under .link01 img {
	width: auto;
}
/* link02 */
#story_under #link02 h3 {
    width: 70%;
}
}
@media only screen and (min-width: 1050px) {
#story_under {
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
	width: 1050px;
}
#story_under .w950 {
	width: 950px;
}
#story_under img {
	width: auto;
}
}