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

/**************************************/
/*---------- common -----------*/

body{padding-top: 135px;}

.block_wrapper {
    text-align:center;
}

#top_page h1 {
	font-size: 12px;
    font-weight: normal;
    position: absolute;
    right: 0;
    top: -60px;
    text-align: right;
}
#regiForm {
	padding-top:62px;　
	background:#FC0;
}
@font-face {
    font-family: 'KozGo';
    src: url('../fonts/Marufork.woff') format('woff');
}

br.pc_none{
    display: none;
}
br.sp_none{
    display: inline-block;
}

h2{
    margin-bottom:30px;
}
#top_page h2{
    color: #222;
	margin-bottom:30px;
    font-weight: bold;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 3em;
    text-shadow: 1px 1px 1px #fff, 3px 3px 10px rgb(0,0,0,0.3);
}

#top_page h2 span {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    display: block;
    width: 75px;
    font-size: 75px;
    float: right;
    padding: 0 0 0 10px;
    line-height: 110%;
}

#top_page h2 span.small{
    font-size: 75%;
    width: auto;
    float: none;
    padding: 0;
    display: inline;
}


/**************************************/
/*---------- btn -----------*/

.conversion_btn, .lead_btn {
	background:#E5004F url(../img/common/contract_btn_arrow.png) no-repeat 96% center;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	position:relative;
	font-size:20px;
	padding:25px 10px 20px 10px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
	border-radius:5px;
    transition: background 0.3s;
	border:none;
}

.conversion_btn:hover, .lead_btn:hover {
	background:#ff2c75 url(../img/common/contract_btn_arrow.png) no-repeat 97% center;
}

.blueButton {
    background: #36F url(../img/common/contract_btn_arrow.png) no-repeat 96% center;
    border: none;
    color: #FFF;
    padding: 15px 0;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
    text-decoration: none;
    transition: background 0.3s;
}
.blueButton:hover {
    background: #37F url(../img/common/contract_btn_arrow.png) no-repeat 97% center;
}

input[type="submit"] {
	background: #36F;
	border: none;
	color: #FFF;
	padding: 15px 0;
	font-size: 16px;
	border-radius: 5px;
	cursor: pointer;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	display: block;
	text-align: center;
	text-decoration: none;
	transition: background 0.3s;
}

input[type="submit"]:hover {background: #37F;}



/**************************************/
/*---------- indent second line -----------*/

.second_span{padding: 30px 0 0 0;}

.kantanrakuraku{
    position: absolute;
    left: 0px;
    top:-130px;
    transform: rotate(-10deg);
    text-shadow:1px 1px 3px #fff;
}

.kokyakumanzokudo {
    position: absolute;
    left: 0px;
    top: -130px;
    transform: rotate(-10deg);
}

.sessyokuhinndo {
    position: absolute;
    right: 0px;
    top: -130px;
    transform: rotate(10deg);
}

/**************************************/
/*---------- color -----------*/

.ffffff_bg {background:#ffffff;}
.f5f5f5_bg {background:#f5f5f5;}
.ffcc00_bg {background:#ffcc00;}
.ffa300_bg {background:#ffa300;}
.note_bg {background:url(../img/common/note_bg.jpg) repeat center top;}

.pink {color:#E5004F;}


/**************************************/
/*------ animation ------*/

.purun {animation: purun 0.8s ease forwards ;}
@keyframes purun {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
  30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
  50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

.poyon {animation: poyon 1.1s linear 0s 1;}
@keyframes poyon {
  0%   { transform: scale(0.8, 1.4) translate(0%, -100%); }
  10%  { transform: scale(0.8, 1.4) translate(0%, -15%); }
  20%  { transform: scale(1.4, 0.6) translate(0%, 30%); }
  30%  { transform: scale(0.9, 1.1) translate(0%, -10%); }
  40%  { transform: scale(0.95, 1.2) translate(0%, -30%); }
  50%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
  60%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  70%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

.poyon_rotate {animation: poyon_rotate 1.1s linear 0s 1;}
@keyframes poyon_rotate {
  0%   { transform: rotate(-10deg) scale(0.8, 1.4) translate(0%, -100%); }
  10%  { transform: rotate(-10deg) scale(0.8, 1.4) translate(0%, -15%); }
  20%  { transform: rotate(-10deg) scale(1.4, 0.6) translate(0%, 30%); }
  30%  { transform: rotate(-10deg) scale(0.9, 1.1) translate(0%, -10%); }
  40%  { transform: rotate(-10deg) scale(0.95, 1.2) translate(0%, -30%); }
  50%  { transform: rotate(-10deg) scale(0.95, 1.2) translate(0%, -10%); }
  60%  { transform: rotate(-10deg) scale(1.1, 0.9) translate(0%, 5%); }
  70%  { transform: rotate(-10deg) scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: rotate(-10deg) scale(1.0, 1.0) translate(0%, 0%); }
}


.poyon_rotate_reverse {animation: poyon_rotate_reverse 1.1s linear 0s 1;}
@keyframes poyon_rotate_reverse {
  0%   { transform: rotate(10deg) scale(0.8, 1.4) translate(0%, -100%); }
  10%  { transform: rotate(10deg) scale(0.8, 1.4) translate(0%, -15%); }
  20%  { transform: rotate(10deg) scale(1.4, 0.6) translate(0%, 30%); }
  30%  { transform: rotate(10deg) scale(0.9, 1.1) translate(0%, -10%); }
  40%  { transform: rotate(10deg) scale(0.95, 1.2) translate(0%, -30%); }
  50%  { transform: rotate(10deg) scale(0.95, 1.2) translate(0%, -10%); }
  60%  { transform: rotate(10deg) scale(1.1, 0.9) translate(0%, 5%); }
  70%  { transform: rotate(10deg) scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: rotate(10deg) scale(1.0, 1.0) translate(0%, 0%); }
}


.poyooon {animation: poyooon 0.9s linear 0s 1;}
@keyframes poyooon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  10%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  40%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
  50%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  60%  { transform: scale(0.9, 1.2) translate(0%, -100%); }
  75%  { transform: scale(0.9, 1.2) translate(0%, -20%); }
  85%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}


/**************************************/
/*---------- img -----------*/

#fukidashi0001{
    position: absolute;
    top:15px;
    right:0;
}

/*---------- img_left,right -----------*/

.pl510Box_bg {background:url(../img/common/pl510BoxImg.png) no-repeat center top;}
.pr510Box_bg {background:url(../img/common/pr510BoxImg.png) no-repeat center top;}

.topBlock001 {
    background:url(../img/top/topBlock001.png) no-repeat center center;
    min-height: 300px;
    padding: 160px 0 0 0;
}

.topBlock002 {
    background:url(../img/top/topBlock002.png) no-repeat center center;
    min-height: 300px;
    padding: 160px 0 0 0;
}


/**************************************/
/*---------- header -----------*/

/* header */

.ex-nav__wrapper{
    background: #FFF url(../img/common/heder_menu_bg.png)no-repeat left calc(50% + 700px) top;
    color: #FFF;
    padding: 3px 0;
}

.ex-nav__container{
    width: 960px;
    margin: 0 auto;
}

.ex-nav__container:after{
    content:"";
    display: block;
    clear: both;
}

.ex-nav__container span{
    float: left;
    padding: 1px 0;
    font-weight: 400;
    font-size: 12px;
    color: #FFF;
}

.ex-nav__container .ex-nav__list{
    float: right;
}

.ex-nav__container .ex-nav__list li{
    display: inline-block;
    float: left;
    font-size: 14px;
}

.ex-nav__container .ex-nav__list li a{
    display: block;
    padding: 0 0 0 30px;
    margin: 0 0 0 30px;
}

.ex-nav__container .ex-nav__list li a:link,
.ex-nav__container .ex-nav__list li a:visited{
    color: #FFF;
    font-family: 'Noto Sans JP', sans-serif;
    text-decoration: none;
}


.ex-nav__container .ex-nav__list li:hover{
    text-decoration: underline;
}

.ex-nav__container .ex-nav__list li:nth-child(4):hover {
    text-decoration: none;
}

.ex-nav--faq{background: url(../img/common/header_qa.png) no-repeat left 6px center;}
.ex-nav--document{background: url(../img/common/header_documentl.png) no-repeat left 6px center;}
.ex-nav--contact{background: url(../img/common/header_mail.png) no-repeat left 6px center;}
.ex-nav--tel{
    background: url(../img/common/header_tel_icon.png) no-repeat left 28px center;
    color: #FFF;
    font-family: 'Noto Sans JP', sans-serif;
    display: block;
    padding: 0 0 0 45px;
    margin: 0 0 0 30px;
    font-size: 14px;
    border-left:1px solid #444;
    font-weight: 800;
}

.ex-nav--tel span{
    float: right;
    padding: 2px 0 0 10px;
    font-weight: 400;
    font-size: 12px;
    color: #FFF;
}

#header_wrapper {
    width: 100%;
    background: #FFF;
    transition: top .2s;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    position: relative;
    z-index: 100;
    position: fixed;
    top: 39px;
}


#header_container {
    width: 960px;
    height: 70px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

#header_container:after{
    content:"";
    display: block;
    clear: both;
}

#header {
    width: 440px;
}

#header .contents_sp {
    display: none;
}

#logo {
    float: left;
    margin: 0px 30px 0 0;
    transform: translateY(-12px);
    transition: all .2s;
}

#login_btn_header {
    float: left;
    margin: 12px 0 0 0;
    height: 22px;
    transition: all .2s;
}

.header_report #login_btn_header{
    margin: 8px 0 0 0;
}
#tel_header {
    float: right;
}

#mail_header {
    float: right;
    margin: 8px 0 0 8px;
}

/******************************/

/* menu */
#global_menu_wrapper_sp {
    display: none;
}

.global_menu_wrapper{
    width: 440px;
    height: 70px;
    z-index: 100;
}

.global_menu_container{
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.global_menu{
    width: 100%;
    height: 100%;
    display: flex;
    margin: 0 auto;
}

.global_menu > li{
    flex: 1 1;
    display: flex;
    position: relative;
}

.global_menu > li:hover,
.global_menu > li.current{
}

.global_menu > li#g_menu_trial{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+80,eef2ff+100 */
    background: #E80151; /* Old browsers */
    background: -moz-linear-gradient(top,  #E80151 0%, #E92F70 50%, #EE316B 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #E80151 0%,#E92F70 50%,#EE316B 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #E80151 0%,#E92F70 50%,#EE316B 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width: 160px;
    transition: all .3s;
}

.global_menu > li#g_menu_trial:hover{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+80,eef2ff+100 */
    background: #EE016D; /* Old browsers */
    background: -moz-linear-gradient(top,  #EE016D 0%, #EF3E8E 50%, #F3438A 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #EE016D 0%,#EF3E8E 50%,#F3438A 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #EE016D 0%,#EF3E8E 50%,#F3438A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width: 160px;
    transition: all .3s;
}


.global_menu > li > a{
    display: flex;
    justify-content: center;
    padding: 0 20px 0 0;
    width: 100px;
    text-decoration: none;
}

.global_menu > li#g_menu_trial > a{
    width: 160px;
    padding: 0 20px;
    box-sizing: border-box;
}

.global_menu > li:hover > a{
    text-decoration: none;
}

.global_menu > li > a > span{
    display: flex;
    align-items: center;
    color: #333;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.05em;
    position: relative;
}

