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

/*maincolor:#e74adc; subcolor:#b1dceb;*/

/*!----------------
共有スタイル
-----------------*/

/*!Style
-------------------------------------*/

*{box-sizing:border-box;}
body{font-size:16px;color:#000;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight: 500;}
body,figure,figucaption{margin:0;padding:0;line-height: 1.6em}
ul,li{list-style:none}
a{text-decoration:none;color:#e74adc;}
a:hover{text-decoration:none;color:#b1dceb;}
a:hover img{opacity:.7}
h1,h2{margin:0 !important;padding:0;}
h2.none{display: none}
img{vertical-align: middle;}

/*外枠*/
#container{margin:0 auto;padding:0;text-align:center;width:100%;display: flex;flex-direction: column;min-height: 100vh;position: relative;}

/*header*/
header{margin:0 auto;padding:0;text-align: left;position: relative;max-width:750px;width:100%;}
header img{width:100%;}

/*コンテンツ始まり
-------------------*/
main{margin:0 auto;padding: 0;text-align: center;width: 100%;max-width:750px;}

/*マッチングトークレディとは？*/
#talklady{margin: 3em;text-align: left;}
#talklady h2{color:#ffb6b9;font-size: 1.4em;}
#talklady h2::before{content: '';display: inline-block;width: 24px;height: 28px;background-image:url("img/talklady_icon.png");background-size: contain;vertical-align: middle;margin-right: 0.3em;}

@media screen and (max-width: 749px) {
#talklady{margin: 2em;}
#talklady h2{font-size: 1.2em;}
}

/*圧倒的！25周年超！*/
.bn_area{width: 100%;max-width:750px;padding: 0 2em;}
.bn_area p img{width:100%;max-width:680px;}
p.margin{margin:2em 0;}

/*ちゃりん.Bizならこんな風に稼げる！*/
#earn{margin: 2em;}
#earn img{width:100%;max-width:680px;}
#earn ul{margin: 2em auto;padding:0;width:100%;display: flex;justify-content: space-between;text-align: left;}
#earn ul li{width:30%;}
#earn ul li figcaption span{color:#ffd84f;}

@media screen and (max-width: 749px) {
#earn ul{display:block;}
#earn ul li{width:100%;display: flex;justify-content: space-between;border-bottom:1px dashed #ccc;margin: 1em 0;padding: 0 0 1em;}
#earn ul li.right{width:100%;display: flex;justify-content: space-between;border-bottom:1px dashed #ccc;margin: 1em 0;padding: 0 0 1em;flex-flow: row-reverse;}
#earn ul li:last-child{border-bottom:none;}
#earn ul li img{width:100%;max-width:none;}
#earn ul li figure{width:40%;}
#earn ul li figcaption{width:58%;}
}

p img.imp{width:100%;}

/*専属スタッフから一言*/
#staff{margin:3em 0 0;padding:0;}
#staff img{margin:0;padding:0;width:100%;max-width:750px;}

/*経験者は即戦力!!*/
#curtain_left{background:#fffdc4 url("img/curtain_left.png")top left repeat-y;}
#curtain_right{background: url("img/curtain_right.png")top right repeat-y;padding: 2em 5em;}
#curtain_right p{text-align: left;}
#curtain_right img{margin:0;padding:0;width:100%;max-width:521px;}

@media screen and (max-width: 749px) {
#curtain_right {padding: 2em 4em 1em;font-size: 0.9em;}
}

/*未経験者でも安心*/
#inexperience{margin:0;padding:0;background: #9dd3a8;}
#inexperience img{margin:0;padding:0;width:100%;max-width:750px;}
#inexperience .text{text-align: left;margin: 1em 2em;}

/*LINEエリア*/
#line{margin:2em;padding:0;}
#line img{margin:0;padding:0;width:100%;max-width:680px;}
#line .text{text-align: left;margin: 2em 0;}

/*完全無料*/
#free img{margin:0;padding:0;width:100%;max-width:750px;}

/*footer*/
footer{margin:0 auto;width:100%;background:#ffb6b9;color:#fff;margin-top: auto;height: 80px;display: flex;justify-content: center;align-items: center;margin-bottom: 80px;}
footer a{color:#fff;}

#footer_line{margin:0 auto;width:100%;background:#00c300;margin-top: auto;height: 80px;display: flex;justify-content: center;align-items: center;position:fixed;bottom: 0;}
#footer_line img{width:70%;max-width:640px;}


/*下層
-------------------*/
/*header*/
header{margin:0 auto;padding:0;text-align: left;position: relative;max-width:750px;width:100%;background: #ff4f9e;}
header#kasou img{width:60%;max-width:340px;}

#company{margin: 2em;}
#company ul.table{margin:1em auto 2em;padding:0;display: flex;flex-flow: row wrap;justify-content: center;border-right:1px solid #ff4f9e;border-top:1px solid #ff4f9e;border-left:1px solid #ff4f9e;font-size: 0.8em;}
#company ul.table li{margin:0;padding:0.5em;}
#company ul.table li:nth-child(odd){border-right:1px solid #ff4f9e;border-bottom:1px solid #ff4f9e;background: #fadfeb;width:40%}
#company ul.table li:nth-child(even){border-bottom:1px solid #ff4f9e;width:60%}

#privacy{margin: 2em;text-align: left;}
#privacy ul.privacy{margin:0 auto;padding:0;font-size: 0.9em;text-align: left;}

#company h3,#privacy h3{margin:0 auto;padding:0.5em;background: #fadfeb;border-left:3px solid #ff4f9e;color: #ff4f9e;text-align: left;}