@charset "UTF-8";
/* CSS Document */

/*iPad*/
@media (max-width: 780px) {}
/*sp*/
@media (max-width: 414px) {}

/*ブルー角丸タイトル*/
h2.content-title{
width: 100%;
max-width: 900px;
margin: 2em auto;
background: #544EBD;
font-size: 1.8rem;
color: #fff;
text-align: center;
border-radius: 50px;
vertical-align: middle;
text-align: center;
padding: 0.3rem;
box-sizing: border-box;
}

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

会社概要

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

/*  
ページタイトル
*/

/*背景が紫　湾曲*/
.contents_wrap.bg_cosmo_blue_outline{
background: url(../img/parts/bg_cosmo.jpg)center 1% no-repeat;
transition: all .3s;
width: 100%;
text-align: center;
font-size: 2.3rem;
color: #fff;
height: 150px;
}
.bg_cosmo_blue_outline h2{
text-align: center;
font-size: 2.3rem;
color: #fff;
height: 150px;
line-height: 150px;
vertical-align: middle;
}
.main_text{
margin: -3em auto 1em;
text-align: left;
background: #fff;
border-radius: 2em;
border: 1px solid #fff;
padding: 3em 6em;
}
/*ユーザー登録*/
.main_text.regi_text{
padding: 3em 19em;
line-height: 2.2;
}

/*iPad*/
@media (max-width: 780px) {
.main_text{
padding: 3em;
}
/*ユーザー登録*/
.main_text.regi_text{
padding: 3em;
}
}
/*概要テーブル*/
.content-block{
width: 100%;
max-width:800px;
margin:auto;	
}
.outline-table {
width: 100%;
}
.outline-table th {
border-bottom: 2px solid #9A9A9A;
text-align: right;
padding: 5px 10px 5px 10px;
width: 20%;
}
.outline-table th:first-child {
border-top: 2px solid #9A9A9A;
}
.outline-table td {
border-bottom: 1px solid #9A9A9A;
text-align: left;
padding: 5px 10px 5px 10px;
width: 80%;
}
.outline-table td:nth-of-type(1) {
border-top: 1px solid #9A9A9A;
}
.outline-table-table td {
border: none !important;
padding: 0px 5px 0px 10px;
}
/*３つの画像*/
.outline-pict-block {
display: flex;
justify-content: space-between;
}
.outline-pict-block li {
padding: 10px
}
.outline-pict-block li a {
display: block;
}
.outline-pict-block li a img {
display: block;
width: 100%;
margin: auto;
}
.pict-click {
font-size: 13px;
color: #ED5AC5;
display: block;
margin-top: 3px;
text-align: center;
vertical-align: top;
}
@media (max-width: 780px) {
.outline-pict-block {
display: flex;
flex-direction: column;
}
}
/*---------------------------------

代理店希望の方

---------------------------------*/
.agent_contents{
width: 100%;
max-width: 800px; 
margin:0 auto; 
}
a.txt-link_pink {
color: #ff818c;
}
.topLine-area {
border-top: 1px solid #9A9A9A;
padding-bottom: 30px;
}
.agency-summary li {
line-height: 1.5
}
.agency-txt {
padding:0 0.5em 3em 0.5em;
line-height: 2.5;
}
.agency-topLine-area {
margin-bottom: 40px
}
.data_link1_wrap {
width: 100%;
max-width: 300px;
margin: 0 auto;
}
.data_link_wrap p img {
width: 100%;
}
.data_link1_wrap { /*リンクボタン*/
margin: 0 auto;
}
.data_link1_wrap .link_1 { /*リンクボタン*/
width: 300px;
height: 30px;
}

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

日本・アジア公式総販売元証明書

---------------------------------*/
.content-title_3 {
border-bottom: 4px solid #544EBD;
font-size:1.4rem ;
margin-bottom: 4rem;
height: 90px;
max-width: 900px;
margin: 0 auto 7rem;
}
.content-title_3:before {
content:url("../img/common/icon-ttl-den.png");
display: inline-block;
vertical-align: middle;
-webkit-transform: scale(0.6);
transform: scale(0.6);
}

