@media screen and (min-width:641px) {
    @charset "utf-8";
    .main-column { }
    .h1-box .headerbox .logo { position: absolute; top: 27px; left: 360px; }

    /*-----------------
    h2
    --------------------------------*/
    .h2-box .ptbox { margin-bottom: 3px; border-top: 1px solid #e4dfcd; }
    .h2-box .headerbox02 { background: url(../images/index/h2-bg.jpg) no-repeat top; }
    .h2-box .w-1000box { width: 1000px; margin-right: auto; margin-left: auto; position: relative; }
    .h2-box .headerbox02 li { float: left; }
    .h2-box .txtbox { float: left; width: 473px; }
    .h2-box .headerbox02 .pic01 { padding-top: 218px; margin-right: 30px; margin-left: 35px; width: 180px; float: left; }
    .h2-box .headerbox02 .h2-ttl { margin-bottom: 25px; position: relative; z-index: 3 }
    .h2-box .headerbox02 .txt01 { margin-bottom: 10px; margin-left: 40px; }
    .h2-box .headerbox02 .txt02 { margin-left: 80px; width: 294px; text-align: center; }
    .h2-box .headerbox02 .pic02 { position: absolute; top: -3px; right: -30px; z-index: 1; }
    .h2-box .headerbox02 .txt03 { position: absolute; top: 243px; right: 20px; z-index: 3; }
    .box4 .event .h3-box { width: 609px; margin: 0 auto 10px; }
    .box4 .event .h3-box .h3-ttl { float: left; margin-right: 10px; }
    .box4 .event .h3-box .txt01 { float: left; padding-top: 50px; }
    .box4 .picbox { margin-bottom: 18px; }
    .box4 .picbox li { background-color: #fff; float: left; border: 10px solid #e6e5d0; margin-right: 20px; padding: 20px 20px 10px 20px; position: relative; }
    .box4 .picbox li:nth-child(2n) { margin-right: 0px; }
    .box4 .picbox .treiangle { position: absolute; top: 9px; left: 9px; }
    .box4 .picbox .balloom { position: absolute; top: -12px; right: 21px; }
    .box4 .picbox .balloom-txt { position: absolute; top: 5px; right: 40px; color: #fff; }
    .box4 .picbox  .balloom-date { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 22px; line-height: 20px; color: #fff; position: absolute; top: 25px; right: 30px; }
    .box4 .picbox .pic01 { margin-bottom: 10px; object-fit: contain; }
    .box4 .picbox .txt01 { width: 265px; font-size: 14px; line-height: 20px; letter-spacing: 0.05em; margin-bottom: 30px; color: #715a4c; }
    .box4 .txtbox01 .finger { float: left; margin-right: 10px; margin-left: 17px; }
    .box4 .txtbox01 .txt02 { float: left; margin-right: 65px; font-size: 12px; line-height: 18px; letter-spacing: 0.05em; color: #453728; }
    .box4 .txtbox01 .txt02 { float: left; margin-right: 65px; font-size: 12px; line-height: 18px; letter-spacing: 0.05em; color: #453728; font-weight: bold; }


#con000{ width:100%; max-width:1920px; margin:-50px auto 90px; padding-top: 80px; background: url(../images/index/con000-bg01.png) no-repeat center top; }
#con000 .list{ width:1084px; margin:0 auto; display: flex; justify-content: space-between; }
#con000 .list li{ width:248px; }

	
	
	/*-----------------
     box1
    --------------------------------*/
    .box1 { background-image: url(../images/index/bg01.jpg), url(../images/index/bg01-3.jpg), url(../images/index/bg01-2.jpg); background-position: top, bottom, top; background-repeat: no-repeat, no-repeat, repeat-y; padding: 70px 72px 70px 78px; width: 1000px; margin: 0 auto; margin-bottom: 50px; }
    .box1 .h3-box { margin-left: 20px; float: left; margin-right: 125px; }
    .box1 .h3-ttl { margin-bottom: 10px; }
    .box1 .txt { margin-bottom: 15px; font-size: 14px; line-height: 24px; letter-spacing: 0.05em; color: #715a4c; font-weight: bold; }
    .box1 .buttom01 { padding-top: 30px; }
    .box1 li { width: 270px; margin-right: 20px; background-color: #fff; padding: 20px; border: 1px solid #e3e1cc; float: left; }
    .box1 li:nth-child(3n) { margin-right: 0px; }
    .box1 .txt01 { font-size: 14px; line-height: 18px; letter-spacing: 0.05em; color: #407611; margin-bottom: 5px; }
    .box1 .txt01 p:before { content: "■" }
    .box1 .txt02 { font-size: 14px; line-height: 20px; letter-spacing: 0.05em; }
    .box1 .pic01 { border: 1px solid #dcdcdc; margin-bottom: 10px; object-fit: contain; width: 228px; height: 150px; overflow: hidden; position: relative; }
    .box1 .pic01 img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; width: auto; height: auto; }

    /*-----------------
     box2
    --------------------------------*/
    .box2 { padding-top: 75px; background-image: url(../images/index/bg03.jpg), url(../images/index/bg03-2.jpg); background-position: top, bottom; background-repeat: no-repeat, repeat-y; padding-bottom: 40px; }
    .box2 .content { width: 1100px; margin-left: 50%; position: relative; left: -490px; }
    .box2 .pic { position: absolute; top: -130px; left: 20px; }
    .box2 .h3-ttl { margin-bottom: 20px; }
    .box2  .content .txtbox { margin-left: 310px; color: #fff; font-size: 14px; line-height: 24px; letter-spacing: 0.05em; position:relative; }
    .box2 .pic02 { margin-bottom: 75px; }
    .box2 .z-box { position: relative; }
    .box2 .box2list { display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .box2 .box2list li { width: 320px; background-image: url(../images/index/bg02.jpg), url(../images/index/bg02-3.jpg), url(../images/index/bg02-1.jpg); background-position: top, bottom, top; background-repeat: no-repeat, no-repeat, repeat-y; padding: 50px 20px 0px 20px; margin-right: 20px; min-height: 360px; position: relative; z-index: 5; }
    .box2 .box2list .butterfly { position: absolute; top: -10px; left: 0; }
    .box2  .h4-ttl { margin-bottom: 30px; text-align: center; }
    .box2 .txt02 { padding-bottom: 90px; min-height: 144px; font-size: 12px; line-height: 22px; letter-spacing: 0.05em; color: #715a4c; width: 260px; text-decoration: underline; padding: 0 0 0px 20px; }
    .box2 .pic03 { position: absolute; bottom: -35px; right: 0px; z-index: 1; }
    .box2 .reason03-ttl-txt { font-size: 12px; line-height: 1.4; position: absolute; top: 215px; left: 35px; }
    .box2 .box2-icon{ width:110px; position:absolute; top:270px; right:200px; }
    .box2 .box2-icon img{ width:100%; }

    /*-----------------
     box3
    --------------------------------*/
    .box3 { padding-top: 55px; background: url(../images/index/bg04.jpg) top no-repeat; background-color: #fff; position: relative; margin-bottom: 60px; }
    .box3 .content { width: 1140px; margin: 0 auto; position: relative; }
    .box3 .h3-box { margin-left: 97px }
    .box3 .h3-ttl { ; margin-bottom: 32px; }
    .box3 .txt { margin-bottom: 30px; margin-bottom: 55px; }
    .box3 .pic01 { position: absolute; top: -8px; right: 10px; }
    .box3 .txt01 { width: 665px; font-size: 14px; line-height: 24px; letter-spacing: 0.05em; color: #453728; margin-bottom: 50px; }
    .box3 .h4-ttl { position: absolute; top: -10px; left: 17px; }
    .box3 .wood-bg { background: url(../images/index/bg04-1.jpg) repeat-y top; padding-left: 280px; padding-top: 30px; padding-right: 42px; padding-bottom: 40px; position: relative; }
    .box3 .h4-list li { background-color: #fff; float: left; margin-right: 19px; padding: 30px 15px; width: 260px; position: relative; margin-bottom: 6px; }
    .box3 .h4-list li:nth-child(3n) { margin-right: 0px; }
    .box3 .h5-ttl { margin-bottom: 15px; }
    .box3 .pic02 { margin-bottom: 10px; object-fit: contain; }
    .box3 .txt02 { font-size: 12px; line-height: 18px; letter-spacing: 0.05em; color: #715a4c; width: 230px; }
    .box3 .pic03 { position: absolute; top: 100px; left: 25px; }

    /*-----------------
     box4
    --------------------------------*/
    .box4 { background-image: url(../images/index/bg07.jpg), url(../images/index/bg07-2.jpg), url(../images/index/bg07-3.jpg); background-position: top, bottom, top; background-repeat: no-repeat, no-repeat, repeat; padding: 50px 0 55px 0; }
    .box4 .content { padding-top: 55px; width: 1025px; margin: 0 auto; }
    .box4 .wh-box { background-color: #fff; float: left; }
    .box4 .wh-box .contact { margin-top: -70px; margin-bottom: 10px; }
    .box4 .magazine { background-color: #54847b; padding: 13px 10px 10px 10px; width: 220px; margin: 0 auto; margin-bottom: 10px; }
    .box4 .side-pic { margin-bottom: 10px; text-align: center; }
    .box4 .side-txt { color: #a0b2ab; font-size: 10px; line-height: 16px; letter-spacing: 0.05em; margin-bottom: 10px; width: 190px; }
    .box4 .magazine dl { background-color: #ffffff; padding: 10px; }
    .box4 .magazine dt { margin-bottom: 5px; font-size: 12px; color: #e84566; line-height: 16px; letter-spacing: 0.05em; }
    .box4 .magazine dt:before { content: "■" }
    .box4 .magazine dt:nth-child(7n):before { content: none; }
    .box4 .magazine dd { margin-bottom: 5px; }
    .box4 .magazine input { background-color: #e9e8e8; border: 1px solid #dcdcdc; padding: 5px; }
    .box4 .wh-box .bannar01 { margin-bottom: 10px; text-align: center; }
    .box4 .side-service { background: url(../images/common/side_bg02.jpg) no-repeat bottom, url(../images/common/side_bg01.jpg) repeat-y top; padding: 10px 11px 20px; position: relative; width: 220px; margin: 0 auto 10px; }
    .box4 .side-service .bg-box { background-color: #1b0f03; padding: 4px 10px 4px 22px; margin-bottom: 80px; }
    .box4 .side-service .txt01 { width: 160px; position: relative; z-index: 1 }
    .box4 .side-service .txt02 { position: absolute; top: 25px; right: 10px; }
    .box4 .side-service .txt03 { font-size: 12px; line-height: 18px; letter-spacing: 0.05em; color: #453728; background-color: #fff; border: 1px dotted #000000; position: relative; margin-bottom: 10px; padding: 10px 9px 10px 10px; }
    .box4 .side-service .pic02 { position: absolute; bottom: -1px; right: -1px; }
    .box4 .content .bannar02 { text-align: center; }
    .box4 .mainbox { background-color: #f7f9f9; float: right; width: 740px; padding: 30px 30px 70px 30px; margin-bottom: 45px; }
    .box4 .news { background: url(../images/index/bg06-01.jpg) repeat top; padding: 20px 15px 20px 40px; margin-bottom: 20px; }
    .box4 .news .h3-box { float: left; text-align: center; margin-right: 30px; }
    .box4 .news .h3-ttl { margin-bottom: 15px; }
    .box4 .scroll-box { background-color: #fff; padding: 20px 20px 13px 20px; color: #407611; box-sizing: border-box; overflow-y: scroll; transform: translateZ(0); height: 180px; border: 1px solid #dedbbb; }
    .box4 .scroll-box dt { float: left; padding: 5px 0; width: 8em; font-size: 14px; line-height: 24px; letter-spacing: 0.05em; }
    .box4 .scroll-box dt:before { content: "■" }
    .box4 .scroll-box dd { border-bottom: 1px solid #ccc; padding: 5px 0 5px 8em; font-size: 14px; line-height: 20px; letter-spacing: 0.05em; color: #715a4c; padding-bottom: 10px; margin-bottom: 20px; }
    .box4 select { background-color: #e9e8e8; padding: 8px 60px 8px 15px; border: none; margin-bottom: 5px; }
    .box4 .marriage_hunting { background-color: #f2f1ea; border: 1px solid #cac9ae; width: 682px; padding: 6px; margin-bottom: 30px; }
    .box4 .marriage_hunting .bg { background-color: #e7e5d0; width: 670px; padding: 14px 0; }
    .box4 .marriage_hunting .bg .h3-ttl { text-align: center; }
    .box4 .marriage_hunting .txtbox { font-size: 12px; line-height: 18px; letter-spacing: 0.05em; color: #715a4c; padding: 16px 20px 20px 20px; background-color: #fff; width: 660px; margin-left: 5px; }
    .box4 .marriage_hunting .txt { float: left; width: 455px; margin-right: 20px; }
    .box4 .marriage_hunting .pic01 { float: left; padding-top: 5px; }
    .box4 .event .h3-box { width: 609px; margin: 0 auto 10px; }
    .box4 .event .h3-box .h3-ttl { float: left; margin-right: 10px; }
    .box4 .event .h3-box .txt01 { float: left; padding-top: 50px; }
    .box4 .picbox { margin-bottom: 18px; }
    .box4 .picbox li { background-color: #fff; float: left; border: 10px solid #e6e5d0; margin-right: 20px; padding: 20px 20px 10px 20px; position: relative; }
    .box4 .picbox li:nth-child(2n) { margin-right: 0px; }
    .box4 .picbox .treiangle { position: absolute; top: 9px; left: 9px; }
    .box4 .picbox .balloom { position: absolute; top: -12px; right: 21px; z-index: 10; }
    .box4 .picbox .balloom-txt { position: absolute; top: 5px; right: 40px; color: #fff; z-index: 10; }
    .box4 .picbox  .balloom-date { z-index: 10; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 22px; line-height: 20px; color: #fff; position: absolute; top: 25px; right: 30px; }
    .box4 .picbox .balloom-date .event_end { color: #000; font-size: 11px; font-weight: bold; }
    .box4 .picbox .pic01 { margin-bottom: 10px; object-fit: contain; width: 270px; height: 180px; overflow: hidden; position: relative; }
    .box4 .picbox .pic01 img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; width: auto; height: auto; z-index: 1; }
    .box4 .picbox .txt01 { width: 265px; font-size: 14px; line-height: 20px; letter-spacing: 0.05em; margin-bottom: 30px; color: #715a4c; }
    .box4 .txtbox01 .finger { float: left; margin-right: 10px; margin-left: 17px; }
    .box4 .txtbox01 .txt02 { float: left; margin-right: 65px; font-size: 12px; line-height: 18px; letter-spacing: 0.05em; color: #453728; }
    .box4 .txtbox01 .txt02 { float: left; margin-right: 65px; font-size: 12px; line-height: 18px; letter-spacing: 0.05em; color: #453728; font-weight: bold; }

    /*-----------------
     box5
    --------------------------------*/
    .box5 { margin-bottom: 40px; padding-top: 5px; }
    .box5 .content { width: 1000px; margin: 0 auto; }
    .box5 .content .h3-box { margin-left: 20px; }
    .box5 .content .h3-ttl { float: left; margin-right: 117px; }
    .box5 .content .buttom01 { padding-top: 80px; }
    .box5 .content .h4-box { margin-bottom: 80px; }
    .box5 .content .h4-box li { float: left; margin-left: -20px; }
    .box5 .content .h4-box li:first-child { margin-left: 0px }
    .box5 .content .h4-ttl01 { position: relative; z-index: 5 }
    .box5 .content .h4-ttl02 { position: relative; z-index: 4 }
    .box5 .content .h4-ttl03 { position: relative; z-index: 3 }
    .box5 .content .h4-ttl04 { position: relative; z-index: 2 }
    .box5 .content .h4-ttl05 { position: relative; z-index: 1 }
    .box5 .content .blogborder { width: 740px; border: 1px solid #3b2c1f; position: relative; float: left; padding: 20px 0 20px 20px; margin-bottom: 40px; }
    .box5 .content .b-box { display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; }
    .box5 .content .b-box li { padding: 10px 10px 10px 10px; width: 190px; margin-right: 12px; background: url(../images/index/bg10.jpg) no-repeat bottom, #f3f2e6 repeat top; }
    .box5 .content .b-box li:nth-child(3n) { margin-right: 0px; }
    .box5 .content .b-box .pic01 { margin-bottom: 12px; object-fit: contain; width: 170px; height: 130px; overflow: hidden; position: relative; }
    .box5 .content .b-box .pic01 img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; width: auto; height: auto; }
    .box5 .content .b-box .date { margin-bottom: 5px; font-size: 12px; line-height: 18px; letter-spacing: 0.05em; color: #407611; }
    .box5 .content .b-box .date:before { content: "■" }
    .box5 .content .b-box .txt01 { margin-bottom: 0px; padding-bottom: 45px; font-size: 12px; line-height: 18px; letter-spacing: 0.05em; color: #715a4c; }
    .box5 .content .b-box .txt02 { padding-bottom: 10px; }
    .box5 .content .logo { position: absolute; top: -15px; right: -10px; }
    .box5 .content .sidebox { width: 220px; float: right; }
    .box5 .content .sidebox .pic01 { margin-bottom: 10px; }

    /*-----------------
     box6
    --------------------------------*/
    .box6 { background: url(../images/index/bg08.jpg) no-repeat top; margin-bottom: 40px; }
    .box6 .content { width: 940px; margin: 0 auto; padding-top: 30px; }
    .box6 .h3-ttl { width: 829px; text-align: center; margin-bottom: 20px; }
    .box6 .txtbox { width: 450px; background-repeat: no-repeat; box-sizing: 50%, 50% }
    .box6 .content li { float: left; margin-right: 35px; margin-bottom: 30px; }
    .box6 .content li:nth-child(2n) { margin-right: 0px; }

    /*-----------------
     box7
    --------------------------------*/
    .box7 { background-color: #fff; }
    .box7 .content { width: 1000px; margin: 0 auto; }
    .box7 .content .leftbox { width: 490px; margin-right: 20px; float: left; }
    .box7 .content .gmap { margin-bottom: 10px; }
    .box7 .content .h3-ttl { font-size: 14px; line-height: 20px; letter-spacing: 0.05em; color: #715a4c; font-weight: bold; margin-bottom: 9px; }
    .box7 .content .txt { font-size: 12px; line-height: 20px; letter-spacing: 0.05em; color: #715a4c; margin-bottom: 18px; }
    .box7 .content .rightbox { width: 490px; float: left; margin-bottom: 40px; }
    .box7 .content .breadcrumbs li { float: left; font-size: 14px; line-height: 20px; letter-spacing: 0.05em; margin-right: 15px; }
    .box7 .content .breadcrumbs span { color: #715a4c; }

    /*-----------------
     box8
    --------------------------------*/
    .box8 { margin-bottom: 80px; background: url(../images/index/bg09.jpg) repeat top; }
    .box8 .content { width: 1000px; margin: 0px auto; }
    .box8 .content .linklist { width: 482px; margin: 0 auto 15px auto; padding-top: 45px; }
    .box8 .content .linklist li { float: left; margin-right: 10px; width: 152px; }
    .box8 .content .linklist li:nth-child(3n) { margin-right: 0px; }
    .box8 .content .txt { text-align: center; margin-bottom: 65px; font-size: 14px; line-height: 20px; letter-spacing: 0.05em; color: #715a4c; }
    .box8 .content .t-box { display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; }
    .box8 .content .txtbox li { margin-right: 20px; width: 320px; border: 4px solid #e9e9e9; min-height: 470px; outline: solid 1px #bdbdbd; padding: 34px 18px 45px 18px; }
    .box8 .content .txtbox li:nth-child(3n) { margin-right: 0px; }
    .box8 .content .h3-ttl { color: #6b6b6b; font-size: 12px; line-height: 18px; letter-spacing: 0.05em; margin-bottom: 15px; }
    .box8 .content .h3-ttl:before { content: "■" }
    .box8 .content .txt01 { font-size: 12px; line-height: 18px; letter-spacing: 0.07em; color: #adadad; }
	
	.box8 .content .online{ width: 336px; margin: 0 auto; padding-top: 20px;}
	.box8 .content .online img{}
	
}

/*SP用*/
@media screen and (max-width:640px) {
    @charset "utf-8";
    .main-column { }
    .h1-box .headerbox .logo { position: absolute; top: 12vw !important; width: 100%; padding: 0 35vw; z-index: 10000; }
    .sp_main_bnr { padding: 0px 4vw; }
	
	.sp_main_bnr01{width: 90%; margin: 5vw auto; }
	.sp_main_bnr01 img{width: 100%; }

    /*-----------------
    h2
    --------------------------------*/
    .h2-box { position: relative; }
    .h2-box .ptbox { margin-bottom: 3px; border-top: 1px solid #e4dfcd; }
    .h2-box .headerbox02 { background: url(../images/index/h2-bg.jpg) no-repeat top; }
    .h2-box .w-1000box { }
    .h2-box .headerbox02 li { float: left; }
    .h2-box .txtbox { float: left; width: 473px; }
    .h2-box .headerbox02 .pic01 { padding-top: 218px; margin-right: 30px; margin-left: 35px; width: 180px; float: left; }
    .h2-box .headerbox02 .h2-ttl { margin-bottom: 25px; padding-top: 125px; position: relative; z-index: 3 }
    .h2-box .headerbox02 .txt01 { margin-bottom: 10px; margin-left: 40px; }
    .h2-box .headerbox02 .txt02 { margin-left: 80px; width: 294px; text-align: center; }
    .h2-box .headerbox02 .pic02 { position: absolute; top: -3px; right: -30px; z-index: 1; }
    .h2-box .headerbox02 .txt03 { position: absolute; top: 243px; right: 20px; z-index: 3; }
    .box4 .event .h3-box { width: 609px; margin: 0 auto 10px; }
    .box4 .event .h3-box .h3-ttl { float: left; margin-right: 10px; }
    .box4 .event .h3-box .txt01 { float: left; padding-top: 50px; }
    .box4 .picbox { margin-bottom: 18px; }
    .box4 .picbox li { background-color: #fff; float: left; border: 10px solid #e6e5d0; margin-right: 20px; padding: 20px 20px 10px 20px; position: relative; }
    .box4 .picbox li:nth-child(2n) { margin-right: 0px; }
    .box4 .picbox .treiangle { position: absolute; top: 9px; left: 9px; }
    .box4 .picbox .balloom { position: absolute; top: -12px; right: 21px; }
    .box4 .picbox .balloom-txt { position: absolute; top: 5px; right: 40px; color: #fff; }
    .box4 .picbox  .balloom-date { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 22px; line-height: 20px; color: #fff; position: absolute; top: 25px; right: 30px; }
    .box4 .picbox .pic01 { margin-bottom: 10px; object-fit: contain; }
    .box4 .picbox .txt01 { width: 265px; font-size: 14px; line-height: 20px; letter-spacing: 0.05em; margin-bottom: 30px; color: #715a4c; }
    .box4 .txtbox01 .finger { float: left; margin-right: 10px; margin-left: 17px; }
    .box4 .txtbox01 .txt02 { float: left; margin-right: 65px; font-size: 12px; line-height: 18px; letter-spacing: 0.05em; color: #453728; }
    .box4 .txtbox01 .txt02 { float: left; margin-right: 65px; font-size: 12px; line-height: 18px; letter-spacing: 0.05em; color: #453728; font-weight: bold; }

#con000{ margin:0 auto 12vw; padding: 9vw 0 5vw; background-color:#CFCBB7; }
#con000 .list{ margin:0 5vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#con000 .list li{ width:49%; margin-right:2%; margin-bottom:8vw; }
#con000 .list li:nth-child(2n){ margin-right:0; }

    /*-----------------
     box1
    --------------------------------*/
    .box1 { background-image: url(../images/index/bg01.jpg), url(../images/index/bg01-3.jpg), url(../images/index/bg01-2.jpg); background-position: top, bottom, top; background-repeat: no-repeat, no-repeat, repeat-y; padding: 5vw 5vw 9vw; margin: 0 5vw; margin-bottom: 80px; background-size: contain; }
    .box1 .h3-box { padding: 2vw; text-align: center; }
    .box1 .h3-ttl { margin-bottom: 10px; }
    .box1 .txt { margin-bottom: 15px; font-size: 14px; line-height: 24px; letter-spacing: 0.05em; color: #715a4c; font-weight: bold; }
    .box1 .buttom01 { display: none; }
    .box1 li { width: 100%; background-color: #fff; padding: 5vw; border: 1px solid #e3e1cc; margin-bottom: 10px; }
    .box1 li:nth-child(3n) { margin-right: 0px; }
    .box1 .txt01 { font-size: 14px; line-height: 18px; letter-spacing: 0.05em; color: #407611; margin-bottom: 5px; }
    .box1 .txt01 p a { display: block; }
    .box1 .txt01 p a:before { content: "■"; color: #54847b; }
    .box1 .txt02 { font-size: 14px; line-height: 20px; letter-spacing: 0.05em; }
    .box1 .txt02 a { display: block; }
    .box1 .pic01 { border: 1px solid #dcdcdc; margin-bottom: 10px; object-fit: contain; width: 100%; height: 180px; overflow: hidden; position: relative; }
    .box1 .pic01 a { display: block; }
    .box1 .pic01 img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; width: auto; height: auto; }

    /*-----------------
     box2
    --------------------------------*/
    .box2 {padding-top: 20px;background-image: url(../images/index/sp_bg03.png);background-color: #449cc8;background-repeat: no-repeat;background-size: contain;}
    .box2 .content { position: relative; }
    .box2 .pic { margin-top: -20vw; padding: 0 30vw 28vw; }
    .box2 .h3-ttl { margin-bottom: 20px; }
    .box2  .content .txtbox { color: #fff; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; padding: 0 5vw; }
    .box2 .pic02 { margin-bottom: 35px; }
    .box2 .z-box { position: relative; background-image: url(../images/index/bg03-2.jpg); padding-top: 30px; }
    .box2 .box2list { display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 5vw 0; }
    .box2 .box2list li { width: 100%; background-image: url(../images/index/bg02.jpg), url(../images/index/bg02-3.jpg), url(../images/index/bg02-1.jpg); background-position: top, bottom, top; background-size: contain; background-repeat: no-repeat, no-repeat, repeat-y; padding: 5vw; position: relative; z-index: 5; margin-bottom: 20px; }
    .box2 .box2list .butterfly { position: absolute; top: 1px; left: 0; }
    .box2  .h4-ttl { margin-bottom: 5vw; text-align: center; }
    .box2 .txt02 { padding-bottom: 71px; font-size: 16px; line-height: 26px; letter-spacing: 0.05em; color: #715a4c; text-decoration: underline; }
    .box2 .pic03 { position: absolute; bottom: -35px; right: 0px; z-index: 1; }
    .box2 .reason03-ttl-txt { font-size: 12px; line-height: 1.4; text-align: center; margin-bottom: 10px; }

    /*-----------------
     box3
    --------------------------------*/
    .box3 { padding: 35px 0 0; background: url(../images/index/bg04.jpg) top no-repeat; background-color: #fff; position: relative; margin-bottom: 10px; }
    .box3 .content { margin: 0 auto; position: relative; }
    .box3 .h3-box { padding: 0 5vw; }
    .box3 .h3-ttl { ; margin-bottom: 32px; }
    .box3 .txt { margin-bottom: 30px; margin-bottom: 35px; }
    .box3 .pic01 { position: absolute; top: -8px; right: 10px; display: none; }
    .box3 .txt01 { font-size: 16px; line-height: 30px; letter-spacing: 0.05em; color: #453728; margin-bottom: 50px; }
    .box3 .h4-ttl { position: absolute; top: -10px; left: 17px; display: none; }
    .box3 .wood-bg { background: url(../images/index/bg04-1.jpg) repeat-y top; position: relative; padding: 5vw; }
    .box3 .h4-list li { background-color: #fff; padding: 3vw; width: 100%; position: relative; margin-bottom: 20px; }
    .box3 .h4-list li:nth-child(3n) { margin-right: 0px; }
    .box3 .h5-ttl { margin-bottom: 15px; text-align: center; }
    .box3 .pic02 { margin-bottom: 10px; object-fit: contain; width: 100%; text-align: center; }
    .box3 .txt02 { font-size: 16px; line-height: 23px; letter-spacing: 0.05em; color: #715a4c; }
    .box3 .pic03 { position: absolute; top: 100px; left: 25px; }

    /*-----------------
     box4
    --------------------------------*/
    .box4 { }
    .box4 .content { padding-top: 35px; margin: 0 auto; }
    .box4 .wh-box { background-color: #fff; float: none; }
    .box4 .wh-box .contact { display: none; }
    .box4 .magazine { background-color: #54847b; padding: 3vw; width: 92%; margin: 0 4vw; margin-bottom: 10px; box-sizing: border-box; }
    .box4 .side-pic { margin-bottom: 10px; text-align: center; padding: 0 12vw; }
    .box4 .side-txt { color: #a0b2ab; font-size: 14px; line-height: 22px; letter-spacing: 0.05em; margin-bottom: 10px; width: 100%; }
    .box4 .magazine dl { background-color: #ffffff; padding: 10px; box-sizing: border-box; width: 100%; }
    .box4 .magazine dt { margin-bottom: 5px; font-size: 14px; color: #e84566; line-height: 16px; letter-spacing: 0.05em; box-sizing: border-box; width: 100%; text-align: c; }
    .box4 .magazine dt:before { content: "■" }
    .box4 .magazine dt:nth-child(7n):before { content: none; }
    .box4 .magazine dd { margin-bottom: 5px; box-sizing: border-box; width: 100%; }
    .box4 .magazine input { background-color: #e9e8e8; border: 1px solid #dcdcdc; padding: 5px; width: 100%; box-sizing: border-box; }
    .box4 .wh-box .bannar01 { display: none; }
    .box4 .side-service { display: none; }
    .box4 .side-service .bg-box { background-color: #1b0f03; padding: 4px 10px 4px 22px; margin-bottom: 80px; }
    .box4 .side-service .txt01 { width: 160px; position: relative; z-index: 1 }
    .box4 .side-service .txt02 { position: absolute; top: 25px; right: 10px; }
    .box4 .side-service .txt03 { font-size: 12px; line-height: 18px; letter-spacing: 0.05em; color: #453728; background-color: #fff; border: 1px dotted #000000; position: relative; margin-bottom: 10px; padding: 10px 9px 10px 10px; }
    .box4 .side-service .pic02 { position: absolute; bottom: -1px; right: -1px; }
    .box4 .content .bannar02 { display: none; }
    .box4 .mainbox { background-color: #f7f9f9; padding: 4vw; margin-bottom: 0px; }
    .box4 .news { background: url(../images/index/bg06-01.jpg) repeat top; padding: 4vw 4vw 1vw; margin-bottom: 20px; }
    .box4 .news .h3-box { text-align: center; float: none; margin: 0; }
    .box4 .news .h3-ttl { margin-bottom: 15px; }
    .box4 .scroll-box {background-color: #fff;padding: 3vw;color: #407611;box-sizing: border-box;transform: translateZ(0);border: 1px solid #dedbbb;margin-bottom: 20px;}

    .box4 .scroll-box dt,
    .box4 .scroll-box dd{
        display: none;
    }
    .box4 .scroll-box dt:first-child,
    .box4 .scroll-box dt:nth-child(2),
    .box4 .scroll-box dt:nth-child(3),
    .box4 .scroll-box dd:first-child,
    .box4 .scroll-box dd:nth-child(2),
    .box4 .scroll-box dd:nth-child(3)
    {
        display: block  ;
    }

    .box4 .scroll-box dt { padding: 5px 0; float: none; font-size: 14px; line-height: 24px; letter-spacing: 0.05em; }
    .box4 .scroll-box dt:before { content: "■" }
    .box4 .scroll-box dd { border-bottom: 1px solid #ccc; padding: 5px 0 5px; font-size: 14px; line-height: 20px; letter-spacing: 0.05em; color: #715a4c; padding-bottom: 10px; margin-bottom: 20px; }
    .box4 select { background-color: #e9e8e8; padding: 8px 60px 8px 15px; border: none; margin-bottom: 5px; }
    .box4 .marriage_hunting { background-color: #f2f1ea; border: 1px solid #cac9ae; width: 100%; padding: 6px; margin-bottom: 30px; }
    .box4 .marriage_hunting .bg { background-color: #e7e5d0; padding: 14px 0; width: 100%; }
    .box4 .marriage_hunting .bg .h3-ttl { text-align: center; }
    .box4 .marriage_hunting .txtbox { font-size: 14px; line-height: 18px; letter-spacing: 0.05em; color: #715a4c; padding: 3vw; background-color: #fff; width: 100%; margin-left: 0; }
    .box4 .marriage_hunting .txt { float: none; width: 100%; margin-right: 0; line-height: 1.6; }
    .box4 .marriage_hunting .pic01 { float: none; padding-top: 5px; text-align: center; }
    .box4 .event .h3-box { margin: 0 auto 10px; width: 100%; }
    .box4 .event .h3-box .h3-ttl { float: none; margin-right: 0; }
    .box4 .event .h3-box .txt01 { float: none; padding-top: 10px; margin-bottom: 20px; }
    .box4 .picbox { margin-bottom: 18px; }
    .box4 .picbox li { background-color: #fff; float: none; border: 10px solid #e6e5d0; margin-right: 0; padding: 3vw; position: relative; margin-bottom: 20px; }
    .box4 .picbox li:nth-child(2n) { margin-right: 0px; }
    .box4 .picbox .treiangle { position: absolute; top: 9px; left: 9px; }
    .box4 .picbox .balloom { position: absolute; top: -5vw; right: -1vw; z-index: 10; }
    .box4 .picbox .balloom-txt { position: absolute; top: 1vw; right: 4vw; color: #fff; z-index: 10; }
    .box4 .picbox  .balloom-date { z-index: 10; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 3vw; line-height: 20px; color: #fff; position: absolute; top: 5vw; right: 1vw; }
    .box4 .picbox .balloom-date .event_end { color: #000; font-size: 11px; font-weight: bold; }
    .box4 .picbox .pic01 { margin-bottom: 10px; object-fit: contain; width: 100%; height: 200px; overflow: hidden; position: relative; }
    .box4 .picbox .pic01 img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; width: auto; height: auto; z-index: 1; }
    .box4 .picbox .txt01 { width: 100%; font-size: 14px; line-height: 20px; letter-spacing: 0.05em; margin-bottom: 10px; color: #715a4c; }
    .box4 .txtbox01 .finger { float: left; margin-right: 10px; margin-left: 0; width: 8%; }
    .box4 .txtbox01 .txt02 { float: left; margin-right: 65px; font-size: 12px; line-height: 18px; letter-spacing: 0.05em; color: #453728; }
    .box4 .txtbox01 .txt02 { float: left; margin-right: 0; font-size: 15px; line-height: 18px; letter-spacing: 0.05em; color: #453728; font-weight: bold; width: 87%; }

    /*-----------------
     box5
    --------------------------------*/
    .box5 { margin-bottom: 40px; }
    .box5 .content { margin: 0 auto; padding: 0 4vw; }
    .box5 .content .h3-box { margin-left: 20px; }
    .box5 .content .h3-ttl { }
    .box5 .content .buttom01 { padding-top: 30px; margin-bottom: 40px; }
    .box5 .content .h4-box { margin-bottom: 80px; }
    .box5 .content .h4-box li { float: left; margin-left: -20px; }
    .box5 .content .h4-box li:first-child { margin-left: 0px }
    .box5 .content .h4-ttl01 { position: relative; z-index: 5 }
    .box5 .content .h4-ttl02 { position: relative; z-index: 4 }
    .box5 .content .h4-ttl03 { position: relative; z-index: 3 }
    .box5 .content .h4-ttl04 { position: relative; z-index: 2 }
    .box5 .content .h4-ttl05 { position: relative; z-index: 1 }
    .box5 .content .blogborder {border: 1px solid #3b2c1f;position: relative;padding: 3vw;margin: 0 auto 20px;}
    .box5 .content .b-box { display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; }
    .box5 .content .b-box li { padding: 2vw; width: 48%; background: url(../images/index/bg10.jpg) no-repeat bottom, #f3f2e6 repeat top; margin-right: 4%; }
    .box5 .content .b-box li:nth-child(2n) { margin-right: 0px; }
    .box5 .content .b-box .pic01 { margin-bottom: 12px; object-fit: contain; width: 100%; height: 130px; overflow: hidden; position: relative; }
    .box5 .content .b-box .pic01 img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; width: auto; height: auto; }
    .box5 .content .b-box .date { margin-bottom: 5px; font-size: 12px; line-height: 18px; letter-spacing: 0.05em; color: #407611; }
    .box5 .content .b-box .date:before { content: "■" }
    .box5 .content .b-box .txt01 { margin-bottom: 0px; padding-bottom: 45px; font-size: 12px; line-height: 18px; letter-spacing: 0.05em; color: #715a4c; }
    .box5 .content .b-box .txt02 { padding-bottom: 10px; }
    .box5 .content .logo { display: none; }
    .box5 .content .sidebox { display: none; }
    .box5 .content .sidebox .pic01 { margin-bottom: 10px; }

    /*-----------------
     box6
    --------------------------------*/
    .box6 { margin-bottom: 40px; }
    .box6 .content { margin: 0 auto; }
    .box6 .h3-ttl { text-align: center; margin-bottom: 20px; padding: 0 3vw; }
    .box6 .txtbox { background-repeat: no-repeat; box-sizing: 50%, 50%; }
    .box6 .content ul { background: url(../images/index/bg08.jpg) no-repeat top; background-size: cover; padding: 7vw 5vw 2vw; }
    .box6 .content li { margin-bottom: 20px; }
    .box6 .content li:nth-child(2n) { margin-right: 0px; }

    /*-----------------
     box7
    --------------------------------*/
    .box7 { background-color: #fff; }
    .box7 .content { margin: 0 auto; }
    .box7 .content .leftbox { padding: 0 4vw 20px; }
    .box7 .content .gmap iframe { margin-bottom: 10px; width: 100%; }
    .box7 .content .h3-ttl { font-size: 14px; line-height: 20px; letter-spacing: 0.05em; color: #715a4c; font-weight: bold; margin-bottom: 9px; }
    .box7 .content .txt { font-size: 12px; line-height: 20px; letter-spacing: 0.05em; color: #715a4c; margin-bottom: 18px; }
    .box7 .content .rightbox { padding: 0 4vw 20px; width: 100%; overflow: hidden; }
    .box7 .content .rightbox iframe { width: 100% !important; }
    .box7 .content .breadcrumbs li { float: left; font-size: 14px; line-height: 20px; letter-spacing: 0.05em; margin-right: 15px; }
    .box7 .content .breadcrumbs span { color: #715a4c; }

    /*-----------------
     box8
    --------------------------------*/
    .box8 { background: url(../images/index/bg09.jpg) repeat top; }
    .box8 .content { margin: 0px auto; }	
    .box8 .content .linklist {margin: 0 auto 15px auto;padding: 35px 4vw 0;display: -ms-flexbox;/*--- IE10 ---*/display: -webkit-flex;/*--- safari（PC）用 ---*/display:flex;-ms-flex-line-pack:stretch;/*--- IE10 ---*/display: flex;justify-content: space-around;}
    .box8 .content .linklist li { width: 30%; }
    .box8 .content .linklist li:nth-child(3n) { margin-right: 0px; }
    .box8 .content .txt { text-align: center; margin-bottom: 15px; font-size: 14px; line-height: 20px; letter-spacing: 0.05em; color: #715a4c; }
    .box8 .content .t-box { display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; }
    .box8 .content .txtbox li { border: 4px solid #e9e9e9; outline: solid 1px #bdbdbd; padding: 3vw; background: #fff; margin: 0 4vw 20px; }
    .box8 .content .h3-ttl { color: #6b6b6b; font-size: 12px; line-height: 18px; letter-spacing: 0.05em; margin-bottom: 15px; }
    .box8 .content .h3-ttl:before { content: "■" }
    .box8 .content .txt01 { font-size: 12px; line-height: 18px; letter-spacing: 0.07em; color: #adadad; }
}