@charset "utf-8";

/*---top---*/

#topmain ul.news {
max-width: 1000px;
width: 100%;
margin: 0 auto;
padding-top: 45px;
padding-bottom: 45px;
}

#topmain ul.news h2.title {
font-size: 35px;
text-align: center;
font-weight: 400;
letter-spacing: 1px;
padding-bottom: 15px;
}

#topmain ul.news li.newsbody {
width: 100％;
height: 180px;
overflow: scroll;
overflow-x: hidden;
}

#topmain ul.news li.newsbody .date p {
padding: 10px 0 3px 0;
letter-spacing: 1px;
}

#topmain ul.news li.newsbody .cnt {
border-bottom: 2px dotted #cccccc;
width: 98%;
}

#topmain ul.news li.newsbody .cnt p {
padding: 0 0 10px 0;
line-height: 170%;
}

#topmain ul.news li.newsbody .cnt p a {
font-size: 14px;
}

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

#topmain ul.news {
width: 90%;
padding: 5%;
}
}

@media only screen and (max-width: 640px) {
#topmain ul.news h2.title {
font-size: 28px;
text-align: center;
font-weight: 400;
letter-spacing: 1px;
padding-bottom: 10px;
}

#topmain ul.news {
width: 90%;
padding: 5%;
}

#topmain ul.news li.newsbody .date p {
padding: 10px 0 3px 0;
letter-spacing: 1px;
font-size: 12px;
}

#topmain ul.news li.newsbody .cnt {
border-bottom: 2px dotted #cccccc;
width: 97%;
}

#topmain ul.news li.newsbody .cnt p {
padding: 0 0 10px 0;
line-height: 170%;
font-size: 12px;
}

#topmain ul.news li.newsbody .cnt p a {
font-size: 12px;
}
}

#topbnrcorner {
width: 100%;
}

#topbnrcorner .topmainbnr {
width:100%;
}

#topbnrcorner .topmainbnr ul.leftbox01 {
width: 50%;
float: left;
}

#topbnrcorner .topmainbnr ul.rightbox01 {
width: 50%;
float: right;
}

#topbnrcorner .topmainbnr ul.leftbox02 {
width: 50%;
float: left;
}

#topbnrcorner .topmainbnr ul.rightbox02 {
width: 50%;
float: right;
}

@media screen and ( max-width:640px ) {
#topbnrcorner .topmainbnr ul.leftbox01 {
width: 100%;
}

#topbnrcorner .topmainbnr ul.rightbox01 {
width: 100%;
}

#topbnrcorner .topmainbnr ul.leftbox02 {
width: 100%;
}

#topbnrcorner .topmainbnr ul.rightbox02 {
width: 100%;
}
}


/*---results---*/

#resultsmain {
width:100%;
}

#resultsmain .category {
width:100%;
padding-bottom: 45px;
}

#resultsmain .category ul.thumbnail {
width:100%;
}

#resultsmain .category ul.thumbnail li {
display: inline-block;
vertical-align: top;
width: 30.5%;
padding: 1% 1% 2% 1%;
}

#resultsmain .category ul.thumbnail li p {
padding: 12px;
background: #222222;
letter-spacing: 1px;
color: #ffffff;
font-size: 16px;
}

#resultsmain .category ul.thumbnail li a {
text-decoration: none;
}

#resultsmain ul.information {
margin: 0 auto;
}

#resultsmain ul.information table	{
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}

#resultsmain ul.information table th	{
border: 1px solid #cccccc;
background: #ecebe3;
width: 20%;
}

#resultsmain ul.information table th p.title 	{
text-align: left;
padding: 12px;
}

#resultsmain ul.information table	td	{
border: 1px solid #cccccc;
}

#resultsmain ul.information table	td p.cnt	{
text-align: left;
padding: 12px;
line-height: 170%;
}

#resultsmain ul.point {
width: 99%;
margin: 30px 0 30px 0;
background: #ffffff;
border: 5px solid #e43a16;
}


@media screen and (max-width: 640px){
#resultsmain .category ul.thumbnail li {
width: 46%;
padding: 1% 1% 2% 1%;
}

#resultsmain .category ul.thumbnail li p {
padding: 5px;
background: #222222;
border-bottom-left-radius: 2px;
color: #ffffff;
font-size: 12px;
}

