@charset "utf-8";

/*---------------------------------------------

modal

---------------------------------------------*/

* {
margin: 0;
padding: 0;
font-size: 100%;
}

/*---------------------------------------------
pc 1024px-
---------------------------------------------*/
.popupModal { letter-spacing:normal; }
.popupModal > input { display: none; position:relative; }
.popupModal > input:nth-child(1) + label { line-height:1; cursor: pointer; padding: 0; }
.popupModal > input:nth-child(1) + label i { font-size:93%; padding-right:2px; color:#666; }
.modalPopup_window { display: none; }
.modalPopup_cont { overflow-y:scroll; padding:0; }

/*--- close ---*/
.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label:hover { cursor:pointer; }

.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
color: #333;
display: inline-block;
display: block;
height: 56px;
line-height: 22px;
letter-spacing: normal;
padding: 5px;
position: fixed;
right:10px;
top: 42px;
text-align: center;
text-decoration: none;
vertical-align:bottom;
width:56px;
z-index:300003;
}

/* ラジオ１ チェックでポップアップ表示 */
.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup_window {
display: block;
position: fixed;
width: 100%;
height: 100%;
border-radius: 0;
left: 0;
top: 0;
overflow: hidden;
z-index:300002;
}

.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup_window > div {
color:#1a1a1a;
-webkit-overflow-scrolling:touch;
display: inline-block;
width: 100%;
height: 100%;
}

.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup_window > div.modalPopup_cont {
padding:0;
position:relative;
border-radius:0;
background-color:#fff;
font-size:100%;
text-align:center;
}

.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup_window div.modalMain {
padding:0;
}

.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup_window > div > iframe {
width: 100%;
height:100%;
border:none;
display:block;
}

/* ポップアップの中の要素 */
.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup_window > div > img {
max-width: 100%;
}

/*---------------------------------------------------------------
sp_fNav
---------------------------------------------------------------*/
#sp_fNav { font-size:16px; }
#sp_fNav #sp_fNav_cont { border-top:1px solid #ccc; padding:20px 0 0; }

/*---- func ---*/
#sp_fNav #sp_fNav_cont .func { background-color:#fff; padding:0; }
#sp_fNav #sp_fNav_cont .func > h3 {
background-color: #333;
position: relative;
font-size: 100%;
text-align: left;
color: #fff;
display: block;
font-weight: 600;
line-height: 1;
padding:5%;
}

#sp_fNav #sp_fNav_cont dl { margin-top:20px; }
#sp_fNav #sp_fNav_cont dl:first-child { margin-top:0; }
#sp_fNav #sp_fNav_cont dl dt {
background-color:#000;
color:#fff;
font-size:93%;
font-weight:600;
padding:10px 15px;
text-align:left;
}
#sp_fNav #sp_fNav_cont dl dd {}
#sp_fNav #sp_fNav_cont dl dd ul { letter-spacing:-.40em; text-align:center; padding:0; }
#sp_fNav #sp_fNav_cont dl dd ul li {
border-bottom:1px solid #ccc;
text-align:center;
letter-spacing:normal;
margin:0;
vertical-align:middle;
width:100%;
}
#sp_fNav #sp_fNav_cont dl dd ul li:first-child { margin-top:0; }
#sp_fNav #sp_fNav_cont dl dd ul li a {
background-image: url("../../images/common/i_ar_gray.png");
background-position: 98% center;
background-repeat: no-repeat;
background-size:9px 14px;
color:#333;
display:block;
font-size:85%;
padding:15px;
text-decoration:none;
border-radius:0;
text-align:left;
margin:0 auto;
width:100%;
}
#sp_fNav #sp_fNav_cont dl dd ul lia:hover { text-decoration:none; }


/*---- new_function ---*/
#sp_fNav #sp_fNav_cont .new_function { margin-top:20px; }
#sp_fNav #sp_fNav_cont .new_function ul { border-top:1px solid #ccc; text-align:left; }
#sp_fNav #sp_fNav_cont .new_function ul li { text-align:left; }
#sp_fNav #sp_fNav_cont .new_function ul li a {
background-image:url(../images/sp/i_ar.png);
background-position: 98% center;
background-repeat: no-repeat;
background-size: 6px 10px;
border-bottom:1px solid #ccc;
color:#333;
display:block;
font-size:88%;
font-weight:400;
padding:30px 10px;
text-decoration:none;
text-align:left;
margin:0 auto;
width:100%;
}



