/* ナビ・フォームの背景色 */
.uk-section-primary{background-color: #002645;}

/* フォーム・個人情報の背景色 */
.uk-background-primary{background-color: #87b2dc; color:#333333; }
.privacy h3{color:#333333; margin-bottom:10px;}
.privacy a{color:#333333; margin:0 4px;}


/* アイキャッチ */
#eye-catch-section {background-color: #87b2dc;}
#eye-catch-section .uk-container{/*width:1000px; */margin:auto; border:0px solid black;}
#eye-catch-section .uk-container .uk-grid{display:flex; flex-wrap:nowrap;}
#eye-catch-section .uk-container .uk-grid .uk-panel{border:0px solid red;}
#eye-catch-section .uk-container .uk-grid .uk-panel h1{font-size:2.2em; font-weight:bold; margin-bottom:10px; /*color:#002645;*/}
#eye-catch-section .uk-container .uk-grid .uk-panel p{font-size:1.26em; margin-bottom:30px;}
#eye-catch-section .uk-container .uk-grid .uk-panel p span{font-weight:bold; /*color:#002645;*/}
#eye-catch-section .uk-container .uk-grid .uk-panel ul li{font-size:1.1em; line-height:160%;}
@media (min-width: 600px) {
#eye-catch-section .uk-container .uk-grid .uk-panel:nth-child(1){
/*background-color: #FFFFFF;*/ padding:20px; border-radius:10px; width:495px; margin:auto 0px auto 70px;}
#eye-catch-section .uk-container .uk-grid .uk-panel:nth-child(2){padding:0;}
}
@media (max-width: 600px) {
    #eye-catch-section .uk-container .uk-grid{display:flex; flex-wrap:wrap;}
    #eye-catch-section .uk-container .uk-grid .uk-panel:nth-child(1){margin:auto;}
    #eye-catch-section .uk-container .uk-grid .uk-panel h1,
    #eye-catch-section .uk-container .uk-grid .uk-panel p{width:100%; text-align:center;}
    #eye-catch-section .uk-container .uk-grid .uk-panel ul{width:100%; text-align:center;}
}

/* サービスの特長 */
#feature{}
#feature img{width:400px; height:auto; object-fit: cover; border-radius:50%; margin-bottom:20px;}
#feature h3{text-align:left; margin-bottom:10px; border-bottom:2px solid #1f8b8d; color:#1f8b8d; font-weight:bold;}
#feature  p{text-align:left; margin-bottom:10px;}
#feature  p span{display:inline-block; font-weight:bold;}

#feature .uk-grid{margin:auto; border-radius:10px;}
#feature .uk-panel div{margin-bottom:30px;}


#feature .pc{display:block;}
#feature .smp{display:none;}
@media (max-width: 600px) {
#feature .pc{display:none;}
#feature .smp{display:block;}
}

/* プラン */
#plan{}
#plan table th,
#plan table td{border:3px solid #FFFFFF; padding:20px;}
#plan table th span{display:block; font-weight:normal;}

#plan table th{font-weight:bold;}
#plan table th:nth-child(1){width:10%;}
#plan table th:nth-child(2),
#plan table th:nth-child(3),
#plan table th:nth-child(4){width:30%;  text-align:center; color:#FFFFFF; font-size:1.2em; padding:10px; border-radius:0 10px 0 0;}

#plan table th:nth-child(2){background-color: #acd286; color:#536f36;}
#plan table td:nth-child(2){background-color: #e9fde3;}

#plan table th:nth-child(3){background-color: #f1d9e6; color:#7c4e5b;}
#plan table td:nth-child(3){background-color: #fdf8fa;}

#plan table th:nth-child(4){background-color: #dfd4be; color:#6d4c0d;}
#plan table td:nth-child(4){background-color: #f9f4eb;}

#plan table td a{font-weight:bold; padding:0 6px; color:#002757;}

#plan table td a.btn{display:block; background-color: #14902f; color:#FFFFFF; padding:4px 20px; border-radius:6px; border:2px solid #14902f; text-align:center; margin:10px; font-weight:bold;}
#plan table td a.btn:hover{background-color: #FFFFFF; color:#14902f;}

#plan table td ul{margin:10px 0;}
#plan table td ul li{text-indent:-1em; padding-left:1em;}
#plan table td ul li:before{
    content:  "";
    width:  4px;
    height:  4px;
    display:  inline-block;
    background-color: #333333;
    border-radius:  50%;
    margin-right:6px;
}
@media (max-width: 600px) {
    #plan table td a.btn{margin:10px 0; padding:4px 10px; }
}


/* 対象製品*/
#product{}
#product table{background-color: #FFFFFF;}
#product table th{background-color: #c6e0f9; font-weight:bold;}
#product table th,
#product table td{border:1px solid #87b2dc; padding:10px;}

#product table td span{display:none;}

#product table td p{margin:0 4px;}
#product table td  .ico_s{display:inline-block; background-color: #5490db; color:#FFFFFF; padding:1px 4px; border-radius:2px; }
#product table td  .ico_p{display:inline-block; background-color: #063269; color:#FFFFFF; padding:1px 4px; border-radius:2px; }
#product table td  .ico_b{display:inline-block; background-color: #579300; color:#FFFFFF; padding:1px 4px; border-radius:2px; }
#product table td .ico_en{display:inline-block; background-color: #0bab9e; color:#FFFFFF; padding:1px 4px; border-radius:2px; }
#product table td .ico_es{display:inline-block; background-color: #8fb3d5; color:#FFFFFF; padding:1px 4px; border-radius:2px; }
#product table td  .ico_u{display:inline-block; color:#333333; font-weight:bold; }

#product table td:nth-child(1),
#product table td:nth-child(2){width:30%;}

@media (max-width: 600px) {
    #product table td p{margin:0 4px 4px 0;}
    #product table td:nth-child(1){width:200px;}
    #product table td:nth-child(2){width:70px; text-align:center;}
}



/* キャンペーン　20210119 add */
@media (min-width: 600px) {
        #campaign .pcbr_none br{display:none;}
        #campaign .spbr_none br{display:block;}
    
        #campaign .uk-container{padding:20px; text-aling:center;}
    
    
        #campaign .uk-card{margin:10px auto auto; width:90%; }
        #campaign .uk-card dl{display:flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; border-bottom:1px solid #aaa;}
        #campaign .uk-card dl dt,#campaign .uk-card dl dd{padding:10px;}
        #campaign .uk-card dl dt{width:200px; display:flex; align-items: center; background: #1f8b8d; color:#FFF; border:1px solid #aaa; border-width:1px 0 0 1px;}
        #campaign .uk-card dl dd{width:calc(100% - 200px - 44px); text-align:left; border:1px solid #aaa; border-width:1px 1px 0 0;}
        #campaign .uk-card dl dd:nth-child(10) ul{font-weight:bold; line-height:160%; margin-top:10px;}
        #campaign .uk-card dl dd:nth-child(10) ul li:before{content:"・";}

        #campaign .uk-card dl dd:nth-child(12) ul{font-weight:bold; line-height:160%; margin-top:20px;}
        #campaign .uk-card dl dd:nth-child(12) ul li:before{content:"・";}

        #campaign .uk-card dl dd:nth-child(12) ul li a{display:flex; justify-content: center; align-items:center; background: #ff9100; color:#FFF; width:300px; border-radius:8px; height:30px; margin:10px auto 40px 20px; border:1px solid #ff9100;}
        #campaign .uk-card dl dd:nth-child(12) ul li a:hover{background: #FFF; color:#ff9100;}
   
        #campaign h3{padding-left:30px; font-size:1.6em;}

        .tool_tip {
          position: relative;
          display: inline-block;
          background-color:#ff9100;
          padding:16px 20px;
          color:#FFF;
          font-weight:bold;
          font-size:0.6em;
          top:-40px;
          border-radius:50%;
          margin-top:10px;
        }
        .tool_tip:before {
          content: "";
          position: absolute;
          bottom: -14px;
          right: 60px;
          margin-top: -15px;
          border: 11px solid transparent;
          border-left: 20px solid #ff9100;
          z-index: 0;
          -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
        }
    }
    @media (max-width: 600px) {
        #campaign .pcbr_none br{display:block;}
        #campaign .spbr_none br{display:none;}
        
        #campaign .uk-container{padding:20px; text-aling:center;}
        
        campaign .uk-card{margin:10px auto auto; width:90%; }
        #campaign .uk-card dl{display:flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; border-bottom:1px solid #aaa;}
        #campaign .uk-card dl dt,#campaign .uk-card dl dd{padding:10px;}
        #campaign .uk-card dl dt{width:100px; display:flex; align-items: center; ext-align:left; background: #1f8b8d; color:#FFF; border:1px solid #aaa; border-width:1px 0 0 1px;}
        #campaign .uk-card dl dd{width:calc(100% - 100px - 44px); text-align:left; border:1px solid #aaa; border-width:1px 1px 0 0;}
        #campaign .uk-card dl dd:nth-child(10) ul{font-weight:bold; line-height:160%; margin-top:10px;}
        #campaign .uk-card dl dd:nth-child(10) ul li:before{content:"・";}

        #campaign .uk-card dl dd:nth-child(12) ul{font-weight:bold; line-height:160%; margin-top:20px;}
        #campaign .uk-card dl dd:nth-child(12) ul li:before{content:"・";}

        #campaign .uk-card dl dd:nth-child(12) ul li a{display:flex; justify-content: center; align-items:center; background: #ff9100; color:#FFF; width:90%; border-radius:8px; height:30px; margin:10px auto 40px auto; border:1px solid #ff9100;}
        #campaign .uk-card dl dd:nth-child(12) ul li a:hover{background: #FFF; color:#ff9100;}
        
        
        #campaign h3{margin-top:30px; margin-bottom:20px; height:30px;}
        
        .tool_tip {
          position: relative;
          display: inline-block;
          background-color:#ff9100;
          padding:16px 20px;
          color:#FFF;
          font-weight:bold;
          font-size:0.6em;
          top:-85px;
          left:30%;
          border-radius:50%;
          margin-top:0px;
        }
        .tool_tip:before {
          content: "";
          position: absolute;
          bottom: -14px;
          right: 60px;
          margin-top: -15px;
          border: 11px solid transparent;
          border-left: 20px solid #ff9100;
          z-index: 0;
          -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
        }
        
    }
#campaign .inquiry_supportplus{margin-top:70px;}
#campaign .inquiry_supportplus p{font-size:1.3em; font-weight:bold;}

#campaign .inquiry_supportplus a{display:flex; justify-content: center; align-items:center; background: #555; color:#FFF; width:300px; border-radius:8px; height:40px; margin:20px auto; border:1px solid #555; font-size:1.2em; font-weight:bold; transition-duration:2.0s;}
#campaign .inquiry_supportplus a:hover{background: linear-gradient(#555, #000); }


/* カスタム */


/* お悩み */

img.nayami {width: 90%!important; border-radius: inherit!important;}

#feature h3.uk-nayami-title {text-align: center; margin-bottom: 20px; background-color: #7d7d7d; color: #ffffff; border-radius: 5px 5px 0 0; border-bottom: none; font-size: 1.3rem; padding: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center;}

.uk-nayami .uk-card-body,
.uk-lineup .uk-card-body {padding: 0;}

img.nayami {margin-bottom: 50px!important;}

.uk-card-nayami {background: #fff; color: #666; box-shadow: 0 5px 15px rgb(0 0 0 / 8%); padding-left: 0; border-radius: 5px;
}
.uk-card-nayami,
.uk-card-lineup {margin-left: 4%;}

.uk-card-nayami ul {padding: 0 20px 30px 20px; color: #525252;}

.uk-nayami .uk-child-width-1-2\@m>*,
.uk-lineup .uk-child-width-1-2\@m>* {width: 44%;}

@media (max-width: 600px) {
	img.nayami {width: 100%!important}
	#feature h3.uk-nayami-title {font-size: 1.2rem; height: 3rem;}
	
	.uk-nayami {padding-bottom: 15px;}
	.uk-nayami .uk-grid {display: block;}
	.uk-nayami .uk-child-width-1-2\@m>* {width: 92%;}
	.uk-panel.uk-card-nayami {margin-bottom: 40px;}
	
}


/* ラインナップ */

#feature h3.uk-lineup-title01,
#feature h3.uk-lineup-title02{text-align: center; margin: 10px 0 10px; border-radius: 5px 5px 0 0; font-weight: normal; border-bottom: none; font-size: 1.4rem; padding: 10px; color: #525252; padding: 20px;} 

#feature h3.uk-lineup-title01 {background-color: #f1d9e6;}
#feature h3.uk-lineup-title02 {background-color: #dfd4bd;}

.uk-lineup-title01 .lineup-01 {color: #7c4e5b;}
.uk-lineup-title02 .lineup-02 {color: #6d4c0d;}

.uk-card-lineup:first-child {background-color: #f1d9e6;}
.uk-card-lineup:nth-child(2) {background-color: #dfd4bd;}

.uk-card-lineup {border: #FFFFFF solid 3px;}

.uk-card-lineup {background: #fff; color: #666; box-shadow: 0 1px 15px rgb(0 0 0 / 10%); padding-left: 0; border-radius: 5px;
}

.uk-card-lineup ul {padding: 0 20px 25px 20px; color: #525252;}

img.lineup {width: 50%!important; margin-bottom: 30px!important;}

.uk-card-lineup hr {border-top: #525252; border-width: 1.5px 0 0 0; border-style: dashed; width: 90%!important; margin: 0 auto; padding-bottom: 25px;}


@media (max-width: 600px) {
.uk-lineup h2 {padding: 0 15px; margin-bottom: 35px!important;}
	
.uk-lineup {padding-bottom: 15px;}

#feature h3.uk-lineup-title01,
#feature h3.uk-lineup-title02 {padding: 20px 5px 20px; font-size: 1.2rem;}
	
.uk-lineup .uk-grid {display: block;}
.uk-lineup .uk-child-width-1-2\@m>* {width: 92%;}
.uk-panel.uk-card-lineup {margin-bottom: 30px;}
	
}


/* 4つの特典 */

.uk-four-tokuten h3 {width: 100%; color: #ffffff!important; background-color: #5596e8; font-size: 1.3rem; border-bottom: none!important; text-align: center!important; padding: 20px; border-radius: 5px 5px 0 0; margin-bottom: 15px!important;}

.uk-four-tokuten .uk-card-body {background-color: #ffffff; box-shadow: 0 1px 15px rgb(0 0 0 / 10%); padding: 0; width: 90%;}

.uk-card-four-tokuten {display: flex; justify-content: center; align-items: center; padding-left: 0; padding-top: 10px;}

.uk-four-tokuten img.lineup {margin: 0 auto;}
.uk-four-tokuten .uk-container {margin-bottom: 40px;}

.uk-four-tokuten h4 {text-align: left; padding-bottom: 10px; font-weight: bold;}

.uk-four-tokuten .pc {display: block!important;}
.uk-four-tokuten .sp {display: none!important;}

.right30 {padding-right: 30px; padding-left: 10px;}
.left30 {padding-right: 10px; padding-left: 30px;}

.uk-four-tokuten {padding-bottom: 30px;}

@media (max-width: 600px) {
	.uk-four-tokuten .pc {display: none!important}
	.uk-four-tokuten .sp {display: block!important}
	.right30, .left30 {padding: 0 15px;}
	.uk-four-tokuten h4 {text-align: center;}
	.uk-four-tokuten .uk-container {margin-bottom: 20px;}
	.uk-four-tokuten {padding-bottom: 15px;}
}

/* サポートプラス Pro を契約 */

.uk-support-plus h3 {text-align: center!important; margin-bottom: 30px!important; background-color: #21bfc6; color: #ffffff!important; border-radius: 5px 5px 0 0; font-weight: normal; border-bottom: none!important; font-size: 1.3rem; padding: 20px; height: 3.5rem; display: flex; justify-content: center; align-items: center;}

.uk-support-plus h4 {text-align: center!important;}

.uk-support-plus .uk-card-body {padding: 0;}

.uk-card-support-plus {background: #fff; color: #666; box-shadow: 0 5px 15px rgb(0 0 0 / 8%); padding-left: 0; border-radius: 5px;
}
.uk-card-support-plus {margin-left: 4%;}

.uk-card-support-plus ul {padding: 0 20px 30px 20px; color: #525252;}

.uk-support-plus .uk-child-width-1-2\@m>* {width: 44%;}

.uk-support-plus h4 {text-align: left; font-weight: bold; padding: 20px 20px 10px;}

.uk-panel.uk-card-support-plus {margin-bottom: 60px;}

.uk-support-plus img {border-radius: 0px!important; height: 190px!important; width: auto!important; margin-bottom: 20px!important;}

.support-plus-last {margin: 0 auto;}

li {text-indent: -1em!important; padding-left: 1em!important;}

.pc_br {display: block;}
.sp_br {display: none;}


@media (max-width: 600px) {
	.uk-support-plus h3 {font-size: 1.3rem;}
	.uk-support-plus h4 {text-align: center;}
	.uk-support-plus .uk-grid {display: block;}
	.uk-support-plus .uk-child-width-1-2\@m>* {width: 92%;}
	.uk-panel.uk-card-support-plus {margin-bottom: 40px;}
	.uk-support-plus img {height: auto!important; margin-bottom: 15px!important}
	.pc_br {display: none;}
	.sp_br {display: block;}
}