@charset "utf-8";

/*--------------------------------------------------------------------------------------------------

   page

--------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------
  index
--------------------------------------------------------------------------------------------------*/
body#index {
	background: url(../image/back-01.png) no-repeat 0 0, url(../image/back-02.png) no-repeat 100% 580px;
}

#indexLogo {
	height: 700px;
	position: relative;
}

#indexLogo h1 {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
}

#indexNews {
	width: 90%;
	max-width: 1500px;
	margin: 0 auto 140px;
	padding: 38px 44px;
	background-color: #E2D7D7;
	border-radius: 50px;
	box-shadow: 3px 3px 6px #CCC;
}

#indexNews h2 {
	margin: 0 0 30px;
	text-align: center;
	font-size: 50px;
	font-weight: 700;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

#indexNews h2 span {
	font-size: 20px;
	font-weight: 300;
	display: block;
	margin-top: 8px;
}

.newsWrap {
	display: flex;
	margin: 0 0 30px;
}

.newsWrap .news {
	width: 30%;
}

.newsWrap .news:nth-of-type(2) {
	margin: 0 5%;
}

.newsWrap .news .header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 8px;
	height: 55px;
}

.newsWrap .news .header .category {
	font-size: 16px;
	display: inline-block;
	background-color: #FFF;
	padding: 2px 8px;
	border-radius: 10px;
}

.newsWrap .news a {
	text-decoration: none;
	color: #595757;
}

.newsWrap .news a img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

.newsWrap .news a div {
	margin-bottom: 4px;
	background-color: #7D7B7B;
	border-radius: 10px;
	box-shadow: 3px 3px 6px #BBB;
}

.newsWrap .news a:hover img {
	opacity: 0.6;
}

.newsWrap .news .date {
	font-weight: bold;
}

.newsBtn a {
	display: block;
	width: 200px;
	margin: 0 auto;
	text-align: center;
	color: #595757;
	background-color: #FFF;
	border-radius: 10px;
	font-size: 20px;
	padding-bottom: 4px;
	text-decoration: none;
}

.newsBtn a:hover {
	opacity: .8;
}

.newsBtn a .en {
	font-size: 30px;
}

#indexAbout {
	position: relative;
}

#indexAbout:before {
	position: absolute;
	content: "";
	top: -130px;
	left: 0;
	background: url(../image/back-03.png) no-repeat 0 0;
	width: 343px;
	height: 365px;
}

#indexAbout h2 {
	margin: 0 0 60px;
	text-align: center;
	font-size: 50px;
	font-weight: 700;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

#indexAbout h2 span.jp {
	font-size: 40px;
	margin-left: 4px;
}

#indexAbout h2 span.sub {
	font-size: 20px;
	font-weight: 300;
	display: block;
	margin-top: 8px;
}

#indexAbout p {
	text-align: center;
	line-height: 2;
	font-size: 20px;
	text-shadow:0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF;
}

#indexAbout .image {
	position: relative;
	display: flex;
	margin-top: -120px;
	z-index: -1;
	justify-content: end;
}

#indexMenu {
	padding: 160px 0 0;
	margin: -160px 0 0;
	background: url(../image/back-04.png) no-repeat center 30px;
}

#indexMenu h2 {
	margin:100px 0 80px;
	text-align: center;
	font-size: 50px;
	font-weight: 700;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

#indexMenu h2 span {
	font-size: 20px;
	font-weight: 300;
	display: block;
	margin-top: 8px;
}

#indexMenu .inner {
	width: 1300px;
	margin: 0 auto;
	line-height: 1.8;
}

#indexMenu .inner .tit.pc {
	font-size: 50px;
	font-weight: 700;
	padding: 0 0 30px 76px;
	background: url(../image/chouette.png) no-repeat 0 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

#indexMenu .inner h3 {
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight: 700;
	font-size: 40px;
}

#indexMenu .inner p.menuLead {
	font-size: 24px;
}

#indexMenu .cont01 {
	position: relative;
	width: 1300px;
	margin: 0 auto 80px;
}

#indexMenu .cont01:before {
	position: absolute;
	content: "";
	background: url(../image/menu_cont01-line.png) no-repeat 100% 0;
	width: 100%;
	height: 20px;
	right: 1300px;
	top: 26px;
}

