@charset "utf-8";

/*
Theme Name: 
Theme URI: 
Description: This is our original theme.
Author: statice
Author URI:
Version:1.0
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*------------------------------------------------------------------
	Universal Selector
------------------------------------------------------------------*/
* {
    font-style: normal;
    margin: 0;
    padding: 0;
    text-align: left;
	box-sizing: border-box;
}

/*------------------------------------------------------------------
	Base Settings
------------------------------------------------------------------*/
html {
		overflow-x: hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
}


body {
background:#f6f4f3;
font-family: HalisR-Regular, 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
    color: #595757;
    font-size: 16px;
    line-height: 1.5;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    margin: 0;
    padding: 0;
}
li {
    list-style-type: none;
}
p{
	line-height:1.8;
}
img{
    height: auto;
    max-width: 100% ;
	vertical-align:bottom;
}
ol li{
	list-style-type:decimal;
	margin-left: 20px;
}
/*------------------------------------------------------------------
	Base Link Color Setting
------------------------------------------------------------------*/

a {
    color: #55b3b1;
    text-decoration: none;
}

a:hover {

    text-decoration: underline;
}
a:active {
    text-decoration: underline;
}
a img {
    border: medium none;
}

a:hover .fil,.fil2 a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* マージン・インデント
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.m1b { margin-bottom: 1px !important; }
.m2b { margin-bottom: 2px !important; }
.m3b { margin-bottom: 3px !important; }
.m4b { margin-bottom: 4px !important; }
.m5b { margin-bottom: 5px !important; }
.m6b { margin-bottom: 6px !important; }
.m7b { margin-bottom: 7px !important; }
.m8b { margin-bottom: 8px !important; }
.m9b { margin-bottom: 9px !important; }
.m10b { margin-bottom: 10px !important; }
.m13b { margin-bottom: 13px !important; }
.m15b { margin-bottom: 15px !important; }
.m20b { margin-bottom: 20px !important; }
.m25b { margin-bottom: 25px !important; }
.m30b { margin-bottom: 30px !important; }
.m35b { margin-bottom: 35px !important; }
.m40b { margin-bottom: 40px !important; }
.m45b { margin-bottom: 45px !important; }
.m50b { margin-bottom: 50px !important; }
.m60b { margin-bottom: 60px !important; }
.m80b { margin-bottom: 80px !important; }

.m5t { margin-top: 5px !important; }
.m10t { margin-top: 10px !important; }
.m20t { margin-top: 20px !important; }
.m30t { margin-top: 30px !important; }
.m40t { margin-top: 40px !important; }
.m50t { margin-top: 50px !important; }
.m70t { margin-top: 70px !important; }
.m80t { margin-top: 80px !important; }
.m90t { margin-top: 90px !important; }
.m100t { margin-top: 100px !important; }

.m-1l{margin-left:-18px !important}
.m5l { margin-left: 5px !important; }
.m10l { margin-left: 10px !important; }
.m15l { margin-left: 15px !important; }
.m20l { margin-left: 20px !important; }
.m25l { margin-left: 25px !important; }
.m30l { margin-left: 30px !important; }

.m5r { margin-right: 5px !important; }
.m10r { margin-right: 10px !important; }
.m15r { margin-right: 15px !important; }
.m20r { margin-right: 20px !important; }
.m25r { margin-right: 25px !important; }
.m30r { margin-right: 30px !important; }
.m40r { margin-right: 40px !important; }
.m50r { margin-right: 50px !important; }

.p5b { padding-bottom: 5px !important; }
.p10b { padding-bottom: 10px !important; }
.p15b { padding-bottom: 15px !important; }
.p20b { padding-bottom: 20px !important; }
.p25b { padding-bottom: 25px !important; }
.p30b { padding-bottom: 30px !important; }
.p40b { padding-bottom: 40px !important; }
.p50b { padding-bottom: 50px !important; }
.p60b { padding-bottom: 60px !important; }
.p70b { padding-bottom: 70px !important; }
.p80b { padding-bottom: 80px !important; }

.p5t { padding-top: 5px !important; }
.p8t { padding-top: 8px !important; }
.p10t { padding-top: 10px !important; }
.p15t { padding-top: 15px !important; }
.p17t { padding-top: 17px !important; }
.p20t { padding-top: 20px !important; }
.p25t { padding-top: 25px !important; }
.p30t { padding-top: 30px !important; }

.p5a { padding: 5px !important; }
.p10a { padding: 10px !important; }
.p20a { padding: 20px !important; }
.p40a { padding: 40px 0 !important; }
.p50a { padding: 50px 0 !important; }

.p0r { padding-right: 0px !important; }
.p5r { padding-right: 5px !important; }
.p10r { padding-right: 10px !important; }
.p20r { padding-right: 20px !important; }
.p15r { padding-right: 15px !important; }
.p25r { padding-right: 25px !important; }
.p30r { padding-right: 30px !important; }
.p40r { padding-right: 40px !important; }
.p50r { padding-right: 50px !important; }
.p55r { padding-right: 55px !important; }
.p60r { padding-right: 60px !important; }
.p70r { padding-right: 70px !important; }
.p75r { padding-right: 75px !important; }
.p90r { padding-right: 90px !important; }
.p100r { padding-right: 100px !important; }
.p110r { padding-right: 110px !important; }
.p120r { padding-right: 120px !important; }

.p0l { padding-left: 0px !important; }
.p10l { padding-left: 10px !important; }
.p15l { padding-left: 15px !important; }
.p20l { padding-left: 20px !important; }
.p25l { padding-left: 25px !important; }
.p30l { padding-left: 30px !important; }
.p200l { padding-left: 200px !important; }

.bNone { border: none !important; }
.bor01{
	border-bottom:solid 2px #ccc;
}
.bor02{
	border-bottom:solid 1px #ccc;
}


/*sp時変更*/
.m10b-s { margin-bottom: 10px !important; }
.m20b-s { margin-bottom: 20px !important; }
.m30b-s { margin-bottom: 30px !important; }
.m40b-s { margin-bottom: 40px !important; }
.m50b-s { margin-bottom: 50px !important; }
.m60b-s { margin-bottom: 60px !important; }
.m70b-s { margin-bottom: 70px !important; }
.m80b-s { margin-bottom: 80px !important; }
.p50t-s { padding-top: 50px !important; }
.m20l-s{margin-left:20px !important}
.m30r-s{margin-right:30px !important}
.m50l-s{margin-left:50px !important}
.p01-s { padding:50px 0 !important; }


/* 位置クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.clear { clear: both !important; }
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.cen { text-align: center !important; }
.cen-pc{text-align:center !important;}
.left { text-align: left !important; }
.right { text-align: right !important; }
/* 投稿の画像配置 */
.f-left{float:left;}
.f-right{float:right;}
.f-left-pc {float: left;}
.f-right-pc {float: right;}
.alignright { display: block; margin: 0 0 10px auto; }/* 配置位置 左 */
.alignleft { display: block; margin: 0 auto 10px 0; }/* 配置位置 右 */
.aligncenter { display: block; margin: 0 auto 10px; }/* 配置位置 中央 */

.pc-dnon{display: none !important;}
.pc-dnon2{display: none;}
.se-blk{display: none;}
/* テキスト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.bold { font-weight: bold !important; }
.txtRed { color: #eb5b58 !important; }
.txtBlue { color: #1D4194 !important; }
.txtPink { color: #e96262 !important; }
.txtGold { color: #8b6c2e !important; }
.txtGray { color: #666666 !important; }
.txtWhite { color: #FFFFFF !important; }
.txtgreen { color: #79a035 !important; }
.txtorenge{color:#fd851b}
.txtBlack{color: #333 !important;}
.txtyellow{color: #f5d221 !important}

.txt10 { font-size: 77% !important; }
.txt11 { font-size: 92% !important; }
.txt13 { font-size: 109% !important; }
.txt14 { font-size: 117% !important; }
.txt15 { font-size: 125% !important; }
.txt17 { font-size: 142% !important; }
.txt18 { font-size: 150% !important; }
.txt20 { font-size: 167% !important; }

.lh01{line-height:1 !important;}
.lh02{line-height:2  !important;}
.f-min{
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E", "メイリオ", Meiryo, serif;
}

.vaMiddle { vertical-align: middle !important; }
.oh{overflow:hidden;}
.blk{
	display:block;
}
.underline{
	text-decoration: underline;
}
.span01{
	background: url("images/span01.png") no-repeat center bottom;
	background-size:100%;
}
.img100 {
    height: auto;
    width: 100%;
}
.bg01{background: #d4e2d4;}
.bg02{background: url("images/bg02.png");}
table{
	width:100%;
}
td,th{
	padding:10px;
}
table th,table td{
border:solid 1px #ccc;
}


/*------------------------------------------------------------------
	全体レイアウト
------------------------------------------------------------------*/