#sp_fNav #sp_fNav_cont .reason dl dd.singleLink { margin-top:20px; }
#sp_fNav #sp_fNav_cont .reason dl dd.singleLink a {
background-image:url(../images/sp/i_ar.png);
background-position: 98% center;
background-repeat: no-repeat;
background-size: 6px 10px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
color:#333;
display:block;
font-size:88%;
font-weight:400;
padding:20px 10px;
text-decoration:none;
text-align:left;
margin:0 auto;
width:100%;
}


/* ラジオ１ 以外のラベルを初期は非表示 */
.popupModal > input:nth-child(1) + label ~ label {
display: none;
}
.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label {
display: block;
text-indent: -999999px;
}

/*--- close ---*/
.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label:hover { cursor:pointer; }

.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
background-color: #fff;
border-radius: 2px;
color: #1a1a1a;
display: block;
height: 50px;
line-height: 1.2;
letter-spacing: normal;
display:flex;
justify-content:center;
position: fixed;
right:10px;
top: 10px;
text-align: center;
text-decoration: none;
vertical-align:bottom;
width:50px;
z-index:300003;
font-size:100%;
vertical-align:middle;
padding:0;
}

.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label:hover { cursor:pointer; }

.modalPopup_window {
animation: fadeIn 1s ease 0s 1 normal;
-webkit-animation: fadeIn 1s ease 0s 1 normal;
padding-bottom:0;
}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

input::before,
input+label::before,
input::after,
input label::after,
label::before,
input::before {}

/*--- modal_title ---*/
.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup_window .modal_title {
letter-spacing:-.40em;
overflow:hidden;
height:auto;
padding: 15px 80px 15px 15px;
text-align:left;
}

.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup_window .modalMain h1 {
background: transparent;
color: #fff;
font-size: 10px;
margin: 0 auto;
padding:0;
text-align: center;
width: 100%;
}
.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup_window .modalMain h1 a {
border:none !important;
padding:0 !important;
}
.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup_window .modalMain h1 a img {
margin:0;
max-width: 95px;
height: auto;
}

.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup_window .modal_title .logo {
float: none;
align-items:center;
justify-content:flex-start;
display:flex;
margin:0;
padding:0;
width:100%;
position:relative;
text-align:left;
vertical-align:middle;
font-size:100%; 
line-height: 1;
}

.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup_window .modal_title .logo > span:first-child { position:relative; max-width:40px; text-align:left; vertical-align:middle; }
.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup_window .modal_title .logo span:first-child img { display:inline-block; letter-spacing:normal; max-width:40px; }

.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup_window .modal_title .txt { display:block; vertical-align:bottom; padding-left: 13px; }


.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup_window .modal_title div h2#logo { line-height:1; padding-left:0; }
.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup_window .modal_title div h2#logo a { display:block; margin-top:4px; line-height:1; }
.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup_window .modal_title div h2#logo a img { width:123px; height:auto; }
.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup_window .modal_title .txt span { font-size: 100%; font-weight:normal; letter-spacing:normal; margin-top:0; line-height:1; padding:0; }