.global_menu > li:not(#g_menu_trial) > a > span::after {
  position: absolute;
  bottom: 20px;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background: #FC0;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}

.global_menu > li:not(#g_menu_trial):hover > a > span::after,
.global_menu > li:not(#g_menu_trial).current > a > span::after {
  transform: scale(1, 1);
}

.global_menu > li:nth-last-of-type(1) > a > span{
    color: #FFF;
}

.global_menu > li .dropdown{
    width: 810px;
    display: none;
    opacity: 0;
    z-index: 9999;
}

.global_menu > li .dropdown:before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    top: 3px;
    left: 415px;
}

.global_menu > li .dropdown:after{
    content:"";
    width: 1px;
    height: 280px;
    background: #EEE;
    display: block;
    position: absolute;
    left: 404px;
    top: 45px;
    z-index: 0;
}

.global_menu > li:nth-of-type(3) .dropdown:after {
    content: "";
    height: 210px;
}

.global_menu > li .select.dropdown{
    display: block;
    opacity: 1;
    z-index: 10000;
    animation: dropdownshow 0.4s ease forwards;
    position: absolute;
    top: 70px;
    left: -365px;
    padding-top: 13px;
}

.global_menu > li:nth-of-type(2) .select.dropdown{
    left: -485px;
}

.global_menu > li:nth-of-type(3) .select.dropdown{
    left: -605px;
}

@-webkit-keyframes dropdownshow{
    from{opacity: 0;}
    to{opacity: 1;}
}
@keyframes dropdownshow{
    from{opacity: 0;}
    to{opacity: 1;}
}

.global_menu > li:nth-of-type(2) .dropdown:before{
    content: "";
    left: 535px;
}

.global_menu > li:nth-of-type(3) .dropdown:before{
    content: "";
    left: 655px;
}

.global_menu > li .dropdown__inner {
    width: 100%;
    max-height: 340px;
    padding: 30px 30px 100px 30px;
    box-sizing: border-box;
    border-radius: 10px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+80,eef2ff+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 80%, #eef2ff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 80%,#eef2ff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 80%,#eef2ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eef2ff',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 10px 30px rgba(0,0,0,.3);
}

.global_menu > li:nth-of-type(3) .dropdown__inner{
    height: 280px;
    max-height: 280px;
}


.global_menu > li .dropdown__inner ul{
    width: 100%;
    height: 280px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    float: left;
}

.global_menu > li:nth-of-type(3) .dropdown__inner ul{
    height: 210px;
    left: -405px;
}

.global_menu > li .dropdown__inner li {
    width: calc(50% - 15px);
    box-sizing: border-box;
    border-radius: 35px;
    margin: 0 30px 10px 0;
    max-height: 60px;
    position: relative;
    z-index: 1;
    transition: .2s background;
}

.global_menu > li .dropdown__inner li:hover{
    background: #F5F5F5;
    box-shadow: inset 0px 1px rgba(0,0,0,0.05);
}

.global_menu > li .dropdown__inner li a{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    color: #333;
    display: block;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.08em;
    padding: 18px 0 18px 60px;
    position: relative;
    text-align: left;
    letter-spacing: 0.05em;
    line-height: 1.4;
    overflow: hidden;
}

.global_menu > li .dropdown__inner li a .icon{
    position: absolute;
    width: 40px;
    height: 40px;
    display: block;
    left: 10px;
    top: 10px;
    transition: .3s all cubic-bezier(0.33, 1, 0.68, 1);
    opacity: 1;
}

.global_menu > li:nth-of-type(2) .dropdown__inner li a .icon{
    top: -50px;
}

.global_menu > li .dropdown__inner li:hover a .icon{
    top: -50px;
    transition-delay: .1s;
}

.global_menu > li .dropdown__inner li a .photo{
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    display: block;
    top: 70px;
    left: 0px;
    transition: .2s all cubic-bezier(0.33, 1, 0.68, 1);
    transition-delay: .0s;
}

.global_menu > li .dropdown__inner li:hover a .photo{
    top: 0px;
    transition-delay: .1s;
}


.global_menu > li:nth-of-type(2) .dropdown__inner li a .photo{
    top: 0px;
}

.global_menu > li .dropdown__inner li a .linkbtn{
    position: absolute;
    width: 70px;
    height: 22px;
    border-radius: 0px;
    display: block;
    right: -70px;
    top: 21px;
    transition: .2s all cubic-bezier(0.33, 1, 0.68, 1);
    transition-delay: .0s;
    opacity: 0
}

.global_menu > li .dropdown__inner li:hover a .linkbtn{
    right: 20px;
    opacity: 1;
    transition-delay: .1s;
}

.global_menu > li .dropdown__inner li a + .subtext{
    position: absolute;
    width: auto;
    transition: .2s all cubic-bezier(0.33, 1, 0.68, 1);
    transition-delay: .0s;
    transform-origin: right bottom;
    transform: scale(0);
    bottom: 30px;
    line-height: 1.4;
    left: -100px;
    z-index: 0;
}

.global_menu > li .dropdown__inner li:hover a + .subtext{
    transform: scale(1);
    transition-delay: .35s;
}

.global_menu > li .dropdown__inner li:hover a{
    text-decoration: none;
}

.global_menu > li .dropdown__inner li a span{
    color: #999;
    display: inline-block;
    font-family: "メイリオ";
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0;
    text-indent: 1px;
}

.global_menu > li .dropdown__inner li a .title{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #333;
}

/*** fixedが発火してからの処理 ***/
#header_wrapper.fixed {
  left: 0;
  position: fixed;
  top: 13px;
  z-index: 100;
}

.fixed #header_container{
    height: 62px;
}

.fixed .global_menu_wrapper{
    height: 100%;
}

.fixed .global_menu > li:not(#g_menu_trial) > a > span::after {
  bottom: 10px;
}

.fixed .global_menu > li .select.dropdown{
    top: 50px;
}


.fixed #logo{
    transform: translateY(0px);
    width: 183px;
}

.fixed #login_btn_header {
    margin: 22px 0 0 0;
}

/*---------- 電光掲示板 -----------*/
.ledText {
    overflow: hidden;
    display: block;
    position: relative;
    padding:3px 0 0;
    color: #fc0;
    font-size: 24px;
    font-weight: bold;
    background: #333333;
    position: fixed;
    z-index: 105;
    top: 0;
    width: 100%;
}

.ledText:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(#0a0600 1px, transparent 0px), linear-gradient(0, #0a0600 1px, transparent 1px);
    background-image: -webkit-linear-gradient(#0a0600 1px, transparent 0px), -webkit-linear-gradient(0, #0a0600 1px, transparent 1px);
    background-size: 2px 2px;
    z-index: 10;
}

.ledText span {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    -webkit-animation-name: marquee;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 15s;
    -moz-animation-name: marquee;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 15s;
    animation-name: marquee;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 15s;
}

@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}


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

#footer_wrapper {
    background: #FC0;
    padding: 45px 0;
}

#pagetop {
    position: fixed;
    bottom: 10px;
    margin-left: 910px;
}

#footer_wrapper .block{
    position: relative;
}

#footer_wrapper .block:after{
    content: "";
    clear: both;
    display: block;
}

.footer_left{
    width: 520px;
    background: #FFD839;
    border-radius: 10px;
    box-sizing: border-box;
    float: left;
    padding: 0 30px;
}

.footer_left img{
    position: relative;
    top: -30px;
}

.footer_left_button{
    position: relative;
    top: -30px;
}

.footer_left_button a{
    width: 220px;
    box-sizing: border-box;
    border-radius: 5px;
    display: inline-block;
    padding: 12px 20px 10px;
    text-align: center;
    color: #FFF;
    font-size: 22px;
    text-decoration: none;
    transition: transform .2s;
}

.footer_left_button a:hover{
    -webkit-transform: scale(1.05);
       -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
         -o-transform: scale(1.05);
            transform: scale(1.05);
}

.footer_left_button a.footer_trial{
    background: #E5004F url(../img/common/btn_grass.png) no-repeat center top;
    margin: 0 14px 0 0;
    text-shadow: 1px 1px 0px rgba(89, 0, 31, .2);
}

.footer_left_button a.footer_contact{
    background: #3366FF url(../img/common/btn_grass.png) no-repeat center top;
    text-shadow: 1px 1px 0px rgba(0, 45, 111, .2);
}

.footer_left_button a.footer_contact span{
    font-size: 16px;
}

.footer_right{
    width: 400px;
    float: right;
}

.footer_menu{
    margin: 0 0 20px;
    padding: 15px 0 5px;
}

.footer_menu:after{
    content: "";
    clear: both;
    display: block;
}

.footer_menu > li {
    float: left;
    margin: 0 0 5px;
    width: 50%;
}

.footer_menu > li > a {
    box-sizing: border-box;
    color: #333;
    display: block;
    font-size: 18px;
    padding: 5px 5px 5px 31px;
    position: relative;
    line-height: 1.2em;
    text-decoration: none;
}

.footer_menu > li > a:before{
    content: "";
    width: 16px;
    height: 17px;
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    background: url(../img/common/footer_menu_icon.png) no-repeat center -17px;
}

.footer_menu > li > a:hover {
    font-weight: bold;
    text-decoration: underline;
}

.footer_menu > li > a:hover:before{
    content: "";
    background: url(../img/common/footer_menu_icon.png) no-repeat center top;
}

.footer_syde p{
    font-size: 14px;
}

.footer_syde .footer_syde_title{
    font-weight: bold;
}

.footer_syde .footer_syde_name{
    font-size: 18px;
    margin: 0 0 5px;
}

.footer_syde .footer_syde_name a:link,
.footer_syde .footer_syde_name a:visited{
    color: #333 !important;
    text-decoration: none;
}

.footer_syde .footer_privacy{
    color: #333;
    font-size: 10px;
    text-decoration: underline;
}

.footer_syde .footer_privacy:visited{
    color: #333;
}

.footer_japico{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
}

/**************************************/
/*---------- top -----------*/

/*---------- mainimg -----------*/

#mainimg_wrapper {
	padding-top:90px;
	background: #fcb80b url(../img/top/mainimg_bg.jpg) no-repeat center top;
	text-align:center;
    overflow: hidden;
}

#main_text {margin-bottom:60px;}
#mainimg_seibi {
    position: absolute;
    left: -130px;
    bottom: -30px;
}
#mainimg_car {
    position: absolute;
    right: -60px;
    top: 90px;
}


#mainimg_smt01 {position: relative;z-index: 1;}

#mainimg_smt02 {
    position: absolute;
    left: -140px;
    bottom: 0;  
}
#mainimg_smt03 {
    position: absolute;
    right: -140px;
    bottom: 0;  
}

/*---------- index -----------*/

#autosend_wrapper {overflow: hidden;}

#autosend_wrapper h2 {
    background: #FFCC00;
    color: #333;
    padding: 20px 5%;
    font-size: 42px;
    font-family: "M PLUS 1p","Noto Sans Japanese", Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    margin: 0;
    font-weight: bold;
    text-shadow: none;
}

#top_shima {
    position: absolute;
    left: -45px;
    bottom: -240px;
}

#top_smt {
    position: absolute;
    right: 0;
    bottom: -30px;
}

#top_text01 {
    position: absolute;
    left: 80px;
    top: 10px;
}

#top_text02 {
    position: absolute;
    right: 0;
    top: 20px;
}


.sec2_top {
	width:650px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	z-index:1;
}

.sec2_top li {
    width: 320px;
    float: left;
    margin-right:10px;
	text-align:left;
}

.sec2_top li .section {
	padding:15px;
	background:#FFF;
	border-radius:5px;
	margin:0;
}

.sec2_top li .section p {font-size:14px;}
.sec2_top li:nth-child(even) {margin-right:0;}


.top_cov_text {margin-bottom:45px;}

p.block_cv{
	font-size:20px;
	color:#000000;
	margin-bottom:30px;
}


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

#footer_img {
	text-align:left;
    background: url(../img/common/footer_bg.png) no-repeat right bottom;
    padding: 40px 0;
}

#footer_img p, #trial_footer_img p {
    font-size: 36px;
}

#footer_img strong {
    font-size: 56px;
    color: #ff550f;
}


/* -----negative----- */

#negative_section #negative_section_h2 span{
    font-size: 75%;
    width: auto;
    float: none;
    padding: 0;
    display: inline;
}

#negative_section{
    height: 480px;
}

#negative_section img{
    position: absolute;
}

img.negative{
    left: calc(50% - 140.5px);
    bottom: -60px;
}

img.negative_1{
    left: 120px;
    bottom: 0;
}

img.negative_2{
    left: 240px;
    top: 90px;
}

img.negative_3{
    right: 240px;
    top: 95px;
}

img.negative_4{
    right: 140px;
    bottom: 0px;
}

/*---------- dksm copy -----------*/

#dksm_copy h2{
    position: relative;
}

#dksm_copy h2.dksmCopyAnimation:before{
    content:"";
    background: url(../img/top/top_mail.png) no-repeat;
    width: 230px;
    height: 203px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -80px;
    animation: mailLeft .8s ease forwards;
}

@keyframes mailLeft {
0% {left: -1280px;}
100% {left: -5%; opacity: 1;}
}