#indexMenu .inner .box01 {
	display: flex;
	align-items: center;
	margin: 0 0 30px;
}

#indexMenu .inner .box01 div:nth-of-type(1) {
	line-height: 1.4;
	padding: 0 30px 0 0;
}

#indexMenu .cont01 .inner .box01 ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	width: 600px;
	font-size: 20px;
}

#indexMenu .cont01 .inner .box01 .nayami ul li {
	display: block;
	background-color: #ceeaf8;
	width: 120px;
	margin: 0 16px 8px 0;
	padding: 4px 0;
	text-align: center;
	border-radius: 10px;
	box-shadow: 3px 3px 3px #CCC;
}

#indexMenu .cont01 .inner .box01 .set {
	margin-left: 20px;
}

#indexMenu .inner .box02 {
	display: flex;
	justify-content: space-between;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight: 700;
	font-size: 28px;
	margin: 30px 0 110px;
}

#indexMenu .inner .box02 div {
	width: 50%;
}

#indexMenu .inner .box02 div span {
	font-size: 36px;
}

#indexMenu .inner .box02 div img {
	display: block;
	margin: 30px auto 0;
}

#indexMenu .inner .box03 {
	display: flex;
	margin: 0 0 110px;
	font-size: 24px;
}

#indexMenu .inner .box03 div:nth-of-type(1) {
	margin-right: 30px;
	width: 625px;
}

#indexMenu .inner .box03 .lead {
	font-size: 32px;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight: 700;
}

#indexMenu .inner .kakaku {
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight: 700;
	font-size: 28px;
}

#indexMenu .cont02 {
	position: relative;
	width: 1300px;
	margin: 0 auto 100px;
}

#indexMenu .cont02:before {
	position: absolute;
	content: "";
	background: url(../image/menu_cont02-line.png) no-repeat 100% 0;
	width: 100%;
	height: 20px;
	right: 1300px;
	top: 26px;
}

#indexMenu .cont02 .inner .box01 ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	width: 600px;
	font-size: 20px;
}

#indexMenu .cont02 .inner .box01 .nayami ul li {
	display: block;
	background-color: #b9dacf;
	width: 120px;
	margin: 0 16px 8px 0;
	padding: 4px 0;
	text-align: center;
	border-radius: 10px;
	box-shadow: 3px 3px 3px #CCC;
}

#indexMenu .inner .box04 {
	display: flex;
	margin: 0 0 100px;
	font-size: 24px;
}

#indexMenu .inner .box04 div:nth-of-type(1) {
	padding: 30px 30px 0 0;
}

#indexMenu .cont03 {
	position: relative;
	width: 1300px;
	margin: 0 auto 80px;
}

#indexMenu .cont03:before {
	position: absolute;
	content: "";
	background: url(../image/menu_cont03-line.png) no-repeat 100% 0;
	width: 100%;
	height: 20px;
	right: 1300px;
	top: 26px;
}

#indexMenu .cont03 .inner .box01 ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	width: 600px;
	font-size: 20px;
}

#indexMenu .cont03 .inner .box01 .nayami ul li {
	display: block;
	background-color: #e6c7c3;
	width: 120px;
	margin: 0 16px 8px 0;
	padding: 4px 0;
	text-align: center;
	border-radius: 10px;
	box-shadow: 3px 3px 3px #CCC;
}

.menuBtn {
	width: 90%;
	max-width: 1531px;
	margin: 0 auto;
	padding: 60px 0 160px;
}

.menuBtn a img {
	max-width: 100%;
	height: auto;
}

#indexMessage {
	padding: 160px 0 0;
	margin: -160px 0 0;
}

#indexMessage h2 {
	margin: 0 0 80px;
	text-align: center;
	font-size: 50px;
	font-weight: 700;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

#indexMessage h2 span {
	font-size: 20px;
	font-weight: 300;
	display: block;
	margin-top: 8px;
}

#indexMessage .message {
	position: relative;
	padding: 0 0 200px;
	background: url(../image/back-06.png) no-repeat 0 140px, url(../image/back-05.png) no-repeat 100% 200px;
}

#indexMessage .message .photo {
	position: absolute;
	width: 50%;
}

#indexMessage .message .photo img {
	max-width: 100%;
}

#indexMessage .message .text {
	max-width: 1531px;
	width: 80%;
	margin: 0 auto;
	display: flex;
	justify-content: end;
}

