/*common*/
#nav li p a{display:block;  padding-top:15px; padding-bottom:15px; font-weight:bold;
background-color: #ffffff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}
#nav li p a:hover{ background:#fcc94f; color:#444444}
#nav li p a.on{-webkit-box-sizing: border-box;-moz-box-sizing:border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
#nav li p span{ font-size:10px; color:#999999}
.slider img{ width:100%;}
#page a{ color:#d17300; text-decoration:underline}
#page a:hover{ color:#c68a12; text-decoration:none}
table {	border-top: 1px solid #cccccc;border-left: 1px solid #cccccc; width:100%; margin:30px 0;}
table td{border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc; padding:10px; text-align:left;}
table th{border-bottom: 1px solid #cccccc;background-color: #E8E8E8;border-right: 1px solid #cccccc;vertical-align: middle;width: 20%;padding: 10px;text-align: left;font-weight: normal;}
#single h3 {background:url(../../../image/underline.png) repeat-x bottom; display:inline-block; font-size:28px; margin-bottom:20px; letter-spacing:2px;}
.photo{ width:32%; float:left;}
.photo2{ width:32%; margin:0 2%; float:left;}
.photo img , .photo2 img{ width:90%;}
/*footer*/
#footer{ background:#fcc94f; padding-top:10px}
#footer p{ font-size:13px; paddng-bottom:10px}
.slider{
	border-top: 2px solid #F3F3F3
}



/* 981以上*/
@media  (min-width: 981px) {
/*header*/
.wrap{ width:980px; margin:0 auto;}
#container{ clear:both; margin:0 0 50px}
header{  width:100%;  padding-top:30px;}
header h1{ font-size:14px; text-align:center; letter-spacing:2px;}
h1 img{ height:60px; margin-top:10px}
#toggle{ display:none}
#nav { text-align:center; margin:40px 1% 0px; }
#nav li p{ width:14%;line-height:120%;font-size:14px;float:left; }
#nav li span:before{content: "\A" ;	white-space: pre ;}
.mb{ display:none}
/*slider*/
.slider{ height:580px; overflow:hidden}
#arrow{ position: relative;top:-32px; text-align:center; width:100%}

	/*section_01 コメントアウトで非表示
#section_01{background:url(../../../image/dream.png) no-repeat center; height:500px; text-align:center;}
#section_01 p{font-size:18px; line-height:200%}
#section_01 h2{width:700px; margin:0 auto}
#section_01 h2 img{ margin-top:100px }
#section_01 h3{ font-size:38px; font-weight:bold; color:#000000; margin:30px 0 20px 0; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif}

	*/
	
	/*section_02*/
#section_02{background:url(../../../image/bg.png) repeat;text-align:center; padding:50px 0;}
#section_02 h2{ display:block;width:300px; margin:0 auto 30px}
#box01{ position: relative; background:url(/wp-content/uploads/2018/11/tomoney_workflow_box1-1.png) no-repeat #FFFFFF; background-size:cover; background-position: center center;width:48%; height:280px; margin-right:2%; float:left}
#box02{ position: relative;background:url(/wp-content/uploads/2018/11/2.jpg) no-repeat #FFFFFF; background-size:cover;background-position: center center;width:48%;height:280px;margin-left:2%;float:left}
#section_02 a{background:hsla(0,0%,0%,0.50);display:block;width:100%;height:100%;color:#FFFFFF;font-weight:bold;line-height:120%;letter-spacing:3px;text-align:center;}
#box01 a ,#box02 a{font-size:20px;}
#box01 span ,#box02 span{ border: 1px solid #ffffff; padding:20px;  position: relative; top:50%;}
#menubox{ border-top:1px dotted #808080; margin-top:50px; padding-top:50px; text-align:left; font-size:14px; line-height:140%;}
#menubox a{font-size:18px;}
#menubox span{ position: relative; top:50%;}
.menu3box{width:32%;float:left;}
.menu3box_2{width:32%;float:left; margin:0 2%;}
#box03{ position: relative; background:url(/wp-content/uploads/2018/11/DSC_0081.png) no-repeat #FFFFFF; background-size:cover; background-position: center center; height:180px; margin-bottom:10px; }
#box04{ position: relative;background:url(/wp-content/uploads/2018/11/DSC_0118.png) no-repeat #FFFFFF; background-size:cover;background-position: center center;height:180px;margin-bottom:10px;}
#box05{ position: relative;background:url(/wp-content/uploads/2018/11/DSC_0074.png) no-repeat #FFFFFF; background-size:cover;background-position: center center;height:180px;margin-bottom:10px;}
/*section_03*/
#section_03 { padding:50px 0}
#news{ width:440px; float:left; margin-right:40px}
#news h2 img{ height:57px; width:auto; margin-bottom:30px}
#news h2 span{font-size: 14px;line-height: 57px;vertical-align: top; margin-left:30px; font-weight:bold}
.newsbox{ border-top: 1px solid #c5c5c5; margin:15px 0 ;line-height:130%;}
.date{ color:#94721b; font-size:13px; padding-top:15px; margin-bottom:5px }
.newsbox .text{ font-size:12px; color:#c5c5c5; margin-top:5px}
.fb-page{ float:left; width:500px}
/*footer*/
#copyright{ text-align:center; color:#ffffff; letter-spacing:3px; line-height:60px}
/*page-about*/
#about #pagettl{background:url(/wp-content/uploads/2018/11/about-tomony-ttl.png) no-repeat 200px top; background-size:cover; height:280px; width:100%;}
#pagettl div{  background:url(../../../image/bg04.png) repeat; width:320px; height:280px; text-align:center; position:relative}
#pagettl h2{ position:relative; top:45%; }
#pagettl h2 span{ font-size:14px; color:#ffffff;}
#page{ padding:80px 0;}
#about h3 {background:url(../../../image/underline.png) repeat-x bottom; display:inline-block; font-size:30px; margin-bottom:20px}
.pagebox{ float:left; width:53%;}
.pagebox2{ float:left; width:45%; margin-left:2%;}
/*page-service*/
#service #pagettl{background:url(/wp-content/uploads/2018/11/DSC_0081.png) no-repeat 200px bottom; background-size:cover; height:280px; width:100%;}
#service h3 ,#howto h3,#information h3{ background:url(../../../image/waveline.png) repeat-x center; text-align:center;font-size:30px; margin-bottom:20px}
#service h3 span ,#howto h3 span ,#information h3 span{ padding:0 30px; background:#ffffff}
#service h4{background:url(../../../image/underline.png) repeat-x bottom; display:inline-block; font-size:24px; margin-bottom:20px}
.number{border-radius: 50%;   height: 60px;width: 60px;background-color:#fcc94f;text-align:center; display:block}
.number span { color:#ffffff; font-weight:bold; font-size:16px; line-height:60px}
.flowbox div{  margin-left:10px; border-left:8px solid #fcc94f; padding-left:400px;  margin-top:-40px;height:220px}
.flow1{ background:url(http://tomoni-aichi.com/wp-content/uploads/2018/11/tomoney_workflow_session2.png) no-repeat 43px 20px;  }
.flow2{ background:url(http://tomoni-aichi.com/wp-content/uploads/2018/11/tomoney_workflow_session1.png) no-repeat 43px 20px;  }
.flow3{ background:url(http://tomoni-aichi.com/wp-content/uploads/2018/11/tomoney_workflow_session3.png) no-repeat 43px 20px;  }
.flow4{ background:url(http://tomoni-aichi.com/wp-content/uploads/2018/11/tomoney_workflow_session4.png) no-repeat 43px 20px;  }
.flow5{ background:url(http://tomoni-aichi.com/wp-content/uploads/2018/11/tomoney_workflow_session5.png) no-repeat 43px 20px;  }
.flow6{ background:url(http://tomoni-aichi.com/wp-content/uploads/2018/11/tomoney_workflow_session6-1.png) no-repeat 43px 20px;  }
.flow7{ background:url(http://tomoni-aichi.com/wp-content/uploads/2018/11/tomoney_workflow_session7.png) no-repeat 80px 20px;  }
.flow8{ background:url(../../../image/service/08.jpg) no-repeat 80px 20px;  }
/*page-howto*/
#howto #pagettl{background:url(/wp-content/uploads/2018/11/DSC_0081.png) no-repeat 200px top; background-size:cover; height:280px; width:100%;}
.howtobox{background:url(../../../image/howto/bg.png) repeat; padding:20px; }
.howtobox dt ,.flowttl{ background:#fcc94f; font-size:20px; font-weight:bold; color:#ffffff; text-align:center; padding:5px 0; margin-bottom:15px; letter-spacing:3px }
#howto .halfbox1{ width:49%; float:left; margin-right:1%;background:url(../../../image/howto/bg.png) repeat; padding:20px;box-sizing: border-box;}
#howto .halfbox2{ width:49%; float:left; margin-left:1%;background:url(../../../image/howto/bg.png) repeat; padding:20px;box-sizing: border-box;}
#howto .clearfix .box01{ font-size:18px; font-weight:bold; text-align:center; margin-bottom:20px}
.howtobox2{background:#ffffff; padding:20px; }
#howto .arrow{ text-align:center; margin:20px 0; }
#howto .arrow02{ width:50%; float:left; text-align:center; margin:20px 0; }
/*page-information*/
#information #pagettl{background:url(../../../image/information/ttl.jpg) no-repeat 200px top; background-size:cover; height:280px; width:100%;}
#information table{ margin:60px 0}
#information #box{background:url(../../../image/underline.png) repeat; padding:10px; text-align:center; margin-top:30px}
/*volunteer*/
#single #volunteer #pagettl{background:url(/wp-content/uploads/2018/11/DSC_0074.png) no-repeat 320px top; background-size:cover; height:280px; width:100%;}
#volunteer .date{ padding:0; margin-top:10px}
#volunteer .text{ font-size:12px; color:#999999; margin-top:0px}
.news .cover {display: inline-block;box-sizing: border-box;width: 100%;height: 200px; border:1px solid #cccccc;
background-color: #231f20;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.news .noimage  { background:#cccccc;width: 100%;height: 200px; display:block;}
.news .noimage img{ width:160px; height:auto; position:relative; top:50%; left:50%; margin-top:-33px; margin-left:-80px}
.news {margin: 0 0.5%; float: left; width: 32%; height:370px; overflow:hidden; margin-bottom:10px;font-weight:bold; line-height:140%;}
/*page-contact*/
#contact #pagettl{background:url(/wp-content/uploads/2018/11/contact-img.jpg) no-repeat right top; background-size:cover; height:280px; width:100%;}
#contact h3 {background:url(../../../image/underline.png) repeat-x bottom; display:inline-block; font-size:26px; margin-bottom:20px; clear:both; margin-top:40px}
.mailbox{ width:100%; height: 30px; border:#DFD3C0 solid 1px; }
.mailbox2{ width:100%; height: 200px; border:#DFD3C0 solid 1px; }
#contact .kakunin p { font-size:16px; display:block; border: 2px solid #fcc94f; padding:20px}
.sendbtn {width: 130px; background:#fcc94f; height: 40px; border-style: none; font-size: 14px; color:#FFFFFF; margin-bottom: 50px; margin-top: 50px; position: relative; left: 50%; margin-left: -50px;}
form .contact{ background:none}
#map{ width:100%; height:300px;}
#contact .pagebox2{line-height:140%; }
.tomoni{ font-size:18px; font-weight:bold;margin:20px 0;}
.pagebox2 .tel{ font-size:24px; font-weight:bold; margin:20px 0;color:#fcc94f;}
.pagebox2 .tel span{font-size:36px;}

/*single*/
#single #pagettl{background:url(/wp-content/uploads/2018/11/DSC_0074.png) no-repeat 200px bottom; background-size:cover; height:280px; width:100%;}
#single .mt40 img{ width:100%; margin:30px 0}
#singleleft{ width:730px ; float:left; margin-right:30px}
#side{width:220px ; float:left}
.pager{ clear:both; text-align:center; border:2px solid #fcc94f}


}


/* 769-980の間*/
@media (min-width: 769px) and (max-width: 980px) {
/*header*/
.wrap{ width:770px; margin:0 auto;}
#container{ clear:both; margin:0 0 50px}
header{  width:100%; padding-top:30px;}
header h1{ font-size:14px; text-align:center; letter-spacing:2px;}
h1 img{ height:60px; margin-top:10px}
#toggle{ display:none}
#nav { text-align:center; margin:40px 1% 0; }
#nav li p{width:14%;  line-height:120%;font-size:14px;float:left;}
#nav li span:before{content: "\A" ;	white-space: pre ;}
.mb{ display:none}
/*slider*/
.slider{ height:580px; overflow:hidden}
#arrow{ position: relative;top:-32px; text-align:center; width:100%}

	/*section_01　コメントアウトで非表示
#section_01{background:url(../../../image/dream.png) no-repeat center; height:500px; text-align:center}
#section_01 h2{width:700px; margin:0 auto}
#section_01 h2 img{ margin-top:100px }
#section_01 h3{ font-size:38px; font-weight:bold; color:#000000; margin:30px 0 20px 0; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif}

	*/
	
	/*section_02*/
#section_02{background:url(../../../image/bg.png) repeat;text-align:center; padding:50px 0;}
#section_02 h2 ,#news h2 { display:block;width:300px; margin:0 auto 30px}
#box01{ position: relative; background:url(../../../image/box01.jpg) no-repeat #FFFFFF; background-size:cover; background-position: center center;width:48%; height:280px; margin-right:2%; float:left}
#box02{ position: relative;background:url(/wp-content/uploads/2018/11/2.jpg) no-repeat #FFFFFF; background-size:cover;background-position: center center;width:48%;height:280px;margin-left:2%;float:left}
#section_02 a{background:hsla(0,0%,0%,0.50);display:block;width:100%;height:100%;color:#FFFFFF;font-weight:bold;line-height:120%;letter-spacing:3px;text-align:center;}
#box01 a ,#box02 a{font-size:20px;}
#box01 span ,#box02 span{ border: 1px solid #ffffff; padding:20px;  position: relative; top:50%;}
#menubox{ border-top:1px dotted #808080; margin-top:50px; padding-top:50px; text-align:left; font-size:14px; line-height:140%;}
#menubox a{font-size:18px;}
#menubox span{ position: relative; top:50%;}
.menu3box{width:32%;float:left}
.menu3box_2{width:32%;float:left; margin:0 2%;}
#box03{ position: relative; background:url(/wp-content/uploads/2018/11/DSC_0081.png) no-repeat #FFFFFF; background-size:cover; background-position: center center; height:180px; margin-bottom:10px; }
#box04{ position: relative;background:url(/wp-content/uploads/2018/11/DSC_0118.png) no-repeat #FFFFFF; background-size:cover;background-position: center center;height:180px;margin-bottom:10px;}
#box05{ position: relative;background:url(/wp-content/uploads/2018/11/DSC_0074.png) no-repeat #FFFFFF; background-size:cover;background-position: center center;height:180px;margin-bottom:10px;}
/*section_03*/
#section_03 { padding:50px 0}
#news{ width:100%; }
#news h2 img{ height:57px; width:auto; margin:0 auto; padding-left:20px}
#news h2 span{ display:none}
.newsbox{ border-top: 1px solid #c5c5c5; margin:15px 0 ;line-height:130%;}
.date{ color:#94721b; font-size:13px; padding-top:15px; margin-bottom:5px }
.newsbox .text{ font-size:12px; color:#c5c5c5; margin-top:5px}
.fb-page{ width:500px; margin:20px 135px}
/*footer*/
#copyright{ text-align:center; color:#ffffff; letter-spacing:3px; line-height:60px}
/*page-about*/
#about #pagettl{background:url(/wp-content/uploads/2018/11/about-tomony-ttl.png) no-repeat 180px top; background-size:cover; height:280px; width:100%;}
#pagettl div{  background:url(../../../image/bg04.png) repeat; width:200px; height:280px; text-align:center; position:relative}
#pagettl h2{ position:relative; top:45%; font-size:20px }
#pagettl h2 span{ font-size:14px; color:#ffffff;}
#page{ padding:80px 0;}
#about h3 {background:url(../../../image/underline.png) repeat-x bottom; display:inline-block; font-size:26px; margin-bottom:20px}
.pagebox{ float:left; width:53%;}
.pagebox2{ float:left; width:45%; margin-left:2%;}
/*page-service*/
#service #pagettl{background:url(/wp-content/uploads/2018/11/DSC_0081.png) no-repeat 180px bottom; background-size:cover; height:280px; width:100%;}
#service h3 ,#howto h3,#information h3{ background:url(../../../image/waveline.png) repeat-x center; text-align:center;font-size:30px; margin-bottom:20px}
#service h3 span ,#howto h3 span ,#information h3 span{ padding:0 30px; background:#ffffff}
#service h4{background:url(../../../image/underline.png) repeat-x bottom; display:inline-block; font-size:24px; margin-bottom:20px}
.number{border-radius: 50%; height: 40px;width: 40px;background-color:#fcc94f;text-align:center; display:block}
.number span { color:#ffffff; font-weight:bold; font-size:16px; line-height:40px}
.flowbox div{  margin-left:16px; border-left:8px solid #fcc94f; padding-left:380px;  margin-top:-40px; width:374px;height:220px}
.flow1{ background:url(http://tomoni-aichi.com/wp-content/uploads/2018/11/tomoney_workflow_session2.png) no-repeat 43px 20px;  }
.flow2{ background:url(http://tomoni-aichi.com/wp-content/uploads/2018/11/tomoney_workflow_session1.png) no-repeat 43px 20px;  }
.flow3{ background:url(http://tomoni-aichi.com/wp-content/uploads/2018/11/tomoney_workflow_session3.png) no-repeat 43px 20px;  }
.flow4{ background:url(http://tomoni-aichi.com/wp-content/uploads/2018/11/tomoney_workflow_session4.png) no-repeat 43px 20px;  }
.flow5{ background:url(http://tomoni-aichi.com/wp-content/uploads/2018/11/tomoney_workflow_session5.png) no-repeat 43px 20px;  }
.flow6{ background:url(http://tomoni-aichi.com/wp-content/uploads/2018/11/tomoney_workflow_session6-1.png) no-repeat 43px 20px;  }
.flow7{ background:url(http://tomoni-aichi.com/wp-content/uploads/2018/11/tomoney_workflow_session7.png) no-repeat 43px 20px;  }
.flow8{ background:url(../../../image/service/08.jpg) no-repeat 60px 20px;  }
/*page-howto*/
#howto #pagettl{background:url(/wp-content/uploads/2018/11/DSC_0081.png) no-repeat 180px bottom; background-size:cover; height:280px; width:100%;}
.howtobox{background:url(../../../image/howto/bg.png) repeat; padding:20px; }
.howtobox dt ,.flowttl{ background:#fcc94f; font-weight:bold; color:#ffffff; text-align:center; padding:5px 0; margin-bottom:15px; letter-spacing:3px }
#howto .halfbox1{ width:49%; float:left; margin-right:1%;background:url(../../../image/howto/bg.png) repeat; padding:20px;box-sizing: border-box;}
#howto .halfbox2{ width:49%; float:left; margin-left:1%;background:url(../../../image/howto/bg.png) repeat; padding:20px;box-sizing: border-box;}
#howto .clearfix .box01{ font-size:18px; font-weight:bold; text-align:center; margin-bottom:20px}
.howtobox2{background:#ffffff; padding:20px; }
#howto .arrow{ text-align:center; margin:20px 0; }
#howto .arrow02{ width:50%; float:left; text-align:center; margin:20px 0; }
/*page-information*/
#information #pagettl{background:url(../../../image/information/ttl.jpg) no-repeat 180px bottom; background-size:cover; height:280px; width:100%;}
#information table{ margin:60px 0}
#information #box{background:url(../../../image/underline.png) repeat; padding:10px; text-align:center; margin-top:30px}
/*volunteer*/
#single #volunteer #pagettl{background:url(/wp-content/uploads/2018/11/DSC_0074.png) no-repeat 180px bottom; background-size:cover; height:280px; width:100%;}
#volunteer .date{ padding:0; margin-top:10px}
#volunteer .text{ font-size:12px; color:#999999; margin-top:0px}
.news .cover {display: inline-block;box-sizing: border-box;width: 100%;height: 200px; border:1px solid #cccccc;
background-color: #231f20;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.news .noimage  { background:#cccccc;width: 100%;height: 200px; display:block;}
.news .noimage img{ width:160px; height:auto; position:relative; top:50%; left:50%; margin-top:-33px; margin-left:-80px}
.news {margin: 0 0.5%; float: left; width: 32%; height:370px; overflow:hidden; margin-bottom:10px;font-weight:bold; line-height:140%;}
/*page-contact*/
#contact #pagettl{background:url(/wp-content/uploads/2018/11/contact-img.jpg) no-repeat right bottom; background-size:cover; height:280px; width:100%;}
#contact h3 {background:url(../../../image/underline.png) repeat-x bottom; display:inline-block; font-size:26px; margin-bottom:20px; clear:both; margin-top:40px}
.mailbox{ width:100%; height: 30px; border:#DFD3C0 solid 1px; }
.mailbox2{ width:100%; height: 200px; border:#DFD3C0 solid 1px; }
#contact .kakunin p { font-size:16px; display:block; border: 2px solid #fcc94f; padding:20px}
.sendbtn {width: 130px; background:#fcc94f; height: 40px; border-style: none; font-size: 14px; color:#FFFFFF; margin-bottom: 50px; margin-top: 50px; position: relative; left: 50%; margin-left: -50px;}
form .contact{ background:none}
#map{ width:100%; height:300px;}
#contact .pagebox2{line-height:140%; }
.tomoni{ font-size:18px; font-weight:bold;margin:20px 0;}
.pagebox2 .tel{ font-size:24px; font-weight:bold; margin:20px 0;color:#fcc94f;}
.pagebox2 .tel span{font-size:36px;}


}

/* 768以下共通*/
@media (max-width: 768px) {
/*header*/
.wrap{ width:90%; margin:0 auto;}
#container{ clear:both; margin:0 0 20px}
header{ z-index:9999; width:100%; height:75px; position:fixed; top:0; background:#ffffff;border-bottom:2px solid #fcc94f;}
header h1{ font-size:11px; text-align:center;}
h1 img{ height:40px;position:absolute; top:20px; left:50%; margin-left:-48px}
#nav li span{ display:none}
#toggle{ z-index:1;height:75px; width:75px; position:fixed;top:0; right:0; }
#toggle img{ height:34px; position:relative; left:50%; margin-left:-24.5px; margin-top:20.5px;}	
#nav{z-index: 2;	display: none;	position: relative;	top: 49px;	background-color: hsla(0,0%,100%,0.98)}
#nav li{border-bottom: 1px solid #E3E3E3;line-height: 30px;float: none;text-align: center}
#nav li a{ display:block; width:100%; height:30px; font-size:14px}
#nav li p a{ background:none}
/*slider*/
.slider{margin-top:75px; height:180px; overflow:hidden}
#arrow{ position: relative;top:-32px; text-align:center; width:100%}

	/*section_01　コメントアウトで非表示
#section_01{background:url(../../../image/dream.png) no-repeat top; background-size:90%; text-align:center; padding:30px 0;font-size:12px; }
#section_01 h2,#news h2{width:80%; margin:0 auto; text-align:center}
#section_01 h2 img{  width:70%; margin:0 auto}
#section_01 h3{ font-size:22px; font-weight:bold; color:#000000; margin:10px 0 10px 0; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif}

	*/
	
	/*section_02*/
#section_02{background:url(../../../image/bg.png) repeat;text-align:center; padding:50px 0;}
#section_02 h2{ display:block;width:200px; margin:0 auto 30px}
#box01{ position: relative; background:url(../../../image/box01.jpg) no-repeat #FFFFFF; background-size:cover; background-position: center center;width:100%; height:200px; margin-bottom:20px }
#box02{ position: relative;background:url(/wp-content/uploads/2018/11/2.jpg) no-repeat #FFFFFF; background-size:cover;background-position: center center;width:100%;height:200px;margin-bottom:20px }
#section_02 a{background:hsla(0,0%,0%,0.50);display:block;width:100%;height:100%;color:#FFFFFF;font-weight:bold;line-height:120%;letter-spacing:3px;text-align:center;}
#box01 a ,#box02 a{font-size:20px;}
#box01 span ,#box02 span{ border: 1px solid #ffffff; padding:20px;  position: relative; top:50%;}
#menubox{ border-top:1px dotted #808080; margin-top:30px; padding-top:50px; text-align:left; font-size:14px; line-height:140%;}
#menubox a{font-size:15px;}
#menubox span{ position: relative; top:50%;}
.menu3box ,.menu3box_2{width:100%; margin-bottom:20px}
#box03{ position: relative; background:url(/wp-content/uploads/2018/11/DSC_0081.png) no-repeat #FFFFFF; background-size:cover; background-position: center center; height:100px; margin-bottom:10px; }
#box04{ position: relative;background:url(/wp-content/uploads/2018/11/DSC_0118.png) no-repeat #FFFFFF; background-size:cover;background-position: center center;height:100px;margin-bottom:10px;}
#box05{ position: relative;background:url(/wp-content/uploads/2018/11/DSC_0074.png) no-repeat #FFFFFF; background-size:cover;background-position: center center;height:100px;margin-bottom:10px;}
/*section_03*/
#section_03 { padding:50px 0}
#news{ width:100%; }
#news h2 img{ height:38px; width:auto; margin:0 auto}
#news h2 span{ display:none}
.newsbox{ border-top: 1px solid #c5c5c5; margin:15px 0 ;line-height:130%;}
.date{ color:#94721b; font-size:13px; padding-top:15px; margin-bottom:5px }
.newsbox .text{ font-size:12px; color:#c5c5c5; margin-top:5px}
.fb-page{ width:100%; }
/*footer*/
#copyright{ text-align:center; color:#ffffff; letter-spacing:3px; line-height:100%}
/*page*/
#pagettl div{text-align:center; position:relative}
#pagettl h2{ position:relative; top:50px; font-size:24px; font-weight:bold }
#pagettl h2 span{ font-size:14px;}
#page{ padding:30px 0;}
/*page-about*/
#about #pagettl{background:url(/wp-content/uploads/2018/11/about-tomony-ttl.png) no-repeat left top; background-size:cover; height:150px; width:100%; margin-top:75px;}
#about h3 {background:url(../../../image/underline.png) repeat-x bottom; display:inline; font-size:24px;}
#about p{ margin:15px 0}
.pagebox ,.pagebox2{ margin-top:15px}
/*page-service*/
#service #pagettl{background:url(../../../image/box01.jpg) no-repeat left top; background-size:cover; height:150px; width:100%; margin-top:75px;}
#service h3 ,#howto h3,#information h3{ background:url(../../../image/waveline.png) repeat-x center; text-align:center;font-size:22px; margin-bottom:20px}
#service h3 span ,#howto h3 span ,#information h3 span{ padding:0 30px; background:#ffffff}
#service h4{background:url(../../../image/underline.png) repeat-x bottom; display:inline-block; font-size:20px; margin-bottom:10px}
.number{border-radius: 50%; height: 40px;width: 40px;background-color:#fcc94f;text-align:center; display:block}
.number span { color:#ffffff; font-weight:bold; font-size:16px; line-height:40px}
.flowbox div{   margin-top:180px; width:100%; margin-bottom:30px; padding-bottom:30px;border-bottom:1px dotted #fcc94f;}
.flow1{ background:url(http://tomoni-aichi.com/wp-content/uploads/2018/11/tomoney_workflow_session2.png) no-repeat 43px 20px;  }
.flow2{ background:url(http://tomoni-aichi.com/wp-content/uploads/2018/11/tomoney_workflow_session1.png) no-repeat 43px 20px;  }
.flow3{ background:url(http://tomoni-aichi.com/wp-content/uploads/2018/11/tomoney_workflow_session3.png) no-repeat 43px 20px;  }
.flow4{ background:url(http://tomoni-aichi.com/wp-content/uploads/2018/11/tomoney_workflow_session4.png) no-repeat 43px 20px;  }
.flow5{ background:url(http://tomoni-aichi.com/wp-content/uploads/2018/11/tomoney_workflow_session5.png) no-repeat 43px 20px;  }
.flow6{ background:url(http://tomoni-aichi.com/wp-content/uploads/2018/11/tomoney_workflow_session6-1.png) no-repeat 43px 20px;  }
.flow7{ background:url(http://tomoni-aichi.com/wp-content/uploads/2018/11/tomoney_workflow_session7.png) no-repeat 43px 20px;  }
.flow8{ background:url(../../../image/service/08.jpg) no-repeat center 20px; background-size:290px; }
/*page-howto*/
#howto #pagettl{background:url(/wp-content/uploads/2018/11/DSC_0081.png) no-repeat left top; background-size:cover; height:150px; width:100%; margin-top:75px;}
.howtobox{background:url(../../../image/howto/bg.png) repeat; padding:10px; }
.howtobox dt ,.flowttl{ background:#fcc94f; font-weight:bold; font-size:14px; line-height:120%; color:#ffffff; text-align:center; padding:5px 0; margin-bottom:15px; }
#howto .halfbox1{ width:49%; float:left; margin-right:1%;background:url(../../../image/howto/bg.png) repeat; padding:10px;box-sizing: border-box;}
#howto .halfbox2{ width:49%; float:left; margin-left:1%;background:url(../../../image/howto/bg.png) repeat; padding:10px;box-sizing: border-box;}
#howto .clearfix .box01{ font-size:16px; font-weight:bold; text-align:center; margin-bottom:20px}
.howtobox2{background:#ffffff; padding:10px; }
#howto .arrow{ text-align:center; margin:10px 0; }
#howto .arrow02{ width:50%; float:left; text-align:center; margin:10px 0; }
/*page-information*/
#information #pagettl{background:url(../../../image/information/ttl.jpg) no-repeat left top; background-size:cover; height:150px; width:100%; margin-top:75px;}
#information table{ margin:60px 0}
#information #box{background:url(../../../image/underline.png) repeat; padding:10px; text-align:center; margin-top:30px}
/*volunteer*/
#single #volunteer #pagettl{background:url(/wp-content/uploads/2018/11/DSC_0074.png) no-repeat left top; background-size:cover; height:150px; width:100%; margin-top:75px;}
#volunteer .date{ padding:0; margin-top:10px}
#volunteer .text{ font-size:12px; color:#999999; margin-top:0px}
.news .cover {display: inline-block;box-sizing: border-box;width: 100%;height: 200px; border:1px solid #cccccc;
background-color: #231f20;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.news .noimage  { background:#cccccc;width: 100%;height: 200px; display:block;}
.news .noimage img{ width:160px; height:auto; position:relative; top:50%; left:50%; margin-top:-33px; margin-left:-80px}
.news {width:100%; overflow:hidden; margin-bottom:20px;font-weight:bold; line-height:140%;}
/*page-contact*/
#contact #pagettl{background:url(/wp-content/uploads/2018/11/contact-img.jpg) no-repeat right bottom; background-size:cover; height:150px; width:100%; margin-top:75px;}
#contact h3 {background:url(../../../image/underline.png) repeat-x bottom; display:inline-block; font-size:22px; margin-bottom:20px; clear:both; margin-top:40px}
.mailbox{ width:100%; height: 30px; border:#DFD3C0 solid 1px; }
.mailbox2{ width:100%; height: 200px; border:#DFD3C0 solid 1px; }
#contact .kakunin p { font-size:16px; display:block; border: 2px solid #fcc94f; padding:20px}
.sendbtn {width: 130px; background:#fcc94f; height: 40px; border-style: none; font-size: 14px; color:#FFFFFF; margin-bottom: 50px; margin-top: 50px; position: relative; left: 50%; margin-left: -50px;}
form .contact{ background:none}
#map{ width:100%; height:300px;}
#contact .pagebox2{line-height:140%; }
.tomoni{ font-size:18px; font-weight:bold;margin:20px 0;}
.pagebox2 .tel{ font-size:24px; font-weight:bold; margin:20px 0;color:#fcc94f;}
.pagebox2 .tel span{font-size:36px;}


}





/* 480以下共通*/
@media (max-width: 480px) {
.slider{margin-top:75px; height:180px; overflow:hidden}

	/*section_01　コメントアウトで非表示
#section_01{background:url(../../../image/dream.png) no-repeat top; background-size:120%; text-align:center; padding:30px 0;font-size:12px; line-height:160%; }

#section_01 p{ display:block; width:80%; margin:0 auto}
#section_01 h2 img{ margin-top:10px }
#section_01 h3{ font-size:20px; font-weight:bold; color:#000000; margin:10px 0;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif}
	
	*/
	
	
	}


/* COVID-19 告知 */

#section_covid19{
    width: auto;
    height: auto;
}

.sc19_box{
    height: 100%;
    margin-top: 25px;
    padding-bottom: 55px !important;
    text-align: center;
}

.sc19_box p{
    font-size: 28px;
    font-weight: 800;
    line-height: 180%;
    margin-bottom: 10px;
}

.sc19_box_readtext{
    text-align: center;
    margin-bottom: 50px !important;
}

.sc19_leftbox{
    width: 580px;
    float: left;
    font-size: 18px;
    line-height: 190%;
    padding-right: 10px;
    text-align: left;
}

.sc19_rightbox{
    width: 380px;
    float: left;
    text-align: center;
}

.sc19_point{
    font-size: 28px;
    font-weight: 800;
    color: #fcc94f;
    padding-bottom: 10px;
}

.sc19_lb_text{
    padding-bottom: 20px;
}

@media (max-width: 768px) {
    
#section_covid19{
    width: auto;
    height: auto;
}

.sc19_box{
    height: 100%;
    margin-top: 25px;
    padding-bottom: 55px !important;
    text-align: center;
}

.sc19_box p{
    font-size: 24px;
    font-weight: 800;
    line-height: 160%;
    margin-bottom: 10px;
}

.sc19_box_readtext{
    text-align: center;
    margin-bottom: 10px !important;
}

.sc19_leftbox{
    width: 100%;
    float: left;
    font-size: 18px;
    line-height: 190%;
    text-align: left;
}

.sc19_rightbox{
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 30px;
}

.sc19_point{
    font-size: 28px;
    font-weight: 800;
    color: #fcc94f;
    padding-bottom: 0;
}

.sc19_lb_text{
    padding-bottom: 0;
}
    
}