#dksm_copy h2.dksmCopyAnimation:after{
    content:"";
    background: url(../img/top/top_women.png) no-repeat;
    width: 244px;
    height: 297px;
    display: block;
    position: absolute;
    right: 0;
    bottom: -250px;
    animation: womenRight .8s ease forwards;
}

@keyframes womenRight {
0% {right: -1284px;}
100% {right: -5%; opacity: 1;}
}

#dksm_copy .txt_ffcc00{
    color: #ffcc00;
}


/**************************************/
/*---------- 予約フォーム -----------*/

div#wrapper {
	 width:100%;
	 height:100%;
}

div#loading {
    display:none;
    background:#DDD;
    position:absolute;
    text-align:center;
    padding:120px 0;
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
    color: #666;
    font-weight: bold;
    font-size: 16px;
    z-index: 100;
}
div#submitLoading{
    display:none;
    background:#fff;
    position:absolute;
    text-align:center;
    padding:500px 0;
    color: #06f;
    font-weight: bold;
    z-index: 100;
}
div#submitLoading img{
    padding: 0 20px;
}
div#loading img {
    width:20px;
}
.must_field{
    color:#f00;
    font-weight:bold;
    display:none;
}

#error_box{
    color:#f00;
    border:2px solid #f00;
    margin:10px;
    padding:5px;
    display:none;
}

.trial_attention{
    color:#900;
    font-size:14px;
    text-align:center;
    padding:10px 0;
}


/**************************************/
/*---------- subpage -----------*/

#pankuzu_upper {
    text-align: left;
    padding: 5px 0;
    font-size: 14px;
	background: #f6f1dd;
}

#pankuzu_upper .block {color:#333; font-size: 14px;}
#pankuzu_upper a, #pankuzu_upper span {
    background: url(../img/common/pankuzu_arrow.png) no-repeat right center;
    padding-right:15px;
    margin-right:5px;
	display: block;
	float: left;
	color:#333;
    font-size: 14px;
}

#pankuzu_upper h1 {
    font-size: 14px;
	font-weight:normal;
	color:#333;
}


.freedial_num {
    font-size:50px;
    line-height:1em;
    color:#E5004F;
}


/*---------- Q&A -----------*/

.faq_base {
    border-bottom:1px dotted #ccc;
	text-align:left;
}

.faq_base h4{
    background: url(../img/common/icon_q.gif) no-repeat 10px center;
    padding: 0 10px 0 45px;
    font-size: 16px;
    font-weight: normal;
	margin:0;
}
.faq_base h4 a{
    display:block;
	padding: 30px 0;
}
.faq_base p {
    font-size: 14px;
    line-height: 180%;
    background: url(../img/common/icon_a.gif) no-repeat 10px 2px;
    padding: 0 10px 15px 45px;
	letter-spacing: 1pt;
    display:none;
}
.faq_base p b{
    color:#cc0000;
}
.faq_base p img{
    border:2px solid #fff;
	margin:0 0 10px;
}

.faq_base{
    background:#FFF;
}
.faq_base:nth-child(even){
    background:#F4F5F9;
}

#kuji_btn {
	position: fixed;
    bottom: 5px;
    right: 5px;
    background: #e5004f;
    color: #FFF;
    padding: 30px 15px;
    text-decoration: none;
    text-align: center;
    border-radius: 100%;
    height: 70px;
    width: 100px;
    font-size: 16px;
	z-index:100;
}

#submit_contents {
    width: 600px;
    padding: 30px;
    background-color: #fff;
    border-radius: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    box-shadow: 3px 0 10px rgba(0,0,0,0.3), -3px 0 10px rgba(0,0,0,0.3);
}

#contents {
    width: 920px;
    margin-right: auto;
    margin-left: auto;
    padding: 20px;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 3px 0 10px rgba(0,0,0,0.3), -3px 0 10px rgba(0,0,0,0.3);
}

/*---------- form -----------*/

.required {
    position: absolute;
    right: 15px;
    top: calc((100% - 22px) / 2);
    background: #FF7F00;
    padding: 2px 8px;
    font-size: 12px;
    border-radius: 2px;
    text-shadow: 1px 1px 0px rgba(0,0,0,.4);
}

form .privacy {
  width: 100%;
  text-align: left;
}

form .privacy h3 {
  font-size: 16px;
  font-weight: normal;
  margin: 0 0 10px;
  text-align: center;
}

form .privacy_auto_wrap {
  background: #F5F5F5;
  box-sizing: border-box;
  border: 1px solid #CCC;
  border-radius: 5px;
  margin: 0 0 15px;
}

form .privacy_auto {
  height: 60px;
  overflow: auto;
  padding: 10px;
}

.privacy_auto p {
    color: #888;
    font-size: 12px;
}

.privacy button {
    display: block;
    background: #E5004F url(../img/common/btn_grass.png) no-repeat center top;
    background-size: contain;
    border: none;
    color: #FFF;
    font-size: 20px;
    font-family: inherit;
    margin: 0 auto;
    padding: 10px 70px;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    transition: background-color .3s;
}

.privacy_btn {
    font-size: 12px;
    color: #FFF;
    display: block;
    margin: 0 0 5px 0;
}

/*---------- about -----------*/
.pagetitle_h2{
    background: url(../img/about/h2_pagetitle_bg.png) repeat-x center bottom;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    height: 136px;
    padding: 40px 0 60px;
    margin: 0 auto 60px;
    box-sizing: border-box;
}

.about_section{
    padding: 0 0 60px;
    border-bottom: 1px dotted #ccc;
    margin: 0 0 90px;
}

.serif_h2{
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 42px;
    margin-bottom: 75px;
    text-align: center;
    color: #222;
    text-shadow: 1px 1px 1px #fff, 3px 3px 10px rgb(0,0,0,0.3);
}

.float_left_img{
    float: left;
    margin: 0 30px 0 0;
    padding: 0;
    width: 330px;
    box-sizing: border-box;
    border:1px solid #ccc;
}

.float_right_text{
    float: right;
    width: 600px;
}

.about_list_h3{
    color: #ff550f;
    margin: 15px 0;
}

.about_list p{
    width: 400px;
}

/*---------- price -----------*/

#price_wrapper {
	padding-top:60px;
	text-align:center;
}

#price_wrapper .block {
	background: url(../img/about/price_shima_s.jpg) no-repeat right bottom;	
	padding-bottom:60px;
}

.price_table {
	width:880px; 
	margin-right:auto; 
	margin-left:auto; 
	border:none;
	text-align: center;
}

.price_table th {
	padding:15px;
	color:#FFF;
	font-size:24px;
	width:inherit;
	background:#3D3938;
}
.price_table th:nth-child(even) {
	background:#4B4847;
}

.price_table td {
	padding:6px;
	font-size:24px;
	background:#F7F7F7;
    line-height: 1em;
}

.price_table td span {
	font-size:14px;
}

.price_sec h3 {
	font-size:36px;	
}

.price_sec input[type="text"] {
	font-size:42px;
	font-weight:bold;
    color:#E5004F;
	text-align:right;
	margin:0 10px 30px 10px;
}


/*---------- recommend -----------*/

#recommend_sec {
    width: 880px;
    margin: 0 auto 30px auto;
}

.recommend_sec_lr {
	width: 220px;
	padding:30px;
    float: left;
	background:#F5F5F5;
	border-radius:5px;
	margin-top: 54px;
    cursor: pointer;
}

.recommend_sec_lr p.recommend_ttl {
	font-size:28px;
	margin-bottom:20px;
}

.recommend_sec_lr p strong {
	font-size:24px;
	margin-bottom:15px;
	color:#E5004F;
}

.recommend_sec_lr p span{
	font-size:20px;
	font-weight:bold;
	color:#666;
}

.recommend_sec_lr p {
	font-size:20px;
	font-weight:bold;
}

.recommend_sec_m {
	width: 260px;
	padding:60px 30px 30px 30px;
    float: left;
    background:#FFF url(../img/about/recommend.png) no-repeat left top;
	border-radius:5px;
    cursor: pointer;
}

.recommend_sec_m p.recommend_ttl {
	font-size:36px;
	margin-bottom:20px;
}

.recommend_sec_m strong {
	font-size:36px;
	margin-bottom:20px;
	color:#E5004F;
}

.recommend_sec_m strong span:nth-child(2){
	font-size:24px;
	font-weight:bold;
	color:#666;
}

.recommend_sec_m p {
	font-size:24px;
	font-weight:bold;

}


/*---------- report -----------*/

#report_contents {text-align: left;}

#report_left {
	float:left;
	width:730px;
}

#report_left h1 {
	font-size: 28px;
	font-weight: normal;
	color: #000;
	border-bottom: 1px solid #CCC;
    padding: 10px 70px 10px 15px;
	margin-bottom:30px;
	position: relative;
}

#report_left h1:before {
	content: "";
    position: absolute;
    width: 5px;
    height: 44px;
    background: #FC0;
    display: block;
    left: 0;
    bottom: 10px;
}

#report_ttl_okuno {background: url(../img/report/writer/report_writer_okuno.png) no-repeat right center;}
#report_ttl_shimada {background: url(../img/report/writer/report_writer_shimada.png) no-repeat right center;}
#report_ttl_abe {background: url(../img/report/writer/report_writer_abe.png) no-repeat right center;}

#report_left .block_left{
    float: left;
    margin: 0 30px 30px 0;
}

#report_left h2 {
    background: #333;
    border-left: 5px solid #FFCC00;
    color:#FFF;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0.05em;
    padding: 10px;
	margin-bottom:20px;
}

#report_left h3 {
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 0.05em;
    padding: 12px 0 10px;
	margin-bottom: 30px;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
}

#report_left p {
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 1.8;
	margin-bottom: 30px;
}

.report_writer {
    padding: 20px 20px 20px 100px;
    margin-bottom: 30px;
	border-radius:5px;
}

#report_writer_okuno {background:#F5F5F5 url(../img/report/writer/report_writer_okuno.png) no-repeat 20px center;}
#report_writer_shimada {background:#F5F5F5 url(../img/report/writer/report_writer_shimada.png) no-repeat 20px center;}
#report_writer_abe {background:#F5F5F5 url(../img/report/writer/report_writer_abe.png) no-repeat 20px center;}
#report_writer_ninomiya {background:#F5F5F5 url(../img/report/writer/report_writer_ninomiya.png) no-repeat 20px center;}

#report_left .report_writer p {
	float:left;
	margin:0;
}

.report_writer a {
	float: right;
    display: block;
    background: #e5004f;
    padding: 6px;
    border-radius: 100%;
}

#report_left h4 {
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 5px;
	margin-bottom:15px;
	border-bottom:1px solid #CCC;
}

.report_contact{display: none;}

#relation{
    margin-bottom: 60px;
}

#relation li a{
    display: block;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #CCC;
}

#relation li p{
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #CCC;
}

#report_right {
	float:right;
	width:200px;
}

#report_right h2 {
	font-size: 16px;
    font-weight: normal;
    padding: 10px;
    line-height: 1.2em;
    background: #333;
    border:none;
    border-left: 5px solid #ffCC00;
    color: #fff;
    margin-bottom:20px;
}

#report_right h2 a {
	font-size: 16px;
    color: #FFF;
    text-decoration: none;
    display: block;
}

#report_right h2#ttl_shima {
    background:#333 url(../img/report/ttl_shima.png) no-repeat right bottom;
    background-size:50px 60px;
}

.report_side_menu {margin-bottom:45px;}

.report_side_menu li a {
    display: block;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #CCC;
}

.report_side_menu li .cate_icon {
    background: url(../img/report/cate_icon.png) no-repeat left 3px;
    padding-left: 20px;
}

.help_sec,
.report_sec {
    width:355px;
    float:left;
    margin: 0 20px 60px 0;
}

.help_sec:nth-child(even),
.report_sec:nth-child(even) {
    margin-right:0;
}

#report_left .help_sec h3,
#report_left .report_sec h3 {
text-align: left;
    padding: 10px;
    background: #333;
    border: none;
    border-left: 5px solid #FFCC00;
    color: #fff;
    font-size: 18px;
}

.help_sec a,
.report_sec a {
    display: block;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #CCC;
}



/*---------- privacy -----------*/

.block_privacy{
	width:960px; 
	margin-right:auto; 
	margin-left:auto; 
	position:relative;
	border:solid 1px #ccc;
	border-radius:10px;
	padding:10px 20px;
}
.privacy_box {padding:30px;}
.privacy_box h3 {font-size:20px;}