#indexMessage .message .text div {
	width: calc(50% - 30px);
}

#indexMessage .message .text div dl {
	display: flex;
	align-items: end;
	margin-bottom: 8px;
}

#indexMessage .message .text div dt {
	font-size: 36px;
	font-weight: 700;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

#indexMessage .message .text div dd {
 font-size: 24px;
	margin-left: 20px;
}

#indexMessage .message .text p.mini {
	font-size: 16px;
}

#indexMessage .message .text p.comment {
	font-size: 20px;
	margin: 20px 0;
	line-height: 1.7;
	text-shadow:0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF;
}

#indexQa {
	padding: 180px 0 140px;
	margin: -180px 0 0;
	background: url(../image/back-07.png) no-repeat 0 400px, url(../image/back-08.png) no-repeat 100% 100%;
}

#indexQa .box {
	max-width: 1300px;
	width: 90%;
	margin: 0 auto;
	border-radius: 20px;
	background-color: #EEE;
}

#indexQa .box h2 {
	padding: 80px 0;
	text-align: center;
	font-size: 50px;
	font-weight: 700;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

#indexQa .box h2 span {
	font-size: 20px;
	font-weight: 300;
	display: block;
	margin-top: 8px;
}

.faq-top__info {
 width: 80%;
 margin: 0 auto;
	padding: 0 0 40px;
}

.faq-top__info dt {
 margin-bottom: 10px;
 position: relative;
 font-size: 24px;
}

.faq-top__info dd {
 display: none;
 font-size: 24px;
}

.faq-top__info dt .inner {
 display: flex;
 align-items: center;
}

.faq-top__info dd .inner {
	display: flex;
}

.faq-top__title {
 cursor: pointer;
}

.faq-top__title::before {
 position: absolute;
 content: "";
 right: 20px;
 top: 20px;
 border-left: 10px solid transparent;
 border-right: 10px solid transparent;
 border-top: 10px solid #595757;
 border-bottom: 10px solid transparent;
}

.faq-top__title.bg02::before {
 top: 10px;
 border-left: 10px solid transparent;
 border-right: 10px solid transparent;
 border-bottom: 10px solid #595757;
 border-top: 10px solid transparent;
}

.faq-top__title-qa {
 width: 60px;
 height: 60px;
 margin-right: 20px;
 background-color: #fff;
 display: inline-block;
 font-size: 32px;
 text-align: center;
 line-height: 60px;
 font-weight: normal;
	border-radius: 100vh;
	box-shadow: 3px 3px 3px #CCC;
}

.faq-top__title-qa::before {
 left: 0;
 top: 0;
 border-top: 20px solid #e60012;
 border-right: 20px solid transparent; }

.faq-top__ans-text {
 padding-top: 5px;
}

.faq-top__title-text {
 display: inline-block;
 vertical-align: middle; }

.faq-top__ans-text span {
	color: #d38f8f;
}

#indexContact {
	width: 90%;
	max-width: 1500px;
	padding: 160px 0 0;
	margin: -160px auto 100px;
	display: flex;
	align-items: end;
	justify-content: space-between;
}

#indexContact div {
	width: 49.5%;
}

#indexContact div img {
	max-width: 100%;
	height: auto;
}

#indexContact div a:hover img {
	opacity: 0.8;
}

.newsCat {
	width: 90%;
	max-width: 1500px;
	margin: 0 auto 60px;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
}

.newsCat li {
	margin: 0;
	padding: 0;
}

.newsCat li a {
	border: 2px solid #e0d8d8;
	border-radius: 12px;
	box-shadow: 3px 3px 6px #CCC;
	padding: 4px 8px;
	color: #595757;
	text-decoration: none;
	background-color: #FFF;
}

.newsCat li a:hover {
	background-color: #e0d8d8;
}

.newsCat li a.active,
.newsCat li.current-cat a {
	background-color: #e0d8d8;
}