/*sp*/
@media (max-width: 414px) {
.content-title_3 {
border-bottom: 4px solid #544EBD;
font-size:1.6rem ;
margin-bottom: 2em;
height: auto;
padding:0.5em;
box-sizing: border-box;
}
.content-title_3:before {
content:'◎';
color:#544EBD;
font-size:4rem;
}
}

.license-table-l {
background: #FEDBD7;
border-bottom: 1px solid #fff;
}
.license-table-r {
background-color: #D4D3F5;
border-bottom: 1px solid #fff;
}
.license-table-sup{
text-align: right;
}
.license-table-l,.license-table-r{
padding: 5px 10px;
line-height: 2.5;
white-space: nowrap;
}
.license-block {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content:space-around;
}
.licenseimg2_block {
margin: 0.5em auto;
max-width: 800px;
text-align: center;
display: flex;
justify-content: space-between;
}
.license_img2 {
padding: 10px
}
.license_img2 img {
display: block;
margin: auto;
width: 60%;
border: 2px solid #fdfdfd;
border: 2px solid #ddd;
}
.license_img2 figcaption {
font-size: 1.3rem;
line-height: 1;
text-align: center;
margin-top: 10px;
}
@media (max-width: 780px) {
.license-block {
flex-direction:column;
justify-content:center;
}
.license-table{
width: 100%;
}
.license-table-l,.license-table-r{
white-space:normal
}
.license_img2 img {
width: 100%;
}
}

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

FAQ

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

/*tab部分
https://web.monogusa-note.com/flexible-tabs-only-css
*/
.tab-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 3em;
}
.tab-label {
color: White;
background: LightGray;
margin-right: 1px;
padding: 3px 12px;
order: -1;
box-sizing: border-box;
}
@media (max-width: 900px) {
.tab-label {
width:33%;
margin-bottom:0.5em;
}
}
@media (max-width: 780px) {
.tab-label {
width:49%;
}
}
@media (max-width: 414px) {
.tab-label {
width:100%;
}
}
.tab-label.last_tab{
margin-right: 0;
}
.tab-content {
width: 100%;
display: none;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
background:#544EBD;
}
.tab-switch:checked+.tab-label+.tab-content {
display: block;
}
/* ラジオボタン非表示 */
.tab-switch {
display: none;
}

/*アコーディオン部分
https://webdesignday.jp/inspiration/technique/css/5316/
*/
.acd-check{
display: none;
}
.acd-label{
background: #E2EBFF;
display: block;
margin-bottom: 1px;
padding: 10px 65px 10px 15px;
position: relative;
min-height: 40px;
border-top-left-radius: 10px 10px;
line-height:1.8;
  color:#444091
}
.acd-label:after{
background: #544EBD;
box-sizing: border-box;
content: '+';
display: block;
height: 52px;
padding: 0 20px;
line-height: 3.2;
position: absolute;
right: 0;
top: 0px;
font-size: 120%;
vertical-align: middle;
font-weight: 700;
color: #fff;
}
.acd-content{
display: block;
height: 0;
opacity: 0;
padding: 0 10px;
transition: .5s;
visibility: hidden;
line-height:2
}

.acd-check:checked + .acd-label:after{
content: '-';
padding: 0 23px;
}
.acd-check:checked + .acd-label + .acd-content{
height: auto;
opacity: 1;
padding: 15px;
visibility: visible;
}

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

テクノAOプレス掲載

---------------------------------*/
.press_press_wrap{
border-bottom:1px solid #9A9A9A;
padding:1.5em 0.5em;
line-height:2;
}
.press_press_wrap a{
color:#ED5AC5;
}





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

商品ユーザー登録
/regi_form1/