/******************************/
/* -----trial----- */

#trial_section{
    height: 830px;
}

#trial_iPhone{
    position: absolute;
    left: 487px;
    width: 320px;
}

#trial_bunmen{
    position: absolute;
    top: 249px;
    left: 509px;
}

#trial_section_h2{
    line-height: 0.6;
}
#trial_section #trial_section_h2 span{
    font-size: 40px;
    width: auto;
    float: none;
    padding: 0;
}

.sub_h2{font-size: 24px; margin: 0 0 30px;}

.trial_menu{
    background: rgba(246,245,240,.8);
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    width: 312px;
    padding: 10px 30px 30px;
    box-sizing: border-box;
    position: absolute;
    left: 110px;
    top: 212px;
}

.trial_menu h3,
.trial_color h3{
    color: #342E14;
    font-family: 'KozGo';
    font-size: 20px;
    padding: 20px 0 20px 65px;
    margin: 0 0 5px;
    text-align: left;
}

.trial_menu h3{background: url(../img/top/trial_menu_icon.png) no-repeat top 14px left;}
.trial_color h3{background: url(../img/top/trial_color_icon.png) no-repeat top 14px left;}

.trial_menu li{
    width: 120px;
    background: #F0F0F0 url(../img/top/trial_menu_grass_b.png)no-repeat center top;
    border: 2px solid #CCCCCC;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    font-size: 16px;
    margin: 0 10px 10px 0;
    padding: 6px 8px 5px;
    text-align: center;
    cursor: pointer;
    transition: all .2s;
}

.trial_menu li:nth-of-type(2n){
    margin: 0 0 10px 0;
}

.trial_menu li:hover,
.trial_menu li.menuCurrent {
    background: #399586 url(../img/top/trial_menu_grass.png)no-repeat center top;
    border: 2px solid #399586;
    color: #FFF;
}

.trial_color{
    background: rgba(246,245,240,.8);
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    width: 312px;
    padding: 10px 30px 30px;
    box-sizing: border-box;
    position: absolute;
    left: 110px;
    top: 500px;
}

.trial_color li{
    width: 28px;
    height: 28px;
    float: left;
    margin: 0 8px 0 0;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s;
    -webkit-transform: translateY(8px);
       -moz-transform: translateY(8px);
        -ms-transform: translateY(8px);
         -o-transform: translateY(8px);
            transform: translateY(8px);
}

.trial_color li:hover{
    width: 44px;
    height: 44px;
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
         -o-transform: translateY(0px);
            transform: translateY(0px);
}


.trial_color li.colorCurrent {
    width: 38px;
    height: 38px;
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
         -o-transform: translateY(0px);
            transform: translateY(0px);
}

.clr_ffcc00{background:#ffcc00;}
.clr_000000{background:#000000;}
.clr_cc0000{background:#cc0000;}
.clr_0066ff{background:#0066ff;}
.clr_669900{background:#669900;}
.clr_ff6699{background:#ff6699; margin: 0;}

.clr_ffcc00.colorCurrent{border: 3px solid #F9C802; background:#ffcc00;}
.clr_000000.colorCurrent{border: 3px solid #595959; background:#000000;}
.clr_cc0000.colorCurrent{border: 3px solid #990000; background:#cc0000;}
.clr_0066ff.colorCurrent{border: 3px solid #6aa3f9; background:#0066ff;}
.clr_669900.colorCurrent{border: 3px solid #4d6d0e; background:#669900;}
.clr_ff6699.colorCurrent{border: 3px solid #ec447c; background:#ff6699; margin: 0;}

#trial_modal_wrapper{
    width: 100%;
    height: 100%;
    background:rgba(0 ,0 ,0 ,0.6);
    position:fixed;
    top:0;
    left: 0;
    z-index: 100;
    display: none;
    text-align: center;
}

#trial_modal {
    width: 750px;
    height: 540px;
    overflow: auto;
    box-sizing: border-box;
    padding: 45px 45px 0px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 1px 1px 6px #000;
    text-align: left;
    margin: 0;
    position: fixed;
    animation: trial_modal_animation 1s ease forwards;
    top: calc(50% - 270px);
    left: calc(50% - 375px);
    margin: 0 !important;
    margin-top: 0 !important;
}

#trial_modal h3 {
   font-size: 24px;
   margin: 0 0 20px;
   box-sizing: border-box;
   border-left: 6px solid #fc0;
   padding-left: 15px;
}

#trial_modal .trial_name {
   display: block;
   font-size: 12px;
   margin: 0 0 2px;
   color: #333;
}

#trial_modal .tel {
   display: block;
   font-size: 12px;
   margin: 0 0 2px;
   color: #333;
}

#send_end_outer{width: 380px;}
#send_end_outer p{font-size: 14px; margin: 0 0 45px;}

@keyframes tma {
    0%{opacity:0.4;margin-top: 30px}
    100%{opacity:1;margin-top: 90px}
}

@keyframes trial_modal_animation {
    0%{opacity:0.4;transform: translateY(-60px); -webkit-transform: translateY(-60px);}
    100%{opacity:1;transform: translateY(0); -webkit-transform: translateY(0);}
}

#trial_modal_open{
    width: 360px;
    background: #E5004F url(../img/common/btn_grass.png) no-repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
    padding: 34px 30px 32px;
    position: absolute;
    top: 519px;
    left: 470px;
    color: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 24px;
    line-height: 1;
    text-shadow: 1px 1px 0 rgba(138, 0, 49,.4);
    cursor: pointer;
    opacity: 1;
    transition: all .2s;
}

#trial_modal_open:hover{
    -webkit-transform: scale(1.05);
       -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
         -o-transform: scale(1.05);
            transform: scale(1.05);
}

@keyframes tmoa {
    0%{opacity:0.1;top:550px;}
  100%{opacity:1;top:400px;}
}

#trial_modal_wrapper_close_btn{
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #E5004F;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 101;
    border-radius: 100%;
    color: #fff;
    border: 3px solid #fff;
    cursor: pointer;
    font-size: 30px;
    font-weight: 800;
}

#trial_hidden_form{
    display: none;
    background:#666;
    padding: 30px;
    border: 3px solid #666;
}

#send_sms_outer .trial_text_form{
    width: 200px;
    padding: 10px;
    border: 1px solid #CCC;
    height: 43px;
}

.trial_text_form::placeholder {
    font-size: 12px;
}

/* Edge */
.trial_text_form::-ms-input-placeholder {
    font-size: 12px;
}

/* IE */
.trial_text_form:-ms-input-placeholder {
    font-size: 12px;
}

.tmr_active{
    animation: tmwa 1s forwards;
}

.trial_info_outer {
    margin-bottom: 5px;
}

.trial_name_outer, .trial_tel_outer, .trial_company_name_outer, .trial_company_tel_outer {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}

#send_sms_outer .trial_text_form.trial_name, #send_sms_outer .trial_text_form.trial_company_name {
    width: 150px;
}

.trial_personal_info_outer {
    margin-bottom: 30px;
}

.trial_personal_info_title, .trial_company_info_title {
    margin: 0 0 5px;
    font-size: 12px;
}

@keyframes tmwa {
    100%{top: 50px;}
}
.trialbunmen{
    width:226px;
    height: 402px;
}
#trial_modal_wrapper input[type="submit"] {
    width:302px;
    margin:0;
}





/*#trial_wrapper{
	background: url(../img/top/mainimg_bg.jpg) no-repeat center top;
    overflow: hidden;
    padding: 60px 0 0 0;
}
#trial_block {
    height: 450px;
}

#trial_section {
	position:relative;
	background: url(../img/top/trial_iPhone_bg.png) no-repeat center top;
}

#mail_contents {
    position: absolute;
    top: 64px;
    left: 50%;
    width: 226px;
    margin-left: -113px;
}

#trial_balloon {
    position: absolute;
    top: -120px;
    right: 20px;
}

#TB_overlay{
    width: 100%;
    height: 100%;
    background:rgba(0 ,0 ,0 ,0.6);
    position:fixed;
    top:0;
    left: 0;
    z-index: 100;
	display:none;
}

#trial_modal_wrapper {
    position:fixed;
    top:50%;
    left: 50%;
    z-index: 103;
	display:none;
    width: 90%;
    max-width: 730px;
    transform: translate(-50%, -50%);
    background: #F5F5F5;
    border-radius: 6px;
    box-shadow: 1px 1px 6px #000;
    animation: tma 1s ease forwards;
    overflow: auto;
}

#trial_modal{
    padding: 40px;
    background: url(../img/top/sendmodal_bg.png) no-repeat right bottom;
}

@keyframes tma {
    0%{opacity:0.4; top:25%}
    100%{opacity:1; top:50%}
}


#trial_modal_wrapper h2{
	font-size:42px;
}

#trial_modal_wrapper table {
    border: none;
    background: none;
    color: #333;
	margin-bottom:30px;
}

#trial_modal_wrapper th {
    width:20%;
}

#trial_modal_wrapper th, #trial_modal_wrapper td {
    border: none;
    background: none;
    color: #333;
    padding: 5px;
}

.trial_modal_open_active{
    animation: tmoa 1s ease forwards;
}

@keyframes tmoa {
    0%{opacity:0.1;top:550px;}
  100%{opacity:1;top:400px;}
}


#trial_modal_wrapper_close_btn{
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    background: #E5004F;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 101;
    border-radius: 100%;
    color: #fff;
    border: 3px solid #fff;
    cursor: pointer;
}

#trial_hidden_form{
    display: none;
    background:#666;
    padding: 30px;
    border: 3px solid #666;
}

.trial_tel{
    width: 70px;
    padding: 10px;
    border: 3px solid #fc0;
}

.tmr_active{
    animation: tmwa 1s forwards;
}

@keyframes tmwa {
    100%{top: 50px;}
}
#trial_modal_wrapper input[type="submit"] {
	width:320px;
	margin:0 0 45px 0;
}

#top_page div.baloon {
    position: fixed;
    z-index:103 !important;
}
*/

/******************************/
/* -----予約フォーム----- */

#company_info {
    background:#FFF;
    padding:30px;
    border-radius:5px;
}

#company_info table {
    width: 100%;
    border: 1px solid #DDDDDD;
    text-align: left;
}
#company_info th {
    padding: 10px;
    vertical-align: top;
    border: 1px solid #CCC;
    background-color: #F5F5F5;
}

#company_info td {
    padding: 10px;
    border: 1px solid #CCC;
    background: #FFF;
}

input[type="text"], textarea, select, submit{
    -webkit-appearance:none;
}

input[type="text"], select, textarea{
    box-shadow: none !important;
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 14px;
}

input[type="submit"] {
    background: #36F;
    border: none;
    color: #FFF;
    padding: 15px 0;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    display: block;
    text-align: center;
    text-decoration: none;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
}

input[type="submit"]:hover {
    background: #37F;
}

#javascript_off{
font-size:16px;
font-weight:bold;
color:#f00;
}

.error_message{
color:#c00;
}

#zipcode_error {
    color:#f00;
    padding: 0 0 0 6px;
}

#zipcode_ajax_button {
    padding: 3px 10px;
    line-height: 1.5em;
    width:166px;
    text-align: center;
    font-size: 12px;
    margin-left: 10px;
    font-weight:nomal;
    border:1px solid #ca9;
    text-decoration:none;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(36%, #ffdd00), color-stop(69%, #f4b11a) );
    background:-moz-linear-gradient( center top, #ffdd00 36%, #f4b11a 69% );
    background:-ms-linear-gradient( top, #ffdd00 36%, #f4b11a 69% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd00', endColorstr='#f4b11a');
    background-color:#ce0100;

    color:#ffffff;
    display:inline-block;
    cursor:pointer;
    cursor:hand;
    margin-top: 1px;
}

#zipcode_ajax_button:hover {

    background:-webkit-gradient( linear, left top, left bottom, color-stop(36%, #f4b11a), color-stop(69%, #ffcc00) );
    background:-moz-linear-gradient( center top, #f4b11a 36%, #ffcc00 69% );
    background:-ms-linear-gradient( top, #f4b11a 36%, #ffcc00 69% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4b11a', endColorstr='#ffcc00');
    background-color:#ffcc00;
    top: -1px;
    left: 1px;
}

div#wrapper {
 width:100%;
 height:100%;
}

div#loading {
    display:none;
    background:#DDD;
    position:absolute;
    text-align:center;
    padding:120px 0;
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
    color: #666;
    font-weight: bold;
    font-size: 16px;
    z-index: 100;
}

div#submitLoading{
    display:none;
    background:#fff;
    position:absolute;
    text-align:center;
    padding:500px 0;
    color: #06f;
    font-weight: bold;
    z-index: 100;
}

div#submitLoading img{
    padding: 0 20px;
}

div#loading img {
    width:20px;
}