.newsList {
	width: 90%;
	max-width: 1500px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.newsList a {
	display: block;
	width: 30%;
	color: #595757;
	text-decoration: none;
	border: 4px solid #e0d8d8;
	box-shadow: 3px 3px 6px #CCC;
	border-radius: 40px;
	padding: 40px 20px 0;
	background-color: #FFF;
	margin: 0 0 50px;
}

.newsList a:hover {
	background-color: #e0d8d8;
	border-radius: 40px;
}

.newsList .box {
	position: relative;
}

.newsList a:nth-child(3n-1) {
	margin: 0 5% 50px;
}

.newsList .box p.new {
	position: absolute;
	top: -24px;
	left: 0;
}

.newsList .box .photo img {
	max-width: 100%;
	height: auto;
}

.newsList .box .dc {
	display: flex;
	justify-content: space-between;
	margin: 8px 0;
}

.newsList .box .dc .date {
	font-weight: bold;
}

.newsList .box .dc .cat {
	background-color: #ddd0d0;
	font-size: 16px;
	border-radius: 10px;
	padding: 2px 4px;
}

.newsList a:hover .box .dc .cat {
	background-color: #FFF;
}

.newsList .box h2 {
	font-size: 24px;
	margin: 0 0 10px;
}

.newsList .box p {
	font-size: 16px;
	line-height: 1.6;
}

.newsList .box .click {
	margin: 0 0 26px;
	font-size: 16px;
	text-decoration: underline;
}

#second .pager_wrap {
	position: relative;
	overflow: hidden;
	margin: 20px 0 100px;
}

#second .pager_wrap ul.pager {
	position: relative;
	left: 50%;
	float: left;
}

#second .pager_wrap ul.pager li {
	position: relative;
	left: -50%;
	float: left;
}

#second .pager_wrap ul.pager {
	margin: 0;
	padding: 0;
	list-style: none;
}

#second .pager_wrap ul.pager li {
	display: inline;
	min-width: 20px;
	margin: 2px;
	padding: 0;
	/*background-color: #FFF;*/
	text-align: center;
	text-indent: 0;
	font-size: 24px;
	font-weight: bold;
}

#second .pager_wrap ul.pager li:first-child,
#second .pager_wrap ul.pager li:last-child {
	padding: 10px 0 0;
}

#second .pager_wrap ul.pager li a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	border: none;
	color: #313131;
}

#second .pager_wrap ul.pager li::before {
content: "";
margin-right: 0;
}
#second .pager_wrap ul.pager li.active {
	display: block;
	padding: 10px 15px;
	color: #e60012;
}

#second .pager_wrap ul.pager li.active a:link, #second .pager_wrap ul.pager li.active a:visited,
#second .pager_wrap ul.pager li.active a:hover, #second .pager_wrap ul.pager li.active a:active {
}

#second .pager_wrap ul.pager li a:hover {
}

.newsDetail {
	width: 90%;
	max-width: 1500px;
	margin: 0 auto 100px;
	padding: 60px 0 0;
	display: flex;
	justify-content: space-between;
}

.newsDetail .box {
	width: 70%;
 border: 4px solid #e0d8d8;
	box-shadow: 3px 3px 6px #CCC;
	border-radius: 40px;
	padding: 40px 30px 0;
	background-color: #FFF;
}

.newsDetail .link {
	width: 25%;
}

.newsDetail .box .dc {
	display: flex;
}

.newsDetail .box .dc .date {
	margin-right: 30px;
}

.newsDetail .box .dc .category {
	border: 2px solid #e0d8d8;
	padding: 2px 4px;
	border-radius: 10px;
	background-color: #e0d8d8;
}

.newsDetail .box h2 {
	margin: 20px 0 40px;
	font-size: 22px;
	font-weight: bold;
}

.newsDetail .box .cont {
	font-size: 22px;
	line-height: 1.8;
}

.newsDetail .box .cont p {
	margin: 0 0 40px;
}

.newsDetail .box .cont img {
	display: block;
	margin: 0 auto 30px;
	max-width: 100%;
	height: auto;
}

