@charset "utf-8";

/*
Theme Name: +ONE
Description: +ONE
Theme URI: http://
Author: passione inc
Author URI: http://
Version: 1.00
*/

/*default clear設定*/
h1{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;font-weight:normal;}h2{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;font-weight:normal;text-align:center;}h3{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;font-weight:normal;text-align:center;}h4{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;font-weight:normal;text-align:left;margin-bottom:10px;}ul,menu,dir{display:block;list-style-type:none;margin:0;padding:0;-webkit-margin-before:0em;-webkit-margin-after:0em;-webkit-margin-start:0px;-webkit-margin-end:0px;-webkit-padding-before:0em;-webkit-padding-after:0em;-webkit-padding-start:0px;-webkit-padding-end:0px;}dl{display:block;-webkit-margin-before:0em;-webkit-margin-after:0em;-webkit-margin-start:0px;-webkit-margin-end:0px;}dd{display:block;-webkit-margin-start:0px;}p{display:block;-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;}fieldset{border:none;}hr{display:none;}img{border:0px;}p{padding:0;margin:0;}table{display:table;border-collapse:collapse;-webkit-border-horizontal-spacing:0px;-webkit-border-vertical-spacing:0px;}

button {
cursor: pointer;
cursor: hand;
}
/*a href 設定*/
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
a {
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
/*clearfix設定*/
cf:after {
	content: ".";
	display: block;
	visibility: hidden;
	line-height: 0;
	width: 100%;
	height: 0;
	clear: both;
}
/*flex設定*/
.flex {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
/*テキスト設定*/
.bold {
	font-weight: bold;
}
.txtrd {
	color: #F10004;
}
/*端末別設定*/
@media screen and (max-width: 767px) {
/* 767pxまで（スマートフォン用）の記述 */
.pc {
	display: none;
}
.smp,.tbl {
	display: block;
}
}
@media screen and (min-width: 768px) {
/* 768px以上用（タブレット用）の記述 */
.tbl {
	display: block;
}
.smp,.pc {
	display: none;
}
}
@media screen and (min-width: 910px) {
/* 910px以上用（PC用）の記述 */
.pc {
	display: block;
}
.smp,.tbl {
	display: none;
}
}

/*--------------------------
共通設定
---------------------------*/
body , html {
    height: 100%;
}
body {
border: none;
padding: 0px;
margin: 0px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: medium;
color: #231815;
line-height: 1.8em;
background-color: #FFFFFF;
-webkit-text-size-adjust: 100%;
}
article {
width: 100%;
}
section {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 180px;
padding-bottom: 0px;
}
section:after {
	content: ".";
	display: block;
	visibility: hidden;
	line-height: 0;
	width: 100%;
	height: 0;
	clear: both;
}

/*--------------------------
TOPページフルスクリーン
---------------------------*/
#full {
text-align: center;
background-image: url(images/00_top.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-attachment: fixed;
position: relative;
width: 100vw;
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
#full h1 {
padding-bottom: 0px;
width: 20%;
margin-left: auto;
margin-right: auto;
display: block;
}
#full h1 img {
width: 100%;
height: auto;
}
#full .sub p {
color: #00406f;
margin-bottom: 30px;
font-weight: bold;
}
#full .sub ul {
color: #00406f;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
-webkit-justify-content: space-between; /* Safari */
justify-content:space-between;
}
#full .sub ul li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
border: 3px solid #00406f;
width: 30%;
}
#full .sub ul li p {
font-weight: bold;
margin-bottom: 0px;
}
#full .sub ul li a {
color: #00406f;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
display: block;
}
#full .btn {
position: absolute;
bottom: 50px;
left: 0;
right: 0;
}
#full .btn a {
color: #FFFFFF;
text-align: center;
text-decoration: none;
position: relative;
background-color: #00406f;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
display: inline-block;
}
#full .btn a:before{
	content: "";
	position: absolute;
	bottom: -23px;
	right: 45%;
	border: 12px solid transparent;
	border-top: 12px solid #00406f;
}
/*--------------------------
ヘッダー
---------------------------*/
/*ヘッダー固定 */
.fixed {
position: fixed;
top: 0px;
z-index: 100;
width: 100%;
display: block;
}
header {
background-color: #fdfcfb;
position: relative;
}
header article {
width: 1000px;
margin-left: auto;
margin-right: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 100;
padding-top: 15px;
height: 125px;
}
#sub header {
position: fixed;
top: 0px;
z-index: 100;
width: 100%;
display: block;
}
#sub main {
padding-top: 125px;
}
/*ロゴ*/
header .logo {
width: 13%;
display: block;
margin-left: auto;
margin-right: auto;
}
header .logo img {
width: 100%;
height: auto;
}