.must_field{
    color:#f00;
    font-weight:bold;
    display:none;
}

#error_box{
    color:#f00;
    border:2px solid #f00;
    margin:10px;
    padding:5px;
    display:none;
}

.trial_attention{
    color:#900;
    font-size:14px;
    text-align:center;
    padding:10px 0;
}

.contents_str_outer {
    position: absolute;
    top: 100px;
    left: 35px;
    width: 170px;
    background: #E5E5EA;
    border-radius: 20px;
    font-size: 12px;
    padding: 10px 15px;
    box-sizing: border-box;
}

.contents_str_outer:after {
    content: "";
    display: block;
    width: 13px;
    height: 11px;
    position: absolute;
    left: 0px;
    bottom: -1px;
    background: url(../img/top/sms_baloon_parts.png);
}

.contents_str_outer.attention {
    top: 220px;
    display: none;
}

.contents_str_outer.attention:after{
    content: "";
    display: block;
    width: 13px;
    height: 11px;
    position: absolute;
    left: 0px;
    bottom: -1px;
    background: url(../img/top/sms_baloon_parts.png);
}

.iphone_img_outer {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 260px;
}

.iphone_top_parts {
    position: absolute;
    top: 31px;
    left: 16px;
    width: 208px;
}

.iphone_bottom_parts {
    position: absolute;
    bottom: 14px;
    left: 16px;
    width: 208px;
    z-index: -1;
}

.contents_arrow {
    position: absolute;
    top: 200px;
    left: 34px;
}

.trial_number_attention {
    position: absolute;
    top: -10px;
    right: 35px;
    z-index: 1;
    display: none;
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
}

.trial_number_attention.active{
    animation: trial_number_attention 500ms forwards;
}

@keyframes trial_number_attention {
    100%{-webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
         -o-transform: translateY(0px);
                transform: translateY(0px);}
}

#trial_bunmen_iframe {
    width: 278px;
    height: 580px;
    border-radius: 5px 5px 30px 30px;
}

.trial_input_validate {
    background: #ffc5c5;
}

.tel_validate, .name_validate, .company_name_validate, .company_tel_validate {
    display: none;
}

.trial_validate_on {
    display: block;
    font-size: 11px;
    color: #ff0000;
    margin: 10px 0 0;
}

.outer_none {
    display: none;
}

#trial_send_once {
    background: #E5004F;
    padding: 10px 15px;
    margin: 20px auto;
    font-size: 13px;
    text-align: center;
    width: 180px;
    color: #fff;
    border: 3px solid #fff;
    border-radius: 10px;
    box-shadow: 3px 0px 20px #fff;
    cursor: pointer;
    opacity: 1;
}


#regi_balloon {
    left: 200px;
    top: 50px;
}

.balloon {
    width: 180px;
    height: 180px;
    border-radius: 100%;
    background: #F5F5F5;
    background: linear-gradient(#EEE, #F5F5F5);
    box-shadow: 0 0 0 3px #EEE inset, 0 -12px 0 #F7F7F7 inset, 0 3px 5px rgba(0,0,0,0.3);
    position: absolute;
    z-index: 10;
}

.r_balloon{
    right: -150px;
    top: 45px;
}

.balloon p {
    font-size: 16px;
    display: table-cell;
    padding: 0 10px;
    width: 160px;
    height: 180px;
    vertical-align: middle;
    text-align: center;
    position: relative;
    z-index: 12;
    text-shadow: 1px 1px 0 #FFF;
}

.fadeInDown {
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-name: fadeInDown;
    visibility: visible !important;
}

.balloon:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 11;
}

.r_balloon:before {
    background: url(../img/common/balloon_arw_r.png) no-repeat;
    left: 9px;
    bottom: 10px;
}
.balloon:after {
    content: "";
    width: 120px;
    height: 75px;
    background: url(../img/common/balloon_grass.png) no-repeat;
    position: absolute;
    z-index: 11;
    left: 30px;
    top: 10px;
}

@keyframes fadeInDown {
 0% { opacity: 0; transform: translateY(-20px); }
 100% { opacity: 1; transform: translateY(0); }
}

.trial_modal_loading {
    display: none;
}

.trial_modal_loading_on {
    display: block;
}

.send_complete_str, .send_fail_str {
    border-left: 3px solid #FC0;
    padding: 5px 0 5px 10px;
    font-size: 22px;
}

.animation_none {
    animation: none;
}

.trial_modal_loading {
    position: absolute;
    top: calc(50% - 39px);
    left: calc(50% - 35px);
}



/*---------- table -----------*/

table {
    border:1px solid #CCC;
}

th {
    border: 1px solid #CCC;
    color: #FFF;
    background: #333;
    font-weight:normal;
}
th a {color: #FFF;}

td {
    border:1px solid #CCC;
}


/*** request ***/
.pdf__sample-imgbox a{
  display: block;
  float: left;
  margin: 0 15px 5px 0;
  width: 190px;
}

.pdf__sample-imgbox a:nth-of-type(3n){
  margin: 0 0 5px;
}

.pdf__sample-imgbox a img{
  width: 100%;
}

/*---------- jirei_list_section -----------*/

/*---------- index -----------*/

.lead-text {
  text-align: center;
}

.sec2_top {
  width: 650px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

.sec2_top li {
  width: 320px;
  float: left;
  margin-right: 10px;
  text-align: left;
}

.sec2_top li .section {
  padding: 15px;
  background: #FFF;
  border-radius: 5px;
  margin: 0;
}

.sec2_top li .section p {
  font-size: 14px;
}

.sec2_top li:nth-child(even) {
  margin-right: 0;
}

.sec_3{
    margin: 0 0 30px;
}

.sec_3 li{
    float: left;
    margin: 0 30px 30px 0;
    width: 300px;
}

.sec_3 li:nth-of-type(3n){
    margin: 0 0 30px 0;
}

.sec_3 li h3,
.sec_3 li h4{
    background: #333;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 5px 0;
    text-align: center;
}



.sec3_s {max-width:840px; margin-left:auto; margin-right:auto;}
.sec3_s li {
    width:240px;
    float:left;
    margin-right:60px;
    text-align:left;
}
.sec3_s li img {margin-bottom:15px;}
.sec3_s li a img {margin-bottom:0;}
.sec3_s li .hoverExpansion {margin-bottom:15px;}
.sec3_s li h4 {margin-bottom:10px;}

.ideaList {
  background: #FFF;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 6px rgba(0, 0, 0, 0.15);
}

.ideaList a {
  color: #333;
  display: block;
  text-decoration: none;
}

.ideaList p {
  font-size: 80%;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.ideaList b {
  font-size: 160%;
}

.ideaList .tag span {
  background-color: #F5A71B;
  font-size: 12px;
  padding: 3px 15px;
  margin-right: 5px;
  border-radius: 5px;
}

.ideaList .tag span.award {
  background: #fceabb;
  background: linear-gradient(#fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  color: #333;
}

#jirei_list_section .sec_3 li {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 6px rgba(0, 0, 0, 0.15);
  position: relative;
  transition: all 0.2s ease-in-out;
  top: 0px;
}

#jirei_list_section .sec_3 li:hover {
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.30), 0 15px 15px rgba(0, 0, 0, 0.15);
  top: -10px;
}


/*---------- jirei -----------*/

#jirei_section h2 span.minitxt {
  font-size: 36px;
}

#jirei_section h2 span.shop_name {
  font-size: 24px;
}

#jirei_section h3 {
  position: static;
  color: #333;
  font-size: 42px;
  font-weight: bold;
  margin: 0 0 15px 0;
  line-height: 1.2em;
  letter-spacing: -.03em;
  text-align: left;
}

#jirei_section h3 span {
  font-size: 100%;
  color: #E5004F;
}

#jirei_section h4 {
  font-size: 28px;
  margin-bottom: 60px;
  text-align: center;
}

#jirei_section h4 span {
  color: #FF550F;
}

#jirei_section h5 {
  text-align: left;
  font-size: 18px;
  margin-bottom: 10px;
}

#jirei_section .onayami_txt {
  font-size: 42px;
  font-family: 'KozGo';
  color: #E5004F;
  text-align: center;
  margin-bottom: 20px;
}

#jirei_section .title_block p {
  text-align: left;
  margin-bottom: 10px;
}

#jirei_section .title_block {
  width: 960px;
  height: 338px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
}

#jirei_section .title_block img.ml30Img {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

#jirei_section .title_block img.mr30Img {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

#jirei_section .title_text_block {
  width: 480px;
  padding: 30px 0px;
}

#jirei_section .title_text_block_left {
  float: left;
  width: 450px;
  margin-left: 30px;
}

#jirei_section .title_text_block_right {
  float: right;
}

#jirei_section .title_text_block .tag span {
  background-color: #F5A71B;
  font-size: 12px;
  padding: 3px 15px;
  margin-right: 5px;
  border-radius: 5px;
}

#jirei_section .title_text_block .tag span.award {
  background: #fceabb;
  background: linear-gradient(#fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  color: #333;
}

#jirei_section .voice_block {
  width: 960px;
  margin: 0 auto 90px;
}

#jirei_section .voice_block img {
  width: 450px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
}

#jirei_section .voice_text_block {
  min-height: 338px;
  text-align: left;
}

#jirei_section .voice_text_block p {
  font-size: 14px;
  line-height: 180%;
  margin-bottom: 30px;
}


.company_name_str {
    letter-spacing: 1px;
    font-weight: bold;
}

.edit_company_name {
    animation: glow .5s infinite alternate;
    font-family: sans-serif;
    font-weight: bold;
}


.goTrialButton{
    background: #E5004F url(../img/common/btn_grass.png) no-repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
    display:inline-block;
    color:#fff;
    text-decoration: none;
    padding: 15px 100px;
    border-radius: 5px;
}

.goHelpPage{
    color:#36f;
    text-decoration:none;
}

.goHelpPage:hover{
    text-decoration:underline;
}

.help_sec .newArrival:after {
    content: "NEW";
    color: #fff;
    background-color: #f33;
    font-size: 10px;
    padding: 0px 5px;
    border-radius: 2px;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 10px;
    cursor: default;
}


.new_arrival_icon{
    background-color: #e4004e;
    color: #fff;
    font-weight: normal;
    font-size: 32px;
    width: 120px;
    height: 120px;
    position: absolute;
    border-radius: 100%;
    line-height: 120px;
    transform: rotate(10deg);
    box-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
    top: -60px;
    right: 120px;
}


.separate_block_inner{
    display:flex;
    justify-content:center;
}

.head_outer{
    margin: 0 6% 0 0;
    width: 47%;
}

.body_outer{
    width: 47%;
}

.separate_block_text{
    text-align: left;
    padding-top: 20px;
}

.head_outer.separate_block_image{text-align: right;}
.body_outer.separate_block_image{text-align: left;}

.head_outer h3,
.body_outer h3{
    margin-bottom: 20px;
}

.capture{
    width: 420px;
    padding: 10px;
    background-color: #f5f5f5;
    border-radius: 3px;
    box-sizing: border-box;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 15%);
}

.new_arrival_block h3{
    line-height: 1.4em;
    margin:0 0 20px;
}

.new_arrival_date_caption_outer{
    margin:0 0 10px;
}

.new_arrival_date_caption{
    font-size: 12px;
    background-color: #666;
    padding: 2px 10px;
    border-radius: 3px;
    color: #fff;
    text-shadow:1px 1px 0.15px rgb(0 0 0 / 30%);
}

.sms_alias_catch_outer {
    margin: 0 0 60px;
    text-align: center;
}

.sms_alias_catch_outer img {
    margin: 0 0 60px;
}

.sms_alias_catch_outer p span {
    font-size: 36px;
    font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif
}

.sms_alias_catch_outer p .pre{
    font-size:30px;
}


@keyframes glow {
    to {
        text-shadow: 0 0 5px #3366ff;
    }
}

