@charset "utf-8";
/* 
共通
 */




body {
font-size: 19px;
line-height: 2.0em;
font-weight: 400;
font-style: normal;
font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
color:#333;
background-color: #f4f5f7;
box-sizing: border-box;
}

img{
box-sizing: border-box;
}

/* リンクの指定 */ 
a {
text-decoration: underline;
color: #ff0000;
}

a:hover {
text-decoration: none;
}

/* 文字サイズ */
.tx_s26 {
	font-size: 26px;
}

.tx_s16 {
	font-size: 16px;
}
/* 文字太さ */
.tx_w600 {
	font-weight: 600;
}

/* 文字行間 */
.tx_h16 {
	line-height: 1.6em;
}

/* 文字揃え */
.tx_center {
	text-align: center;
}


/* PC用左右shadow */
.wrap {
	width: 1120px;
	margin: 0 auto;
/* 		
	box-shadow:0px 0px 16px 0px #ddd;
	-moz-box-shadow:0px 0px 16px 0px #ddd;
	-webkit-box-shadow:0px 0px 16px 0px #ddd;
 */	
}

/* top_title */
.top_title {
	width: 1040px;
	margin: 0 auto;
	padding: 40px 0;
	color: #06b2cc;
	text-align: center;
}

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

h1 span{
	font-size: 28px;
}


h1{
	font-size: 41px;
	font-weight: 600;
	padding-top: 10px;
	line-height: 1.0em;
}

h2{	font-size: 28px;
	font-weight: 600;
	padding: 15px 0;
	color: #fff;
	text-align: center;
	background: #06b2cc;
}

h3{
	font-size: 24px;
	font-weight: 600;
	padding: 10px 0;
	margin: 60px 0 30px 0;
	color: #06b2cc;
	text-align: center;
	border-top: #06b2cc double 3px;
	border-bottom: #06b2cc double 3px;
}

