@charset "UTF-8";
/* ----------------------------------------------
base
---------------------------------------------- */
html {
font-size: 62.5%;
/*蝓ｺ貅悶′16px縺ｮ蝣ｴ蜷医�10px*/ }
body {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "繝｡繧､繝ｪ繧ｪ", Meiryo, sans-serif;
font-size: 1.6em;
color: #301915;
background-color: #fff;
margin: 0;
padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, ul, li, img, dl, dt, dd, blockquote, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
vertical-align: baseline; }
img {
margin: 0;
padding: 0;
vertical-align: bottom; }
p, h1, h2, h3, h4, h5, h6 {
margin: 2rem 0 0 0;
padding: 0;
font-size: 1.4rem;
letter-spacing: 0.05rem;
line-height: 1.8; }
blockquote {
margin: 2rem 0 0 2rem;
padding: 0;
font-size: 1.4rem;
letter-spacing: 0.05rem;
line-height: 1.8;
font-style: italic; }
ul {
margin: 2rem 0 0 0;
padding: 0;
list-style-type: none; }
ul li {
margin: 1.2rem 0 0 0;
padding: 0;
font-size: 1.4rem;
line-height: 1.5; }
ul li:first-child {
margin: 0; }
ol {
margin: 2rem 0 0 0; }
ol li {
margin: 1.2rem 0 0 0;
padding: 0;
font-size: 1.4rem;
line-height: 1.5; }
ol li:first-child {
margin: 0 0 0 0; }
dl {
margin: 2rem 0 0 0;
padding: 0; }
dl dt, dl dd {
font-size: 1.4rem;
line-height: 1.5;
margin: 0;
padding: 0; }
em {
font-style: normal; }
hr {
border: 0;
border-top: 1px solid #d5d5d5;
margin: 3rem 0; }
table {
margin: 3rem 0 0 0;
border-width: 0;
empty-cells: show;
width: 100%; }
table caption {
font-weight: bold; }
table th {
font-weight: normal;
text-align: left;
vertical-align: middle;
margin: 0;
padding: 0;
font-size: 1.4rem;
letter-spacing: 0.05rem;
line-height: 1.5; }
table td {
margin: 0;
padding: 0;
vertical-align: middle;
font-size: 1.4rem;
letter-spacing: 0.05rem;
line-height: 1.5; }
table td p {
margin: 0;
padding: 0; }
button, input, select, textarea {
font: inherit; }
select {
border: 1px solid #c0c0c0;
font-size: 100%; }
input[type=text], textarea {
background: #ffffff;
padding: 3px;
border: 1px solid #c0c0c0;
color: #000000; }
input[type=text]:focus, textarea:focus {
background: #fffde8; }
a:link {
color: #007850;
text-decoration: none; }
a:visited {
color: #007850;
text-decoration: none; }
a:hover {
color: #007850;
text-decoration: underline; }
a:active {
color: #007850;
text-decoration: underline; }
a:hover img {
opacity: 0.6;
-webkit-transition: opacity 0.1s;
-moz-transition: opacity 0.1s;
transition: opacity 0.1s; }
/* ----------------------------------------------
utility
---------------------------------------------- */
.u_mg_0 {
margin-top: 0; }
.u_mg_5 {
margin-top: 5px; }
.u_mg_10 {
margin-top: 10px; }
.u_mg_15 {
margin-top: 15px; }
.u_mg_30 {
margin-top: 30px; }
.u_mg_45 {
margin-top: 45px; }
.u_mg_60 {
margin-top: 60px; }
.u_align_r {
text-align: right; }
.u_align_c {
text-align: center; }
/* vertical-align - utility
--------------------------------------------------------- */
/* border-none */
/* ----------------------------------------------
component
---------------------------------------------- */
.h_lg {
font-size: 2.1rem;
font-weight: normal;
line-height: 1.5;
text-align: center; }
.h_md {
font-size: 1.8rem;
font-weight: bold; }
.h_sm {
font-size: 1.6rem;
font-weight: bold; }
.h_xs {
font-size: 1.4rem;
font-weight: bold; }
ul.list_circle li {
padding: 0 0 0 32px;
background: url("../assets/imgs/common/icon_bullet_circle.svg") 14px 8px no-repeat;
background-size: 5px; }
.container {
width: 1000px;
margin: 0 auto;
padding: 5rem 0; }
.container_narrow {
width: 800px;
margin: 0 auto;
padding: 5rem 0; }
.container_fluid_bg {
background-color: #daf2e9; }
.container_fluid_bg .inner {
width: 1000px;
margin: 0 auto;
padding: 5rem 0; }
.container p:first-child, .container_narrow p:first-child, .container_fluid_bg p:first-child {
margin: 0; }
table.tb_line {
background: url("../assets/imgs/common/line_dotted.png") bottom left repeat-x; }
table.tb_line tr {
background: url("../assets/imgs/common/line_dotted.png") top left repeat-x; }
table.tb_line th {
padding: 1.5rem 1.5rem 1.5rem 0;
font-weight: bold; }
table.tb_line td {
padding: 1.5rem 1.5rem 1.5rem 0; }
.col2 {
display: flex; }
.col2 .col.photo {
width: 400px;
margin-right: 40px; }
.col2 .col.photo_small {
width: 280px;
margin-right: 40px; }
a.rollover img {
opacity: 1; }
.caption {
color: #666666; }
p.page-nav {
margin: 50px 0 0 0;
text-align: center;
display: flex;
justify-content: center;
flex-wrap: wrap; }
p.page-nav span {
display: block;
text-align: center;
margin: 0 4px;
padding: 5px 0 0 0;
background-color: #009161;
height: 30px;
width: 35px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color: #fff; }
p.page-nav a {
display: block;
text-align: center;
margin: 0 4px;
padding: 5px 0 0 0;
background-color: #f0f0f0;
height: 30px;
width: 35px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%; }
p.page-nav a:hover {
background-color: #009161;
color: #fff;
text-decoration: none; }
p.page-nav a.next, p.page-nav a.prev {
background: none; }
p.page-nav a.next:hover, p.page-nav a.prev:hover {
color: #009161;
text-decoration: underline; }
a.bullet {
padding: 0 0 0 20px;
background: url("../assets/imgs/common/icon_bullet_arrow_c.svg") 0px 2px no-repeat;
background-size: 13px; }
a.btn {
color: #fff;
padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
a.btn-primary {
background-color: #009161;
border: 1px solid #00875a; }
a.btn-primary.btn:hover, a.btn-primary.btn:active {
background-color: #026c49;
text-decoration: none; }
/* ----------------------------------------------
layout
---------------------------------------------- */
#site_header {
width: 100%;
min-width: 1000px;
margin: 0 auto;}
#main_content {
width: 100%;
margin: 0; }
#site_footer {
width: 100%;
margin: 80px 0 0 0;
background-color: #f2f1f0; }
.header_content:after {
content: "";
display: block;
clear: both; }
.header_content .site_title {
float: left;
margin: 15px 15px 12px 23px;
padding: 0; }
.header_content .h_nav {
float: right; }
.header_content .h_nav ul {
margin: 10px 18px 0 15px;
padding: 0;
display: flex;
justify-content: space-between;
flex-wrap: nowrap; }
.header_content .h_nav ul li {
margin: 0 0 0 15px;
padding: 0 0 0 13px;
background: url("../assets/imgs/common/icon_bullet_arrow.svg") 3px 6px no-repeat;
background-size: 6px;
font-size: 1.2rem; }
.header_content .h_nav ul li a {
color: #4a4a4a; }
.header_content .h_nav ul li a:hover {
color: #007850;
text-decoration: none; }
.header_content .h_nav ul.social {
display:none;
margin: 10px 18px 10px 10px;
padding: 0;
justify-content: flex-end; }
.header_content .h_nav ul.social li {
margin: 0 0 0 3px;
padding: 0;
background: none; }
.header_content .h_nav ul.social li a {
padding: 2px; }
.header_content .h_nav ul.social li img {
width: 25px;
height: 25px; }
.head_logo {
margin: -40px auto 0 auto;
width: 100px;
text-align: center; }
.g_nav svg.svg_gnav_dd {
vertical-align: middle;
margin: -2px 0 0 4px;
fill: #301915;
-webkit-transition: fill 0.2s;
-moz-transition: fill 0.2s;
transition: fill 0.2s; }
.g_nav > ul {
margin: 25px 0 0 0;
padding: 0;
display: flex;
justify-content: center;
flex-wrap: nowrap; }
.g_nav > ul li {
margin: 0 15px 0 15px;
padding: 0;
font-size: 1.3rem;
font-weight: 600; }
.g_nav > ul li a, .g_nav > ul li span {
color: #301915;
padding: 3px;
-webkit-transition: color 0.2s;
-moz-transition: color 0.2s;
transition: color 0.2s; }
.g_nav > ul li a:hover, .g_nav > ul li span:hover, .g_nav > ul li a.selected, .g_nav > ul li span.selected {
color: #007850;
text-decoration: none; }
.g_nav > ul li a:hover svg, .g_nav > ul li span:hover svg, .g_nav > ul li a.selected svg, .g_nav > ul li span.selected svg {
fill: #007850; }
.g_nav > ul li.dropdown.active .dd_menu {
max-height: 320px; }
.g_nav > ul li.dropdown.active > span {
color: #007850; }
.g_nav > ul li.dropdown.active > span svg {
fill: #007850; }
.g_nav > ul .dd_menu {
position: absolute;
width: 16rem;
z-index: 99;
/* Hiding */
max-height: 0;
overflow: hidden;
margin: 0 0 0 -5px;
-webkit-transition: max-height 0.2s;
-moz-transition: max-height 0.2s;
transition: max-height 0.2s; }
.g_nav > ul .dd_menu ul {
margin: 5px 0 0 0;
padding: 0; }
.g_nav > ul .dd_menu ul li {
border-top: 1px solid #ffffff;
font-weight: normal;
margin: 0;
padding: 0; }
.g_nav > ul .dd_menu ul li a {
color: #fff;
display: block;
margin: 0;
padding: 8px 10px;
background-color: #653E32;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s; }
.g_nav > ul .dd_menu ul li a:hover {
background-color: #653E32; }
.g_nav > ul .dd_menu ul li:first-child {
border: 0; }
.page_title {
background-color: #653E32;
margin: 20px 0 0 0;
padding: 0px 0; }
.page_title h1 {
margin: 0;
padding: 0;
line-height: 0;
text-align: center;
color: #009161;
font-size: 2.4rem; }
*.numero{
margin:0px 0px 5px 0px; text-align:right; font-family:Arial, Helvetica, sans-serif; color:#4c3523;
}
.main_visual {
margin: 20px 0 0 0; }
.main_visual .top_content {
position: absolute;
z-index: 1;
width: 100%; }
.main_visual .top_content .inner {
width: 1000px;
margin: 0 auto; }
.main_visual .top_content .inner .message {
float: right;
padding: 20px 0 0 0; }
.main_visual .top_content .inner .accepting {
float: left;
width: 175px;
padding: 250px 0 0 0; }
.main_visual .top_content .inner .birthday-donation {
float: left;
width: 175px;
margin-left: 10px;
padding: 250px 0 0 0; }
.main_visual ul {
margin: 0;
padding: 0; }
.main_visual ul li {
margin: 0;
padding: 0;
width: 100%;
height: 480px;
background-color: #eeeeee;
background-position: center top;
background-size: cover; }
.main_visual ul li.p01 {
background-image: url("../assets/imgs/home/home_main_visual01.jpg"); }
.main_visual ul li.p02 {
background-image: url("../assets/imgs/home/home_main_visual02.jpg"); }
.main_visual ul li.p03 {
background-image: url("../assets/imgs/home/home_main_visual03.jpg"); }
.home_project_nav {
padding: 35px 0;
background-color: #f2f1f0; }
.home_project_nav ul {
width: 1000px;
margin: 0 auto;
padding: 0;
display: flex;
justify-content: space-between;
flex-wrap: nowrap; }
.home_project_nav ul li {
margin: 0 0 0 1px;
padding: 10px 0;
background-color: #fff;
flex: 1 1 0; }
.home_project_nav ul li h2 {
font-size: 1.6rem;
margin: 0;
text-align: center;
line-height: 1.5; }
.home_project_nav ul li p {
font-size: 1.2rem;
margin: 12px 0 0 0;
padding: 0; }
.home_project_nav ul li a {
color: #301915;
display: block;
padding: 2rem; }
.home_project_nav ul li a:hover {
text-decoration: none;
color: #fff; }
.home_project_nav ul li.company {
border-top: 4px solid #65b511; }
.home_project_nav ul li.company:hover {
background-color: #65b511; }
.home_project_nav ul li.npo {
border-top: 4px solid #43a2ec; }
.home_project_nav ul li.npo:hover {
background-color: #43a2ec; }
.home_project_nav ul li.education {
border-top: 4px solid #dd5ea2; }
.home_project_nav ul li.education:hover {
background-color: #dd5ea2; }
.home_project_nav ul li.administration {
border-top: 4px solid #3abab3; }
.home_project_nav ul li.administration:hover {
background-color: #3abab3; }
.home_project_nav ul li.individual {
border-top: 4px solid #6961d6; }
.home_project_nav ul li.individual:hover {
background-color: #6961d6; }
.home_project_nav ul li:first-child {
margin: 0; }
.home_message {
background: url("../assets/imgs/home/home_message_bg.png") 0 80px no-repeat; }
.home_message p {
margin: 30px 140px;
text-align: center; }
.home_list .inner {
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
.home_list .home_list_h h2 {
width: 160px;
font-size: 2.0rem;
margin: 0 50px;
padding: 0; }
.home_list .home_list_h .more {
font-size: 1.3rem;
margin: 82px 50px 0 50px; }
.home_list #news_list, .home_list #blog_list {
margin: 0;
padding: 0; }
.home_list #news_list dl, .home_list #blog_list dl {
width: 740px;
margin: -1rem 0 0 0;
padding: 0; }
.home_list #news_list dl dt, .home_list #blog_list dl dt {
font-size: 1.4rem;
float: left;
width: 10rem;
color: #666666;
margin: 0 0 0 0;
padding: 1rem 0 0 0; }
.home_list #news_list dl dd, .home_list #blog_list dl dd {
font-size: 1.4rem;
margin: 0 0 0 10rem;
padding: 1rem 0 0 0; }
.home_list #news_list .message, .home_list #blog_list .message {
margin: 0;
padding: 0;
width: 740px; }
.container_fluid_bg.home_list.blog {
background-color: #f1faf6; }
.home_topics #topics_list {
padding: 0 0 30px 0;
min-height: 160px; }
.home_topics #topics_list ul {
margin: 2rem 0 0 0;
padding: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: stretch; }
.home_topics #topics_list ul li {
margin: 13px 0 0 0;
padding: 0;
flex-basis: 240px;
background-color: #f2f1f0; }
.home_topics #topics_list ul li img {
background-color: #fff;
height: auto; }
.home_topics #topics_list ul li .title {
padding: 8px;
font-size: 1.3rem; }
.home_topics #topics_list ul li:nth-child(4n+1):last-child {
margin-right: 760px; }
.home_topics #topics_list ul li:nth-child(4n+2):last-child {
margin-right: 507px; }
.home_topics #topics_list ul li:nth-child(4n+3):last-child {
margin-right: 254px; }
.home_topics #topics_list ul a {
color: #301915;
display: block;
height: 100%; }
.home_topics #topics_list ul a:hover {
color: #007850;
text-decoration: underline; }
.home_topics #topics_list .message {
padding: 1rem 0;
text-align: center;
width: 100%; }
.home_art {
margin: 8rem 0 0 0;
background-color: #f7f1a6; }
.home_art .inner {
padding: 0; }
.home_art .inner .home_art_body {
margin: 0 0 0 0;
padding: 30px 0;
display: flex;
justify-content: space-between;
flex-wrap: nowrap; }
.home_art .inner .home_art_body .box {
padding: 10px 0;
margin-left: 35px;
padding-left: 34px;
border-left: 1px solid #d8d289;
width: 220px; }
.home_art .inner .home_art_body .box:first-child {
width: 420px;
margin-left: 0;
padding-left: 0;
border-left: 0; }
.home_art .inner .home_art_body h2 {
margin: 10px 0 0 0;
padding: 0;
font-size: 1.8rem;
color: #008257; }
.home_art .inner .home_art_body .home_art_link {
margin: 30px 0 0 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
.home_art .inner .home_art_body .home_art_link li {
width: 200px;
margin: 0;
padding: 0;
background-color: #fff; }
/*
//2019/1/21 繧､繝ｩ繧ｹ繝医≠繧革er.
.home_art {
margin: 8rem 0 0 0;
background-color: $cl_yellow;
min-height: 380px;
.inner {
padding: 0;
.home_art_image {
width: 270px;
position: relative;
img {
position: absolute;
right: 0px;
}
}
.home_art_body {
margin: 0 0 0 310px;
padding: 30px 0;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
.box {
padding: 10px 0;
width: 200px
}
.box:first-child {
width: 410px;
margin-right: 40px;
padding-right: 39px;
border-right: 1px solid #d8d289;
}
h2 {
margin: 10px 0 0 0;
padding: 0;
font-size: 1.8rem;
color: darken($cl_base, 3%);
}
.home_art_link {
margin: 35px 0 0 0;
//padding: 30px 0 0 0;
//border-top: 1px solid #d2cec0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
li {
width: 200px;
margin: 0;
padding: 0;
background-color: #fff;
}
}
}
}
}
*/
.home_banner {
width: 1000px;
margin: 0 auto;
padding: 4rem 0 0 0; }
.home_banner p {
font-size: 1.2rem;
margin: 0 80px; }
.home_banner .keirin-autorace {
display: flex;
justify-content: flex-start;
flex-wrap: nowrap; }
.home_banner .keirin-autorace p {
margin: 0 0 0 2rem; }
.project .project_lead {
min-height: 325px;
padding: 35px 0 0 0;
margin: 0 0 -20px 0; }
.project .project_lead p {
position: relative;
margin: 0 0 0 0;
padding: 40px;
width: 460px;
line-height: 2.0;
background-color: #009161;
color: #fff;
font-size: 1.4rem;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.project .project_lead p:after {
content: "";
position: absolute;
right: 0;
bottom: -16px;
left: 0;
width: 0;
height: 0;
margin: auto;
border-style: solid;
border-color: #009161 transparent transparent transparent;
border-width: 16px 16px 0 16px; }
.project .project_lead.company {
background: url("../assets/imgs/project/lead_company.jpg") top right no-repeat; }
.project .project_lead.company p {
background-color: #53a200; }
.project .project_lead.company p:after {
border-color: #53a200 transparent transparent transparent; }
.project .project_lead.npo {
background: url("../assets/imgs/project/lead_npo.jpg") top right no-repeat; }
.project .project_lead.npo p {
background-color: #3393dd; }
.project .project_lead.npo p:after {
border-color: #3393dd transparent transparent transparent; }
.project .project_lead.education {
min-height: 290px;
padding: 70px 0 0 0;
background: url("../assets/imgs/project/lead_education.jpg") top right no-repeat; }
.project .project_lead.education p {
background-color: #d25799;
line-height: 2.5; }
.project .project_lead.education p:after {
border-color: #d25799 transparent transparent transparent; }
.project .project_lead.administration {
background: url("../assets/imgs/project/lead_administration.jpg") top right no-repeat; }
.project .project_lead.administration p {
background-color: #1da69f; }
.project .project_lead.administration p:after {
border-color: #1da69f transparent transparent transparent; }
.project .project_lead.individual {
min-height: 290px;
padding: 70px 0 0 0;
background: url("../assets/imgs/project/lead_individual.jpg") top right no-repeat; }
.project .project_lead.individual p {
background-color: #6059c6;
line-height: 2.5; }
.project .project_lead.individual p:after {
border-color: #6059c6 transparent transparent transparent; }
.project .h_lg {
color: #009161;
text-align: left;
margin: 0;
padding: 0 0 8px 0; }
.project .h_lg span {
padding-bottom: 5px;
border-bottom: 3px solid #009161; }
.project table.tb_line th {
color: #009161;
font-size: 1.6rem;
text-align: center; }
.project .btn_rc {
margin: 15px 0 10px 0; }
.project .btn_rc li {
display: inline-block;
line-height: 3.0;
margin: 0;
padding: 0; }
.project .btn_rc li a {
margin: 0 1rem 0 0;
color: #009161;
background-color: #fffcde;
padding: 5px 10px;
border: 2px solid #009161;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; }
.project .btn_rc li a:hover, .project .btn_rc li a:active {
background-color: #009161;
text-decoration: none;
color: #fff; }
.project .btn_rc li span {
margin: 0 1rem 0 0;
color: #301915;
background-color: #fff;
padding: 5px 10px;
border: 2px solid #666;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; }
.article_list {
margin: 0;
padding: 0;
border-bottom: 1px solid #d5d5d5; }
.article_list li {
border-top: 1px solid #d5d5d5;
margin: 0;
padding: 15px 0;
display: flex;
justify-content: flex-start;
flex-wrap: nowrap; }
.article_list li div.date {
padding: 0 2rem 0 0;
color: #666666; }
.wp_single img {
max-width: 100%;
height: auto; }
.wp_single p.date {
margin: 0;
padding: 0;
color: #666666; }
.wp_single h2.article_title {
margin: 5px 0 35px 0;
padding: 0;
font-size: 2.2rem; }
.wp_single h1 {
margin: 2.5rem 0 0 0;
padding: 0;
font-size: 2.8rem; }
.wp_single h2 {
margin: 2.5rem 0 0 0;
padding: 0;
font-size: 2.2rem; }
.wp_single h3 {
margin: 2.5rem 0 0 0;
padding: 0;
font-size: 2.0rem; }
.wp_single h4 {
margin: 2.5rem 0 0 0;
padding: 0;
font-size: 1.8rem; }
.wp_single h5 {
margin: 2.5rem 0 0 0;
padding: 0;
font-size: 1.6rem; }
.wp_single h6 {
margin: 2rem 0 0 0;
padding: 0;
font-size: 1.4rem; }
.wp_single ul li {
padding: 0 0 0 32px;
background: url("../assets/imgs/common/icon_bullet_circle.svg") 14px 8px no-repeat;
background-size: 5px; }
.wp_single .alignleft {
float: left;
margin: 0 2rem 2rem 0; }
.wp_single .alignright {
float: right;
margin: 0 0 2rem 2rem; }
.wp_single .aligncenter {
display: block;
margin: 0 auto 0 auto; }
.backtolist {
margin: 60px 0 0 0;
padding: 60px 0 0 0;
border-top: 1px solid #d5d5d5; }
.backtolist p {
margin: 0;
padding: 0; }
.backtolist p a {
display: block;
width: 40%;
margin: 0 auto;
background-color: #009161;
text-align: center;
padding: 10px;
color: #fff;
text-decoration: none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px; }
.backtolist p a:hover {
background-color: #00ab72; }
.accepting_list .cont {
margin: 60px 0 0 0; }
.accepting_list .cont:first-child {
margin: 0 0 0 0; }
.accepting_list .cont h2 {
margin: 0 0 -10px 0;
padding: 0;
font-size: 2.0rem;
color: #301915;
font-weight: normal;
letter-spacing: 0.1; }
.accepting_list .cont .box {
margin: 25px 0 0 0;
padding: 26px 0 0 0;
background: url("../assets/imgs/common/line_dotted.png") top left repeat-x;
display: flex;
justify-content: flex-start;
flex-wrap: nowrap; }
.accepting_list .cont .box .img {
width: 240px; }
.accepting_list .cont .box .txt {
width: 735px;
margin: 0 0 0 25px; }
.accepting_list .cont .box .txt p.icon {
margin: 0;
padding: 0;
line-height: 1; }
.accepting_list .cont .box .txt p.icon span {
float: left;
margin: 2px 10px 0 0;
padding: 4px 10px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; }
.accepting_list .cont .box .txt p.icon span.c {
background-color: #ddd; }
.accepting_list .cont .box .txt p.icon span.f {
background-color: #fbd8d8;
color: #c51010; }
.accepting_list .cont .box .txt h3 {
margin: 0;
font-size: 1.6rem; }
.accepting_list .cont .box .txt p {
margin: 10px 0 0 0; }
.accepting_list .cont .box .txt dl {
margin: 7px 0 0 0;
padding: 0; }
.accepting_list .cont .box .txt dl dt {
margin: 0;
padding: 3px 0 0 0;
width: 6rem;
float: left; }
.accepting_list .cont .box .txt dl dd {
margin: 0 0 0 6rem;
padding: 3px 0 0 0; }
.f_nav {
width: 1000px;
margin: 0 auto; }
.f_nav .backtotop {
width: 42px;
height: 42px;
background-color: #009161;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
border-radius: 21px;
float: right;
position: relative;
top: -18px;
text-align: center;
cursor: pointer; }
.f_nav .backtotop img {
margin-top: 15px;
width: 16px;
height: auto; }
.f_nav .backtotop:hover {
background-color: #34be91; }
.f_nav ul {
margin: 0;
padding: 30px 0;
text-align: center; }
.f_nav ul li {
display: inline;
margin: 0 0 0 1.5rem;
padding: 0 0 0 1.5rem;
font-size: 1.2rem;
border-left: 1px solid #aaa; }
.f_nav ul li:first-child {
border-left: 0;
margin: 0;
padding: 0; }
.f_nav ul li a {
color: #301915; }
.f_nav ul li a:hover {
color: #999999;
text-decoration: none; }
.footer_content {
width: 1000px;
margin: 0 auto;
padding: 30px 0 30px 0;
border-top: 1px solid #d5d5d5; }
.footer_content .foot_logo {
float: right; }
.footer_content .address h2 {
margin: 0;
padding: 0;
font-size: 1.4rem;
font-weight: bold;
color: #301915; }
.footer_content .address p {
margin: 10px 0 0 0;
padding: 0;
font-size: 1.2rem;
color: #666666; }
.footer_content .copyright {
margin: 30px 0 0 0;
padding: 0;
font-size: 1.2rem;
color: #aaaaaa; }