/* -----hojo----- */
.mainimg_hojo_btn{
    width: 252px;
    height: 252px;
    display: block;
    position: absolute;
    right: -43px;
    top: 65px;
    transition: .3s;
    border-radius: 50%;
}
.mainimg_hojo_btn:hover{
    transform:rotate(10deg);
}

#hojo_ooi_top {
    position: absolute;
    top: 220px;
    right: -130px;
}

#hojo_section p {
    margin-bottom: 30px;
}

#hojo_ooi {
    position: absolute;
    bottom: -60px;
    right: -150px;
}

#hojo_discount{
    margin-bottom: 30px;
}

#hojo_flow img{
    margin-bottom: 45px;
}


/* -----抱きしめ～るPLUS----- */
body#dksm_plus{
    padding-top:0 !important;
}

img.dksm_plus_logo {
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
}

#dksm_plus #mainimg_wrapper{
    background: #eb5c01 url(../plus/img/top/mainimg_bg.jpg) no-repeat center top;
}

#dksm_plus #mainimg_seibi {
    left: -170px;
}

#dksm_plus h1{
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    right: 0;
    top: -60px;
    text-align: right;
}

#dksm_plus h2{
    color: #222;
    margin-bottom:30px;
    font-weight: bold;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 3em;
    text-shadow: 1px 1px 1px #fff, 3px 3px 10px rgb(0,0,0,0.3);
}

#dksm_plus h2 span {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    display: block;
    width: 75px;
    font-size: 75px;
    float: right;
    padding: 0 0 0 10px;
    line-height: 110%;
}

#dksm_plus h2 span.small{
    font-size: 75%;
    width: auto;
    float: none;
    padding: 0;
    display: inline;
}

.dksm_plus_button{
    width: 320px;
    background: #3366FF url(../img/common/btn_grass.png) no-repeat center top;
    text-shadow: 1px 1px 0px rgba(0, 45, 111, .2);
    box-sizing: border-box;
    border-radius: 5px;
    display: inline-block;
    padding: 12px 20px 10px;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    text-decoration: none;
    transition: transform .2s;
}

.dksm_plus_button:hover{
    -webkit-transform: scale(1.05);
       -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
         -o-transform: scale(1.05);
            transform: scale(1.05);
}

.h2_categoly{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

 .h2_categoly span{
    display: inline-block;
    color: #FFF;
    background: #000;
    border-radius: 100px;
    font-size: 16px;
    font-weight: bold;
    padding: 2px 20px 0px;
 }

/*.mainimg_yoyaku-system_btn {
    position: absolute;
    top: 0;
    right: 35px;
    transform: rotate(10deg);
}*/

.mainimg_csv_btn{
    position: absolute;
    top: 55px;
    right: -25px;
    transform: rotate(10deg);
}

.dksmplus_price_table th{
    width: 33%;
}

.dksmplus_price_table th:first-of-type{
    width: 24%;
}

.dksmplus_price_table th span{
    font-size: 12px;
}

.dksmplus_price_table th span.dksmplus_price_categoly{
    display: inline-block;
    background-color: #ff550f;
    border-radius: 30px;
    padding:2px 10px;
}

.dksmplus_price_table td{
    padding: 15px 5px;
}

/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/
/*レスポンシブ対応ここから*/

@media screen and (max-width: 1024px){
    #hojo_ooi {
    right: 0;
    width: 235px;
    }
}

@media screen and (max-width: 650px) {
}

@media screen and (max-width: 480px) {
    .block_wrapper {
        padding-left: 3%;
        padding-right: 3%;
    }
    br.pc_none{
        display: inline-block;
    }
    br.sp_none{
        display: none;
    }

    body{padding-top: 95px;}

    #trial_section{
        height: auto;
    }

	[type="submit"], .bill_download, #anq_thanks a, #bill_lead, .blueButton {width:100%;}
	#header {width:94%;}

    #mainimg_wrapper {
        padding: 60px 5% 0 5%;
        background-size: cover;
        -webkit-background-size: cover;
    }
    #top_page h1 {
        top: -45px;
    }
	#logo {
		width: 115px;
		display: block;
		float: left;
	}

	#header_trial {
		float: right;
		padding: 5px;
		font-size: 14px;
		color: #FFF;
		background: #E5004F;
		margin-top: 5px;
		margin-left:5px;
	}

	#header_tel {
		width: 40px;
		height: 40px;
		border-left: 1px solid #DADADA;
		border-right: 1px solid #DADADA;
	    background: url(../img/common/tel_smt.png) no-repeat center;
		-webkit-background-size: 20px;
		background-size: 20px;
		cursor: pointer;
		margin:0;
	}

	#header_tel img {visibility:hidden;}
	
	#header_login {
		display:none;
	}
	#main_text {margin-bottom:150px;}
    #mainimg_smt01{
        z-index: 3;
    }
	#mainimg_seibi {
		left: -25px;
        top: 32%;
        width: 90%;
        z-index: 2;
	}
	#mainimg_car {
        width: 50%;
        top: 35%;
        right: 0;
    }
	
	#mainimg_smt02, #mainimg_smt03 {display:none;}


	#top_page h2 {font-size:28px;}

    #autosend {padding:0 3%; width:94%;}
	#autosend_wrapper h2 img {width: 30px;}
	#top_shima, #top_text01, #top_smt, #top_text02 {display:none;}

	.sec2_top {
		width: 100%;
		margin-left:auto;
		margin-right:auto;
		position: relative;
		z-index:1;
        display: flex;
        flex-wrap: wrap;
	}

    .sec2_top li {
        width: 49%;
        margin-right: 2%;
        background: #FFF;
        border-radius: 5px;
    }

	.sec2_top li:nth-child(even) {
		margin-right:0;
	}

    .sec2_top li .section {
        background: none;
    }

    .sec2_top h4{
        margin-bottom: 10px;
    }

    .head_outer{
        margin: 0;
        width: 100%;
    }

    .body_outer{
        width: 100%;
    }

	.topBlock001 {
		background: url(../img/top/topBlock001_smt.jpg) no-repeat right top;
		padding: 60px 5%;
		min-height: inherit;
	}

	.topBlock002 {
		background: url(../img/top/topBlock002_smt.jpg) no-repeat left top;
		padding: 60px 5%;
		min-height: inherit;
	}

	.kantanrakuraku {
		top:-60px;
	    left: 0;
	}

	.kokyakumanzokudo {
		top: -20px;
	    left: 0;
	}

	.sessyokuhinndo {
		top: 20px;
	    right: 0;
	}
    
    #fukidashi0001 {
        top: 55%;
        right: 32%;
        width: 30%;
    }

	#top_page h2 span {
		width: 40px;
		font-size: 40px;
	}

	#main_trial{
		width:87%;
		padding:20px 10% 20px 3%;
		font-size:18px;
	}
		
	p.block_cv{font-size:14px;}

	.conversion_sec .conversion_btn {
		float:none;
		margin-right:0;
		margin-bottom:15px;
	}

	.conversion_sec .conversion_btn:nth-child(2) {margin-bottom:0;}

	.conversion_btn, .lead_btn {
		width:100%;
		font-size:20px;
		padding:25px 10px 20px 10px;
		box-sizing:border-box;
	}
	
	#smt_demo_btn {
		position: fixed;
		bottom: 0;
		left: 0;
		text-align: center;
		background: #E5004F;
		padding: 10px;
		font-size: 16px;
		width: 100%;
		color: #FFF;
		box-sizing: border-box;
		text-decoration: none;
		transition: background 0.3s;
		z-index: 1;
	}

	#smt_demo_btn:hover {background: #ff2c75;}

