@charset "utf-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 リセット 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.content { max-width: none; padding-right: 0; padding-left: 0; }

#yakuzaishiWarp { font-size: 62.5%; line-height: 1; color: #333333; font-weight: 500; }
#yakuzaishiWarp img { width: 100%; height: auto; vertical-align: top; }

#workWarp { font-size: 62.5%; line-height: 1; color: #333333; font-weight: 500; }

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 yakuzaishiMain 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#yakuzaishiMain { margin-bottom: 34px; background: url(../images/main_back1.png) no-repeat center top; font-size: 0; line-height: 0; }
#yakuzaishiMain .mainVisual h1 span { display: block; max-width: 1400px; background: url(../images/main_visual1.png) no-repeat center top; background-size: cover; font-size: 0; line-height: 0; padding-top: 452px; margin-right: auto; margin-left: auto; }
.nextbr { margin-bottom: 20px; }
@media screen and (max-width: 1200px) {
	#yakuzaishiMain .mainVisual h1 span { padding-top: calc( 452 / 1200 * 100% ); }
}

@media screen and (max-width: 767px) {
	#yakuzaishiMain { margin-bottom: 10px; background: none; }
	#yakuzaishiMain .mainVisual { max-width: 700px; margin-right: auto; margin-left: auto; }
	#yakuzaishiMain .mainVisual h1 span { background-image: url(../images/main_visual2.png); padding-top: calc( 396 / 334 * 100% ); }
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 yakuzaishiProfile 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#yakuzaishiProfile { width: 100%; background: #e8f1f0; }
#yakuzaishiProfile .profileInner { max-width: 900px; margin: 0 auto 50px; }
#yakuzaishiProfile .profilePhoto { background: url(../images/profile_img1.png) no-repeat center top; background-size: cover; font-size: 0; line-height: 0; padding-top: 240px; margin-right: auto; margin-left: auto; }

@media screen and (max-width: 767px) {
	#yakuzaishiProfile .profileInner { max-width: 500px; margin-right: auto; margin-left: auto; margin-bottom: 25px; }
	#yakuzaishiProfile .profilePhoto { background-image: url(../images/profile_img2.png); padding-top: calc( 225 / 375 * 100% ); }
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 yakuzaishiRead 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#yakuzaishiRead { max-width: 1000px; margin: 0 auto 50px; }
#yakuzaishiRead p { padding-right: calc( 50 / 1000 * 100% ); padding-left: calc( 50 / 1000 * 100% ); font-size: 1.7rem; line-height: 2.9rem; font-weight: 700; }


@media screen and (max-width: 767px) {
	#yakuzaishiRead { margin-bottom: 45px; }
	#yakuzaishiRead p { font-size: 1.5rem; line-height: 2.4rem; }
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 yakuzaishiContents 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#yakuzaishiContents { padding-right: calc( 50 / 1000 * 100% ); padding-left: calc( 50 / 1000 * 100% ); margin-bottom: 100px; }
#yakuzaishiContents h2 { font-size: 4rem; line-height: 4.6rem; font-weight: 700; text-align: center;margin-bottom: 50px; }
#yakuzaishiContents h2 span { display: inline-block; }

#yakuzaishiContents h3 { font-size: 2.8rem; line-height: 3.2rem; font-weight: 700; margin-bottom: 30px; }
#yakuzaishiContents h3 span { display: inline-block; }

#yakuzaishiContents .contentsInner { max-width: 900px; margin-right: auto; margin-left: auto; font-size: 1.7rem; line-height: 2.9rem; }
#yakuzaishiContents .contentsInner .innerBlock { overflow: hidden; }
#yakuzaishiContents .contentsInner .mb50 { margin-bottom: 50px; }
#yakuzaishiContents .contentsInner .homeImg1 { max-width: 300px; float: right; margin-left: 20px; }
#yakuzaishiContents .contentsInner .homeImg2 { max-width: 300px; float: left; margin-right: 20px; }
#yakuzaishiContents .contentsInner .homeImg3 { max-width: 300px; float: right; margin-left: 20px; }
#yakuzaishiContents .contentsInner .homeImg1-2,
#yakuzaishiContents .contentsInner .homeImg2-2,
#yakuzaishiContents .contentsInner .homeImg3-2 { display: none; }


@media screen and (max-width: 767px) {
	#yakuzaishiContents { padding-right: calc( 15 / 320 * 100% ); padding-left: calc( 15 / 320 * 100% ); margin-bottom: ; }
}

@media screen and (max-width: 620px) {
	#yakuzaishiContents h2 { font-size: 2.4rem; margin-bottom: 30px; }
	#yakuzaishiContents h3 { font-size: 2rem; margin-bottom: 15px; }
	#yakuzaishiContents .contentsInner { font-size: 1.5rem; line-height: 2.1rem; }
	#yakuzaishiContents .contentsInner .mb50 { margin-bottom: 20px; }
	#yakuzaishiContents .contentsInner .homeImg1,
	#yakuzaishiContents .contentsInner .homeImg2,
	#yakuzaishiContents .contentsInner .homeImg3 { display: none; }
	#yakuzaishiContents .contentsInner .homeImg1-2 { max-width: 300px; display: block; float: none; margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 0; }
	#yakuzaishiContents .contentsInner .homeImg2-2 { max-width: 300px; display: block; float: none; margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 50px; }
	#yakuzaishiContents .contentsInner .homeImg3-2 { max-width: 300px; display: block; float: none; margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 0; }
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 yakuzaishiQandA 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#yakuzaishiQandA { padding-right: calc( 50 / 1000 * 100% ); padding-left: calc( 50 / 1000 * 100% ); margin-bottom: 50px; }
#yakuzaishiQandA .qaTitle { max-width: 500px; margin: 0 auto; }
#yakuzaishiQandA .qaArea { max-width: 900px; background: #edfae6; border-radius: 30px; margin: 0 auto; padding: 80px 50px 25px; font-size: 1.6rem; line-height: 2.8rem; }
#yakuzaishiQandA .qaArea dl { margin-bottom: 55px; }
#yakuzaishiQandA .qaArea dl dt { margin-bottom: 6px; background: url(../images/qa_icon1.png) no-repeat left top; background-size: 34px; min-height: 34px; }
#yakuzaishiQandA .qaArea dl dt p { margin-left: 50px; padding-top: 3px; font-size: 2rem; line-height: 2.8rem; font-weight: 700; }
#yakuzaishiQandA .qaArea dl dd { background: url(../images/qa_icon2.png) no-repeat left top; background-size: 34px; min-height: 34px; }
#yakuzaishiQandA .qaArea dl dd p { margin-left: 50px; padding-top: 6px; }
#yakuzaishiQandA .qaArea .qaLogo { width: 250px; float: right; }
#yakuzaishiQandA .qaArea .qaImg1 { margin-bottom: 55px; }
#yakuzaishiQandA .qaArea .qaImg2 { display: none; }

@media screen and (max-width: 767px) {
	#yakuzaishiQandA { padding-right: 0; padding-left: 0; }
	#yakuzaishiQandA .qaArea { border-radius: 0;  padding: 50px 20px 5px; font-size: 1.3rem; line-height: 2.2rem; }
	#yakuzaishiQandA .qaArea dl dt { margin-bottom: 6px; background-size: 30px; min-height: 30px; }
	#yakuzaishiQandA .qaArea dl dt p { margin-left: 40px; padding-top: 4px; font-size: 1.8rem; line-height: 2.2rem; }
	#yakuzaishiQandA .qaArea dl dd { background-size: 30px; min-height: 30px; }
	#yakuzaishiQandA .qaArea dl dd p { margin-left: 40px; padding-top: 4px; }
	#yakuzaishiQandA .qaArea .qaLogo { width: 250px; float: none; margin: 0 auto 20px; }
	#yakuzaishiQandA .qaArea .qaImg1 { display: none; }
	#yakuzaishiQandA .qaArea .qaImg2 { display: block; margin-bottom: 30px; }
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 yakuzaishiMenu 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#yakuzaishiMenu { margin-top: 100px; padding-top: 110px; padding-bottom: 60px; padding-right: calc( 50 / 1000 * 100% ); padding-left: calc( 50 / 1000 * 100% ); background: url(../images/menu_bg.png) no-repeat center top; background-size: 3000px 1000px; }
#yakuzaishiMenu .menuTitle { margin-bottom: 50px; text-align: center; font-size: 4rem; line-height: 4.6rem; font-weight: 700; color: #00b1c4; }
#yakuzaishiMenu .btnArea { max-width: 865px; margin: 0 auto; }

#yakuzaishiMenu a { display: inline-block; width: 48%; height: 200px; margin-bottom: 22px; text-decoration: none; border: 6px #ffffff solid; background-color: #00b1c4; transition: 0.6s; }
#yakuzaishiMenu a:nth-child(even) { margin-left: 25px; }
#yakuzaishiMenu a:hover { border: 6px #e9ec07 solid; }
#yakuzaishiMenu a .btnBlock {  }
#yakuzaishiMenu a .btnNumber { width: 180px; height: 30px; margin: 20px auto 10px; border-radius: 15px; background-color: #e9ec07; color: #00b1c4; text-align: center; font-size: 2rem; line-height: 3rem; }
#yakuzaishiMenu a .btnTitle { text-align: center; font-size: 2.4rem; line-height: 3.6rem; font-weight: 700; color: #ffffff; }
#yakuzaishiMenu a .btnLink{ width: 112px; margin: 10px auto 0; }

@media screen and (max-width: 767px) {
	#yakuzaishiMenu { background-image: none; background-color: #e6f7f9; padding: 30px 10px; }
	#yakuzaishiMenu .menuTitle { margin-bottom: 30px; font-size: 3.1rem; }
	#yakuzaishiMenu .menuTitle span { display: block; }
	#yakuzaishiMenu a { width: 100%; max-width: 600px; display: block; margin-top: 0; margin-right: auto; margin-bottom: 20px; margin-left: auto; }
	#yakuzaishiMenu a:nth-child(even) { margin-left: auto; }
	#yakuzaishiMenu a .btnTitle { font-size: 2.2rem; line-height: 3.4rem; }
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 workContents 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#workWarp { background: url(../images/work_bg.png) no-repeat center top; background-size: 4200px 4200px; }
#workWarp #workMain { max-width: 900px; margin: 0 auto 60px; }


#workContents { padding-bottom: 50px; }
#workContents .topArea { max-width: 900px; height: 50px; background: #ffffff; margin: 60px auto 0; }
#workContents h2 { max-width: 900px; margin: 0 auto; }
#workContents h2 img + img { display: none; }
#workContents .workInner { max-width: 900px; padding-top: 50px; padding-bottom: 50px; padding-right: calc( 60 / 900 * 100% ); padding-left: calc( 60 / 900 * 100% ); margin-right: auto; margin-left: auto; font-size: 1.7rem; line-height: 2.9rem; background: #ffffff; }
#workContents .workInner .workNumber { width: 180px; height: 30px; margin: 0 auto 30px; border-radius: 15px; background-color: #e9ec07; color: #00b1c4; text-align: center; font-size: 2rem; line-height: 3rem; }
#workContents .workInner h3 { font-size: 4rem; line-height: 4.6rem; font-weight: 700; text-align: center;  margin-bottom: 50px; }
#workContents .workInner h3 span { display: inline-block; }
#workContents .workInner p:not(:last-child) { margin-bottom: 20px; }


#workContents .workBtn a { display: block; max-width: 330px; height: 104px; margin: 50px auto 0; text-decoration: none; border: 6px #ffffff solid; background-color: #00b1c4; transition: 0.6s; }
#workContents .workBtn a div { text-align: center; font-size: 2.4rem; line-height: 9.4rem; font-weight: 700; color: #ffffff; }
#workContents .workBtn a:hover { border: 6px #e9ec07 solid; }

@media screen and (max-width: 767px) {
	#workWarp { background-image: none; background-color: #e6f7f9; }
	#workWarp #workMain { margin: 0 auto 20px; }
	#workContents { padding-right: calc( 15 / 320 * 100% ); padding-left: calc( 15 / 320 * 100% ); }
	#workContents .workInner h3 { font-size: 2.6rem; line-height: 3.6rem;
	#workContents .workInner { font-size: 1.8rem; line-height: 2.4rem; }
}

@media screen and (max-width: 568px) {
	#workContents h2 img { display: none; }
	#workContents h2 img + img { display: block; }
}