/*------------------header---------------------*/
header{
	position: relative;
	background: #fff;
	height: 40px;
	
}
header .ttl{
	position: absolute;
	left:0;
	background: #fff;
	padding: 10px 20px;
	top:0;
	border-radius: 0 0 20px 0;
}
header .ttl img{
	width: 150px;
}
.head-h1{
	position: absolute;
	top:10px;
	left:0;
	width: 100%;
	text-align: center;
	font-size:90%;
}
/* 上からにゅっと降りてくるメニュー */
.header {
  background: #fff;
  padding: 10px;
width: 100%;
	z-index: 4;
}
.header.m_fixed {
  left: 0;
  position: fixed;
  top: 0;
}
.nav-button {
  display: none;
}
.nav{
	display: flex;
	justify-content: center;
}
.nav li a{
	display: block;
    text-decoration: none;
    color: #333;
	padding: 10px 20px;
	
  }
.nav li {
  }
.nav-wrap.open {
  display: block;
}
.nav-wrap.close {
  display: none;
}
/*-------------------footer-----------------*/
#pageBtn{
	margin-bottom: 0;
}
#pageBtn a{
	position: fixed;
	right:10px;
	bottom:20px;
	display: block;
	width:50px;
	padding: 10px 18px;
	text-align: center;
	background: #55b3b1;
	color: #fff;
	border-radius: 5px;
	z-index: 6;
}
footer{
	position: relative;
	padding: 30px;
	padding-bottom: 120px;
}
footer .logo img{
	margin-bottom: 5px;
}
footer .logo{
	position: absolute;
	top:-80px;
	left:50%;
	width: 197px;
	height: 85px;
	margin-left: -98.5px;
	text-align: center;
	background: url("images/foot_bg.png") no-repeat;
	padding: 30px;
}
footer ul{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
footer ul li{
	width: 20%;
	font-size:110%;
}
footer ul li ul{
	display: block;
}
footer ul li ul li{
	width: 100%;
	font-size:80%;
	margin-bottom: 10px;
}
footer ul li ul li a:before{
	content: "ー";
}
footer ul li a{
	color: #333;
}
#copy{
	text-align: center;
	font-size:80%;
}
#foot-nav{
	position: fixed;
	bottom:0;
	left:0;
	width: 100%;
	background: #fff;
	z-index: 5;
}
#foot-nav ul{
	display: flex;
	justify-content: center;
	align-items: center;
	padding:10px;
}
#foot-nav ul li{
	width: 33.3%;
	padding:0 15px;
	border-right:solid 1px #fff;
	text-align: center;
}
#foot-nav ul li.sp-dnon{
	border-right:none;
	display: flex;
	justify-content: space-between;
}
#foot-nav ul li.sp-dnon div:first-child{
	width: 40%;
	padding: 0 5px;
}
#foot-nav ul li.sp-dnon div:nth-of-type(2),#foot-nav ul li.sp-dnon div:last-child{
	width: 30%;
	padding: 0 5px;
	text-align: center;
	font-size:80%;
	color: #fff;
}

/*お問い合わせセクション*/
.contact-sec{
	background: #dbeded;
	padding-bottom: 120px;
}
.contact-top{
	padding:40px;
	background: #fff;
}
.contact-top .container{
	padding-left: 25%;
	position: relative;
}
.contact-top .bagge{
	position: absolute;
	top:-80px;
	left:50px;
}
.concact-top .container{
	padding-left: 30%;
}
.contact-top h2{
	color: #b88327;
	font-size:150%;
	font-weight: bold;
}
.contact-top p{
	font-size:130%;
}
.contact-bottom{
	padding-top: 50px;
}
.contact-bottom ul{
	display: flex;
	justify-content: space-between;
}
.contact-bottom ul li{
	width: 32%;
}
.contact-bottom ul li .ttl{
	background: #55b3b1;
	color: #fff;
	padding: 5px;
	text-align: center;
}
.contact-bottom ul li .telbg{
	background: url("images/tel.png") no-repeat 30px center;
	padding: 10px;
	padding-left: 80px;
}
.contact-bottom ul li .telbg p{
	font-size:90%;
	line-height: 1.5;
}
.contact-bottom ul li .telbg .tel{
	font-size:200%;
	font-weight: bold;
	color: #55b3b1;
}
.contact-box h2{
	background: #eb5b58;
	color: #fff;
	font-size:160%;
	font-weight: bold;
	text-align: center;
	padding: 30px 20px 10px;
}

.more .ttl{
	background: url("images/contact_ttl.png") no-repeat center bottom;
	font-size:150%;
	color: #55b3b1;
	text-align:center;
	font-weight: bold;
  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;        /* 文字の影 */
}
.more ul{
	display: flex;
	justify-content: space-around;
	max-width: 900px;
	margin: 0 auto;
}
.more ul li{
	width: 45%;
	border-radius:30px;
	background: #fff;
	padding: 10px;
	text-align: center;
	border:solid 3px #55b3b1;
	font-weight: bold;
	font-size: 120%;
}
.more ul li a{
	text-decoration: none;
}
/*-------------------common-----------------*/
.container{
	clear:both;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
}

/*その他装飾 */
.link01{
	text-align: center;
}
.link01 a{
	display:inline-block;
	width: 100%;
	max-width: 400px;
	text-align: center;
	font-size:120%;
	text-decoration: none;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e2677b+0,e0576c+49,e0576c+49,e84180+53,e84180+100 */
background: rgb(226,103,123); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(226,103,123,1) 0%, rgba(224,87,108,1) 49%, rgba(224,87,108,1) 49%, rgba(232,65,128,1) 53%, rgba(232,65,128,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(226,103,123,1) 0%,rgba(224,87,108,1) 49%,rgba(224,87,108,1) 49%,rgba(232,65,128,1) 53%,rgba(232,65,128,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(226,103,123,1) 0%,rgba(224,87,108,1) 49%,rgba(224,87,108,1) 49%,rgba(232,65,128,1) 53%,rgba(232,65,128,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2677b', endColorstr='#e84180',GradientType=0 ); /* IE6-9 */
	border: solid 3px #e97a7a;
	padding: 10px 20px;
	transition: 0.5s;
	border-radius: 10px;
	color: #fff;
	text-shadow:1px 1px 3px #333;
	font-weight: bold;
}
.link01 a:hover{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e84180+0,e2677b+100 */
background: rgb(232,65,128); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(232,65,128,1) 0%, rgba(226,103,123,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(232,65,128,1) 0%,rgba(226,103,123,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(232,65,128,1) 0%,rgba(226,103,123,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e84180', endColorstr='#e2677b',GradientType=0 ); /* IE6-9 */



}
.link02{
	text-align: center;
}
.link02 a{
	margin: 0 auto;
	display:block;
	padding: 10px 20px;
	transition: 0.5s;
	border-radius: 30px;
	color: #fff;
	background: #55b3b1;
	width: 90%;
	max-width: 300px;
	font-size:120%;
	text-align:center;
	font-weight: bold;
}
.link02 a:hover{
	background: #1eb3b0;
	text-decoration: none;
}
.table01 th{
	padding: 20px 30px;
	width: 30%;
	background: #e5e8e3;
}
.table01 td{
	padding: 20px 30px;
	width: 70%;	
	background: #fff;
}
.box-style01{
	display: flex;
	justify-content: space-between;
}
.box-style01.rev{
	flex-direction: row-reverse;
}
.box-style01 .b-left01,.box-style01 .b-right01{
	width: 49%;
}
.box-style01 .b-left02{
	width: 40%;
}
.box-style01 .b-right02{
	width: 60%;
}
.hstyle01{
	background: url("images/hstyle01.png") no-repeat center center;
	text-align: center;
	font-size:120%;
}
.hstyle01 span{
	font-size:140%;
	text-align: center;
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}
.hstyle02{
	background: url("images/hstyle02.png") no-repeat center center;
	text-align: center;
	font-size:120%;
}
.hstyle02 span{
	font-size:140%;
	text-align: center;
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}
.hstyle03{
	text-align: center;
	color: #fff;
	font-size:170%;
	font-weight: bold;
}
.hstyle03 span{
	margin-top: 20px;
	display: block;
	text-align: center;
	font-weight: normal;
	font-size:70%;
	background: url("images/hstyle03.png") no-repeat center center;
	color: #333;
}
.hstyle04{
	background: url("images/hstyle04.png") no-repeat center center;
	background-size:100%;
	padding: 20px;
	text-align: center;
	color: #fff;
	font-size:150%;
	font-weight: bold;
	text-shadow: 1px 1px 3px #333;
}
.hstyle05{
	position: relative;
	background: #55b3b1;
	color: #fff;
	font-size:140%;
	padding: 20px;
	text-align: center;
}
.hstyle05:after{
	content: url("images/ya02.png");
	position: absolute;
	left:0;
	bottom:-30px;
	width: 100%;
	text-align:center;
}
.ulstyle01{
	display: flex;
	justify-content:space-between;
}
.ulstyle01 li{
	width: 32.3%;
}
.ulstyle02{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
.ulstyle02 li{
	width: 32%;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 3px #aaa;
	margin-bottom: 60px;
	padding: 20px;
}
/*------------------------------------------------------------------
	01 トップページ
------------------------------------------------------------------*/

#topimage{
	background: url("images/top/topimage_bg.jpg") no-repeat center center;
	background-size:cover;
	padding: 30px 0 20px;
}
#topimage .inner{
	background: url("images/top/pickschattoi.png") no-repeat right top;
}
#topimage ul{
	display: flex;
	justify-content:center;
}
#topimage ul li{
	padding: 10px;
}
#topimage p{
	margin-right: 35%;
}

/*-------------松山でチャットレディといえばピックス-----------------*/
#s01{
	padding: 50px 0;
	background: url("images/top/s01_bg01.jpg") no-repeat center center;
	background-size:cover;
}
#s01 .container2{
	background: url("images/top/s01_bg02.png") no-repeat left top;
}
#s01 .box-style01 p{
	width: 52%;
	font-size:130%;
	padding: 90px 10px;
}
#s01 .box-style01 figure{
	width: 48%;
}
.box-style02{
	background: rgba(255,255,255,0.9);
	padding: 20px 30px;
	box-shadow: 0 0 3px #aaa;
	border-radius: 0 20px 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.box-style02 h3{
	width: 28%;
}
.box-style02 ul{
	width: 70%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.box-style02 ul li{
	padding: 10px;
	padding-left: 30px;
	width: 48%;
	border-bottom: dotted 2px #b9a773;
	background: url("images/check.png") no-repeat left center;
}

/*----------------photo gallery----------------*/
#s02{
	background: url("images/top/photogallery.png") no-repeat center 10px;
}
#s02 .box-style01 .b-left01,#s02 .box-style01 .b-right01{
	position: relative;
	width: 49%;
}
#s02 .box-style01 .ttl{
	position: absolute;
	top:20px;
	left:0;
	padding: 20px;
	background:rgba(255,255,255,0.8);
	font-size:110%;
	font-weight: bold;
}

