@charset "utf-8";
/* 
sp用
 */
 

.only_PC{
	display: none;
}

.only_SP{
display:block;
}

/* PC用左右shadow */
.wrap {
	width: 100%;
}


/* top_title */
.top_title {
	width: 100%;
}


.top_title p{
	font-size: 19px;
}

h1 span{
	font-size: 19px;
}


h1{
	font-size: 28px;
	line-height: 1.3em;
}

h{
	text-align: left;
}

/* top_画像 */
.top_img_home{
	grid-template-columns: 100%;
}

.top_img_under01 img{
width: 100%;

}


/* mainコンテンツ */
.wrap_main {
	width: 100%;
	padding: 40px 20px;
	box-sizing: border-box;
}

.PC_center{
	text-align: left;
}

/* 画像幅 */
.img_wrap100{
	width: 100%;
}

.img_90_100{
	width: 100%;
}
.img_20_50{
	width: 50%;
}
.img_30_70{
	width: 70%;
}
.img_50_100{
	width: 100%;
}

.img_70_100{
	width: 100%;
}

/* 画像grid */
.grid_2{
grid-template-columns: 100%;
}


.grid_3a{
display: grid;
grid-template-columns:100%;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 20px;
	width: 100%;
}


.grid_3b{
display: grid;
grid-template-columns: repeat(3, 29%);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 0px;
	width: 100%;
}


/* オレンジ枠 */
.frameA{
border : #F5802B 10px solid;
}

.frameA .title{

}

.frameA .title i{
vertical-align:0;
	margin-right:0;
margin-bottom: 5px;
}

.frameA_in01 .item01{
flex-basis:100%;
padding-right: 0;
margin-bottom: 10px;
}

.frameA_in01 .item01 span{
padding-left:0;
}

.frameA_in01 .item02{
flex-basis:50%;
padding-right: 0;
margin-bottom: 30px;
}

.frameA_in01 .item03{
flex-basis:50%;
margin-bottom: 30px;
}

.frameA_ill img{
width: 90%;
}


/* 年齢層別 */


.nenrei{
grid-template-columns:100%;

grid-column-gap: 20px;
grid-row-gap: 0px;
}



 /* contents */
.cont_top_title{
	width: 100%;
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 20px;
	text-align: center;
}

.cont_top{
grid-template-columns: repeat(1, 100%);
gap: 15px;
padding: 0 20px;

}


.cont_top_in_A{
border: #06b2cc solid 3px;
border-radius: 20px 20px 0 0;
background: repeating-linear-gradient(90deg, #fefadc, #fefadc 20px, #fefdf1 20px, #fefdf1 40px);
}

.cont_top_in_A img{
width: 80%;
}

.cont{
	width: 100%;
}

.cont_title{
	padding-left:20px;
}

.cont_sub p{
	padding:5px 20px;
	line-height: 1.6em;
}

.cont_sub p span{
	padding-left:25px;
}

.cont_back{
	padding-left:25px;
}

 /* kanren */
.kanren{
	width: 100%;
	margin: 0 auto;
	padding-top: 60px;
}

.kanren_title{
	padding-left:20px;
}

.kanren_sub p{
	padding:0 20px;
	line-height: 1.6em;
}

.kanren_sub p span{
	padding-left:25px;
}



/* オレンジ枠2 */

.frameD .cap{
line-height: 1.6em;
}


/* 監修者コラム */
.frameE{
	width: 100%;
	margin-top: 50px;
	background: #eee;
	padding: 40px;
	box-sizing: border-box;
}




/* 監修者 */
.wrap_bottom {
	padding: 50px 20px;
}

.bottom{
grid-template-columns: 100%;
grid-column-gap: 0;
grid-row-gap: 20px;
	text-align: center
}

.bottom img{
float: none;
	width: 150px;
	margin:0 ;
}

.bottom p{
margin-top: 15px;
}

.bottom .katagaki{
	text-align: center;
}

.bottom .keireki{
	text-align: left;
}


/* 
第2回
*/

/* こんなこと、思い当たりませんか？ */
.grid_comes{
grid-template-columns: 100%;
}

/* UDFをご存知ですか？ */
.grid_UDF{
grid-template-columns: 100%;
gap:40px;
}


/* 
第3回
*/

/* 食欲をそそる環境づくり */
.kankyo_grid {
grid-template-columns: 100%;
gap: 0px;
}

.kankyo_grid img{
width: 70%;
}


/* 歯みがき時のチェック項目 */
.frameA_in50 {
grid-template-columns:100%;
}

/* 嚥下の力を強化 */
.grid_kyoka{
display: grid;
grid-template-columns: 100%;
}