

body,h1,h2,h3,h4,h5,h6,div,p,pre,ul,ol,dl,dt,dd,address,form,blockquote,article,section,figure,textarea,input{
 margin: 0;
 padding: 0;
 font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Helvetica,"MS Pゴシック","MS PGothic",sans-serif;
}


img{
 border: none;
 vertical-align: top;
 line-height: 0;
 display: block;
}
ul{
 list-style: none;
}
a{
 outline: none;
 overflow: hidden;
 cursor: pointer;
 text-decoration: none;
}
a:hover{
 outline: none;
 overflow: hidden;
 cursor: pointer;
 text-decoration: underline;
}
a img{
 border: 0px;
}

.new_clear{
 clear: both;
}


.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mt50{ margin-top: 50px; }
.mt60{ margin-top: 60px; }
.mt70{ margin-top: 70px; }
.mt80{ margin-top: 80px; }
.mt90{ margin-top: 90px; }
.mt100{ margin-top: 100px; }
.mt110{ margin-top: 110px; }
.mt120{ margin-top: 120px; }
.mt130{ margin-top: 130px; }
.mt140{ margin-top: 140px; }
.mt150{ margin-top: 150px; }
.mt160{ margin-top: 160px; }
.mt170{ margin-top: 170px; }
.mt180{ margin-top: 180px; }
.mt190{ margin-top: 190px; }
.mt200{ margin-top: 200px; }




.new_head{
 width: 100%;
 padding: 20px 0px 0px 0px;
 background-color: #fff;
 height: 50px;
 border-bottom: solid 1px #ddd;
}
.new_head_l{
 float: left;
 padding-left: 30px;
}
.new_head_r{
 float: right;
 padding-right: 30px;
}
.new_head_r1,
.new_head_r2{
 float: left;
}
.new_head_r2{
 padding: 10px 0px 0px 30px;
 font-size: 13px;
}
.new_head_r2 a{
 color: #000;
}
.new_head_l img{
 width: 182px;
}
nav {
    width: 100%;
    height: 60px;
    display: none;
    background-color: #fff;
    position: relative;
    position: fixed;
    top: 0;
    z-index: 2;
}





.main{
 background: url(../../image/togahaku/main.jpg) no-repeat;
 height: 700px;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
background-position: 50% 50%;
}

.main_area{
 width: 100%;
 position: relative;
 left: 0;
 right: 0;
 margin: 0 auto;
}
.main_area_copy{
 position: absolute;
 top: 490px;
 left: 100px;
}
.main_area_logo{
 position: absolute;
 top: 44px;
 right: 0;
 right: 100px;
}

.main_area_copy img{
 width: 682px;
}
.main_area_logo img{
 width: 132px;
}