.newsDetail .link p {
	margin: 0 0 20px;
	font-size: 30px;
	font-weight: bold;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.newsDetail .link ul {
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
}

.newsDetail .link ul li {
	margin: 0 0 10px;
	padding: 0;
}

.newsDetail .link ul li a {
	color: #595757;
	text-decoration: none;
	font-size: 20px;
}

.newsDetail .link ul li a:hover {
    text-decoration: underline;
    color: #d38f8f;
}

.np {
	width: 90%;
	max-width: 1500px;
	margin: 0 auto 160px;
	display: flex;
	justify-content: center;
}

.np div {
	margin: 0 20px;
	color: #000;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.np div span {
	color: #95b3ab;
}

.np div a {
	color: #000;
	text-decoration: none;
}


.np.sp {
	display: none;
}

.np.pc {
	display: flex;
}


@media screen and (min-width: 929px) and ( max-width:1360px) {
.pc {
	display: none;
}

#indexLogo h1.pc,
#indexAbout p .pc,
#indexMenu .inner .tit.pc,
.menuBtn .pc,
#footer.pc {
	display: block;
}

#indexMenu .cont01,
#indexMenu .cont02,
#indexMenu .cont03 {
	width: 90%;
}

#indexMenu .cont01:before,
#indexMenu .cont02:before,
#indexMenu .cont03:before {
	right: 95%;
}

#indexMenu .inner {
	width: 90%;
}

#indexMenu .inner .box02 div {
	width: 48%;
}

#indexMenu .inner .box02 img {
	max-width: 100%;
	height: auto;
}

#indexMenu .inner .box03 div:nth-of-type(1),
#indexMenu .inner .box03 div:nth-of-type(2) {
	width: 48%;
}

#indexMenu .inner .box03 div img {
	max-width: 100%;
	height: auto;
}

#indexMenu .inner .box04 div {
	width: 48%;
}

#indexMenu .inner .box04 div img {
	max-width: 100%;
	height: auto;
}

.newsList .box .dc .cat {
	font-size: 14px;
}

}

@media screen and (max-width: 928px) {
body#index {
	background: none;
	background: url(../image/sp_back-01.png) no-repeat center 40px;
	background-size: contain;
}

#indexLogo {
	position: static;
	height: auto;
}

#indexLogo h1 {
	position: static;
	text-align: center;
	top: unset;
 left: unset;
 transform: none;
 -webkit-transform: none;
 -ms-transform: none;
	padding: 60px 0 160px;
	z-index: 100;
}

#indexLogo h1.sp img {
	width: 150px;
	height: auto;
}

#indexNews {
	position: relative;
	margin: 0 auto 60px;
	padding: 38px 20px;
}

#indexNews:before {
	position: absolute;
	top: -30px;
	right: 0;
	content: "";
	background: url(../image/sp_back-02.png) no-repeat 0 0;
	background-size: 200px;
	width: 200px;
	height: 168px;
}

#indexNews:after {
	position: absolute;
	bottom: -20px;
	left: -20px;
	content: "";
	background: url(../image/sp_back-03.png) no-repeat 0 0;
	background-size: 200px;
	width: 200px;
	height: 86px;
}

#indexNews h2 {
	font-size: 30px;
}

#indexNews h2 span {
    font-size: 18px;
}


.newsWrap {
	display: block;
}

.newsWrap .news {
	width: 100%;
}

.newsWrap .news .header {
	display: none;
}

.newsWrap .news a div {
	background-color: transparent;
	box-shadow: none;
}

.newsWrap .news a img {
	box-shadow: 3px 3px 6px #bbb;
}

.newsWrap .news a div.sp-category {
	display: inline-block;
	background-color: #FFF;
	margin: 6px 0 4px;
	padding: 4px 8px;
	font-size: 14px;
}

.newsWrap .news h3 {
    font-size: 16px;
}

.newsWrap .news:nth-of-type(2) {
	margin: 30px 0;
}

.newsWrap .news .new {
	margin-bottom: 8px;
}

.newsWrap .news .new img {
    width: 60px;
    height: auto;
}

.newsBtn a .en {
    font-size: 24px;
}

#indexAbout:before {
	background: url(../image/sp_back-04.png) no-repeat 0 0;
	background-size: auto;
	top: -40px;
	left: calc(50% - 102px);
	width: 204px;
	height: 181px;	
	z-index: -1;
}

#indexAbout h2 {
	font-size: 30px;
}

#indexAbout h2 span.jp {
	font-size: 22px;
}

#indexAbout h2 span.sub {
    font-size: 18px;
}

#indexAbout p {
	width: 90%;
	margin: 0 auto;
	text-align: left;
	color: #474545;
	font-size: 16px;
}

#indexAbout .image {
	margin-top: -30%;
	margin-left: 10%;
}

#indexAbout .image img {
	max-width: 100%;
	height: auto;
}

