@charset "utf-8";

p,div {
	font-size:14px;
    box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
.wrapper {
padding: 0 1em;
}
}

#about h2 {
    padding: 0 10px;
	width:100% !important;
    background-image: url("../img/h2.png")!important;
    background-repeat: no-repeat;
    background-position: top right;
	letter-spacing: 0;
}
h2 .logo {
height: 24px;
display: inline-block;
vertical-align: baseline;
margin: 0 5px 0 0;
}
#about h2 a {
color: #000;
text-decoration: none;
opacity: 1!important;
}
#about h2 a:hover,
#about h2 a:active {
color: #000;
opacity: 1!important;
}
#about h2 a:hover img {
opacity: 1!important;
}

#about h3 {
color: #E70000;
}

h3 .logo {
height: 17px;
display: inline-block;
vertical-align: baseline;
margin: 5px 5px 0 5px;
}

h3 .cap {
color: #000!important;
font-size: 14px;
}

#about p,
#about li {
font-size: 16px!important;
line-height: 1.7;
}


@media only screen and (max-width: 1024px) {

#company {
padding: 0 3%;
}
#bread {
	padding:0 0 10px 0;
    line-height: 1.4;
}

p,div {
	font-size:12px !important;
}

#about h2 {
letter-spacing: 0;
    line-height: 1.2;
    height: auto;
    margin-bottom: 0.5em;
}
#about h2 span {
letter-spacing: 0.2em;
    line-height: 1.5;
    height: auto;
    margin-bottom: 1em;
}
h2 .logo {
height: 20px;
display: inline-block;
vertical-align: baseline;
margin: 0 5px 0 0;
}

}


/*TAKEUCHIって*/



.top-table {
display: table;
border-collapse: collapse;
width: 100%;
border-spacing: 0;
margin-top: 2em;
}

.top-table ul {
display: table-row;
}

.top-table ul li {
display: table-cell;
width: 50%;
border: 4px solid #CC0000;
text-align: center;
padding: 0;
position: relative;
overflow: hidden;
}
.top-table ul li div {
padding: 30px 5% 20px 5%;
width: 100%;
height: 100%;
}
.onm {
transition: 0.5s;
}
.onm img {
transform: scale(0.95);
transition: 0.5s;
display: block;
width: 300px;
max-width: 100%;
margin: auto;
}
/*.onm:hover img {
transform: scale(1.05);
}*/

.top-table ul li div h1 {
font-weight: 900;
font-size: 26px;
margin-bottom: 0.1em;
line-height: 1.3;
}


.top-table ul li div h1 span {
display: block;
color: #CC0000;
font-family: 'Anton', sans-serif;
letter-spacing: 0.1em;
font-size: 34px;
margin-bottom: 0.2em;
}

.top-table ul li div img {
max-width: 100%;
}

.top-table ul li div a {
display: block;
width: 300px;
max-width: 100%;
margin: auto;
border: 2px solid #CC0000;
border-radius: 8px;
padding: 5px;
text-decoration: none;
font-size: 18px;
font-family: 'M PLUS Rounded 1c', sans-serif;
transition: 1s;
text-align: center;
background-color: #CC0000;
color: #FFF;
}
.top-table ul li div a:hover {
background-color: #FFF;
color: #CC0000;
}

.top-table ul li div a.nobtn {
display: block;
width: 300px;
max-width: 100%;
margin: auto;
border: 0;
border-radius: 8px;
padding: 5px;
text-decoration: none;
font-size: 17px;
font-family: 'M PLUS Rounded 1c', sans-serif;
transition: 1s;
text-align: center;
background-color: transparent;
color: #CC0000;
text-decoration: underline;
}

.top-table ul li.red {
background-color: #CC0000;
}

.top-table ul li.red h1 {
color: #FFF;
}

.top-table ul li.red h1 span {
color: #FFF;
}

.top-table ul li.red div a {
border: 2px solid #FFF;
color: #FFF;
}
.top-table ul li.red div a:hover {
background-color: #FFF;
color: #CC0000;
}

.top-table ul li.red div a.nobtn {
border: 0;
color: #FFF;
}
.top-table ul li.red div a.nobtn:hover {
background-color: transparent;
text-decoration: none;
}