.linkBtn { padding:0 10px 20px; }
.linkBtn ul { border:1px solid #ccc; border-radius:5px; text-align:center; }
.linkBtn ul li { border-radius:0; }
.linkBtn ul li:first-child { border-radius:5px 5px 0 0; }
.linkBtn ul li:last-child { border-radius:0 0 5px 5px; }

.linkBtn ul li a {
background-image: url("../images/sp/i_ar.png");
background-repeat: no-repeat;
background-position:98% center;
background-size:6px 10px;
background-color: #fff;
border-top:1px solid #ccc;
border-radius:0;
color: #1a1a1a;
display: block;
font-size:88%;
font-weight:400;
letter-spacing: normal;
line-height:1.6;
padding: 20px 10px;
text-align: center;
text-decoration: none;
vertical-align:bottom;
}

.linkBtn ul li:first-child a {
border-radius:5px 5px 0 0;
border-top:none;
}
.linkBtn ul li:last-child a {
border-radius:0 0 5px 5px;
}

.linkBtn.group { background-color:#eee; padding:20px 10px 30px; }

.modal-close { display:flex; align-items:center; flex-wrap:wrap; justify-content:center; text-align:center; }
.modal-close i { display:block; font-size:85%; padding:0;  }
.modal-close span { display:block;  padding:0; width:100%; }

/*---------------------------------------------------------------
contents
---------------------------------------------------------------*/
#sp_header { background-color:#1ea2d9; }
#sp_header h1 {
background-color: #0586bb;
padding: 15px;
text-align:left;
width: 100%;
}
#sp_header h1 span {
display: inline-block;
color: #fff;
font-size: 100%;
margin: 0 auto;
padding: 0 10px;
text-align: left;
}

#sp_header #logo { background-color: #f2fafd; padding:20px; text-align:center; }
#sp_header #logo img { height:auto; width:70px; }

#sp_content {}
#sp_content p#home { text-align:left; }
#sp_content p#home a { background-color:#fff; display:block; flex:0 0 100%; font-weight:600; padding:20px; position:relative; text-decoration:none; }
#sp_content p#home a:before {
content:" ";
position:absolute;
right:10px;
top:50%;
margin-top:-4px;
background-image:url(../../img/common/i_ar_blue.png);
background-position:left center;
background-repeat:no-repeat;
background-size:6px 8px;
width:6px;
height:8px;
}

/*
#sp_content dl {}
#sp_content dl dt { display:flex; text-align:left; }
#sp_content dl dt a { color:#fff; display:block; flex:0 0 100%; font-weight:600; padding:20px; position:relative; text-decoration:none; }
#sp_content dl dt a:after {
content:" ";
position:absolute;
right:10px;
top:50%;
margin-top:-4px;
background-image:url(../../img/common/i_ar_blue.png);
background-position:left center;
background-repeat:no-repeat;
background-size:6px 8px;
}
#sp_content dl dd {}
#sp_content dl dd ul {}
#sp_content dl dd ul li { border-top:1px solid #eee; text-align:left; }
#sp_content dl dd ul li a { display:block; padding:20px; position:relative; text-decoration:none; }
#sp_content dl dd ul li a:before {
content:" ";
position:absolute;
right:10px;
top:50%;
margin-top:-4px;
background-image:url(../../img/common/i_ar_blue.png);
background-position:left center;
background-repeat:no-repeat;
background-size:6px 8px;
width:6px;
height:8px;
}

#sp_content dl:first-child {}
#sp_content dl:first-child dt a { background-color:#6699cc; }
#sp_content dl:nth-child(2) {}
#sp_content dl:nth-child(2) dt a { background-color:#6699cc; }
#sp_content dl:nth-child(3) {}
#sp_content dl:nth-child(3) dt a { background-color:#329995; }
#sp_content dl:nth-child(4) {}
#sp_content dl:nth-child(4) dt a { background-color:#bf3593; }
#sp_content dl:nth-child(5) {}
#sp_content dl:nth-child(5) dt a { background-color:#663399; }
#sp_content dl:nth-child(6) dt a { background-color:#1ea2d9; }
#sp_content dl:nth-child(7) dt a { background-color:#1ea2d9; }
*/

#sp_content ul.menu { border-top:1px solid #eee; display:flex; flex-wrap:wrap; justify-content:space-between; padding:15px 0 0 15px; }
#sp_content ul.menu li { flex:0 0 50%; padding:0 15px 15px 0; }