h4{
	font-size: 22px;
	font-weight: 400;
	color: #06b2cc;
	border-bottom: #06b2cc solid 1px;
	margin-bottom: 20px;
}
h5{
	font-size: 22px;
	font-weight: 400;
	color: #06b2cc;
	margin: 50px 0 20px;
	text-align: center;
}
/* top_画像 */
.top_img_bg {
background: repeating-linear-gradient(90deg, #fefadc, #fefadc 20px, #fefdf1 20px, #fefdf1 40px);
}

.top_img_home{
display: grid;
grid-template-columns: repeat(2, 50%);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.top_img_home img{
width: 100%;
}


.top_img_under01{
	text-align: center;
}

.top_img_under01 img{
width: 50%;

}


/* mainコンテンツ */
.wrap_main {
	width: 1040px;
	margin: 0 auto;
	padding: 40px 0 0;
	box-sizing: border-box;
}

.PC_center{
	text-align: center;
}
/* 画像幅 */
.img_wrap100{
	width: 100%;
	text-align: center;
}

.img_90_100{
	width: 90%;
}
.img_20_50{
	width: 20%;
}
.img_30_70{
	width: 30%;
}
.img_50_100{
	width: 50%;
}

.img_70_100{
	width: 70%;
}


/* 画像位置 */
.img_center{
display: flex;
justify-content: center;
}

.img_tate_center{
display: flex;
align-items: center;
}

.img_tate_bottom{
display: flex;
align-items: bottom;
}


/* 画像grid */
.grid_2{
display: grid;
grid-template-columns: repeat(2, 50%);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
}

.grid_2 img{
	width: 100%;
}

.grid_3a{
display: grid;
grid-template-columns: 25% 25% 40%;
grid-template-rows: 1fr;
grid-column-gap: 5%;
grid-row-gap: 0px;
	width: 80%;
}

.grid_3a img{
	width: 100%;
}

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

.grid_3b img{
	width: 100%;
}


/* オレンジ枠 */
.frameA{
border : #F5802B 16px solid;
border-radius: 16px;
padding: 20px;
margin-top: 30px;
}

.frameA .title{
font-size: 22px;
font-weight: 600;
text-align: center;
color: #F5802B;
line-height: 1.4;
padding-bottom: 20px;
border-bottom: #F5802B solid 1px;
}

.frameA .title i{
font-size: 50px;
font-weight: 600;
vertical-align: -10px;
margin-right: 5px;
}

.frameA_in01 {
display: flex;
flex-wrap: wrap;
width: 100%;
margin-top: 20px;
line-height: 1.6;
}


.frameA_in01 .item01{
flex-basis:610px;
padding-right: 15px;
font-weight: 500;
place-items: left;
margin-bottom: 20px;
}

.frameA_in01 .item01 span{
display: block;
font-size: 0.9em;
font-weight: 400;
padding-left: 20px;
}

.frameA_in01 .p01:before{
	font-family: "Font Awesome 5 Free";
	content: '\f14a';
	margin-right: 10px;
}
.frameA_in01 .item02{
flex-basis:160px;
padding-right: 15px;
color:#F5802B;
font-weight: 500;
text-align: center;
margin-bottom: 20px;
}

.frameA_in01 .item03{
flex-basis:160px;
color:#06B2CC;
font-weight: 500;
text-align: center;
margin-bottom: 20px;
}

.frameA_ill{
border-bottom: #F5802B solid 1px;
text-align: center;
}

.frameA_ill img{
width: 500px;
margin-top: 20px;
}

.frameA_disc :nth-child(1){
font-weight: 500;
color: #F5802B;
padding-top: 20px;
}
.frameA_disc :nth-child(2){
line-height: 1.6;
padding: 10px 0;
}
.frameA_disc :nth-child(3){
font-weight: 500;
}

/* グレー背景 */
.frameB{
background: #eee;
padding: 20px;
margin-top: 30px;
}

.frameB ul{
margin-left:30px;
}

.frameB li{
list-style:disc;
}

/* ブルー背景 */
.frameC{
color: #fff;
background: #06b2cc;
border-radius: 10px;
padding: 40px;
}
.frameC .title{
font-size: 22px;
}

.frameC .title i{
font-size: 40px;
vertical-align: -8px;
	margin-right: 10px;
}
.frameC .title span{
	font-family: serif;
	font-weight: 600;
font-size: 40px;
	margin-left: 10px;
	vertical-align: -5px;
}

.frameC_emph{
	font-weight: 500;
	text-decoration: underline;
}


/* 年齢層別 */
.nenrei_title{
	color:#06b2cc;
	font-weight: 600;
	border:#06b2cc solid 2px;
	border-radius: 4px;
	margin:20px 0;
	padding:8px;
	text-align: center
}

.nenrei{
display: grid;
grid-template-columns: repeat(2, 510px);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 20px;
grid-row-gap: 0px;
}

.nenrei div{
	margin-bottom: 40px;
}

.nenrei_img{
	text-align: center;
}

.nenrei_img img{
width: 80%;
}


.nenrei .title01{
	color:#06b2cc;
}
.nenrei .title02{
	background:#06b2cc;
	color:#fff;
	padding: 2px 10px;
	margin-top: 10px;
	border-radius: 4px;
	display: inline-block;
}




/* ▼リスト */
.listA p{
margin-top:15px;
color:#06b2cc;
font-weight: 500;
}
.listA ul{
margin-left:40px;
}
.listA li{
list-style:disc;
}

/* オレンジ枠2 */
.frameD{
border : #F5802B 16px solid;
padding: 20px;
margin-top: 30px;
}

.frameD .title{
font-size: 22px;
font-weight: 400;
color: #F5802B;
border-bottom : #F5802B 1px solid;
margin-bottom: 20px;
}
.frameD .cap{
font-size: 16px;
}

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

.frameE .title{
font-weight: 600;
color: #333;
border-bottom : #333 1px solid;
margin-bottom: 20px;
}


 /* contents */

.cont_top_title{
	width: 100%;
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 20px;
	text-align: center;
color: #06b2cc;
padding-top: 60px;
}

.cont_top{
display: grid;
grid-template-columns: repeat(3, 340px);
grid-column-gap: 50px;
gap: 10px;
width: 100%;
text-align: center;
margin-bottom: 60px;
box-sizing: border-box;
}


.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: 300px;
}
.cont_top_in_B{
color: #fff;
border: #06b2cc solid 3px;
border-radius:0 0 20px 20px;
background: #06b2cc;
padding: 10px 0;
}

.cont{
	width: 1040px;
	margin: 0 auto;
	color: #06b2cc;
	padding: 60px 0;
}

.cont_title{
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 5px;
	border-bottom: #06b2cc solid 1px;
}

.cont_sub{
	padding: 8px 0;
	border-bottom: #06b2cc solid 1px;
}

.cont_back{
	margin-top: 15px;
}

.cont_back i{
	margin-right: 10px;
}

.cont_back a{
color: #06b2cc;
display: block;
}

.inactive{
	color: #999;
}

.cont a:first-child {
color: #06b2cc;
}
.cont_top_in_B a:first-child {
color: #fff;
line-height: 1.6;
}


 /* kanren */
.kanren{
	width: 1040px;
	margin: 0 auto;
	box-sizing: border-box;
}

.kanren_title{
	font-size: 22px;
	font-weight: 700;
	padding-bottom: 5px;
	border-bottom: #333 solid 1px;
}

.kanren_sub{
	padding: 8px 0;
}

.kanren a {
color: #333;
}


/* 監修者 */
.wrap_bottom {
	width: 100%;
	margin-top: 60px;
	margin-bottom:56px;
	padding: 40px;
	background: #06b2cc;
	color: #fff;
	box-sizing: border-box;
}

.bottom{
	display: grid;
grid-template-columns: 1fr 640px;
grid-template-rows: 1fr;
grid-column-gap: 10px;
grid-row-gap: 0px;
}

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

.bottom p{
	font-size: 17px;
	line-height: 1.8em;
	font-weight: 300;
}

.bottom .name{
	margin-top: 30px;
}

.bottom .katagaki{
	text-align: left;
	line-height: 1.6em;
	font-weight: 400;
}

 /* clear */
.clear{
	clear:both;
}





/* 
第2回
*/

.link_blk{
	color: #000;
}
/* こんなこと、思い当たりませんか？ */
.grid_comes{
display: grid;
grid-template-columns: repeat(2, 510px);
gap: 20px;
}

.grid_comes_in{
border: #06B2CC solid 2px;
border-radius: 8px;
padding: 20px;
}

.grid_comes_in img{
display: block;
width: 180px;
margin: 20px auto;
}
.grid_comes_in .headA{
color: #fff;
background: #06B2CC;
padding: 8px;
border-radius: 4px;
text-align: center;
}

.grid_comes_in .headB{
color: #06B2CC;
padding: 2px;
border: 2px solid #06B2CC;
border-radius: 4px;
text-align: center;
margin: 20px 0 10px;
}


/* UDFをご存知ですか？ */
.grid_UDF{
display: grid;
grid-template-columns: repeat(4, 240px);
gap: 20px;
line-height: 1.6;
}


.grid_UDF_in{
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.2);
border-radius: 0 0 8px 8px;
}