#resultsmain ul.information table	{
width: 99.9%;
border-collapse: collapse;
border-spacing: 0;
}

#resultsmain ul.information table th,
#resultsmain ul.information table td {
width: 99.9%;
display: block;
border-top: none;
}

#resultsmain ul.information table tr:first-child th	{
border-top: 1px solid #cccccc;
}

#resultsmain ul.information table th p.title 	{
text-align: left;
padding: 12px;
font-weight:  bold;
}

}


/*---results_detail---*/

#results_detailmain {
width:100%;
}

#results_detailmain li.returnbt {
text-align: right;
margin-right: 15px;
margin-bottom: 30px;
}

#results_detailmain li.returnbt a {
background: #3f3e3d;
text-decoration: none;
padding: 10px 25px 10px 25px;
border-radius: 8px;
color: #ffffff;
}

#results_detailmain ul.thumbnail {
width:100%;
}

#results_detailmain ul.thumbnail li {
float: left;
width: 24%;
padding: 0.5%;
}

#results_detailmain ul.thumbnail li p {
padding: 8px;
margin-bottom: 3px;
}

@media screen and (max-width: 640px){
#results_detailmain ul.thumbnail li {
width: 46%;
padding: 1% 2% 2% 1%;
}

#results_detailmain li.returnbt {
text-align: right;
margin-bottom: 15px;
}

#results_detailmain li.returnbt a {
background: #3f3e3d;
text-decoration: none;
padding: 12px;
border-radius: 5px;
letter-spacing: 1px;
color: #ffffff;
font-size: 12px;
}
}


/*---company---*/

#companymain {
width:100%;
}

#companymain ul.greeting {
margin: 0 auto;
padding-bottom: 70px;
}

#companymain ul.greeting p {
line-height: 200%;
font-size: 16px;
}

#companymain ul.information {
margin: 0 auto;
padding-bottom: 45px;
}

#companymain ul.information table	{
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}

#companymain ul.information table th	{
border: 1px solid #cccccc;
background: #ecebe3;
width: 30%;
}

#companymain ul.information table th p.title 	{
text-align: left;
padding: 12px;
}

#companymain ul.information table td	{
border: 1px solid #cccccc;
}

#companymain ul.information table td p.cnt	{
text-align: left;
padding: 12px;
line-height: 170%;
}

#companymain ul.information table td p.cnt a 	{
text-decoration: none;
padding: 12px;
}

#companymain ul.point {
width: 99%;
margin: 30px 0 30px 0;
background: #ffffff;
border: 5px solid #e43a16;
}

#companymain ul.point p {
color: #e43a16;
padding: 20px;
font-size: 16px;
font-weight:bold;
}

#companymain ul.map {
width: 100%;
}


@media screen and ( max-width:640px ) {
#companymain ul.information table	{
width: 99.9%;
border-collapse: collapse;
border-spacing: 0;
}

#companymain ul.information table th p.title 	{
text-align: left;
padding: 12px;
font-weight: bold;
}

#companymain ul.information table th,
#companymain ul.information table td {
width: 99.9%;
display: block;
border-top: none;
}

#companymain ul.information table tr:first-child th	{
border-top: 1px solid #cccccc;
}
}


/*---recruit---*/

#recruitmain {
width:100%;
}

#recruitmain ul.comment {
margin: 0 auto;
padding-bottom: 70px;
}

#recruitmain ul.comment p {
line-height: 200%;
font-size: 16px;
}

#recruitmain ul.information {
margin: 0 auto;
padding-bottom: 45px;
}

#recruitmain ul.information table	{
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}

#recruitmain ul.information table th	{
border: 1px solid #cccccc;
background: #ecebe3;
width: 23%;
}

#recruitmain ul.information table th p.title 	{
text-align: left;
padding: 12px;
}

#recruitmain ul.information table td	{
border: 1px solid #cccccc;
}

#recruitmain ul.information table td p.cnt	{
text-align: left;
padding: 12px;
line-height: 170%;
}

@media screen and ( max-width:640px ) {
#recruitmain ul.information table	{
width: 99.9%;
border-collapse: collapse;
border-spacing: 0;
}

#recruitmain ul.information table th, 
#recruitmain ul.information table td {
width: 99.9%;
display: block;
border-top: none;
}

#recruitmain ul.information table tr:first-child th	{
border-top: 1px solid #cccccc;
}

