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


/* 共通 */
* { zoom:1; }
html,body { margin: 0; padding: 0; font-size: 16px; line-height: 180% !important; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important; }
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 { transition: all .5s ease; }
a:link { color: #2e3192; text-decoration: none; }
a:visited { color: #2e3192; text-decoration: none; }
a:hover { color: #5b5b5b; text-decoration: none; }
a:active { color: #5b5b5b; text-decoration: none; }
img.alpha_button { transition: all .5s ease; }
a:hover img.alpha_button { opacity: 0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; }

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* for safari */
/*\*/
html:\66irst-child body { font-size:94%; }
/* end */
/* for MacIE */
/* \*//*/
body { font-size:94%; font-size:15px; }
/**/








/* ボディ */

.sl_02, .sl_03, .sl_04, .sl_05 {
display:none;
}

.gal_box { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.gal_box img { width: 100%; height: 100%; object-fit: cover; }
.fix_top img { object-position: center top; }
.fix_bottom img { object-position: center bottom; }
.fix_left img { object-position: left top; }
.fix_top_01 img { object-position: center 35%; }

.eng { display: inline-block; color: #5b5b5b; font-size: 14px; font-family: 'Bodoni Moda', serif !important; }
.bodoni { font-family: 'Bodoni Moda', serif !important; }
.h_line { font-family: 'Bodoni Moda', serif; }
.h_line span { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important; }

.photo_cell span { display: block; margin: 0 0 15px 0; font-size: 12px; line-height: 100%; }

@media screen and (min-width: 801px) {
.sp { display:none; }
body { background-image:url(common/images/top_02.png) , url(common/images/top_03.jpg); background-repeat: no-repeat , no-repeat; background-position: right top , left top; }
.page_title { margin: 0 auto; max-width: 1000px; width: 90%; font-size: 45px; font-family: 'Bodoni Moda', serif !important; }
.page_title img { max-height: 80px; }
.h_line { color: #5b5b5b; font-size: 30px; }
.h_line span { padding: 0 0 0 15px; font-size: 14px; }
.no_space { margin: 0 !important; padding: 0 !important; }
}

@media screen and (min-width: 601px) and (max-width: 800px) {
.sp { display: none; }
body { background-image: url(common/images/top_02.png) , url(common/images/top_03.jpg); background-repeat: no-repeat , no-repeat; background-position:right top , left top; background-size: 60% , 40%; }
.page_title { margin: 0 auto; max-width: 1000px; width: 90%; font-size: 45px; font-family: 'Bodoni Moda', serif !important; }
.page_title img { max-height: 80px; }
.h_line { color: #5b5b5b; font-size: 30px; }
.h_line span { padding: 0 0 0 15px; font-size: 14px; }
.no_space { margin: 0 !important; padding: 0 !important; }
}

@media screen and (max-width: 600px) {
.pc { display:none; }
body { background-image: url(common/images/top_02.png) , url(common/images/top_03.jpg); background-repeat:no-repeat , no-repeat; background-position: right top , left top; background-size: 50% , 50%; }
.page_title { text-align: center; font-size: 28px; font-family: 'Bodoni Moda', serif !important; }
.page_title img { max-height: 40px; }
.h_line { color: #5b5b5b; font-size: 24px; }
.h_line span { display: block; padding: 5px 0 0 0; font-size: 14px; }
}
/* ボディ */





/* ヘッダー */
#head_area a { color: #000; }
#head_area a:hover { color: #5b5b5b; text-decoration:none; }
@media screen and (min-width: 801px) {
#head_area { font-size: 20px; }
#head_area ul { display: flex; justify-content: flex-end; margin: 50px auto 0 auto; max-width: 1250px; width: 90%; }
#head_area li { margin: 0 0 0 40px; }
.site_title { margin: 50vh auto 300px auto; max-width: 1250px; width: 90%; text-align: center; }
.site_title span { font-size: 18px; letter-spacing: 0.3em; font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; }
.navbar-header { display: none; }
}

@media screen and (min-width: 601px) and (max-width: 800px) {
#head_area { font-size: 18px; }
#head_area ul { display: flex; justify-content: flex-end; margin: 20px auto 0 auto; max-width: 1250px; width: 90%; }
#head_area li { margin: 0 0 0 20px; }
.site_title { margin: 30vh auto 300px auto; max-width: 1250px; width: 90%; text-align: center; }
.site_title span { font-size: 18px; letter-spacing: 0.3em; font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; }
.navbar-header { display: none; }
}

@media screen and (max-width: 600px) {
#head_area { display:none; }
.site_title { margin: 30vh auto; width: 90%; text-align: center; }
.site_title img { width: 70%; max-width: 367px; }
.site_title span { font-size: 12px; letter-spacing: 0.3em; font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; }
.overlay ul li { margin: 0 0 30px 0; font-size: 28px; }
}
/* ヘッダー */





/* フッター */
#foot_area .box .right { overflow:hidden; }
#foot_btn { margin: 120px 0 0 0; }
#foot_btn ul { display: flex; justify-content: center; align-items: center; }
#foot_btn li { padding: 0 10px; }

@media screen and (min-width: 801px) {
#foot_area { margin: 20px 0 0 0; color: #fff; background: url(common/images/foot_bg.png) no-repeat center 60px; background-size: cover; }
#foot_area .box { display: flex; justify-content: space-between; margin: 0 auto; padding: 200px 0 0 0; width: 90%; max-width: 1000px; }
#foot_area .box .left { width: 48%; }
#foot_area .box .right { width: 48%; }
#foot_area .box p { margin: 0 0 10px 0; }
#foot_area .copyright { margin: 60px 0 0 0; padding: 0 0 30px 0; text-align: center; }
}

@media screen and (min-width: 601px) and (max-width: 800px) {
#foot_area { margin: 20px 0 0 0; color:#fff; background:url(common/images/foot_bg.png) no-repeat center 30px; background-size:cover; }
#foot_area .box { margin:0 auto; padding:130px 0 0 0; width:90%; }
#foot_area .box .left { width:48%; float:left; }
#foot_area .box .right { width:48%; float:right; }
#foot_area .box p { margin:0 0 10px 0; }
#foot_area .copyright { margin:50px 0 0 0; padding:0 0 30px 0; text-align:center; }
}

@media screen and (max-width: 600px) {
#foot_area { margin: 20px 0 0 0; padding: 0 2.5%; color: #fff; background: url(common/images/foot_bg.png) no-repeat center 60px; background-size: cover; }
#foot_area .box .left { padding: 30% 0 0 0; }
#foot_area .box .right { margin: 35px 0 0 0; }
#foot_area .box p { margin: 0 0 10px 0; }
#foot_area .copyright { margin: 35px 0 0 0; padding: 0 0 15px 0; text-align: center; }
}
/* フッター */





/* トップ */
#top label { cursor:pointer; }
#top input[type="checkbox"].on-off{ display:none; }
#top .menu ul { -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
#top input[type="checkbox"].on-off + ul { display:none; }
#top input[type="checkbox"].on-off:checked + ul { display:block; }
#top .box_01 a { color: #5b5b5b; font-size: 3px; text-align: center; vertical-align: middle; }
#top .box_02 a img { padding:0 0 0 5px; }
#top .box_09 .cell { position:relative; width:100%; padding-top:56.25%; }
#top .box_09 .cell iframe { position:absolute; top:0; right:0; width:100% !important; height:100% !important; }
@media screen and (min-width: 801px) {
#top .holiday { margin:0 0 50px 0; text-align:center; }

#top .box_01 { margin: 0 auto 160px auto; width: 90%; max-width: 1000px; }

#top .box_02 { margin: 80px 0 0 0; padding: 0 5%; min-height: 450px; color: #5b5b5b; font-size: 24px; text-align: center; line-height: 200%; background: url(common/images/top_06.jpg) no-repeat right top; }

#top .box_03 { margin: 130px auto 0 auto; width: 90%; max-width: 1000px; }
#top .box_03 dl { display: flex; align-items: center; margin: 30px 0 0 0; }
#top .box_03 dt { width: 60%; max-width: 580px; text-align: center; }
#top .box_03 dd { flex: 1; margin: 0 0 0 40px; }
#top .box_03 .news_info { margin: 1em 0; }
#top .box_03 ul { display: flex; }
#top .box_03 .left { width: 80px; }
#top .box_03 .right { flex: 1; }

#top .box_04 { margin: 200px auto 0 auto; width: 90%; max-width: 1000px; }
#top .box_04 ul { display: flex; justify-content: space-between; }
#top .box_04 .cell_02 { flex-direction: row-reverse; }
#top .box_04 li { width: 48%; }
#top .box_04 dl { display: flex; align-items: flex-end; margin: 30px 0; }
#top .box_04 dt { font-size: 40px; white-space: nowrap; }
#top .box_04 dd { flex: 1; margin: 0 0 10px 20px; font-size: 16px; letter-spacing: 0.3em; font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; }
#top .box_04 h3 { margin: 0 0 20px 0; letter-spacing: 0.1em; }
#top .box_04 p { margin: 20px 0 0 0; }
#top .box_04 h2 { margin: 0 0 40px 0; }

#top .box_05 { margin: 115px auto 0 auto; width: 90%; max-width: 1000px; }
#top .box_05 .column { margin:80px 0 0 0; }
#top .box_05 .column h2 { margin:0 0 30px 0; }
#top .box_05 dl { display: flex; margin: 0 0 1em 0; }
#top .box_05 dt { width: 100px; font-weight: bold; }
#top .box_05 dd { flex: 1; margin: 0 0 5px 0; }
#top .box_05 dd span { display: block; color: #5b5b5b; font-family: 'Bodoni Moda', serif !important; }
#top .box_05 .year { font-weight: bold; }

#top .box_06 { margin: 150px auto 0 auto; padding: 70px 0; background: #f7f7f7; }
#top .box_06 .cell { display: flex; align-items: center; margin: 0 auto; width: 90%; max-width: 840px; }
#top .box_06 h2 { width: 220px; }
#top .box_06 #feed { flex: 1; }
#top .box_06 li { display: flex; margin: 0 0 10px 0; }
#top .box_06 .date { width: 150px; }
#top .box_06 .text { flex: 1; }
#top .box_06 .btn a { display: block; margin: 30px auto 0 auto; padding: 10px; width: 245px; color: #5b5b5b; font-size: 20px; text-align: center; background: #fff; border: solid 1px #5b5b5b; }
#top .box_06 .btn a:hover { color: #fff; background: #5b5b5b; }

#top .box_07 { margin: 170px auto 0 auto; width: 90%; max-width: 1000px; }
#top .box_07 ul { display: flex; flex-wrap: wrap; margin: 30px 0 0 -10px; }
#top .box_07 li { margin: 0 0 10px 10px; width: calc(100%/4 - 10px); position: relative; overflow: hidden; }
#top .box_07 li:before { content: ""; display: block; padding-top: 100%; }
#top .box_07 .btn a { display: block; margin: 30px auto 0 auto; padding: 10px; width: 245px; color: #5b5b5b; font-size: 20px; text-align: center; background: #fff; border: solid 1px #5b5b5b; }
#top .box_07 .btn a:hover { color: #fff; background: #5b5b5b; }

#top .box_08 { margin: 80px auto 0 auto; padding: 70px 0; background: #f7f7f7; }
#top .box_08 .cell { margin: 0 auto; width: 90%; max-width: 1000px; }
#top .box_08 .cell ul { display: flex; justify-content: space-between; margin: 30px 0 0 0; }
#top .box_08 .cell li img { max-widh: 200px; }

#top .box_09 { margin: 130px auto 0 auto; width: 90%; max-width: 1000px; }
#top .box_09 ul { display: flex; justify-content: space-between; margin: 30px 0 0 0; }
#top .box_09 li { width: 49%; }
#top .box_09 li iframe { width: 100% !important; height: 100% !important; }
#top .box_09 .btn a { display: block; margin: 30px auto 0 auto; padding: 10px; width: 245px; color: #5b5b5b; font-size: 20px; text-align: center; background: #fff; border: solid 1px #5b5b5b; }
#top .box_09 .btn a:hover { color: #fff; background: #5b5b5b; }

#top .box_10 { margin: 80px auto 0 auto; padding: 70px 0; background: #f7f7f7; }
#top .box_10 .cell { margin: 0 auto; width: 90%; max-width: 1000px; }
#top .box_10 dl { display: flex; justify-content: space-between; margin: 30px 0 0 0; }
#top .box_10 dt { width: 48%; }
#top .box_10 dd { width: 48%; }
#top .box_10 .btn a { display: block; padding: 10px; color: #5b5b5b; font-size: 20px; text-align: center; background: #fff; border: solid 1px #5b5b5b; }
#top .box_10 .btn a:hover { color: #fff; background: #5b5b5b; }
#top .box_10 .spacer { margin: 40px 0 0 0; }
}

@media screen and (min-width: 601px) and (max-width: 800px) {
#top .holiday { margin:0 0 50px 0; text-align:center; }

#top .box_01 { margin: 0 auto 160px auto; width: 90%; max-width: 1000px; }

#top .box_02 { margin: 80px 0 0 0; padding: 0 5%; min-height: 450px; color: #5b5b5b; font-size: 24px; text-align: center; line-height: 200%; background: url(common/images/top_06.jpg) no-repeat right top; }

#top .box_03 { margin: 80px auto 0 auto; width: 90%; max-width: 1000px; }
#top .box_03 dl { display: flex; align-items: center; margin: 30px 0 0 0; }
#top .box_03 dt { width: 60%; text-align: center; }
#top .box_03 dd { flex: 1; margin: 0 0 0 40px; }
#top .box_03 .news_info { margin: 1em 0; }
#top .box_03 ul { display: flex; }
#top .box_03 .left { width: 80px; }
#top .box_03 .right { flex: 1; }

#top .box_04 { margin: 200px auto 0 auto; width: 90%; max-width: 1000px; }
#top .box_04 ul { display: flex; justify-content: space-between; }
#top .box_04 .cell_02 { flex-direction: row-reverse; }
#top .box_04 li { width: 48%; }
#top .box_04 dl { display: flex; align-items: flex-end; margin: 30px 0; }
#top .box_04 dt { font-size: 40px; white-space: nowrap; }
#top .box_04 dd { flex: 1; margin: 0 0 10px 20px; font-size: 16px; letter-spacing: 0.3em; font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; }
#top .box_04 h3 { margin: 0 0 20px 0; letter-spacing: 0.1em; }
#top .box_04 p { margin: 20px 0 0 0; }
#top .box_04 h2 { margin: 0 0 40px 0; }

#top .box_05 { margin: 115px auto 0 auto; width: 90%; max-width: 1000px; }
#top .box_05 .column { margin:80px 0 0 0; }
#top .box_05 .column h2 { margin:0 0 30px 0; }
#top .box_05 dl { display: flex; margin: 0 0 1em 0; }
#top .box_05 dt { width: 100px; font-weight: bold; }
#top .box_05 dd { flex: 1; margin: 0 0 5px 0; }
#top .box_05 dd span { display: block; color: #5b5b5b; font-family: 'Bodoni Moda', serif !important; }
#top .box_05 .year { font-weight: bold; }

#top .box_06 { margin: 150px auto 0 auto; padding: 70px 0; background: #f7f7f7; }
#top .box_06 .cell { display: flex; align-items: center; margin: 0 auto; width: 90%; max-width: 840px; }
#top .box_06 h2 { width: 220px; }
#top .box_06 #feed { flex: 1; }
#top .box_06 li { display: flex; margin: 0 0 10px 0; }
#top .box_06 .date { width: 150px; }
#top .box_06 .text { flex: 1; }
#top .box_06 .btn a { display: block; margin: 30px auto 0 auto; padding: 10px; width: 245px; color: #5b5b5b; font-size: 20px; text-align: center; background: #fff; border: solid 1px #5b5b5b; }
#top .box_06 .btn a:hover { color: #fff; background: #5b5b5b; }

#top .box_07 { margin: 170px auto 0 auto; width: 90%; max-width: 1000px; }
#top .box_07 ul { display: flex; flex-wrap: wrap; margin: 30px 0 0 -10px; }
#top .box_07 li { margin: 0 0 10px 10px; width: calc(100%/4 - 10px); position: relative; overflow: hidden; }
#top .box_07 li:before { content: ""; display: block; padding-top: 100%; }
#top .box_07 .btn a { display: block; margin: 30px auto 0 auto; padding: 10px; width: 245px; color: #5b5b5b; font-size: 20px; text-align: center; background: #fff; border: solid 1px #5b5b5b; }
#top .box_07 .btn a:hover { color: #fff; background: #5b5b5b; }

#top .box_08 { margin: 80px auto 0 auto; padding: 70px 0; background: #f7f7f7; }
#top .box_08 .cell { margin: 0 auto; width: 90%; max-width: 1000px; }
#top .box_08 .cell ul { display: flex; justify-content: space-between; margin: 30px 0 0 0; }
#top .box_08 .cell li img { max-widh: 200px; }

#top .box_09 { margin: 130px auto 0 auto; width: 90%; max-width: 1000px; }
#top .box_09 ul { display: flex; justify-content: space-between; margin: 30px 0 0 0; }
#top .box_09 li { width: 49%; }
#top .box_09 li iframe { width: 100% !important; height: 100% !important; }
#top .box_09 .btn a { display: block; margin: 30px auto 0 auto; padding: 10px; width: 245px; color: #5b5b5b; font-size: 20px; text-align: center; background: #fff; border: solid 1px #5b5b5b; }
#top .box_09 .btn a:hover { color: #fff; background: #5b5b5b; }

#top .box_10 { margin: 80px auto 0 auto; padding: 70px 0; background: #f7f7f7; }
#top .box_10 .cell { margin: 0 auto; width: 90%; max-width: 1000px; }
#top .box_10 dl { display: flex; justify-content: space-between; margin: 30px 0 0 0; }
#top .box_10 dt { width: 48%; }
#top .box_10 dd { width: 48%; }
#top .box_10 .btn a { display: block; padding: 10px; color: #5b5b5b; font-size: 20px; text-align: center; background: #fff; border: solid 1px #5b5b5b; }
#top .box_10 .btn a:hover { color: #fff; background: #5b5b5b; }
#top .box_10 .spacer { margin: 40px 0 0 0; }
}

@media screen and (max-width: 600px) {
#top .holiday { margin:0 0 50px 0; text-align:center; }

#top .box_01 { margin: 0 auto 80px auto; width: 90%; }

#top .box_02 { margin: 80px 0 0 0; padding: 50px 5% 150px 5%; color: #5b5b5b; font-size: 18px; text-align: center; line-height: 200%; background: url(common/images/top_06.jpg) no-repeat right bottom; background-size: 50%; }

#top .box_03 { margin: 80px auto 0 auto; width: 90%; }
#top .box_03 dl { margin: 30px 0 0 0; }
#top .box_03 dt { text-align: center; }
#top .box_03 dd { margin: 1em 0 0 0; }
#top .box_03 .news_info { margin: 1em 0; }
#top .box_03 ul { display: flex; }
#top .box_03 .left { white-space: nowrap; }
#top .box_03 .right { flex: 1; margin: 0 0 0 1em; }

#top .box_04 { margin: 80px auto 0 auto; width: 90%; }
#top .box_04 li { margin: 0 0 20px 0; }
#top .box_04 .name { margin: 0 0 20px 0; }
#top .box_04 p { margin: 20px 0 0 0; text-align: left; }
#top .box_04 dl { margin: 20px 0 0 0; }
#top .box_04 dd { letter-spacing: 0.3em; font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; }
#top .box_04 h3 { padding: 10px 0; font-size: 24px; letter-spacing: 0.1em; }
#top .box_04 h2 { margin: 0 0 20px 0; }

#top .box_05 { margin: 80px auto 0 auto; width: 90%; }
#top .box_05 .column { margin:80px 0 0 0; }
#top .box_05 .column h2 { margin:0 0 30px 0; }
#top .box_05 dl { display: flex; margin: 0 0 1em 0; }
#top .box_05 dt { width: 100px; font-weight: bold; }
#top .box_05 dd { flex: 1; margin: 0 0 5px 0; }
#top .box_05 dd span { display: block; color: #5b5b5b; font-family: 'Bodoni Moda', serif !important; }
#top .box_05 .year { font-weight: bold; }

#top .box_06 { margin: 80px auto 0 auto; padding: 30px 0; background: #f7f7f7; }
#top .box_06 .cell { margin: 0 auto; width: 90%; }
#top .box_06 ul { margin: 30px 0 0 0; }
#top .box_06 li { display: flex; margin: 10px 0 0 0; }
#top .box_06 .date { color: #000; white-space: nowrap; }
#top .box_06 .text { flex: 1; margin: 0 0 0 20px; }
#top .box_06 .btn a { display: block; margin: 30px auto 0 auto; padding: 10px; max-width: 245px; width: 90%; color: #5b5b5b; font-size: 20px; text-align: center; background: #fff; border: solid 1px #5b5b5b; }
#top .box_06 .btn a:hover { color: #fff; background: #5b5b5b; }

#top .box_07 { margin: 80px auto 0 auto; width: 90%; }
#top .box_07 ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 30px 0 0 0; }
#top .box_07 li { margin: 0 0 10px 0; width: 48%; position: relative; overflow: hidden; }
#top .box_07 li:before { content: ""; display: block; padding-top: 100%; }
#top .box_07 .btn a { display: block; margin: 30px auto 0 auto; padding: 10px; max-width: 245px; color: #5b5b5b; font-size: 20px; text-align: center; background: #fff; border: solid 1px #5b5b5b; }
#top .box_07 .btn a:hover { color: #fff; background: #5b5b5b; }

#top .box_08 { margin: 80px auto 0 auto; padding: 30px 0; background: #f7f7f7; }
#top .box_08 .cell { margin: 0 auto; width: 90%; }
#top .box_08 .cell ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 30px 0 0 0; }
#top .box_08 .cell li { margin: 10px 0 0 0; width: 49%; text-align: center; }

#top .box_09 { margin: 80px auto 0 auto; width: 90%; }
#top .box_09 li { margin: 30px 0 0 0; }
#top .box_09 li iframe { width: 100% !important; height: 100% !important; }
#top .box_09 .btn a { display: block; margin: 30px auto 0 auto; padding: 10px; max-width: 245px; color: #5b5b5b; font-size: 20px; text-align: center; background: #fff; border: solid 1px #5b5b5b; }
#top .box_09 .btn a:hover { color: #fff; background: #5b5b5b; }

#top .box_10 { margin: 80px auto 0 auto; padding: 30px 0; background: #f7f7f7; }
#top .box_10 .cell { margin: 0 auto; width: 90%;  }
#top .box_10 dt { margin: 30px 0 0 0; }
#top .box_10 dd { margin: 30px 0 0 0; }
#top .box_10 .btn a { display: block; padding: 10px; max-width: 245px; color: #5b5b5b; font-size: 20px; text-align: center; background: #fff; border: solid 1px #5b5b5b; }
#top .box_10 .btn a:hover { color: #fff; background: #5b5b5b; }
#top .box_10 .spacer { margin: 30px 0 0 0; }
}
/* トップ */




/* コンタクト */
@media screen and (min-width: 801px) {
#contact .box_01 { margin: 80px auto 0 auto; width: 90%; max-width: 1000px; }
#contact .box_01 li { background:url(common/images/contact_line.png) no-repeat bottom center; }
#contact .box_01 dl { display: flex; align-items: center; }
#contact .box_01 dt { display: flex; align-items: center; padding: 35px 0 35px 30px; width: 40%; max-width: 420px; }
#contact .box_01 dt p:first-child { padding:0 15px 0 0; color:#5b5b5b; font-size:30px; vertical-align:middle; }
#contact .box_01 dt p:last-child { font-size: 18px; font-weight: bold; line-height: 110%; }
#contact .box_01 dt span { display: block; color: #5b5b5b; font-size: 14px; font-weight: normal; line-height: 110%; }
#contact .box_01 dd { flex: 1; padding: 35px 0; }
#contact .box_02 { margin: 230px auto 0 auto; width:1000px; }
#contact .box_03 { margin:320px auto 0 auto; width:1000px; }
#contact .box_03 .cell { margin:15px 0 0 0; padding:15px; height:205px; border:solid 1px #5b5b5b; overflow-y:auto; }
#contact .box_04 { margin: 230px auto 0 auto; width: 1000px; }
#contact .box_04 dl { display: flex; justify-content: space-between; align-items: center; }
#contact .box_04 dt { width: 50%; }
#contact .box_04 p { margin: 15px 0 0 0; }
#contact .box_04 dd { width: 50%; text-align: center; }

.contact_form .mailform span { display: block; color: #5b5b5b; font-size: 14px; line-height: 110%; font-family: 'Bodoni Moda', serif !important; }
.contact_form .mailform .spacer { margin: 0 0 0 1em; }
.contact_form ul { margin:30px 0 0 0; }
.contact_form li { width:50%; float:left; }
.contact_form dl { display:flex; margin:20px 0 0 0; width:100%; }
.contact_form dt { padding:10px 0 0 0; width: 180px; }
.contact_form dd { flex:1; }
.contact_form .right dt { padding-left:60px; }
.contact_form .text { display:inline-block; padding:10px; width:100%; font-size:18px; border:solid 1px #5b5b5b; box-sizing:border-box; }
.contact_form .attention { margin:10px 0 0 0; text-align:right; }
.contact_form .check p { margin:0 20px 0 0; float:left; }
.contact_form .check input[type="checkbox"] { display:none; }
.contact_form .check label { position:relative; display:inline-block; padding:3px 3px 3px 35px; cursor:pointer; }
.contact_form .check label::before { position:absolute; content:''; top:50%; left:0; width:25px; height:25px; margin-top:-15px; border:1px solid #5b5b5b; }
.contact_form .check input[type="checkbox"]:checked + label::after { position:absolute; content:''; top:12px; left:5px; width:15px; height:10px; border-left:2px solid #3498db; border-bottom:2px solid #3498db; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.contact_form textarea { height:170px; }
.contact_form .send { margin:25px 0 0 180px; }
.contact_form .submit_btn { border:0px; width:361px; height:62px; background:url(common/images/btn_06.png) no-repeat left top; }
.contact_form .submit_btn:hover { cursor:pointer; background:url(common/images/btn_06_o.png) no-repeat left top; }

#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
#formWrap p { margin:30px 0; }
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}
}

@media screen and (min-width: 601px) and (max-width: 800px) {
#contact .box_01 { margin: 80px auto 0 auto; width: 90%; max-width: 1000px; }
#contact .box_01 li { margin:20px 0 0 0; padding:0 0 20px 0; background:url(common/images/contact_line.png) no-repeat bottom center; }
#contact .box_01 dl { display: flex; align-items: center; }
#contact .box_01 dt { display: flex; align-items: center; padding: 35px 0 35px 30px; width: 40%; max-width: 420px; }
#contact .box_01 dt p:first-child { padding:0 15px 0 0; color:#5b5b5b; font-size:30px; vertical-align:middle; }
#contact .box_01 dt p:last-child { font-size: 18px; font-weight: bold; line-height: 110%; }
#contact .box_01 dt span { display: block; color: #5b5b5b; font-size: 14px; font-weight: normal; line-height: 110%; }
#contact .box_01 dd { flex: 1; padding: 35px 0; }
#contact .box_02 { margin: 170px auto 0 auto; width: 95%; }
#contact .box_03 { margin:170px auto 0 auto; width:95%; }
#contact .box_03 .cell { margin:15px 0 0 0; padding:15px; height:205px; border:solid 1px #5b5b5b; overflow-y:auto; }
#contact .box_04 { margin: 170px auto 0 auto; width: 95%; }
#contact .box_04 dl { display: flex; justify-content: space-between; align-items: center; }
#contact .box_04 dt { width: 50%; }
#contact .box_04 p { margin: 15px 0 0 0; }
#contact .box_04 dd { width: 50%; text-align: center; }

.contact_form dt { margin: 15px 0 0 0; }
.contact_form dd { margin: 5px 0 0 0; }
.contact_form .mailform span { display: block; color: #5b5b5b; font-size: 14px; line-height: 110%; font-family: 'Bodoni Moda', serif !important; }
.contact_form .mailform .spacer { margin: 0 0 0 1em; }
.contact_form .text { display:inline-block; padding:10px; width:100%; font-size:18px; border:solid 1px #5b5b5b; box-sizing:border-box; }
.contact_form .attention { margin:10px 0 0 0; text-align:right; }
.contact_form .check { margin: 15px 0 0 0; }
.contact_form .check p { margin:0 20px 0 0; float:left; }
.contact_form .check input[type="checkbox"] { display:none; }
.contact_form .check label { position:relative; display:inline-block; padding:3px 3px 3px 35px; cursor:pointer; }
.contact_form .check label::before { position:absolute; content:''; top:50%; left:0; width:25px; height:25px; margin-top:-15px; border:1px solid #5b5b5b; }
.contact_form .check input[type="checkbox"]:checked + label::after { position:absolute; content:''; top:12px; left:5px; width:15px; height:10px; border-left:2px solid #3498db; border-bottom:2px solid #3498db; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.contact_form textarea { height:170px; }
.contact_form .send { margin:25px 0 0 140px; }
.contact_form .submit_btn { border:0px; width:361px; height:62px; background:url(common/images/btn_06.png) no-repeat left top; }
.contact_form .submit_btn:hover { cursor:pointer; background:url(common/images/btn_06_o.png) no-repeat left top; }
.contact_form .recaptcha { margin:25px 0 25px 140px; }

#formWrap {
	width:95%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
#formWrap p { margin:30px 0; }
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}
}

@media screen and (max-width: 600px) {
#contact .box_01 { margin: 50px auto 0 auto; width: 90%; }
#contact .box_01 li { margin:20px 0 0 0; padding:0 0 20px 0; background:url(common/images/contact_line.png) no-repeat bottom center; }
#contact .box_01 dl { padding: 35px 0; }
#contact .box_01 dt { display: flex; align-items: center; }
#contact .box_01 dt p:first-child { padding:0 15px 0 0; color:#5b5b5b; font-size:30px; vertical-align:middle; }
#contact .box_01 dt p:last-child { font-size: 18px; font-weight: bold; line-height: 110%; }
#contact .box_01 dt span { display: block; color: #5b5b5b; font-size: 14px; font-weight: normal; line-height: 110%; }
#contact .box_01 dd { margin: 15px 0 0 0; }
#contact .box_02 { margin:100px auto 0 auto; width:95%; }
#contact .box_03 { margin:100px auto 0 auto; width:95%; }
#contact .box_03 .cell { margin:15px 0 0 0; padding:15px; height:205px; border:solid 1px #5b5b5b; overflow-y:auto; }
#contact .box_04 { margin: 100px auto 0 auto; width: 95%; }
#contact .box_04 p { margin: 15px 0 0 0; text-align: center; }
#contact .box_04 dd { margin: 15px 0 0 0; text-align: center; }

.contact_form ul { margin:30px 0 0 0; }
.contact_form dl { margin:20px 0 0 0; width:100%; }
.contact_form dd { margin:5px 0 0 0; }
.contact_form .mailform span { display: block; color: #5b5b5b; font-size: 14px;  line-height: 110%; font-family: 'Bodoni Moda', serif !important; }
.contact_form .mailform .spacer { margin: 0 0 0 1em; }
.contact_form .text { display:inline-block; padding:10px; width:100%; border:solid 1px #5b5b5b; box-sizing:border-box; }
.contact_form .attention { margin:10px 0 0 0; padding-left:1em; text-indent:-1em; }
.contact_form .check { margin: 15px 0 0 0; }
.contact_form .check p { margin:0 20px 0 0; }
.contact_form .check input[type="checkbox"] { display:none; }
.contact_form .check label { position:relative; display:inline-block; padding:3px 3px 3px 35px; cursor:pointer; }
.contact_form .check label::before { position:absolute; content:''; top:50%; left:0; width:25px; height:25px; margin-top:-15px; border:1px solid #5b5b5b; }
.contact_form .check input[type="checkbox"]:checked + label::after { position:absolute; content:''; top:12px; left:5px; width:15px; height:10px; border-left:2px solid #3498db; border-bottom:2px solid #3498db; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.contact_form textarea { height:170px; }
.contact_form .send_btn { margin:25px 0 0 0; }
.contact_form .send { margin:25px 0 0 0; }
.contact_form .submit_btn { border:0px; width:100%; height:62px; background:url(common/images/btn_06.png) no-repeat left top; background-size:contain; }
.contact_form .submit_btn:hover { cursor:pointer; background:url(common/images/btn_06_o.png) no-repeat left top; background-size:contain; }
.contact_form .recaptcha { margin:25px 0; }

#formWrap {
	width:95%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
#formWrap p { margin:30px 0; }
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}
}
/* コンタクト */





/* ギャラリー */
#gallery .photos .cell { position:relative; overflow:hidden; }
#gallery .photos .cell:before { content:""; display:block; padding-top:70%; }
#gallery .text { padding:10px; border-top:solid 1px #B3B3B3; overflow:hidden; }
#gallery .text img { padding:0 0 0 5px; }
#gallery .movies .cell { position:relative; width:100%; padding-top:56.25%; }
#gallery .movies .cell iframe { position:absolute; top:0; right:0; width:100% !important; height:100% !important; }

@media screen and (min-width: 801px) {
#gallery .box { margin: 80px auto 200px auto; width: 90%; max-width: 1000px; }
#gallery .gal_title { margin:0 0 15px 0; padding:0 0 10px 0; border-bottom:solid 1px #5b5b5b; }
#gallery .photos ul { margin:0 0 0 -12px; }
#gallery .photos li { margin:0 0 12px 12px; width:240px; float:left; border:solid 1px #B3B3B3; }
#gallery .movies ul { margin:0 0 0 -2%; }
#gallery .movies li { margin:0 0 2% 2%; width:48%; float:left; }
}

@media screen and (min-width: 601px) and (max-width: 800px) {
#gallery .box { margin: 80px auto 200px auto; width: 90%; max-width: 1000px; }
#gallery .gal_title { margin:0 0 15px 0; padding:0 0 10px 0; border-bottom:solid 1px #5b5b5b; }
#gallery .photos ul { margin:0 0 0 -2.7%; }
#gallery .photos li { margin:0 0 2.7% 2.7%; width:30.5%; float:left; border:solid 1px #B3B3B3; }
#gallery .movies ul { margin:0 0 0 -2%; }
#gallery .movies li { margin:0 0 2% 2%; width:48%; float:left; }
}

@media screen and (max-width: 600px) {
#gallery .box { margin: 50px auto; width: 90%; }
#gallery .gal_title { margin:0 0 15px 0; padding:0 0 10px 0; border-bottom:solid 1px #5b5b5b; }
#gallery .photos ul { margin:0 0 0 -5%; }
#gallery .photos li { margin:0 0 5% 5%; width:45%; float:left; border:solid 1px #B3B3B3; }
#gallery .movies li { margin:0 0 3% 0; }
}
/* ギャラリー */





/* 仕事 */
#works strong { font-weight:bold; }
#works .box_last { margin:0 !important; }
#works .btn a { display: block; padding: 5px; max-width: 150px; color: #fff; text-align: center; background: #5b5b5b; border-radius: 10px; }
#works .btn a:hover { background: #2e3192; }

@media screen and (min-width: 801px) {
#works .content { display: flex; margin: 80px auto 0 auto; width: 90%; max-width: 1000px; }
#works #side { margin: -20px 0 0 0; width: 280px; position: relative; }
#works #side li { margin:0 0 35px 0; padding:0 0 0 15px; background:url(common/images/arrow_03.png) no-repeat left 7px; }
#works #side li:last-child { margin:0; padding:0; background:none; }
#works #side span { display: block; color: #5b5b5b; font-size: 14px; font-family: 'Bodoni Moda', serif !important; }
#works #main { flex: 1; }
#works .box { margin:0 0 100px 0; }
#works .box h2 { margin: 10px 0 20px 0; }
#works .box p { margin: 0 0 40px 0; }
#works .fixed { position:fixed; top:20px; }

#works .w_order p { margin: 0; }
#works .w_order .sec_01 ul { display: flex; justify-content: space-between; margin: 0 0 20px 0; }
#works .w_order .sec_01 li:first-child { width: 46.5%; max-width: 344px; }
#works .w_order .sec_01 li:last-child { width: 48%; max-width: 356px; }
#works .w_order .sec_01 li span { display: block; margin: 5px 0 0 0; text-align: center; }
#works .w_order .sec_02 { margin: 60px 0 0 0; }
#works .w_order .sec_02 h3 { font-size: 30px; }
#works .w_order .sec_02 dl { display: flex; margin: 20px 0 0 0; padding: 30px 20px; border: solid 6px #E2E2E2; }
#works .w_order .sec_02 dt { width: 310px; }
#works .w_order .sec_02 dt img { display: block; margin: 0 auto; max-width: 100%; width: 85%; }
#works .w_order .sec_02 dt span { display: block; margin: 5px 0 0 0; font-size: 12px; text-align: center; font-feature-settings: "palt"; }
#works .w_order .sec_02 dd { flex: 1; }
#works .w_order .sec_02 h4 { margin: 0 0 15px 0; font-size: 24px; }
#works .w_order .btn { margin: 25px 0 0 0; }

#works .form { margin:150px auto 0 auto; width:1000px; }
#works .form .notice { margin: 50px 0 0 180px; }
}

@media screen and (min-width: 601px) and (max-width: 800px) {
#works .content { display: flex; justify-content: space-between; margin: 80px auto 0 auto; width: 90%; max-width: 1000px; }
#works #side { margin: -20px 0 0 0; width: 20%; position: relative; }
#works #side li { margin:0 0 35px 0; padding:0 0 0 15px; background:url(common/images/arrow_03.png) no-repeat left 7px; }
#works #side li:last-child { margin:0; padding:0; background:none; }
#works #side span { display: block; color: #5b5b5b; font-size: 14px; font-family: 'Bodoni Moda', serif !important; }
#works #main { width:75%; }
#works .box { margin:0 0 100px 0; }
#works .box h2 { margin: 10px 0 20px 0; }
#works .box p { margin: 0 0 40px 0; }
#works .fixed { position:fixed; top:20px; }

#works .w_order p { margin: 0; }
#works .w_order .sec_01 ul { display: flex; justify-content: space-between; margin: 0 0 20px 0; }
#works .w_order .sec_01 li:first-child { width: 46.5%; max-width: 344px; }
#works .w_order .sec_01 li:last-child { width: 48%; max-width: 356px; }
#works .w_order .sec_01 li span { display: block; margin: 5px 0 0 0; text-align: center; }
#works .w_order .sec_02 { margin: 60px 0 0 0; }
#works .w_order .sec_02 h3 { font-size: 30px; }
#works .w_order .sec_02 dl { display: flex; margin: 20px 0 0 0; padding: 30px 20px; border: solid 6px #E2E2E2; }
#works .w_order .sec_02 dt { width: 40%; max-width: 310px; }
#works .w_order .sec_02 dt img { display: block; margin: 0 auto; max-width: 100%; width: 85%; }
#works .w_order .sec_02 dt span { display: block; margin: 5px 0 0 0; font-size: 12px; text-align: center; font-feature-settings: "palt"; }
#works .w_order .sec_02 dd { flex: 1; margin: 0 0 0 20px; }
#works .w_order .sec_02 h4 { margin: 0 0 15px 0; font-size: 24px; }
#works .w_order .btn { margin: 25px 0 0 0; }

#works .form { margin: 150px auto 0 auto; padding: 0 0 0 180px; width: 95%; }
#works .form .notice { margin: 50px 0 0 0; }
}

@media screen and (max-width: 600px) {
#works .content { margin: 50px auto 0 auto; width: 90%; }
#works #side { display:none; }
#works .box { margin:0 0 50px 0; }
#works .box h2 { margin: 10px 0 20px 0; }
#works .box p { margin:0 0 30px 0; }
#works .fixed { position:fixed; top:20px; }

#works .w_order p { margin: 0; }
#works .w_order .sec_01 li { margin: 0 0 20px 0; text-align: center; }
#works .w_order .sec_01 li span { display: block; margin: 5px 0 0 0; text-align: center; }
#works .w_order .sec_02 { margin: 60px 0 0 0; }
#works .w_order .sec_02 h3 { font-size: 24px; }
#works .w_order .sec_02 dl { margin: 20px 0 0 0; padding: 15px; border: solid 6px #E2E2E2; }
#works .w_order .sec_02 dt { text-align: center; }
#works .w_order .sec_02 dt img { display: block; margin: 0 auto; max-width: 100%; width: 85%; }
#works .w_order .sec_02 dt span { display: block; margin: 5px 0 0 0; font-size: 12px; text-align: center; font-feature-settings: "palt"; }
#works .w_order .sec_02 dd { margin: 20px 0 0 0; }
#works .w_order .sec_02 h4 { margin: 0 0 15px 0; font-size: 20px; }
#works .w_order .btn { margin: 25px 0 0 0; }

#works .form { margin:100px auto 0 auto; width:95%; }
#works .form .notice { margin: 50px 0 0 0; }
}
/* 仕事 */





/* レッスン */
#lesson .red { color:#F60600; }
#lesson .ggmap { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
#lesson .ggmap iframe,
#lesson .ggmap object,
#lesson .ggmap embed { position:absolute; top:0; left:0; width:100%; height:100%; }

#lesson strong { font-weight: bold; }
@media screen and (min-width: 801px) {
#lesson .box_01 { margin: 120px auto 0 auto; width: 90%; max-width: 1000px; }
#lesson .box_01 p { font-size: 18px; text-align: center; line-height: 200%; }

#lesson .box_02 { margin: 90px 0 0 0; padding: 180px 0; background:url(common/images/lesson_img_30.jpg) no-repeat center center; background-size: cover; }
#lesson .box_02 .sec { color: #fff; }
#lesson .box_02 h2 { font-size: 30px; text-align: center; }
#lesson .box_02 p { margin: 30px 0 0 0; text-align: center; line-height: 200%; }

#lesson .box_03 { margin: 90px auto 0 auto; width: 90%; max-width: 1000px; }
#lesson .box_03 h2 { font-size: 30px; }
#lesson .box_03 .sec_01 dl { display: flex; margin: 30px 0 0 0; }
#lesson .box_03 .sec_01 dt { width: 50%; max-width: 504px; }
#lesson .box_03 .sec_01 dd { flex: 1; margin: 0 0 0 30px; }
#lesson .box_03 .sec_01 h3 { font-size: 24px; margin: 0 0 10px 0; }
#lesson .box_03 .sec_01 .spacer { margin: 50px 0 10px 0; }
#lesson .box_03 .sec_02 { margin: 70px 0 0 0; }
#lesson .box_03 .sec_02 ul { display: flex; justify-content: space-between; }
#lesson .box_03 .sec_02 li { width: 32%; max-width: 330px; }
#lesson .box_03 .sec_02 h2 { margin: 70px 0 20px 0; }
#lesson .box_03 .sec_02 h3 a { color: #000; text-decoration: underline; }
#lesson .box_03 .btn { margin: 30px 0 0 0; }
#lesson .box_03 .btn a { display: block; margin: 30px 0 0 0; padding: 10px; max-width: 245px; color: #5b5b5b; font-size: 20px; text-align: center; background: #fff; border: solid 1px #5b5b5b; }
#lesson .box_03 .btn a:hover { color: #fff; background: #5b5b5b; }
}

@media screen and (min-width: 601px) and (max-width: 800px) {
#lesson .box_01 { margin: 120px auto 0 auto; width: 90%; max-width: 1000px; }
#lesson .box_01 p { font-size: 16px; text-align: center; line-height: 200%; }

#lesson .box_02 { margin: 90px 0 0 0; padding: 180px 0; background:url(common/images/lesson_img_30.jpg) no-repeat center center; background-size: cover; }
#lesson .box_02 .sec { color: #fff; }
#lesson .box_02 h2 { font-size: 24px; text-align: center; }
#lesson .box_02 p { margin: 30px 0 0 0; text-align: center; line-height: 200%; }

#lesson .box_03 { margin: 90px auto 0 auto; width: 90%; max-width: 1000px; }
#lesson .box_03 h2 { font-size: 24px; }
#lesson .box_03 .sec_01 dl { display: flex; margin: 30px 0 0 0; }
#lesson .box_03 .sec_01 dt { width: 50%; max-width: 504px; }
#lesson .box_03 .sec_01 dd { flex: 1; margin: 0 0 0 30px; }
#lesson .box_03 .sec_01 h3 { font-size: 20px; margin: 0 0 10px 0; }
#lesson .box_03 .sec_01 .spacer { margin: 50px 0 10px 0; }
#lesson .box_03 .sec_02 { margin: 70px 0 0 0; }
#lesson .box_03 .sec_02 ul { display: flex; justify-content: space-between; }
#lesson .box_03 .sec_02 li { width: 32%; max-width: 330px; }
#lesson .box_03 .sec_02 h2 { margin: 70px 0 20px 0; }
#lesson .box_03 .sec_02 h3 a { color: #000; text-decoration: underline; }
#lesson .box_03 .btn { margin: 30px 0 0 0; }
#lesson .box_03 .btn a { display: block; margin: 30px 0 0 0; padding: 10px; max-width: 245px; color: #5b5b5b; font-size: 20px; text-align: center; background: #fff; border: solid 1px #5b5b5b; }
#lesson .box_03 .btn a:hover { color: #fff; background: #5b5b5b; }
}

@media screen and (max-width: 600px) {
#lesson .box_01 { margin: 50px auto 0 auto; width: 90%; }
#lesson .box_01 p { font-size: 14px; line-height: 200%; }

#lesson .box_02 { margin: 90px 0 0 0; padding: 200px 5px 120px 5px; background:url(common/images/lesson_img_31.jpg) no-repeat center center; background-size: cover; }
#lesson .box_02 .sec { color: #fff; }
#lesson .box_02 h2 { margin: 0 0 50px 0; font-size: 14px; text-align: center; }
#lesson .box_02 p { font-size: 13px; text-align: center; line-height: 200%; }

#lesson .box_03 { margin: 90px auto 0 auto; width: 90%; }
#lesson .box_03 h2 { font-size: 18px; }
#lesson .box_03 .sec_01 dl { margin: 30px 0 0 0; }
#lesson .box_03 .sec_01 dt { text-align: center; }
#lesson .box_03 .sec_01 dd { margin: 15px 0 0 0; }
#lesson .box_03 .sec_01 h3 { font-size: 18px; margin: 0 0 10px 0; }
#lesson .box_03 .sec_01 .spacer { margin: 30px 0 10px 0; }
#lesson .box_03 .sec_02 { margin: 70px 0 0 0; }
#lesson .box_03 .sec_02 li { text-align: center; }
#lesson .box_03 .sec_02 li img { vertical-align: top; }
#lesson .box_03 .sec_02 h2 { margin: 50px 0 15px 0; }
#lesson .box_03 .sec_02 h3 a { color: #000; text-decoration: underline; }
#lesson .box_03 .btn { margin: 30px 0 0 0; }
#lesson .box_03 .btn a { display: block; margin: 30px 0 0 0; padding: 10px; max-width: 245px; color: #5b5b5b; font-size: 18px; text-align: center; background: #fff; border: solid 1px #5b5b5b; }
#lesson .box_03 .btn a:hover { color: #fff; background: #5b5b5b; }
}
/* レッスン */