html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}

.pc{
display:block;
}

.sp {
display:none;
}

body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
font-family: "qMmpS Pro W3","Hiragino Kaku Gothic Pro","CI","Meiryo",verdana,Osaka,"lr oSVbN","MS PGothic",Sans-Serif;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}

.clear{
clear:both;
}




/***編集START**********************************************/
body{
width:100%;
margin:0px auto;
}

/*.main*/

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

img{
display:block;
}

.h2box{
background:black;
height:85px;
}

.h2box h2{
position:relative;
top:18px;
font-size:50px;
text-align:center;
color:white;
letter-spacing:1px;
font-family:"Hiragino Mincho Pro", "HGMinchoB", "MS PMincho", serif;
}

.line{
background:#3E3A39;
height:25px;
}

.list{

}

.list h3{
font-size:45px;
text-align:center;
color:black;
letter-spacing:1px;
font-family:"Hiragino Mincho Pro", "HGMinchoB", "MS PMincho", serif;
padding:10px;
font-weight:bold;
}

.list h3 span{
font-weight:bold;
color:#C23A2A;
}

.list p{
font-family:"Hiragino Mincho Pro", "HGMinchoB", "MS PMincho", serif;
font-size:16px;
text-align:center;
padding:3px 0px;
font-weight:bold;
}

.list table{
margin:0px auto;
width:900px;
border-collapse:collapse;
margin-bottom:30px;
}

.list table tr{
border:1px solid black;
}

.list table tr:last-child{
color:#C23A2A;
}

.list table tr td{
font-size:36px;
font-weight:bold;
font-family:"Hiragino Maru Gothic ProN","qMmpS Pro W3","Hiragino Kaku Gothic Pro","CI","Meiryo",verdana,Osaka,"lr oSVbN","MS PGothic",Sans-Serif;
padding:15px 0px;
}

.list table .t_title{
background:#C23A2A;
color:white;
}

.list table .t_title2{
background:#808080;
color:white;
}

.list table tr td:nth-child(1){
text-align:left;
padding-left:15px;
}


.list table tr td:nth-child(2){
text-align:right;
padding-right:15px;
}

.list .h4box{
width:900px;
margin:0px auto;
background:#C23A2A;
height:70px;
margin-bottom:30px;
}

.list .h4box h4{
position:relative;
bottom:82px;
font-size:36px;
text-align:center;
color:white;
letter-spacing:1px;
font-family:"qMmpS Pro W3","Hiragino Kaku Gothic Pro","CI","Meiryo",verdana,Osaka,"lr oSVbN","MS PGothic",Sans-Serif;
overflow:hidden;
}

.tri{
position:relative;
left:765px;
bottom:40px;
width: 0px;
height: 0px;
border-bottom: 100px solid #C23A2A;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
overflow:hidden;
}

.list .h4box h4 span{
color:yellow;
font-weight:bold;
}

.sarani{
width:1200px;
min-height:1400px;
background:url(../img/sarani.jpg);
padding-bottom:50px;
}

.sarani img{
display:block;
margin:0px auto;
max-width:900px;
padding:50px 0px;
}

.sarani .text{
border-top:2px gray solid;
border-bottom:2px gray solid;
width:900px;
margin:0px auto;
}

.sarani .text p{
padding:50px 0px;
font-size:28px;
font-weight:bold;
padding-left:0.5em;
line-height:45px;
}

.jirei{
width:900px;
margin:0px auto;
margin-bottom:20px;
}

.jirei p{
font-size:24px;
font-weight:bold;
text-align:center;
padding-top:20px;

}

.jirei .pic_box{
margin-top:20px;
width:202px;
height:287px;
margin-right:30px;
float:left;
border:1px solid black;
}

.jirei .pic_box:nth-child(4n+6){
margin-right:0px;
}

.voice_t{
height:85px;
width:900px;
margin:0px auto;
border-bottom:3px dashed rgba(0,0,0,0.1);
}

.voice_t h2{
position:relative;
top:18px;
font-size:50px;
text-align:left;
color:black;
font-family:"Hiragino Mincho Pro", "HGMinchoB", "MS PMincho", serif;
}

.voice{
width:900px;
margin:0px auto;
}

.voice img{
padding-bottom:30px;
}

.voice .text{
width:900px;
margin:0px auto;
}

.voice .text p{
padding:30px 0px;
font-size:20px;
font-family:"Hiragino Mincho Pro", "HGMinchoB", "MS PMincho", serif;
padding-left:0.5em;
line-height:45px;
}

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

.nagare_img{
width:900px;
margin:0px auto;
padding:20px 0px;
}

.nagare_img img{
float:left;
}

.nagare .nagare_box{
width:900px;
height:330px;
margin:0px auto;
padding-bottom:30px;
clear:both;
}


.nagare .l_box{
float:left;
width:300px;
height:300px;
padding:15px;
}

.nagare .r_box{
float:left;
padding-left:40px;
padding-top:20px;
}

.nagare .r_box h3{
font-size:26px;
font-weight:bold;
color:#C23A2A;
}