@media only screen and (max-width: 768px) {
.top-table, .top-table ul, .top-table ul li {
display: block;
width: 100%;
border-bottom: 0;
}
.top-table {
border-bottom: 4px solid #CC0000;
}
}

.frame {
border: 4px solid #CC0000;
padding: 3em;
margin-bottom: 2.5em;
}


.frame h1 {
font-weight: 900;
font-size: 28px;
margin-bottom: 0.5em;
text-align: center;
}


.frame h1 span {
display: block;
color: #CC0000;
font-family: 'Anton', sans-serif;
letter-spacing: 0.1em;
font-size: 34px;
margin-bottom: 0.8em;
}

.img-full {
display: block;
width: 600px;
max-width: 100%;
margin: auto;
}
.img-full img {
width: 100%;
}
@media only screen and (max-width: 1024px) {
.frame {
padding: 2em 1em;
}
}


.btn {
margin: 0;
text-align: center;
width: 100%;
}
.btn.head {
margin-bottom: 2em;
}
.btn.foot {
margin-top: 4em;
}
.frame:after,
.btn:after {
content: ' ';
display: block;
clear: both;
}
.btn .prev {
text-align: left;
padding-right: 1em;
}
.btn .next {
text-align: right;
padding-left: 1em;
}
.btn .prev a span,
.btn .next a span {
font-size: 12px;
vertical-align: middle;
font-weight: 600;
}
.btn .sp-table {
display: table;
width: 100%;
border: 0;
}
.btn .sp-table li {
display: table-cell;
border: 0;
}

.btn a {
max-width: 100%;
display: inline-block;
border: 2px solid #CC0000;
border-radius: 8px;
padding: 5px 15px;
text-decoration: none;
font-size: 18px;
font-family: 'M PLUS Rounded 1c', sans-serif;
color: #CC0000;
transition: 1s;
text-align: center;
box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
}
.btn a:hover {
background-color: #CC0000;
color: #FFF;
}
.btn a.nobtn {
width: 18.5em!important;
display: block;
border: 0;
border-radius: 0;
padding: 0;
margin: 10px 0 0 auto;
text-decoration: underline;
font-size: 17px;
font-family: 'M PLUS Rounded 1c', sans-serif;
color: #555;
transition: 1s;
text-align: center;
box-shadow: none;
}
.btn a.nobtn:hover {
background-color: transparent;
color: #000;
}

.btn.top a {
background-color: #CC0000;
color: #FFF;
width: 400px;
}
.btn.top a:hover {
background-color: #FFF;
color: #CC0000;
}

@media only screen and (max-width: 768px) {
.btn .sp-table,
.btn .sp-table li {
display: block;
border: 0;
padding: 0;
}
.btn .prev,
.btn .next {
text-align: center;
padding: 0;
margin: 0;
}
.btn .prev {
margin-bottom: 1em;
}
.btn a {
display: block;
width: 100%!important;
}
.btn a.nobtn {
width: 100%!important;
text-align: center;
}
}


.img {
margin: 20px 0;
}
.img img {
display: block;
max-width: 100%;
}
.center img {
margin: auto;
}

ol.redc {
margin: 1em;
}
ol.redc li {
margin: 0.2em 0 0 2em;
}
ol.redc li:before {
content: ' ';
background-color: #CC0000;
color: #FFF;
font-weight: 900;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
text-align: center;
line-height: 1.7;
margin-right: 0.4em;
margin-left: -2em;
}
ol.redc li:nth-child(1):before {
content: '1';
}
ol.redc li:nth-child(2):before {
content: '2';
}
ol.redc li:nth-child(3):before {
content: '3';
}

.cap-right {
text-align: right;
font-size: 0.9em;
font-weight: 600;
line-height: 1.3;
margin: 1em 0 2em 0;
}

/*190623*/
.onm img.lg-top {
	width:auto;
	height: 20px;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 5px;
}
.lg-h1 {
	height: 20px;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 5px;
}
.lg-honbun {
	height: 12px;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 5px;
}
.lg-sp-table {
	height: 14px;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 5px;
}