@charset "utf-8";
/* CSS Document */


	
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);



/* 共通 */
* { zoom: 1; line-height: 180%; box-sizing: border-box; }
html,body { margin: 0; padding: 0; color: #3E1E02; text-align: justify; text-justify: inter-ideograph; letter-spacing: 0.1em; background: #F9F8F3; position: relative; }
header,footer,div,article,section,p,span,a,ul,ol,li,dl,dt,dd { margin: 0; padding: 0; list-style-type: none; box-sizing: border-box; }
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }
form,fieldset,input,textarea { margin:0 ; padding: 0; border: 0; outline: none; }
img { margin: 0; padding: 0; max-width: 100%; height: auto; vertical-align: bottom; border: none; }
table,tr,td { margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; box-sizing: border-box; }
th { margin: 0; padding: 0; font-weight: normal; text-align: left; box-sizing: border-box; }
a:link { color: #584834; text-decoration: none; transition: all .5s ease; }
a:visited { color: #584834; text-decoration: none; }
a:hover { color: #E68A00; text-decoration: none; }
a:active { color: #E68A00; text-decoration: none; }
.alpha { transition: all .5s ease; }
.alpha:hover { opacity: 0.7; }

.btn { display: block; padding: 15px; font-weight: bold; text-align: center; border-radius: 30px; }
.bread ul { display: flex; }
.bread li::after { content: "・"; display: inline-block; padding: 0 5px; }
.bread li:last-child::after { display: none; }


/* 文字 */
span.smoothText { overflow: hidden; display: block; }
span.smoothTextTrigger{ transition: 1.5s ease-in-out; transform: translate3d(0,100%,0) skewY(12deg); transform-origin: left; display: block; }
span.smoothTextTrigger.smoothTextAppear{ transform: translate3d(0,0,0) skewY(0); }


/* 左からふわっと */
.animation_box { animation-name: fadeIn; animation-duration: 1s; animation-timing-function: ease; animation-delay: 1s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: backwards; overflow: hidden; }
.animation_box { animation: fadeIn 1s ease 1s 1 normal backwards; }
@keyframes fadeIn {
  from { opacity: 0; transform: translateX(-50px); }
  to { opacity: 1; transform: translateX(0); }
}
/* 右からふわっと */
.animation_box_r { animation-name: fadeIn_r; animation-duration: 1s; animation-timing-function: ease; animation-delay: 1s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: backwards; overflow: hidden; }
.animation_box_r { animation: fadeIn_r 1s ease 1s 1 normal backwards; }
 
@keyframes fadeIn_r {
  from { opacity: 0; transform: translateX(300px); }
  to { opacity: 1; transform: translateX(0); }
}


@media screen and (min-width: 1400px) {
.html,body { font-size: 18px; }
.html,body { font-family: 'Noto Sans JP', sans-serif; font-weight: 500; }

.com_wid { margin-left: auto; margin-right: auto; width: 90%; max-width: 1300px; }
.sml_wid { margin-left: auto; margin-right: auto; width: 90%; max-width: 1100px; }
.sp { display: none; }

.hl_title { position: relative; text-align: center; line-height: 100%; }
.hl_title .hl_white span { color: #fff; font-size: 100px; text-align: center; line-height: 100%; letter-spacing: 0.11em; white-space: nowrap; margin-right: -0.11em; position: relative; z-index: 0; }
.hl_title .sml_hl { position: absolute; bottom: -10px; left: 0; right: 0; margin: auto; z-index: 1; font-size: 40px; text-align: center; line-height: 100%; }

.bread { margin-top: 20px; padding: 0 0 50px 0; }
.bread li { font-size: 14px; }
}
@media screen and (min-width: 1000px) and (max-width: 1399px) {
.html,body { font-size: 18px; }
.html,body { font-family: 'Noto Sans JP', sans-serif; font-weight: 500; }

.com_wid { margin-left: auto; margin-right: auto; width: 90%; max-width: 1300px; }
.sml_wid { margin-left: auto; margin-right: auto; width: 90%; max-width: 1100px; }
.sp { display: none; }

.hl_title { position: relative; text-align: center; line-height: 100%; }
.hl_title .hl_white span { color: #fff; font-size: 75px; text-align: center; line-height: 100%; letter-spacing: 0.11em; white-space: nowrap; margin-right: -0.11em; position: relative; z-index: 0; }
.hl_title .sml_hl { position: absolute; bottom: -10px; left: 0; right: 0; margin: auto; z-index: 1; font-size: 24px; text-align: center; line-height: 100%; }

.bread { margin-top: 20px; padding: 0 0 50px 0; }
.bread li { font-size: 14px; }
}
@media screen and (max-width: 999px) {
.html,body { font-size: 16px; }
.html,body { font-family: 'Noto Sans JP', sans-serif; font-weight: 300; }

.com_wid { margin-left: auto; margin-right: auto; width: 95%; }
.sml_wid { margin-left: auto; margin-right: auto; width: 90%; }
.pc { display: none; }

.hl_title { position: relative; text-align: center; line-height: 100%; }
.hl_title .hl_white span { color: #fff; font-size: 30px; text-align: center; line-height: 100%; letter-spacing: 0.11em; white-space: nowrap; margin-right: -0.11em; position: relative; z-index: 0; }
.hl_title .sml_hl { position: absolute; bottom: -10px; left: 0; right: 0; margin: auto; z-index: 1; font-size: 18px; text-align: center; line-height: 100%; }

.bread { margin-top: 10px; padding: 0 0 30px 0; }
.bread li { font-size: 12px; }
}





/* ヘッダー */
@media screen and (min-width: 1400px) {
#head_wrap { padding: 40px 0; }
#head_wrap dl { display: flex; justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto; width: 90%; max-width: 1480px; }
#head_wrap dt { width: 30%; max-width: 470px; }
#head_wrap dd { flex: 1; }
#head_wrap ul { display: flex; justify-content: flex-end; align-items: center; }
#head_wrap li { margin: 0 0 0 5%; }
#head_wrap li a { padding: 0 0 0 20px; font-weight: bold; line-height: 100%; background: url(images/arrow_01.png) no-repeat left center; }
#head_wrap .btn { padding: 15px; width: 200px; background: url(images/arrow_02.png) no-repeat right 10px center #F6CA1C; }
#head_wrap .btn:hover { color: #fff; }
}
@media screen and (min-width: 1000px) and (max-width: 1399px) {
#head_wrap { padding: 40px 0; font-size: 14px; }
#head_wrap dl { display: flex; justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto; width: 90%; max-width: 1480px; }
#head_wrap dt { width: 30%; max-width: 470px; }
#head_wrap dd { flex: 1; }
#head_wrap ul { display: flex; justify-content: flex-end; align-items: center; }
#head_wrap li { margin: 0 0 0 3%; }
#head_wrap li a { padding: 0 0 0 20px; font-weight: bold; line-height: 100%; background: url(images/arrow_01.png) no-repeat left center; }
#head_wrap .btn { padding: 15px; width: 150px; background: url(images/arrow_02.png) no-repeat right 10px center #F6CA1C; }
#head_wrap .btn:hover { color: #fff; }
}
@media screen and (max-width: 999px) {
#head_wrap { margin: 0 auto; width: 95%; padding: 30px 0; }
#head_wrap dd { display: none; }
}





/* フッター */
.pagetop { display: none; position: fixed; }
.pagetop a { display: block; font-size: 0; width: 50px; height: 50px; text-align: center; background: #F6CA1C; border-radius: 50%; line-height: 50px; }
.pagetop a i { font-size: 20px; color: #fff; line-height: 50px; }
@media screen and (min-width: 1400px) {
.pagetop { right: 15px; bottom: 15px; }

#foot_wrap .sec_01 { padding: 90px 0; background: #ECE8DF; }
#foot_wrap .sec_01 h2 { font-size: 40px; text-align: center; }
#foot_wrap .sec_01 ul { display: flex; justify-content: space-between; margin-top: 50px; }
#foot_wrap .sec_01 li { width: 48%; max-width: 535px; }

#foot_wrap .sec_02 { padding: 50px 0; background: #fff; }
#foot_wrap .sec_02 .box_01 { padding: 0 0 40px 0; border-bottom: solid 1px #3F1E02; }
#foot_wrap .sec_02 .box_01 dl { display: flex; justify-content: center; align-items: center; }
#foot_wrap .sec_02 .box_01 dd { margin: 0 0 0 80px; }
#foot_wrap .sec_02 .box_01 dd a { color: #2783BC; text-decoration: underline; }
#foot_wrap .sec_02 .box_01 dd a:hover { text-decoration: none; }
#foot_wrap .sec_02 .box_02 { padding: 40px 0 0 0; }
#foot_wrap .sec_02 .box_02 ul { display: flex; justify-content: center; }
#foot_wrap .sec_02 .box_02 li { margin: 0 100px 0 0; font-weight: bold; }
#foot_wrap .sec_02 .box_02 li:last-child { margin: 0; }
#foot_wrap .sec_02 .box_02 dl { display: flex; justify-content: center; margin: 50px 0 0 0; }
#foot_wrap .sec_02 .box_02 dd { margin: 0 0 0 40px; }
#foot_wrap .sec_02 .box_02 .btn { width: 320px; background: url(images/arrow_02.png) no-repeat right 10px center #F6CA1C; }
#foot_wrap .sec_02 .box_02 .btn:hover { color: #fff; }
#foot_wrap .sec_02 .box_02 p { margin: 50px 0 0 0; font-size: 14px; text-align: center; }
}
@media screen and (min-width: 1000px) and (max-width: 1399px) {
.pagetop { right: 15px; bottom: 15px; }

#foot_wrap .sec_01 { padding: 90px 0; background: #ECE8DF; }
#foot_wrap .sec_01 h2 { font-size: 40px; text-align: center; }
#foot_wrap .sec_01 ul { display: flex; justify-content: space-between; margin-top: 50px; }
#foot_wrap .sec_01 li { width: 48%; max-width: 535px; }

#foot_wrap .sec_02 { padding: 50px 0; background: #fff; }
#foot_wrap .sec_02 .box_01 { padding: 0 0 40px 0; border-bottom: solid 1px #3F1E02; }
#foot_wrap .sec_02 .box_01 dl { display: flex; justify-content: center; align-items: center; }
#foot_wrap .sec_02 .box_01 dd { margin: 0 0 0 80px; }
#foot_wrap .sec_02 .box_01 dd a { color: #2783BC; text-decoration: underline; }
#foot_wrap .sec_02 .box_01 dd a:hover { text-decoration: none; }
#foot_wrap .sec_02 .box_02 { padding: 40px 0 0 0; }
#foot_wrap .sec_02 .box_02 ul { display: flex; justify-content: center; }
#foot_wrap .sec_02 .box_02 li { margin: 0 80px 0 0; font-weight: bold; }
#foot_wrap .sec_02 .box_02 li:last-child { margin: 0; }
#foot_wrap .sec_02 .box_02 dl { display: flex; justify-content: center; margin: 50px 0 0 0; }
#foot_wrap .sec_02 .box_02 dd { margin: 0 0 0 40px; }
#foot_wrap .sec_02 .box_02 .btn { width: 320px; background: url(images/arrow_02.png) no-repeat right 10px center #F6CA1C; }
#foot_wrap .sec_02 .box_02 .btn:hover { color: #fff; }
#foot_wrap .sec_02 .box_02 p { margin: 50px 0 0 0; font-size: 14px; text-align: center; }
}
@media screen and (max-width: 999px) {
.pagetop { display: none; }

#foot_wrap { padding: 0 0 60px 0; }
#foot_wrap .sec_01 { padding: 30px 2.5% 50px 2.5%; background: #ECE8DF; }
#foot_wrap .sec_01 h2 { font-size: 18px; text-align: center; }
#foot_wrap .sec_01 li { margin: 15px 0 0 0; text-align: center; }

#foot_wrap .sec_02 { padding: 40px 2.5%; background: #fff; }
#foot_wrap .sec_02 .box_01 { width: 95%; }
#foot_wrap .sec_02 .box_01 dt { text-align: center; }
#foot_wrap .sec_02 .box_01 dd { margin: 20px 0 0 0; }
#foot_wrap .sec_02 .box_01 dd a { color: #2783BC; text-decoration: underline; }
#foot_wrap .sec_02 .box_01 dd a:hover { text-decoration: none; }
#foot_wrap .sec_02 .box_02 { padding: 30px 0 0 0; }
#foot_wrap .sec_02 .box_02 dl { display: flex; justify-content: space-between; }
#foot_wrap .sec_02 .box_02 dt { width: 48%; }
#foot_wrap .sec_02 .box_02 dd { width: 48%; }
#foot_wrap .sec_02 .box_02 .btn { padding: 15px 15px 15px 5px; font-size: 13px; background: url(images/arrow_02.png) no-repeat right 5px center #F6CA1C; }
#foot_wrap .sec_02 .box_02 .btn:hover { color: #fff; }
#foot_wrap .sec_02 .box_02 p { margin: 20px 0 0 0; font-size: 10px; text-align: center; }

.foot_menu { display: flex; position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; z-index: 5; }
.foot_menu li:first-child { margin: 0; }
.foot_menu li { display: flex; justify-content: center; align-items: center; margin: 0 0 0 1px; width: calc(100%/5 - 1px); height: 60px; font-size: 12px; text-align: center; background: #F6CA1D; }
.foot_menu a { line-height: 120%; }
}





/* トップ */
#top { overflow: hidden; }
@media screen and (min-width: 1400px) {
#top { padding: 0 0 60px 0; }
#top .sml_hl { font-size: 24px; }

#top .sec_01 dl { display: flex; justify-content: space-between; align-items: flex-end; }
#top .sec_01 dt { flex: 1; margin: 0 70px 0 0; }
#top .sec_01 dd { width: 50%; max-width: 690px; }
#top .sec_01 ol { margin: 0 auto; max-width: 430px; }
#top .sec_01 ol li:nth-child(2) { text-align: right; }
#top .sec_01 ol li:last-child { padding: 0 40px 0 0; text-align: right; }
#top .sec_01 span { font-size: 40px; }
#top .sec_01 p { margin: 30px 0 0 0; }
#top .sec_01 ul { display: flex; justify-content: space-between; margin: 30px 0 0 0; }
#top .sec_01 ul li { width: 48%; }
#top .sec_01 ul li:first-child .btn { padding: 15px; background: url(images/arrow_02.png) no-repeat right 10px center #F6CA1C; }
#top .sec_01 ul li:first-child .btn:hover { color: #fff; }
#top .sec_01 ul li:last-child .btn { padding: 15px; color: #fff; background: url(images/arrow_02.png) no-repeat right 10px center #E68A00; }
#top .sec_01 ul li:last-child .btn:hover { color: #F6CA1C; }

#top .sec_02 { margin-top: 80px; padding: 70px 0 140px 0; position: relative; }
#top .sec_02 .sml_hl span { font-size: 24px; }
#top .sec_02 h3 { margin: 30px 0 0 0; font-size: 40px; text-align: center; position: relative; z-index: 1; }
#top .sec_02 .ob_01 { position: absolute; top: 0; right: 0; z-index: 0; }
#top .sec_02 .ob_02 { position: absolute; bottom: 150px; left: 0; z-index: 0; }
#top .sec_02 .ob_03 { position: absolute; bottom: 0; left: 200px; z-index: 0; }

#top .sec_03 { margin-top: 50px; }
#top .sec_03 h2 { position: relative; margin: 0 auto; padding: 45px 0 0 0; width: 90%; max-width: 1120px; text-align: center; }
#top .sec_03 h2 .hl_white { letter-spacing: 0.05em; margin-right: -0.05em; }
#top .sec_03 h2 img { position: absolute; top: 0; left: 0; }
#top .sec_03 .inner { background: linear-gradient(90deg, rgba(249,248,243,1) 50%, rgba(249,245,193,1) 50%); }
#top .sec_03 article { margin-top: -50px; padding: 120px 30px 50px 30px; background: url(images/top_06.png) no-repeat left bottom #F9F5C1; }
#top .sec_03 .box_01 h3 { font-size: 40px; text-align: center; }
#top .sec_03 .box_01 p { margin: 15px 0 0 0; font-size: 24px; text-align: center; }
#top .sec_03 .box_01 ul { display: flex; justify-content: center; }
#top .sec_03 .box_01 li:first-child { margin: 0 15px 0 0; }
#top .sec_03 .box_01 li:nth-child(2) { margin: 60px 15px 0 0; }
#top .sec_03 .box_01 li:nth-child(3) { margin: 110px 15px 0 0; }
#top .sec_03 .box_01 li:nth-child(4) { margin: 60px 15px 0 0; }
#top .sec_03 .box_01 li:last-child { margin: 0; }
#top .sec_03 .box_02 { margin: 40px auto 0 auto; width: 90%; max-width: 820px; background: url(images/top_07.png) no-repeat right top 40px; }
#top .sec_03 .box_02 p { margin: 0 auto; width: 480px; text-align: center; line-height: 100%; }
#top .sec_03 .box_02 p span { display: block; padding: 20px; color: #fff; font-size: 24px; font-weight: bold; text-align: center; line-height: 100%; background: #E68A00; border-radius: 30px; }
#top .sec_03 .box_02 p::after { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 15px 10px 0 10px; border-color: #E68A00 transparent transparent transparent; }
#top .sec_03 .box_02 h4 { margin: 40px 0 0 0; font-size: 40px; text-align: center; }

#top .sec_04 { margin-top: 100px; }
#top .sec_04 h3 { margin: 30px 0 0 0; font-size: 40px; text-align: center; }
#top .sec_04 ul { display: flex; justify-content: center; margin: 40px 0 0 0; }
#top .sec_04 li { display: flex; justify-content: flex-end; max-width: 590px; position: relative; }
#top .sec_04 li::before { content: ""; display: block; width: 150px; height: 150px; background: #F6CA1D; position: absolute; top: 0; left: 0; z-index: 0; }
#top .sec_04 li:last-child { margin: 0 0 0 60px; }
#top .sec_04 .box { margin: 20px 0 0 0; width: 90%; max-width: 546px; position: relative; z-index: 1; }
#top .sec_04 h4 { margin: 0 0 10px 0; font-size: 24px; }
#top .sec_04 p { margin: 20px 0 0 0; }

#top .sec_05 { margin-top: 180px; }
#top .sec_05 h2 { position: relative; z-index: 1; }
#top .sec_05 .inner { background: linear-gradient(270deg, rgba(249,248,243,1) 50%, rgba(249,245,193,1) 50%); }
#top .sec_05 article { margin-top: -50px; padding: 80px 0 50px 0; background: #F9F5C1; }
#top .sec_05 h3 { font-size: 24px; text-align: center; }
#top .sec_05 h3 span { display: block; margin: 30px 0 0 0; font-size: 40px; }
#top .sec_05 ul { display: flex; justify-content: space-between; margin-top: 30px; }
#top .sec_05 li { width: 31%; }
#top .sec_05 li span { display: block; margin: 0 auto; width: 65px; height: 65px; font-size: 40px; font-weight: bold; text-align: center; line-height: 65px; background: #F6CA1D; border-radius: 50%; }
#top .sec_05 h4 { margin: 15px 0; font-size: 24px; text-align: center; }
#top .sec_05 p { margin: 15px 0 0 0; }

#top .sec_06 { margin-top: 80px; }
#top .sec_06 h3 { margin: 30px 0 0 0; font-size: 40px; text-align: center; }
#top .sec_06 .box { margin-top: 80px; }
#top .sec_06 h4 { font-size: 24px; border-bottom: solid 1px #3D1E02; }
#top .sec_06 dl { display: flex; justify-content: space-between; margin: 50px 0 0 0; }
#top .sec_06 dt { width: 48%; max-width: 550px; position: relative; }
#top .sec_06 dt .ob { position: absolute; bottom: -60px; right: -40px; width: 50%; max-width: 244px; }
#top .sec_06 dd { flex: 1; margin: 0 0 0 50px; }
#top .sec_06 ul { display: flex; justify-content: space-between; margin: 100px 0 0 0; }
#top .sec_06 li { width: 32%; position: relative; }
#top .sec_06 li .ob { position: absolute; top: -40px; right: 40px; width: 25%; max-width: 109px; }
#top .sec_06 p { margin: 30px 0 0 0; }

#top .sec_07 { margin-top: 130px; padding: 270px 90px 60px 90px; background: #F9F5C1; }
#top .sec_07 h2 { margin: -320px 0 0 0; text-align: center; }
#top .sec_07 .sml_hl { margin: 30px 0 0 0; text-align: center; }
#top .sec_07 h3 { margin: 40px 0 60px 0; font-size: 40px; text-align: center; }
#top .sec_07 dl { display: flex; align-items: center; margin: 30px 0 0 0; padding: 20px 40px; background: #fff; }
#top .sec_07 dt { width: 320px; background: url(images/top_24.png) no-repeat right center; }
#top .sec_07 dt .box { width: 250px; }
#top .sec_07 dt p { margin: 10px 0 0 0; text-align: center; }
#top .sec_07 dd { flex: 1; margin: 0 0 0 70px; }

#top .sec_08 { margin-top: 60px; padding: 40px; background: #fff; }
#top .sec_08 dl { display: flex; justify-content: center; align-items: center; }
#top .sec_08 dd { margin: 0 0 0 50px; font-size: 24px; }
}
@media screen and (min-width: 1000px) and (max-width: 1399px) {
#top { padding: 0 0 60px 0; }

#top .sec_01 dl { display: flex; justify-content: space-between; align-items: center; }
#top .sec_01 dt { flex: 1; margin: 0 40px 0 0; }
#top .sec_01 dd { width: 50%; max-width: 690px; }
#top .sec_01 ol { margin: 0 auto; max-width: 350px; }
#top .sec_01 ol li:nth-child(2) { text-align: right; }
#top .sec_01 ol li:last-child { padding: 0 30px 0 0; text-align: right; }
#top .sec_01 span { font-size: 32px; }
#top .sec_01 p { margin: 30px 0 0 0; }
#top .sec_01 ul { display: flex; justify-content: space-between; margin: 30px 0 0 0; }
#top .sec_01 ul li { width: 48%; }
#top .sec_01 ul li:first-child .btn { padding: 15px; background: url(images/arrow_02.png) no-repeat right 10px center #F6CA1C; }
#top .sec_01 ul li:first-child .btn:hover { color: #fff; }
#top .sec_01 ul li:last-child .btn { padding: 15px; color: #fff; background: url(images/arrow_02.png) no-repeat right 10px center #E68A00; }
#top .sec_01 ul li:last-child .btn:hover { color: #F6CA1C; }

#top .sec_02 { margin-top: 80px; padding: 70px 0 100px 0; position: relative; }
#top .sec_02 .sml_hl span { font-size: 24px; }
#top .sec_02 h3 { margin: 30px 0 0 0; font-size: 32px; text-align: center; position: relative; z-index: 1; }
#top .sec_02 .ob_01 { position: absolute; top: 0; right: 0; z-index: 0; width: 200px; }
#top .sec_02 .ob_02 { position: absolute; bottom: 150px; left: 0; z-index: 0; width: 150px; }
#top .sec_02 .ob_03 { position: absolute; bottom: 0; left: 150px; z-index: 0; width: 75px; }

#top .sec_03 { margin-top: 50px; }
#top .sec_03 h2 { position: relative; margin: 0 auto; padding: 45px 0 0 0; width: 90%; max-width: 1120px; text-align: center; }
#top .sec_03 h2 .hl_white { letter-spacing: 0.05em; margin-right: -0.05em; }
#top .sec_03 h2 img { position: absolute; top: 0; left: 0; }
#top .sec_03 .inner { background: linear-gradient(90deg, rgba(249,248,243,1) 50%, rgba(249,245,193,1) 50%); }
#top .sec_03 article { margin-top: -50px; padding: 120px 30px 50px 30px; background: url(images/top_06.png) no-repeat left bottom #F9F5C1; }
#top .sec_03 .box_01 h3 { font-size: 32px; text-align: center; }
#top .sec_03 .box_01 p { margin: 15px 0 0 0; font-size: 24px; text-align: center; }
#top .sec_03 .box_01 ul { display: flex; justify-content: center; }
#top .sec_03 .box_01 li:first-child { margin: 0 15px 0 0; }
#top .sec_03 .box_01 li:nth-child(2) { margin: 60px 15px 0 0; }
#top .sec_03 .box_01 li:nth-child(3) { margin: 110px 15px 0 0; }
#top .sec_03 .box_01 li:nth-child(4) { margin: 60px 15px 0 0; }
#top .sec_03 .box_01 li:last-child { margin: 0; }
#top .sec_03 .box_02 { margin: 40px 0 0 auto; width: 90%; max-width: 620px; background: url(images/top_07.png) no-repeat right top 60px; background-size: 50px auto; }
#top .sec_03 .box_02 p { margin: 0 auto; width: 480px; text-align: center; line-height: 100%; }
#top .sec_03 .box_02 p span { display: block; padding: 20px; color: #fff; font-size: 24px; font-weight: bold; text-align: center; line-height: 100%; background: #E68A00; border-radius: 30px; }
#top .sec_03 .box_02 p::after { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 15px 10px 0 10px; border-color: #E68A00 transparent transparent transparent; }
#top .sec_03 .box_02 h4 { margin: 40px 0 0 0; font-size: 32px; text-align: center; }

#top .sec_04 { margin-top: 100px; }
#top .sec_04 h3 { margin: 30px auto 0 auto; width: 90%; font-size: 32px; text-align: center; }
#top .sec_04 ul { display: flex; justify-content: center; margin: 40px auto 0 auto; width: 90%; }
#top .sec_04 li { display: flex; justify-content: flex-end; max-width: 590px; position: relative; }
#top .sec_04 li::before { content: ""; display: block; width: 150px; height: 150px; background: #F6CA1D; position: absolute; top: 0; left: 0; z-index: 0; }
#top .sec_04 li:last-child { margin: 0 0 0 60px; }
#top .sec_04 .box { margin: 20px 0 0 0; width: 90%; max-width: 546px; position: relative; z-index: 1; }
#top .sec_04 h4 { margin: 0 0 10px 0; font-size: 24px; }
#top .sec_04 p { margin: 20px 0 0 0; }

#top .sec_05 { margin-top: 180px; }
#top .sec_05 h2 { position: relative; z-index: 1; }
#top .sec_05 .inner { background: linear-gradient(270deg, rgba(249,248,243,1) 50%, rgba(249,245,193,1) 50%); }
#top .sec_05 article { margin-top: -50px; padding: 80px 0 50px 0; background: #F9F5C1; }
#top .sec_05 h3 { font-size: 24px; text-align: center; }
#top .sec_05 h3 span { display: block; margin: 30px 0 0 0; font-size: 32px; }
#top .sec_05 ul { display: flex; justify-content: space-between; margin-top: 30px; }
#top .sec_05 li { width: 31%; }
#top .sec_05 li span { display: block; margin: 0 auto; width: 45px; height: 45px; font-size: 32px; font-weight: bold; text-align: center; line-height: 45px; background: #F6CA1D; border-radius: 50%; }
#top .sec_05 h4 { margin: 15px 0; font-size: 20px; text-align: center; }
#top .sec_05 p { margin: 15px 0 0 0; }

#top .sec_06 { margin-top: 80px; }
#top .sec_06 h3 { margin: 30px 0 0 0; font-size: 32px; text-align: center; }
#top .sec_06 .box { margin-top: 80px; }
#top .sec_06 h4 { font-size: 24px; border-bottom: solid 1px #3D1E02; }
#top .sec_06 dl { display: flex; justify-content: space-between; margin: 50px 0 0 0; }
#top .sec_06 dt { width: 48%; max-width: 550px; position: relative; }
#top .sec_06 dt .ob { position: absolute; bottom: -30px; right: -30px; width: 40%; max-width: 244px; }
#top .sec_06 dd { flex: 1; margin: 0 0 0 50px; }
#top .sec_06 ul { display: flex; justify-content: space-between; margin: 100px 0 0 0; }
#top .sec_06 li { width: 32%; position: relative; }
#top .sec_06 li .ob { position: absolute; top: -40px; right: 40px; width: 22%; max-width: 109px; }
#top .sec_06 p { margin: 30px 0 0 0; }

#top .sec_07 { margin-top: 130px; padding: 270px 90px 60px 90px; background: #F9F5C1; }
#top .sec_07 h2 { margin: -320px 0 0 0; text-align: center; }
#top .sec_07 .sml_hl { margin: 30px 0 0 0; text-align: center; }
#top .sec_07 h3 { margin: 40px 0 60px 0; font-size: 32px; text-align: center; }
#top .sec_07 dl { display: flex; align-items: center; margin: 30px 0 0 0; padding: 20px 40px; background: #fff; }
#top .sec_07 dt { width: 320px; background: url(images/top_24.png) no-repeat right center; }
#top .sec_07 dt .box { width: 250px; }
#top .sec_07 dt p { margin: 10px 0 0 0; text-align: center; }
#top .sec_07 dd { flex: 1; margin: 0 0 0 70px; }

#top .sec_08 { margin-top: 60px; padding: 40px; background: #fff; }
#top .sec_08 dl { display: flex; justify-content: center; align-items: center; }
#top .sec_08 dd { margin: 0 0 0 50px; font-size: 24px; }
}
@media screen and (max-width: 999px) {
#top { padding: 0 0 30px 0; }

#top .sec_01 dl { display: flex; flex-direction: column-reverse; }
#top .sec_01 dt { margin: 20px 0 0 0; }
#top .sec_01 dd { text-align: center; }
#top .sec_01 ol { margin: 0 auto; max-width: 285px; }
#top .sec_01 ol li:nth-child(2) { text-align: right; }
#top .sec_01 ol li:last-child { padding: 0 25px 0 0; text-align: right; }
#top .sec_01 span { font-size: 26px; }
#top .sec_01 p { margin: 20px 0 0 0; }
#top .sec_01 ul { display: flex; justify-content: space-between; margin: 20px 0 0 0; }
#top .sec_01 ul li { width: 48%; font-size: 13px; }
#top .sec_01 ul li:first-child .btn { padding: 15px 5px; background: url(images/arrow_02.png) no-repeat right 10px center #F6CA1C; }
#top .sec_01 ul li:first-child .btn:hover { color: #fff; }
#top .sec_01 ul li:last-child .btn { padding: 15px 5px; color: #fff; background: url(images/arrow_02.png) no-repeat right 10px center #E68A00; }
#top .sec_01 ul li:last-child .btn:hover { color: #F6CA1C; }

#top .sec_02 { margin-top: 40px; padding: 100px 2.5%; width: 100%; position: relative; }
#top .sec_02 h3 { margin: 30px 0 0 0; font-size: 18px; text-align: center; }
#top .sec_02 .ob_01 { position: absolute; top: 0; right: 0; z-index: 0; width: 80px; }
#top .sec_02 .ob_02 { position: absolute; bottom: 30px; left: 0; z-index: 0; width: 80px; }
#top .sec_02 .ob_03 { position: absolute; bottom: 0; left: 70px; z-index: 0; width: 40px; }

#top .sec_03 { margin-top: 10px; }
#top .sec_03 h2 { position: relative; margin: 0 auto; padding: 15px 0 0 0; width: 90%; text-align: center; }
#top .sec_03 h2 .hl_white { letter-spacing: 0.05em; margin-right: -0.05em; }
#top .sec_03 h2 img { position: absolute; top: 0; left: 0; width: 30px; }
#top .sec_03 .inner { background: linear-gradient(90deg, rgba(249,248,243,1) 50%, rgba(249,245,193,1) 50%); }
#top .sec_03 article { margin-top: -25px; padding: 40px 0; width: 100%; background: #F9F5C1; }
#top .sec_03 .box_01 h3 { font-size: 18px; text-align: center; }
#top .sec_03 .box_01 p { margin: 15px 0 0 0; font-size: 14px; text-align: center; }
#top .sec_03 .box_01 .sp { margin: 15px auto 0 auto; width: 90%; }
#top .sec_03 .box_02 { display: flex; justify-content: flex-end; background: url(images/top_06.png) no-repeat left center; background-size: contain; }
#top .sec_03 .box_02 .cell { margin: 30px 2.5% 0 0; width: 57%; }
#top .sec_03 .box_02 p { margin: 0 auto; text-align: center; line-height: 100%; }
#top .sec_03 .box_02 p span { display: block; padding: 10px 5px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; line-height: 100%; background: #E68A00; border-radius: 30px; }
#top .sec_03 .box_02 p::after { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 15px 10px 0 10px; border-color: #E68A00 transparent transparent transparent; }
#top .sec_03 .box_02 h4 { margin: 10px 0 0 0; font-size: 18px; text-align: center; }

#top .sec_04 { margin-top: 60px; padding: 0 5% 0 2.5%; }
#top .sec_04 h3 { margin: 30px 0 0 0; font-size: 18px; text-align: center; }
#top .sec_04 ul { margin: 40px auto 0 auto; width: 90%; max-width: 546px; }
#top .sec_04 li { display: flex; justify-content: flex-end; position: relative; }
#top .sec_04 li::before { content: ""; display: block; width: 85px; height: 85px; background: #F6CA1D; position: absolute; top: 0; left: 0; z-index: 0; }
#top .sec_04 li:last-child { margin: 60px 0 0 0; }
#top .sec_04 .box { margin: 20px 0 0 0; width: 95%; max-width: 546px; position: relative; z-index: 1; }
#top .sec_04 h4 { margin: 0 0 10px 0; font-size: 15px; }
#top .sec_04 p { margin: 20px 0 0 0; }

#top .sec_05 { margin-top: 120px; }
#top .sec_05 h2 { position: relative; z-index: 1; }
#top .sec_05 .inner { background: linear-gradient(270deg, rgba(249,248,243,1) 50%, rgba(249,245,193,1) 50%); }
#top .sec_05 article { margin-top: -15px; padding: 30px 2.5% 80px 2.5%; width: 100%; background: #F9F5C1; }
#top .sec_05 h3 { font-size: 18px; text-align: center; }
#top .sec_05 h3 span { display: block; margin: 15px 0 0 0; font-size: 18px; }
#top .sec_05 ul { width: 95%; }
#top .sec_05 li { margin-top: 50px; }
#top .sec_05 .cell { display: flex; align-items: center; margin: 0 0 10px 0; }
#top .sec_05 .cell span { width: 40px; height: 40px; font-size: 22px; font-weight: bold; text-align: center; line-height: 40px; background: #F6CA1D; border-radius: 50%; }
#top .sec_05 h4 { margin: 0 0 0 10px; font-size: 18px; text-align: center; }
#top .sec_05 p { margin: 15px 0 0 0; }

#top .sec_06 { margin-top: 60px; }
#top .sec_06 h3 { margin: 30px 0; font-size: 18px; text-align: center; }
#top .sec_06 h4 { font-size: 18px; border-bottom: solid 1px #3D1E02; }
#top .sec_06 dl { margin: 20px 0 0 0; }
#top .sec_06 dt { position: relative; }
#top .sec_06 dt .ob { position: absolute; bottom: -15px; right: -15px; width: 100px; }
#top .sec_06 dd { margin: 30px 0 0 0; }
#top .sec_06 ul { display: flex; justify-content: space-between; margin: 30px 0 0 0; }
#top .sec_06 li { width: 32%; position: relative; }
#top .sec_06 li .ob { position: absolute; top: -10px; right: 10px; width: 30px; }
#top .sec_06 .box { margin-bottom: 80px; }
#top .sec_06 p { margin: 30px 0 0 0; }

#top .sec_07 { margin-top: 50px; padding: 70px 2.5% 60px 2.5%; width: 100%; background: #F9F5C1; }
#top .sec_07 h2 { margin: -85px 0 0 0; text-align: center; }
#top .sec_07 .sml_hl { text-align: center; }
#top .sec_07 h3 { margin: 15px 0 20px 0; font-size: 18px; text-align: center; }
#top .sec_07 dl { margin: 30px 0 0 0; padding: 20px 5%; background: #fff; }
#top .sec_07 dt { padding: 0 0 10px 0; text-align: center; background: url(images/top_24_sp.png) no-repeat center bottom; }
#top .sec_07 dt .box {  }
#top .sec_07 dt p { margin: 10px 30px 0 0; text-align: center; }
#top .sec_07 dd { margin: 15px auto 0 auto; max-width: 320px; }

#top .sec_08 { margin-top: 30px; padding: 30px 2.5%; background: #fff; }
#top .sec_08 dt { text-align: center; }
#top .sec_08 dd { margin: 10px 0 0 0; text-align: center; }
}




/* 私たちについて */
#about { overflow: hidden; }
@media screen and (min-width: 1400px) {
#about .sec_01 .box { margin-top: 50px; margin-left: calc(50% - 50vw); padding-left: calc(50vw - 50%); height: 530px; background: url(images/about_01.jpg) no-repeat right center; background-size: cover; border-radius: 0 300px 300px 0; }

#about .sec_02 { margin-top: 80px; }
#about .sec_02 dl { display: flex; margin: 60px 0 0 0; }
#about .sec_02 dt { width: 48%; max-width: 455px; }
#about .sec_02 dt p { margin: 10px 0 0 0; text-align: center; }
#about .sec_02 dd { flex: 1; margin: 0 0 0 60px; }

#about .sec_03 { margin-top: 80px; }
#about .sec_03 .inner { background: linear-gradient(90deg, rgba(249,248,243,1) 50%, rgba(249,245,193,1) 50%); }
#about .sec_03 article { margin-top: -140px; padding: 180px 30px 50px 30px; background: #F9F5C1; }
#about .sec_03 h2 { position: relative; z-index: 1; }
#about .sec_03 h3 { margin: 15px 0 0 0; font-size: 40px; text-align: center; position: relative; z-index: 1; }
#about .sec_03 p { margin: 0 auto; width: 90%; max-width: 780px; }

#about .sec_04 { margin-top: 80px; }
#about .sec_04 dl { display: flex; margin-top: 90px; }
#about .sec_04 dt { width: 48%; max-width: 530px; }
#about .sec_04 dd { flex: 1; margin: 0 0 0 40px; }

#about .sec_05 { margin-top: 150px; }
#about .sec_05 .inner { background: linear-gradient(270deg, rgba(249,248,243,1) 50%, rgba(249,245,193,1) 50%); }
#about .sec_05 article { margin-top: -140px; padding: 200px 0 50px 0; background: #F9F5C1; }
#about .sec_05 h2 { position: relative; z-index: 1; }
#about .sec_05 h3 { margin: 15px 0 0 0; font-size: 40px; text-align: center; position: relative; z-index: 1; }
#about .sec_05 ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
#about .sec_05 li { margin: 0 0 50px 0; width: 48%; max-width: 525px; }

#about .sec_06 { margin-top: 150px; padding: 80px 0; background: #ECE8DF; }
#about .sec_06 h2 { font-size: 24px; text-align: center; }
#about .sec_06 h2 span { display: block; color: #E68A00; font-size: 40px; }
#about .sec_06 dl { display: flex; align-items: center; }
#about .sec_06 dt { flex: 1; margin: 30px 20px 0 0; }
#about .sec_06 dd { width: 40%; max-width: 396px; }
#about .sec_06 ul { margin: 30px 0; }
#about .sec_06 li { margin: 0 0 10px 0; padding: 5px 15px 5px 30px; background: #fff; border-radius: 30px; }
#about .sec_06 li span { display: block; padding: 0 0 0 30px; color: #E68A00; font-size: 20px; font-weight: bold; background: url(images/arrow_03.png) no-repeat left center; }

#about .sec_07 { margin-top: 140px; padding: 270px 0 0 0; background: url(images/about_11.jpg) no-repeat left top; background-size: contain; position: relative; }
#about .sec_07 h2 { width: 100%; text-align: center; position: absolute; top: -50px; left: 0; }
#about .sec_07 .box { padding: 80px 0; background: #fff; }
#about .sec_07 h3 { margin: 0 0 30px 0; font-size: 40px; text-align: center; }
#about .sec_07 .cell dl:first-child { border-top: solid 1px #3F1E02; }
#about .sec_07 dl { display: flex; margin: 0 auto; padding: 20px 10px; width: 90%; max-width: 780px; border-bottom: solid 1px #3F1E02; }
#about .sec_07 dt { width: 140px; }
#about .sec_07 dd { flex: 1; }
#about .sec_07 dd span { display: block; color: #E68A00; font-weight: bold; }
#about .sec_07 .no_flex { display: block; }
#about .sec_07 .maps { margin: 0 auto; width: 90%; max-width: 780px; }
#about .sec_07 .maps h4 { margin: 60px 0 15px 0; font-size: 20px; }
#about .sec_07 .ggmap { padding: 0; vertical-align: bottom; position: relative; padding-top: 50%; height: 0; overflow: hidden; }
#about .sec_07 .ggmap iframe,
#about .sec_07 .ggmap object,
#about .sec_07 .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: bottom; }
#about .sec_07 p { margin: 10px 0 0 0; text-align: right; }
#about .sec_07 p a { color: #2783BC; }
}
@media screen and (min-width: 1000px) and (max-width: 1399px) {
#about .sec_01 .box { margin-top: 50px; margin-left: calc(50% - 50vw); padding-left: calc(50vw - 50%); height: 530px; background: url(images/about_01.jpg) no-repeat right center; background-size: cover; border-radius: 0 300px 300px 0; }

#about .sec_02 { margin-top: 80px; }
#about .sec_02 dl { display: flex; margin: 60px 0 0 0; }
#about .sec_02 dt { width: 48%; max-width: 455px; }
#about .sec_02 dt p { margin: 10px 0 0 0; text-align: center; }
#about .sec_02 dd { flex: 1; margin: 0 0 0 60px; }

#about .sec_03 { margin-top: 80px; }
#about .sec_03 .inner { background: linear-gradient(90deg, rgba(249,248,243,1) 50%, rgba(249,245,193,1) 50%); }
#about .sec_03 article { margin-top: -140px; padding: 180px 30px 50px 30px; background: #F9F5C1; }
#about .sec_03 h2 { position: relative; z-index: 1; }
#about .sec_03 h3 { margin: 15px 0 0 0; font-size: 40px; text-align: center; position: relative; z-index: 1; }
#about .sec_03 p { margin: 0 auto; width: 90%; max-width: 780px; }

#about .sec_04 { margin-top: 80px; }
#about .sec_04 dl { display: flex; margin-top: 90px; }
#about .sec_04 dt { width: 48%; max-width: 530px; }
#about .sec_04 dd { flex: 1; margin: 0 0 0 40px; }

#about .sec_05 { margin-top: 150px; }
#about .sec_05 .inner { background: linear-gradient(270deg, rgba(249,248,243,1) 50%, rgba(249,245,193,1) 50%); }
#about .sec_05 article { margin-top: -120px; padding: 200px 0 50px 0; background: #F9F5C1; }
#about .sec_05 h2 { position: relative; z-index: 1; }
#about .sec_05 h3 { margin: 15px 0 0 0; font-size: 32px; text-align: center; position: relative; z-index: 1; }
#about .sec_05 ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
#about .sec_05 li { margin: 0 0 50px 0; width: 48%; max-width: 525px; }

#about .sec_06 { margin-top: 150px; padding: 80px 0; background: #ECE8DF; }
#about .sec_06 h2 { font-size: 24px; text-align: center; }
#about .sec_06 h2 span { display: block; color: #E68A00; font-size: 40px; }
#about .sec_06 dl { display: flex; align-items: center; }
#about .sec_06 dt { flex: 1; margin: 30px 20px 0 0; }
#about .sec_06 dd { width: 40%; max-width: 396px; }
#about .sec_06 ul { margin: 30px 0; }
#about .sec_06 li { margin: 0 0 10px 0; padding: 5px 15px 5px 30px; background: #fff; border-radius: 30px; }
#about .sec_06 li span { display: block; padding: 0 0 0 30px; color: #E68A00; font-size: 20px; font-weight: bold; background: url(images/arrow_03.png) no-repeat left center; }

#about .sec_07 { margin-top: 140px; padding: 270px 0 0 0; background: url(images/about_11.jpg) no-repeat left top; background-size: contain; position: relative; }
#about .sec_07 h2 { width: 100%; text-align: center; position: absolute; top: -50px; left: 0; }
#about .sec_07 .box { padding: 80px 0; background: #fff; }
#about .sec_07 h3 { margin: 0 0 30px 0; font-size: 32px; text-align: center; }
#about .sec_07 .cell dl:first-child { border-top: solid 1px #3F1E02; }
#about .sec_07 dl { display: flex; margin: 0 auto; padding: 20px 10px; width: 90%; max-width: 780px; border-bottom: solid 1px #3F1E02; }
#about .sec_07 dt { width: 140px; }
#about .sec_07 dd { flex: 1; }
#about .sec_07 dd span { display: block; color: #E68A00; font-weight: bold; }
#about .sec_07 .no_flex { display: block; }
#about .sec_07 .maps { margin: 0 auto; width: 90%; max-width: 780px; }
#about .sec_07 .maps h4 { margin: 60px 0 15px 0; font-size: 20px; }
#about .sec_07 .ggmap { padding: 0; vertical-align: bottom; position: relative; padding-top: 50%; height: 0; overflow: hidden; }
#about .sec_07 .ggmap iframe,
#about .sec_07 .ggmap object,
#about .sec_07 .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: bottom; }
#about .sec_07 p { margin: 10px 0 0 0; text-align: right; }
#about .sec_07 p a { color: #2783BC; }
}
@media screen and (max-width: 999px) {
#about .sec_01 .box { margin-top: 30px; margin-left: calc(50% - 50vw); padding-left: calc(50vw - 50%); height: 150px; background: url(images/about_01.jpg) no-repeat right center; background-size: cover; border-radius: 0 300px 300px 0; }

#about .sec_02 { margin-top: 40px; }
#about .sec_02 dl { margin: 20px 0 0 0; }
#about .sec_02 dt { margin: 0 auto; width: 90%; text-align: center; }
#about .sec_02 dt p { margin: 10px 0 0 0; text-align: center; }
#about .sec_02 dd { margin: 30px 0 0 0; }

#about .sec_03 { margin-top: 80px; }
#about .sec_03 .inner { background: linear-gradient(90deg, rgba(249,248,243,1) 50%, rgba(249,245,193,1) 50%); }
#about .sec_03 article { margin-top: -70px; padding: 80px 5% 50px 5%; width: 100%; background: #F9F5C1; }
#about .sec_03 h2 { position: relative; z-index: 1; }
#about .sec_03 h3 { margin: 15px 0 0 0; font-size: 18px; text-align: center; position: relative; z-index: 1; }
#about .sec_03 p { margin: 0 auto; width: 90%; max-width: 780px; }

#about .sec_04 { margin-top: 40px; }
#about .sec_04 dl { margin-top: 30px; }
#about .sec_04 dt { text-align: center; }
#about .sec_04 dd { margin: 15px 0 0 0; }

#about .sec_05 { margin-top: 80px; }
#about .sec_05 .inner { background: linear-gradient(270deg, rgba(249,248,243,1) 50%, rgba(249,245,193,1) 50%); }
#about .sec_05 article { margin-top: -70px; padding: 80px 0 50px 0; background: #F9F5C1; }
#about .sec_05 h2 { position: relative; z-index: 1; }
#about .sec_05 h3 { margin: 15px 0 0 0; font-size: 18px; text-align: center; position: relative; z-index: 1; }
#about .sec_05 li { margin: 15px 0 0 0; text-align: center; }

#about .sec_06 { margin-top: 50px; padding: 50px 0; background: #ECE8DF; }
#about .sec_06 h2 { font-size: 14px; font-weight: normal; text-align: center; }
#about .sec_06 h2 span { display: block; color: #E68A00; font-size: 18px; font-weight: bold; }
#about .sec_06 dt { margin: 15px 0 0 0; }
#about .sec_06 dd { margin: 15px auto 0 auto; width: 90%; max-width: 250px; }
#about .sec_06 ul { margin: 30px 0; }
#about .sec_06 li { margin: 0 0 10px 0; padding: 5px 5px 5px 20px; background: #fff; border-radius: 30px; }
#about .sec_06 li span { display: block; padding: 0 0 0 20px; color: #E68A00; font-weight: bold; background: url(images/arrow_03.png) no-repeat left center; }

#about .sec_07 { margin-top: 80px; padding: 100px 0 0 0; background: url(images/about_11.jpg) no-repeat left top; background-size: contain; position: relative; }
#about .sec_07 h2 { width: 100%; text-align: center; position: absolute; top: -20px; left: 0; }
#about .sec_07 .box { padding: 30px 2.5%; background: #fff; }
#about .sec_07 h3 { margin: 0 0 30px 0; font-size: 18px; text-align: center; }
#about .sec_07 .cell dl:first-child { border-top: solid 1px #3F1E02; }
#about .sec_07 dl { display: flex; margin: 0 auto; padding: 15px 0; width: 95%; border-bottom: solid 1px #3F1E02; }
#about .sec_07 dt { width: 90px; }
#about .sec_07 dd { flex: 1; }
#about .sec_07 dd span { display: block; color: #E68A00; font-weight: bold; }
#about .sec_07 .no_flex { display: block; }
#about .sec_07 .no_flex dd { margin: 10px 0 0 0; }
#about .sec_07 .maps { margin: 0 auto; width: 95%; }
#about .sec_07 .maps h4 { margin: 15px 0; }
#about .sec_07 .ggmap { padding: 0; vertical-align: bottom; position: relative; padding-top: 70%; height: 0; overflow: hidden; }
#about .sec_07 .ggmap iframe,
#about .sec_07 .ggmap object,
#about .sec_07 .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: bottom; }
#about .sec_07 p { margin: 10px 0 0 0; text-align: right; }
#about .sec_07 p a { color: #2783BC; }
}





/* お問い合わせ */
#contact { overflow: hidden; }
#formWrap { margin: 50px auto; width: 90%; max-width: 1100px; }
#formWrap h3 { margin: 0 0 20px 0; text-align: center; }
#formWrap p { margin: 0 0 50px 0; }
#formWrap table.formTable{ max-width: 800px; width:90%; margin:50px auto; border-collapse:collapse; }
#formWrap table.formTable td,table.formTable th{ border:1px solid #ccc; padding:10px; text-align:left; }
#formWrap table.formTable th{ width:30%; font-weight:normal; background:#ece8df; }
#formWrap p.error_messe{ margin:5px 0; color:red; }
#formWrap input { padding: 20px; width: 200px; font-size: 20px; text-align: center; line-height: 100%; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; background: url(images/arrow_02.png) no-repeat right 15px center #F6CA1C; border-radius: 50px; cursor: pointer; }
.form_complete { margin: 50px auto; width: 90%; max-width: 1100px; text-align: center; }
.cr a { display: none !important; }
@media screen and (min-width: 1400px) {
#contact .sec_01 .box { margin-top: 50px; margin-left: calc(50% - 50vw); padding-left: calc(50vw - 50%); height: 530px; background: url(images/contact_01.jpg) no-repeat right center; background-size: cover; border-radius: 0 300px 300px 0; }

#contact .sec_02 { margin: 90px auto 0 auto; width: 90%; text-align: center; }

#contact .sec_03 { margin-top: 60px; padding: 70px 0; background: #fff; }
#contact .sec_03 h2 { margin: 0 0 30px 0; font-size: 40px; text-align: center; }
#contact .sec_03 .spacer { margin: 90px 0 0 0; }
#contact .sec_03 h3 { margin: 0 auto; width: 480px; text-align: center; line-height: 100%; }
#contact .sec_03 h3 span { display: block; padding: 20px; color: #fff; font-size: 24px; font-weight: bold; text-align: center; line-height: 100%; background: #E68A00; border-radius: 30px; }
#contact .sec_03 h3::after { content: ""; display: block; margin: 0 auto; width: 0; height: 0; border-style: solid; border-width: 15px 10px 0 10px; border-color: #E68A00 transparent transparent transparent; }
#contact .sec_03 ul { display: flex; justify-content: space-between; margin: 15px 0 0 0; }
#contact .sec_03 li { width: 48%; }
#contact .sec_03 dl { display: flex; padding: 10px 0; border-bottom: solid 1px #3D1E02; }
#contact .sec_03 dl:first-child { border-top: solid 1px #3D1E02; }
#contact .sec_03 dt { padding: 0 0 0 10px; width: 120px; }
#contact .sec_03 dd { flex: 1; }
#contact .sec_03 p { margin: 20px 0 0 0; }

#contact .sec_04 { margin-top: 70px; padding: 70px 0; background: #fff; }
#contact .sec_04 .box { margin: 0 auto; width: 90%; max-width: 900px; }
#contact .sec_04 h2 { font-size: 40px; text-align: center; }
#contact .sec_04 dl { display: flex; align-items: flex-start; margin: 30px 0 0 0; }
#contact .sec_04 dt { display: flex; justify-content: flex-end; align-items: center; width: 220px; }
#contact .sec_04 dt p { margin: 0 15px 0 0; }
#contact .sec_04 dt span { padding: 5px 0; width: 40px; color: #fff; font-size: 12px; text-align: center; line-height: 100%; background: #E68A00; }
#contact .sec_04 dt .empty { background: #fff; }
#contact .sec_04 dd { flex: 1; margin: 0 0 0 30px; }
#contact .sec_04 dd p { margin: 20px 0; }
#contact .sec_04 input[type="text"] , #contact .sec_04 input[type="email"] , #contact .sec_04 input[type="tel"] { padding: 10px; width: 100%; font-size: 18px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; border: solid 1px #ddd; border-radius: 10px; }
#contact .sec_04 textarea { padding: 10px; width: 100%; height: 200px; font-size: 18px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; border: solid 1px #ddd; border-radius: 10px; background: #fff; }
::placeholder { color: #ccc; font-size: 18px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; }
#contact .sec_04 .privacy { padding: 10px; width: 100%;  border: solid 1px #ddd; border-radius: 10px; }
#contact .sec_04 .cell { height: 300px; overflow-y: scroll; }
#contact .sec_04 .agree span { display: inline-block; margin: 0 0 0 10px; padding: 5px 0; width: 40px; color: #fff; font-size: 12px; text-align: center; line-height: 100%; background: #E68A00; }
#contact .sec_04 input[type="submit"] { display: block; margin: 0 0 0 15%; padding: 20px; width: 200px; font-size: 20px; text-align: center; line-height: 100%; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; background: url(images/arrow_02.png) no-repeat right 15px center #F6CA1C; border-radius: 50px; cursor: pointer; }

.form_btn_box ul { display: flex; justify-content: center; margin: 50px 0 0 0; }
.form_btn_box ul > li:last-child { margin: 0 0 0 30px; }
}
@media screen and (min-width: 1000px) and (max-width: 1399px) {
#contact .sec_01 .box { margin-top: 50px; margin-left: calc(50% - 50vw); padding-left: calc(50vw - 50%); height: 530px; background: url(images/contact_01.jpg) no-repeat right center; background-size: cover; border-radius: 0 300px 300px 0; }

#contact .sec_02 { margin: 90px auto 0 auto; width: 90%; text-align: center; }

#contact .sec_03 { margin-top: 60px; padding: 70px 0; background: #fff; }
#contact .sec_03 h2 { margin: 0 0 30px 0; font-size: 32px; text-align: center; }
#contact .sec_03 .spacer { margin: 90px 0 0 0; }
#contact .sec_03 h3 { margin: 0 auto; width: 480px; text-align: center; line-height: 100%; }
#contact .sec_03 h3 span { display: block; padding: 20px; color: #fff; font-size: 24px; font-weight: bold; text-align: center; line-height: 100%; background: #E68A00; border-radius: 30px; }
#contact .sec_03 h3::after { content: ""; display: block; margin: 0 auto; width: 0; height: 0; border-style: solid; border-width: 15px 10px 0 10px; border-color: #E68A00 transparent transparent transparent; }
#contact .sec_03 ul { display: flex; justify-content: space-between; margin: 15px 0 0 0; }
#contact .sec_03 li { width: 48%; }
#contact .sec_03 dl { display: flex; padding: 10px 0; border-bottom: solid 1px #3D1E02; }
#contact .sec_03 dl:first-child { border-top: solid 1px #3D1E02; }
#contact .sec_03 dt { padding: 0 0 0 10px; width: 120px; }
#contact .sec_03 dd { flex: 1; }
#contact .sec_03 p { margin: 20px 0 0 0; }

#contact .sec_04 { margin-top: 70px; padding: 70px 0; background: #fff; }
#contact .sec_04 .box { margin: 0 auto; width: 90%; max-width: 900px; }
#contact .sec_04 h2 { font-size: 32px; text-align: center; }
#contact .sec_04 dl { display: flex; align-items: flex-start; margin: 30px 0 0 0; }
#contact .sec_04 dt { display: flex; justify-content: flex-end; align-items: center; width: 220px; }
#contact .sec_04 dt p { margin: 0 15px 0 0; }
#contact .sec_04 dt span { padding: 5px 0; width: 40px; color: #fff; font-size: 12px; text-align: center; line-height: 100%; background: #E68A00; }
#contact .sec_04 dt .empty { background: #fff; }
#contact .sec_04 dd { flex: 1; margin: 0 0 0 30px; }
#contact .sec_04 dd p { margin: 20px 0; }
#contact .sec_04 input[type="text"] , #contact .sec_04 input[type="email"] , #contact .sec_04 input[type="tel"] { padding: 10px; width: 100%; font-size: 18px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; border: solid 1px #ddd; border-radius: 10px; }
#contact .sec_04 textarea { padding: 10px; width: 100%; height: 200px; font-size: 18px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; border: solid 1px #ddd; border-radius: 10px; background: #fff; }
::placeholder { color: #ccc; font-size: 18px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; }
#contact .sec_04 .privacy { padding: 10px; width: 100%;  border: solid 1px #ddd; border-radius: 10px; }
#contact .sec_04 .cell { height: 300px; overflow-y: scroll; }
#contact .sec_04 .agree span { display: inline-block; margin: 0 0 0 10px; padding: 5px 0; width: 40px; color: #fff; font-size: 12px; text-align: center; line-height: 100%; background: #E68A00; }
#contact .sec_04 input[type="submit"] { display: block; margin: 0 0 0 15%; padding: 20px; width: 200px; font-size: 20px; text-align: center; line-height: 100%; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; background: url(images/arrow_02.png) no-repeat right 15px center #F6CA1C; border-radius: 50px; cursor: pointer; }

.form_btn_box ul { display: flex; justify-content: center; margin: 50px 0 0 0; }
.form_btn_box ul > li:last-child { margin: 0 0 0 30px; }
}
@media screen and (max-width: 999px) {
#contact .sec_01 .box { margin-top: 15px; margin-left: calc(50% - 50vw); padding-left: calc(50vw - 50%); height: 150px; background: url(images/contact_01.jpg) no-repeat right center; background-size: cover; border-radius: 0 300px 300px 0; }

#contact .sec_02 { margin: 30px auto 0 auto; width: 95%; }

#contact .sec_03 { margin-top: 30px; padding: 30px 0; background: #fff; }
#contact .sec_03 .sml_wid { width: 95%; }
#contact .sec_03 h2 { margin: 0 0 15px 0; font-size: 18px; text-align: center; }
#contact .sec_03 .spacer { margin: 30px 0 0 0; }
#contact .sec_03 h3 { text-align: center; line-height: 100%; }
#contact .sec_03 h3 span { display: block; padding: 20px; color: #fff; font-size: 18px; font-weight: bold; text-align: center; line-height: 100%; background: #E68A00; border-radius: 30px; }
#contact .sec_03 h3::after { content: ""; display: block; margin: 0 auto; width: 0; height: 0; border-style: solid; border-width: 15px 10px 0 10px; border-color: #E68A00 transparent transparent transparent; }
#contact .sec_03 ul > li:first-child { text-align: center; }
#contact .sec_03 li { margin: 15px 0 0 0; }
#contact .sec_03 dl { display: flex; padding: 10px 0; border-bottom: solid 1px #3D1E02; }
#contact .sec_03 dl:first-child { border-top: solid 1px #3D1E02; }
#contact .sec_03 dt { width: 90px; }
#contact .sec_03 dd { flex: 1; }
#contact .sec_03 p { margin: 15px 0 0 0; }

#contact .sec_04 { margin-top: 30px; padding: 30px 0; background: #fff; }
#contact .sec_04 .box { margin: 0 auto; width: 95%; }
#contact .sec_04 h2 { margin: 0 0 20px 0; font-size: 18px; text-align: center; }
#contact .sec_04 dl { margin: 15px 0 0 0; }
#contact .sec_04 dt { display: flex; align-items: center; }
#contact .sec_04 dt p { margin: 0 10px 0 0; }
#contact .sec_04 dt span { padding: 5px 0; width: 40px; color: #fff; font-size: 12px; text-align: center; line-height: 100%; background: #E68A00; }
#contact .sec_04 dt .empty { background: #fff; }
#contact .sec_04 dd { margin: 10px 0 0 0; }
#contact .sec_04 dd p { margin: 20px 0; }
#contact .sec_04 input[type="text"] , #contact .sec_04 input[type="email"] , #contact .sec_04 input[type="tel"] { padding: 10px; width: 100%; font-size: 18px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; border: solid 1px #ddd; border-radius: 10px; }
#contact .sec_04 textarea { padding: 10px; width: 100%; height: 200px; font-size: 18px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; border: solid 1px #ddd; border-radius: 10px; background: #fff; }
::placeholder { color: #ccc; font-size: 18px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; }
#contact .sec_04 .privacy { padding: 10px; width: 100%;  border: solid 1px #ddd; border-radius: 10px; }
#contact .sec_04 .cell { height: 300px; overflow-y: scroll; }
#contact .sec_04 .agree { display: flex; justify-content: center; align-items: center; }
#contact .sec_04 .agree span { display: inline-block; margin: 0 0 0 10px; padding: 5px 0; width: 40px; color: #fff; font-size: 12px; text-align: center; line-height: 100%; background: #E68A00; }
#contact .sec_04 input[type="submit"] { display: block; margin: 0 auto; padding: 20px; width: 200px; font-size: 20px; text-align: center; line-height: 100%; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; background: url(images/arrow_02.png) no-repeat right 15px center #F6CA1C; border-radius: 50px; cursor: pointer; }

.form_btn_box ul { margin: 50px 0 0 0; }
.form_btn_box ul > li { text-align: center; }
.form_btn_box ul > li:last-child { margin: 15px 0 0 0; }
}





/* 新卒採用 */
#new-g { overflow: hidden; }
@media screen and (min-width: 1400px) {
#new-g h2 { font-size: 40px; text-align: center; }
#new-g .sec_01 .box { margin-top: 50px; margin-left: calc(50% - 50vw); padding-left: calc(50vw - 50%); height: 530px; background: url(images/new-g_01.jpg) no-repeat right center; background-size: cover; border-radius: 0 300px 300px 0; }

#new-g .sec_02 { margin: 150px auto 0 auto; width: 90%; text-align: center; }
#new-g .sec_02 p { margin: 50px auto 0 auto; max-width: 780px; text-align: left; }

#new-g .sec_03 { margin-top: 120px; padding: 70px 0; background: #F9F5C1; }
#new-g .sec_03 .box { margin: 0 auto; width: 90%; max-width: 780px; }
#new-g .sec_03 .cell { margin: 30px 0 0 0; }
#new-g .sec_03 .cell dl:first-child { border-top: solid 1px #3F1E02; }
#new-g .sec_03 dl { display: flex; padding: 15px 10px; border-bottom: solid 1px #3F1E02; }
#new-g .sec_03 dt { width: 200px; }
#new-g .sec_03 dd { flex: 1; }
#new-g .sec_03 p { margin: 40px 0 0 0; text-align: center; }
#new-g .sec_03 .btn { margin: 20px auto 0 auto; padding: 15px; width: 320px; background: url(images/arrow_02.png) no-repeat right 10px center #F6CA1C; }
#new-g .sec_03 .btn:hover { color: #fff; }

#new-g .sec_04 { margin: 80px 0 0 0; }
#new-g .sec_04 .box { display: flex; margin-top: 20px; padding: 0 30px 0 60px; background: #ECE8DF; }
#new-g .sec_04 .left { padding: 0 0 59px 0; width: 90px; background: url(images/arrow_04.png) no-repeat center bottom; }
#new-g .sec_04 .left p { padding: 70px 0 30px 0; height: 100%; text-align: center; background: url(images/new-g_13.png) repeat-y center top; }
#new-g .sec_04 .right { flex: 1; margin: 0 0 0 30px; }
#new-g .sec_04 .right .cell { margin: 20px 0 0 0; padding: 30px; background: #fff; border-radius: 20px; }
#new-g .sec_04 .right dl { display: flex; align-items: center; }
#new-g .sec_04 .right dt { width: 160px; }
#new-g .sec_04 .right dd { flex: 1; }
#new-g .sec_04 .right ol li { margin: 0 0 0 1em; list-style-type: disc; }

#new-g .sec_05 { margin-top: 130px; padding: 80px 0; background: #F9F5C1; }
#new-g .sec_05 ul { display: flex; justify-content: space-between; }
#new-g .sec_05 ul > li { margin: 40px 0 0 0; width: 48%; }
#new-g .sec_05 ul > li dl:first-child { border-top: solid 1px #3F1E02; }
#new-g .sec_05 dl { display: flex; padding: 15px 10px; border-bottom: solid 1px #3F1E02; }
#new-g .sec_05 dt { padding: 0 0 0 20px; width: 120px; }
#new-g .sec_05 dd { flex: 1; }
#new-g .sec_05 p { margin: 20px 0 0 0; }
#new-g .sec_05 ol { display: flex; justify-content: center; margin: 50px 0 0 0; }
#new-g .sec_05 ol > li:last-child { margin: 0 0 0 40px; }
#new-g .sec_05 .btn { padding: 15px; width: 320px; background: url(images/arrow_02.png) no-repeat right 10px center #F6CA1C; }
#new-g .sec_05 .btn:hover { color: #fff; }

#new-g .sec_06 { margin-top: 130px; }
#new-g .sec_06 ul { display: flex; justify-content: space-between; margin: 50px 0 0 0; }
#new-g .sec_06 li { width: 48%; max-width: 491px; }
#new-g .sec_06 span { display: block; margin: 10px 0 0 0; text-align: center; line-height: 200%; letter-spacing: 0.1em; }
#new-g .sec_06 button { color: #2783BC; font-size: 20px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; }

#new-g .sec_07 { margin-top: 130px; padding: 45px 0 0 0; background: url(images/new-g_09.png) repeat-x center top; }
#new-g .sec_07 .box { padding: 90px 0; background: #F9F5C1; }
#new-g .sec_07 .bg { margin-top: 60px; padding: 60px 0 140px 0; background: #fff; }
#new-g .sec_07 .bg_01 { background: url(images/new-g_07.jpg) no-repeat center bottom #fff; }
#new-g .sec_07 .bg_02 { background: url(images/new-g_08.jpg) no-repeat center bottom #fff; }
#new-g .sec_07 .cell { margin: 50px auto 0 auto; width: 90%; max-width: 800px; position: relative; }
#new-g .sec_07 .cell::before { content: ""; display: block; width: 5px; height: 98%; background: #E68A00; position: absolute; top: 0; left: 78px; z-index: 0; }
#new-g .sec_07 .cell dl:first-child { margin: 0; }
#new-g .sec_07 dl { display: flex; align-items: flex-start; margin: 30px 0 0 0; position: relative; z-index: 1; }
#new-g .sec_07 dt { padding: 10px; width: 160px; color: #fff; font-weight: bold; text-align: center; line-height: 100%; background: #E68A00; border-radius: 30px; }
#new-g .sec_07 dd { flex: 1; margin: 5px 0 0 30px; }
#new-g .sec_07 .spacer { margin: 70px 0 0 0; }
#new-g .sec_07 .bg_02 .cell { margin-top: 15px; }
#new-g .sec_07 p { margin: 50px auto 0 auto; width: 90%; max-width: 800px; }
#new-g .sec_07 span { display: block; width: 160px; color: #E68A00; font-size: 22px; font-weight: bold; text-align: center; line-height: 100%; }

#new-g .sec_08 { padding: 150px 0 120px 0; background-image: url(images/new-g_10.png),url(images/new-g_11.jpg); background-repeat: repeat-x,repeat-x; background-position: center top,center bottom; background-size: auto,cover; }
#new-g .sec_08 .box { margin: 30px auto 0 auto; width: 90%; text-align: center; }

#new-g .sec_09 { margin-top: 120px; padding: 100px 0 50px 0; background: #fff; }
#new-g .sec_09 h2 { margin: 0 0 0 0; }
#new-g .sec_09 ul { margin: 0 auto; width: 90%; max-width: 800px; }
#new-g .sec_09 dl { display: flex; }
#new-g .sec_09 dt { width: 40px; color: #E68A00; font-weight: bold; }
#new-g .sec_09 dd { flex: 1; }
#new-g .sec_09 li { padding: 10px 15px; border-radius: 30px; }
#new-g .sec_09 li:nth-child(odd) { margin: 0 0 5px 0; background: #F9F5C1; }
#new-g .sec_09 li:nth-child(even) { margin: 0 0 50px 0; }
}
@media screen and (min-width: 1000px) and (max-width: 1399px) {
#new-g h2 { font-size: 32px; text-align: center; }
#new-g .sec_01 .box { margin-top: 50px; margin-left: calc(50% - 50vw); padding-left: calc(50vw - 50%); height: 530px; background: url(images/new-g_01.jpg) no-repeat right center; background-size: cover; border-radius: 0 300px 300px 0; }

#new-g .sec_02 { margin: 150px auto 0 auto; width: 90%; text-align: center; }
#new-g .sec_02 p { margin: 50px auto 0 auto; max-width: 780px; text-align: left; }

#new-g .sec_03 { margin-top: 120px; padding: 70px 0; background: #F9F5C1; }
#new-g .sec_03 .box { margin: 0 auto; width: 90%; max-width: 780px; }
#new-g .sec_03 .cell { margin: 30px 0 0 0; }
#new-g .sec_03 .cell dl:first-child { border-top: solid 1px #3F1E02; }
#new-g .sec_03 dl { display: flex; padding: 15px 10px; border-bottom: solid 1px #3F1E02; }
#new-g .sec_03 dt { width: 200px; }
#new-g .sec_03 dd { flex: 1; }
#new-g .sec_03 p { margin: 40px 0 0 0; text-align: center; }
#new-g .sec_03 .btn { margin: 20px auto 0 auto; padding: 15px; width: 320px; background: url(images/arrow_02.png) no-repeat right 10px center #F6CA1C; }
#new-g .sec_03 .btn:hover { color: #fff; }

#new-g .sec_04 { margin: 80px 0 0 0; }
#new-g .sec_04 .box { display: flex; margin-top: 20px; padding: 0 30px 0 60px; background: #ECE8DF; }
#new-g .sec_04 .left { padding: 0 0 59px 0; width: 90px; background: url(images/arrow_04.png) no-repeat center bottom; }
#new-g .sec_04 .left p { padding: 70px 0 30px 0; height: 100%; text-align: center; background: url(images/new-g_13.png) repeat-y center top; }
#new-g .sec_04 .right { flex: 1; margin: 0 0 0 30px; }
#new-g .sec_04 .right .cell { margin: 20px 0 0 0; padding: 30px; background: #fff; border-radius: 20px; }
#new-g .sec_04 .right dl { display: flex; align-items: center; }
#new-g .sec_04 .right dt { width: 160px; }
#new-g .sec_04 .right dd { flex: 1; }
#new-g .sec_04 .right ol li { margin: 0 0 0 1em; list-style-type: disc; }

#new-g .sec_05 { margin-top: 130px; padding: 80px 0; background: #F9F5C1; }
#new-g .sec_05 ul { display: flex; justify-content: space-between; }
#new-g .sec_05 ul > li { margin: 40px 0 0 0; width: 48%; }
#new-g .sec_05 ul > li dl:first-child { border-top: solid 1px #3F1E02; }
#new-g .sec_05 dl { display: flex; padding: 15px 10px; border-bottom: solid 1px #3F1E02; }
#new-g .sec_05 dt { padding: 0 0 0 20px; width: 120px; }
#new-g .sec_05 dd { flex: 1; }
#new-g .sec_05 p { margin: 20px 0 0 0; }
#new-g .sec_05 ol { display: flex; justify-content: center; margin: 50px 0 0 0; }
#new-g .sec_05 ol > li:last-child { margin: 0 0 0 40px; }
#new-g .sec_05 .btn { padding: 15px; width: 320px; background: url(images/arrow_02.png) no-repeat right 10px center #F6CA1C; }
#new-g .sec_05 .btn:hover { color: #fff; }

#new-g .sec_06 { margin-top: 130px; }
#new-g .sec_06 ul { display: flex; justify-content: space-between; margin: 50px 0 0 0; }
#new-g .sec_06 li { width: 48%; max-width: 491px; }
#new-g .sec_06 span { display: block; margin: 10px 0 0 0; text-align: center; line-height: 200%; letter-spacing: 0.1em; }
#new-g .sec_06 button { color: #2783BC; font-size: 20px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; }

#new-g .sec_07 { margin-top: 130px; padding: 45px 0 0 0; background: url(images/new-g_09.png) repeat-x center top; }
#new-g .sec_07 .box { padding: 90px 0; background: #F9F5C1; }
#new-g .sec_07 .bg { margin-top: 60px; padding: 60px 0 140px 0; background: #fff; }
#new-g .sec_07 .bg_01 { background: url(images/new-g_07.jpg) no-repeat center bottom #fff; }
#new-g .sec_07 .bg_02 { background: url(images/new-g_08.jpg) no-repeat center bottom #fff; }
#new-g .sec_07 .cell { margin: 50px auto 0 auto; width: 90%; max-width: 800px; position: relative; }
#new-g .sec_07 .cell::before { content: ""; display: block; width: 5px; height: 98%; background: #E68A00; position: absolute; top: 0; left: 78px; z-index: 0; }
#new-g .sec_07 .cell dl:first-child { margin: 0; }
#new-g .sec_07 dl { display: flex; align-items: flex-start; margin: 30px 0 0 0; position: relative; z-index: 1; }
#new-g .sec_07 dt { padding: 10px; width: 160px; color: #fff; font-weight: bold; text-align: center; line-height: 100%; background: #E68A00; border-radius: 30px; }
#new-g .sec_07 dd { flex: 1; margin: 5px 0 0 30px; }
#new-g .sec_07 .spacer { margin: 70px 0 0 0; }
#new-g .sec_07 .bg_02 .cell { margin-top: 15px; }
#new-g .sec_07 p { margin: 50px auto 0 auto; width: 90%; max-width: 800px; }
#new-g .sec_07 span { display: block; width: 160px; color: #E68A00; font-size: 22px; font-weight: bold; text-align: center; line-height: 100%; }

#new-g .sec_08 { padding: 150px 0 120px 0; background-image: url(images/new-g_10.png),url(images/new-g_11.jpg); background-repeat: repeat-x,repeat-x; background-position: center top,center bottom; background-size: auto,cover; }
#new-g .sec_08 .box { margin: 30px auto 0 auto; width: 90%; text-align: center; }

#new-g .sec_09 { margin-top: 120px; padding: 100px 0 50px 0; background: #fff; }
#new-g .sec_09 h2 { margin: 0 0 0 0; }
#new-g .sec_09 ul { margin: 0 auto; width: 90%; max-width: 800px; }
#new-g .sec_09 dl { display: flex; }
#new-g .sec_09 dt { width: 40px; color: #E68A00; font-weight: bold; }
#new-g .sec_09 dd { flex: 1; }
#new-g .sec_09 li { padding: 10px 15px; border-radius: 30px; }
#new-g .sec_09 li:nth-child(odd) { margin: 0 0 5px 0; background: #F9F5C1; }
#new-g .sec_09 li:nth-child(even) { margin: 0 0 50px 0; }
}
@media screen and (max-width: 999px) {
#new-g h2 { font-size: 18px; text-align: center; }
#new-g .sec_01 .box { margin-top: 15px; margin-left: calc(50% - 50vw); padding-left: calc(50vw - 50%); height: 150px; background: url(images/new-g_01.jpg) no-repeat right center; background-size: cover; border-radius: 0 300px 300px 0; }

#new-g .sec_02 { margin: 50px auto 0 auto; width: 90%; }
#new-g .sec_02 p { margin: 15px 0 0 0; }

#new-g .sec_03 { margin-top: 50px; padding: 40px 0; width: 100%; background: #F9F5C1; }
#new-g .sec_03 .box { margin: 0 auto; width: 90%; }
#new-g .sec_03 .cell { margin: 15px 0 0 0; }
#new-g .sec_03 .cell dl:first-child { border-top: solid 1px #3F1E02; }
#new-g .sec_03 dl { padding: 15px 0; border-bottom: solid 1px #3F1E02; }
#new-g .sec_03 dt { font-weight: bold; }
#new-g .sec_03 p { margin: 20px 0 0 0; }
#new-g .sec_03 .btn { margin: 20px auto 0 auto; padding: 15px; width: 100%; max-width: 320px; background: url(images/arrow_02.png) no-repeat right 10px center #F6CA1C; }
#new-g .sec_03 .btn:hover { color: #fff; }

#new-g .sec_04 { margin: 30px 0 0 0; }
#new-g .sec_04 .box { display: flex; margin-top: 20px; padding: 0 2.5%; width: 100%; background: #ECE8DF; }
#new-g .sec_04 .left { padding: 0 0 50px 0; width: 73px; background: url(images/arrow_04_sp.png) no-repeat center bottom; }
#new-g .sec_04 .left p { padding: 60px 0 10px 0; height: 100%; text-align: center; background: url(images/new-g_13.png) repeat-y center top; }
#new-g .sec_04 .right { flex: 1; margin: 0 0 0 5px; }
#new-g .sec_04 .right .cell { margin: 20px 0; padding: 20px; background: #fff; border-radius: 20px; }
#new-g .sec_04 .right ol li { margin: 0 0 0 1em; list-style-type: disc; }

#new-g .sec_05 { margin-top: 30px; width: 100%; padding: 40px 5%; background: #F9F5C1; }
#new-g .sec_05 .sml_wid { width: 100%; }
#new-g .sec_05 ul > li { margin: 20px 0 0 0; }
#new-g .sec_05 ul > li:first-child { text-align: center; }
#new-g .sec_05 ul > li dl:first-child { border-top: solid 1px #3F1E02; }
#new-g .sec_05 .spacer { margin: 40px 0 0 0; }
#new-g .sec_05 dl { display: flex; padding: 15px 0; border-bottom: solid 1px #3F1E02; }
#new-g .sec_05 dt { width: 90px; }
#new-g .sec_05 dd { flex: 1; }
#new-g .sec_05 p { margin: 20px 0 0 0; }
#new-g .sec_05 ol { margin: 20px 0 0 0; }
#new-g .sec_05 ol > li:last-child { margin: 20px 0 0 0; }
#new-g .sec_05 .btn { margin: 20px auto 0 auto; padding: 15px; width: 100%; max-width: 320px; background: url(images/arrow_02.png) no-repeat right 10px center #F6CA1C; }
#new-g .sec_05 .btn:hover { color: #fff; }

#new-g .sec_06 { margin-top: 40px; width: 100%; }
#new-g .sec_06 li { margin: 30px auto 30px auto; width: 90%; max-width: 491px; }
#new-g .sec_06 span { display: block; margin: 10px 0 0 0; text-align: center; line-height: 200%; letter-spacing: 0.1em; }
#new-g .sec_06 button { color: #2783BC; font-size: 16px; font-family: 'Noto Sans JP', sans-serif; font-weight: 300; }

#new-g .sec_07 { margin-top: 50px; padding: 11px 0 0 0; background: url(images/new-g_09_sp.png) repeat-x center top; }
#new-g .sec_07 .box { padding: 40px 0; background: #F9F5C1; }
#new-g .sec_07 .bg { margin-top: 15px; background: #fff; }
#new-g .sec_07 .bg_01 { padding: 30px 0 240px 0; background: url(images/new-g_07_sp.jpg) no-repeat right 15% bottom #fff; }
#new-g .sec_07 .bg_02 { padding: 30px 0 200px 0; background: url(images/new-g_08_sp.jpg) no-repeat center bottom #fff; }
#new-g .sec_07 .cell { margin: 30px auto 0 auto; width: 95%; position: relative; }
#new-g .sec_07 .cell::before { content: ""; display: block; width: 5px; height: 98%; background: #E68A00; position: absolute; top: 0; left: 41px; z-index: 0; }
#new-g .sec_07 .cell dl:first-child { margin: 0; }
#new-g .sec_07 dl { display: flex; align-items: flex-start; margin: 10px 0 0 0; position: relative; z-index: 1; }
#new-g .sec_07 dt { padding: 5px; width: 85px; color: #fff; font-size: 13px; font-weight: bold; text-align: center; line-height: 100%; background: #E68A00; border-radius: 30px; }
#new-g .sec_07 dd { flex: 1; margin: 0 0 0 10px; font-size: 14px; }
#new-g .sec_07 .spacer { margin: 35px 0 0 0; }
#new-g .sec_07 .bg_02 .cell { margin-top: 15px; }
#new-g .sec_07 span { display: block; margin: 15px 0 0 2.5%; color: #E68A00; font-size: 16px; font-weight: bold; line-height: 100%; }
#new-g .sec_07 .spacer_sp { margin: 30px 0 0 2.5%; }

#new-g .sec_08 { padding: 50px 0; background-image: url(images/new-g_10_sp.png),url(images/new-g_11.jpg); background-repeat: repeat-x,repeat-x; background-position: center top,center bottom; background-size: auto,cover; }
#new-g .sec_08 .box { margin: 20px auto 0 auto; width: 90%; text-align: center; }

#new-g .sec_09 { margin-top: 50px; padding: 30px 0 20px 0; background: #fff; }
#new-g .sec_09 h2 { margin: 0 0 20px 0; }
#new-g .sec_09 ul { margin: 0 auto; width: 95%; }
#new-g .sec_09 dl { display: flex; }
#new-g .sec_09 dt { width: 30px; color: #E68A00; font-weight: bold; }
#new-g .sec_09 dd { flex: 1; }
#new-g .sec_09 li { padding: 10px 15px; border-radius: 30px; }
#new-g .sec_09 li:nth-child(odd) { margin: 0 0 5px 0; background: #F9F5C1; }
#new-g .sec_09 li:nth-child(even) { margin: 0 0 20px 0; }
}





/* 中途採用 */
#mid-c { overflow: hidden; }
@media screen and (min-width: 1400px) {
#mid-c h2 { font-size: 40px; text-align: center; }
#mid-c .sec_01 .box { margin-top: 50px; margin-left: calc(50% - 50vw); padding-left: calc(50vw - 50%); height: 530px; background: url(images/mid-c_01.jpg) no-repeat right center; background-size: cover; border-radius: 0 300px 300px 0; }

#mid-c .sec_02 { margin: 150px auto 0 auto; width: 90%; text-align: center; }
#mid-c .sec_02 p { margin: 50px auto 0 auto; max-width: 780px; text-align: left; }

#mid-c .sec_03 { margin-top: 120px; padding: 70px 0; background: #F9F5C1; }
#mid-c .sec_03 .box { margin: 0 auto; width: 90%; max-width: 780px; }
#mid-c .sec_03 .cell { margin: 30px 0 0 0; }
#mid-c .sec_03 .cell dl:first-child { border-top: solid 1px #3F1E02; }
#mid-c .sec_03 dl { display: flex; padding: 15px 10px; border-bottom: solid 1px #3F1E02; }
#mid-c .sec_03 dt { width: 200px; }
#mid-c .sec_03 dd { flex: 1; }
#mid-c .sec_03 p { margin: 40px 0 0 0; text-align: center; }
#mid-c .sec_03 .btn { margin: 20px auto 0 auto; padding: 15px; width: 320px; background: url(images/arrow_02.png) no-repeat right 10px center #F6CA1C; }
#mid-c .sec_03 .btn:hover { color: #fff; }

#mid-c .sec_04 { margin: 80px 0 0 0; }
#mid-c .sec_04 .box { display: flex; margin-top: 20px; padding: 0 30px 0 60px; background: #ECE8DF; }
#mid-c .sec_04 .left { padding: 0 0 59px 0; width: 90px; background: url(images/arrow_04.png) no-repeat center bottom; }
#mid-c .sec_04 .left p { padding: 40px 0 15px 0; text-align: center; background: url(images/new-g_13.png) repeat-y center top; }
#mid-c .sec_04 .right { flex: 1; margin: 0 0 0 30px; }
#mid-c .sec_04 .right .cell { margin: 20px 0 0 0; padding: 30px; background: #fff; border-radius: 20px; }
#mid-c .sec_04 .right dl { display: flex; align-items: center; }
#mid-c .sec_04 .right dt { width: 160px; }
#mid-c .sec_04 .right dd { flex: 1; }
#mid-c .sec_04 .right ol li { margin: 0 0 0 1em; list-style-type: disc; }

#mid-c .sec_05 { margin-top: 130px; padding: 80px 0; background: #F9F5C1; }
#mid-c .sec_05 ul { display: flex; justify-content: space-between; }
#mid-c .sec_05 ul > li { margin: 40px 0 0 0; width: 48%; }
#mid-c .sec_05 ul > li dl:first-child { border-top: solid 1px #3F1E02; }
#mid-c .sec_05 dl { display: flex; padding: 15px 10px; border-bottom: solid 1px #3F1E02; }
#mid-c .sec_05 dt { padding: 0 0 0 20px; width: 120px; }
#mid-c .sec_05 dd { flex: 1; }
#mid-c .sec_05 p { margin: 20px 0 0 0; }
#mid-c .sec_05 .btn { margin: 50px auto 0 auto; padding: 15px; width: 320px; background: url(images/arrow_02.png) no-repeat right 10px center #F6CA1C; }
#mid-c .sec_05 .btn:hover { color: #fff; }

#mid-c .sec_06 { margin-top: 130px; }
#mid-c .sec_06 ul { display: flex; justify-content: space-between; margin: 50px 0 0 0; }
#mid-c .sec_06 li { width: 48%; max-width: 491px; }
#mid-c .sec_06 span { display: block; margin: 10px 0 0 0; text-align: center; line-height: 200%; letter-spacing: 0.1em; }
#mid-c .sec_06 button { color: #2783BC; font-size: 20px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; }

#mid-c .sec_07 { margin-top: 130px; padding: 45px 0 0 0; background: url(images/new-g_09.png) repeat-x center top; }
#mid-c .sec_07 .box { padding: 90px 0; background: #F9F5C1; }
#mid-c .sec_07 .bg { margin-top: 60px; padding: 60px 0 140px 0; background: #fff; }
#mid-c .sec_07 .bg_01 { background: url(images/mid-c_06.jpg) no-repeat center bottom #fff; }
#mid-c .sec_07 .bg_02 { background: url(images/mid-c_08.jpg) no-repeat center bottom #fff; }
#mid-c .sec_07 .cell { margin: 50px auto 0 auto; width: 90%; max-width: 800px; position: relative; }
#mid-c .sec_07 .cell::before { content: ""; display: block; width: 5px; height: 98%; background: #E68A00; position: absolute; top: 0; left: 78px; z-index: 0; }
#mid-c .sec_07 .cell dl:first-child { margin: 0; }
#mid-c .sec_07 dl { display: flex; align-items: flex-start; margin: 30px 0 0 0; position: relative; z-index: 1; }
#mid-c .sec_07 dt { padding: 10px; width: 160px; color: #fff; font-weight: bold; text-align: center; line-height: 100%; background: #E68A00; border-radius: 30px; }
#mid-c .sec_07 dd { flex: 1; margin: 5px 0 0 30px; }
#mid-c .sec_07 .spacer { margin: 70px 0 0 0; }
#mid-c .sec_07 p { margin: 50px auto 0 auto; width: 90%; max-width: 800px; }
#mid-c .sec_07 span { display: block; width: 160px; color: #E68A00; font-size: 22px; font-weight: bold; text-align: center; line-height: 100%; }

#mid-c .sec_08 { padding: 150px 0 120px 0; background-image: url(images/new-g_10.png),url(images/new-g_11.jpg); background-repeat: repeat-x,repeat-x; background-position: center top,center bottom; background-size: auto,cover; }
#mid-c .sec_08 .box { margin: 30px auto 0 auto; width: 90%; text-align: center; }

#mid-c .sec_09 { margin-top: 120px; padding: 100px 0 50px 0; background: #fff; }
#mid-c .sec_09 h2 { margin: 0 0 0 0; }
#mid-c .sec_09 ul { margin: 0 auto; width: 90%; max-width: 800px; }
#mid-c .sec_09 dl { display: flex; }
#mid-c .sec_09 dt { width: 40px; color: #E68A00; font-weight: bold; }
#mid-c .sec_09 dd { flex: 1; }
#mid-c .sec_09 li { padding: 10px 15px; border-radius: 30px; }
#mid-c .sec_09 li:nth-child(odd) { margin: 0 0 5px 0; background: #F9F5C1; }
#mid-c .sec_09 li:nth-child(even) { margin: 0 0 50px 0; }
}
@media screen and (min-width: 1000px) and (max-width: 1399px) {
#mid-c h2 { font-size: 32px; text-align: center; }
#mid-c .sec_01 .box { margin-top: 50px; margin-left: calc(50% - 50vw); padding-left: calc(50vw - 50%); height: 530px; background: url(images/mid-c_01.jpg) no-repeat right center; background-size: cover; border-radius: 0 300px 300px 0; }

#mid-c .sec_02 { margin: 150px auto 0 auto; width: 90%; text-align: center; }
#mid-c .sec_02 p { margin: 50px auto 0 auto; max-width: 780px; text-align: left; }

#mid-c .sec_03 { margin-top: 120px; padding: 70px 0; background: #F9F5C1; }
#mid-c .sec_03 .box { margin: 0 auto; width: 90%; max-width: 780px; }
#mid-c .sec_03 .cell { margin: 30px 0 0 0; }
#mid-c .sec_03 .cell dl:first-child { border-top: solid 1px #3F1E02; }
#mid-c .sec_03 dl { display: flex; padding: 15px 10px; border-bottom: solid 1px #3F1E02; }
#mid-c .sec_03 dt { width: 200px; }
#mid-c .sec_03 dd { flex: 1; }
#mid-c .sec_03 p { margin: 40px 0 0 0; text-align: center; }
#mid-c .sec_03 .btn { margin: 20px auto 0 auto; padding: 15px; width: 320px; background: url(images/arrow_02.png) no-repeat right 10px center #F6CA1C; }
#mid-c .sec_03 .btn:hover { color: #fff; }

#mid-c .sec_04 { margin: 80px 0 0 0; }
#mid-c .sec_04 .box { display: flex; margin-top: 20px; padding: 0 30px 0 60px; background: #ECE8DF; }
#mid-c .sec_04 .left { padding: 0 0 59px 0; width: 90px; background: url(images/arrow_04.png) no-repeat center bottom; }
#mid-c .sec_04 .left p { padding: 40px 0 15px 0; text-align: center; background: url(images/new-g_13.png) repeat-y center top; }
#mid-c .sec_04 .right { flex: 1; margin: 0 0 0 30px; }
#mid-c .sec_04 .right .cell { margin: 20px 0 0 0; padding: 30px; background: #fff; border-radius: 20px; }
#mid-c .sec_04 .right dl { display: flex; align-items: center; }
#mid-c .sec_04 .right dt { width: 160px; }
#mid-c .sec_04 .right dd { flex: 1; }
#mid-c .sec_04 .right ol li { margin: 0 0 0 1em; list-style-type: disc; }

#mid-c .sec_05 { margin-top: 130px; padding: 80px 0; background: #F9F5C1; }
#mid-c .sec_05 ul { display: flex; justify-content: space-between; }
#mid-c .sec_05 ul > li { margin: 40px 0 0 0; width: 48%; }
#mid-c .sec_05 ul > li dl:first-child { border-top: solid 1px #3F1E02; }
#mid-c .sec_05 dl { display: flex; padding: 15px 10px; border-bottom: solid 1px #3F1E02; }
#mid-c .sec_05 dt { padding: 0 0 0 20px; width: 120px; }
#mid-c .sec_05 dd { flex: 1; }
#mid-c .sec_05 p { margin: 20px 0 0 0; }
#mid-c .sec_05 .btn { margin: 50px auto 0 auto; padding: 15px; width: 320px; background: url(images/arrow_02.png) no-repeat right 10px center #F6CA1C; }
#mid-c .sec_05 .btn:hover { color: #fff; }

#mid-c .sec_06 { margin-top: 130px; }
#mid-c .sec_06 ul { display: flex; justify-content: space-between; margin: 50px 0 0 0; }
#mid-c .sec_06 li { width: 48%; max-width: 491px; }
#mid-c .sec_06 span { display: block; margin: 10px 0 0 0; text-align: center; line-height: 200%; letter-spacing: 0.1em; }
#new-g .sec_06 button { color: #2783BC; font-size: 20px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; }

#mid-c .sec_07 { margin-top: 130px; padding: 45px 0 0 0; background: url(images/new-g_09.png) repeat-x center top; }
#mid-c .sec_07 .box { padding: 90px 0; background: #F9F5C1; }
#mid-c .sec_07 .bg { margin-top: 60px; padding: 60px 0 140px 0; background: #fff; }
#mid-c .sec_07 .bg_01 { background: url(images/mid-c_06.jpg) no-repeat center bottom #fff; }
#mid-c .sec_07 .bg_02 { background: url(images/mid-c_08.jpg) no-repeat center bottom #fff; }
#mid-c .sec_07 .cell { margin: 50px auto 0 auto; width: 90%; max-width: 800px; position: relative; }
#mid-c .sec_07 .cell::before { content: ""; display: block; width: 5px; height: 98%; background: #E68A00; position: absolute; top: 0; left: 78px; z-index: 0; }
#mid-c .sec_07 .cell dl:first-child { margin: 0; }
#mid-c .sec_07 dl { display: flex; align-items: flex-start; margin: 30px 0 0 0; position: relative; z-index: 1; }
#mid-c .sec_07 dt { padding: 10px; width: 160px; color: #fff; font-weight: bold; text-align: center; line-height: 100%; background: #E68A00; border-radius: 30px; }
#mid-c .sec_07 dd { flex: 1; margin: 5px 0 0 30px; }
#mid-c .sec_07 .spacer { margin: 70px 0 0 0; }
#mid-c .sec_07 p { margin: 50px auto 0 auto; width: 90%; max-width: 800px; }
#mid-c .sec_07 span { display: block; width: 160px; color: #E68A00; font-size: 22px; font-weight: bold; text-align: center; line-height: 100%; }

#mid-c .sec_08 { padding: 150px 0 120px 0; background-image: url(images/new-g_10.png),url(images/new-g_11.jpg); background-repeat: repeat-x,repeat-x; background-position: center top,center bottom; background-size: auto,cover; }
#mid-c .sec_08 .box { margin: 30px auto 0 auto; width: 90%; text-align: center; }

#mid-c .sec_09 { margin-top: 120px; padding: 100px 0 50px 0; background: #fff; }
#mid-c .sec_09 h2 { margin: 0 0 0 0; }
#mid-c .sec_09 ul { margin: 0 auto; width: 90%; max-width: 800px; }
#mid-c .sec_09 dl { display: flex; }
#mid-c .sec_09 dt { width: 40px; color: #E68A00; font-weight: bold; }
#mid-c .sec_09 dd { flex: 1; }
#mid-c .sec_09 li { padding: 10px 15px; border-radius: 30px; }
#mid-c .sec_09 li:nth-child(odd) { margin: 0 0 5px 0; background: #F9F5C1; }
#mid-c .sec_09 li:nth-child(even) { margin: 0 0 50px 0; }
}
@media screen and (max-width: 999px) {
#mid-c h2 { font-size: 18px; text-align: center; }
#mid-c .sec_01 .box { margin-top: 15px; margin-left: calc(50% - 50vw); padding-left: calc(50vw - 50%); height: 150px; background: url(images/mid-c_01.jpg) no-repeat right center; background-size: cover; border-radius: 0 300px 300px 0; }

#mid-c .sec_02 { margin: 50px auto 0 auto; width: 90%; }
#mid-c .sec_02 p { margin: 15px 0 0 0; }

#mid-c .sec_03 { margin-top: 50px; padding: 40px 0; width: 100%; background: #F9F5C1; }
#mid-c .sec_03 .box { margin: 0 auto; width: 90%; }
#mid-c .sec_03 .cell { margin: 15px 0 0 0; }
#mid-c .sec_03 .cell dl:first-child { border-top: solid 1px #3F1E02; }
#mid-c .sec_03 dl { padding: 15px 0; border-bottom: solid 1px #3F1E02; }
#mid-c .sec_03 dt { font-weight: bold; }
#mid-c .sec_03 p { margin: 20px 0 0 0; }
#mid-c .sec_03 .btn { margin: 20px auto 0 auto; padding: 15px; width: 100%; max-width: 320px; background: url(images/arrow_02.png) no-repeat right 10px center #F6CA1C; }
#mid-c .sec_03 .btn:hover { color: #fff; }

#mid-c .sec_04 { margin: 30px 0 0 0; }
#mid-c .sec_04 .box { display: flex; margin-top: 20px; padding: 0 2.5%; width: 100%; background: #ECE8DF; }
#mid-c .sec_04 .left { padding: 0 0 50px 0; width: 73px; background: url(images/arrow_04_sp.png) no-repeat center bottom; }
#mid-c .sec_04 .left p { padding: 60px 0 10px 0; height: 100%; text-align: center; background: url(images/new-g_13.png) repeat-y center top; }
#mid-c .sec_04 .right { flex: 1; margin: 0 0 0 5px; }
#mid-c .sec_04 .right .cell { margin: 20px 0; padding: 20px; background: #fff; border-radius: 20px; }
#mid-c .sec_04 .right ol li { margin: 0 0 0 1em; list-style-type: disc; }

#mid-c .sec_05 { margin-top: 30px; width: 100%; padding: 40px 5%; background: #F9F5C1; }
#mid-c .sec_05 .sml_wid { width: 100%; }
#mid-c .sec_05 ul > li { margin: 20px 0 0 0; }
#mid-c .sec_05 ul > li:first-child { text-align: center; }
#mid-c .sec_05 ul > li dl:first-child { border-top: solid 1px #3F1E02; }
#mid-c .sec_05 .spacer { margin: 40px 0 0 0; }
#mid-c .sec_05 dl { display: flex; padding: 15px 0; border-bottom: solid 1px #3F1E02; }
#mid-c .sec_05 dt { width: 90px; }
#mid-c .sec_05 dd { flex: 1; }
#mid-c .sec_05 p { margin: 20px 0 0 0; }
#mid-c .sec_05 ol { margin: 20px 0 0 0; }
#mid-c .sec_05 ol > li:last-child { margin: 20px 0 0 0; }
#mid-c .sec_05 .btn { margin: 20px auto 0 auto; padding: 15px; width: 100%; max-width: 320px; background: url(images/arrow_02.png) no-repeat right 10px center #F6CA1C; }
#mid-c .sec_05 .btn:hover { color: #fff; }

#mid-c .sec_06 { margin-top: 40px; width: 100%; }
#mid-c .sec_06 li { margin: 30px auto 30px auto; width: 90%; max-width: 491px; }
#mid-c .sec_06 span { display: block; margin: 10px 0 0 0; text-align: center; line-height: 200%; letter-spacing: 0.1em; }
#mid-c .sec_06 button { color: #2783BC; font-size: 16px; font-family: 'Noto Sans JP', sans-serif; font-weight: 300; }

#mid-c .sec_07 { margin-top: 50px; padding: 11px 0 0 0; background: url(images/new-g_09_sp.png) repeat-x center top; }
#mid-c .sec_07 .box { padding: 40px 0; background: #F9F5C1; }
#mid-c .sec_07 .bg { margin-top: 15px; background: #fff; }
#mid-c .sec_07 .bg_01 { padding: 30px 0 220px 0; background: url(images/mid-c_06_sp.jpg) no-repeat right 15% bottom #fff; }
#mid-c .sec_07 .bg_02 { padding: 30px 0 200px 0; background: url(images/mid-c_08_sp.jpg) no-repeat center bottom #fff; }
#mid-c .sec_07 .cell { margin: 30px auto 0 auto; width: 95%; position: relative; }
#mid-c .sec_07 .cell::before { content: ""; display: block; width: 5px; height: 98%; background: #E68A00; position: absolute; top: 0; left: 41px; z-index: 0; }
#mid-c .sec_07 .cell dl:first-child { margin: 0; }
#mid-c .sec_07 dl { display: flex; align-items: flex-start; margin: 10px 0 0 0; position: relative; z-index: 1; }
#mid-c .sec_07 dt { padding: 5px; width: 85px; color: #fff; font-size: 13px; font-weight: bold; text-align: center; line-height: 100%; background: #E68A00; border-radius: 30px; }
#mid-c .sec_07 dd { flex: 1; margin: 0 0 0 10px; font-size: 14px; }
#mid-c .sec_07 .spacer { margin: 35px 0 0 0; }
#mid-c .sec_07 span { display: block; margin: 15px 0 0 2.5%; color: #E68A00; font-size: 16px; font-weight: bold; line-height: 100%; }
#mid-c .sec_07 .spacer_sp { margin: 30px 0 0 2.5%; }

#mid-c .sec_08 { padding: 50px 0; background-image: url(images/new-g_10_sp.png),url(images/new-g_11.jpg); background-repeat: repeat-x,repeat-x; background-position: center top,center bottom; background-size: auto,cover; }
#mid-c .sec_08 .box { margin: 20px auto 0 auto; width: 90%; text-align: center; }

#mid-c .sec_09 { margin-top: 50px; padding: 30px 0 20px 0; background: #fff; }
#mid-c .sec_09 h2 { margin: 0 0 20px 0; }
#mid-c .sec_09 ul { margin: 0 auto; width: 95%; }
#mid-c .sec_09 dl { display: flex; }
#mid-c .sec_09 dt { width: 30px; color: #E68A00; font-weight: bold; }
#mid-c .sec_09 dd { flex: 1; }
#mid-c .sec_09 li { padding: 10px 15px; border-radius: 30px; }
#mid-c .sec_09 li:nth-child(odd) { margin: 0 0 5px 0; background: #F9F5C1; }
#mid-c .sec_09 li:nth-child(even) { margin: 0 0 20px 0; }
}





/* モーダルウィンドウ */
#modal_01,#modal_02 { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #fff; overflow-y: scroll; }
#modal_content_01,#modal_content_02 { margin: 0; padding: 0; position: relative; top: 0; left: 50%; transform: translate(-50%,0); z-index: 999; }
.btn_close img { display: block; }
.m_w_btn button { padding: 0; border: none; background: transparent; cursor: pointer; }
.m_w_btn button img { display: block; }
.modal_box .btn_close { display: block; margin: 50px auto 0 auto; padding: 0; width: 70px; height: 70px; color: #fff; font-size: 16px; font-weight: bold; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; border: none; background: #E68A00; border-radius: 50%; cursor: pointer; }
@media screen and (min-width: 1400px) {
.modal_box { margin: 30px auto 30px auto; width: 90%; max-width: 990px; padding: 80px 5% 50px 5%; background: #F9F5C1; }
.modal_box .sec_01 dl { display: flex; justify-content: space-between; align-items: center; }
.modal_box .sec_01 dt { width: 49%; }
.modal_box .sec_01 dd { width: 49%; text-align: center; }
.modal_box .sec_01 h2 { margin: 20px 0 0 0; font-size: 20px; }
.modal_box .sec_02 { margin: 50px 0 0 0; }
.modal_box .sec_02 h2 { margin: 0 0 0 50px; font-size: 24px; }
.modal_box .sec_02 .box { margin: 15px 0 0 0; padding: 30px 50px; background: #fff; border-radius: 20px; }
.modal_box .sec_02 h3 { margin: 0 0 15px 0; color: #E68A00; font-size: 24px; }
.modal_box .sec_02 dl { display: flex; }
.modal_box .sec_02 dt { width: 270px; }
.modal_box .sec_02 dd { flex: 1; margin: 0 0 0 30px; }
}
@media screen and (min-width: 1000px) and (max-width: 1399px) {
.modal_box { margin: 30px auto 30px auto; width: 90%; max-width: 990px; padding: 80px 5% 50px 5%; background: #F9F5C1; }
.modal_box .sec_01 dl { display: flex; justify-content: space-between; align-items: center; }
.modal_box .sec_01 dt { width: 49%; }
.modal_box .sec_01 dd { width: 49%; text-align: center; }
.modal_box .sec_01 h2 { margin: 20px 0 0 0; font-size: 20px; }
.modal_box .sec_02 { margin: 50px 0 0 0; }
.modal_box .sec_02 h2 { margin: 0 0 0 50px; font-size: 24px; }
.modal_box .sec_02 .box { margin: 15px 0 0 0; padding: 30px 50px; background: #fff; border-radius: 20px; }
.modal_box .sec_02 h3 { margin: 0 0 15px 0; color: #E68A00; font-size: 24px; }
.modal_box .sec_02 dl { display: flex; }
.modal_box .sec_02 dt { width: 270px; }
.modal_box .sec_02 dd { flex: 1; margin: 0 0 0 30px; }
}
@media screen and (max-width: 999px) {
.modal_box { padding: 40px 15px 100px 15px; background: #F9F5C1; }
.modal_box .sec_01 { margin: 0 auto; width: 90%; }
.modal_box .sec_01 dl { display: flex; flex-direction: column-reverse; }
.modal_box .sec_01 dt { margin: 30px 0 0 0; text-align: center; }
.modal_box .sec_01 dd { text-align: center; }
.modal_box .sec_01 h2 { margin: 20px 0 0 0; font-size: 18px; }

.modal_box .sec_02 { margin: 30px 0 0 0; }
.modal_box .sec_02 h2 { margin: 0 0 0 15px; font-size: 18px; }
.modal_box .sec_02 .box { margin: 15px 0 0 0; padding: 20px 15px; background: #fff; border-radius: 20px; }
.modal_box .sec_02 h3 { margin: 0 0 15px 0; color: #E68A00; font-size: 16px; }
.modal_box .sec_02 dt { text-align: center; }
.modal_box .sec_02 dd { margin: 15px 0 0 0; }
}