#sp_content ul.menu li a { flex:0 0 100%; }
#sp_content ul.menu li a dl { border:1px solid #eee; border-radius:3px; display:flex; flex-wrap:wrap; justify-content:center; padding:10px; }
#sp_content ul.menu li a dl dt { flex:0 0 100%; }
#sp_content ul.menu li a dl dt img { height:auto; object-fit:cover; object-position:center top; width:100%; }
#sp_content ul.menu li a dl dd { align-items:center; display:flex; flex:0 0 100%; justify-content:space-between; padding:10px 0 0; }
#sp_content ul.menu li a dl dd span { display:block; font-size:93%; text-align:left; }
#sp_content ul.menu li a dl dd i { color:#ccc; font-size:85%; }
#sp_content ul.menu li a:hover { text-decoration:none; }

#sp_content ul.sub_menu { border-top:1px solid #eee; display:flex; flex-wrap:wrap; justify-content:space-between; padding:0; }
#sp_content ul.sub_menu li { border-bottom:1px solid #eee; flex:0 0 100%; padding:0; }
#sp_content ul.sub_menu li a { align-items:center; display:flex; flex:0 0 100%; justify-content:space-between; padding:20px 15px; }
#sp_content ul.sub_menu li a span { display:block; font-size:93%; text-align:left; }
#sp_content ul.sub_menu li a i { color:#ccc; font-size:85%; }
#sp_content ul.sub_menu li a:hover { text-decoration:none; }

#sp_content .sp_conv {}
#sp_content .sp_conv .conv_cont { padding:25px; }
#sp_content .sp_conv .conv_cont > img { width:160px; height:auto; }
#sp_content .sp_conv .conv_cont > dl { margin-top:20px; }
#sp_content .sp_conv .conv_cont dl dt {}
#sp_content .sp_conv .conv_cont dl dt span {}
#sp_content .sp_conv .conv_cont > dl > dd { margin-top:10px; }
#sp_content .sp_conv .conv_cont dl dd .tel {}
#sp_content .sp_conv .conv_cont dl dd .tel img { width:200px; height:auto; }
#sp_content .sp_conv .conv_cont dl dd .info { margin-top:20px; }
#sp_content .sp_conv .conv_cont dl dd .info dl {}
#sp_content .sp_conv .conv_cont dl dd .info dl dt { background-color:#f2fafd; padding:5px 10px; }
#sp_content .sp_conv .conv_cont dl dd .info dl dd { margin-top:10px; }
#sp_content .sp_conv .conv_cont dl dd .info dl dd span { display:inline-block; }
#sp_content .sp_conv .conv_cont dl dd .info dl dd span:nth-child(3) { padding-left:5px; }
#sp_content .sp_conv .conv_cont dl dd .info dl dd span:nth-child(7) { padding-left:5px; }

#sp_content .sp_conv .conv_cont dl dd .info dl dd span:nth-child(5),
#sp_content .sp_conv .conv_cont dl dd .info dl dd span:nth-child(6,)
#sp_content .sp_conv .conv_cont dl dd .info dl dd span:nth-child(7),
#sp_content .sp_conv .conv_cont dl dd .info dl dd span:nth-child(8) { padding-top:5px; }

#information_list { /*border-top:1px solid #ccc;*/ }
#information_list .mail { padding:20px; }
#information_list .mail a {
background-color:#1ea2d9;
border-radius:3px;
padding:15px;
text-decoration:none;
color:#fff;
display:block;
}




#copyright {}
#copyright p { color:#999; font-size:79%; }

/*--------------------------------------------------
tablet 768-1024px
----------------------------------------------------*/
@media screen and (min-width:768px) and ( max-width:1024px) {

.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup_window {
height: 100%;
width:100%;
padding:0;
}

.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
vertical-align:bottom;
display:flex;
justify-content:center;
}

}

/*---------------------------------------------
sp -768px
---------------------------------------------*/
@media screen and (max-width:767px){

input+label { display:block; font-size:100%; }

.serviceList ol.solution li { width:48%; }
.serviceList ol.solution li:nth-child(2),
.serviceList ol.solution li:nth-child(5) { width:48%; }
.serviceList ol.solution li a dl dd { padding:10px 0; }

}

/*---------------------------------------------
sp -480px
---------------------------------------------*/
@media screen and (max-width:480px){
.popupModal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
right:10px;
top: 10px;
}
}