---------------------------------*/
.main_wrap .regi_wrap{
width:100%;
max-width:90vw;
margin:0 auto;
}
.main_wrap .regi_wrap .regi_main_img{
width: 100%;
max-width: 500px;
margin: 0 auto;
}
.main_wrap .regi_wrap .regi_main_img img{
width: 100%;
}
.contents_wrap .regi_wrap h2 {
width: 100%;
max-width: 900px;
margin: 2em auto;
background: #544EBD;
font-size: 1.8rem;
color: #fff;
text-align: center;
border-radius: 50px;
vertical-align: middle;
text-align: center;
padding: 0 0.5rem;
box-sizing: border-box;
}
.contents_wrap .regi_wrap h3{
width: 100%;
max-width: 830px;
margin: 2em auto 1em ;
font-size: 1.6rem;
color:#544EBD;
padding: 0.5em;
border-left:3px solid #544EBD;
border-bottom:1px dotted #544EBD;
line-height: 2;
}
.contents_wrap .regi_wrap p{
line-height: 2;
}
.contents_wrap .regi_wrap p , .contents_wrap .regi_wrap table{
width: 100%;
max-width: 800px;
margin: 0 auto;	
}
.contents_wrap .regi_wrap table td{
padding:0.5em;
}
.contents_wrap .regi_wrap table td.regi_td_plus{
text-align: center;
}
.regi_td_user{
background:#bfd5ea;
width:25%;
max-width:80px;
text-align: center;
}
.regi_td_product{
background:#bce9d2;
width:25%;
max-width:80px;
text-align: center;
}
.text_b{
padding-top:2em;
font-weight: 700;
}
.link_1.regi_btn {
max-width: 382px;
width: 100%;
height: 40px;
font-size: 1.2rem;
line-height: 40px;
text-decoration: none;
font-weight: 700;
border: 1px solid #ED5AC5;
border-radius: 0 20px 20px 20px;
text-align: center;
vertical-align: middle;
transition: .5s;
color: #333 !important;
background: #fff;
box-sizing: border-box;
margin: 3em auto;
}
.link_1.regi_btn a:hover{
color: #fff !important;
background: #ED5AC5;
}
table.regi_table td{
/*background: #f0f2f4;*/
background: #fff;
line-height: 2;
}
.regi_table--confirm{
  background-color: #e2e4e6!important;
}
table.regi_table th{
line-height: 2;
text-align: left;
}
.contents_wrap .regi_wrap p.regi_form_text{
margin:2em auto 0.5em;	
}

/*sp*/
@media (max-width: 414px) {
table.regi_table td{
display: block;
width: 100%;
}
}

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

代理店ご希望
/agency/

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

.main_wrap .agency_wrap{
width:100%;
max-width:90vw;
margin:0 auto;
}
.contents_wrap .agency_wrap h2 {
width: 100%;
max-width: 900px;
margin: 2em auto;
background: #544EBD;
font-size: 1.8rem;
color: #fff;
text-align: center;
border-radius: 50px;
vertical-align: middle;
text-align: center;
padding: 0 0.5rem;
box-sizing: border-box;
}
.contents_wrap .agency_wrap h3{
width: 100%;
max-width: 830px;
margin: 2em auto 1em;
font-size: 1.6rem;
padding: 0.5rem;
border-left: 6px solid #544EBD;
padding-right: 2em;
color: #544EBD;
line-height: 1.5;
font-weight: 700;
}
.contents_wrap .agency_wrap .agency_subtitle{
font-size:1.8rem;
font-weight:700;
text-shadow: 1px 1px 2px #544EBD;
color:#544EBD;
}
.contents_wrap .agency_wrap .agency_subtxt{
color: #544EBD;
}
.contents_wrap .agency_list{
border:1px solid #333;
padding:1em;
box-sizing: border-box;
width:100%;
max-width:650px;
margin:3em auto 0;
}
.contents_wrap .agency_list ol{
margin-left:2em;
}
.contents_wrap .agency_list li{
list-style-type: disc;
line-height: 2;
}