.nagare .r_box span{
font-size:20px;
font-weight:bold;
}

.nagare .r_box p{
font-size:16px;
width:560px;
padding:10px 0px;
line-height:26px;
}

.tri_n{
position:relative;
z-index:9999;
left:600px;
bottom:20px;
width: 0px;
height: 0px;
border-top: 40px solid #C23A2A;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
}

.mail{
width:900px;
margin:0px auto;
border:2px gray solid;
border-radius:10px;
margin-top:20px;
margin-bottom:20px;
}

footer{
width:1200px;
margin:0px auto;
border-top:5px #90B821 solid;

background:black;
}

footer p{
font-size:16px;
padding:15px;
color:white;
text-align:center;
}

/*.main*/

/*PageTop設定*/

.pagetop {
border-radius:100%;
width:100px;
height:100px;
background:rgba(0,0,0,0.4);
position: fixed;
bottom: 20px;
right: 20px;
}

.pagetop a{
text-decoration:none;
color:white;
font-size:30px;
font-weight:bold;
position:relative;
top:38px;
left:15px;
}

/*PageTop設定：End*/


/*thanks.html設定*/
.thanks_wrap{
width:850px;
margin:0px auto;
padding:20px 0px;
}

.thanks_wrap .left{
float:left;
}

.thanks_wrap .right{
float:right;
}

.thanks_wrap a img{

    -webkit-filter: drop-shadow(5px 4px 1px rgba(0,0,0,0.4));
     -moz-filter: drop-shadow(5px 4px 1px rgba(0,0,0,0.4));
     -o-filter: drop-shadow(5px 4px 1px rgba(0,0,0,0.4));
     -ms-filter: drop-shadow(5px 4px 1px rgba(0,0,0,0.4));
     filter: drop-shadow(5px 4px 1px rgba(0,0,0,0.4));
}


.thanks_wrap img:hover{
opacity:0.7;
}


/*thanks.html設定：End*/

/* bnr_box */

.bnr_box{
margin-bottom:-191px;
}

.bnr_tirashi{
position:relative;
top:-278px;
left:652px;
height:191px;
-webkit-filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.5));
-moz-filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.5));
-o-filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.5));
-ms-filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.5));
filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.5));

transition: all 1s ease;
-webkit-transition: all 1s ease;
}

.bnr_tirashi_left{
transition: all 0.1s ease;
-webkit-transition: all 0.1s ease;
transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
}

.bnr_tirashi_left2{
transition: all 0.1s ease;
-webkit-transition: all 0.1s ease;
transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
}

.bnr_tirashi_right{
transition: all 0.1s ease;
-webkit-transition: all 0.1s ease;
transform: rotate(5deg);
-webkit-transform: rotate(5deg);
}

.bnr_tirashi_normal{
transition: all 0.1s ease;
-webkit-transition: all 0.1s ease;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}



/* bnr_box END */

/**********レスポンシブ設定******************************************************************************************************
***********レスポンシブ設定******************************************************************************************************
***********レスポンシブ設定******************************************************************************************************/