/*---------- header -----------*/
    .fixed {
        box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
        position: fixed;
        top: 0;
        z-index: 101;
    }
    .fixed #header_container{
        height: auto;
    }
    #header_wrapper {
        padding: 0% 0;
        box-sizing: border-box;
    }
    #header_container{
        width: 100%;
        height: auto;
    }
    #header {
        width: 100%;
        padding: 0;
    }
    #header .contents_pc {
        display: none;
    }
    #header .contents_sp {
        display: block;
    }
    #header .contents_sp .contents_sp--left {
        width: 160px;
        float: left;
        height: 56px;
    }
    #header .contents_sp .contents_sp--right {
        width: 37%;
        height: 56px;
        float: right;
    }
    #header .contents_sp .contents_sp--left .logo--sp {
        display: inline-block;
        float: none;
        margin: 0;
        padding: 4px 10px;
    }
    #header .contents_sp .contents_sp--left .report_logo--sp {
        width: 50%;
        display: inline-block;
        float: left;
        margin: 0;
    }
    .logo_report_dekiteru {
        margin: 21px 0 0 0;
    }
    #header .contents_sp .contents_sp--left .report_dekiteru_logo--sp {
        width: 20%;
        display: inline-block;
        float: left;
        padding: 2% 0;
    }
    #header .contents_sp .contents_sp--left .report_logo--sp img, #header .contents_sp .contents_sp--left .report_dekiteru_logo--sp img {
        max-width: 100%;
        height: auto;
    }
    #header .contents_sp .contents_sp--right .login_btn--sp, #header .contents_sp .contents_sp--right .tel_btn--sp {
        width: 36px;
        display: inline-block;
        float: right;
        margin: 11px 44% 0 0;
    }
    #header .contents_sp .contents_sp--right .mail_btn--sp {
        width: 30%;
        display: inline-block;
        float: right;
        margin: 0;
    }
    #header .contents_sp .contents_sp--right .menu_btn--sp {
        width: 37%;
        display: inline-block;
        text-align: center;
        position: relative;
        float: right;
        margin: 0;
        display: inline-block;
        top: 8px;
    }
    #header .contents_sp .contents_sp--right .menu_btn--sp .hamburger_bar {
        width: 20px;
        height: 4px;
        border-radius: 4px;
        background: #666;
    }
    #header .contents_sp .contents_sp--right .menu_btn--sp .hamburger_bar:nth-of-type(1) {
        position: absolute;
        top: 3px;
        left: calc(50% - 10px);
    }
    #header .contents_sp .contents_sp--right .menu_btn--sp .hamburger_bar:nth-of-type(2) {
        position: absolute;
        top: 11px;
        left: calc(50% - 10px);
    }
    #header .contents_sp .contents_sp--right .menu_btn--sp .hamburger_bar:nth-of-type(3) {
        position: absolute;
        top: 19px;
        left: calc(50% - 10px);
    }
    #header .contents_sp .contents_sp--right .menu_btn--sp .hamburger_text {
        font-size: 10px;
        color: #666;
        position: absolute;
        top: 26px;
        left: calc(50% - 21px);
    }
    #header .contents_sp .contents_sp--right .login_btn--sp img, #header .contents_sp .contents_sp--right .mail_btn--sp img, #header .contents_sp .contents_sp--right .tel_btn--sp img, #header .contents_sp .contents_sp--right .menu_btn--sp img {
        width: 100%;
    }
    #sub_global_menu, #global_menu {
        width: auto;
    }
    #body_overlay {
        height: 100%;
        width: 100%;
        background: #000;
        opacity: 0.9;
        position: fixed;
        z-index: 15;
        display: none;
        top: 0;
        cursor: pointer;
    }
    #smt_head_base {
        float: right;
    }
    #smt_head_base .trial_btn {
        display: inline-block;
        margin: 0 5px 0 0;
        background: #ff2600;
        background: -moz-linear-gradient(top, #ff2600 0%, #ff5943 47%, #fe2601 48%, #fe2601 100%);
        background: -webkit-linear-gradient(top, #ff2600 0%, #ff5943 47%, #fe2601 48%, #fe2601 100%);
        background: linear-gradient(to bottom, #ff2600 0%, #ff5943 47%, #fe2601 48%, #fe2601 100%);
        padding: 5px 10px;
        border-radius: 5px;
        position: relative;
        top: 5px;
        color: #FFF;
        text-decoration: none;
        font-weight: bold;
    }
    #global_menu #smt_menu_btn {
        display: block;
        float: right;
        padding: 0;
        width: 40px;
        height: 40px;
        margin-left: 5px;
        background-size: 20px;
        cursor: pointer;
        border: none;
        position: absolute;
        top: -40px;
    }
    .smt_menu_btn_off {
        background-image: url(../img/common/menu_smt.png);
        background-size: cover !important;
        background-position: center;
        background-repeat: no-repeat;
    }
    .smt_menu_btn_on {
        background-image: url(../img/common/menu_smt_off.png);
        background-size: cover !important;
        background-position: center;
        background-repeat: no-repeat;
    }
    .menu_li {
        width: 33.3%;
    }
    .menu_li a {
        float: none;
    }
    .menu_li a img {
        width: 100%;
    }
    /******************************/
    #global_menu {
        width: 100%;
        padding: 0;
    }
    /*** global_menu_sp ***/
    #global_menu_wrapper_sp {
        display: none;
        height: 80%;
        /*calc()非対応*/
        height: calc(100% - 39px);
        /*calc()対応*/
        width: 100%;
        position: fixed;
        top: 39px;
        right: 0;
        box-sizing: border-box;
        padding: 0;
        background: #FFCC00;
        overflow: hidden;
        overflow-y: auto;
        transition: .3s;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        z-index: 102;
    }
    #global_menu_container_sp {
        padding: 20vw 40px;
    }
    #global_menu_head_sp {
        position: fixed;
        padding: 0%;
        box-sizing: border-box;
        width: 100%;
        left: 0;
        top: 38px;
        z-index: 100;
    }
    .global_menu_login_btn {
        width: 36px;
        display: inline-block;
        float: right;
        margin: 11px 44% 0 0;
    }
    .global_menu_login_btn img {
        width: 100%;
    }
    .global_menu_btn {
        width: 37%;
        float: right;
    }
    .global_menu_btn .menu_btn--sp {
        width: 37%;
        float: right;
        position: relative;
        top: 8px;
    }
    .global_menu_btn .menu_btn--sp .hamburger_bar {
        width: 20px;
        height: 4px;
        border-radius: 4px;
        background: #666;
    }
    .global_menu_btn .menu_btn--sp .hamburger_bar:nth-of-type(1) {
        position: absolute;
        top: 10px;
        transform: rotate(-45deg);
        left: calc(50% - 10px);
    }
    .global_menu_btn .menu_btn--sp .hamburger_bar:nth-of-type(2) {
        position: absolute;
        top: 10px;
        transform: rotate(45deg);
        left: calc(50% - 10px);
    }
    .global_menu_btn .menu_btn--sp .hamburger_bar:nth-of-type(3) {
        position: absolute;
        top: 19px;
        display: none;
        left: calc(50% - 10px);
    }
    .global_menu_btn .menu_btn--sp .hamburger_text {
        font-size: 10px;
        color: #666;
        position: absolute;
        top: 26px;
        left: calc(50% - 14px);
    }
    #menu_sp>ul>li {
        position: relative;
        border-bottom: 1px solid rgba(255,255,255,.5);
    }
    #menu_sp>ul>li:after {
        content: "";
        width: 100%;
        height: 1px;
        background: rgba(0,0,0,.15);
        opacity: 0.3;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    #menu_sp>ul>li#gmenu_trial:after {
        display: none;
    }
    .expandUp {
        animation-name: expandUp;
        animation-duration: 0.5s;
        animation-timing-function: ease;
        animation-fill-mode: forwards;
    }
    @keyframes expandUp {
        0% {
            -webkit-transform: translateY(100%) scale(0.8) scaleY(0.7);
            transform: translateY(100%) scale(0.8) scaleY(0.7);
        }
        60% {
            -webkit-transform: translateY(-7%) scaleY(1.05);
            transform: translateY(-7%) scaleY(1.05);
        }
        75% {
            -webkit-transform: translateY(3%);
            transform: translateY(3%);
        }
        100% {
            -webkit-transform: translateY(0%) scale(1) scaleY(1);
            transform: translateY(0%) scale(1) scaleY(1);
        }
    }
    #menu_sp>ul>li#gmenu_trial {
    margin: 45px 0 0;
    border-bottom: none;
    }
    #menu_sp>ul>li#gmenu_request {
    margin: 20px 0 0;
    border-bottom: none;
    }
    #menu_sp #gmenu_trial a,
    #menu_sp #gmenu_request a {
        background: #E5004F url(../img/common/btn_grass.png) no-repeat center top -11px;
        background-size: cover;
        color: #FFF;
        display: block;
        font-weight: bold;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
        padding: 15px;
        height: auto;
        border-radius: 30px;
    }
    #menu_sp li a {
        font-size: 16px;
        font-weight: bold;
        color: #353535;
        text-decoration: none;
        box-sizing: border-box;
        display: block;
        padding: 15px 45px 15px 10px;
    }
    .sp_freepage_accordion_btn {
        display: block;
        cursor: pointer;
        color: #353535;
        padding: 0;
        margin: 0;
        position: absolute;
        right: 0;
    }
    .sp_freepage_accordion_btn span {
        display: block;
        width: 54px;
        text-align: center;
        height: 54px;
        line-height: 54px;
        color: #353535;
    }
    .sp_freepage_imgsize_max {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 0 20px !important;
    }
    #menu_sp .ul_sub {
        display: block;
    }
    #menu_sp li ul li {
        position: relative;
        border-bottom: 1px solid #FFF;
        display: none;
    }
    #menu_sp li ul li:after {
        content: "";
        width: 100%;
        height: 1px;
        background: #BBB;
        opacity: 0.2;
        position: absolute;
        top: -2px;
        left: 0;
    }
    #menu_sp .ul_sub li a {
        color: #353535;
        font-size: 14px;
        text-shadow: none;
        width: 100%;
        padding: 10px 45px 10px 30px;
        box-sizing: border-box;
        background: none;
    }


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

    #footer_wrapper {
        padding: 30px 5% 100px;
    }

    #gototop {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 100;
    }
    #pagetop {
        margin-left: 0;
        bottom: 10px;
        right: 5%;
    }

    .footer_left{
        width: 100%;
        float: none;
        padding: 0 20px;
    }

    .footer_left img{
        top: -20px;
    }

    .footer_left_button{
        top: -20px;
    }

    .footer_left_button a{
        width: 100%;
        font-size: 18px;
    }

    .footer_left_button a:hover{
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
            -ms-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }

    .footer_left_button a.footer_trial{
        background-size: 100%;
        margin: 0 0 5px;
    }

    .footer_left_button a.footer_contact{
        background-size: 100%;
    }

    .footer_left_button a.footer_contact span{
        font-size: 14px;
    }

    .footer_right{
        width: 100%;
        float: none;
    }

    .footer_menu > li > a{
        font-size: 16px;
        padding: 5px 5px 5px 28px;
    }

    .footer_menu > li > a:before {
        content: "";
        top: 4px;
    }

    .footer_syde p{
        font-size: calc(0.625rem + ((1vw - 3.2px) * 4.2553));
    }

    .footer_syde .footer_syde_name{
        font-size: calc(0.875rem + ((1vw - 3.2px) * 4.2553));
    }

    .footer_syde .footer_privacy a{
        font-size: 10px;
    }


    .footer_japico{
        position: absolute;
        right: 0;
        bottom: 0;
        width: 40px;
    }

	
    #pankuzu_upper {padding:5px 5%;}
    #chat_open_btn_sp{bottom: 10px !important}

    /* -----negative----- */

    #negative_section{
        height: 400px;
    }

    #negative_section img{
        position: absolute;
    }

    img.negative{
        left: calc(50% - 80px);
        bottom: -60px;
        width: 160px;
    }

    img.negative_1{
        left: calc(49% - 140px);
        top: 205px;
        width: 140px;
    }

    img.negative_2{
        left: calc(49% - 140px);
        top: 60px;
        width: 140px;
    }

    img.negative_3{
        right: calc(49% - 140px);
        top: 60px;
        width: 140px;
    }

    img.negative_4{
        right: calc(49% - 140px);
        top: 205px;
        width: 140px;
    }

    #dksm_copy h2.dksmCopyAnimation:before{
        display: none;
    }

    #dksm_copy h2.dksmCopyAnimation:after{
        display: none;
    }


	/*---------- privacy page -----------*/

	.block_privacy{width:85%;}
	.privacy_box {padding:15px 0;}
	.privacy_box h3 {font-size:16px;}

	#contents {
		width: 90%;
		padding: 15px 5%;
	}

    .faq_base h4 a{
        padding: 15px 0;
    }
	
    /*---------- about -----------*/
    .about_section{
        width: 90%;
        margin:0 auto 30px;
    }

    .pagetitle_h2{
        font-size: calc(1.625rem + ((1vw - 3.75px) * 3.8095));
        padding: calc(1.875rem + ((1vw - 3.2px) * -3.125)) 5%;
        height: 95px;
        margin-bottom: 45px;
    }

    .serif_h2{
        font-size: calc(2.25rem + ((1vw - 3.75px) * 3.8095));
        margin-bottom: 45px;
    }

    .about_list_h3{
        font-size:calc(1.375rem + ((1vw - 3.75px) * 1.9048));
        margin: 20px 0 10px;
    }

    .float_left_img{
        float:none;
        margin:0 auto;
        display: block;
    }

    .float_right_text{
        float:none;
        width: 100%;
        margin:0 auto;
    }

    .float_right_text p{
        font-size:16px;
    }


	/*---------- price page -----------*/
	.price_table, #recommend_sec, .lead_btn {width:100%;}
	.price_table td {border:1px solid #CCC; border-top:none;}

	.price_table th {
		padding: 10px;
		font-size: 20px;
	}
	
	.price_table td {
		padding: 10px;
		font-size: 20px;
	}
	
	.price_table td span {display: inline;}
	.price_sec h3 {font-size: 22px;}

	.price_sec input[type="text"] {
		box-sizing: border-box;
		width: 120px !important;
		padding: 5px;
		font-size: 30px;
	}
	
    #price_wrapper {padding: 60px 5% 0 5%;}
    #price_wrapper .block {padding-bottom: 260px;}
	
	.recommend_sec_lr {
		margin:0 auto 5px auto;
		padding:15px;
		width:90%;
		box-sizing: border-box;
		float:none;
	}

	.recommend_sec_lr p.recommend_ttl {
		font-size:22px;
		margin-bottom:0;
	}

	.recommend_sec_lr p strong {
		font-size:28px;
		margin-bottom:10px;
	}

	.recommend_sec_lr p span, .recommend_sec_lr p {font-size:16px;}	

	.recommend_sec_m {
		margin: 0 0 5px 0;
		padding: 30px 15px 15px 15px;
		width: 100%;
		box-sizing: border-box;
		float: none;
		background-size: 50px 50px;
	}
	
	.recommend_sec_m p.recommend_ttl {
		font-size:28px;
		margin-bottom:0;
	}

	.recommend_sec_m p strong {
		font-size:32px;
		margin-bottom:10px;
	}

	.recommend_sec_m p span, .recommend_sec_m p {font-size:16px;}
	#result span {font-size:22px;}

	
	#submit_contents {
		width:100%;
		padding:15px;
		box-sizing:border-box;
	}
	
	.freedial_num, .freedial_num a {
		font-size:28px;
		line-height:1em;
		color:#E5004F;
	}
	
	#footer_img {
		text-align:center;
		padding:30px 0 120px 0;
		background-position:center bottom;
        background-size:233px 98px;
		-webkit-background-size:233px 98px;
	}

	#footer_img p, #trial_footer_img p {font-size: 20px;}
	#footer_img strong, #footer_img strong a {
		font-size: 32px;
		color: #ff550f;
	}

	
	/*---------- report -----------*/

	#report_left {
		float:none;
		width:100%;
	}

	#report_left h1 {
		font-size: 20px;
		padding: 10px 60px 10px 15px;
		line-height: 120%;
	}
	
	#report_left h1:before {
		height: 24px;
	    bottom: 50%;
		margin-bottom: -12px;
	}
	#report_ttl_okuno, #report_ttl_shimada, #report_ttl_abe {background-size:53px 53px}

	#report_left h2 {
		font-size: 18px;
		padding: 10px;
	}

	#report_left h3 {
		font-size: 18px;
		padding: 10px 0;
	}

	.report_writer {position:relative; padding: 15px 15px 15px 60px;}

    #report_writer_okuno {
        background: #F5F5F5 url(../img/report/writer/report_writer_okuno_m.png) no-repeat 5% center;
        background-size: 40px 40px;
    }

    #report_writer_shimada {
        background: #F5F5F5 url(../img/report/writer/report_writer_shimada_m.png) no-repeat 5% center;
        background-size: 40px 40px;
    }

    #report_writer_abe {
        background: #F5F5F5 url(../img/report/writer/report_writer_abe_m.png) no-repeat 5% center;
        background-size: 40px 40px;
    }

	#report_left .report_writer p {
		float:left;
		margin:0;
	}

	.report_writer a {
        padding: 5px;
	}

	#report_left h4 {font-size: 18px;}

	#report_right {
		float:none;
		width:100%;
	}
	
	#relation {margin-bottom:60px;}

	
	/******************************/
	/* -----trial----- */
	
	#trial_section {
		background:none;
	}

    .trial_section_h2{}
    #trial_section #trial_section_h2 span{
        font-size:20px;
    }
    .sub_h2{font-size: calc(1rem + ((1vw - 3.2px) * 2.1277)); margin: 0 0 1em;}

	#trial_modal_open {
        margin-left:0;
        left: 0;
        width:100%;
        padding: 25px 15px;
        top: 360px;
        box-sizing: border-box;
        font-size: calc(1.25rem + ((1vw - 3.2px) * 4.2553));
	}
	
	#trial_modal_wrapper {
		padding: 0;
		border: none;
		border-radius: 0;
		height: 100% !important;
		overflow: auto;
	}
	
	#trial_modal_wrapper #trial_modal {
		font-size: 14px;
		margin: 0px auto;
		padding: 25px;
		width: 90%;
        height: 70vh;
        top: 100px;
        left: 20px;
		min-width: 90%;
        max-height: none;
        overflow: scroll;
	}

	#trial_modal_wrapper th, #trial_modal_wrapper input[type="submit"] {
		width:100%;
	}

    #trial_modal #trial_modal_wrapper_close_btn {
        width: 30px;
        height: 30px;
        line-height: 30px;
        top: 5px;
        right: 5px;
        position: absolute;
    }

	select[name="trial_tel_1"] {
		width:60px !important;
	}

	input[name="trial_tel_2"], input[name="trial_tel_3"] {
		width:70px !important;
        position: relative;
        top: 1px;
	}
    #top_page div.baloon {
        margin-top: -70%;
    }

    #trial_modal h3 {
        width: 100%;
        font-size: calc(1rem + ((1vw - 3.2px) * 2.1277));
        margin: 0 0 1em;
    }

    #send_end_outer p{font-size: calc(0.75rem + ((1vw - 3.2px) * 2.1277)); margin: 0 0 3em;}


	#trial_modal .iphone_img_outer {
        position: relative !important;
        right: auto !important;
        top: 0 !important;
        left: calc(50% - 120px);
    }
    #send_sms_outer,
    #send_end_outer{
        width: 100% !important;
    }

    #send_sms_outer input[type="text"]{
        font-size: 16px;
    }
	
    .help_sec,
	.report_sec {
		width: 100%;
		float: none;
		margin: 0 0 60px 0;
	}
    
    #trial_balloon {
        top: -20px;
        right: 5%;
        width: 35%;
    }
    
    /*---------- table -----------*/

    table, th, td {
        border:none;
    }

    .sec_3 li, .sec3_s li{
        margin: 0 1% 30px;
        width: 49%;
    }

    .sec_3 li:nth-of-type(2n), .sec3_s li:nth-of-type(2n){
        margin: 0 0 30px;
    }

    .sec_3 li:nth-last-of-type(1),
    .sec3_s li:nth-last-of-type(1){
        margin: 0;
    }

    .sec_3 li img,.sec3_s li img{
        width: 100%;
    }

      /*---------- jirei -----------*/
  #jirei_section h3 {
    font-size: 24px;
  }
  #jirei_section h4 {
    font-size: 20px;
    margin-bottom: 30px;
  }
  #jirei_section h4 span {
    font-size: 20px;
    color: #FF550F;
  }
  #jirei_section .title_block {
    width: 100%;
    height: auto;
    margin: 0;
  }
  #jirei_section .title_block img.ml30Img {
    margin-bottom: 5px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
  }
  #jirei_section .title_block img.mr30Img {
    margin-bottom: 5px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 0px;
  }
  #jirei_section .title_text_block {
    float: none;
    width: 92%;
    padding: 10px 4%;
    margin-bottom: 60px;
    background-color: #fff;
    border-radius: 10px;
  }
  #jirei_section .title_text_block_left {
    float: none;
    margin-left: 0px;
  }
  #jirei_section .title_text_block_right {
    float: none;
  }
  #jirei_section .voice_block {
    width: 100%;
    margin: 0;
  }
  #jirei_section .voice_block img {
    width: 100%;
    margin-bottom: 30px;
  }
  #jirei_section .voice_text_block {
    margin-bottom: 60px;
  }
  #jirei_section .block>div:nth-last-child(1) {
    margin-bottom: 0;
  }

    #trial_phone_contents{
        position: relative;
    }

    #trial_iPhone{
        position: static;
    }

    #trial_bunmen {
        top: 41px;
        left: 57px;
    }

    .trial_menu{
        width: 100%;
        padding: 10px 15px 15px;
        margin: 0 auto 15px;
        position: static;
    }

    .trial_menu li {
        width: 48%;
        background: #F0F0F0 url(../img/top/trial_menu_grass_b.png)no-repeat center top;
        -webkit-background-size: 100%;
        background-size: 100%;
        margin: 0 4% 10px 0;
    }

    .trial_menu li:hover,
    .trial_menu li.menuCurrent {
        background: #399586 url(../img/top/trial_menu_grass.png)no-repeat center top;
        -webkit-background-size: 100%;
        background-size: 100%;
    }

    .trial_menu h3,
    .trial_color h3{
        color: #342E14;
        font-family: 'KozGo';
        font-size: 20px;
        padding: 10px 0 20px 65px;
        margin: 0 auto 5px;
        text-align: left;
    }

    .trial_menu h3{
        background: url(../img/top/trial_menu_icon.png) no-repeat top 4px left;
        width: 128px;
    }
    .trial_color h3{
        background: url(../img/top/trial_color_icon.png) no-repeat top 4px left;
        width: 106px;
    }

    .trial_color{
        width: 100%;
        padding: 10px 15px 15px;
        margin: 0 auto 15px;
        position: static;
    }

    .trial_color ul{
        width: 234px;
        margin: 0 auto;
    }



    /*
    .trial_menu li:hover{
        border-bottom:  3px solid #fc0;
    }
    */

    .trial_menu_now {
        border-bottom:  3px solid #fc0;
    }

    .r_balloon {
        right: -25px;
        top: -50px;
    }

    /*** request ***/
    .pdf__sample-imgbox a{
      display: block;
      float: left;
      margin: 0 2% 5px 0;
      width: 32%;
    }

    .pdf__sample-imgbox a:nth-of-type(3n){
      margin: 0 0 5px;
    }

    .pdf__sample-imgbox a img{
      width: 100%;
    }


    .trial_company_info_outer {
        margin-bottom: 30px;
    }

    .trial_name_outer, .trial_tel_outer, .trial_company_name_outer, .trial_company_tel_outer {
        width: 100%;
        margin: 0 0 15px;
    }


        #fixed_trial_btn {
        position: fixed;
        height: 70px;
        width: 70px;
        z-index: 100;
        right: 10px;
        top: 108px;
        display: none;
    }
    #fixed_trial_btn .fixed_trial_btn_img {
        position: absolute;
        width: 20px;
        height: 20px;
        height: 70px;
        width: 70px;
        border-radius: 50%;
        border: 2px solid #FFF;
        background: #dd4024 url(../img/common/fixed_trial_btn.png) no-repeat center center;
        -webkit-background-size: contain;
        background-size: contain;
        z-index: 0;
        box-sizing: border-box;
    }
    #fixed_trial_btn .ripple {
        position: absolute;
        background-color: #dd4024;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        animation: rippleEffect 3200ms infinite;
        opacity: 0;
        z-index: -1;
        right: 25px;
        top: 25px;
    }

