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

/*メイン画像と文字*/
.icon_wrap h2 {
width: 100%;
max-width: 462px;
margin: 2em auto 0 auto;
color: #fff;
font-size: 2rem;
}
.icon_btn_wrap {
width: 100%;
max-width: 400px;
margin: 0 auto;
color: #fff;
}
.icon_img_wrap {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1080px;
margin: 0 auto;
}
.icon_mainimg img {
width: 100%;
}
.icon_wrap .icon_btn {
margin: auto;
text-align: center;
padding-top: 3em;
font-size: 2rem;
padding-bottom: 7rem;
}
.icon_wrap img {
width: 100%;
margin: auto;
}




/*背景が紫　湾曲*/
.contents_wrap.bg_cosmo_blue_about {
background-image: url("../img/parts/bg_cosmo.jpg");
margin-bottom: 10%;
}
/*sp*/
@media (max-width: 414px) {
.contents_wrap.bg_cosmo_blue_about {
margin-bottom: 0;
}
}
.contents_wrap.bg_cosmo_blue_rinsyo {
	background-image: url("../img/parts/bg_cosmo.jpg");
	margin-bottom: 0;
	}
.bg_cosmo_blue_about_before {
background-image: url("../img/parts/bg_cosmo.jpg");
background-position: 100%;
background-repeat: no-repeat;
transition: all .3s;
min-height: 50px;
width: 100%;
}
.bg_cosmo_blue_about_after {
background-image: url("../img/parts/bg_cosmo.jpg");
background-position: 100%;
background-repeat: no-repeat;
transition: all .3s;
min-height: 50px;
width: 100%;
}
@media screen and (max-width: 3000px) {
.bg_cosmo_blue_about_before {
overflow: hidden;
min-height: 100px;
border-bottom-right-radius: 2000px 300px;
border-bottom-left-radius: 2000px 300px;
margin-left: -200px;
margin-right: -200px;
margin-top: -100px;
padding-left: 200px;
padding-right: 200px;
background-color: #fff;
background-image: none;
}
.bg_cosmo_blue_about_after {
overflow: hidden;
min-height: 100px;
border-top-right-radius: 4000px 1000px;
border-top-left-radius: 4000px 1000px;
margin-left: -200px;
margin-right: -200px;
padding-left: 200px;
padding-right: 200px;
background-color: #fff;
background-image: none;
}
}
@media (max-width: 414px) {
.bg_cosmo_blue_about_contents {
height: 19em;
}
}
/*背景がブルー　湾曲*/
.contents_wrap.bg_cosmo_blue {
margin-bottom: 3%;
}
/*コンテンツここから*/
.contents_wrap .ewaves_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;
}
/*sp*/
@media (max-width: 414px) {
.contents_wrap .ewaves_wrap h2 {
border-radius: 25px;
padding: 1rem 0.8rem;
box-sizing: border-box;
font-size: 1.6rem;
}
}
.contents_wrap .ewaves_wrap .ewaves_faqboy {
border-bottom: 1px solid #9A9A9A;
padding-bottom: 0.5em;
box-sizing: border-box;
margin: 0.5em auto;
color: #544EBD;
width: 100%;
max-width: 800px;
font-size: 1.6rem;
}
.contents_wrap .ewaves_wrap .ewaves_faqboy img {
max-width: 40px;
padding-right: 1em;
box-sizing: border-box;
}
.contents_wrap .ewaves_wrap .ewaves_docter {
padding-bottom: 0.5em;
padding-left: 2em;
box-sizing: border-box;
margin: 0.5em auto;
color: #333333;
width: 100%;
max-width: 800px;
line-height: 1.8;
}
.contents_wrap .ewaves_wrap .ewaves_docter img {
max-width: 40px;
padding-right: 1em;
box-sizing: border-box;
}
.contents_wrap .ewaves_wrap .ewaves_img {
margin: 0.5em auto;
width: 100%;
max-width: 800px;
text-align: center;
}
.contents_wrap .ewaves_wrap .ewaves_img img {
width: 100%;
}
.contents_wrap .ewaves_wrap .ewaves_img.col2 {
display: flex;
justify-content: space-between;
}
.contents_wrap .ewaves_wrap .ewaves_img.col2 img {
width: 100%;
max-width: 380px;
}
.contents_wrap .ewaves_wrap .ewaves_img.col2 div {
display: block;
}
.contents_wrap .ewaves_wrap .ewaves_img.col1 img {
width: 100%;
max-width: 700px;
}
.contents_wrap .ewaves_wrap .ewaves_img.col1 div {
display: block;
}
/*メインビジュアルの下たっくんと博士*/
.main_text_wrap {
display: flex;
justify-content: space-around;
border-radius: 20px;
padding: 2em;
width: 100%;
max-width: 800px;
color: #333333;
margin: auto;
box-sizing: border-box;
border: 1px dotted #333333;
}
/*sp*/
@media (max-width: 414px) {
.main_text_wrap {
/*position: relative;
top: -3em;*/
}
}
.main_text_text {
color: #333333;
width: 76%;
max-width: 500px;
}
.main_text_faqboy, .main_text_docter {
width: 12%;
max-width: 150px;
margin: auto;
text-align: center;
}
.main_text_faqboy img, .main_text_docter img {
width: 100%;
max-width: 40px;
margin: auto;
text-align: center;
}
/*テクノAOの原理*/
.principle_wrap {
background: #7287FD;
border-radius: 20px;
padding: 2em;
width: 100%;
max-width: 800px;
color: #fff;
margin: auto;
box-sizing: border-box;
}
.principle_wrap h2 {
text-align: left;
font-size: 2rem;
}
.principle_contents_wrap {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 770px;
margin: auto;
}
.principle_text {
width: 25%;
max-width: 200px;
font-size: 1.4rem;
line-height: 1.8;
}
.principle_img {
width: 75%;
max-width: 540px;
}
.principle_img img {
width: 100%;
max-width: 540px;
margin: auto;
}
/*iPad*/
@media (max-width: 780px) {
.principle_wrap {
border-radius: 10px;
padding: 0.8em;
width: 100%;
max-width: 650px;
color: #fff;
margin: auto;
}
.principle_wrap h2 {
margin-top: 2em;
}
.principle_contents_wrap {
display: block;
max-width: 600px;
margin-bottom: 2em;
}
.principle_text {
width: 100%;
max-width: 600px;
margin: auto;
}
.principle_img {
width: 100%;
max-width: 500px;
margin: auto;
}
}
/*動画*/
.youtube_main_img {
width: 100%;
max-width: 800px;
margin: auto;
text-align: center;
/*position: relative;
top: 6em;*/
}
.youtube_main_img img {
width: 100%;
max-width: 800px;
}
.youtube_title {
width: 100%;
max-width: 800px;
margin: auto;
text-align: center;
color: #544EBD;
font-size: 2.2rem;
padding-top: 3em;
}
.youtube_wrap {
display: flex;
justify-content: space-around;
width: 100%;
max-width: 800px;
margin: auto;
text-align: center;
padding-top: 7em; /*電波坊屋調整*/
}
.youtube_wrap a {
width: 50%;
max-width: 400px;
margin: auto;
text-align: center;
color: #fff;
font-size: 1.2rem;
text-decoration: none;
}
.youtube_wrap a img {
margin: auto;
text-align: center;
}
/*sp*/
@media (max-width: 414px) {
.youtube_wrap {
display: block;
max-width: 400px;
}
.youtube_wrap a {
width: 100%;
max-width: 400px;
}
}
/*臨床データ採番*/
.clinical_data_list_link a {
color: #ED5AC5;
}
.clinical_data_title {
font-size: 1.6rem;
border-bottom: 2px solid #333;
width: 100%;
max-width: 800px;
color: #333;
box-sizing: border-box;
}
.clinical_data_title span {
font-size: 2.4rem;
color: #333;
}
.clinical_data_text {
color: #ED5AC5;
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 800px;
margin: 0 auto;
box-sizing: border-box;
}
.clinical_data_text img {
width: 15%;
margin: 1em;
}
.clinical_data_text p {
width: 85%;
margin: 1em auto 0;
line-height: 1.4;
}
.clinical_data_text p a{
color: #ED5AC5;
text-decoration: none;
}

