@charset "utf-8";
html {}
body {
background-color: #FFFFFF;
color: #595857;
min-width: 980px;
-webkit-text-size-adjust: 100%;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
a:link {
color: #000000;
transition: .3s;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: #595857;
text-decoration: underline;
}
a:active {
color: #999999;
text-decoration: none;
}
a.btn img {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-ms-filter: 'alpha(opacity=100)';
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
a:hover.btn img {
-ms-filter: 'alpha(opacity=60)';
filter: alpha(opacity=30);
-moz-opacity: 0.40;
opacity: 0.40;
}
a.btn_pp img {
position: relative;
top: 0px;
transition: .3s;
}
a.btn_pp img:hover {
top: -10px;
}
a {
outline: none;
}
::selection {
background: #000000;
color: #FFFFFF;
}
::-moz-selection {
background: #000000;
color: #FFFFFF;
}
::-webkit-selection {
background: #000000;
color: #FFFFFF;
}
strong {
font-weight: bold;
}
.pc {
display: inherit !important;
}
.sp {
display: none !important;
}
.min {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#wrapper {
overflow: hidden
}
/*--HEADER-------------*/
header {
background-color: #FFF;
}
header .inner {
width: 90%;
padding-top: 30px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
height: 100%;
}
header a {
text-decoration: none;
}
header h1 {
float: left;
}
header ul#nav_header {
display: block;
float: right;
text-align: right;
}
header ul#nav_header li {
display: inline-block;
font-size: 14px;
margin-left: 20px;
}
header ul#nav_header li a {
border: 1px solid #8A8A8A;
border-radius: 8px;
padding: 5px 15px;
}
header ul#nav_header li a:hover {
background-color: #8A8A8A;
color: #FFF;
text-decoration: none;
}
header ul#nav_header li.contact a {
border: 1px solid #005599 !important;
background-color: #005599 !important;
color: #FFF;
}
header ul#nav_header li.contact a:hover {
border: 1px solid #005599 !important;
background-color: #FFF !important;
color: #005599 !important;
}
/*--NAVIGATION-------------*/
#gnav {
clear: both;
padding-top: 20px;
}
.dropmenu {
*zoom: 1;
list-style-type: none;
width: 100%;
margin: 5px auto 20px;
padding: 0;
}
.dropmenu:before, .dropmenu:after {
content: "";
display: table;
}
.dropmenu:after {
clear: both;
}
.dropmenu li {
position: relative;
width: calc(100% / 6);
float: left;
margin: 0;
padding: 0;
text-align: center;
}
.dropmenu li a {
display: block;
margin: 0;
padding: 5px 0 5px;
background: #FFF;
color: #595857;
font-size: 14px;
line-height: 1;
text-decoration: none;
border-left: 1px solid #8A8A8A;
font-weight: 500;
}
.dropmenu li:first-child a {
border-left: 1px solid #FFF;
}
.dropmenu li ul {
list-style: none;
position: absolute;
z-index: 9999;
top: 100%;
left: 0;
margin: 0;
padding: 0;
}
.dropmenu li ul li {
width: 100%;
}
.dropmenu li ul li a {
padding: 15px 15px;
border-top: 1px solid #B7B7B7;
border-left: none;
background-color: rgba(255, 255, 255, 0.80);
text-align: center;
font-size: 13px;
font-weight: 300;
}
.dropmenu li:hover > a {
background: #005599;
color: #FFF
}
.dropmenu li a:hover {
background: #005599;
color: #FFF
}
#gnav li ul li {
overflow: hidden;
height: 0;
transition: .2s;
}
#gnav li:hover ul li {
overflow: visible;
height: 38px;
}
#bnr_mansion {
position: fixed;
right: 20px;
bottom: 200px;
z-index: 999
}
/*--mainVIS-------------*/
#mainVis {
padding-top: 50px;
padding-bottom: 50px;
text-align: center;
position: relative
}
#mainVis .copy {
position: relative;
z-index: 2;
width: 400px;
margin-left: auto;
margin-right: auto;
}
#mainVis .reflection {
position: absolute;
overflow: hidden;
width: 400px;
height: 400px;
border-radius: 400px;
left: 0;
top: 0;
}
#mainVis .reflection::after {
content: "";
display: block;
width: 30px;
height: 100%;
border-radius: 400px;
position: absolute;
top: -180px;
left: 0;
background-color: #FFF;
opacity: 0;
transform: rotate(45deg);
animation: reflect 4s ease-in-out infinite;
-webkit-transform: rotate(45deg);
-webkit-animation: reflect 4s ease-in-out infinite;
}
@keyframes reflect {
0% {
transform: scale(0) rotate(45deg);
opacity: 0;
}
90% {
transform: scale(0) rotate(45deg);
opacity: 0.5;
}
91% {
transform: scale(4) rotate(45deg);
opacity: 1;
}
100% {
transform: scale(50) rotate(45deg);
opacity: 0;
}
}
@-webkit-keyframes reflect {
0% {
transform: scale(0) rotate(45deg);
opacity: 0;
}
90% {
transform: scale(0) rotate(45deg);
opacity: 0.5;
}
91% {
transform: scale(4) rotate(45deg);
opacity: 1;
}
100% {
transform: scale(50) rotate(45deg);
opacity: 0;
}
}
#mainVis .swiper-container {
position: absolute;
height: 500px;
width: 100%;
left: 0;
top: 0;
}
#mainVis .swiper-slide {
height: 500px;
width: 100%;
background-size: cover;
background-position: center center;
}
#mainVis .swiper-slide.mv01 {
background-image: url(../../images/mv01.jpg);
}
#mainVis .swiper-slide.mv02 {
background-image: url(../../images/mv02.jpg);
}
#mainVis .swiper-slide.mv03 {
background-image: url(../../images/mv03.jpg);
}
#mainVis .swiper-slide.mv04 {
background-image: url(../../images/mv04.jpg);
}
/*--INDEX_OTLINE-------------*/
#index_outline {
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
background-color: #005599;
color: #FFF;
line-height: 2.1;
background-image: url(../../images/index_outline_bg.png);
background-position: right bottom;
background-repeat: no-repeat;
background-size: 200px auto;
}
#index_outline .ttl {
font-size: 24px;
margin-bottom: 15px;
}
/*--INDEX_SERVICE-------------*/
#index_service {
background-image: url(../../images/index_service_bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding-top: 90px;
padding-bottom: 90px;
margin-bottom: 70px;
}
#index_service_cont {
width: 490px;
height: 490px;
margin-left: auto;
margin-right: auto;
text-align: center;
position: relative;
}
#index_service_cont a {
border: 5px solid #0C69AF;
font-size: 18px;
font-weight: 600;
background-color: #FFF;
color: #0C69AF;
display: inline-block;
border-radius: 12px;
padding: 10px 40px 10px 20px;
text-decoration: none;
background-position: right 10px center;
background-image: url(../../images/arrow.png);
background-size: 20px auto;
background-repeat: no-repeat;
position: relative;
top: 0px;
}
#index_service_cont a:hover {
top: -10px;
}
#index_service_ttl {
position: absolute;
top: 0;
left: 0;
}
#index_service_01 {
position: absolute;
left: 0;
right: 0;
top: -30px;
}
#index_service_02 {
position: absolute;
right: -180px;
top: 60px;
}
#index_service_03 {
position: absolute;
right: -210px;
top: 320px;
}
#index_service_04 {
position: absolute;
left: 0;
right: 0;
bottom: -40px;
}
#index_service_05 {
position: absolute;
left: -150px;
top: 320px;
}
#index_service_06 {
position: absolute;
left: -150px;
top: 60px;
}
/*--INDEX_CONTENTS_NAV-------------*/
#index_content_nav {}
#index_content_nav ul li {
display: block;
margin-bottom: 70px;
}
#index_content_nav ul li .thum {
width: calc(100% - 400px);
height: 340px;
float: left;
background-position: center center;
background-size: cover;
}
#index_content_nav ul li .cont {
width: 300px;
padding: 50px;
line-height: 1.8;
float: right
}
#index_content_nav ul li .cont .ttl {
margin-bottom: 10px;
}
#index_content_nav ul li .cont .read {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
}
#index_content_nav ul li .cont .btn {
margin-top: 20px;
}
#index_content_nav ul li .cont .btn a {
color: #005599;
font-size: 20px;
text-decoration: none;
transition: .3s;
}
#index_content_nav ul li .cont .btn a:hover {
padding-left: 10px;
}
#index_content_nav ul li:nth-child(2) .thum {
float: right;
}
#index_content_nav ul li:nth-child(2) .cont {
float: left
}
/*--INDEX_MOVIE-------------*/
#index_movie {
padding-bottom: 50px;
}
#index_movie .ttl {
text-align: right;
margin-bottom: 10px;
}
#index_movie .movie video {
width: 100%;
height: auto;
}
/*--INDEX_MOVIE-------------*/
#index_bnr_recruit {
padding-bottom: 80px;
}
/*--INDEX_NEWS-------------*/
#index_news {
margin-bottom: 50px;
}
#index_news .ttl {
border-top: 1px solid #8A8A8A;
border-bottom: 1px solid #8A8A8A;
color: #005599;
padding-top: 5px;
padding-bottom: 5px;
font-size: 20px;
line-height: 50px;
}
#index_news .ttl .btn_more {
font-size: 13px;
background-position: left center;
background-image: url(../../images/arrow.png);
background-size: 20px auto;
background-repeat: no-repeat;
padding-left: 25px;
float: right
}
#index_news .ttl .btn_more a {
text-decoration: none;
color: #005599;
}
#index_news dl {}
#index_news dt {
float: left;
width: 80px;
clear: both;
padding: 15px 0px;
}
#index_news dd {
margin-bottom: 10px;
padding: 15px 0px 15px 80px;
border-bottom: 1px solid #8A8A8A;
}
/*--INDEX_USEFUL-------------*/
#index_useful {
margin-bottom: 100px;
}
#index_useful .ttl {
padding-top: 15px;
padding-bottom: 15px;
color: #005599;
font-size: 20px;
line-height: 50px;
}
#index_useful .ttl .btn_more {
font-size: 13px;
background-position: left center;
background-image: url(../../images/arrow.png);
background-size: 20px auto;
background-repeat: no-repeat;
padding-left: 25px;
float: right
}
#index_useful .ttl .btn_more a {
text-decoration: none;
color: #005599;
}
#index_useful ul li {
width: 310px;
margin-right: 25px;
float: left;
}
#index_useful ul li:last-child {
margin-right: 0px;
}
#index_useful ul li .thum {
height: 310px;
background-position: center center;
background-size: cover;
}
#index_useful ul li .entry_ttl {
margin-bottom: 10px;
font-size: 16px;
font-weight: 600;
min-height: 2.5em;
text-align: center;
width: 90%;
margin-left: auto;
margin-right: auto;
}
#index_useful ul li .btn_more {
font-size: 13px;
background-position: left center;
background-image: url(../../images/arrow.png);
background-size: 20px auto;
background-repeat: no-repeat;
padding-left: 25px;
margin-top: 15px;
}
#index_useful ul li .btn_more a {
text-decoration: none;
color: #005599;
}
/*--CONTENTS-------------*/
.contents {
width: 980px;
margin-right: auto;
margin-left: auto;
}
.contents:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden
}
/*--PAGETOP-------------*/
#pagetop {
position: fixed;
right: 30px;
bottom: 70px;
}
/*--FOOTER-------------*/
footer {
background-color: #005599;
color: #FFF;
clear: both;
padding-top: 20px;
font-size: 12px;
}
footer a {
color: #FFF !important;
text-decoration: none;
}
footer .inner {
width: 90%;
margin-right: auto;
margin-left: auto;
}
footer ul.heading {
width: 100%;
padding-bottom: 20px;
}
footer ul.heading li {
float: left;
width: calc(100% / 6);
}
footer ul.child {
padding-left: 1em;
padding-top: 10px;
}
footer ul.child li {
float: none;
width: 100%;
}
.ft_bar {
padding-top: 20px;
padding-bottom: 20px;
background-color: #0A3970;
text-align: right
}
.ft_bar .btn_link {
float: left;
font-size: 16px;
line-height: 16px;
}
/*--SUBPAGE-------------*/
#anc01, #anc02, #anc03, #anc04 {
/*padding-top: 20px;
margin-top: -20px;*/
}
.btn_ft_contact {
text-align: center;
padding-top: 90px;
padding-bottom: 60px;
}
/*--COMPANY-------------*/
#mainVis_company {
width: 100%;
background-image: url(../../images/_company/company_mv_bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin-bottom: 10px;
}
#mainVis_company h2 {
line-height: 254px;
text-align: center;
font-size: 26px;
font-weight: 600;
color: #005599;
letter-spacing: 0.7em;
}
.cpn_bg {
background-image: -webkit-linear-gradient(0deg, rgba(0, 85, 153, 1.00) 0%, rgba(108, 165, 189, 1.00) 49.43%, rgba(0, 85, 153, 1.00) 100%);
background-image: -moz-linear-gradient(0deg, rgba(0, 85, 153, 1.00) 0%, rgba(108, 165, 189, 1.00) 49.43%, rgba(0, 85, 153, 1.00) 100%);
background-image: -o-linear-gradient(0deg, rgba(0, 85, 153, 1.00) 0%, rgba(108, 165, 189, 1.00) 49.43%, rgba(0, 85, 153, 1.00) 100%);
background-image: linear-gradient(90deg, rgba(0, 85, 153, 1.00) 0%, rgba(108, 165, 189, 1.00) 49.43%, rgba(0, 85, 153, 1.00) 100%);
}
#company_nav {
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
}
#company_nav ul {
text-align: center
}
#company_nav ul li {
display: inline;
margin-left: 2.5em;
margin-right: 2.5em;
letter-spacing: 0.2em;
}
#company_nav ul li a {
color: #FFF;
text-decoration: none
}
.ttlbar_wrap {
text-align: center
}
h3.cpn_headinng {
font-size: 18px;
font-weight: 600;
text-align: center;
letter-spacing: 0.2em;
color: #3E3A39;
padding-top: 60px;
margin-bottom: 50px;
position: relative;
z-index: 2;
display: inline-block;
margin-left: auto;
margin-right: auto;
}
h3.cpn_headinng .bar {
width: 100%;
height: 5px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
}
h3.cpn_headinng span {
font-size: 13px;
}
.message {
padding-bottom: 60px;
}
.message .photo {
width: 200px;
float: left
}
.message .txt {
width: 680px;
float: right;
text-align: justify
}
.message .txt .read {
font-size: 18px;
font-weight: 600px;
margin-bottom: 20px;
}
.philo {
background-color: #DFECF9;
padding-top: 10px;
padding-bottom: 40px;
}
.philo .fig{
text-align: center
}
.philo h3.cpn_headinng {
padding-top: 30px !important
}
.vision_fig {
text-align: center;
position: relative;
z-index: 1;
padding-bottom: 80px;
}
.vision h3.cpn_headinng {
margin-bottom: -20px !important
}
/*--COMPANY_OUTLINE-------------*/
.company_tbl {
border-top: 1px solid #666464;
border-left: 1px solid #666464;
margin-bottom: 40px;
}
.company_tbl a {
color: #005599
}
.company_tbl.wide {
width: 100%
}
.company_tbl.mid {
margin-top: 20px;
}
.company_tbl th, .company_tbl td {
border-bottom: 1px solid #666464;
border-right: 1px solid #666464;
vertical-align: top;
padding: 10px 20px
}
.company_tbl th {
background-color: #E6E6E6;
white-space: nowrap
}
.cpn_iso_fig {
float: right;
padding-right: 220px;
}
.cpn_iso_txt .read {
font-size: 18px;
}
.company_tbl_history {
width: 100%;
border-top: 1px dotted #666464;
margin-bottom: 40px;
}
.company_tbl_history th, .company_tbl_history td {
border-bottom: 1px dotted #666464;
vertical-align: top;
padding: 10px 20px
}
.company_tbl_history th {
white-space: nowrap
}
.company_access {
font-size: 15px;
font-weight: 500;
width: 500px;
margin-left: auto;
margin-right: auto;
}
.company_access li {
margin-bottom: 50px;
}
.company_access .name {
font-size: 19px;
margin-bottom: 15px;
}
.company_access .name span {
color: #005599
}
.company_access .detail {
line-height: 25px;
}
.company_access .detail img {
margin-left: 25px;
}
.company_tbl_touroku {
width: 100%;
margin-bottom: 40px;
}
.company_tbl_touroku th, .company_tbl_touroku td {
border-bottom: 1px dotted #666464;
vertical-align: top;
padding: 20px 30px;
font-weight: 500;
}
.company_tbl_touroku th {
white-space: nowrap
}
.company_tbl_touroku .label {
padding-left: 57px !important;
}
.comapny_tbl_shikaku {
width: 100%;
margin-bottom: 40px;
border-top: 1px solid #595757;
border-left: 1px solid #595757;
font-size: 12px;
}
.comapny_tbl_shikaku th, .comapny_tbl_shikaku td {
border-bottom: 1px solid #595757;
border-right: 1px solid #595757;
vertical-align: top;
padding: 10px 20px;
}
.comapny_tbl_shikaku th {
text-align: center;
background-color: #DFECF9
}
.comapny_tbl_shikaku td {
line-height: 2;
}
.comapny_tbl_shikaku span {
color: #005599;
margin-right: 5px;
}
.half_bx {
width: 45%;
padding-left: 2.5%;
padding-right: 2.5%;
float: left
}
.cpn_gvn_read {
text-align: center;
line-height: 2.2;
margin-bottom: 40px;
}
.fig_comp {
text-align: center
}
.comapny_tbl_security {
width: 100%;
margin-bottom: 80px;
border-top: 1px dotted #595757;
}
.comapny_tbl_security th, .comapny_tbl_security td {
border-bottom: 1px dotted #595757;
padding-top: 10px;
padding-bottom: 10px;
}
.comapny_tbl_security th {}
.comapny_tbl_security td {
padding-left: 30px;
}
.first_ttl {
margin-top: 60px;
}
.ptn_name {
font-weight: 600;
font-size: 16px;
margin-bottom: 15px;
}
.company_tbl_ptn {
border-top: 1px solid #666464;
border-left: 1px solid #666464;
margin-bottom: 40px;
width: 100%;
}
.company_tbl_ptn th, .company_tbl_ptn td {
border-bottom: 1px solid #666464;
border-right: 1px solid #666464;
vertical-align: top;
padding: 10px 20px
}
.company_tbl_ptn th {
border-right: none;
}
.company_tbl_ptn th {
background-color: #E6E6E6;
width: 180px;
}
/*--RECRUIT-------------*/
#recruit {}
#recruit_header {
width: 100%;
height: 260px;
background-position: center center;
background-size: cover;
}
#recruit_header .bg_ttl {
background-color: rgba(14, 69, 141, 0.80);
color: #FFF;
padding-top: 20px;
padding-bottom: 10px;
}
#recruit_header .bg_ttl h2 {
width: 80%;
margin-left: auto;
margin-right: auto;
font-size: 23px;
letter-spacing: 0.2em;
}
#recruit_header .bg_ttl h2 .ttl_sub {
font-size: 15px;
}
#recruit .nav_entry {
text-align: center;
padding-top: 50px;
padding-bottom: 30px;
}
#recruit .nav_entry li {
display: inline;
margin-left: 15px;
margin-right: 15px;
}
#recruit .nav_entry_outlink {
text-align: center;
padding-top: 50px;
padding-bottom: 30px;
width: 460px;
margin-right: auto;
margin-left: auto;
}
#recruit .nav_entry_outlink li {
width: 220px;
margin-left: 20px;
float: right
}
#recruit .nav_entry_outlink li:nth-child(2) {
margin-left: 0px;
}
#recruit .nav_entry_outlink li.outlink {
width: 100%;
margin-left: 0px;
padding-top: 10px;
padding-bottom: 20px;
display: none;
}
#recruit .nav_entry_outlink li.outlink img {
margin-left: 5px;
margin-right: 5px
}
.rec_read {
text-align: center;
}
.rec_read .heading {
font-size: 18px;
margin-bottom: 1em;
font-weight: 600;
}
#recruit h3.cpn_headinng {
color: #005599
}
#recruit h3.cpn_headinng .bar {
background-color: #FFE200;
height: 10px;
}
.rec_bg_blue {
background-color: #DFECF9;
padding-bottom: 60px;
}
.rec_bg_stripe {
padding-bottom: 60px;
margin-top: 120px;
background-image: url(../../images/_recruit/rec_bg_stripe.png);
}
.rec_bg_blue .read {
text-align: center
}
.rec_tbl {
border-top: 1px solid #666464;
border-left: 1px solid #666464;
width: 980px;
margin-left: auto;
margin-right: auto;
background-color: #FFF;
margin-top: 30px;
}
.rec_tbl th, .rec_tbl td {
border-bottom: 1px solid #666464;
border-right: 1px solid #666464;
padding: 20px 30px
}
.rec_tbl th {
background-color: #E6E6E6;
width: 180px;
font-weight: 600;
}
.rec_tbl.youkou th {
background-color: #DFF2FC !important;
width: 180px;
font-weight: 600;
}
.rec_tbl a {
color: #005599
}
.kenshu {
width: 880px;
margin-left: auto;
margin-right: auto;
border: 2px solid #B5B5B6;
border-radius: 6px;
padding: 20px 50px
}
.kenshu .label {
float: left;
margin-right: 60px;
margin-top: -30px;
}
.ttl_seido {
text-align: center;
padding-top: 50px;
padding-bottom: 20px;
}
table.seido {
width: 780px;
margin-left: auto;
margin-right: auto;
margin-bottom: 80px;
}
table.seido th, table.seido td {
padding: 5px 15px;
}
table.seido .blank {
padding: 0 !important
}
table.seido .heading {
text-align: center;
font-weight: 600;
background-color: #DCDDDD
}
table.seido .cate01_label {
background-color: #036EB8;
color: #FFF;
border: 1px solid #949495;
}
table.seido .cate01 {
background-color: #D3DBEF;
border: 1px solid #949495;
}
table.seido .cate02_label {
background-color: #00A29A;
color: #FFF;
border: 1px solid #949495;
}
table.seido .cate02 {
background-color: #D1E7E4;
border: 1px solid #949495;
}
table.seido .cate03_label {
background-color: #F39800;
color: #FFF;
border: 1px solid #949495;
}
table.seido .cate03 {
background-color: #FEEBD0;
border: 1px solid #949495;
}
table.seido .cate04_label {
background-color: #920783;
color: #FFF;
border: 1px solid #949495;
}
table.seido .cate04 {
background-color: #E7D5E8;
border: 1px solid #949495;
}
/*--VOICE-------------*/
.voice_cont {
width: 500px;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
}
.voice_head {
position: relative
}
.voice_head .head_mv img {
width: 100%;
height: auto
}
.voice_head .btn_more {
position: absolute;
right: 30px;
bottom: 20px;
}
.voice_cont .detail {
display: none;
background-color: #FFF;
padding-bottom: 25px;
}
.voice_cont .detail .ttl {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
.voice_cont .detail .ttl img {
width: 290px;
height: auto
}
.voice_cont .detail .ph {
margin-bottom: 25px;
}
.voice_cont .detail .ph img {
width: 100%;
height: auto
}
.voice_cont .detail .txt {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.voice_cont .detail .txt .ques {
font-size: 16px;
color: #005599;
}
.voice_cont .detail .txt p {
margin-bottom: 1.5em
}
#recruit #index_movie {
padding-top: 60px;
}
.schedule {
width: 980px;
margin-left: auto;
margin-right: auto
}
.schedule li {
display: inline-block;
width: 33.333%;
float: left
}
.schedule li img {
width: 100%;
height: auto
}
.flow_step img{
width: 100%;
height: auto;
}
.flow_tbl {
width: 700px !important;
float: left
}
.flow_entry {
width: 260px !important;
float: right;
padding-top: 40px;
}
.flow_entry .flow_btn_entry {
text-align: center;
margin-top: 50px;
}
.faq_cont {
background-color: #FFF;
padding: 10px 20px 20px 20px;
}
.faq_cont .label {
margin-bottom: 15px;
margin-top: 30px;
}
.faq_cont .label span {
background-color: #005599;
border-radius: 4px;
padding: 2px 10px;
color: #FFF;
}
.faq_set {
border-bottom: 1px solid #9FA0A0;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
}
.faq_set th {
padding-right: 25px;
padding-bottom: 10px;
}
.faq_set td {
padding-bottom: 10px;
}
.faq_set strong {
color: #005599;
font-weight: normal
}
/*--WORKS-------------*/
#works_header {
width: 100%;
height: 370px;
background-position: center center;
background-size: cover;
}
#works_header .bg_ttl {
background-color: rgba(14, 69, 141, 0.80);
color: #FFF;
padding-top: 40px;
padding-bottom: 20px;
}
#works_header .bg_ttl .inner {
width: 80%;
margin-left: auto;
margin-right: auto;
}
#works_header .bg_ttl .inner h2 {
font-size: 24px;
letter-spacing: 0.2em;
float: left;
margin-right: 50px;
}
#works_header .bg_ttl .inner h2 .ttl_sub {
font-size: 15px;
}
.cate_header {
background-color: #C5DBED;
color: #005599;
font-size: 23px;
font-weight: 600;
padding-left: 40px;
line-height: 124px;
margin-top: 60px;
margin-bottom: 20px;
background-image: url(../../images/_works/cate_bg.png);
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
}
.wroks_list {}
.wroks_list li {
width: 47%;
margin-right: 6%;
margin-bottom: 30px;
float: left
}
.wroks_list li:nth-child(2n) {
margin-right: 0px;
}
.wroks_list li .thum {
width: 100%;
height: 300px;
background-position: center center;
background-size: contain;
margin-bottom: 10px;
background-repeat: no-repeat
}
/*--USEFUL-------------*/
#useful_header {
width: 100%;
height: 300px;
background-position: center center;
background-size: cover;
}
#useful_header .inner {
width: 80%;
margin-left: auto;
margin-right: auto;
}
#useful_header .bg_ttl {
background-color: rgba(41, 109, 152, 0.60);
color: #FFF;
height: 300px;
width: 200px;
}
#useful_header .inner h2 {
text-align: center;
padding-top: 90px;
}
.useful_list {
padding-top: 40px;
margin-top: 60px;
border-top: 2px dotted #9FA0A0;
}
.useful_list li {
width: 100%;
margin-bottom: 30px;
padding-bottom: 40px;
border-bottom: 2px dotted #9FA0A0;
}
.useful_list li .thum {
width: 300px;
height: 220px;
margin-right: 30px;
background-position: center center;
background-size: cover;
float: left;
background-image: url(../../images/_news/news_bg.png);
}
.useful_list li .txt {
width: 630px;
float: left
}
.useful_list li .txt .date {
margin-bottom: 20px;
}
.useful_list li .txt .ttl {
font-size: 16px;
margin-bottom: 25px;
line-height: 1.7;
}
.useful_list li .txt .ttl a {
color: #005599;
text-decoration: underline
}
/*--NEWS-------------*/
#news_header {
width: 100%;
height: 90px;
background-position: center center;
background-size: cover;
}
#news_header .inner {
width: 80%;
margin-left: auto;
margin-right: auto;
}
#news_header .inner h2 {
text-align: center;
line-height: 90px;
font-size: 23px;
font-weight: 600;
color: #FFF
}
/*--CONTACT-------------*/
#contact_header {
width: 100%;
height: 90px;
background-position: center center;
background-size: cover;
}
#contact_header .inner {
width: 90%;
margin-left: auto;
margin-right: auto;
position: relative
}
#contact_header .inner h2 {
text-align: center;
line-height: 90px;
font-size: 23px;
font-weight: 600;
color: #FFF
}
#contact_header .inner .contact_for_ms{
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
#contact_header .inner .contact_for_ms a {
border: 1px solid #65A933 !important;
background-color: #65A933 !important;
color: #FFF;
border-radius: 8px;
padding: 5px 15px;
text-decoration: none
}
#contact_header .inner .contact_for_ms a:hover {
border: 1px solid #65A933 !important;
background-color: #FFF !important;
color: #65A933 !important;
}
/*--MAILFORM-------------*/
#mailformpro table {
width: 100%;
margin-top: 30px;
margin-bottom: 60px;
}
#mailformpro table th, #mailformpro table td {
border-bottom: 1px solid #858585;
padding: 20px;
}
#mailformpro table th {
white-space: nowrap;
vertical-align: top;
}
#mailformpro table td {
width: 70%;
}
#mailformpro table .form_field {
width: calc(80% - 4px) !important;
padding: 2px !important;
}
#mailformpro table .req {
color: #FF0004
}
#mailformpro .submit_btn {
padding: 10px 20px;
font-size: 16px;
border: none;
color: #FFF;
background-color: #000;
cursor: pointer;
outline: none;
}
.mfp_element_reset {
color: #333;
}
#mailformpro .submit_btn:hover {
background-color: #878787;
}
.mfp_thanks {
text-align: center;
padding-top: 100px;
padding-bottom: 200px;
}
.form_btn {
text-align: center
}
/*--MEMBER_ONLY-------------*/
ul#menber_dl {
text-align: center;
font-size: 20px;
margin-top: 60px;
}
ul#menber_dl li {
margin-bottom: 50px;
}
ul#menber_dl li a {
background-image: -webkit-linear-gradient(270deg, rgba(0, 85, 153, 1.00) 50%, rgba(10, 57, 112, 1.00) 50%);
background-image: -moz-linear-gradient(270deg, rgba(0, 85, 153, 1.00) 50%, rgba(10, 57, 112, 1.00) 50%);
background-image: -o-linear-gradient(270deg, rgba(0, 85, 153, 1.00) 50%, rgba(10, 57, 112, 1.00) 50%);
background-image: linear-gradient(180deg, rgba(0, 85, 153, 1.00) 50%, rgba(10, 57, 112, 1.00) 50%);
color: #FFF;
padding-top: 20px;
padding-bottom: 20px;
display: block;
}
ul#menber_dl li a:hover {
background-image: -webkit-linear-gradient(270deg, rgba(0, 93, 168, 1.00) 50%, rgba(20, 83, 156, 1.00) 50%);
background-image: -moz-linear-gradient(270deg, rgba(0, 93, 168, 1.00) 50%, rgba(20, 83, 156, 1.00) 50%);
background-image: -o-linear-gradient(270deg, rgba(0, 93, 168, 1.00) 50%, rgba(20, 83, 156, 1.00) 50%);
background-image: linear-gradient(180deg, rgba(0, 93, 168, 1.00) 50%, rgba(20, 83, 156, 1.00) 50%);
}
/*--SERVICE-------------*/
#service_header {
width: 100%;
height: 350px;
background-position: center center;
background-size: cover;
}
#service_header .bg_ttl {
background-color: rgba(14, 69, 141, 0.80);
color: #FFF;
padding-top: 20px;
padding-bottom: 10px;
}
#service_header .bg_ttl .inner {
width: 80%;
margin-left: auto;
margin-right: auto;
}
#service_header .bg_ttl .inner h2 {
font-size: 24px;
letter-spacing: 0.2em;
float: left;
margin-right: 50px;
}
#service_header .bg_ttl .inner .read {
line-height: 1.5;
}
#service_nav {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
background-color: rgba(0, 0, 0, 0.40);
}
#service_nav ul {
text-align: center
}
#service_nav ul li {
display: inline;
margin-left: 1em;
margin-right: 1em;
letter-spacing: 0.05em;
}
#service_nav ul li a {
color: #FFF;
text-decoration: none
}
#service_nav ul li a:hover {
text-decoration: underline
}
/*--SERVICE_NAV_ANC-------------*/
.service_nav_anc {
background-image: url(../../images/_service/ancnav_bg.png);
background-position: center bottom;
padding-bottom: 30px;
}
.service_nav_anc ul {
width: 80%;
margin-left: auto;
margin-right: auto;
text-align: center
}
.service_nav_anc ul li {
margin-top: -30px;
width: 22%;
margin-left: 1%;
margin-right: 1%;
text-align: center;
display: inline-block;
font-size: 16px;
font-weight: 600;
vertical-align: top;
}
.service_nav_anc ul li img {
width: 100%;
height: auto;
margin-bottom: 5px;
}
.service_nav_anc ul li a {
text-decoration: none;
}
h3.sv_ttl {
text-align: center;
padding-top: 80px;
padding-bottom: 40px;
}
/*--FLOW_SECURITY-------------*/
.flow_security {
width: 500px;
margin-left: auto;
margin-right: auto;
}
.flow_security .ttl {
font-size: 21px;
font-weight: 600;
color: #005599;
text-align: center;
margin-bottom: 5px;
}
.flow_security .flow_ttl {
background-color: #005599;
font-size: 21px;
font-weight: 600;
color: #FFF;
text-align: center;
padding: 5px;
margin-bottom: 15px;
margin-top: 30px;
}
.flow_security .ph {
margin-bottom: 20px;
}
.flow_security .ph img, .flow_security .arrow img {
width: 100%;
height: auto;
}
.flow_security th {
width: 100px;
vertical-align: top
}
.flow_security th img {
width: 100px;
height: auto
}
.flow_security strong {
font-size: 16px;
}
.total_support {
text-align: center;
border-top: 1px dashed #B5B5B6;
margin-top: 80px;
padding-top: 50px;
width: 980px;
margin-left: auto;
margin-right: auto;
}
.total_support .ttl {
font-size: 21px;
font-weight: 600;
color: #005599;
text-align: center;
margin-bottom: 5px;
}
.total_support .fig {
padding-top: 50px;
}
/*--SUPPORT-------------*/
.office_support .read {
text-align: center;
margin-bottom: 30px;
}
.office_support table {
width: 600px;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
}
.office_support table th {
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.office_support table .ttl_blue {
color: #7ABEEA;
font-weight: 600;
font-size: 16px;
margin-bottom: 10px;
}
.office_support table .ttl_yellow {
color: #FABE01;
font-weight: 600;
font-size: 16px;
margin-bottom: 10px;
}
.office_support table .ttl_pink {
color: #F4A7A4;
font-weight: 600;
font-size: 16px;
margin-bottom: 10px;
}
/*--SUPPORT_FLOW-------------*/
.flow_support {
width: 500px;
margin-left: auto;
margin-right: auto;
padding-bottom: 80px;
}
.flow_support img {
width: 100%;
height: auto;
}
.flow_support .ttl_head {
margin-bottom: 30px;
}
.flow_support .ttl {
margin-bottom: 10px;
}
.flow_support .exp {
margin-bottom: 20px;
}
/*--MANSION_SUPPORT-------------*/
.mansion_support {
background-color: #FFF8EC;
padding-bottom: 60px;
}
.mansion_support .read {
text-align: center;
margin-bottom: 30px;
}
.mansion_support .fig {
text-align: center;
}
/*--TORIHIKI-------------*/
.torihiki {
text-align: center;
}
.torihiki .ttl {
font-size: 18px;
font-weight: 600;
color: #005599;
margin-bottom: 5px;
padding-top: 30px;
padding-bottom: 15px;
}
/*--BUIL_MANAGEMENT-------------*/
.bn_head_outline {
background-image: url(../../images/_service/bn_head_bg.jpg);
background-position: center center;
background-size: cover;
padding-top: 40px;
padding-bottom: 30px;
color: #171717;
font-size: 16px;
}
.bn_head_outline .inner {
width: 580px;
padding-right: 30px;
float: right
}
.bn_head_outline .inner .ttl {
font-size: 26px;
font-weight: 600;
margin-bottom: 10px;
}
.bm_read {
text-align: center;
margin-bottom: 60px;
font-size: 18px;
color: #171717
}
.bm_read .tx_exp{
font-size: 14px!important;
}
.bm_fig{
text-align: center
}
.cont_l {
width: 470px;
float: left
}
.cont_r {
width: 470px;
float: right
}
.cont_half {
width: 470px;
margin-left: auto;
margin-right: auto;
}
.ttl_bg_tri {
background-image: url(../../images/_service/bg_tri.png);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
border-bottom: 2px solid #14569A;
font-size: 22px;
font-weight: 600;
letter-spacing: 0.15em;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 20px;
color: #14569A
}
.ttl_bg_tri .in_ttl {
float: left;
margin-right: 80px;
}
.ttl_bg_tri .ttl_read {
font-size: 14px;
color: #181818;
font-weight: 200;
letter-spacing: 0em;
}
.column {
border: 2px solid #9BD6E6;
margin-top: 20px;
padding: 20px;
font-size: 12px;
}
.column .ttl {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
.heading_blue {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
margin-top: 30px;
color: #14569A
}
.notice {
font-size: 12px;
margin-top: 10px;
color: #008893
}
.cont_r .ph, .cont_l .ph {
margin-bottom: 10px;
}
.cont_r .ph img, .cont_l .ph img {
width: 100%;
height: auto;
}
.cont_l .cap, .cont_r .cap {
font-size: 12px;
padding-top: 10px;
padding-bottom: 15px;
}
.txt_blue {
font-weight: 600;
font-weight: 15px;
color: #14569A
}
.ttl_example {
background-color: #E6E6E6;
font-size: 18px;
padding: 7px;
margin-top: 20px;
}
/*--PICK UP-------------*/
.pickup {
width: 700px;
margin-left: auto;
margin-right: auto;
border: 8px solid #BBD3EE;
border-radius: 16px;
margin-top: 100px;
position: relative;
padding: 40px;
margin-bottom: 80px;
}
.pickup .ttl_label {
position: absolute;
left: -33px;
top: -10px;
}
.pickup table {
width: 100%;
}
.pickup table td {
width: 50%;
vertical-align: top
}
.pickup table td {
padding-left: 10px;
padding-right: 10px;
}
.pickup table td .ttl {
padding-top: 30px;
font-weight: 600;
font-size: 16px;
margin-bottom: 20px;
}
.pickup table td .note {
padding: 0 1em;
background: linear-gradient(#ccc 1px, transparent 1px) #FFF;
background-size: auto 2.5em;
line-height: 2.5em;
border-bottom: 1px solid #ccc;
overflow: hidden;
}
.pickup table td .ph {
margin-bottom: 10px;
}
.pickup table td .ph img {
width: 100%;
height: auto;
}
.pickup table td .ttl_shikaku {
padding: 5px;
font-weight: 600;
font-size: 16px;
margin-top: 30px;
margin-bottom: 20px;
background-color: #9BD6E6;
}
.pickup table td strong {
font-size: 16px;
}
.pickup table .cap {
font-size: 13px;
}
/*--SECURITY-------------*/
.page_security_bg_blue {
background-color: #DFECF9;
padding-top: 80px;
padding-bottom: 60px;
margin-top: 60px;
}
.page_security_bg_blue .ttl {
text-align: center;
margin-bottom: 30px;
}
.page_security_bg_blue .read {
text-align: center
}
/*--RENEWAL-------------*/
.ph_wide {
padding-top: 20px;
padding-bottom: 60px;
}
/*--PPP-------------*/
.ppp_head_outline {
background-image: url(../../images/_service/ppp_head_bg.jpg);
background-position: center center;
background-size: cover;
padding-top: 40px;
padding-bottom: 30px;
margin-bottom: 60px;
}
.ppp_head_outline .inner {
width: 980px;
margin-left: auto;
margin-right: auto;
}
.ppp_head_outline .inner .ttl {
font-size: 23px;
font-weight: 600;
margin-bottom: 10px;
}
.ppp_pad{
padding-bottom: 80px
}
/*--CMS-------------*/
/*--ARTICLE-------------*/
.entry {
background-color: #F2F2F2;
margin-bottom: 50px;
}
.entry a {
text-decoration: none;
}
.entry a:hover {
text-decoration: none;
}
.entry p {
margin: 0 0 20px 0;
zoom: 1;
}
.entry p strong {
font-weight: bold;
}
.entry p img.aligncenter {
display: block;
margin: auto;
}
.entry p img.alignleft {
float: left;
margin: 0 10px 10px 0;
}
.entry p img.alignright {
float: right;
margin: 0 0 10px 10px;
}
.entry h1 {
font-size: 1.3em;
font-weight: bold;
margin: 0 0 20px 0;
}
.entry h2 {
font-size: 1.2em;
font-weight: bold;
margin: 0 0 20px 0;
}
.entry h3 {
font-size: 1.1em;
font-weight: bold;
margin: 0 0 20px 0;
}
.entry h4 {
font-size: 1em;
font-weight: bold;
margin: 0 0 20px 0;
}
.entry h5 {
font-size: 0.8em;
font-weight: bold;
margin: 0 0 20px 0;
}
.entry h6 {
font-size: 0.7em;
font-weight: bold;
margin: 0 0 20px 0;
}
.entry ul li {
list-style: disc;
margin: 5px 0 5px 20px;
}
.entry ol li {
list-style: decimal;
margin: 5px 0 5px 20px;
}
/* clearfix */
.entry p:before, .entry p:after {
content: "";
display: table;
}
.entry p:after {
clear: both;
}
.entry .date {
font-weight: bold;
}
.entry .cat-data {
font-size: .6em;
padding: 3px 5px;
text-align: center;
white-space: nowrap;
color: #fff;
border-radius: 3px;
background-color: #464646;
}
.entry .tag li {
font-size: .6em;
padding: 3px 5px;
text-align: center;
color: #fff;
border-radius: 3px;
background-color: #464646;
display: inline-block;
float: left;
}
.entry .tag li:first-child {
color: #464646;
background-color: #FFF;
}
/*--PAGENATION-------------*/
.pagination {
margin: 40px 0 30px;
text-align: center;
}
.pagination ul {
margin: 0;
padding: 0;
list-style: none;
}
.pagination li {
display: inline-block;
width: auto;
}
.pagination li a, .pagination li > span {
font-size: .9em;
display: block;
width: 30px;
margin: 0 1px;
padding: 5px 0;
text-decoration: none;
color: #000;
/*border: solid 1px #ccc;*/
border-radius: 100px;
}
.pagination li > span {
color: #fff;
background-color: #464646;
}
.pagination li a:hover {
color: #fff;
background-color: #464646;
}
.pagination li .dots {
width: 15px;
padding: 0;
color: #000;
border-color: transparent;
background-color: transparent;
}
@media screen and (max-width: 479px) {
html {}
body {
background-color: #FFFFFF;
color: #595857;
min-width: 320px;
-webkit-text-size-adjust: 100%;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
a:link {
color: #000000;
transition: .3s;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: #595857;
text-decoration: underline;
}
a:active {
color: #999999;
text-decoration: none;
}
a.btn img {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-ms-filter: 'alpha(opacity=100)';
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
a:hover.btn img {
-ms-filter: 'alpha(opacity=60)';
filter: alpha(opacity=30);
-moz-opacity: 0.40;
opacity: 0.40;
}
a.btn_pp img {
position: relative;
top: 0px;
transition: .3s;
}
a.btn_pp img:hover {
top: -10px;
}
a {
outline: none;
}
::selection {
background: #000000;
color: #FFFFFF;
}
::-moz-selection {
background: #000000;
color: #FFFFFF;
}
::-webkit-selection {
background: #000000;
color: #FFFFFF;
}
strong {
font-weight: bold;
}
.pc {
display: none !important;
}
.sp {
display: inherit !important;
}
.min {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#wrapper {
overflow: hidden
}
/*--HEADER-------------*/
header {
background-color: #FFF;
padding-bottom: 15px;
}
header .inner {
width: 94%;
padding-top: 20px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
height: 100%;
}
header a {
text-decoration: none;
}
header h1 {
float: none;
margin-bottom: 10px;
}
header ul#nav_header {
display: block;
float: none;
text-align: center;
}
header ul#nav_header li {
display: inline;
font-size: 10px;
margin-left: 2px;
}
header ul#nav_header li a {
border: 1px solid #8A8A8A;
border-radius: 4px;
padding: 2px 3px;
}
header ul#nav_header li a:hover {
background-color: #8A8A8A;
color: #FFF;
text-decoration: none;
}
header ul#nav_header li.contact a {
border: 1px solid #005599 !important;
background-color: #005599 !important;
color: #FFF;
}
header ul#nav_header li.contact a:hover {
border: 1px solid #005599 !important;
background-color: #FFF !important;
color: #005599 !important;
}
/*--NAVIGATION-------------*/
#gnav {
clear: both;
padding-top: 20px;
display: none;
}
.dropmenu {
*zoom: 1;
list-style-type: none;
width: 100%;
margin: 5px auto 20px;
padding: 0;
}
.dropmenu:before, .dropmenu:after {
content: "";
display: table;
}
.dropmenu:after {
clear: both;
}
.dropmenu li {
position: relative;
width: calc(100% / 6);
float: left;
margin: 0;
padding: 0;
text-align: center;
}
.dropmenu li a {
display: block;
margin: 0;
padding: 5px 0 5px;
background: #FFF;
color: #595857;
font-size: 14px;
line-height: 1;
text-decoration: none;
border-left: 1px solid #8A8A8A;
font-weight: 500;
}
.dropmenu li:first-child a {
border-left: 1px solid #FFF;
}
.dropmenu li ul {
list-style: none;
position: absolute;
z-index: 9999;
top: 100%;
left: 0;
margin: 0;
padding: 0;
}
.dropmenu li ul li {
width: 100%;
}
.dropmenu li ul li a {
padding: 15px 15px;
border-top: 1px solid #B7B7B7;
border-left: none;
background-color: rgba(255, 255, 255, 0.80);
text-align: center;
font-size: 13px;
font-weight: 300;
}
.dropmenu li:hover > a {
background: #005599;
color: #FFF
}
.dropmenu li a:hover {
background: #005599;
color: #FFF
}
#gnav li ul li {
overflow: hidden;
height: 0;
transition: .2s;
}
#gnav li:hover ul li {
overflow: visible;
height: 38px;
}
#bnr_mansion {
position: fixed;
right: auto;
bottom: 20px;
z-index: 999;
left: 20px;
}
#bnr_mansion img{
width: 100px;
height: auto
}
/*--mainVIS-------------*/
#mainVis {
padding-top: 50px;
padding-bottom: 50px;
text-align: center;
position: relative;
height: 300px;
}
#mainVis .copy {
position: relative;
z-index: 2;
width: 300px;
margin-left: auto;
margin-right: auto;
}
#mainVis .copy img{
width: 300px;
height: auto;
}
#mainVis .reflection {
position: absolute;
overflow: hidden;
width: 300px;
height: 300px;
border-radius: 400px;
left: 0;
top: 0;
}
#mainVis .reflection::after {
content: "";
display: block;
width: 30px;
height: 100%;
position: absolute;
top: -180px;
left: 0;
background-color: #FFF;
opacity: 0;
transform: rotate(45deg);
animation: reflect 4s ease-in-out infinite;
-webkit-transform: rotate(45deg);
-webkit-animation: reflect 4s ease-in-out infinite;
}
#mainVis .swiper-container {
position: absolute;
height: 400px;
width: 100%;
left: 0;
top: 0;
}
#mainVis .swiper-slide {
height: 400px;
width: 100%;
background-size: cover;
background-position: center center;
}
#mainVis .swiper-slide.mv01 {
background-image: url(../../images/mv01_sp.jpg);
}
#mainVis .swiper-slide.mv02 {
background-image: url(../../images/mv02_sp.jpg);
}
#mainVis .swiper-slide.mv03 {
background-image: url(../../images/mv03_sp.jpg);
}
#mainVis .swiper-slide.mv04 {
background-image: url(../../images/mv04_sp.jpg);
}
/*--INDEX_OTLINE-------------*/
#index_outline {
text-align: center;
padding-top: 50px;
padding-bottom: 100px;
background-color: #005599;
color: #FFF;
line-height: 2.1;
background-image: url(../../images/index_outline_bg.png);
background-position: right bottom;
background-repeat: no-repeat;
background-size: 200px auto;
padding-left: 20px;
padding-right: 20px;
}
#index_outline .ttl {
font-size: 20px;
margin-bottom: 15px;
}
/*--INDEX_SERVICE-------------*/
#index_service {
background-image: url(../../images/index_service_bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 40px;
}
#index_service_cont {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
text-align: center;
position: relative;
}
#index_service_cont img{
width: 100%;
height: auto;
}
#index_service_cont a {
border: 5px solid #0C69AF;
font-size: 18px;
font-weight: 600;
background-color: #FFF;
color: #0C69AF;
display: block;
border-radius: 12px;
padding: 10px 40px 10px 20px;
text-decoration: none;
background-position: right 10px center;
background-image: url(../../images/arrow.png);
background-size: 20px auto;
background-repeat: no-repeat;
position: relative;
top: 0px;
width: 70%;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
#index_service_cont a:hover {
top: 0px;
}
#index_service_ttl {
position: relative;
top: 0;
left: 0;
margin-bottom: 20px;
}
#index_service_01 {
position: relative;
left: 0;
right: 0;
top: auto;
}
#index_service_02 {
position: relative;
left: 0;
right: 0;
top: auto;
}
#index_service_03 {
position: relative;
left: 0;
right: 0;
top: auto;
}
#index_service_04 {
position: relative;
left: 0;
right: 0;
top: auto;
bottom: auto
}
#index_service_05 {
position: relative;
left: 0;
right: 0;
top: auto;
bottom: auto
}
#index_service_06 {
position: relative;
left: 0;
right: 0;
top: auto;
bottom: auto
}
/*--INDEX_CONTENTS_NAV-------------*/
#index_content_nav {}
#index_content_nav ul li {
display: block;
margin-bottom: 70px;
}
#index_content_nav ul li .thum {
width: calc(100% - 0px);
height: 240px;
float: none;
background-position: center center;
background-size: cover;
}
#index_content_nav ul li .cont {
width: 90%;
padding: 20px;
line-height: 1.8;
float: none
}
#index_content_nav ul li .cont .ttl {
margin-bottom: 10px;
}
#index_content_nav ul li .cont .ttl img{
width: 100%;
height: auto;
}
#index_content_nav ul li .cont .read {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
}
#index_content_nav ul li .cont .btn {
margin-top: 20px;
}
#index_content_nav ul li .cont .btn a {
color: #005599;
font-size: 20px;
text-decoration: none;
transition: .3s;
}
#index_content_nav ul li .cont .btn a:hover {
padding-left: 10px;
}
#index_content_nav ul li:nth-child(2) .thum {
float: right;
}
#index_content_nav ul li:nth-child(2) .cont {
float: left
}
/*--INDEX_MOVIE-------------*/
#index_movie {
padding-bottom: 50px;
}
#index_movie .ttl {
text-align: right;
margin-bottom: 10px;
}
#index_movie .movie video {
width: 100%;
height: auto;
}
/*--INDEX_MOVIE-------------*/
#index_bnr_recruit {
padding-bottom: 40px;
}
#index_bnr_recruit img{
width: 100%;
height: auto
}
/*--INDEX_NEWS-------------*/
#index_news {
margin-bottom: 50px;
}
#index_news .ttl {
border-top: 1px solid #8A8A8A;
border-bottom: 1px solid #8A8A8A;
color: #005599;
padding-top: 5px;
padding-bottom: 5px;
font-size: 20px;
line-height: 40px;
}
#index_news .ttl img{
width: auto;
height: 40px;
}
#index_news .ttl .btn_more {
font-size: 13px;
background-position: left center;
background-image: url(../../images/arrow.png);
background-size: 20px auto;
background-repeat: no-repeat;
padding-left: 25px;
float: right
}
#index_news .ttl .btn_more a {
text-decoration: none;
color: #005599;
}
#index_news dl {}
#index_news dt {
float: none;
width: auto;
clear: both;
padding: 5px 0px;
}
#index_news dd {
margin-bottom: 10px;
padding: 5px 0px 15px 0px;
border-bottom: 1px solid #8A8A8A;
}
/*--INDEX_USEFUL-------------*/
#index_useful {
margin-bottom: 100px;
}
#index_useful .ttl {
padding-top: 15px;
padding-bottom: 15px;
color: #005599;
font-size: 20px;
line-height: 50px;
}
#index_useful .ttl .btn_more {
font-size: 13px;
background-position: left center;
background-image: url(../../images/arrow.png);
background-size: 20px auto;
background-repeat: no-repeat;
padding-left: 25px;
float: right
}
#index_useful .ttl .btn_more a {
text-decoration: none;
color: #005599;
}
#index_useful ul li {
width: 100%;
margin-right: 0px;
float: none;
margin-bottom: 20px;
}
#index_useful ul li:last-child {
margin-right: 0px;
}
#index_useful ul li .thum {
height: 210px;
background-position: center center;
background-size: cover;
margin-bottom: 15px;
}
#index_useful ul li .entry_ttl {
margin-bottom: 10px;
font-size: 16px;
font-weight: 600;
min-height: auto;
text-align: left;
width: 100%;
margin-left: auto;
margin-right: auto;
}
#index_useful ul li .entry_ttl br{
display: none;
}
#index_useful ul li .btn_more {
font-size: 13px;
background-position: left center;
background-image: url(../../images/arrow.png);
background-size: 20px auto;
background-repeat: no-repeat;
padding-left: 25px;
margin-top: 15px;
}
#index_useful ul li .btn_more a {
text-decoration: none;
color: #005599;
}
/*--CONTENTS-------------*/
.contents {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.contents:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden
}
/*--PAGETOP-------------*/
#pagetop {
position: fixed;
right: 20px;
bottom: 50px;
}
/*--FOOTER-------------*/
footer {
background-color: #005599;
color: #FFF;
clear: both;
padding-top: 20px;
font-size: 12px;
}
footer a {
color: #FFF !important;
text-decoration: none;
}
footer .inner {
width: 90%;
margin-right: auto;
margin-left: auto;
}
footer #gnav_sp{
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100vh;
background-color: rgba(10,57,112,0.80);
font-size: 13px;
}
footer ul.heading {
width: 90%;
padding-bottom: 0px;
padding-top: 15px;
}
footer ul.heading li {
float: none;
width: 80%;
margin-left: auto;
margin-right: auto;
display: block;
padding-top: 4px;
}
footer ul.child {
padding-left: 1em;
padding-top: 2px;
}
footer ul.child li {
float: none;
width: 100%;
}
.ft_bar {
padding-top: 20px;
padding-bottom: 20px;
background-color: #0A3970;
text-align: center
}
.ft_bar .btn_link {
float: none;
font-size: 16px;
line-height: 16px;
margin: 20px;
}
/*--SUBPAGE-------------*/
#anc01, #anc02, #anc03, #anc04 {
/*padding-top: 20px;
margin-top: -20px;*/
}
.btn_ft_contact {
text-align: center;
padding-top: 50px;
padding-bottom: 30px;
}
.btn_ft_contact img{
width: 90%;
height: auto;
}
/*--COMPANY-------------*/
#mainVis_company {
width: 100%;
background-image: url(../../images/_company/company_mv_bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin-bottom: 10px;
}
#mainVis_company h2 {
line-height: 180px;
text-align: center;
font-size: 22px;
font-weight: 600;
color: #005599;
letter-spacing: 0.15em;
}
.cpn_bg {
background-image: -webkit-linear-gradient(0deg, rgba(0, 85, 153, 1.00) 0%, rgba(108, 165, 189, 1.00) 49.43%, rgba(0, 85, 153, 1.00) 100%);
background-image: -moz-linear-gradient(0deg, rgba(0, 85, 153, 1.00) 0%, rgba(108, 165, 189, 1.00) 49.43%, rgba(0, 85, 153, 1.00) 100%);
background-image: -o-linear-gradient(0deg, rgba(0, 85, 153, 1.00) 0%, rgba(108, 165, 189, 1.00) 49.43%, rgba(0, 85, 153, 1.00) 100%);
background-image: linear-gradient(90deg, rgba(0, 85, 153, 1.00) 0%, rgba(108, 165, 189, 1.00) 49.43%, rgba(0, 85, 153, 1.00) 100%);
}
#company_nav {
width: 100%;
padding-top: 15px;
padding-bottom: 5px;
}
#company_nav ul {
text-align: center;
font-size: 12px;
}
#company_nav ul li {
display: block;
margin-left: 1em;
margin-right: 1em;
letter-spacing: 0.05em;
margin-bottom: 10px;
}
#company_nav ul li a {
color: #FFF;
text-decoration: none
}
.ttlbar_wrap {
text-align: center
}
h3.cpn_headinng {
font-size: 18px;
font-weight: 600;
text-align: center;
letter-spacing: 0.05em;
color: #3E3A39;
padding-top: 60px;
margin-bottom: 50px;
position: relative;
z-index: 2;
display: inline-block;
margin-left: auto;
margin-right: auto;
}
h3.cpn_headinng .bar {
width: 100%;
height: 5px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
}
h3.cpn_headinng span {
font-size: 13px;
}
.message {
padding-bottom: 30px;
}
.message .photo {
width: 200px;
float: none;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.message .txt {
width: 100%;
float: none;
text-align: justify
}
.message .txt .read {
font-size: 18px;
font-weight: 600px;
margin-bottom: 20px;
text-align: center;
}
.philo {
background-color: #DFECF9;
padding-top: 10px;
padding-bottom: 40px;
}
.philo .fig{
text-align: center
}
.philo .fig img{
width: 90%;
height: auto;
}
.philo h3.cpn_headinng {
padding-top: 30px !important
}
.vision_fig {
text-align: center;
position: relative;
z-index: 1;
padding-bottom: 80px;
}
.vision_fig img{
width: 90%;
height: auto
}
.vision h3.cpn_headinng {
margin-bottom: 50px !important
}
/*--COMPANY_OUTLINE-------------*/
.company_tbl {
border-top: 1px solid #666464;
border-left: 1px solid #666464;
margin-bottom: 40px;
font-size: 12px;
}
.company_tbl a {
color: #005599
}
.company_tbl.wide {
width: 100%
}
.company_tbl.mid {
margin-top: 20px;
}
.company_tbl th, .company_tbl td {
border-bottom: 1px solid #666464;
border-right: 1px solid #666464;
vertical-align: top;
padding: 10px 20px
}
.company_tbl th {
background-color: #E6E6E6;
white-space: nowrap
}
.cpn_iso_fig {
float: none;
padding-right: 0px;
text-align: center;
margin-bottom: 20px;
}
.cpn_iso_txt .read {
font-size: 16px;
text-align: center;
margin-bottom: 10px;
}
.cpn_iso_txt .read span{
font-size: 13px;
}
.company_tbl_history {
width: 100%;
border-top: 1px dotted #666464;
margin-bottom: 40px;
}
.company_tbl_history th, .company_tbl_history td {
border-bottom: 1px dotted #666464;
vertical-align: top;
padding: 10px 20px;
display: block;
}
.company_tbl_history th {
white-space: nowrap;
background-color: #EEEEEE
}
.company_access {
font-size: 14px;
font-weight: 500;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.company_access li {
margin-bottom: 50px;
}
.company_access .name {
font-size: 16px;
margin-bottom: 5px;
}
.company_access .name span {
color: #005599
}
.company_access .detail {
line-height: 25px;
}
.company_access .detail img {
margin-left: 0px;
}
.company_access .detail a{
display: block;
padding-top: 5px;
}
.company_access .detail br{
display: none
}
.company_tbl_touroku {
width: 100%;
margin-bottom: 40px;
font-size: 11px;
}
.company_tbl_touroku th, .company_tbl_touroku td {
border-bottom: 1px dotted #666464;
vertical-align: top;
padding: 10px 10px;
font-weight: 500;
}
.company_tbl_touroku th {
white-space: nowrap
}
.company_tbl_touroku .label {
padding-left: 10px !important;
}
.comapny_tbl_shikaku {
width: 100%;
margin-bottom: 40px;
border-top: 1px solid #595757;
border-left: 1px solid #595757;
}
.comapny_tbl_shikaku th, .comapny_tbl_shikaku td {
border-bottom: 1px solid #595757;
border-right: 1px solid #595757;
vertical-align: top;
padding: 10px 20px;
}
.comapny_tbl_shikaku th {
text-align: center;
background-color: #DFECF9
}
.comapny_tbl_shikaku td {
line-height: 2;
}
.comapny_tbl_shikaku span {
color: #005599;
margin-right: 5px;
}
.half_bx {
width: 100%;
padding-left: 0%;
padding-right: 0%;
float: none
}
.cpn_gvn_read {
text-align: left;
line-height: 2.2;
margin-bottom: 40px;
}
.cpn_gvn_read br{
display: none
}
.fig_comp {
text-align: center
}
.fig_comp img{
width: 100%;
height: auto;
}
.comapny_tbl_security {
width: 100%;
margin-bottom: 80px;
border-top: 1px dotted #595757;
font-size: 12px;
}
.comapny_tbl_security th, .comapny_tbl_security td {
border-bottom: 1px dotted #595757;
padding-top: 10px;
padding-bottom: 10px;
}
.comapny_tbl_security th {}
.comapny_tbl_security td {
padding-left: 20px;
}
.comapny_tbl_security th img{
width: 120px;
height: auto;
}
.comapny_tbl_security td br{
display: none;
}
.first_ttl {
margin-top: 60px;
}
.ptn_name {
font-weight: 600;
font-size: 16px;
margin-bottom: 15px;
}
.company_tbl_ptn {
border-top: 1px solid #666464;
border-left: 1px solid #666464;
margin-bottom: 40px;
width: 100%;
}
.company_tbl_ptn th, .company_tbl_ptn td {
border-bottom: 1px solid #666464;
border-right: 1px solid #666464;
vertical-align: top;
padding: 10px 20px
}
.company_tbl_ptn th {
border-right: none;
}
.company_tbl_ptn th {
background-color: #E6E6E6;
width: 180px;
}
/*--RECRUIT-------------*/
#recruit {}
#recruit_header {
width: 100%;
height: 260px;
background-position: center center;
background-size: cover;
}
#recruit_header .bg_ttl {
background-color: rgba(14, 69, 141, 0.80);
color: #FFF;
padding-top: 20px;
padding-bottom: 10px;
}
#recruit_header .bg_ttl h2 {
width: 80%;
margin-left: auto;
margin-right: auto;
font-size: 23px;
letter-spacing: 0.2em;
}
#recruit_header .bg_ttl h2 .ttl_sub {
font-size: 15px;
}
#recruit .nav_entry {
text-align: center;
padding-top: 50px;
padding-bottom: 30px;
}
#recruit .nav_entry li {
display: inline;
margin-left: 15px;
margin-right: 15px;
}
#recruit .nav_entry_outlink {
text-align: center;
padding-top: 20px;
padding-bottom: 30px;
width: 90%;
margin-right: auto;
margin-left: auto;
}
#recruit .nav_entry_outlink li {
width: 50%;
margin-left: 0px;
float: right
}
#recruit .nav_entry_outlink li img{
width: 100%;
height: auto;
}
#recruit .nav_entry_outlink li:nth-child(2) {
margin-left: 0px;
}
#recruit .nav_entry_outlink li.outlink {
width: 100%;
margin-left: 0px;
padding-top: 10px;
padding-bottom: 20px;
display: none;
}
#recruit .nav_entry_outlink li.outlink img {
margin-left: 5px;
margin-right: 5px;
width: calc(50% - 13px)
}
.rec_read {
text-align: center;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.rec_read .heading {
font-size: 18px;
margin-bottom: 1em;
font-weight: 600;
}
.rec_read .read{
text-align: left;
text-align: justify;
font-size: 13px;
}
.rec_read .read br{
display: none
}
.rec_read .fig img{
width: 100%;
height: auto;
}
#recruit h3.cpn_headinng {
color: #005599
}
#recruit h3.cpn_headinng .bar {
background-color: #FFE200;
height: 10px;
}
.rec_bg_blue {
background-color: #DFECF9;
padding-bottom: 60px;
}
.rec_bg_stripe {
padding-bottom: 60px;
margin-top: 120px;
background-image: url(../../images/_recruit/rec_bg_stripe.png);
}
.rec_bg_blue .read {
text-align: left;
width: 90%;
margin-left: auto;
margin-right: auto
}
.rec_bg_blue .read br{
display: none;
}
.rec_tbl {
border-top: 1px solid #666464;
border-left: 1px solid #666464;
width: 90%;
margin-left: auto;
margin-right: auto;
background-color: #FFF;
margin-top: 30px;
}
.rec_tbl th, .rec_tbl td {
border-bottom: 1px solid #666464;
border-right: 1px solid #666464;
padding: 10px 20px;
display: block
}
.rec_tbl th {
background-color: #E6E6E6;
width: auto;
font-weight: 600;
}
.rec_tbl th br{
display: none
}
.rec_tbl.youkou th {
background-color: #DFF2FC !important;
width: auto;
font-weight: 600;
}
.rec_tbl a {
color: #005599
}
.kenshu {
width: 80%;
margin-left: auto;
margin-right: auto;
border: 2px solid #B5B5B6;
border-radius: 6px;
padding: 10px 20px
}
.kenshu .label {
float: none;
margin-right: 0px;
margin-top: -30px;
text-align: center;
padding-bottom: 20px;
}
.kenshu br{
display: none
}
.ttl_seido {
text-align: center;
padding-top: 50px;
padding-bottom: 20px;
}
table.seido {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 80px;
font-size: 11px;
}
table.seido th, table.seido td {
padding: 2px 2px;
}
table.seido .blank {
padding: 0 !important;
width: 1px;
}
table.seido .heading {
text-align: center;
font-weight: 600;
background-color: #DCDDDD
}
table.seido .cate01_label {
background-color: #036EB8;
color: #FFF;
border: 1px solid #949495;
}
table.seido .cate01 {
background-color: #D3DBEF;
border: 1px solid #949495;
}
table.seido .cate02_label {
background-color: #00A29A;
color: #FFF;
border: 1px solid #949495;
}
table.seido .cate02 {
background-color: #D1E7E4;
border: 1px solid #949495;
}
table.seido .cate03_label {
background-color: #F39800;
color: #FFF;
border: 1px solid #949495;
}
table.seido .cate03 {
background-color: #FEEBD0;
border: 1px solid #949495;
}
table.seido .cate04_label {
background-color: #920783;
color: #FFF;
border: 1px solid #949495;
}
table.seido .cate04 {
background-color: #E7D5E8;
border: 1px solid #949495;
}
/*--VOICE-------------*/
.voice_cont {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
}
.voice_head {
position: relative
}
.voice_head .head_mv img {
width: 100%;
height: auto
}
.voice_head .btn_more {
position: absolute;
right: 10px;
bottom: 10px;
}
.voice_cont .detail {
display: none;
background-color: #FFF;
padding-bottom: 25px;
}
.voice_cont .detail .ttl {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
.voice_cont .detail .ttl img {
width: 290px;
height: auto
}
.voice_cont .detail .ph {
margin-bottom: 25px;
}
.voice_cont .detail .ph img {
width: 100%;
height: auto
}
.voice_cont .detail .txt {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.voice_cont .detail .txt .ques {
font-size: 16px;
color: #005599;
}
.voice_cont .detail .txt p {
margin-bottom: 1.5em
}
#recruit #index_movie {
padding-top: 60px;
}
.schedule {
width: 90%;
margin-left: auto;
margin-right: auto
}
.schedule li {
display: inline-block;
width: 100%;
float: none
}
.schedule li img {
width: 100%;
height: auto
}
.flow_tbl {
width: 700px !important;
float: left
}
.flow_entry {
width: 260px !important;
float: right;
padding-top: 40px;
}
.flow_entry .flow_btn_entry {
text-align: center;
margin-top: 50px;
}
.faq_cont {
background-color: #FFF;
padding: 10px 20px 20px 20px;
}
.faq_cont .label {
margin-bottom: 15px;
margin-top: 30px;
}
.faq_cont .label span {
background-color: #005599;
border-radius: 4px;
padding: 2px 10px;
color: #FFF;
}
.faq_set {
border-bottom: 1px solid #9FA0A0;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
}
.faq_set th {
padding-right: 25px;
padding-bottom: 10px;
}
.faq_set td {
padding-bottom: 10px;
}
.faq_set strong {
color: #005599;
font-weight: normal
}
/*--WORKS-------------*/
#works_header {
width: 100%;
height: 370px;
background-position: center center;
background-size: cover;
}
#works_header .bg_ttl {
background-color: rgba(14, 69, 141, 0.80);
color: #FFF;
padding-top: 20px;
padding-bottom: 20px;
}
#works_header .bg_ttl .inner {
width: 80%;
margin-left: auto;
margin-right: auto;
}
#works_header .bg_ttl .inner h2 {
font-size: 24px;
letter-spacing: 0.2em;
float: none;
margin-right: 0px;
margin-bottom: 10px
}
#works_header .bg_ttl .inner h2 .ttl_sub {
font-size: 15px;
}
.cate_header {
background-color: #C5DBED;
color: #005599;
font-size: 16px;
font-weight: 600;
padding-left: 20px;
line-height: 3em;
margin-top: 30px;
margin-bottom: 20px;
background-image: url(../../images/_works/cate_bg.png);
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
}
.wroks_list {}
.wroks_list li {
width: 47%;
margin-right: 6%;
margin-bottom: 30px;
float: left;
font-size: 10px
}
.wroks_list li:nth-child(2n) {
margin-right: 0px;
}
.wroks_list li .thum {
width: 100%;
height: 100px;
background-position: center center;
background-size: contain;
margin-bottom: 10px;
background-repeat: no-repeat
}
/*--USEFUL-------------*/
#useful_header {
width: 100%;
height: 200px;
background-position: center center;
background-size: cover;
}
#useful_header .inner {
width: 100%;
margin-left: auto;
margin-right: auto;
}
#useful_header .bg_ttl {
background-color: rgba(41, 109, 152, 0.60);
color: #FFF;
height: 200px;
width: 150px;
}
#useful_header .inner h2 {
text-align: center;
padding-top: 20px;
}
.useful_list {
padding-top: 40px;
margin-top: 60px;
border-top: 2px dotted #9FA0A0;
}
.useful_list li {
width: 100%;
margin-bottom: 30px;
padding-bottom: 40px;
border-bottom: 2px dotted #9FA0A0;
}
.useful_list li .thum {
width: 100%;
height: 220px;
margin-right: 0px;
background-position: center center;
background-size: cover;
float: none;
margin-bottom: 20px;
}
.useful_list li .txt {
width: 100%;
float: none
}
.useful_list li .txt .date {
margin-bottom: 20px;
}
.useful_list li .txt .ttl {
font-size: 16px;
margin-bottom: 25px;
line-height: 1.7;
}
.useful_list li .txt .ttl a {
color: #005599;
text-decoration: underline
}
/*--NEWS-------------*/
#news_header {
width: 100%;
height: 90px;
background-position: center center;
background-size: cover;
}
#news_header .inner {
width: 80%;
margin-left: auto;
margin-right: auto;
}
#news_header .inner h2 {
text-align: center;
line-height: 90px;
font-size: 23px;
font-weight: 600;
color: #FFF
}
/*--CONTACT-------------*/
#contact_header {
width: 100%;
height: 90px;
background-position: center center;
background-size: cover;
}
#contact_header .inner {
width: 90%;
margin-left: auto;
margin-right: auto;
position: relative
}
#contact_header .inner h2 {
text-align: left;
line-height: 90px;
font-size: 18px;
font-weight: 600;
color: #FFF
}
#contact_header .inner .contact_for_ms{
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
font-size: 11px;
border-radius: 8px;
padding: 5px 15px;
white-space: nowrap;
background-color: #65A933 !important;
}
#contact_header .inner .contact_for_ms a {
border: 1px solid #65A933 !important;
background-color: #65A933 !important;
color: #FFF;
border-radius: 0px;
padding: 0px 0px;
text-decoration: none
}
#contact_header .inner .contact_for_ms a:hover {
border: 1px solid #65A933 !important;
background-color: #FFF !important;
color: #65A933 !important;
}
/*--MAILFORM-------------*/
#mailformpro table {
width: 100%;
margin-top: 30px;
margin-bottom: 60px;
}
#mailformpro table th, #mailformpro table td {
border-bottom: 1px solid #858585;
padding: 10px;
display: block
}
#mailformpro table th {
white-space: nowrap;
vertical-align: top;
}
#mailformpro table td {
width: auto;
}
#mailformpro table .form_field {
width: calc(100% - 4px) !important;
padding: 2px !important;
}
#mailformpro table .req {
color: #FF0004
}
#mailformpro .submit_btn {
padding: 10px 20px;
font-size: 16px;
border: none;
color: #FFF;
background-color: #000;
cursor: pointer;
outline: none;
}
.mfp_element_reset {
color: #333;
}
#mailformpro .submit_btn:hover {
background-color: #878787;
}
.mfp_thanks {
text-align: center;
padding-top: 100px;
padding-bottom: 200px;
}
.form_btn {
text-align: center
}
.mf_blank{
display: none!important
}
/*--MEMBER_ONLY-------------*/
ul#menber_dl {
text-align: center;
font-size: 20px;
margin-top: 60px;
}
ul#menber_dl li {
margin-bottom: 50px;
}
ul#menber_dl li a {
background-image: -webkit-linear-gradient(270deg, rgba(0, 85, 153, 1.00) 50%, rgba(10, 57, 112, 1.00) 50%);
background-image: -moz-linear-gradient(270deg, rgba(0, 85, 153, 1.00) 50%, rgba(10, 57, 112, 1.00) 50%);
background-image: -o-linear-gradient(270deg, rgba(0, 85, 153, 1.00) 50%, rgba(10, 57, 112, 1.00) 50%);
background-image: linear-gradient(180deg, rgba(0, 85, 153, 1.00) 50%, rgba(10, 57, 112, 1.00) 50%);
color: #FFF;
padding-top: 20px;
padding-bottom: 20px;
display: block;
}
ul#menber_dl li a:hover {
background-image: -webkit-linear-gradient(270deg, rgba(0, 93, 168, 1.00) 50%, rgba(20, 83, 156, 1.00) 50%);
background-image: -moz-linear-gradient(270deg, rgba(0, 93, 168, 1.00) 50%, rgba(20, 83, 156, 1.00) 50%);
background-image: -o-linear-gradient(270deg, rgba(0, 93, 168, 1.00) 50%, rgba(20, 83, 156, 1.00) 50%);
background-image: linear-gradient(180deg, rgba(0, 93, 168, 1.00) 50%, rgba(20, 83, 156, 1.00) 50%);
}
/*--SERVICE-------------*/
#service_header {
width: 100%;
height: 350px;
background-position: center center;
background-size: cover;
}
#service_header .bg_ttl {
background-color: rgba(14, 69, 141, 0.80);
color: #FFF;
padding-top: 20px;
padding-bottom: 20px;
}
#service_header .bg_ttl .inner {
width: 80%;
margin-left: auto;
margin-right: auto;
}
#service_header .bg_ttl .inner h2 {
font-size: 24px;
letter-spacing: 0.05em;
float: none;
margin-right: 0px;
margin-bottom: 15px;
}
#service_header .bg_ttl .inner .read {
line-height: 1.5;
}
#service_header .bg_ttl .inner .read br{
display: none
}
#service_nav {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
background-color: rgba(0, 0, 0, 0.40);
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
#service_nav ul {
text-align: center
}
#service_nav ul li {
display: inline-block;
margin-left: 0.5em;
margin-right: 0.5em;
letter-spacing: 0.05em;
}
#service_nav ul li a {
color: #FFF;
text-decoration: none
}
#service_nav ul li a:hover {
text-decoration: underline
}
/*--SERVICE_NAV_ANC-------------*/
.service_nav_anc {
background-image: url(../../images/_service/ancnav_bg.png);
background-position: center bottom;
padding-bottom: 30px;
}
.service_nav_anc ul {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
padding-top: 10px;
}
.service_nav_anc ul li {
margin-top: 0px;
width: 43%;
margin-left: 2%;
margin-right: 2%;
text-align: center;
display: inline-block;
font-size: 15px;
font-weight: 600;
margin-top: 0px;
vertical-align: top;
}
.service_nav_anc ul li img {
width: 100%;
height: auto;
margin-bottom: 5px;
}
.service_nav_anc ul li a {
text-decoration: none;
}
h3.sv_ttl {
text-align: center;
padding-top: 40px;
padding-bottom: 20px;
}
h3.sv_ttl img{
width: 90%;
height: auto;
}
/*--FLOW_SECURITY-------------*/
.flow_security {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.flow_security .ttl {
font-size: 21px;
font-weight: 600;
color: #005599;
text-align: center;
margin-bottom: 5px;
}
.flow_security .flow_ttl {
background-color: #005599;
font-size: 21px;
font-weight: 600;
color: #FFF;
text-align: center;
padding: 5px;
margin-bottom: 15px;
margin-top: 30px;
}
.flow_security .ph {
margin-bottom: 20px;
}
.flow_security .ph img, .flow_security .arrow img {
width: 100%;
height: auto;
}
.flow_security th {
width: 100px;
vertical-align: top
}
.flow_security th img {
width: 100px;
height: auto
}
.flow_security strong {
font-size: 16px;
}
.total_support {
text-align: left;
border-top: 1px dashed #B5B5B6;
margin-top: 40px;
padding-top: 30px;
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.total_support .ttl {
font-size: 21px;
font-weight: 600;
color: #005599;
text-align: center;
margin-bottom: 5px;
}
.total_support .read br{
display: none
}
.total_support .fig {
padding-top: 30px;
}
.total_support .fig img{
width: 100%;
height: auto;
}
/*--SUPPORT-------------*/
.office_support{
width: 90%;
margin-left: auto;
margin-right: auto;
}
.office_support .read {
text-align: left;
margin-bottom: 30px;
}
.office_support .read br{
display: none;
}
.office_support table {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
}
.office_support table th {
padding-right: 10px;
padding-top: 0px;
padding-bottom: 20px;
vertical-align: top
}
.office_support table td{
padding-bottom: 25px;
}
.office_support table th img{
width: 100px;
height: auto
}
.office_support table .ttl_blue {
color: #7ABEEA;
font-weight: 600;
font-size: 16px;
margin-bottom: 10px;
}
.office_support table .ttl_yellow {
color: #FABE01;
font-weight: 600;
font-size: 16px;
margin-bottom: 10px;
}
.office_support table .ttl_pink {
color: #F4A7A4;
font-weight: 600;
font-size: 16px;
margin-bottom: 10px;
}
/*--SUPPORT_FLOW-------------*/
.flow_support {
width: 90%;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
}
.flow_support img {
width: 100%;
height: auto;
}
.flow_support .ttl_head {
margin-bottom: 30px;
}
.flow_support .ttl {
margin-bottom: 10px;
}
.flow_support .exp {
margin-bottom: 20px;
}
/*--MANSION_SUPPORT-------------*/
.mansion_support {
background-color: #FFF8EC;
padding-bottom: 30px;
}
.mansion_support .read {
text-align: left;
margin-bottom: 30px;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.mansion_support .read br{
display: none;
}
.mansion_support .fig {
text-align: center;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.mansion_support .fig img{
width: 100%;
height: auto;
}
/*--TORIHIKI-------------*/
.torihiki {
text-align: left;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.torihiki .ttl {
font-size: 16px;
font-weight: 600;
color: #005599;
margin-bottom: 5px;
padding-top: 30px;
padding-bottom: 15px;
}
.torihiki .ph img{
width: 100%;
height: auto;
}
/*--BUIL_MANAGEMENT-------------*/
.bn_head_outline {
background-image: url(../../images/_service/bn_head_bg_sp.jpg);
background-position: center top;
background-size: contain;
padding-top: 40vw;
padding-bottom: 30px;
color: #171717;
font-size: 14px;
background-repeat: no-repeat;
background-color: #dfecf8
}
.bn_head_outline .inner {
width: 90%;
margin-left: auto;
margin-right: auto;
padding-right: 0;
float: none;
}
.bn_head_outline .inner .ttl {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
}
.bn_head_outline .inner .ttl br,
.bn_head_outline br{
display: none
}
.bm_read {
text-align: left;
margin-bottom: 30px;
color: #171717;
font-size: 16px;
}
.bm_read br{
display: none
}
.bm_fig{
text-align: center
}
.bm_fig img{
width: 100%;
height: auto;
}
.cont_l {
width: 100%;
float: none;
padding-bottom: 20px
}
.cont_r {
width: 100%;
float: none;
padding-bottom: 20px
}
.cont_half {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.ttl_bg_tri {
background-image: url(../../images/_service/bg_tri.png);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
border-bottom: 2px solid #14569A;
font-size: 20px;
font-weight: 600;
letter-spacing: 0.05em;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 20px;
color: #14569A
}
.ttl_bg_tri .in_ttl {
float: none;
margin-right: 80px;
}
.ttl_bg_tri .ttl_read {
font-size: 12px;
color: #333333;
font-weight: 200;
letter-spacing: 0em;
display: none
}
.column {
border: 2px solid #9BD6E6;
margin-top: 20px;
padding: 20px;
font-size: 12px;
}
.column .ttl {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
.heading_blue {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
margin-top: 30px;
color: #14569A
}
.notice {
font-size: 12px;
margin-top: 10px;
color: #008893
}
.notice br{
display: none;
}
.cont_r .ph, .cont_l .ph {
margin-bottom: 10px;
}
.cont_r .ph img, .cont_l .ph img {
width: 100%;
height: auto;
}
.cont_l .cap, .cont_r .cap {
font-size: 12px;
padding-top: 10px;
padding-bottom: 15px;
}
.txt_blue {
font-weight: 600;
font-weight: 15px;
color: #14569A
}
.ttl_example {
background-color: #E6E6E6;
font-size: 18px;
padding: 7px;
margin-top: 20px;
}
/*--PICK UP-------------*/
.pickup {
width: 70%;
margin-left: auto;
margin-right: auto;
border: 4px solid #BBD3EE;
border-radius: 16px;
margin-top: 70px;
position: relative;
padding: 10px;
margin-bottom: 50px;
}
.pickup .ttl_label {
position: absolute;
left: -23px;
top: -10px;
}
.pickup .ttl_label img{
width: 100px;
height: auto
}
.pickup table {
width: auto;
}
.pickup table td {
width: auto;
vertical-align: top;
display: block
}
.pickup table td {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
.pickup table td .ttl {
padding-top: 30px;
font-weight: 600;
font-size: 16px;
margin-bottom: 20px;
}
.pickup table td .note {
padding: 0 1em;
background: linear-gradient(#ccc 1px, transparent 1px) #FFF;
background-size: auto 2.5em;
line-height: 2.5em;
border-bottom: 1px solid #ccc;
overflow: hidden;
font-size: 12px;
}
.pickup table td .ph {
margin-bottom: 10px;
}
.pickup table td .ph img {
width: 100%;
height: auto;
}
.pickup table td .ttl_shikaku {
padding: 5px;
font-weight: 600;
font-size: 16px;
margin-top: 30px;
margin-bottom: 20px;
background-color: #9BD6E6;
}
.pickup table td strong {
font-size: 16px;
}
.pickup table .cap {
font-size: 13px;
}
/*--SECURITY-------------*/
.page_security_bg_blue {
background-color: #DFECF9;
padding-top: 40px;
padding-bottom: 30px;
margin-top: 30px;
}
.page_security_bg_blue .ttl {
text-align: center;
margin-bottom: 30px;
}
.page_security_bg_blue .ttl img{
width: 100%;
height: auto
}
.page_security_bg_blue .read {
text-align: left;
width: 90%;
margin-left: auto;
margin-right: auto
}
.page_security_bg_blue .read br{
display: none
}
/*--RENEWAL-------------*/
.ph_wide {
padding-top: 20px;
padding-bottom: 30px;
}
.ph_wide img{
width: 100%;
height: auto;
}
/*--PPP-------------*/
.ppp_head_outline {
background-image: url(../../images/_service/ppp_head_bg.jpg);
background-position: right -400px center;
background-size: cover;
padding-top: 40px;
padding-bottom: 30px;
margin-bottom: 60px;
}
.ppp_head_outline .inner {
width: 60%;
margin-left: 10%;
margin-right: auto;
}
.ppp_head_outline .inner .ttl {
font-size: 23px;
font-weight: 600;
margin-bottom: 10px;
}
.ppp_pad{
padding-bottom: 0px
}
input {
font-size: 16px;
}
/*フォームのフォーカスOFF*/
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
font-size: 16px;
}
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus, input[type="button"]::focus {
outline-offset: -2px;
}
/*SP NAV*/
#panel-btn {
display: inline-block;
position: fixed;
width: 40px;
height: 40px;
margin: 5px 0 10px;
border-radius: 50%;
right: 20px;
top: 10px;
z-index: 9999999;
animation-duration: 2s;
}
#panel-btn-icon {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 2px;
margin: -1px 0 0 -7px;
background: #004888;
transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 14px;
height: 2px;
background: #004888;
transition: .3s;
}
#panel-btn-icon:before {
margin-top: -6px;
}
#panel-btn-icon:after {
margin-top: 4px;
}
#panel-btn .close {
background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after {
margin-top: 0;
background: #FFF;
}
#panel-btn .close:before {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
#panel-btn .close:after {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
}