#s02 .box-style01 .ttl_l{
	position: absolute;
	bottom:20px;
	right:0;
	padding: 20px;
	background:rgba(255,255,255,0.8);
	font-size:110%;
	font-weight: bold;
}
/*----------------チャットレディって？？----------------*/
#s03 .box-style01{
	background: #fff;
}
#s03 .box-style01 .b-right02{
	padding: 20px;
}
#s03 .box-style01 h3{
	background: url("images/question.png") no-repeat left center;
	padding: 10px;
	padding-left: 90px;
	font-size:150%;
}

/*----------------お仕事の報酬システム----------------*/
#party{
	background: #f7f7cf;
	padding: 20px;
}
#s04 h3,#reward03 h3{
	padding: 10px;
	font-size:140%;
	text-align: center;
	border-bottom:solid 1px #333;
	font-weight: bold;
	margin-bottom: 20px;
}
#party h3{
	background: url("images/top/party.png") no-repeat left center;	
}
#twoshot{
	width: 50%;
	background: #dbeded;
	padding: 20px;
}
#camera{
	width: 50%;
	background: #f8e6df;
	padding: 20px;
}
#twoshot h3{
	background: url("images/top/twoshot.png") no-repeat left center;	
}
#camera h3{
	background: url("images/top/camera.png") no-repeat left center;	
}
#s04 .box{
	background: rgba(255,255,255,0.9);
	padding: 20px;
}
/*----------------流れ----------------*/
#s05 .s05-top{
	background: #55b3b1;
	padding: 50px 10px;
	position: relative;
}
#s05 .s05-top:after{
	display: block;
	content: url("images/ya01.png");
	position: absolute;
	bottom:-50px;
	left: 0;
	width: 100%;
	text-align: center;
	
}
#s05 .s05-top ul{
	display: flex;
	justify-content: space-between;
}
#s05 .s05-top ul li{
	width: 48%;
	text-align: center;
}
#s05 .s05-bottom{
	background: url("images/bg02.png");
	padding-top: 80px;
	padding-bottom: 50px;
}
#s05 .s05-bottom .container{
	position: relative;
}
#s05 .s05-bottom .inner{
	background: #fff;
	border-radius: 20px;
	width: 550px;
	margin: 0 auto;
	padding: 30px 45px;

}
#s05 .s05-bottom .inner .txt1{
	font-size:130%;
	font-weight: bold;
}
#s05 .s05-bottom .inner .txt1:before{
	content: url("images/comenntbg01.png");
	margin-right: 10px;
}
#s05 .s05-bottom .inner .txt1:after{
	content: url("images/comenntbg02.png");
	margin-left: 10px;
}
#s05 .s05-bottom .inner .txt3{
	font-size:130%;
	font-weight: bold;
	color: #e96262;
	text-align: center;
	position: relative;
	width: 300px;
	margin: 0 auto;
	line-height: 1.5;
}
#s05 .s05-bottom .inner .txt3:before{
	position: absolute;
	left:0;
	top:0;
	content: url("images/comenntbg03.png");
	margin-right: 10px;
}
#s05 .s05-bottom .inner .txt3:after{
	position: absolute;
	right:0;
	top:0;
	content: url("images/comenntbg04.png");
	margin-left: 10px;
}
.flowimg{
	position: absolute;
	bottom:0;
	left:50%;
	margin-left: -514px;
}
.linebox{
	background: #7292c1;
	padding:40px 30px;
}
.manga,.manga2{
	display: flex;
	flex-direction: row-reverse;
}
.manga li,.manga2 li{
	padding: 10px;
}
.manga li:first-child{
	width: 47%;
}
.manga li:last-child{
	width: 53%;
}
.manga2 li:first-child{
	width: 60%;
}
.manga2 li:last-child{
	width: 40%;
}
.chuui{
	display: flex;
	justify-content: space-between;
}
.chuui li {
	position: relative;
	width: 48%;
	padding: 20px;
	padding-top: 60px;
	background: #fff9dc;
	border-radius: 20px;
	border:solid 1px #cdcdcd;
	box-shadow: 0 0 5px #6bc39f;
}
.chuui li .ttl{
	position: absolute;
	top:-30px;
	left:0;
	width: 100%;
	text-align: center;
}
.mibun{
	display: flex;
}
.mibun p:first-child{
	width: 25%;
}
.mibun p:last-child{
	width: 73%;
}
/*-----------------スタッフブログ--------------*/
.tsam-list{
list-style-type:none;
margin-left:0;
padding-left:0;
	display:flex;
	flex-wrap:wrap;
}
.tsam-list li{
margin:1%;
	width:31.3%;
	background: #fff;
}
.tsam-list li a{
    position:relative;
    display:block;
	box-sizing:border-box;
	text-decoration:none;
	border: 1px solid #CCC;
	overflow: hidden;
	background:#fff;
	color:#333;
}

.tsam-list li h3{
    font-weight:bold;
	line-height:1.4;
	padding: 0 10px;
}
.tsam-list li p{
    font-size:80%;
    line-height:1.4;
	padding: 10px;
}
.tsam-list li figure{
	height: 250px;
	overflow: hidden;
	margin-bottom:10px;
}
.tsam-list li img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	height:auto;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.tsam-list li:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.tsam-list li a:hover {
    color:#63737a;
}

/*-----------------こんな人におすすめ---------------*/
#s07{
	background: url("images/top/recommend_bg01.jpg") repeat-y center top;
	background-size:100%;
	padding-bottom: 50px;
}
#s07 .container .inner1{
	position: relative;
	max-width: 900px;
	margin: 0 auto;
	padding:60px 20px 20px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a5865e+25,7c624c+100 */
background: rgb(165,134,94); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(165,134,94,1) 25%, rgba(124,98,76,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(165,134,94,1) 25%,rgba(124,98,76,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(165,134,94,1) 25%,rgba(124,98,76,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5865e', endColorstr='#7c624c',GradientType=0 ); /* IE6-9 */
	border-radius: 20px;
	box-shadow: 0 0 5px #333;
}
.recommendimg{
	position: absolute;
	top:-50px;
	right:0px;
	width: 35%;
	z-index: 2;
}
#s07 .container .inner1 h3{
	padding-right: 40%;
	margin-bottom: 40px;
}
#s07 .container .inner1:after{
	position: absolute;
	top:-10px;
	left:50%;
	margin-left: -150px;
	content: " ";
	width: 300px;
	height: 151px;
	background: url("images/top/recommend_bg02.png") no-repeat center top;
	background-size:100%;
	z-index: 1;
}
#s07 .container .inner2{
	background: #fff;
	padding: 30px 40px;
	position: relative;
}
#s07 .container .inner2:after{
	position: absolute;
	bottom:-40px;
	left: -40px;
	content: " ";
	width:120px;
	height: 220px;
	background: url("images/top/recommend_bg04.png") no-repeat center top;
	background-size:100%;
	
}
#s07 .container .inner1 .inner3{
	display: flex;
	justify-content: space-between;
}
#s07 .container .inner1 .inner3 ul{
	width: 48%;
}
#s07 .container .inner1 .inner3 ul:first-child{
	border-right:dashed 1px #747474;
}
#s07 .container .inner1 .inner3 ul li{
	padding: 10px;
	padding-left: 40px;
	background: url("images/checklist.png") no-repeat left top;
}
#s07 .container .inner1 .inner3 ul li div{
	font-size:110%;
	font-weight: bold;
}
#s07 .container .inner1 .inner3 ul li p{
	color: #55b3b1;
	font-size:90%;
}