/*臨床、認定機関一覧*/
.wrap_clinical_data_list {
background: #7287FD;
width: 100%;
font-size: 1.4rem;
padding-bottom: 3em;
}
.clinical_data_list_wrap {
color: #fff;
width: 100%;
max-width: 1080px;
margin: 0 auto;
}
.clinical_data_list {
padding: 1em;
box-sizing: border-box;
}
.clinical_data_list_layout {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 500px;
margin: 0 auto;
}
.clinical_data_list_layout div {
width: 50%;
max-width: 380px;
}
.clinical_data_list_layout p {
width: 100%;
font-size: 1.4rem;
}
.clinical_data_list_layout ol {
width: 100%;
margin-left: 2em;
}
.clinical_data_list_layout li {
list-style: disc;
font-size: 1.4rem;
}
.clinical_data_list_wrap h2 {
width: 100%;
max-width: 900px;
margin: 2em auto;
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;
border: 1px solid #fff;
}
/*sp*/
@media (max-width: 414px) {
.clinical_data_list_wrap h2 {
border-radius: 25px;
padding: 1rem 0.8rem;
box-sizing: border-box;
font-size: 1.6rem;
}
.clinical_data_list_layout {
display: block;
max-width: 500px;
}
.clinical_data_list_layout div {
width: 100%;
max-width: 380px;
margin: 0 auto;
}
}
/*12個の疑問*/
.wrap_12_contants {
width: 100%;
max-width: 800px;
margin: 55px auto;
}
/*製品紹介へのリンク*/
.data_link_wrap {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.data_link_wrap h2 {
box-sizing: border-box;
margin: 2.5em auto 0.5em;
color: #544EBD;
width: 100%;
max-width: 800px;
font-size: 2rem;
text-align: center;
}
.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;
}