@media only screen and (max-width: 768px) {
.pc {
	display: none;
}

.sp {
	display: block;
}

img{
max-width:500px;
}


/*.main*/

.main{
width:100%;
margin:0px auto;
}

img{
display:block;
width:100%;
}

.h2box{
background:black;
min-height:60px;
height:auto;
}

.h2box h2{
position:relative;
top:18px;
font-size:24px;
text-align:center;
color:white;
letter-spacing:1px;
font-family:"Hiragino Mincho Pro", "HGMinchoB", "MS PMincho", serif;
}

.line{
background:#3E3A39;
height:25px;
}

.list{

}

.list h3{
font-size:24px;
text-align:center;
color:black;
letter-spacing:1px;
font-family:"Hiragino Mincho Pro", "HGMinchoB", "MS PMincho", serif;
padding:10px;
font-weight:bold;
}

.list h3 span{
font-weight:bold;
color:#C23A2A;
}

.list p{
font-family:"Hiragino Mincho Pro", "HGMinchoB", "MS PMincho", serif;
font-size:16px;
text-align:center;
padding:3px 0px;
font-weight:bold;
}

.list table{
margin:0px auto;
width:95%;
border-collapse:collapse;
margin-bottom:30px;
}

.list table tr{
border:1px solid black;
}

.list table tr:last-child{
color:#C23A2A;
}

.list table tr td{
font-size:18px;
font-weight:bold;
font-family:"Hiragino Maru Gothic ProN","qMmpS Pro W3","Hiragino Kaku Gothic Pro","CI","Meiryo",verdana,Osaka,"lr oSVbN","MS PGothic",Sans-Serif;
padding:15px 0px;
}

.list table .t_title{
background:#C23A2A;
color:white;
}

.list table .t_title2{
background:#808080;
color:white;
}

.list table tr td:nth-child(1){
text-align:left;
padding-left:15px;
}


.list table tr td:nth-child(2){
text-align:right;
padding-right:15px;
}

.list .h4box{
width:95%;
margin:0px auto;
background:#C23A2A;
height:60px;
margin-bottom:30px;
}

.list .h4box h4{
position:relative;
bottom:82px;
font-size:24px;
text-align:center;
color:white;
letter-spacing:1px;
font-family:"qMmpS Pro W3","Hiragino Kaku Gothic Pro","CI","Meiryo",verdana,Osaka,"lr oSVbN","MS PGothic",Sans-Serif;
overflow:hidden;
}

.tri{
position:relative;
left:69%;
bottom:40px;
width: 0px;
height: 0px;
border-bottom: 100px solid #C23A2A;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
overflow:hidden;
}

.list .h4box h4 span{
color:yellow;
font-weight:bold;
}

.sarani{
width:100%;
min-height:100%;
background:url(../img/sarani.jpg);
padding-bottom:30px;
}

.sarani img{
display:block;
margin:0px auto;
max-width:95%;
padding:30px 0px;
}

.sarani .text{
border-top:2px gray solid;
border-bottom:2px gray solid;
width:95%;
margin:0px auto;
}

.sarani .text p{
padding:50px 0px;
font-size:16px;
font-weight:bold;
padding-left:0.5em;
line-height:28px;
}

.jirei{
width:95%;
margin:0px auto;
margin-bottom:20px;
}

.jirei p{
font-size:24px;
font-weight:bold;
text-align:center;
padding-top:20px;

}

.jirei .pic_box{
margin-top:20px;
width:48%;
height:auto;
margin-right:0px;
float:left;
border:1px solid black;
}

.jirei .pic_box:nth-child(2n+3){
margin-right:12px;
}

.voice_t{
height:85px;
width:95%;
margin:0px auto;
border-bottom:3px dashed rgba(0,0,0,0.1);
}

.voice_t h2{
position:relative;
top:18px;
font-size:24px;
text-align:left;
color:black;
font-family:"Hiragino Mincho Pro", "HGMinchoB", "MS PMincho", serif;
}

.voice{
width:95%;
margin:0px auto;
}

.voice img{
padding-bottom:30px;
}

.voice .text{
width:95%;
margin:0px auto;
}

.voice .text p{
padding:30px 0px;
font-size:16px;
font-family:"Hiragino Mincho Pro", "HGMinchoB", "MS PMincho", serif;
padding-left:0.5em;
line-height:32px;
}


.nagare{
width:100%;
margin:0px auto;
}

.nagare_img{
width:95%;
margin:0px auto;
padding:20px 0px;
}

.nagare_img img{
float:left;
width:20%;
}

.nagare .nagare_box{
width:95%;
min-height:480px;
height:95%;
margin:0px auto;
padding-bottom:30px;
clear:both;
}

.nagare .l_box{
clear:both;
width:95%;
height:95%;
padding:0px;
margin:0px;
padding-top:10px;
}

.nagare .l_box img{
width:100%;
margin-left:8px;
clear:both;
}

.nagare .r_box{
clear:both;
padding-top:20px;
width:95%;
padding:10px;
margin:0px;
}

.nagare .r_box h3{
font-size:18px;
font-weight:bold;
padding-top:10px;
color:#C23A2A;
clear:both;
}

.nagare .r_box span{
font-size:16px;
font-weight:bold;
}

.nagare .r_box p{
font-size:12px;
width:100%;
padding:10px 0px;
line-height:24px;
}


.mail{
width:95%;
margin:0px auto;
border:2px gray solid;
border-radius:10px;
margin-top:20px;
margin-bottom:20px;
}

footer{
width:100%;
margin:0px auto;
border-top:5px #90B821 solid;

background:black;
}

footer p{
font-size:16px;
padding:15px;
color:white;
text-align:center;
}

/*.main*/

.aaa{
position:relative;
left:-8px;
}

/*PageTop設定*/

.pagetop {
border-radius:100%;
width:60px;
height:60px;
background:rgba(0,0,0,0.4);
position: fixed;
bottom: 20px;
right: 20px;
}

.pagetop a{
text-decoration:none;
color:white;
font-size:18px;
font-weight:bold;
position:relative;
top:23px;
left:10px;
}

/*PageTop設定：End*/

/*thanks.html設定*/
.thanks_wrap{
width:100%;
margin:0px auto;
}

.thanks_wrap .left{
float:left;
padding-left:20px;
}

.thanks_wrap .right{
float:right;
padding-right:20px;
}

.thanks_wrap a img{
max-width:150px;
max-height:150px;
min-width:120px;
min-height:120px;
padding:10px 5px;

    -webkit-filter: drop-shadow(5px 4px 1px rgba(0,0,0,0.4));
     -moz-filter: drop-shadow(5px 4px 1px rgba(0,0,0,0.4));
     -o-filter: drop-shadow(5px 4px 1px rgba(0,0,0,0.4));
     -ms-filter: drop-shadow(5px 4px 1px rgba(0,0,0,0.4));
     filter: drop-shadow(5px 4px 1px rgba(0,0,0,0.4));
}


.thanks_wrap img:hover{
opacity:0.7;
}


/*thanks.html設定：End*/


}