/*----------------特典公開----------------*/
#s08{
	border-top:solid 15px #bdc9bf;
	background: url("images/bg01.png");
	padding:40px 20px 60px;
}
.benefit{
	display: flex;
	flex-wrap: wrap;
	max-width: 1300px;
	margin: 0 auto;
}
.benefit li{
	position: relative;
	width: 33.3%;
	padding: 30px;
	background: #55b3b1;
	color: #fff;
}
.benefit li:nth-child(even){
	background: #fff;
	color: #333;
}
.benefit li span{
	position: absolute;
	left:10px;
	top:0;
}
.benefit li figure{
	text-align: center;
	margin-bottom: 30px;
	height: 90px;
}
.benefit li h3{
	text-align: center;
	margin-bottom: 15px;
	font-weight: bold;
	font-size:130%;
}
.benefit li:nth-child(even) h3{
	color: #55b3b1;
}
.medama{
	position: relative;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 0 3px #aaa;
}
.medama .bagge{
	position: absolute;
	left:30px;
	top:-50px;
}
.medama h3{
	padding: 20px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d7c54d+54,f8dc81+100 */
background: rgb(215,197,77); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(215,197,77,1) 54%, rgba(248,220,129,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(215,197,77,1) 54%,rgba(248,220,129,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(215,197,77,1) 54%,rgba(248,220,129,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7c54d', endColorstr='#f8dc81',GradientType=0 ); /* IE6-9 */
	color: #fff;
	font-size:160%;
	font-weight: bold;
	text-shadow: 1px 1px 3px #333;
	text-align: center;
}
.medama .box-style01 p{
	padding: 20px;
	font-size:120%;
}
/*----------------女性からの感想----------------*/
#s10{
	background: url("images/top/voiceimg.jpg") no-repeat center top;
	background-size:cover;
}
.voice{
	background: #fff;
	border-radius: 10px;
	display: flex;
	overflow: hidden;
	box-shadow: 0 0 3px #aaa;
}
.voice .v-left{
	width: 28%;
	position: relative;
}
.voice .v-left h3{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	padding: 10px;
	padding-left: 120px;
	font-size:130%;
	background: #64b8a1;
	color: #fff;
}
.voice .v-left ul{
	position: absolute;
	left:0;
	bottom:0;
	width: 96%;
	background: rgba(255,255,255,0.8);
	margin: 2%;
	padding: 10px;
}

.voice .v-left ul li:before{
	content: "●";
	color: #64b8a1;
}
.voice .v-left .bagge{
	position: absolute;
	top:0;
	left:0;
	padding: 10px 20px 10px 10px;
	background:url("images/voicebagge.png") no-repeat;
	width: 111px;
	height: 109px;
	color: #fff;
	font-size:120%;
	text-align: center;
}
.voice .v-left .bagge span{
	display: block;
	text-align: center;
	font-size:150%;
	font-style: italic;
}
.voice .v-right{
	width: 72%;
	padding: 20px;
}
.voice .v-right p{
	font-size:90%;
}

/*---------------どんな会社？-----------------*/
#s11 .box-style01{
	background: #fff;
}
#s11 .box-style01 .b-right02{
	padding: 30px;
}
#s11 .box-style01 .b-right02 h3{
	font-size:150%;
	font-weight: bold;
	margin-bottom: 20px;
}
#s11 .box-style01 .b-right02 h3:before{
	content: url("images/comenntbg03.png");
	margin-right: 10px;
}
#s11 .box-style01 .b-right02 h3:after{
	content: url("images/comenntbg04.png");
	margin-left: 10px;
}

/*-----------------店長---------------*/
#s12 .b-left01{
	width: 40%;
	text-align: center;
}
#s12 .b-right01 h3{
	background: url("images/hstyle05.png") no-repeat center center;
	width: 249px;
	height: 47px;
	padding: 10px;
	text-align: center;
	color: #fff;
	font-size:120%;
}
#s12 .b-right01 li dl{
	display: flex;
	justify-content: space-between;
}
#s12 .b-right01 li{
	margin-bottom: 20px;
}
#s12 .b-right01 li dl dt{
	width: 90px;
	color: #55b3b1;
	font-weight: bold;
}
#s12 .b-right01 li dl dt:before{
	content: "●";
}
#s12 .b-right01{
	width: 58%;
}

/*------------------------------------------------------------------
	下層ページ
------------------------------------------------------------------*/
#subimage{
	background: url("images/subimage.jpg") no-repeat center top;
	background-size:cover;
}
#subimage .ttl{
	text-align: center;
	font-size:150%;
	padding: 70px 10px;
  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;
}

/**********パンくずリスト**********/

#crumbs{
padding:10px;
overflow:hidden;
}
#crumbs ul{
padding-left:0;
margin-left:0;
}

#crumbs li{

	list-style-type:none;
float: left;
font-size:85%;
padding-left:5px;
}

#crumbs li a{

    text-decoration:underline;

}

/*-----------------------------------------------
02 お仕事内容
-------------------------------------------------*/
#job01{
	background: #d4e2d4 url("images/bg03.jpg") no-repeat top center;
	background-size:100%;
	padding-bottom: 60px;
}
.box-style01.jobbox{
	background: #fff;
	box-shadow: 0 0 5px #aaa;
	border-radius: 0 30px 0 0;
}
.box-style01.jobbox.rev{
	border-radius: 30px 0 0 0;
}
.box-style01.jobbox .b-right02{
	padding: 20px;
	position: relative;
}

.box-style01.jobbox h3{
	padding: 10px;
	padding-left: 75px;
	font-size:120%;
	color: #55b3b1;
	font-weight: bold;
}
.box-style01.jobbox .bagge{
	position: absolute;
	left:-20px;
	top:0;
}
.box-style01.jobbox.rev h3{
	padding-left: 0px;
	padding-right: 75px;
}
.box-style01.jobbox.rev .bagge{
	position: absolute;
	left:inherit;
	right:-20px;
}
#job02 ul{
	background: url("images/job/fline.png") repeat-y top center;
}
#job02 ul li{
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
#job02 ul li.rev{
	flex-direction: row-reverse;
}
#job02 ul li figure,#job02 ul li div{
	width: 45%;
}
#job02 ul li figure{
	text-align: center;
}
#job02 ul li .step{
	position: absolute;
	left:50%;
	top:50%;
	margin-left: -42px;
	margin-top: -42px;
}
#job02 ul li h3{
	font-weight: bold;
	font-size:130%;
	margin-bottom: 20px;
}
#job02 ul li.repeat{
	width: 40%;
	margin: 0 auto;
	margin-bottom: 50px;
	border: solid 1px #ccc;
 	background: #fff;
	border-radius: 30px;
	padding: 20px;
	text-align: center;
	display: block;
}
#job03{
	border-top:solid 15px #bdc9bf;
	background: url("images/bg01.png");
}
#job03 ul li .bagge{
	margin-top: -60px;
	text-align: center;
	margin-bottom: 10px;
}
#job03 ul li h3{
	color: #55b3b1;
	font-weight: bold;
	font-size:130%;
	margin-bottom: 10px;
	text-align: center;
}

