@charset "UTF-8";

body{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

#wrapper {
	font-weight: 500;
	font-size: 62.5%;
	line-height: 1.6;
	letter-spacing: 1px;
	color: #411813;
	font-family: "M PLUS Rounded 1c";
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

#wrapper a:link      { text-decoration: none; color: #411813;}
#wrapper a:visited   { text-decoration: none; color: #411813;}
#wrapper a:hover     { text-decoration: underline; }
#wrapper a:active    { text-decoration: underline; }

#wrapper .pc         { display: none; }
#wrapper .sp         { display: none; }

a[href^="tel:"] {
	pointer-events: none;
}

a,input:focus {
	outline: none;
}

.img img {
	width: 100%;
	height: auto;
}

/*======================================================
  header
======================================================*/

header {
	padding: 0 20px;
	border-bottom: solid 5px #f79c0e;
	background: #fff;
}

.hdrWrp {
	max-width: 1000px;
	height: 70px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.hdrLg {
	max-width: 170px;
}

/*======================================================
  mainArea
======================================================*/

#mainArea {
	padding: 60px 20px;
	background: url(/academics/health_nutrition/tomoiki_house/files/images/bg_main.png) center no-repeat #fcf7d4;
	background-size: 1100px 513px;
	position: relative;
}

.mainLg {
	max-width: 800px;
	margin: 0 auto 10px;
}

.mainImg {
	max-width: 540px;
	margin: 0 auto;
}

/*======================================================
  abtArea
======================================================*/

#abtArea {
	padding: 60px 20px 90px;
	background: url(/academics/health_nutrition/tomoiki_house/files/images/bg_about.jpg) top;
	position: relative;
}

#cntBg {
	position: absolute;
	bottom: -40px;
	height: 40px;
	left: 0;
	width: 100%;
	z-index: 50;
}

.abtImg {
	max-width: 350px;
	margin: 0 auto 15px;
}

.abtTtl {
	max-width: 700px;
	margin: 0 auto 25px;
}

.abtCth {
	text-align: center;
	font-weight: bold;
	font-size: 1.8em;
	line-height: 1.8;
	color: #411813;
	margin: 0 0 40px;
}

.abtBox {
	padding: 50px;
	background: #fff;
	border: solid 5px #7fcfa0;
	border-radius: 20px;
}

.abtBoxInr {
	margin: 0 0 40px;
}

.abtLftBox {
	margin: 0 0 30px;
}

.abtLst li:not(:last-child) {
	margin: 0 0 30px;
}

.abtLstBox {
	display: flex;
}

.abtLstBox:before {
	content: '●';
	font-size: 1.8em;
	line-height: 2.2;
	color: #f79c0e;
	padding: 0 10px 0 0;
}

.abtLstTtl {
	width: 150px;
	padding: 0 30px 0 0;
	font-weight: bold;
	font-size: 2.2em;
	letter-spacing: 3px;
	color: #478a63;
}

.abtLstTxt {
	width: calc(100% - 180px);
	font-size: 2.2em;
}

.abtCapTxt {
	margin: 15px 0 0;
	font-size: 1.6em;
}

.nwsImg {
	max-width: 380px;
	margin: 0 auto 25px;
}

.abtInfBox {
	padding: 15px;
	background: #f4f4f4;
	border-radius: 10px;
}

.abtInfTtl {
	text-align: center;
	font-weight: bold;
	font-size: 2.1em;
	letter-spacing: 3px;
	color: #478a63;
	margin: 0 0 12px;
	background: #fff;
	border-radius: 5px;
}

.abtInfTxt {
	font-weight: bold;
	font-size: 1.8em;
	margin: 0 0 7px;
	padding: 0 0 7px;
	border-bottom: dotted 3px #bcbcbc;
}

.abtInfSubTxt {
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.8;
}

.abtNtcBox {
	text-align: center;
}

.abtNtcTxt {
	display: inline-block;
	text-align: center;
	padding: 20px 60px;
	font-weight: bold;
	font-size: 2em;
	line-height: 1.5;
	color: #f79c0e;
	border: solid 3px #f79c0e;
	border-radius: 20px;
}

/*======================================================
  evtArea
======================================================*/

#evt01Area {
	padding: 30px 20px 90px;
	background: url(/academics/health_nutrition/tomoiki_house/files/images/bg_event_01.jpg) top;
	position: relative;
}

#evt02Area {
	padding: 30px 20px 90px;
	background: url(/academics/health_nutrition/tomoiki_house/files/images/bg_event_02.jpg) top;
	position: relative;
}

#evt03Area {
	padding: 30px 20px 90px;
	background: url(/academics/health_nutrition/tomoiki_house/files/images/bg_event_03.jpg) top;
	position: relative;
}

.cntWrp {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}

.evtIcn01,.evtIcn02,.evtIcn03,
.evtIcn04,.evtIcn05 {
	display: none;
}

.evtBox {
	margin: -80px 0 0;
	padding: 50px;
	background: #fff;
	border-radius: 20px;
}

.evtLst li {
	display: flex;
	padding: 50px;
}

.evtLst li:not(:last-child) {
	background: url(/academics/health_nutrition/tomoiki_house/files/images/bg_border.png) bottom repeat-x;
}

.evtLstTtl {
	width: 160px;
	padding: 0 20px;
	font-family: "M PLUS Rounded 1c";
	font-weight: bold;
	font-size: 2.2em;
	letter-spacing: 3px;
}