/*ナビ*/
header .gnavi {
width:100%;
}
header .gnavi ul {
padding-top: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
header .gnavi ul li:after {
content: ".";
display: block;
visibility: hidden;
line-height: 0;
width: 100%;
height: 0;
clear: both;
}
header .gnavi ul li {
padding-bottom: 5px;
}
header .gnavi ul li p {
font-weight: bold;
}
header .gnavi ul li a {
text-decoration: none;
color: #00406f;
text-align: center;
}
header .gnavi ul li:hover {
color: #11578D;
background-color: #E0EAF2;
}

/*--------------------------
GOTOP
---------------------------*/
.gotop {
width: 60px;
position: fixed;
bottom: 50px;
right: 20px;
text-align: center;
padding-top: 10px;
background-color: #B0B0B0;
padding-bottom: 10px;
color: #FFFFFF;
}

/*--------------------------
フッター
---------------------------*/
footer {
padding-bottom: 60px;
background-color: #00406F;
padding-top: 30px;
}
footer nav ul {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
margin-bottom: 30px;
float: right;
padding-right: 30px;
}
footer nav ul li {
padding-left: 10px;
padding-right: 10px;
}
footer nav ul li a {
color: #FFFFFF;
text-decoration: none;
font-size: small;
}
footer nav ul li a:hover {
text-decoration: underline;
}
footer .copyright {
text-align: center;
font-size: small;
color: #FFFFFF;
padding-left: 20px;
}

/*--------------------------
メインコンテンツ
---------------------------*/
h2 {
font-size: xx-large;
margin-bottom: 70px;
text-align: center;
color: #00406f;
}
h3 {
text-align: center;
margin-bottom: 50px;
}
h3 span {
font-size: large;
color: #FDFDFD;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5%;
padding-right: 5%;
background-color: #00406f;
display: inline-block;
}
h4 {
font-size: large;
margin-bottom: 50px;
text-align: center;
color: #5E5E5E;
max-width: 800px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
display: block;
}
h4 .sub {
font-size: small;
display: block;
padding-top: 10px;
}
.tag {
border: 1px solid #231815;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 3px;
padding-right: 3px;
font-size: small;
}
/*--------------------------
slickスライダー設定
---------------------------*/

ul.dot-class {
position: absolute;
right: 20px;
bottom: 5px;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
ul.dot-class li {
margin-left: 5px;
margin-right: 5px;
}
ul.dot-class li button {
text-indent: -9999px;
border: 2px solid #FFFFFF;
display: inline-block;
width: 40px;
height: 10px;
border-radius: 0;
background-color: transparent;
}
ul.dot-class li.slick-active button {
background-color: #FFFFFF;
}
/*スライダー*/
#top .slide1 {
height: 400px;
background-image: url(images/top/top02.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
#top .slide1 div {
height: 400px;
display: flex; /* 子要素をflexboxで揃える */
justify-content: center; /* 子要素をflexboxにより中央に配置する */
align-items: center;  /* 子要素をflexboxにより中央に配置する */
color: #FFFFFF;
}
#top .slide1 div p {
font-size: 100px;
text-align: center;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#top .slide1 div p span {
font-size: medium;
}
#top h1 {
text-align: center;
}

/*--------------------------
コンセプト
---------------------------*/
#concept {
padding-top: 70px;
background-color: #f7f7f7;
}
#concept .contents {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#concept .contents .text {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 5%;
padding-right: 5%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
#concept .contents .text p {
margin-bottom: 20px;
}
#concept .contents .text p.title {
color: #00406f;
font-weight: bold;
}
#concept .contents .btn {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 80px;
max-width: 300px;
}
#concept .contents .btn a {
padding-top: 10px;
padding-bottom: 10px;
display: block;
text-decoration: none;
color: #FFFFFF;
background-color: #00406f;
text-align: center;
width: 100%;
}
#concept .contents .btn a:hover {
background-color: #21557C;
}


/*--------------------------
業務内容
---------------------------*/
#work {
background-color: #eeeeef;
}
.mainvisual {
width: 100%;
padding-top: 50px;
padding-bottom: 150px;
margin-bottom: 50px;
background-size: cover;
}
.mainvisual p {
font-size: x-large;
text-align: center;
line-height: 2em;
font-weight: bold;
color: #00406f;
}

/*--------------------------
会社概要
---------------------------*/
section#company{
background-color: #f7f7f7;
}
section#company iframe {
margin-bottom: 0px;
vertical-align: bottom;
}
section#company .table {
width: 96%;
margin-left: auto;
margin-right: auto;
max-width: 800px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top: 1px solid #C2C2D3;
border-left: 1px solid #C2C2D3;
margin-bottom: 50px;
}
section#company .table .tr {
border-right: 1px solid #C2C2D3;
border-bottom: 1px solid #C2C2D3;
}
section#company .table .tr .th{
justify-content: center;
align-items: center;
display: flex;
border-right: 1px solid #C2C2D3;
}
section#company .table .tr .th {
width: 30%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
background-color: #7b7b7b;
color: #FFFFFF;
}
section#company .table .tr .td {
width: 70%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
background-color: #FFFFFF;
}
section#company .table .tr .td ul {
}
section#company .table .tr .td ul li {
}
section#company .table .tr .td a {
color: #000000;
}