.slides01{ background: url(../../image/togahaku/sl_01_01.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 400px; background-position: 50% 50%;}
.slides02{ background: url(../../image/togahaku/sl_01_02.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 400px; background-position: 50% 50%;}
.slides03{ background: url(../../image/togahaku/sl_01_03.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 400px; background-position: 50% 50%;}
.slides04{ background: url(../../image/togahaku/sl_01_04.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 400px; background-position: 50% 50%;}


.slides05{ background: url(../../image/togahaku/sl_02_01.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 400px; background-position: 50% 50%;}
.slides06{ background: url(../../image/togahaku/sl_02_02.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 400px; background-position: 50% 50%;}
.slides07{ background: url(../../image/togahaku/sl_02_03.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 400px; background-position: 50% 50%;}
.slides08{ background: url(../../image/togahaku/sl_02_04.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 400px; background-position: 50% 50%;}


.slides09{ background: url(../../image/togahaku/sl_03_01.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 400px; background-position: 50% 50%;}
.slides10{ background: url(../../image/togahaku/sl_03_02.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 400px; background-position: 50% 50%;}
.slides11{ background: url(../../image/togahaku/sl_03_03.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 400px; background-position: 50% 50%;}
.slides12{ background: url(../../image/togahaku/sl_03_04.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 400px; background-position: 50% 50%;}









.about_box{
 width: 100%;
 background-color: #f7f8f8;
}
.about_box_l_01,
.about_box_l_03,
.about_box_l{
 float: left;
 width: 50%;
}
.about_box_r_02,
.about_box_r_04,
.about_box_r{
 float: right;
 width: 50%;
}


.about_box_img{
 width: 500px;
 margin: 0 auto;
 margin-top: 60px;
}

.about_box_img img{
 width: 500px;
}
.about_box_p{
 width: 500px;
 margin: 0 auto;
 font-size: 15px;
 line-height: 2.2em;
 margin-top: 30px;
 color: #3E3A39;
 text-align: justify;
}


.new_txtc{
 width: 495px;
 margin: 0 auto;
 margin-top: 120px;
}
.new_txtc img{
 width: 495px;
}




.new_toinfo{
 font-size: 16px;
 color: #000;
 width: 380px;
 margin: 0 auto;
 margin-top: 100px;
 text-align: center;
 line-height: 3em;
 letter-spacing: 0.1em;
}
.new_toinfo a{
 color: #000;
 display: block;
 width: 380px;
 height: 45px;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border: solid 1px #000;
}
.new_toinfo a:hover{
 text-decoration: none;
 color: #fff;
 background-color: #000;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}

.new_toinfo.mt0{
 margin-top: 0;
}

.new_toinfo_txt{
	line-height: 1.5em;
	margin-bottom: 20px;
	font-size: 14px;
	text-align: center;
	margin-top: 100px;
}


.new_tit{
 margin: 0 auto;
 text-align: center;
 font-size: 22px;
 font-weight: bold;
 color: #fff;
 margin: 100px 0px 0px 0px;
 padding: 30px 0px 30px 0px;
 background-color: #3E3A39;
 font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 letter-spacing: 0.15em;
}
.new_tit2{
 margin: 0 auto;
 text-align: center;
 font-size: 22px;
 font-weight: bold;
 color: #fff;
 margin: 0px 0px 0px 0px;
 padding: 30px 0px 30px 0px;
 background-color: #3E3A39;
 font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 letter-spacing: 0.15em;
}








.point{
 background-color: #f7f8f8;
}

.bbf{
 border-bottom: solid 1px #fff;
}


.point_area{
 width: 1380px;
 margin: 0 auto;
 border-left: solid 1px #fff;
 border-right: solid 1px #fff;
}
.point_box{
 width: 458px;
 float: left;

 padding-bottom: 40px;
}
.point_box_pbblr{
 width: 458px;
 float: left;
 margin-left: 1px;
 margin-right: 1px;
 padding-bottom: 40px;
 border-left: solid 1px #fff;
 border-right: solid 1px #fff;
}
.point_box_t{
 width: 380px;
 margin: 0 auto;
 font-size: 15px;
 line-height: 2.2em;
 color: #3E3A39;
 text-align: justify;
}

.point_box_c img,
.point_box_i img{

}

.point_box img{
 width: 460px;
}
.point_box_pbblr img{
 width: 458px;
}




.fmain{
 background: url(../../image/togahaku/fmain.jpg) no-repeat;
 height: 300px;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
background-position: 50% 50%;
}

.fmain_area{
 position: relative;
}
.fmain_area_copy{
 position: absolute;
 top: 60px;
 left: 0;
 right: 0;
 width: 864px;
 margin: 0 auto;
}
.fmain_area_copy img{
 width: 864px;
}










.flow{
 background-color: #f7f8f8;
 padding: 20px 0px 40px 0px;
}
.flow_area{
 width: 1380px;
 margin: 0 auto;
}
.flow_box{
 width: 276px;
 float: left;
}
.flow_box_t{
 width: 216px;
 margin: 0 auto;
 font-size: 13px;
 line-height: 2.2em;
 text-align: justify;
}
.flow_box_t a{
 color: #000;
 text-decoration: underline;
}
.flow_box_t a:hover{
 text-decoration: none;
}
.flow_box_c{
 width: 216px;
 margin: 0 auto;
 font-size: 45px;
 line-height: 2.2em;
 text-align: center;
 font-family: 'Lato', sans-serif;
 font-weight: bold;
}










ul.accordion { 
 width:1380px;
 margin:0 auto;
 padding:0px;
}
ul.accordion a {
 display:block;
 padding:10px;
 background-position:left center;
 background-repeat:no-repeat;
 text-decoration:none;
 color:#000;
}
ul.accordion span {
 display:block;
 padding: 20px 0px 20px 0px;
 background-position:left center;
 background-repeat:no-repeat;
 font-size: 16px;
 text-indent: 60px;
}
ul.accordion ul {
 display:none;
}
ul.accordion > li {
}
ul.accordion > li > p {
cursor:pointer;
}
ul.accordion > li > p span {
 background-image:url(../../image/togahaku/open.png);
 background-size: 30px;
}
ul.accordion > li > p span.open {
 background-image:url(../../image/togahaku/close.png);
}
ul.accordion > li > ul > li {
 font-size: 13px;
 line-height: 2.2em;
 padding: 0px 60px 40px 60px;
}
ul.accordion > li > ul > li > p {
}
ul.accordion > li > ul > li > ul > li {
}
ul.accordion > li > ul > li > ul > li:last-child {
}
.bottomline{
 border-bottom: dotted 1px #000;
}






















.new_pnav{
 width: 1200px;
 margin: 0 auto;
}

.new_pnavs{
 width: 285px;
 float: left;
}

.npmr20{
 margin-right: 20px;
}
.new_pnavi{
 border: solid 1px #ddd;
}
.new_pnavi img{
 width: 283px;
}
.new_pnavp{
 margin: 26px 10px 0px 10px;
 font-size: 13px;
 line-height: 2em;
}





.new_inav{
 width: 800px;
 margin: 0 auto;
}
.new_inavs{
 border-bottom: dotted 1px #000;
 padding: 14px 20px 14px 20px;
}
.new_inavs_day,
.new_inavs_cat,
.new_inavs_tit{
 float: left;
}
.new_inavs_day,
.new_inavs_tit{
 font-size: 13px;
}
.new_inavs_cat{
 font-size: 10px;
 color: #fff;
 background-color: #000;
 padding: 1px 4px 1px 4px;
 width: 40px;
 text-align: center;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 margin: 0px 40px 0px 40px;
}
.new_inavs_tit a{
 color: #000;
}












.new_mnav{
 width: 1200px;
 margin: 0 auto;
}
.new_mnavs{
 float: left;
}
.new_mnavs img{
 width: 183px;
}










.new_tocontact{
 font-size: 16px;
 color: #fff;

 width: 260px;
 margin: 0 auto;
 margin-top: 50px;
 text-align: center;
 line-height: 3.6em;
}
.new_tocontact a{
 color: #fff;
 display: block;
 width: 260px;
 height: 55px;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 background-color: #000;
 border: solid 1px #000;
}
.new_tocontact a:hover{
 text-decoration: none;
 color: #000;
 background-color: #fff;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}








.new_foot{
 background-color: #f7f8f8;
 margin-top: 120px;
}
.new_foot_area{
 width: 1200px;
 margin: 0 auto;
 padding: 20px 0px 20px 0px;
}
.new_foot_l{
 float: left;
 padding-left: 30px;
 font-size: 11px;
}
.new_foot_l1,
.new_foot_l2{
 float: left;
}
.new_foot_r{
 float: right;
 padding-top: 6px;
 font-size: 10px;
}
.new_foot_l2{
 padding: 5px 0px 0px 24px;
}
.new_foot_l1 img{
 width: 203px;
}




















/*---------------------------------------------
 * #contact
 *-------------------------------------------*/
.land_tit{
 margin: 0 auto;
 text-align: center;
 font-size: 25px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin: 120px 0px 0px 0px;
"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.contact_area{
 width: 840px;
 padding: 0px 0px 0px 0px;
 margin: 0px auto;
 margin-top: 50px;
}
.contact_area th,
.contact_area td{
 color: #333;
 font-size: 15px;
 text-align: left;
 line-height: 1.8em;
 padding: 20px 0px 20px 0px;
}
.contact_area td{
 width: 575px;
 vertical-align: middle;
}
.contact_area td a{
 color: #666;
 text-decoration: none;
}
.contact_area td a:hover{
 text-decoration: underline;
}


.contact_area th{
 vertical-align: middle;
 width: 265px;
 font-weight: lighter;
 background-position: left center;
}
.new_land_input{
 width: 400px;
 padding: 4px 6px 4px 6px;
 line-height: 1.8em;
}



/*---------------------------------------------
 * #thanks
 *-------------------------------------------*/
#thanks {
 width: 1040px;
 margin: 0 auto;
 text-align: center;
}
#thanks p{
 color: #333;
 font-size: 15px;
 text-align: center;
 line-height: 2.2em;
}
#thanks p a{
 color: #333;
 text-decoration: none;
}
#thanks p a:hover{
 text-decoration: underline;
}




.notes{
 width: 840px;
 margin: 0 auto;
}


.notes p{
 color: #333;
 font-size: 12px;
 text-align: left;
 line-height: 2em;
 margin: 25px 0px 25px 0px;
}
.notes p a{
 color: #333;
 text-decoration: none;
}
.notes p a:hover{
 text-decoration: underline;
}
.contact_submit{
 background: url(../../image/cocochiya/to.jpg) no-repeat;
 margin: 0 auto;
 width: 300px;
 height: 50px;
 border: none;
 -moz-box-shadow: 1px 1px 5px 5px #eee;
 -webkit-box-shadow: 1px 1px 5px 5px #eee;
 box-shadow: 1px 1px 5px 5px #eee;
 border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 text-indent: -9999px;
 text-align: center;
}
.buttons-area-confirm{
 margin: 0 auto;
 width: 300px;
}

.wpcf7-validation-errors{
 color: #333;
 font-size: 12px;
 text-align: center;
 line-height: 2.2em;
}

.contactbtn{
 position: fixed;
 bottom: 50px;
 right: 50px;
 z-index: 9999;
}