@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/*pc時のよこ幅MAX*//*pc時のよこ幅MAX*//*pc時のよこ幅MAX*//*pc時のよこ幅MAX*//*pc時のよこ幅MAX*/		
@media (min-width: 960px) {
    .swell-block-fullWide__inner.l-article {
        --swl-fw_inner_pad:0;
		 }
}
/*ipadとsp時のよこ幅MAX*/	
@media not all and (min-width: 960px) {
	.swell-block-fullWide__inner.l-article{
		--swl-fw_inner_pad: var(--swl-pad_container, 0vw);}
	:root{    --swl-pad_container: 0vw;}
}
/*ipadとsp時のよこ幅MAX*//*ipadとsp時のよこ幅MAX*//*ipadとsp時のよこ幅MAX*//*ipadとsp時のよこ幅MAX*/
 




.flex-item-3 .button{
	border: #222 1px solid;
	font-size: 12px;
	padding: 0px 4px;
	width: 100px;
	margin: auto 8px 8px auto;
}

.flex-item-3 img{
	display: block;
	width: 100%;
}
.flex-item-3 .inner{
		padding: 24px 0;
	}
.flex-container {
 display: block;
}
.flex-item-3{
	display: flex;
	flex-direction: column-reverse;
}
.blue{
	background: #eff2f6;
}
.pink{
	background: #F6EFF2;	
}
.green{
	background: #F2F6EF;
}
.flex-item-3 .inner{
	display: flex;
	flex-direction: column;
}

@media screen and (min-width: 888px) {
	.flex-item-3{
		display: flex;
		width: 80%;
		margin: 0 auto;
		flex-direction: row-reverse;
	}
	.flex-item-3 .inner
	.flex-item-3 img{
		width: 50%;
	}
	.flex-item-3 .inner{
		padding: 24px 16px;
	}
	
}


/* タブレット向けレイアウト指定：768px～959px */
@media screen and (min-width: 960px) {
	
	
.flex-container {
 display: flex;
flex-wrap: wrap; /* 折り返し */
}		
.flex-item-3 {
flex-grow: 0;
flex-shrink: 1;
flex-basis: 33.333333%;
display:flex;/*（1）テキスト量が違ってもボタン位置を下に揃えるため、子要素の中でflexする*/
flex-direction: column-reverse;/*（2）子要素の中で縦に並べ*/
justify-content: space-between;/*（3）均等配置*/
} 

}