.main-date-block {
position: relative
}
.main-date-block img {
display: block;
max-width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -100%);
-webkit-transform: translate(-50%, -100%);
-ms-transform: translate(-50%, -100%);
}

@media only screen and (min-width: 412px) and (max-width: 800px) {
.bg_cosmo_blue_about_contents {
margin: 8.5em auto 0;
height: 16em;
}
.icon_wrap .icon_btn {
padding-top: 5em;
padding-bottom: 7rem;
}
}
/*sp*/
@media (max-width: 414px) {
.icon_wrap .icon_btn {
padding-top: 7.5em;
}
}
.clinical_data_list_link {
max-width: 781px;
margin: auto;
padding-left: 37px;
}


/*

世界の臨床データが効果を実証

---------------------------------*/
.rinsyo_wrap{
line-height:1.5;
}
.rinsyo_title_wrap{
color:#544EBD;
border-bottom:1px solid #000000;
width:100%;
max-width: 900px;
margin:auto;
padding-bottom:0.5em;
box-sizing: border-box;
font-size:2.2rem;
}
.rinsyo_title_wrap span{
color:#333333;
font-size:3.2rem;
font-weight:700;
box-sizing: border-box;
padding-right:1rem;
}
.rinsyo_text_wrap{
color:#333333;
width:100%;
max-width: 900px;
margin:0.5em auto 3em;
display: flex;
}
.rinsyo_text_img{
width:20%;
}
.rinsyo_text{
width:80%;
}
.rinsyo_text_wrap .rinsyo_text_img img{
width:80%;
}
.rinsyo_wrap table{
width:100%;
max-width: 900px;
margin:auto;
}
.rinsyo_table_text_wrap{
width:100%;
max-width: 900px;
margin:0 auto 0.5em;
text-align: left;
}
.rinsyo_wrap table tr{

} 
.rinsyo_wrap table th{
background-color: #EFEFEF;
border-top:1px solid #9A9A9A;
border-bottom:1px solid #9A9A9A;
width:30%;
padding:0.5em;
box-sizing: border-box;
}
.rinsyo_wrap table td{
border-top:1px solid #9A9A9A;
border-bottom:1px solid #9A9A9A;
width:70%;
padding:0.5em;
box-sizing: border-box;
}
.rinsyo_wrap table dl{

}
.rinsyo_wrap table dt{
margin-right:14em;
}
.rinsyo_wrap table dd{
margin-left:14em;
margin-top:-1.8rem;
}

.rinsyo_wrap table dl.rinsyo_12_dt{
min-height: 400px;
}
.rinsyo_wrap table .rinsyo_12_dt dt{
margin-right:14em;
margin-right: -12em;
}

.rinsyo_wrap table .rinsyo_12_dt dd{
margin-left: 22em;
margin-top: -34.8rem;
}