/*---------------------------------------------------
03 報酬について
------------------------------------------------*/
#reward01 .inner{
	position: relative;
	padding: 50px 20px;
	padding-right: 32%;
}
#reward01 .chance{
	position: absolute;
	top:0;
	right:0;
}
#reward01 p:last-child{
	padding:40px;
}
#reward02{
	background: url("images/reward/point_bg.jpg") no-repeat center top;
	background-size:cover;
}
#reward02 .container{
	display: flex;
	justify-content:center;
	padding-bottom: 40px;
}
#reward02 .container .img{
	width: 30%;
}
#reward02 .container .textbg{
	width: 65%;
	padding: 40px;
	padding-top: 60px;
		padding-right: 60px;
	background: url("images/reward/pointtxt_bg.png") no-repeat center top;
	background-size:100%;
	font-size:160%;
}
#reward02 .container .textbg ul li{
	padding: 10px;
	padding-left: 70px;
	border-bottom: dotted 1px #fff;
	background: url("images/reward/check.png") no-repeat 20px 5px;
}
#reward03{
	background: #fff;
}
#reward04 ul {
	display: flex;
	flex-wrap: wrap;
	
}
#reward04 ul li{
	width: 50%;
	padding:30px 70px;
}
#reward04 ul li:first-of-type,#reward04 ul li:nth-of-type(3){
	border-right:solid 1px #fff;
}
#reward04 ul li:first-of-type,#reward04 ul li:nth-of-type(2){
	border-bottom: solid 1px #fff;
}
#reward04 ul li h3{
	text-align: center;
	font-weight: bold;
	font-size:140%;
	color: #55b3b1;
	margin-bottom: 10px;
}
#reward05 ul{
	display: flex;
}
#reward05 ul li{
	width: 33.33%;
	padding: 30px;
	padding-top:20%;
	position: relative;
	color: #fff;
	text-shadow: 1px 1px 2px #aaa;
}
#reward05 ul li h3{
	font-size:150%;
	text-shadow: 1px 1px 3px #333;
	text-align: center;
	margin-bottom: 10px;
}
#reward05 ul li .bagge{
	position: absolute;
	top:20px;
	left:30px;
}
#reward05 ul li:first-child{
	background: url("images/reward/houjinkeiei.jpg") no-repeat center bottom;
	background-size:cover;
}
#reward05 ul li:nth-child(2){
	background: url("images/reward/meiryoukaikei.jpg") no-repeat center bottom;
	background-size:cover;
}
#reward05 ul li:last-child{
	background: url("images/reward/hibarai.jpg") no-repeat center bottom;
	background-size:cover;
}
#reward06 ul li{
	position: relative;
	padding-left:40%;
	margin-bottom: 40px;
}
#reward06 ul li:nth-child(2){
	padding-left: 0;
	padding-right: 40%;
}
#reward06 ul li figure{
	position: absolute;
	top:0;
	left:0;
}
#reward06 ul li:nth-child(2) figure{
	left:inherit;
	right:0;
}
#reward06 ul li .text p:first-child{
	text-align: center;
	padding: 50px;
}
#reward06 ul li .text p:nth-child(2){
	text-align: center;
	padding:3px;
	background:url("images/reward/kinmubg1.png") no-repeat center top;
	background-size:100%;
	font-size:140%;
}
#reward06 ul li:nth-child(2) .text p:nth-child(2){
	background:url("images/reward/kinmubg2.png") no-repeat center top;
	background-size:100%;
}
#reward06 ul li .text p:last-child{
	padding: 30px;
}
/*---------------------------------------------------
04 チャットルーム公開
-----------------------------------------------*/
#roombg{
	background: url("images/room/bg.png") no-repeat center 30px;
}
#room01 ul.ultop{
	display: flex;
	justify-content: space-between;
}
#room01 ul.ultop li{
	width: 49%;
	text-align: center;
}
#room01 .b-left01{
	padding-top: 4%;
}
#room01{
	padding:70px 10px;
	padding-top: 0;
}
#room02,#room03,#room04,#room05{
	padding: 50px 10px;
}
/*---------------------------------------------------
05 サポート
-----------------------------------------------*/
#support01{
	background: url("images/support/supportbg.jpg") no-repeat center top;
	background-size:cover;
	padding: 10px;
}
#support01 ul{
	padding:30px 50px;
	background:rgba(255,255,255,0.8);
	border-radius: 8px;
}
#support01 ul li{
	padding: 20px;
	padding-left: 120px;
	margin-bottom: 10px;
}
#support01 ul li:first-child{
	background: url("images/support/promise1.png") no-repeat left center;
	background-size:100px;
}
#support01 ul li:nth-child(2){
	background: url("images/support/promise2.png") no-repeat left center;
	background-size:100px;
}
#support01 ul li:nth-child(3){
	background: url("images/support/promise3.png") no-repeat left center;
	background-size:100px;
}
#support01 ul li:nth-child(4){
	background: url("images/support/promise4.png") no-repeat left center;
	background-size:100px;
}
#support01 ul li:nth-child(5){
	background: url("images/support/promise5.png") no-repeat left center;
	background-size:100px;
}
#support01 ul li:nth-child(6){
	background: url("images/support/promise6.png") no-repeat left center;
	background-size:100px;
}
#support01 ul li:nth-child(7){
	background: url("images/support/promise7.png") no-repeat left center;
	background-size:100px;
}
#support01 ul li .ttl{
	font-size:130%;
	margin-bottom: 10px;
}
#support02{
		padding: 10px;
}
#support02 .taisei .b-right02{
	padding: 10px 30px;
}
#support02 .taisei .b-right02 h3{
	font-size:140%;
	font-weight: bold;
	margin-bottom: 20px;
}
#support02 .box-style01.jobbox .bagge2{
	position: absolute;
	top:-1px;
	right:20px;
}
#support02 .box-style01.jobbox.rev .bagge2{
	position: absolute;
	top:-1px;
	right:inherit;
	left:20px;
}
#support02 .box-style01.jobbox.rev h3{
	font-size:140%;
	padding:20px 30px 40px;
	padding-left: 100px;
}
#support02 .box-style01.jobbox h3{
	font-size:140%;
	padding:20px 100px 40px 0;
}
/*---------------------------------------------------
06　よくある質問
-----------------------------------------------*/
.faq dt{
	position: relative;
	border-bottom: solid 1px #ccc;
	padding:30px;
	padding-left: 80px;
	background:url(images/q.png) no-repeat 20px center;
	font-weight: bold;
	font-size:110%;
	cursor: pointer;
}
.faq dt:before{
	color: #55b3b1;
	display: block;
	position: absolute;
	top:30%;
	right:10px;
	font-family: "Font Awesome 5 Free";
	content: '\f107';
	font-weight:900;
}
.faq dt.on:before{
	color: #55b3b1;
	display: block;
	position: absolute;
	top:30%;
	right:10px;
	font-family: "Font Awesome 5 Free";
	content: '\f106';
	font-weight:900;
}
.faq dd{
	border-bottom:none;
	padding: 20px;
	padding-left: 80px;
	background:#dfe8dc url(images/a.png) no-repeat 20px center;
	display: none;
}

/*---------------------------------------------------
9  contact
-------------------------------------------------*/
#contact-form li{
	padding: 20px 10px;
	border-bottom: solid 1px #ccc;
}
.hissu{
	background: #e36676;
	color: #fff;
	display: inline-block;
	border-radius: 3px;
	font-size:90%;
	padding: 3px 20px;
	float: right;
}
#contact-form li dl{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#contact-form li dl dt{
	width: 28%;
}
#contact-form li dl dd{
	width: 70%;
}
input[type=text],textarea{
	width:100%;
	background: #fff;
	padding: 10px;
	border:none;
	border-radius: 3px;
}
input[type=text]#nenrei{
	width: 60px;
	text-align: center;
	margin-right: 10px;
}
.bikou{
	margin-left: 20px;
	font-size:90%;
	color:#888;
}
textarea{
	height:200px;
}
select{
	background: #fff;
	padding: 10px;
	font-size:90%;
	border:none;
	color: #333;
	border-radius: 3px;
}
input[type="date"]{
	background: #fff;
	padding: 10px;
	font-size:90%;
	border:none;
		border-radius: 3px;
}
input::placeholder,textarea::placeholder {
  color: #aaa;
}
.btn01{
	width: 247px;
	height: 67px;
	text-align: center;
	font-size:110%;
	text-decoration: none;
	background: url("images/btnbg2.png") no-repeat center center;
	color: #fff;
	border:none;
}
.btn01:hover{
	background: url("images/btnbg2_h.png") no-repeat center center;
}

input[type=checkbox] + label:before { content: "\f0c8";font-weight: 400; } /* unchecked icon */
input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

input[type=checkbox]:checked + label:before { font-family: "Font Awesome 5 Free";content: "\f14a";font-weight: 900; } /* checked icon */
input[type=checkbox]:checked + label:before { letter-spacing: 10px; } /* allow space for check mark */


/*--------------------------------------------------
8  スタッフブログ
-------------------------------------------------------*/
#main{
	width:67%;
}
.sam-list li a{
	display: flex;
	justify-content: space-between;
	background: #fff;
	color: #333;
	margin-bottom: 30px;
	box-shadow: 1px 1px 3px #aaa;
	transition: 0.5s;
}
.sam-list li figure{
	width: 30%;
	height: 200px;
	overflow: hidden;
}
.sam-list li figure img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	height:auto;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.sam-list li a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.sam-list li div.box{
	width: 70%;
	padding: 20px;
}
.sam-list li div.box .ttl{
	color: #55b3b1;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 10px;
	transition: 0.5s;
}
.sam-list li div.box p{
	font-size:85%;
}
.sam-list li a:hover,.sam-list li a:hover div.box .ttl{
	text-decoration: none;
	color: #ccc;
}
#sidebar{
	width: 28%;
}
#sidebar h2{
	background: #55b3b1;