#indexMenu {
	background: url(../image/sp_back-05.png) no-repeat center 80px;
	background-size: cover;
	padding: 100px 0 0;
	margin: -100px 0 0;
}

#indexMenu h2 span {
    font-size: 18px;
}

#indexMenu h2 {
	font-size: 34px;
}

#indexMenu .cont01,
#indexMenu .cont02,
#indexMenu .cont03 {
	width: 90%;
}

#indexMenu .inner {
	width: 100%;
}

#indexMenu .inner .tit.sp {
	text-align: center;
	font-size: 26px;
	font-weight: 700;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0 0 40px -36px;
}

#indexMenu .inner .tit.sp img {
	padding-right: 4px;
	width: 42px;
	height: auto;
	vertical-align: -10px;
}

#indexMenu .cont01:before {
	right: calc( 50% + 90px);
	top: 14px;
}

#indexMenu .cont02:before {
	right: calc( 50% + 90px);
	top: 14px;
}

#indexMenu .cont03:before {
	right: calc( 50% + 120px);
	top: 14px;
}

#indexMenu .inner .box01 {
	display: block;
	margin: 0 0 10px;
	font-size: 16px;
}

#indexMenu .inner h3 {
	font-size: 22px;
	margin: 0 0 8px;
}

#indexMenu .cont01 .inner .box01 ul,
#indexMenu .cont02 .inner .box01 ul,
#indexMenu .cont03 .inner .box01 ul {
	width: 100%;
	margin: 10px 0;
}

#indexMenu .cont01 .inner .box01 .nayami ul li,
#indexMenu .cont02 .inner .box01 .nayami ul li,
#indexMenu .cont03 .inner .box01 .nayami ul li {
	padding: 0;
	font-size: 15px;
	width: 88px;
	margin: 0 8px 8px 0;
}

#indexMenu .inner p.menuLead {
	font-size: 16px;
}

#indexMenu .inner .box02 {
	margin: 10px 0 60px;
	display: block;
}

#indexMenu .inner .box02 div {
	width: 100%;
}

#indexMenu .inner .box02 div span {
	font-size: 24px;
}

#indexMenu .inner .box02 {
	font-size: 20px;
}

#indexMenu .inner .box02 div img {
	display: block;
	max-width: 100%;
	margin: 10px auto 30px;
}

#indexMenu .inner h3 .kakaku {
	font-size: 20px;
	display: inline-block !important;
	margin-left: 8px;
}

#indexMenu .inner .box03 {
	margin: 0 0 40px;
 flex-direction: column-reverse;
	font-size: 19px;
}

#indexMenu .inner .box03 p {
	font-size: 16px;
}


#indexMenu .inner .kakaku {
	display: none;
}

#indexMenu .inner .box03 div img {
	display: block;
	max-width: 100%;
	margin: 10px auto 30px;
}

#indexMenu .inner .box03 div:nth-of-type(1) {
	width: 100%;
	margin: 0;
	position: relative;
}

#indexMenu .inner .box03 div img.pc {
	display: none;
}

#indexMenu .cont01 .inner .box01 .set {
	display: none;
}

#indexMenu .inner .box03 div .photo {
	margin: 40px 0 0;
}

#indexMenu .inner .box03 div .otokuna {
	position: absolute;
	width: 180px;
	height: auto;
	top: 0;
	left: 0;
}

#indexMenu .inner .box04 {
	display: block;
	font-size: 19px;
	margin: 0 0 70px;
}

#indexMenu .inner .box04 p {
	font-size: 16px;
}

#indexMenu .inner .box04 div:nth-of-type(1) {
	margin: 0;
	padding: 0;
}

#indexMenu .inner .box04 div img {
	display: block;
	max-width: 100%;
	margin: 10px auto 0;
}

#indexMenu .cont02 .inner .box01 .set {
	display: none;
}

#indexMenu .inner .box04 div:nth-of-type(2) {
	position: relative;
}

#indexMenu .inner .box04 div .ninki {
	position: absolute;
	width: 150px;
	height: auto;
	top: -30px;
	right: 0;
}

#indexMenu .cont02 {
	margin: 0 auto 60px;
}

#indexMenu .cont03 {
	margin: 0 auto;
}

#indexMenu .inner .box03 .lead {
	font-size: 20px;
	margin-bottom: 8px;
}