.grid_UDF_in img{
width: 100%;
margin: 30px 0 40px;
}
.grid_UDF_in2{
margin: 0 15px;

}

.grid_UDF .headA{
color: #fff;
text-align: center;
border-radius: 8px 8px 0 0;
padding: 8px;
}

.grid_UDF .headA1{
background: #CC619B;
}
.grid_UDF .headA2{
background: #F8738B;
}
.grid_UDF .headA3{
background: #EFB13A;
}
.grid_UDF .headA4{
background: #B0B933;
}

.grid_UDF .headB{
color: #0165B1;
border-bottom: solid 1px #0165B1;
margin: 20px 0 10px 0;
padding-bottom: 3px;
}


/* 
第3回
*/

/* 食欲をそそる環境づくり */
.kankyo_grid {
display: grid;
grid-template-columns: 1fr 250px;
gap: 0px;
margin:20px 0;
}

.kankyo_grid img{
width: 100%;
}

/* 食習慣の見直し */
.headC{
color: #06B2CC;
font-weight: 500;
}


/* 歯みがき時のチェック項目 */
.frameA_in50 {
display: grid;
grid-template-columns: 1fr 350px;
gap: 0px;
margin:20px 0;
}

.frameA_in50 img{
width: 100%;
}

.frameA_in50 .p01{
color: #F5802B;
line-height: 1.6;
font-weight: 500;
}

.frameA_in50 .p01:before{
	font-family: "Font Awesome 5 Free";
	content: '\f14a';
	margin-right: 10px;
}

.frameA_in50 .p01 span{
display: block;
color: #333;
font-size: 0.9em;
font-weight: 400;
padding-left: 20px;
}


.frameA_in50 .p02{
color: #06B2CC;
line-height: 1.6;
font-weight: 500;
}

/* 嚥下の力を強化 */
.kyoka_title{
	color:#06b2cc;
	font-weight: 600;
	border:#06b2cc solid 2px;
	border-radius: 4px;
	margin:40px 0;
	padding:8px;
	text-align: center
}

.grid_kyoka{
display: grid;
grid-template-columns: 1fr 600px;
place-items: center;
border-bottom: #06b2cc solid 1px;
padding: 20px 0;
}

.grid_kyoka img{
width: 250px;
margin: 0 auto;
}

.grid_kyoka .p01{
color: #06b2cc;
}

.grid_kyoka .p02{
border-top: dotted 1px #000;
margin-top: 20px;
padding-top: 20px;
}

.grid_kyoka .p02 span{
font-weight: 500;
}
/* ピッチの指定A */ 

.pad_tb30 {
	padding: 30px 0;
}

.pad_t30 {
	padding-top: 30px;
}

.pad_r10 {
	padding-right: 10px;
}

.pad_lr20 {
	padding: 0 20px;
}
.mar_t10{
	margin-top: 10px;
}
.mar_t15{
	margin-top: 15px;
}
.mar_t20{
	margin-top: 20px;
}
.mar_t30{
	margin-top: 30px;
}
.mar_t40{
	margin-top: 40px;
}
.mar_t50{
	margin-top: 50px;
}
.mar_t60{
	margin-top: 60px;
}
.mar_t70{
	margin-top: 70px;
}
.mar_t80{
	margin-top: 80px;
}
.mar_tb10{
	margin: 10px 0;
}
.mar_tb20{
	margin: 20px 0;
}
.mar_tb30{
	margin: 30px 0;
}
.mar_l25{
	margin: 0 0 0 25px;
}

/*文字色の指定*/ 
.tx_red {
	color:#ff0000;
}
.tx_blue {
	color:#06b2cc;
}
.tx_orange {
	color:#F5802B;
}
.blank {
    position: relative;
    padding-right: 1.2em;
}
.blank:before {
	right: 2px;
    margin-top: -4px;
    border-bottom: 2px solid #ff0000;
    border-left: 2px solid #ff0000;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 12px;
    height: 12px;
}
.blank:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 10px;
    height: 10px;
    right: -2px;
    margin-top: -8px;
    border: 2px solid #ff0000;
}