color: #fff;
	padding: 10px;
	font-size:120%;
}
#sidebar ul li{
	background: #fff;
	border-bottom:solid 1px #ccc;
	margin-bottom: 0;
	display: flex;
	justify-content: space-between;
}

#sidebar ul li figure{
	width: 30%;
}
#sidebar ul li div{
	width: 70%;
	padding:5px 10px;
}

#single-page #main{
	background: #fff;
}
#single-page #main .head-inner{
	padding: 20px;
}
#single-page #main .head-inner h2{
	margin-bottom: 20px;
	color: #55b3b1;
	font-size:140%;
	font-weight: bold;
}
#single-page #main .contents{
	padding: 20px;
	margin-bottom: 40px;
}
#single-page #main .contents p{
	margin-bottom: 20px;
}
/*次の記事へ*/
.adjacent_post_links{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.adjacent_post_links li{
	width: 50%;
}
.adjacent_post_links li a{
	display:block;
	padding:20px;
}
.adjacent_post_links li.next a{
	text-align: right;
}


/*Pagenation*/
.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 14px;
	line-height: 1em;
        text-align: center;
}
.pagination-box {
	display: inline-block;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 10px 14px 10px 14px;
	text-decoration: none;
	width: auto;
	color: #55b3b1;
	background:#fff;
	border:solid 1px #55b3b1;
	border-radius:3px;
}
.pagination span.page-of {
	background: none;
	color: #55b3b1;
	border:none;
}
.pagination a:hover{
	color: #fff;
	background: #55b3b1;
	border:solid 1px #55b3b1;
}
.pagination .current{
	padding: 10px 14px 10px 14px;
	color: #fff;
	background: #55b3b1;
	border:solid 1px #55b3b1;
}
@media only screen and (max-width: 413px) {
.pagination {
	font-size: 12px;
	line-height: 12px;
}
.pagination span, .pagination a {
	padding: 7px 10px 7px 10px;
}
.pagination .current{
	padding: 7px 10px 7px 10px;
}
}

/*--------------------------------------------------
11　　プライバシーポリシー
--------------------------------------------------*/
#privacy ol li{
	margin-bottom: 5px;
}

/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
↑pcサイズ
----------------------------------
↓タブレットサイズ
●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media screen and (max-width: 1099px){
	body{
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
	}


	#pageBtn a{
		bottom: 150px;
	}
	#topimage p{
	margin-right: 0%;
}
	#roombg{
	background: none;
}
	#room01,#room03,#room05{
		background: #f6f5e8;
		padding: 0 10px;
	}
	#room02,#room04{
		background: #edf1f0;
		padding: 0 10px;
	}
	#room05{
		padding-bottom: 30px;
	}
}


@media screen and (min-width: 640px) and (max-width: 1099px) {
	.container{
		padding: 20px ;
	}
	.tb-dnon{
		display:none;
	}
	.pc-dnon2{
		display:block;
	}
	.p01-s { padding: 30px 10px !important; }
	footer ul{
		flex-wrap: wrap;
		justify-content:flex-start;
	}
	footer ul li{
		width: 33.3%;
	}
	.nav{
		flex-wrap: wrap;
	}
	.nav li{	

	}
	.nav li a{
		text-align: center;
		}
	#foot-nav ul li{
		padding: 0 5px;
	}
	#foot-nav ul{
		padding: 0;
	}
	#foot-nav ul li.sp-dnon div:nth-of-type(2), #foot-nav ul li.sp-dnon div:last-child{
		font-size:50%;
	}
	#topimage .inner{
		background-size:50%;
	padding-right: 35%;
}
	#s01 .box-style01 p{
		font-size:120%;
	}
	#s02 .box-style01 .ttl{
		font-size:100%;
	}
	#s05 .s05-top{
		padding-top: 20px;
	}
	.flowimg{
		left: 0;
		margin-left: 0;
	}
	#s05 .s05-top:after{
		width: 80%;
	}
	#s05 .s05-bottom .inner{
		padding: 5% 9%;
	}
	.mibun{
		justify-content: space-between;
	}
	.sam-list li figure{
		height: auto;
	}
	#s07 .container .inner1{
		width: 100%;
	}
	.benefit li{
		width: 48%;
		border-bottom:solid 1px #fff;
	}
	.benefit li:nth-child(even){
		border-bottom:solid 1px #55b3b1;
	}
	.medama .bagge{
		top:-10px;
		left: 0;
		width: 100px;
	}
	.medama {
		overflow: hidden;
	}
	.medama h3{
		padding: 10px;
		padding-left: 15%;
		font-size:130%;
	}
	.medama .box-style01 p{
		padding: 10px;
		font-size:90%;
	}
	.voice .v-left .bagge{
		font-size:100%;
		width: 80px;
		height: 80px;
		background-size:cover;
	}
	.voice .v-left h3{
		font-size:100%;
		padding: 5px;
		padding-left: 85px;
	}
	.voice .v-left ul{
		background: #dbeded;
		position: static;
		width: 100%;
		margin: 0;
		font-size:90%;
	}
	#s12 .b-right01 li dl dt{
		width: 120px;
	}
	.contact-top{
		padding: 20px;
	}
	.contact-top .bagge{
		left: 0px;
	}
	.contact-top .container{
		padding-left: 30%;
	}.contact-top h2{
		font-size:130%;
	}
	.contact-top p{
		font-size:100%;
	}
	.contact-bottom ul li .telbg .tel{
		font-size:3.3vw;
	}
	.contact-bottom ul li .telbg{
		padding-left: 10%;
		background-position: left 20px;
		background-size:10%;
	}
	#reward01 .chance{
		width: 40%;
	}
	#reward05 ul li{
		padding: 10px;
		padding-top: 20%;
	}
	#reward05 ul li .bagge{
		width: 70px;
		top:10px;
		left:10px;
	}
	#reward05 ul li h3{
		font-size:110%;
	}
	#reward02 .container .textbg{
		background: url("images/reward/pointbgsp.png") no-repeat center top;
		font-size:130%;
	}
	#reward06 ul li{
		padding-left: 35%;
	}
	#reward06 ul li figure{
		width: 40%;
	}
	#reward06 ul li .text p:nth-child(2),#reward06 ul li:nth-child(2) .text p:nth-child(2){
	background: url("images/reward/kinmubg1sp.png") no-repeat center center;
		background-size:100%;
		
	}

}


/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
↑タブレットサイズ
----------------------------------
↓spサイズ
●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media screen and (min-width: 640px){
  .nav-wrap {
    display: block !important;
  }

}

@media screen and (max-width: 639px) {
	
/*----------共通------------*/

body{
	font-size:14px;

}
.sp-dnon {
    display: none !important;
}
.pc-dnon,.pc-dnon2{
    display:  block !important;
}
.db-sp{
	display:block;
}
	.sp-blk{
		display: block;
		margin: 0 auto !important;
	}
	.container{
		padding: 10px;
	}

/*margin padding変更*/
.m10b-s { margin-bottom: 5px !important; }
.m20b-s { margin-bottom: 10px !important; }
.m30b-s { margin-bottom: 15px !important; }
.m40b-s { margin-bottom: 20px !important; }
.m50b-s { margin-bottom: 25px !important; }
.m60b-s { margin-bottom: 30px !important; }
.m70b-s { margin-bottom: 35px !important; }
.m80b-s { margin-bottom: 35px !important; }
.m100b-s { margin-bottom: 50px !important; }
.m01-s{margin:0 5px;}
.p01-s { padding: 20px 10px !important; }
.p02-s { padding:10px !important; }
.p10l-s{margin-left:0px !important}
.sp-p01{padding:0 5px;}
	
.f-left-pc, .f-right-pc,#m-right,#m-left{
    float: none;
}
.right-pc{
	text-align:left;
}
	.cen-pc{text-align: left !important;}
	.header{
		padding: 0;
		background: none;
	}
	.header.m_fixed {
	  position: static;
}
	.head-h1{
		position: static;
		background: #55b3b1;
		color: #fff;
		text-align: left;
		padding: 5px;
	}
	header .ttl img{
		width: 80px;
		height:auto;
	}
 
header{
	height: 45px;
	}
	#subimage .ttl{
		padding: 40px 10px;
		font-size:130%;
	}
  /*メニューボタン*/
  .nav-wrap {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
  }
.nav-wrap .nav {
	flex-wrap: wrap;
      position: relative;
      overflow-x: hidden;
      overflow-y: auto;
	padding-top: 60px;
 }
.nav-wrap .nav a {
        color: #fff;
        font-size: 18px;
	padding: 10px 30px;
 }
