@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap');
/*
font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Zen Maru Gothic', sans-serif;
font-family: 'Zen Old Mincho', serif;
*/

html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;}

*,:after,:before{background-repeat:no-repeat;box-sizing: border-box;}
:after,:before{text-decoration:inherit;vertical-align:inherit}
*{padding:0;margin:0;font-family: 'Zen Old Mincho',/*,'Zen Maru Gothic','M PLUS Rounded 1c',"メイリオ", Meiryo, */sans-serif;font-weight: 800;
	-webkit-text-size-adjust: 100%;}
/* @use "sass:math";*/
*{box-sizing:border-box}
*:before,*:after{box-sizing:border-box}
*::-moz-selection{background-color:color(selection)}*::selection{background-color:color(selection)}


html{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:color(tapHighlight)}
body{ background-color:rgba(178,161,161,0.30);}
@media screen and (max-width:640px){ /*SP*/
html.is-nav-active{overflow:hidden}
body{min-width:initial}
}

h1,h2,h3,h4,h5,h6{color:#000000;}
a{text-decoration:none;color:#808075}
input::-ms-clear{display:none}
ol,ul{list-style-position:inside;list-style:none}
img,svg,video{width:100%;height:auto;vertical-align:bottom}
picture img{width:100%;height:auto}table{width:100%;max-width:100%;border-collapse:collapse}table th,table td{word-break:break-all}[aria-hidden="false"]{visibility:visible}[aria-hidden="true"]{display:none;visibility:hidden}[data-js-focus-visible]:focus:not([data-focus-visible-added]){outline:none}


#container{ position: relative;}
header{ width: 100%; text-align: center;}
main{text-align: center;padding: 0; margin: 0;}
.frame{ background-color: rgba(255,255,255,1.00);}
.content{ width: 100%; text-align: center; }
em{font-style:normal;}
a:hover{opacity: 0.7;}
.inner{position:relative;}
.mini{ color:rgba(0,0,0,0.5);font-family:  "メイリオ", Meiryo, sans-serif;  display: block; font-weight:400;}
select{font-family:"メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;}

@media screen and (min-width:641px){ /*PC*/
    body{font-size:16px; width:100%; line-height:27px; letter-spacing: 1px;}
	.mini{line-height:24px;font-size: 12px;}
    #container {min-width:1120px;overflow: hidden;}
	.frame{width:980px;margin:0 auto; padding: 0 ; border: 8px double #000;}
	.inner{width:980px;margin:0px auto; padding:00px;}
	.spOnly{display: none;}
	}
@media screen and (max-width:640px){
	body{font-size:14px; line-height:24px; letter-spacing:0px;}
	.mini{font-size:11px;line-height:18px; }
	#container { width:100%;}
	.frame{width:90%;margin:0 auto; padding: 0 ; border: 5px double #000;}
	.inner{width:90%;margin:0 5%; padding: 0;}
	.pcOnly{display: none;}
}



/*---------------ヘッダー----------------*/
header{ text-align: center;position: relative;}
header .logo{text-align: left;}
header .logo img{ filter: brightness(0); opacity: 0.4;}
header p{display: block;color: rgba(122,106,106,1.00);}
header h1{display: block; color: rgba(122,106,106,1.00);}
	header h1 span{display: block; font-family: 'Dancing Script', cursive; color: rgba(122,106,106,0.3)}
@media screen and (min-width:641px){ /*Pc*/
	header { width: 100%;}
	header .inner{padding: 0 0 50px;}
	header .logo img{width: 160px; margin: 15px auto 10px 0;}
	header h1{font-size: 40px; margin: 40px auto 0px;}
	header h1 span{font-size: 30px; padding: 30px 0 0 ;}
}
@media screen and (max-width:640px){ /*SP*/
	header .inner{padding: 0 0 30px;}
	header .logo img{width: 100px; margin: 10px auto 15px 0;}
	header h1{font-size: 26px; margin:20px auto 0px;}
	header h1 span{font-size: 20px; padding: 10px 0 10px ;}

}


/*---------------qa-----------------*/

section.qa h4{font-family: 'Dancing Script', cursive;color: rgba(0,0,0,0.2);}
section.qa p{display: block; border-bottom: 5px dotted rgba(0,0,0,0.1);}
section.qa .typeindex{display: flex; flex-wrap:wrap;}
section.qa a.start{display: block; color:#fff; background-color: rgba(0,0,0,1.00);letter-spacing: 2px;}
section.qa .ans{ display: flex;justify-content: center;align-content: center; margin: 0px auto 0;}
section.qa .ans a{ display: block; width: 50%; color:#fff;}
section.qa .ans a.yes{background-color: rgba(115,160,108,1.00); }
section.qa .ans a.no{background-color: rgba(171,128,81,1.00);}
section.qa a span{font-size: 70%; opacity: 0.4;}
@media screen and (min-width:641px){ /*PC*/
	section.qa .inner{padding: 80px 0 100px;}
	section.qa .startlead{width: 80%; padding:0 0 40px 0; margin: 0px auto;}
	section.qa .typeindex{width: 80%; padding:0 0 60px 0; margin: 0px auto;}
	section.qa .typeindex img{ width:12.5%;}
	section.qa h4{font-size: 44px; line-height: 44px; margin-bottom: 40px;}
	section.qa p{width: 70%; font-size: 24px;margin:0 auto 50px;padding-bottom: 20px; line-height: 38px;}
	section.qa a.start{font-size:50px; line-height:60px; width: 45%; padding: 20px 0 25px; margin:0 auto;}
	section.qa .ans{width: 50%; }
	section.qa .ans a{font-size:60px; line-height: 60px; display: block; width: 50%; padding: 50px 0 60px; margin:0 20px;}
}
@media screen and (max-width:640px){ /*SP*/
section.qa .inner{padding: 40px 0 50px;}
section.qa .startlead{width: 90%; padding:0 0 20px 0; margin: 0px auto;}
section.qa .typeindex{width: 90%; padding:0 0 30px 0; margin: 0px auto;}
section.qa .typeindex img{ width:25%;}
section.qa h4{font-size: 24px; line-height: 24px; margin-bottom: 20px;}
section.qa p{width: 90%; font-size: 18px;margin:0 auto 25px;padding-bottom: 10px;}
section.qa a.start{font-size:32px; line-height: 35px; width: 80%; padding: 20px 0 25px; margin:10px auto;}
section.qa .ans{width: 100%;}
section.qa .ans a{font-size:40px; line-height: 40px; display: block; width: 50%; padding: 25px 0 30px; margin:0 10px;}
}

.sns ul{display: flex;}
.sns ul li{width: 33%;}
.sns ul li img{width:65%; margin: 0 auto;}
@media screen and (min-width:641px){ /*PC*/
.sns ul{width: 20%; margin: 50px auto 0;}
}
@media screen and (max-width:640px){ /*SP*/
	.sns ul{width: 50%; margin: 30px auto 0;}
}


/*--------------タイプ説明-----------------*/
section.type{vertical-align: top;}
.type .ptitle {border-top: 6px double #000;border-bottom: 6px double #000;display: block;}

	.type .timg{display: inline-block;}
	.type .timg .icon{position: absolute; background-color:rgba(100,100,100,0.7);color:rgba(255,255,255,1.00); text-align: center;}
	.type .timg img.deco01{position: absolute;top:0; left: 0;width: 100%;}
	.type .timg h4{font-family: 'Dancing Script', cursive;color:rgba(0,0,0,0.2);display: block;position: absolute;bottom: 0; left: 0;}
	.type .timg h4 span{font-family: 'Dancing Script', cursive;color:rgba(0,0,0,0.2);display: block;}
	.type .timg img.typeimg{}
	.type .text{display: inline-block;position: relative;vertical-align: top;}
	.type .text h3{text-align: center;color: #fff;    position: relative;z-index: 2;}
	.type .text h3 span{display: block;}
	.type .text p{display: block;color: #fff; text-align: left; position: relative;z-index: 2;}

@media screen and (min-width: 641px){ /*PC*/
	.type .inner{padding: 40px 0 0 0; }
	.type .ptitle {width: 60%;letter-spacing: 10px;font-size: 40px;line-height: 40px;margin: 0px auto 50px;padding: 30px 0;}
	.type .tflex{position: relative;width:92%;margin: 0 auto;}
	.type .timg .icon{top:20px;left:20px;height: 100px; width: 100px;border-radius: 60px; line-height:50px; font-size: 50px; padding: 20px 0;}
	.type .timg{width: 46%;position: absolute;top:0; left:20px;}
	.type .timg h4{font-size: 65px;line-height: 60px;text-align: left}
	.type .timg h4 span{font-size: 85%;}
	.type .timg img.typeimg{width: 95%; margin: 40px 5% 60px;}
	
	.type .text{position: relative;color: #fff;width: 60%; margin: 100px 0 100px 40%;}
	.type .text img{position: absolute;top:0; left: 0;width: 100%; }
	.type .text h5{display: none;}
	.type .text h3{font-size: 38px; line-height: 40px;margin: 140px auto 0;}
	.type .text h3 span{font-size: 85%;}
	.type .text p{width: 50%; margin: 30px auto 60px; padding-left: 2%;}
	.type .text img.deco03{display: none;}
	.type .text img.deco04{display: none;}
}
@media screen and (max-width:640px){ /*SP*/
	.type .inner{width: 100%;overflow: hidden; margin: 0 ;padding: 0;}
	.type .ptitle {width: 75%;letter-spacing:6px;font-size:30px;line-height: 30px;margin: 0px auto 20px;padding: 15px 0;}
	.type .timg .icon{top:15px;left:15px;height: 80px; width:80px;border-radius:40px; line-height:40px; font-size:40px; padding:15px 0;}
	.type .timg{width: 80%;margin: 0 auto;position: relative;}
	.type .timg h4{display: block; width: 100%; font-size: 45px;line-height: 40px;text-align: center}
	.type .timg h4 span{font-size: 85%;}
	.type .timg img.typeimg{width: 95%; margin: 20px 5%;}
	
	.type .text{position: relative;color: #fff;width:90%; margin: 25px auto 40px;padding: 6px; background-color: rgba(0,0,0,1.00);border-radius: 10px;}
	.type .text_b{border: 4px dotted rgba(255,255,255,0.3); padding: 30px;border-radius:6px;}
	.type .text img.deco03{position: absolute;top:20px; right:20px;width: 40px;}
	.type .text img.deco04{position: absolute;bottom:5px; left:10px;width: 30px;}
	.type .text img.deco02{display: none;}
	.type .text h5{font-size: 16px;text-align: center;color: rgba(255,255,255,1.00);}
	.type .text h3{font-size: 28px; line-height: 30px;margin: 15px auto 0;border-top:1px solid rgba(255,255,255,0.4);border-bottom:1px solid  rgba(255,255,255,0.4);padding: 5px 0;}
	.type .text h3 span{font-size: 85%;}
	.type .text p{margin: 20px auto 0px; width: 100%;}
}
						

/*--------------コーデタイトル-----------------*/
.code .title p{ color:#7a6a6a;}
.code .title h2{display: block; background-color: #b2a1a1f5; color: rgba(255,255,255,1.00);position: relative;}
.code .title h2 span{display: block}
.code .title .clead{}
.code .title h2 img{position: absolute;opacity: 0.5;}
@media screen and (min-width: 641px){ /*PC*/
	.code .title{padding: 60px 0 30px;}
	.code .title h2{font-size: 50px; line-height: 60px; margin-bottom: 40px;width: 104.5%; margin: 20px -3%; padding: 30px 0;}
	.code .title h2 span{font-size: 70%;}
	.code .title h2 img{width: 55px;}
	.code .title h2 img.h2deco01{top: 10px; left:50px;}
	.code .title h2 img.h2deco02{bottom: 10px; right:50px;}
	.code .title .clead{width: 60%; margin: 0 auto;font-size: 110%; line-height: 35px;}
}
@media screen and (max-width:640px){ /*SP*/
	.code .title{padding: 30px 0 20px;}
	.code .title h2{font-size:30px; line-height: 40px; margin-bottom: 40px;width: 122%; margin: 15px -11%; padding: 10px 0 20px;}
	.code .title h2 span{font-size: 70%;}
		.code .title h2 img{width: 30px;}
	.code .title h2 img.h2deco01{top: 5px; left:10px;}
	.code .title h2 img.h2deco02{bottom: 5px; right:10px;}
	.code .title .clead{width: 90%; margin: 0 auto;}
}

/*--------------登　録----------------*/

.entry{background: linear-gradient(to bottom, rgba(178,161,161,0) 0%,rgba(178,161,161,0.4) 15%);}
.entry p{color: rgba(0,0,0,1.00);}
.entry a{ background-color:rgba(0,0,0,1.00); color:rgba(255,255,255,1);display: block;}
.entry a span{font-size: 70%; opacity: 0.4;}
@media screen and (min-width: 641px){ /*PC*/
	.entry .inner{padding: 80px 0 100px;}
	.entry img{width: 20%; margin: 40px auto 0px;}
	.entry a{width: 40%; margin: 40px auto 50px; padding: 30px 0; font-size: 26px; line-height: 26px;}
}
@media screen and (max-width:640px){ /*SP*/
	.entry .inner{padding: 50px 0 40px;}
	.entry img{display: none;}
	.entry a{width:80%; margin: 20px auto 20px; padding: 20px 0; font-size: 20px; line-height: 20px;}
}

/*--------------コーデ-----------------*/
.code .set h3{background-color:rgba(178,161,161,0.2);color:#333;  text-align: left; }
.code .set h3 span{color:#333; }
.code .set .ele img{filter: drop-shadow(3px 3px 3px #ccc);/**/}
/*
	.code .set .cer{position: absolute;}
	.code .code01 .cer01,.code .code01 .cer04{border: 4px rgba(250 207 207/30%) solid;}
	.code .code01 .cer02,.code .code01 .cer03,.code .code01 .cer05{background-color:rgba(250 207 207/30%);}
	.code .code02 .cer01,.code .code02 .cer04{border: 4px rgba(234 224 185/30%) solid;}
	.code .code02 .cer02,.code .code02 .cer03,.code .code02 .cer05{background-color:rgba(234 224 185/30%);}
*/
@media screen and (min-width: 641px){ /*PC*/
	.code .set{padding: 0 50px; position: relative; }
	.code .code01{margin:60px 0 0;}
	.code .code02{margin:140px 0 80px;}
	.code .set h3{font-size: 32px; line-height: 50px; width:65%; position:absolute; }
	.code .set h3 span{display: block;}
	.code .set h3 img{position: absolute; width: 55px;}
	.code .code01 h3{left:-30px;top:0; padding: 30px 0 30px 80px;}
	.code .code02 h3{right:-30px;top:0; padding: 30px 30px 30px 50px;}
	.code .code01 h3 img{right:20px;bottom:-6px;}
	.code .code02 h3 img{right:60px;bottom:-6px;}
	.code .set .illust{height: 760px; width: auto; position:relative;margin: 210px auto 30px;}
	.code .code01 .illust{transform: translate(15%, 0%);}
	.code .code02 .illust{transform: translate(-7%, 0%);}
	.code .set .ele{position: absolute;}
	.code .set .ele p{font-size: 13px; text-align: left;line-height: 22px;}
	.code .set .ele img{width: 100%; margin-bottom: 15px;}
	
/*ベース　キュート　変えてはならぬ*/
	.code .code01 .ele01{width:210px;right:80px;top:90px;}
	.code .code01 .ele02{width:260px;left:70px; top:230px;}
	.code .code01 .ele03{width:220px;left:130px;bottom:300px;}
	.code .code01 .ele04{width:230px;right:80px;bottom:260px;}
	
	.code .code02 .ele01{width:210px;left:80px;top:90px;}
	.code .code02 .ele02{width:260px;right:70px; top:230px;}
	.code .code02 .ele03{width:230px;right:130px;bottom:300px;}
	.code .code02 .ele04{width:230px;left:80px;bottom:260px;}
/*	
	.code .code01 .cer01{width: 350px;height: 350px; border-radius: 200px;top:60px;right: 100px;}
	.code .code01 .cer02{width: 250px;height: 250px; border-radius: 200px;top:340px;right: 30px;}
	.code .code01 .cer03{width: 200px;height: 200px; border-radius: 300px;bottom:650px;left: 150px;}
	.code .code01 .cer04{width: 300px;height: 300px; border-radius: 300px;bottom:400px;left: 200px;}
	.code .code01 .cer05{width: 120px;height: 120px; border-radius: 200px;top:630px;right: 230px;}
	
	.code .code02 .cer01{width: 350px;height: 350px; border-radius: 200px;top:60px;left: 100px;}
	.code .code02 .cer02{width: 250px;height: 250px; border-radius: 200px;top:340px;left: 30px;}
	.code .code02 .cer03{width: 200px;height: 200px; border-radius: 300px;bottom:650px;right: 150px;}
	.code .code02 .cer04{width: 300px;height: 300px; border-radius: 300px;bottom:400px;right: 200px;}
	.code .code02 .cer05{width: 120px;height: 120px; border-radius: 200px;top:630px;left: 230px;}
	*/
}
@media screen and (max-width:640px){ /*SP*/
	.code .set{padding: 0 20px; position: relative; }
	.code .code01{margin:30px 0 0;}
	.code .code02{margin:60px 0 30px;}
	.code .set h3{position: relative;font-size: 20px; line-height:30px; width:125%;margin: 10px 0% 15px -20%; padding: 7% 3% 7% 15%;}
	.code .set h3 img{position: absolute; width: 35px;right:-5px;bottom:-6px;}
	.code .set .illust{width:auto;height: 600px; position:relative;margin: 10px auto 30px;}
	.code .set .ele{width: 90%; padding-top: 25px; margin: 0 auto;}
	.code .set .ele p{font-size: 14px; text-align: left;line-height: 20px;}
	.code .set .ele img{width: 100%; margin-bottom:6px;}
}

/*--------------コーデ個別-----------------*/

@media screen and (min-width: 641px){ /*PC*/
/*エレガント*/
.code .code01.c01 .ele03{width:230px;left:110px;bottom:270px;}
.code .code02.c02 .illust{transform: translate(-12%, 0%);}
.code .code02.c02 .ele01{top:60px;}
.code .code02.c02 .ele04{width:250px;left:70px;bottom:270px;}
/*ミステリアス*/
.code .code01.c03 .ele03{width:230px;left:110px;bottom:270px;}
.code .code02.c04 .illust{transform: translate(-10%, 0%);}
.code .code02.c04 .ele03{right:120px;bottom:270px;}
/*ノーブル*/
.code .code01.c05 .ele03 {width: 230px; left: 110px;bottom: 270px;}
.code .code01.c05 .ele04{right:100px;}
.code .code02.c06 .ele03{bottom:280px;}
.code .code02.c06 .ele04{width:250px;}
/*コンサバ*/
.code .code01.c07 .illust {transform: translate(11%, 0%);}
.code .code01.c07 .ele03 {width: 230px; left: 110px;bottom: 260px;}
.code .code01.c07 .ele04{bottom:290px;}
.code .code02.c08 .illust{transform: translate(-0%, 0%);}
.code .code02.c08 .ele02{width:250px;}
.code .code02.c08 .ele03{width:260px;bottom:250px;}
	
	
/*ロマンチック*/
.code .code01.c11 .illust{transform: translate(3%, 0%);}
.code .code01.c11 .ele03{width:250px;left:130px;bottom:270px;}
.code .code01.c11 .ele04{width:220px;right:80px;bottom:260px;}	

.code .code02.c12 .ele03{width:230px;right:130px;bottom:290px;}
.code .code02.c12 .ele04{left:100px;}
/*ナチュラル*/
.code .code01.c13 .ele01{width:220px;top:100px;}
.code .code01.c13 .ele03{width:230px;left:110px;bottom:260px;}
.code .code01.c13 .ele04{right:120px;}	

.code .code02.c14 .ele04{left:110px;bottom:280px;}
.code .code02.c14 .ele03{bottom:250px;}
/*ポップ*/
.code .code01.c15 .ele03{bottom:280px;}
	
/*ダンディ*/	
.code .code01.c17 .illust {transform: translate(12%, 0%);}
.code .code01.c17 .ele04{width:250px;bottom:250px;}	
.code .code01.c17 .ele03 { width: 240px;left: 110px;bottom: 270px;}
.code .code02.c18 .ele03{bottom:280px;}	
.code .code02.c18 .ele04{width:250px;}
/*スマート*/	
.code .code01.c19 .illust {transform: translate(0%, 0%);}
	.code .code01.c19 .ele02{width:250px;}	
	.code .code01.c19 .ele03 {width: 250px;left: 110px; bottom: 260px;}
	.code .code01.c19 .ele04 { right: 90px; bottom: 280px;}
	.code .code02.c20 .ele04 { width: 260px;}
.code .code02.c20 .illust {transform: translate(0%, 0%);}
	.code .code02.c20  .ele03 { right: 100px;  bottom: 270px;}
/*トラッド*/
.code .code01.c21 .ele03 { width: 240px;left: 120px; bottom: 260px;}
.code .code01.c21 .illust{transform: translate(10%, 0%);}
.code .code02.c22 .ele03 {width: 240px;right: 120px; bottom: 260px;}
.code .code02.c22 .ele04 {width: 260px;}
/*カントリー*/	
.code .code01.c23 .ele01 {width: 220px;top: 60px;	}
.code .code01.c23 .illust{transform: translate(10%, 0%);}	
.code .code01.c23 .ele03 { width: 240px;left: 110px; bottom: 260px;}	
.code .code02.c24 .ele04 {width: 260px;}
.code .code02.c24 .ele03 { bottom: 270px;}	

/*アクティブ*/
.code .code01.c25 .illust{transform: translate(9%, 0%);}
.code .code01.c25  .ele04 { width: 260px;}
.code .code01.c25 .ele03 { width: 260px; left: 110px; bottom: 250px;}
.code .code02.c26 .illust {transform: translate(-14%, 0%);}
.code .code02.c26 .ele01 {top: 60px;}	
.code .code02.c26 .ele04 { width: 260px;}	
.code .code02.c26 .ele03 { width: 240px;right: 120px;bottom: 270px;}
	
/*モダン*/
.code .code01.c27 .ele04 { width: 250px;bottom: 250px;}
.code .code01.c27 .ele03 { width: 240px; left: 110px; bottom: 260px;}
.code .code02.c28 .ele01 {top: 60px;}		
.code .code02.c28 .ele04 {  width: 250px;}
.code .code02.c28 .ele03 { width: 240px; bottom: 260px;}
.code .code02.c28 .illust {transform: translate(-12%, 0%);}
	
/*フレッシュ*/
	.code .code01.c29 .ele03 { width: 240px;left: 120px;bottom: 270px;}
.code .code01.c29 .ele04 { width: 250px;right: 90px;bottom: 270px;}
.code .code02.c30 .ele03 {  width: 220px;bottom: 260px;}
.code .code02.c30 .ele04 { width: 250px;}

/*トレンド*/
	.code .code01.c31 .ele04 { width: 250px;}
	.code .code01.c31 .ele03 { width: 230px; left: 120px;bottom: 270px;}
.code .code01.c31 .illust {transform: translate(8%, 0%);}
.code .code02.c32 .illust {transform: translate(3%, 0%);}
.code .code02.c32 .ele02 {width: 220px;}
.code .code02.c32 .ele03 { width: 250px;  right: 110px;bottom: 290px;}
.code .code02.c32 .ele04 {width: 250px;}
	
}
@media screen and (max-width:640px){ /*SP*/
	
}


/*--------------コーデ個別-----------------*/
.code .set.c01 .illust{filter: drop-shadow(0px 30px 40px rgba(39 94 113/40%));}
.code .set.c02 .illust{filter: drop-shadow(0px 30px 40px rgba(157 116 1/30%));}
.code .set.c03 .illust{filter: drop-shadow(0px 30px 40px rgba(116 99 139/30%));}
.code .set.c04 .illust{filter: drop-shadow(0px 30px 40px rgba(192 55 70/30%));}
.code .set.c05 .illust{filter: drop-shadow(0px 30px 40px rgba(195 213 211/60%));}
.code .set.c06 .illust{filter: drop-shadow(0px 30px 40px rgba(221 191 190/40%));}
.code .set.c07 .illust{filter: drop-shadow(0px 30px 40px rgba(225 212 129/50%));}
.code .set.c08 .illust{filter: drop-shadow(0px 30px 40px rgba(185 158 156/50%));}
.code .set.c09 .illust{filter: drop-shadow(0px 30px 40px rgba(206 161 127/50%));}
.code .set.c10 .illust{filter: drop-shadow(0px 30px 40px rgba(160,156,183,0.5));}
.code .set.c11 .illust{filter: drop-shadow(0px 30px 40px rgba(250 207 207/50%));}
.code .set.c12 .illust{filter: drop-shadow(0px 30px 40px rgba(234 224 185/50%));}
.code .set.c13 .illust{filter: drop-shadow(0px 30px 40px rgba(192 217 224/70%));}
.code .set.c14 .illust{filter: drop-shadow(0px 30px 40px rgba(159 113 113/40%));}
.code .set.c15 .illust{filter: drop-shadow(0px 30px 40px rgba(243 202 115/40%));}
.code .set.c16 .illust{filter: drop-shadow(0px 30px 40px rgba(219 133 150/30%));}
.code .set.c17 .illust{filter: drop-shadow(0px 30px 40px rgba(215 207 194/60%));}
.code .set.c18 .illust{filter: drop-shadow(0px 30px 40px rgba(173 148 148/40%));}
.code .set.c19 .illust{filter: drop-shadow(0px 30px 40px rgba(95 114 144/30%));}
.code .set.c20 .illust{filter: drop-shadow(0px 30px 40px rgba(163 179 186/60%));}
.code .set.c21 .illust{filter: drop-shadow(0px 30px 40px rgba(206 161 127/50%));}
.code .set.c22 .illust{filter: drop-shadow(0px 30px 40px rgba(107 132 155/40%));}
.code .set.c23 .illust{filter: drop-shadow(0px 30px 40px rgba(207 197 153/60%));}
.code .set.c24 .illust{filter: drop-shadow(0px 30px 40px rgba(206 161 127/50%));}
.code .set.c25 .illust{filter: drop-shadow(0px 30px 40px rgba(235 245 216/60%));}
.code .set.c26 .illust{filter: drop-shadow(0px 30px 40px rgba(255 244 179/60%));}
.code .set.c27 .illust{filter: drop-shadow(0px 30px 40px rgba(243 238 221/60%));}
.code .set.c28 .illust{filter: drop-shadow(0px 30px 40px rgba(184 139 129/40%));}
.code .set.c29 .illust{filter: drop-shadow(0px 30px 40px rgba(120 167 171/40%));}
.code .set.c30 .illust{filter: drop-shadow(0px 30px 40px rgba(168 162 100/40%));}
.code .set.c31 .illust{filter: drop-shadow(0px 30px 40px rgba(80 118 190/30%));}
.code .set.c32 .illust{filter: drop-shadow(0px 30px 40px rgba(114 31 62/30%));}


/*---------------ワンポイントアドバイス-----------------*/

.point{ background-color: rgba(122,106,106,1.00);border-radius: 15px;}
.point .p01,.point .p02,.point .p03{text-align: center; color: #fff;}
.point .p01 span{font-family: 'Dancing Script', cursive;color: rgba(255,255,255,0.25);display: block;}
.point .p01 .name{color: rgba(255,255,255,0.7);}
@media screen and (min-width: 641px){ /*PC*/
	.point{display: flex;align-content: center;align-items: center; justify-content: center; padding: 30px; width: 85%; margin: 50px auto 50px;}
	.point .p01,.point .p03{width: 35%;}
	.point .p02{width:28%;}
	.point .p01{font-size: 18px;}
	.point .p01 span{font-size:24px; margin: 0 0 10px 0;}
	.point .p01 .name{font-size:11px; line-height: 18px; margin: 15px 0 0 0;}
	.point .p02 img{width: 70%; margin: 0px auto;}
	.point .p03{text-align: left;}
}
@media screen and (max-width:640px){ /*SP*/
	.code .point{width: 100%; margin: 30px auto;padding: 20px;}
	.point .p01{font-size: 15px;}
	.point .p01 span{font-size:24px; margin: 0 0 10px 0;}
	.point .p01 .name{font-size:11px; line-height: 18px; margin: 10px 0 0 0;}
	.point .p02 img{width: 60%; margin: 15px auto;}
	
}




/*--------------登録済みで診断結果のわからない方へ表示するメッセージ-----------------*/

.entrylead{}
.entrylead .warp{/*border: 1px solid #9d8880;*/ margin: 0 auto; background-color: rgba(255,255,255,0.6)}
.entrylead a{display: inline-block; background-color: rgba(255,255,255,0.5);border: 1px solid rgba(157,136,128,0.6); color: #9d8880;}
@media screen and (min-width: 641px){ /*PC*/
	.entrylead .inner{padding: 20px 0 50px 0;}
	.entrylead .warp{width: 70%; padding: 50px 0 30px;}
	.entrylead a{ margin: 20px; padding: 10px 30px;font-size: 14px; line-height: 14px; }
}
@media screen and (max-width:640px){ /*SP*/
	.entrylead .inner{padding:20px 0 60px 0;}
	.entrylead .warp{width:100%; padding:30px 20px 20px;}
	.entrylead a{width: 70%; margin: 10px; padding: 12px 0px;font-size: 14px; line-height: 14px; }
	
}
/*--------------フッダーメニュー-----------------*/

.fnavi{}
.fnavi a{display: inline-block; background-color: rgba(255,255,255,0.5);border: 1px solid #9d8880; color: #9d8880;}
@media screen and (min-width: 641px){ /*PC*/
	.fnavi .inner{padding: 50px 0 0 0;}
	.fnavi a{ margin: 20px; padding: 10px 30px;font-size: 14px; line-height: 14px; }
}
@media screen and (max-width:640px){ /*SP*/
	.fnavi .inner{padding: 30px 0 0 0;}
	.fnavi a{width: 70%; margin: 10px; padding: 12px 0px;font-size: 14px; line-height: 14px; }
	
}

/*---------------タイプ一覧-----------------*/

.list .inner{text-align: center;}

.list .typeindex{position: relative;}
.list .typeindex a{border: 1px solid #000; background-color: rgba(255,255,255,0.4);position: absolute;color: rgba(0,0,0,1.00);}
.list .typeindex img{position: absolute; }
.list .typeindex a span{font-size: 70%; opacity: 0.3;}


@media screen and (min-width: 641px){ /*PC*/
.list .typeindex{height:560px; margin:80px 0 90px;}
.list .typeindex_sp{display: none}
.list .typeindex img{top: 0;left:11%;right:11%; width:77%;}
.list .typeindex a{ padding: 10px 20px;}
.list .typeindex a:nth-child(4){ top:160px; right:300px; }
.list .typeindex a:nth-child(5){ top:350px; right:300px; }
.list .typeindex a:nth-child(2){ top:160px; left:300px; }
.list .typeindex a:nth-child(3){ top:350px; left:300px; }
}
@media screen and (max-width:640px){ /*SP*/
.list .typeindex{display: none;}
.list .typeindex_sp{margin:30px 0 40px;display: flex;flex-wrap: wrap;}
.list .typeindex_sp a img{width:100%;}
	.list .typeindex_sp a{width:50%;}
}


.list .typemenu .inner{display: flex;justify-content: center;}
.list .typemenu a{display: inline-block; border: 1px solid #9d8880; background-color: rgba(157,136,128,0.2); color:#9d8880; text-align: center;margin:0 -1px -1px 0;}
.list .typemenu a.active{ background-color: rgba(157,136,128,1); color: #fff;}
.list .typemenu a span{font-size: 70%; opacity: 0.3;}
.list .typemenu a b{font-size: 200%; line-height: 180%;}

@media screen and (min-width: 641px){ /*PC*/
	.list .typemenu a{padding:5px 40px;}
}
@media screen and (max-width:640px){ /*SP*/
	.list .typemenu a{width: 24%; padding:5px 3px;}
	
}



	
.list .typelist{ background-color: #9d8880;}
.list .typelist .inner{}
.list .typelist .set01{}
.list .typelist .index{}
.list .typelist .typebox{ background-color:#ececec;position: relative;}
.list .typelist .typebox .icon{ background-color: #000000; color: #FFFFFF;text-align: center; position: absolute;}
.list .typelist .typebox .eng{opacity: 0.5; letter-spacing: 3px; margin-bottom: 0px;}
.list .typelist .typebox p{font-family:'Zen Maru Gothic', sans-serif;font-weight: 500; display: inline-block;width:59%;text-align: left;font-size: 13px; line-height: 25px; padding: 20px 15px 0px 5px; }
.list .typelist .typebox a.bot{cursor: pointer;display: block; clear: both; background-color: rgba(255,255,255,1.00); width: 70%; padding: 8px; margin: 15px auto 0;border: 1px solid rgba(128,128,117,0.3)}
.list .typelist .typebox a.select{opacity: 1; }
@media screen and (min-width: 641px){ /*PC*/
	.list .typelist .inner{padding: 90px 0;}
	.list .typelist .set01{display: flex;}
	.list .typelist .index{display: flex; flex-wrap: wrap;	width: 96%;}
	.list .typelist .typebox{width: 46%; margin:2%;padding:25px 20px 25px;}	
	.list .typelist .typebox .icon{top: -15px;left:-15px; border-radius: 40px; height: 80px; width: 80px; font-size:40px;line-height:73px;}
	.list .typelist .typebox .name{font-size:32px; line-height: 40px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin:0px 30px 0;}
	.list .typelist .typebox img{width: 40%; margin-right:1%;float: left;}
	.himg{width:4% ; margin:20px 10px;}
	.wimg{width:98%; margin:10px;}
	.list .typelist .index_sp,.list .typelist .detail{display: none;}
}
@media screen and (max-width: 640px){ /*SP*/
.list .typelist .inner{padding: 30px 0;}
.list .typelist .set01{display: flex;}
.list .typelist .index{display: none;}
.list .typelist .index_sp{display: flex; flex-wrap: wrap;	width: 96%;}
.list .typelist .typebox{width: 44%; margin:3%;padding:10px;}	
.list .typelist .index_sp .icon{top: -10px;right: 50%;left: 50%;transform: translate(-50%, -0%);border-radius: 30px; height: 60px; width:60px; font-size:24px;line-height:56px;}
.list .typelist .index_sp .name{font-size:17px; line-height:24px; border-bottom: 1px solid #ccc; padding:0px 0 5px; margin:50px 0px 0;letter-spacing:-1px;}
.list .typelist .index_sp img{width: 90%; margin:0 5%;}
.himg{width:7.5% ; margin:10px 5px;}
.wimg{width:94%; margin:10px 3%;}
	
	.list .typelist .detail p.navi{display: block;margin: 0 0 30px; color: #000;}
	.list .typelist .detail{margin: 10px 0 20px;}
	.list .typelist .detail .typebox{width: 96%; margin:2%;padding:20px 10px 25px;}	
	.list .typelist .detail .icon{top: -15px;left:-15px; border-radius: 40px; height: 80px; width: 80px; font-size:40px;line-height:73px;}
	.list .typelist .detail .name{font-size:32px; line-height: 30px; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin:0px 30px 0;}
	.list .typelist .detail img{width: 45%; margin-right:0%;float: left;}
	.list .typelist .detail .typebox p{width:54%;text-align: left;font-size: 12px; line-height: 22px; padding: 15px 10px 0px 0px; }
}




/*---------------footer-----------------*/

footer { }
footer .inner{position:relative;}
address{text-align:center; font-size:11px; text-decoration: none;font-style: normal;color:#fff;font-family: "メイリオ", Meiryo, sans-serif;}
address a{text-decoration: none;}
address .inner{color:#999;}
@media screen and (min-width: 641px){ /*PC*/
address .inner{margin:0 auto; padding:40px 0;}
}
@media screen and (max-width:640px){ /*SP*/
address .inner{margin:0 auto; padding:30px 0;}
}