#recruitmain ul.information table th p.title 	{
text-align: left;
padding: 12px;
font-weight: bold;
}
}


/*---business---*/

#businessmain {
width:100%;
}

#businessmain .tab {
margin-bottom: 20px;
width:100%;
}

#businessmain .tab li.no-select {
width: 32.4%;
background: #a4a4a4;
float: left;
cursor: pointer;
margin-right: 0.9%;
border-radius: 8px;
}

#businessmain .tab li.no-select a {
font-weight: bold;
font-size: 16px;
color: #ffffff;
display: block;
padding: 15px 0 15px 20px;
text-decoration: none;
}

#businessmain .tab li.no-select:hover {
background: #255c89;
color: #ffffff;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}

#businessmain .tab li.select {
width: 32.4%;
background: #255c89;
color: #ffffff;
float: left;
cursor: pointer;
margin-right: 0.9%;
border-radius: 8px;
}

#businessmain .tab li.select a {
color: #ffffff;
font-size: 16px;
font-weight: bold;
display: block;
padding: 15px 0 15px 20px;
text-decoration: none;
}

#businessmain .cntmain {
width:100%;
}

#businessmain .cntmain ul.cntunit {
margin:0 auto 0;
width: 100%;
margin-bottom: 50px;
box-sizing: border-box;
}

#businessmain .cntmain ul.cntunit li.txtbox {
width: 52%;
float: left;
}

#businessmain .cntmain ul.cntunit li.txtbox p.title {
line-height: 180%;
padding: 8px 0 3px 0;
color: #255c89;
font-size: 20px;
font-weight: bold;
}

#businessmain .cntmain ul.cntunit li.txtbox p.normal {
line-height: 240%;
}

#businessmain .cntmain ul.cntunit li.txtbox p.normal .point {
color: #255c89;
font-weight: bold;
}

#businessmain .cntmain ul.cntunit li.imgbox {
float: right;
width: 45%;
}

#businessmain .cntmain ul.cntunit li.imgbox img {
max-width: 100%;
width: 100%;
}

@media screen and (max-width: 1100px){
#businessmain .tab {
overflow: hidden;
margin-bottom: 20px;
width: 100%;
}

#businessmain .tab li.no-select {
width: 98.5%;
background: #a4a4a4;
cursor: pointer;
margin-bottom: 1.5%;
font-size: 13px;
border-radius: 8px;
font-weight: bold;
}

#businessmain .tab li.no-select a {
font-weight: bold;
color: #ffffff;
padding: 15px 0 15px 10px;
display: block;
text-decoration: none;
}

#businessmain .tab li.no-select:hover {
background: #255c89;
color: #ffffff;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}

#businessmain .tab li.select {
width: 98.5%;
background: #255c89;
color: #ffffff;
cursor: pointer;
margin-bottom: 1.5%;
font-size: 13px;
border-radius: 8px;
font-weight: bold;
}

#businessmain .tab li.select a {
color: #ffffff;
font-weight: bold;
padding: 15px 0 15px 10px;
display: block;
text-decoration: none;
}

#businessmain .cntmain ul.cntunit li.txtbox p.normal {
line-height: 160%;
}
}


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

#businessmain .cntmain ul.cntunit li.txtbox {
width:100%;
}

#businessmain .cntmain ul.cntunit li.txtbox p.normal {
line-height: 180%;
}

#businessmain .cntmain ul.cntunit li.txtbox p.title {
line-height: 170%;
color: #255c89;
font-size: 16px;
font-weight: bold;
}

#businessmain .cntmain ul.cntunit li.imgbox {
width:100%;
padding-bottom: 12px;
}
}




/*---flow---*/

#flowmain {
width:100%;
}

#flowmain ul.comment{
margin: 0 auto;
padding-bottom: 50px;
}

#flowmain ul.comment p {
line-height: 200%;
font-size: 16px;
}

#flowmain ul.flowgroup {
width:100%;
margin-bottom: 50px;
}

#flowmain ul.flowgroup li.title {
margin-bottom: 20px;
}

#flowmain ul.flowgroup li.title p {
font-size: 28px;
background: linear-gradient(#d1d1bc, #c4c4aa);
padding: 3px 0 3px 30px;
border-radius: 5px;
}

#flowmain ul.flowgroup li.title p .number {
font-size: 50px;
font-weight: 400;
}