#evt01Area .evtLstTtl {
	color: #e8391c;
}

#evt02Area .evtLstTtl {
	color: #4e3a93;
}

#evt03Area .evtLstTtl {
	color: #3d65d7;
}

.evtLstTxt {
	width: calc(100% - 200px);
	font-size: 2.2em;
}

.evtBtnBox {
	max-width: 400px;
	margin: 0 auto;
	border-radius: 20px;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.35)
}

#evt01Area .evtBtnBox {
	background: #f79c0e;
}

#evt02Area .evtBtnBox {
	background: #dc89ee;
}

#evt03Area .evtBtnBox {
	background: #8dba46;
}

.evtBtnBox:hover {
	background: #008c43!important;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

.evtBtn {
	text-align: center;
}

.evtBtn img {
	max-width: 240px;
	margin: 0 auto;
}

.evtBtn a {
	display: block;
	padding: 15px 60px;
}

.outBtnBox {
	max-width: 400px;
	margin: 0 auto;
	border-radius: 20px;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.35);
	background: #cdcdcd;
}

.outBtn {
	text-align: center;
	display: block;
	padding: 15px 60px;
}

.outBtn img {
	max-width: 240px;
	margin: 0 auto;
}

/*======================================================
  footer
======================================================*/

/* footer */
footer {
	padding: 20px;
	border-top: solid 5px #008c43;
	background: #fff;
}

.ftrLg {
	max-width: 170px;
	margin: 0 auto;
}

/* pageTop */
#pageTop {
	position: fixed;
	bottom: 15px;
	right: 10px;
	z-index: 999;
}

#pageTop a {
	display: block;
	width: 100px;
	height: 100px;
}

#pageTop a:hover {
	opacity:0.50;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

/*======================================================
  mainAreaLower
======================================================*/

#mainAreaLower {
	padding: 30px 20px 10px;
	background: url(/academics/health_nutrition/tomoiki_house/files/images/bg_main_sp.png) top no-repeat #fcf7d4;
	background-size: 500px 350px;
	position: relative;
}

#mainAreaLower .mainLg {
	max-width: 400px;
	margin: 0 auto 15px;
}

#mainAreaLower .mainImg {
	max-width: 380px;
	margin: 0 auto 5px;
	padding: 0 15px;
}

#mainAreaLower .mainImgSP {
	max-width: 360px;
	margin: 0 auto;
	padding: 0 35px;
}

.frmBox {
	padding: 30px 50px 50px;
	background: #fff;
	border: solid 5px #f79c0e;
	border-radius: 20px;
	margin-top: 30px;
}

.frmBox:first-child {
	margin-top: 0;
}

.frmBoxInr {
	display: flex;
	margin: 0 0 20px;
}

.frmLstTtl {
	padding: 0 0 20px;
	font-weight: bold;
	letter-spacing: 3px;
	color: #478a63;
}

.frmLstTxt {
	font-weight: bold;
	font-size: 2em;
	line-height: 1.8;
	color: #411813;
	padding: 15px 30px;
	background: #f4f4f4;
	border-radius: 10px;
}

.frmBox li {
	float: left;
	width: calc(50% - 5px);
	margin-bottom: 10px;
}

.frmBox li:nth-child(even) {
	float: right;
}

.frmBox li img {
	width: 100%;
	height: auto;
}

.frmLstTtl {
	padding: 0 0 20px;
	font-weight: bold;
	font-size: 3.1em;
	letter-spacing: 3px;
	color: #478a63;
}

.frmLstTxt {
	font-weight: bold;
	font-size: 1.8em;
	line-height: 1.8;
	color: #411813;
	padding: 15px 30px;
	background: #f4f4f4;
	border-radius: 10px;
}

.frmBox li {
	float: left;
	width: calc(50% - 5px);
	margin-bottom: 10px;
}

.frmBox li:nth-child(even) {
	float: right;
}

.frmBox li img {
	width: 100%;
	height: auto;
}

/*======================================================
  frmTopArea
======================================================*/

#frmTopArea {
	padding: 60px 20px 90px;
	background: url(/academics/health_nutrition/tomoiki_house/files/images/bg_farmtop.jpg) top;
	position: relative;
}

.frmTopBox {
	padding: 50px;
	background: #fff;
	border: solid 5px #f79c0e;
	border-radius: 20px;
}

.frmTopBoxInr {
}

.frmTopTtl {
	text-align: center;
	font-weight: bold;
	font-size: 3.1em;
	margin: 0 0 30px;
	font-weight: bold;
}

.frmTopCth {
	text-align: center;
	font-weight: bold;
	font-size: 1.8em;
	line-height: 1.8;
	color: #411813;
	margin: 0 0 40px;
}

.frmTopBtnBox {
	text-align: center;
}

.frmTopBtnTxt {
	margin: 0 auto;
}

.frmTopBtnTxt a {
	text-align: center;
	padding: 20px 60px;
	font-weight: bold;
	font-size: 2.2em;
	line-height: 1;
	color: #f79c0e;
	border: solid 3px #411813;
	border-radius: 20px;
	color: #fff!important;
	background: #411813 url(../images/ico_arrow.png) left 15px center no-repeat;
	background-size: 7px 8px;
	display: inline-block;
}

.frmTopBtnTxt a:hover {
	text-decoration: none!important;
	opacity:0.50;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}