.menuBtn {
	width: auto;
	max-width: none;
	/*margin: 0 auto 40px;*/
	padding: 0 0 100px;
}

.menuBtn a {
	display: block;
	margin: 0 auto;
	width: 360px;
	height: 104px;
	background: url(../image/sp_menu.png) no-repeat 0 0;
	background-size: 360px;
	text-indent: -9999px;
}

.menuBtn a:hover {
	background: url(../image/sp_menu.png) no-repeat 0 -104px;
	background-size: 360px;
}

#indexMessage {
	padding: 100px 0 0;
	margin: -100px 0 0;
}

#indexMessage h2 {
	margin: 0 0 40px;
	font-size: 34px;
	padding: 40px 0 0;
}

#indexMessage h2 span {
    font-size: 18px;
}

#indexMessage .message {
	padding: 0 0 60px;
	background: none;
}

#indexMessage .message .photo {
	width: 90%;
	position: static;
	margin: 0 0 20px;
}

#indexMessage .message .text {
	width: 90%;
}

#indexMessage .message .text div {
	width: 100%;
}

#indexMessage .message .text div dt {
	font-size: 24px;
}

#indexMessage .message .text div dd {
	font-size: 16px;
}

#indexMessage .message .text p.mini {
	font-size: 14px;
}

#indexMessage .message .text p.comment {
font-size: 16px;
}

#indexQa {
	padding: 180px 0 80px;
	margin: -180px 0 0;
	background: none;
	background: url(../image/sp_back-06.png) no-repeat 100% 90px;
	background-size: 300px;
}

#indexQa .box h2 {
	padding: 40px 0;
	font-size: 34px;
}

#indexQa .box h2 span {
    font-size: 18px;
}

.faq-top__info dt .inner {
	padding-right: 40px;
}

.faq-top__info {
	width: 90%;
}

.faq-top__title-qa {
	font-size: 20px;
	width: 46px;
	height: 46px;
	line-height: 46px;
	margin-right: 10px;
}

.faq-top__title-text,
.faq-top__ans-text {
	font-size: 16px;
	width: calc( 100% - 46px);
}

.faq-top__title::before {
	right: 10px;
}

#indexContact {
	position: relative;
	display: block;
	width: 100%;
	margin: -100px 0 0;
	padding: 100px 0 60px;
}

#indexContact:before {
	position: absolute;
	content: "";
	background: url(../image/sp_back-07.png) no-repeat 0 100%;
	background-size: 281px;
	width: 281px;
	height: 344px;
	z-index: -1;
	bottom: -60px;
	left: 0;
}

#indexContact div {
	width: 90%;
	margin: 0 auto 30px;
}

.newsCat {
	display: block;
}

.newsCat li {
	margin: 0 0 30px;
	text-align: center;
}

.newsList {
	display: block;
}

.newsList a {
	width: 90%;
	max-width: 1500px;
	margin: 0 auto 40px;
}

.newsDetail {
	display: block;
	padding: 0;
}

.newsDetail .box {
	width: 94%;
	margin: 0 auto;
}

.newsDetail .link {
	width: 90%;
}

.newsDetail .box .dc .date {
	margin-right: 20px;
}

.newsDetail .box .dc .category {
	font-size: 14px;
}

.newsDetail .box .cont {
	font-size: 20px;
}

.np {
	margin: 60px auto;
	max-width: none;
}

.np.pc {
	display: none;
}

.np.sp {
	display: flex;
}

.newsList .box p.new {
z-index: 10;
}
/*.newsDetail .link ul {
	display: flex;
	flex-wrap: wrap;
}

.newsDetail .link ul li a {
	display: inline-block;
	border: 2px solid #e0d8d8;
	border-radius: 12px;
	box-shadow: 3px 3px 6px #CCC;
	padding: 4px 8px;
	color: #595757;
	text-decoration: none;
	background-color: #FFF;
	margin: 0 8px 8px 0;
}
*/

.newsCat li a {
font-size: 16px;
}

.newsList .box h2 {
font-size: 20px;
}

.newsList .box .dc .cat {
font-size: 12px;
}

.newsDetail .box {
padding: 40px 20px 0;
}

.newsList {
width: 94%;
}

.newsDetail .box .cont p {
font-size: 16px;
}

.newsDetail .link ul li a {
font-size: 16px;
}

}