.nav-wrap li {
	width: 100%;
	background: url(images/list01.png) no-repeat 10px center;
}
 .nav-button {
    display: block;
    cursor: pointer;
	  position: absolute;
	  top:10px;
	  right:10px;
  }
	.nav-button.active{
		position: fixed;
	}
  .nav-button,
  .nav-button span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  .nav-button {
    z-index: 20;
    width: 30px;
    height: 26px;
  }
  .nav-button span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #55b3b1;
    border-radius: 4px;
  }
  .nav-button span:nth-of-type(1) {
    top: 0;
  }
  .nav-button span:nth-of-type(2) {
    top: 11px;
  }
  .nav-button span:nth-of-type(3) {
    bottom: 0;
  }
  .nav-button.active span:nth-of-type(1) {
    -webkit-transform: translateY(11px) rotate(-45deg);
    transform: translateY(11px) rotate(-45deg);
  }
  .nav-button.active span:nth-of-type(2) {
    opacity: 0;
  }
  .nav-button.active span:nth-of-type(3) {
    -webkit-transform: translateY(-11px) rotate(45deg);
    transform: translateY(-11px) rotate(45deg);
  }

	/*footer*/
		#pageBtn a{
		bottom: 65px;
	}
	footer{
		padding: 0;
		padding-bottom:60px;
	}
	footer .logo{
		width: 100px;
		height: 50px;
		background-size:100%;
		padding: 15px;
		top:-40px;
		margin-left: -50px;
	}
	footer ul{
	flex-wrap: wrap;
	}
	footer ul li:first-child{
		width: 100%;
	}
	footer ul li{
		width: 50%;
		
	}
	footer ul li a{
		padding: 10px;
		display: block;
	background: url(images/list01.png) no-repeat 0 center;
	}
	footer ul li ul li a{
		padding: 0;
		display: inline-block;
		padding-left: 20px;
		background: none;
		
	}

	#foot-nav .container{
		padding: 0 !important;
	}
	#foot-nav ul{
		padding: 0;
	}
	#foot-nav ul li {
		border-right:none;
		padding: 0;
		width: 33.3%;
	}
	#foot-nav ul li:first-of-type a{
		background: #55b3b1;
	}
	#foot-nav ul li:nth-of-type(2){
		background: #e18292;
	}
	#foot-nav ul li:last-of-type{
		background: #00b900;
	}
	#foot-nav ul li a{
		padding: 10px;
		display: block;
		text-align: center;
	}
	#foot-nav ul li img.pc-dnon{
		height:40px;
		width: auto;
		display: inline !important;
	}
	
/*---------共通------------*/
.table01 th, .table01 td{
		padding: 10px;
	}
.box-style01,.ulstyle01,.ulstyle02{
		display: block;
	}
	.box-style01 .b-left01,.box-style01 .b-right01,.box-style01 .b-left02,.box-style01 .b-right02,.ulstyle01 li,.ulstyle02 li{
		width: 100%;
	}
	.hstyle01,.hstyle02{
		background-size:100%;
		font-size:100%;
	}
	.hstyle04{
    background:#5ac2c1 url("images/hstyle04_sp.png") no-repeat center center;
    background-size: 100%;
    padding:10px;
    text-align: center;
    color: #fff;
    font-size: 130%;
    font-weight: bold;
    text-shadow: 1px 1px 3px #333;
		border-radius: 10px;
		border:solid 2px #fff;
	box-shadow: 1px 1px 3px #5ac2c1;
	}
	.hstyle05{
		font-size:120%;
		line-height: 1.6;

	}
	.link01 a{
		font-size:4.5vw;
		padding: 10px;
	}
/*---------------------------------
	01 トップページ	
-------------------------------*/
	#topimage{
		padding: 0;
		margin-bottom: 100px;
	}
	#topimage .inner{
		padding-right:0;
		background-size:80%;
		background-position: center 35%
	}
	#topimage .inner h2{
		margin-bottom: 50%;
	}
	#topimage .inner p{
		line-height: 1.6;
		padding: 0 10px;
	}
	#topimage ul{
		flex-wrap: wrap;
		background: #f6f4f3;
	}
	#topimage ul li{
		width:33.3%;
		padding:2px;
	}
	#s01{
		padding: 10px 0;
	}
	#s01 .box-style01{
		margin-top: -90px;
		display: flex;
		flex-direction:column-reverse;
		flex-wrap: wrap;
	}
	#s01 .box-style01 figure,#s01 .box-style01 p{
		width: 100%;
	}
	#s01 .box-style01 figure {
		text-align: right;
	}
	#s01 .box-style01 figure img{
		width: 80%;
	}
	#s01 .box-style01 p{
		font-size:100%;
		padding: 10px;
		line-height: 1.6;
		margin-bottom: 20px;
	}
	.box-style02{
		padding: 10px;
		display: block;
	}
	.box-style02 h3{
		margin-bottom: 10px;
	}
	#s02{
		background-position:right 10px;
		background-size:70%;
	}
	#s02 .container{
		padding: 0;
	}
	#s02 .box-style01{
		padding: 10px;
	}
	#s02 .box-style01 .ttl{
		padding: 10px;
		font-size:100%;
		top:5px;
	}
	.box-style01 .b-left01{
		margin-bottom: 10px;
	}
	#s02 p.link01{
		margin: 10px;
	}
	#s03 .box-style01 .b-right02{
		padding: 15px;
	}
	#s03 .box-style01 h3{
		font-size:120%;
		background-size:50px;
		padding-left: 50px;
	}
	#s03 .box-style01 p.txt17{
		font-size:115% !important;
		line-height: 1.5;
	}
	#s04 h3{
		background-size:70px;

	}
	#party{
		padding: 10px;
	}
	#s05 .s05-top{
		padding: 10px;
	}
	#s05 .s05-top:after{
		content: url("images/ya02.png");
		bottom:-30px;
	}
	#s05 .s05-bottom .inner{
		width: 100%;
		padding:20px;
		position: relative;
	}
	#s05 .s05-bottom{
		padding-top: 30px;
	}
	#s05 .s05-bottom .inner .txt1{
		font-size:4vw;
	}
	#s05 .s05-bottom .inner:after{
		display: block;
		position: absolute;
		left:50%;
		margin-left: -25px;
		bottom:-45px;
		width:50px;
		height: 50px;
		content: " ";
		background: url("images/ya03.png") no-repeat center center;
		background-size:100%;
	}
	#s05 .s05-bottom .inner .txt3{
		font-size:5vw;
		width: 100%;
	}
	#s05 .s05-bottom .inner .txt3:before{
		left:2%;
	}
	#s05 .s05-bottom .inner .txt3:after{
		right:2%;
	}
	.linebox{
		padding:20px 10px;
	}
	.linebox p:first-child{
		padding-left: 15%;
	}
	.manga2 li:last-child{
		text-align: center;
	}
	.manga2 li:last-child img{
		width: 80%;
	}
	.chuui{
		margin-top: 50px;
	}
	.chuui li{
		padding-top: 10%;
		margin-bottom: 50px;
	}
	.chuui li:last-child{
		margin-bottom: 0;
	}
	.mibun p:last-child{
		padding-left: 10px;
	}
	#s05 .s05-bottom{
		padding-bottom: 30px;
	}
	.tsam-list li{
		width: 98%;
		margin-bottom: 20px;
	}

	#s07 .container .inner1 h3{
		margin-bottom: 20px;
	}
	#s07 .container .inner1{
		padding: 30px 10px 10px;
	}
	#s07 .container .inner1:after{
		width: 100px;
		height: 30px;
		margin-left: -50px;
	}
	#s07 .container .inner1 .inner3 ul:first-child{
		border-right:none;
	}
	.recommendimg{
		width: 40%;
		top:-20px;
	}
	#s07 .container .inner2:after{
		width: 80px;
		height: 150px;
		left:-20px;
	}
	.benefit li span{
		width: 50px;
	}
	.benefit li{
		padding: 15px;
	}
	.benefit li figure{
		height: inherit;
		margin-bottom: 15px;
	}
	.benefit li figure img{
		width: 50px;
	}
	#s08{
		padding: 30px 10px;
	}
	.medama .bagge{
		width: 80px;
		top:-10px;
		left: 0;
	}
	.medama h3{
		padding: 10px;
		padding-left: 25%;
		font-size:120%;
	}
	.medama .box-style01 p{
		padding: 10px;
		font-size:100%;
	}
	.voice{
		max-width: 300px;
		margin: 0 auto 30px;
	}
	#s11 .box-style01 .b-right02{
		padding: 15px;
	}
	#s11 .box-style01 .b-right02 h3{
		font-size:130%;
	}
	#s12 .b-right01 h3{
		margin: 0 auto 20px;
	}