#flowmain ul.flowgroup li.detail p {
font-size: 18px;
}

#flowmain .arrow {
background: url(../flow/images/flowarrowicon.png) no-repeat;
background-position:center;
min-height: 55px;
margin-bottom: 35px;
}

@media screen and ( max-width:640px ) {
#flowmain ul.flowgroup {
width:100%;
margin-bottom: 25px;
}

#flowmain ul.flowgroup li.title {
margin-bottom: 20px;
}

#flowmain ul.flowgroup li.title p {
font-size: 20px;
background: linear-gradient(#d1d1bc, #c4c4aa);
border-radius: 8px;
}

#flowmain ul.flowgroup li.title p .number {
font-size: 30px;
font-weight: 400;
}

#flowmain ul.flowgroup li.detail p {
font-size: 14px;
}

#flowmain .arrow {
background: url(../flow/images/flowarrowicon.png) no-repeat;
background-position:center;
background-size: 25%;
margin-bottom: 35px;
}
}


/*---privacy---*/

#privacymain {
width:100%;
}

#privacymain .comment {
margin: 0 auto;
padding-bottom: 50px;
}

#privacymain .comment p {
padding: 10px 5px 0 5px;
line-height: 190%;
}

#privacymain .privacycnt {
margin: 0 auto;
}

#privacymain .privacycnt ul li {
border-bottom: 2px dotted #b4b4b1;
}

#privacymain .privacycnt ul li .pptext01 {
padding: 20px 0 20px 5px;
font-weight: bold;
color: #555555;
}

#privacymain .privacycnt ul li .pptext02 {
padding: 0 0 15px 5px;
line-height: 170%;
}    


/*---contact---*/

#contactmain {
width:100%;
}

#contactmain .comment {
width:100%;
padding-bottom:30px;
}

#contactmain .comment p {
font-size: 16px;
}

#contactmain ul.tel {
width:100%;
padding-bottom: 45px;
letter-spacing: 1px;
}

#contactmain ul.tel li p.attention {
font-size: 16px;
padding-bottom: 10px;
color: #eb0741;
}

#contactmain ul.tel li p.pdf {
font-size: 14px;
font-weight: bold;
padding-bottom: 15px;
}

#contactmain ul.tel li p.attention a {
font-size: 16px;
letter-spacing: 0.1em;
font-weight: 500;
}

#contactmain ul.tel li p.number {
font-size: 42px;
letter-spacing: 3px;
font-weight: 500;
text-decoration: none;
}

#contactmain ul.tel li p.number .jp {
font-size: 37px;
letter-spacing: 1px;
font-weight: bold;
text-decoration: none;
}

#contactmain ul.tel li p.number a {
font-size: 42px;
letter-spacing: 3px;
font-weight: 500;
text-decoration: none;
}

#contactmain ul.contactform {
margin: 0 auto 0;
padding-bottom: 35px;
}

#contactmain ul.contactform .descriptiontxt {
padding: 5px 30px 15px 5px;
}

#contactmain ul.contactform li.attention {
padding: 0 30px 35px 0;
}

#contactmain ul.contactform table	{
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}

#contactmain ul.contactform table th	{
width: 22%;
}

#contactmain ul.contactform table th p.title 	{
text-align: left;
padding: 5px 12px 15px 12px;
}

#contactmain ul.contactform table td p.cnt	{
text-align: left;
padding: 12px;
line-height: 170%;
}

#contactmain ul.contactform .input1 {
width: 80%;
border-radius: 3px;
padding: 10px;
border: 2px solid #d8d8d8;
margin:0 0 15px;
}

#contactmain ul.contactform .input1:focus {
border: solid 2px #32badc;
}

#contactmain ul.contactform .input2 {
width: 60%;
border-radius: 3px;
padding: 10px;
border: 2px solid #d8d8d8;
margin:0 0 15px;
}

#contactmain ul.contactform .input2:focus {
border: solid 2px #32badc;
}

#contactmain ul.contactform .input3 {
width: 12%;
border-radius: 3px;
padding: 10px;
border: 2px solid #d8d8d8;
margin:0 0 15px;
}

#contactmain ul.contactform .input3:focus {
border: solid 2px #32badc;
}

#contactmain ul.contactform .textarea1 {
width: 80%;
height: 200px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 6px;
border: 2px solid #d8d8d8;
margin:0 0 10px;
}