.contents_wrap .agency_wrap p{
line-height: 2;
}
.contents_wrap .agency_wrap p , .contents_wrap .agency_wrap table{
width: 100%;
max-width: 800px;
margin: 0 auto;	
}
.contents_wrap .agency_wrap table td{
padding:0.5em;
}
.contents_wrap .agency_wrap table td.agency_td_plus{
text-align: center;
}
.agency_td_user{
background:#bfd5ea;
width:25%;
max-width:80px;
text-align: center;
}
.agency_td_product{
background:#bce9d2;
width:25%;
max-width:80px;
text-align: center;
}
.text_b{
padding-top:2em;
font-weight: 700;
}
.link_1.agency_btn {
max-width: 382px;
width: 100%;
height: 40px;
font-size: 1.2rem;
line-height: 40px;
text-decoration: none;
font-weight: 700;
border: 1px solid #ED5AC5;
border-radius: 0 20px 20px 20px;
text-align: center;
vertical-align: middle;
transition: .5s;
color: #333 !important;
background: #fff;
box-sizing: border-box;
margin: 3em auto;
}
.link_1.agency_btn a:hover{
color: #fff !important;
background: #ED5AC5;
}
table.agency_table td{
/*background: #f0f2f4;*/
background: #fff;
line-height: 2;
}
table.agency_table th{
line-height: 2;
text-align: left;
}
.contents_wrap .agency_wrap p.agency_form_text{
margin:2em auto 0.5em;	
}

/*sp*/
@media (max-width: 414px) {
table.agency_table td{
display: block;
width: 100%;
}
}

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

メルマガ
/magazine/

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

.magazine_wrap .main_text_2 {
line-height: 2.5 !important;
text-align: center;
}
.magazine_wrap .main_text_ttl {
font-size: 21px;
color: #544ebd;
}
.magazine_wrap .txt_pink{
color:#ed5ac5
}
.magazine_contents_wrap .mail_form-outer{

}
.magazine_contents_wrap .mail_form-outer td{
line-height: 2;
border-bottom: 1px solid #ccc;
padding-bottom: 1em !important;
padding-top: 1em !important;
}
.magazine_contents_wrap .mail_form-outer td span {
display: block;
font-size: 85%;
color: #3377ff;
}
.magazine_contents_wrap .mail_form-outer table{
width:100%;
max-width:600px;
margin:1em auto !important;
}
.magazine_contents_wrap form#mail_form input[type="text"]{
max-width:500px !important;
width:100%;
}
.magazine_contents_wrap form#mail_form input[type="submit"] {
padding: 7px 50px;
border: none;
border-radius: 5px;
background: #544ebd;
font-size: 100%;
color: #fff;
font-family: inherit;
-webkit-appearance: none;
}
.magazine_contents_wrap form#mail_form input[type="reset"] {
padding: 7px 50px;
border: none;
border-radius: 5px;
background: #7287FD;
font-size: 100%;
color: #fff;
font-family: inherit;
-webkit-appearance: none;
}
.magazine_contents_wrap form#mail_form input#form_submit_button {
margin-left: 0;
}
.magazine_contents_wrap form#mail_form input[type="submit"]:hover , form#mail_form input[type="reset"]:hover {
opacity: 0.8;
}
.magazine_contents_wrap #form_submit{
display:flex;
justify-content: space-around;
}
.magazine_contents_wrap form#mail_form p#form_submit {
width: 100%;
max-width: 300px;
margin: 0 auto;
padding: 15px 0;
border-top: none; 
}
/*sp*/
@media (max-width: 414px) {
.magazine_contents_wrap .mail_form-outer table td{
display: block;
width:100%;
padding: 0.5em !important;
box-sizing: border-box !important;
border-bottom:none;
}
}

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

日本・アジア公式総販売元証明書
about_license.php

---------------------------------*/
/*sp*/
@media (max-width: 414px) {
.license_wrap{
padding:0 0.5em !important;
box-sizing: border-box !important;
}
}

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

テクノAOプレス掲載
press_press.php

---------------------------------*/
/*sp*/
@media (max-width: 414px) {
.press_press_wrap_sp{
padding:0 0.5em !important;
box-sizing: border-box !important;
}
}

.press_container{
  margin: 100px auto!important;
}
@media (max-width: 414px) {
.press_container{
  margin: 50px auto!important;
}
}
/*---------------------------------

faq移動

---------------------------------*/
.faq_container{
margin-bottom: 80px;
}
@media (max-width: 414px) {
  .faq_container{
margin-bottom: 50px;
}
}

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

個人情報保護方針

---------------------------------*/
#privacyPolicy .main_text {
line-height: 2
}

#privacyPolicy .ttl {
border-left:8px solid #544ebd;
padding-left: 1em;
margin:3em 0 1em;
line-height: 1.5
}
#privacyPolicy .txt {
line-height: 1.8
}