.rinsyo_wrap table img{
width:100%;
max-width: 600px;
margin:auto;
padding:1em;
box-sizing: border-box;
}
/*rinsyo画像サイズ半分*/
.rinsyo_wrap table img.table_img_50par{
width:50%;
max-width: 300px;
margin:auto;
}
@media screen and (max-width: 930px) {
	.rinsyo_wrap table img.table_img_50par{
	width:100%;
	max-width: 400px;
	}
	.rinsyo_wrap table dl.rinsyo_12_dt{
	margin-bottom:1em;
	}
	.rinsyo_wrap table .rinsyo_12_dt dt{
	margin-right:0;
	margin-right: 0;
	}

	.rinsyo_wrap table .rinsyo_12_dt dd{
	margin-left: 0;
	margin-top: 0;
	}
}
/*iPad*/
@media screen and (max-width: 780px) {
	.rinsyo_wrap table dl{
	margin-bottom:1em;
	}
	.rinsyo_wrap table dt{
	margin-right:0;
	font-weight:bold;
	}
	.rinsyo_wrap table dd{
	margin-left:1.4rem;
	margin-top:0;
	}
}
/*sp*/
@media screen and (max-width: 414px) {
.rinsyo_title_wrap{
font-size:2.0rem;
}
.rinsyo_title_wrap span{
font-size:2.4rem;
}

}
.arrow_wrap{
	width:100%;
	max-width: 900px;
	margin:2em auto;
	display: flex;
	justify-content: space-between;
}
.arrow_wrap .arrow_left , .arrow_wrap .arrow_right{
width: 100%;
max-width: 200px;
margin: auto;
padding: 0em 1em;
box-sizing: border-box;
text-align: center;
border: 1px solid #ED5AC5;
vertical-align: middle;
line-height: 2.5;
}
.arrow_wrap .arrow_left{
border-radius: 20px 0 20px 20px;
margin-right: 1em;
}
.arrow_wrap .arrow_right{
border-radius: 0 20px 20px 20px;
}
.arrow_wrap .arrow_left a , .arrow_wrap .arrow_right a{
text-decoration: none;	
}
.arrow_wrap .arrow_left:hover , .arrow_wrap .arrow_right:hover{
background: #7287FD;
font-weight:bold;
color:#fff;
}
.arrow_wrap .arrow_left a:hover , .arrow_wrap .arrow_right a:hover{
color:#fff;
}

/*

テクノＡＯ臨床実験　項目と関係者一覧
（フランスで8年かけて研究される）

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

.rinsyo_member_wrap table{
width:100%;
max-width: 900px;
margin:auto;
line-height: 2;
}
.rinsyo_member_wrap table th{
border-top:1px solid #9A9A9A;
width:15%;
box-sizing: border-box;
vertical-align: middle;
background-color: #e8edf0;
text-align: left;
padding:0.5em;
}
.rinsyo_member_wrap table th.th_wrap{
border-top:1px solid #9A9A9A;
width:15%;
box-sizing: border-box;
vertical-align: middle;
background-color: #fff;
text-align: center;
}

.rinsyo_member_wrap table td.td_wrap1{
width:45%;
}
.rinsyo_member_wrap table td.td_wrap2{
width:40%;
}
.rinsyo_member_wrap table td{
border-top:1px solid #9A9A9A;
padding:0.5em;
box-sizing: border-box;
/*background-color: #e8edf0;*/
}
h2 .sp_only_br{
display: none;
}
.last_th{
border-bottom:1px solid #9A9A9A;
}
.last_td{
border-bottom:1px solid #9A9A9A;
}
/*sp*/
@media screen and (max-width: 414px) {
	.rinsyo_member_wrap table{
	margin-top:3.5em;
	}
	.rinsyo_member_wrap table th , .rinsyo_member_wrap table td{
	display: block;
	width:100%;
	}
	.rinsyo_member_wrap table td.td_wrap1{
	width:100%;
	}
	.rinsyo_member_wrap table td.td_wrap2{
	width:100%;
	}
	.rinsyo_member_wrap table th.th_wrap{
	width:100%;
	border-top:1px solid #9A9A9A;
	padding-top:2em;
	}
/*	.rinsyo_member_wrap table th .pc_only_br{
	display: none;
	}*/
	.rinsyo_member_wrap table th .pc_only_br::after img{
	display: none;
	}
	h2 .sp_only_br{
	display: block;
	}
	.rinsyo_member_wrap table th{
	background-color: #e8edf0;
	text-align: center;
	border-left:1px solid #9A9A9A;
	border-right:1px solid #9A9A9A;
	}
	.rinsyo_member_wrap table td{
	background-color: #fff;
	border-bottom:1px solid #9A9A9A;
	border-right:1px solid #9A9A9A;
	border-left:1px solid #9A9A9A;
	}
}

/*臨床データ一覧*/
.rinsyo_list_wrap{
text-align: left;
width:100%;
max-width: 900px;
margin:1em auto;
}
.rinsyo_list_wrap p{
text-align: left;
margin-left:1em;
line-height:2;
}
.rinsyo_list_wrap p a{
text-decoration: none;
color:#ED5AC5;
}