#s02 .box-style01 .b-left01, #s02 .box-style01 .b-right01,.box-style02 h3,.box-style02 ul,.box-style02 ul li,#twoshot,#camera,.manga li:first-child,.manga li:last-child,.manga2 li:first-child,.manga2 li:last-child,.chuui li,#s07 .container .inner1 .inner3 ul,.benefit li,.voice .v-left,.voice .v-right,#s12 .b-left01,#s12 .b-right01{
		width: 100%;
	}
	.manga,.manga2,.chuui,#s07 .container .inner1 .inner3,.benefit,.voice,#s12 .b-right01 li dl{
		flex-wrap: wrap;
	}
	#s07 .container .inner2{
		padding: 10px;
	}
	.contact-sec{
		padding-bottom: 50px;
	}
	.contact-top{
		padding: 5px;
	}
	.contact-top .container{
		padding-left: 35%;
	}
	.contact-top h2{
		font-size:110%;
	}
	.contact-top p{
		font-size:3.7vw;
		text-align: center;
	}
	.contact-top p img{
		width: 100px;
		display: block;
		margin: 0 auto;
	}
	.contact-top .bagge{
		top:-20px;
		left:0px;
		width: 30%;
	}
	.contact-bottom{
		padding-top: 10px;
		margin-bottom: 0 !important;
	}
	.contact-bottom ul{
		display: block;
	}
	.contact-bottom ul li{
		width: 100%;
		margin-bottom: 5px;
		text-align: center;
	}
	.more .ttl{
		font-size:100%;
	}
	.more ul li{
		font-size:100%;
		width: 48%;
	}
	#subimage{
		background: url("images/subimage_sp.jpg") no-repeat center top;
		background-size:cover;
	}
	.box-style01.jobbox .bagge{
		left: -10px;
	}
	.box-style01.jobbox.rev .bagge{
		left: inherit;
		right:-10px;
	}
	.box-style01.jobbox.rev figure img{
		border-radius: 20px 0 0 0;
	}
	.box-style01.jobbox figure img{
		border-radius: 0 20px 0 0;
	}
	#job02 ul{
		background-position: 20px top;
	}
	#job02 ul li{
		display: block;
	}
	#job02 ul li figure, #job02 ul li div{
		width: 100%;
		padding-left: 10%;
	}
	#job02 ul li .step{
		width: 60px;
		left:0;
		margin-left: -10px;
		top:-10px;
		margin-top: 0;
	}
	#job02 ul li figure{
		margin-bottom: 10px;
	}
	#job02 ul li h3{
		margin-bottom: 10px;
	}
	#job02 ul li.repeat{
		width: 80%;
	}
	#job03 ul li .bagge{
		width: 40%;
		margin: 0 auto;
		margin-top: -40px;
	}
	.ulstyle02 li{
		margin-bottom: 40px;
	}
	#reward01 .inner{
		padding:0;
	}
	#reward01 p:last-child{
		padding:10px;
	}
	#reward01 .chance{
		position: static;
		display: block;
		margin: 10px auto;
	}
	#reward02 .container{
		position: relative;
		justify-content: flex-end;
		padding-bottom: 20px;
	}
	#reward02 .container .img{
		position: absolute;
		top:10%;
		left:0;
		width: 40%;
	}
	#reward02 .container .textbg{
		width: 68%;
		padding:20px 10px;
		font-size:100%;
		background: url("images/reward/pointbgsp.png") no-repeat center top;
		background-size:cover;
	}
	#reward02 .container .textbg ul li{
		background: url("images/reward/check.png")no-repeat left center;
		background-size:15px;
		padding-left: 30px;
	}
	#reward04 ul li{
		padding: 10px;
	}
	#reward04 ul li figure img{
		width: 100px;
	}
	#reward04 ul li h3{
		font-size:110%;
	}
	#reward05 ul{
		display: block;
	}
	#reward05 ul li{
		width: 100%;
		padding: 20px;
		padding-top: 30%;
	}
	#reward05 ul li .bagge{
		width: 80px;
		top:10px;
		left:10px;
	}
	#reward05 .hstyle05{
		font-size:4.5vw;
	}
	#reward06 ul{
		margin-top: 50px;
	}
	#reward06 ul li{
		padding-left: 0;
	}
	#reward06 ul li figure{
		position: static;
	}
	#reward06 ul li .text p:first-child{
		padding: 20px;
	}
		#reward06 ul li .text p:nth-child(2),#reward06 ul li:nth-child(2) .text p:nth-child(2){
	background: url("images/reward/kinmubg1sp.png") no-repeat center center;
		background-size:100%;
		line-height: 1.4;
	}
	#reward06 ul li .text p:last-child{
		padding: 10px;
	}
	#reward06 ul li:nth-child(2){
		padding-right: 0;
	}
	#support01 ul{
		padding: 20px 10px;
	}
	#support01 ul li{
		padding: 10px;
		padding-top: 80px;
		padding-bottom: 20px;
		border-bottom:solid 1px #ccc;
		background-position: center top !important;
		background-size:70px !important;
	}
	#support01 ul li:last-child{
		border-bottom: none;
		padding-bottom: 0;
	}
	#support02 .taisei .b-right02{
		padding: 10px;
	}
	.box-style01.jobbox .b-right02{
		position: static;
	}
	.box-style01.jobbox{
		position: relative;
	}
	#support02 .box-style01.jobbox .bagge2{
		left:20px;
		right:inherit;
	}
	#support02 .box-style01.jobbox h3,#support02 .box-style01.jobbox.rev h3{
		padding: 10px;
		font-size:120%;
	}
/*-------------------06　よくある質問---------------*/
.faq dt{
	padding: 15px 20px;
	padding-left: 60px;
	background:url(images/q.png) no-repeat 10px center;
	background-size:40px;
}
.faq dd{
	background:#dfe8dc url(images/a.png) no-repeat 10px 15px;
	background-size:40px;
	padding: 15px;
	padding-left: 60px;
}
	.faq:last-child{
	margin-bottom: 10px;
	}
	
/*------------------お問い合わせ--------------*/
	select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent;
}
select{
	background: #fff;
	padding: 10px;
	font-size:90%;
	border:none;
	color: #333;
	border-radius: 3px;
}

	#contact-form li dl{
	display:block;
}
#contact-form li dl dt{
	width: 100%;
	margin-bottom: 10px;
}
#contact-form li dl dd{
	width: 100%;
}
	.bikou{
		display: block;
		margin-left: 0;
		margin-top: 10px;
	}
	#main,#sidebar{
		width: 100%;
	}
	#single-page #main .head-inner{
		padding: 10px;
	}
	.sam-list{
		max-width: 300px;
		margin: 0 auto;
	}
	.sam-list li figure,.sam-list li div.box{
		width: 100%;
		
	}
	.sam-list li div.box .ttl{
		margin-bottom: 0;
	}
	.sam-list li figure{
		height: auto;
		padding: 0;
		margin: 0;
	}
	.sam-list li div.box{
		padding: 10px;
	}
	#single-page #main .contents{
		margin-bottom: 0px;
	}
	.sam-list li a{
		display: block;
	}
	
}
@media screen and (max-width: 320px) {
	.se-blk{
	display: block;
	}
}


.modal {
  display: none;
}

.modal {
  display: none;
  height: 250px;
  position: fixed;
  bottom: 25px;
  width: 100%;
  z-index: 998;
}

.modal__bg {
  background: rgba(0, 0, 0, 0.7);
  height: 55vh;
  position: absolute;
  width: 100%;
}

.modal__content {
  left: 50%;
  padding: 20px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}
.modal__content h3 {
    font-size: 125%;
    text-align: center;
    color: #33d728;
    font-weight: bold;
}
.modal__content p {
    text-align: center;
    color: #fff;
}
.modal__content ul li a {
  display: block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  background: #f94e83;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 7px;
}

.modal__content ul.f-tel a {
  background: #fb8e8e url("images/foot_tel2.png") no-repeat 10px center;
  background-size: 15px;
}

.modal__content ul.f-tel a span {
  margin-right: 10px;
}

.modal__content ul.f-line a {
  background: #7abf9e url("images/foot_line2.png") no-repeat 20px center;
  background-size: 20px;
}

.modal__content ul.f-mail a {
  background: #57c0cd url("images/foot_mail2.png") no-repeat 20px center;
  background-size: 18px;
}

.close {
  margin: 0 auto;
}

.close a {
  width: 100px;
  margin: 10px auto;
  display: block;
  text-align: center;
  text-decoration: none;
  background: #fff;
  padding: 5px 10px;
  color: #1a1a1a;
  border-radius: 5px;
}

.modal2 {
  position: fixed;
  top: 50%;
  left: 50%;
  display: none;
  height: 500px;
  width: 500px;
  margin-top: -250px;
  margin-left: -250px;
  z-index: 998;
  background: rgba(0, 0, 0, 0.7);
}

.modal__content2 {
  left: 50%;
  padding: 20px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}

.modal__content2 ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 80%;
  margin-bottom: 40px;
}

.modal__content2 ul li {
  background: #7abf9e;
  width: 31%;
  line-height: 1.4;
}

.modal__content2 ul li a {
  color: #fff;
  display: block;
  text-align: center;
  padding: 10px;
}

.modal__content2 ul li a:hover {
  text-decoration: none;
}

.modal__content2 ul li img {
  border: solid 5px #fff;
  margin-bottom: 10px;
}