#contactmain ul.contactform .textarea1:focus {
border: solid 2px #32badc;
}

#contactmain ul.contactform .select {
border-radius: 3px;
padding: 6px;
border: 2px solid #d8d8d8;
margin: 0 0 10px;
width:25%;
}

#contactmain ul.contactform .select:focus {
border: solid 2px #32badc;
}

#contactmain ul.contactform .formtxt01 {
padding-left: 5px;
font-size: 15px;
}

#contactmain ul.contactform .formtxt02 {
padding-left: 8px;
font-size: 13px;
}

#contactmain ul.contactform .formtxt03 {
padding: 0 12px 0 4px;
}

#contactmain ul.contactform li ul.buttonarea {
padding-left: 40%;
padding-top: 30px;
}

#contactmain ul.contactform li ul.buttonarea li {
float: left;
padding: 5px 20px 15px 0;
}

#contactmain ul.contactform li ul.buttonarea li .submit {
border: none;
cursor: pointer;
width: 200px;
height: 48px;
padding: 8px;
background-color: #efefef;
border-radius: 3px;
border: 1px solid #c7c7c7;
}

#contactmain ul.contactform li ul.buttonarea li .submit:hover {
border: 3px solid #fa7f55;
background:#fafafa;
transition: all 0.8s ease 0s;
}

#contactmain .privacycnt {
margin: 0 auto;
}

#contactmain .privacycnt ul li {
border-bottom: 1px dotted #b4b4b1;
}

#contactmain .privacycnt ul li .pptext01 {
padding: 20px 0 20px 5px;
font-weight: bold;
color: #555555;
}

#contactmain .privacycnt ul li .pptext02 {
padding: 0 0 15px 5px;
line-height: 170%;
}    

#contactmain ul.thanks {
width: 100％;
height: 500px;
}

#contactmain ul.thanks p {
text-align: center;
font-size: 22px;
font-weight: bold;
line-height: 250%;
}

#contactmain ul.thanks p a {
text-align: center;
padding-top: 55px;
font-size: 18px;
font-weight: bold;
}

#contactmain ul.thanks p a:hover {
text-decoration: none;
}

@media screen and (max-width: 1100px){
#contactmain ul.tel li p.number {
font-size: 38px;
text-decoration: none;
font-weight: 500;
}

#contactmain ul.tel li p.number a {
font-size: 38px;
text-decoration: none;
font-weight: 500;
}

#contactmain ul.tel li p.time  {
font-size: 12px;
}

#contactmain ul.contactform table	{
width: 99.9%;
border-collapse: collapse;
border-spacing: 0;
}

#contactmain ul.contactform table th p.title 	{
text-align: left;
padding: 7px;
font-weight: bold;
}

#contactmain ul.contactform table th,
#contactmain ul.contactform table td {
width: 99.9%;
display: block;
border-top: none;
}

#contactmain ul.contactform .input1 {
width: 80%;
border-radius: 3px;
padding: 10px;
border: 2px solid #d8d8d8;
margin:0 0 5px;
}

#contactmain ul.contactform .input1:focus {
border: solid 2px #32badc;
}

#contactmain ul.contactform .input2 {
width: 60%;
border-radius: 3px;
padding: 10px;
border: 2px solid #d8d8d8;
margin: 0 0 5px;
}

#contactmain ul.contactform .input3 {
width: 40%;
border-radius: 3px;
padding: 10px;
border: 2px solid #d8d8d8;
margin: 0 0 15px;
}

#contactmain ul.contactform .textarea1 {
width: 80%;
height: 200px;
border-radius: 3px;
padding: 6px;
border: 2px solid #d8d8d8;
margin:0 0 5px;
}

#contactmain ul.contactform li ul.buttonarea {
padding-left: 0px;
}

#contactmain ul.contactform li ul.buttonarea li {
width: 100%;
}

#contactmain ul.contactform li ul.buttonarea li .submit {
border: none;
cursor: pointer;
width: 100%;
height: 48px;
padding: 8px;
background-color: #efefef;
border-radius: 3px;
border: 1px solid #c7c7c7;
}

#contactmain ul.contactform li ul.buttonarea li .submit:hover {
border: 3px solid #fa7f55;
background:#fafafa;
transition: all 0.8s ease 0s;
}
}