@keyframes rippleEffectSmall {
    from {
        transform: scale(0.5);
        opacity: 0.85;
    }
    to {
        transform: scale(3);
        opacity: 0;
    }
}

@keyframes rippleEffect {
    from {
        transform: scale(1);
        opacity: 0.45;
    }
    to {
        transform: scale(8);
        opacity: 0;
    }
}



    #jirei_list_section .sec_3 li {
      margin: 0 2% 30px 0;
    }

    #jirei_list_section .sec_3 li:nth-of-type(3n) {
      margin: 0 2% 30px 0;
    }

    #jirei_list_section .sec_3 li:nth-of-type(2n) {
      margin: 0 0 30px 0;
    }

    .ideaList b {
        font-size: 120%;
    }

    .ideaList .tag span {
        display: block;
        margin: 0 0 5px;
    }

    .separate_block_inner{
        display: block;
    }

    .separate_block_inner .head_outer{
        margin: 0 0 30px;
    }

    .new_arrival_block h3 {
        margin: 0 0 10px;
    }

    .new_arrival_block h3 span{
        font-size: 16px;
        line-height: 1.5;
    }

    .goHelpPage {
        color: #36f;
        text-decoration: none;
        display: block;
        text-align: right;
        padding: 0 10px 0 0;
        box-sizing: border-box;
    }

    .sms_alias_catch_outer{
        margin: 0 0 45px;
    }

    .sms_alias_catch_outer img {
        margin: 0 0 30px;
    }

    .sms_alias_catch_outer p .pre {
        font-size: calc(1.125rem + ((1vw - 3.2px) * 2.1277));
    }

    .sms_alias_catch_outer p span {
        font-size: calc(1.25rem + ((1vw - 3.2px) * 4.2553));
        font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }


    /* -----hojo----- */
    .ledText span{
        font-size:24px;
    }

    .mainimg_hojo_btn{
        width: 40%;
        height: 40%;
        top: 37%;
        right: 30px;
        z-index: 2;
    }

    .mainimg_hojo_btn:hover{
        transform:none;
    }

    #mainimg_hojo_btn_sp{
        z-index:2;
    }

    #hojo_ooi_top{
        top: auto;
        bottom: 40px;
        right: 0;
        width: 20%;
        height: auto;
        max-width: 65px;
        z-index: 2;
    }

    #hojo_section p {
        margin-bottom: 30px;
        text-align: left;
        width: 60%;
    }

    #hojo_ooi {
        width: 115px;
        bottom: 90px;
        right: 12px;
        z-index: 1;
    }
    img#hojo_price{
        position: relative;
        z-index: 2;
    }
/*    .mainimg_yoyaku-system_btn{
        width: 30%;
        height: 30%;
        right: 30%;
        top: 40%;
    }*/
    .mainimg_csv_btn{
        width: 35%;
        height: 35%;
        right: 0%;
        top: 40%;
    }
    img.dksm_plus_logo {
        top: -60px;
        left: -4%;
        width: 50%;
        height: auto;
        transform:none;
    }
    .dksm_plus_button{
        width: 80%;
        font-size: 14px;
    }
    #dksm_plus #mainimg_seibi{
        left: -60px;
    }
    #dksm_plus h1{
        top: -45px;
    }
    #dksm_plus h2{font-size:28px;}
    #dksm_plus h2 span {
        width: 40px;
        font-size: 40px;
    }
    .price_table.dksmplus_price_table th,.price_table.dksmplus_price_table td{
        width: 50%;
        display: table-cell;
    }
}

@media screen and (max-width: 375px) {
    #trial_bunmen {
        top: 42px;
        left: 38px;
    }
    #trial_bunmen_iframe {
        width: 280px;
        height: 580px;
        border-radius: 5px 5px 30px 30px;
    }
}

@media screen and (max-width: 320px) {
    #trial_bunmen {
        top: 39px;
        left: 21px;
    }
    #trial_bunmen_iframe {
        width: 260px;
        height: 544px;
        border-radius: 5px 5px 30px 30px;
    }
}




@media screen and (max-width: 770px) {

    #trial_modal {
        left: 25px;
        width: calc( 100% - 25px - 25px ); /* left, right それぞれ25px ずつあけてやる */
    }

    .iphone_img_outer {
        position: static;
        display: block;
        right: auto;
        left: 440px;
    }

}

@media screen and (max-height: 770px) {
    #trial_modal {
        top: 120px;
        /* 画面高さ - top - ( top - ヘッダー高さ　+ スクロールバー分の高さ（20px） ) */
        height: calc(100vh - 120px - ( 120px - 101px + 20px ));
        max-height: 540px;
    }
}