@charset "utf-8";

/**** reset ****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed {vertical-align:top;}
hr,legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}
li{list-style-type:none;}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"],
input[type="reset"]{
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration{
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus,
input[type="reset"]::focus{
  outline-offset: -2px;
}

body{
    font:14px/1.5 verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    color:#222;
    min-width: 1000px;
/* background:url(images/bgTop.png) repeat-x; :?
}

/* body#toppage{background-image:url(images/bgTop.png) */

}


img{
    width:100%;
    max-width: 100%;
    height: auto;
}
a {color:#c6a34d;text-decoration: none;}
a:active, a:focus {outline:0;}
a img{border:none;}

a img:hover{
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter: “alpha( opacity=70 )”;
}

/**** Clearfix ****/
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

/************************************************
/* レイアウト
*************************************************/
/* メインバナーより上部 */
#wrapper{
    width:100%;
    margin:0 auto 20px;
}

/* 全体 */
#contents{
    max-width: 1600px;
    width:100%;
    margin:0 auto;
    padding:0;
    background-color: #fff;
}

/* ヘッダー */
#header{
    position:relative;
    height:67px;
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding-top: 5px;
}

/* フッター */
#footer {
    background: #ffec71;
}


/************************************************
/* ヘッダー
*************************************************/
/****** ロゴ ******/
p#logo{
    position:absolute;
    overflow:hidden;
    top:20px;
    width:300px;
    height:40px;
    text-indent:100%;
    white-space:nowrap;
    background:url(images/logo.png) no-repeat;
}
p#logo a{
    display:block;
    width:300px;
    height:40px;
}
p#logo a:hover{
    cursor: pointer;
}
#header h1,#header h2{
    font-weight:normal;
    position:absolute;
    top:14px;
    right:240px;
    color: #c97664;
    font-size: 10px;
    line-height: 21px;
}
#header a.contact {
    display: block;
    position: relative;
    margin: 3px 0 0 auto;
    width: 220px;
    height: 50px;
    padding: 0 0 0 43px;
    color: #fff;
    background: #ff0000;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    box-shadow: 0 5px #D40000;
    box-sizing: border-box;
}
#header a.contact:before {
    position: absolute;
    content: url(images/icon_mail.png);
    width: 45px;
    height: 38px;
    top: 6px;
    left: 13px;
}
#header a.contact:hover {
    background: #ff8888;
    margin-top: 5px;
    box-shadow: 0 3px #D40000;
}

/************************************************
/* サブナビゲーション
*************************************************/
#subnav{
    position:absolute;
    top:36px;
    right:240px;
}
#subnav li{
    float:left;
}
#subnav li a{
    padding:0 0 0 20px;
    color:#c6a34d;
    font-size:14px;
    border-left:1px solid #fff;
}
#subnav li:first-child a{
    border:0;
}
#subnav li a:hover{
    text-decoration: underline;
}


/************************************
/* メインナビゲーション
************************************/
nav{
    width: 100%;
    background:#ffec71;
}
nav label,nav input{
    display: none;
}
nav ul{
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
    height: 73px;
    padding: 9px 0;
    box-sizing: border-box;
}
nav ul li{
    float:left;
    list-style:none;
    padding: 0 15px 0 0;
}
nav ul li:last-child{
    padding: 0;
}
nav ul a{
    position: relative;
    display: block;
    width: 180px;
    height: 50px;
    padding: 0 0 0 43px;
    color: #fff;
    text-align: center;
    background: #999;
    line-height: 50px;
    border-radius: 5px;
    box-shadow: 0 5px #D40000;
    box-sizing: border-box;
}
nav ul a:before {
    position: absolute;
    content: url(images/icon_mail.png);
    width: 45px;
    height: 38px;
    top: 6px;
    left: 13px;
}
nav ul a:hover {
    color: #fff;
    background: #ff8888;
    margin-top: 2px;
    box-shadow: 0 3px #D40000;
}
nav ul a#menu1 { background: #f47c90; box-shadow: 0 5px #d36c7e;}
nav ul a#menu2 { background: #f5a770; box-shadow: 0 5px #de9868;}
nav ul a#menu3 { background: #99d46d; box-shadow: 0 5px #86b562;}
nav ul a#menu4 { background: #79bfe5; box-shadow: 0 5px #6fa9c7;}
nav ul a#menu5 { background: #968ce2; box-shadow: 0 5px #8279c6;}
nav ul a#menu1:before { content: url(images/icon_top.png); top:8px;}
nav ul a#menu2:before { content: url(images/icon_service.png); top:8px;}
nav ul a#menu3:before { content: url(images/icon_flow.png); }
nav ul a#menu4:before { content: url(images/icon_temp.png); left: 5px}
nav ul a#menu5:before { content: url(images/icon_faq.png);}
nav ul a#menu1:hover { background: #fc98a9; box-shadow: 0 3px #d98795;}
nav ul a#menu2:hover { background: #fdbb8d; box-shadow: 0 3px #e3a77e;}
nav ul a#menu3:hover { background: #abe580; box-shadow: 0 3px #a0ce7d;}
nav ul a#menu4:hover { background: #8acdf2; box-shadow: 0 3px #86b8d1;}
nav ul a#menu5:hover { background: #aaa1f0; box-shadow: 0 3px #918ac7;}

/************************************************
/* キャンペーンバナー
*************************************************/
.banner a{
    display: block;
    max-width: 960px;
    width: 100%;
    margin: 40px auto;
}
.banner:hover{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: “alpha( opacity=80 )”;
}

/************************************************
/* メインイメージ
*************************************************/
#mainImg{
    max-width: 1600px;
    min-width: 1000px;
    width: 100%;
    height: 330px;
    margin: 50px auto 0;
    padding: 50px 0 0;
}
#toppage #mainImg{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fa9da7+21,fa9da7+84,ffffff+100 */
    background: #FA9DA7; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #fa9da7 10%, #fa9da7 90%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#fa9da7 10%,#fa9da7 90%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ffffff 0%,#fa9da7 10%,#fa9da7 90%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FA9DA7', endColorstr='#FA9DA7',GradientType=1 ); /* IE6-9 */
}
#service #mainImg{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fa9da7+21,fa9da7+84,ffffff+100 */
    background: #FFB89C; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #FFB89C 10%, #FFB89C 90%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#FFB89C 10%,#FFB89C 90%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ffffff 0%,#FFB89C 10%,#FFB89C 90%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFB89C', endColorstr='#FFB89C',GradientType=1 ); /* IE6-9 */
}
#flow #mainImg{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fa9da7+21,fa9da7+84,ffffff+100 */
    background: #ABEFD5; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #ABEFD5 10%, #ABEFD5 90%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#ABEFD5 10%,#ABEFD5 90%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ffffff 0%,#ABEFD5 10%,#ABEFD5 90%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ABEFD5', endColorstr='#ABEFD5',GradientType=1 ); /* IE6-9 */
}
#template #mainImg{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fa9da7+21,fa9da7+84,ffffff+100 */
    background: #afdbfa; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #afdbfa 10%, #afdbfa 90%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#afdbfa 10%,#afdbfa 90%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ffffff 0%,#afdbfa 10%,#afdbfa 90%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afdbfa', endColorstr='#afdbfa',GradientType=1 ); /* IE6-9 */
}
#faq #mainImg{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fa9da7+21,fa9da7+84,ffffff+100 */
    background: #f2cffa; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #f2cffa 10%, #f2cffa 90%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#f2cffa 10%,#f2cffa 90%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ffffff 0%,#f2cffa 10%,#f2cffa 90%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2cffa', endColorstr='#f2cffa',GradientType=1 ); /* IE6-9 */
}






/************************************************
/* 画像枠
*************************************************/
.imgWaku{
    position: relative;
    max-width: 1000px;
    width: 100%;
    height: auto;
    margin: -75px auto 0;
}
.imgWaku .top_point {
    position: absolute;
    top: -25px;
    right: -95px;
    width: 251px;
}

/************************************************
/* 更に！悩み解決
*************************************************/
.nayami_con {
    text-align: center;
}
.nayami_con ul{
    position: relative;
    display: inline-block;
    margin: 20px auto;
    background-repeat: no-repeat;
    background-position: 50%;
}
.nayami_con .nayami01{ width: 273px; height: 390px; background-image: url(images/bk_nayami01.png);}
.nayami_con .nayami02{ width: 393px; height: 390px; background-image: url(images/bk_nayami02.png);}
.nayami_con .nayami03{ width: 276px; height: 390px; background-image: url(images/bk_nayami03.png);}

.nayami_con .n_q{
    position: absolute;
    color: #717171;
    font-size: 17px;
    text-align: left;
}
.nayami_con .nayami01 .n_q{ top: 93px; left: 92px;}
.nayami_con .nayami02 .n_q{ top: 28px; left: 76px;}
.nayami_con .nayami03 .n_q{ top: 69px; left: 30px;}

.nayami_con .n_a{
    position: absolute;
    font-size: 22px;
    font-weight: bold;
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', Meiryo, メイリオ;
}
.nayami_con .nayami01 .n_a{ top: 234px; left: 7px; color: #F9416D;}
.nayami_con .nayami02 .n_a { top: 183px; left: 10px; color: #90CC1D; font-size: 20px;}
.nayami_con .nayami03 .n_a { top: 255px; left: 40px; color: #F4A11C;}

.nayami_con .n_a strong{
    margin: 0 5px;
    padding: 0 5px;
    color: #FFF000;
    font-size: 35px;
}
.nayami_con .nayami01 .n_a strong{ background: #F9416D;}
.nayami_con .nayami02 .n_a strong{ background: #90CC1D;}
.nayami_con .nayami03 .n_a strong{ background: #F4A11C;}

.nayami_con .nayami01 .n_a strong span{
    font-size: 22px;
}
.kaiketu {
    padding-bottom: 30px;
}
.kaiketu dl:before {
    position: absolute;
    display: block;
    content: " さ・ら・に！";
    background-image: url(images/img_more.png);
    width: 203px;
    height: 67px;
    margin: 0 auto;
    top: -60px;
    left: 0;
    right: 0;
    z-index: 10;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    letter-spacing: -3px;
}
.kaiketu dl {
    position: relative;
    max-width: 956px;
    width: 100%;
    height: 283px;
    margin: 40px auto 20px;
    border: 1px solid #ED4C7B;
    box-shadow: 3px 3px #ED4C7B;
    background-image: url(images/bk_nayami_kaiketu.png);
}
.kaiketu dl dt {
    position: absolute;
    color: #ED4C7B;
    font-size: 30px;
    font-weight: bold;
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', Meiryo, メイリオ;
    text-shadow: 3px 3px 3px #fff, 3px -3px 3px #fff, -3px -3px 3px #fff, -3px 3px 3px #fff;
}
.kaiketu dl dt.kaiketu01 { top: 30px; left: 120px;}
.kaiketu dl dt.kaiketu02 { top: 111px; left: 70px;}
.kaiketu dl dt.kaiketu03 { top: 190px; left: 160px;}

.kaiketu dl dd {
    position: absolute;
    font-size: 18px;
    color: #595858;
}
.kaiketu dl dd.kaiketu01 { top: 21px; left: 500px;}
.kaiketu dl dd.kaiketu02 { top: 104px; left: 500px;}
.kaiketu dl dd.kaiketu03 { top: 188px; left: 500px;}

.kaiketu dl dd span{
    display: block;
    font-size: 14px;
}
.kaiketu a.link_service {
    display: block;
    width: 350px;
    height: 70px;
    margin: 25px auto;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 70px;
    background: #FC7835;
    border-radius: 5px;
    box-shadow: 0 5px #B6643C;
}
.kaiketu a.link_service:hover{
    margin: 27px auto 23px;
    background: #ff9763;
    box-shadow: 0 3px #c17b5a;
}


/**************************
/* TOPページHP制作例 一覧用ボックス
**************************/
.sample_con h3 {
    font-size: 16px;
    color: #ED4C7B;
}
.sample_con {
    max-width: 960px;
    width: 100%;
    margin: 0 auto 30px;
}
.sample_con > div {
    float: left;
    width: 320px;
    height: auto;
    margin: 0;
    padding: 30px 0;
    text-align: center;
    box-sizing: border-box;
}
.sample_con > div:nth-child(odd) {
    background: #FCD2DE;
    /* -45度斜めから25%、50%、75%、100%と
    ボーダーが交互に色違いとなるように指定 */
    background-image: linear-gradient(
    -45deg,
    #ffe3eb 25%,
    #ffd6e2 25%, #ffd6e2 50%,
    #ffe3eb 50%, #ffe3eb 75%,
    #ffd6e2 75%, #ffd6e2
  );
  background-size: 12px 12px;
}
.sample_con img {
    width: 260px;
    margin: 10px 0;
    box-shadow: 2px 2px 10px #FDBCCE;
    object-fit: cover;
    object-position: 0 0;
    height: 180px;
}
.sample_con .btn_samp {
    display: block;
    width: 120px;
    margin: 0 auto;
    padding: 5px;
    color: #fff;
    background: #ED4C7B;
}
.sample_con .btn_samp:hover {
    opacity: 0.7;
}

/**************************
/* ホームページ完成まで３ステップ
**************************/
.step_con {
    max-width: 960px;
    width: 100%;
    margin: 40px auto 60px;
}
.step_con ol{
    margin-right: -60px;
}
.step_con ol li{
    position: relative;
    float: left;
    width: 280px;
    height: auto;
    margin: 0 60px 0 0;
    font-size: 20px;
}
.step_con ol li p{
    position: relative;
    padding-left: 77px;
    line-height: 26px;
}
.step_con ol li p.one{
    padding-top: 12px;
}
.step_con ol li span{
    position: absolute;
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', Meiryo, メイリオ;
    top: 13px;
    left: 20px;
    color: #ED4C7B;
    font-size: 50px;
    font-weight: bold;
}
.step_con ol li:after {
    position: absolute;
    top: 75px;
    right: -48px;
    width: 0;
    margin: 0 auto;
    content: "";
    border: 35px solid transparent;
    border-left-color: #ED4C7B;
    border-right-width: 0;
}
.step_con ol li.last:after {
    display: none;
}

/************************************************
/* サービス（TOPページ）
*************************************************/
.service_con {
    width: 100%;
    background: #C8C9C9;
    font-size: 14px;
}
.service_con div {
    box-sizing: border-box;
}
.service_con > div {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    box-sizing: border-box;
}
.service_con > div > div {
    width: 100%;
    margin: 20px auto;
    padding: 20px;
    background: #fff;
}
.service_con > div > div > img {
    float: left;
    width: 300px;
    padding: 10px 40px 10px 10px;
}
.service_con div > div.con_two {
    margin: 20px 0 0;
    padding: 0;
    background: none;
}

/************************************************
/* サービス詳細
*************************************************/
.con_service {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
}
.con_service > div{
    padding-bottom: 50px;
}
.con_service .s_box01 > div{
    float: left;
    width: 490px;
}
.con_service .s_box02 > div{
    float: right;
    width: 450px;
}
.con_service .s_box03 > div{
    float: left;
    width: 490px;
}
.con_service .s_box01 img{
    float: right;
    width: 444px;
}
.con_service .s_box02 img{
    float: left;
    width: 456px;
}
.con_service .s_box03 img{
    float: right;
    width: 444px;
}
.con_service .s_th{
    margin-right: -42px;
}
.con_service .s_th div {
    float: left;
    width: 300px;
    margin-right: 34px;
    font-size: 16px;
}
.con_service .notes {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    border: 1px dotted #717171;
    font-size: 16px;
}
.con_service h4 {
    float: left;
    width: 130px;
    height: 130px;
    font-size: 16px;
    color: #fff;
    background: #717171;
    line-height: 130px;
    text-align: center;
}
.con_service .notes p {
    float: left;
    max-width: 830px;
    width: 100%;
    padding: 29px 20px;
    color: #717171;
    box-sizing: border-box;
}

/************************************************
/* 制作の流れ
*************************************************/
.con_flow {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 0;
}
.con_flow ol{
    max-width: 850px;
    width: 90%;
    margin: 0 auto;
}
.con_flow ol li{
    padding: 25px 20px;
}
.con_flow ol li.two_text{
    padding: 25px 20px;
}
.con_flow ol li:nth-child(odd){
}
.con_flow ol li:nth-child(even){
    background: #E6F9F3;
    border-radius: 120px;
}
.con_flow ol li p {
    float: left;
    width: 130px;
    height: 130px;
    padding-top: 23px;
    color: #fff;
    background: #00CD8D;
    border-radius: 130px;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
    box-sizing: border-box;
}
.con_flow ol li p span {
    display: block;
    font-size: 46px;
}
.con_flow ol li dl {
    float: left;
    max-width: 670px;
    width: 100%;
    margin: 13px 0 0;
}
.con_flow ol li.two_text dl {
    float: left;
    max-width: 670px;
    width: 100%;
    margin: 0;
}
.con_flow ol li dt {
    padding: 10px 10px 10px 30px;
    color: #00CD8D;
    font-size: 25px;
    border-bottom: 1px dotted #00CD8D;
}
.con_flow ol li:nth-child(even) > p {
    color: #00CD8D;
    background: #fff;
}
.con_flow ol li dd {
    padding: 10px 10px 10px 30px;
    font-size: 18px;
}
.con_flow ol li dd a{
    color: #ff0000;
}
.con_flow ol li dd a:hover{
    text-decoration: underline;
}

/**************************
/* テンプレート一覧
**************************/
.con_temp {
    max-width: 960px;
    width: 100%;
    margin: 0 auto 40px;
}
.con_temp .ttl {
    padding: 20px 0 40px;
    font-size: 26px;
    color: #3a9cd3;
    text-align: center;
}
.con_temp .temp_box > div {
    float: left;
    width: 320px;
    height: auto;
    margin: 0;
    padding: 20px 0 30px;
    text-align: center;
    box-sizing: border-box;
}
.con_temp .temp_box > div:nth-child(odd) {
    background: #BBD9EA;
}
.con_temp .temp_box p {
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', Meiryo, メイリオ;
    font-size: 20px;
    color: #3a9cd3;
    font-weight: bold;
}
.con_temp .temp_box img {
    width: 260px;
    height: 173px;
    margin: 10px 0;
    box-shadow: 1px 1px 5px #eee;
    object-fit: cover;
    object-position: 0 0;
}
.con_temp .temp_box .btn_samp{
    display: inline-block;
    width: 100px;
    margin: 0 5px;
    padding: 5px 10px;
    color: #88C8EC;
    border: 1px solid #88C8EC;
    background: #fff;
    font-size: 12px;
}
.con_temp .temp_box .btn_samp:hover{
    color: #fff;
    background: #88C8EC;
}
.con_temp .temp_box .btn_samp_top:hover {
    opacity: 0.7;
}
.con_temp .temp_box .price_samp{
    font-size: 20px;
    font-weight: 200;
    color: #1d2087;
    margin-bottom: 10px;
}

/************************************************
/* よくある質問
*************************************************/
.con_faq {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 60px;
}
.con_faq dl dt{
    position: relative;
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', Meiryo, メイリオ;
    width: 100%;
    height: 65px;
    padding-left: 46px;
    margin: 20px auto;
    background: #B081C6;
    color: #fff;
    text-align: left;
    line-height: 65px;
    font-size: 26px;
    font-weight: bold;
    box-sizing: border-box;
}
.con_faq dl dt span{
    padding-right: 10px;
}
.con_faq dl dt:after{
    position: absolute;
    top: 55px;
    left: 27px;
    width:0;
    margin: 0 auto;
    content: "";
    border:30px solid transparent;
    border-top-color: #B081C6;
    border-bottom-width:0;
}
.con_faq dl dd{
    padding: 5px 20px 20px 95px;
    font-size: 18px;
}
.con_faq dl dd span{
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', Meiryo, メイリオ;
    color: #B081C6;
    font-size: 26px;
    font-weight: bold;
    margin-right: 20px;
    margin-left: -48px;
}


/************************************************
/* ご依頼・お問い合わせ
*************************************************/
.con_cont {
    max-width: 960px;
    width: 100%;
    margin: 0 auto ;
}
.con_cont p{
    margin: 0 auto;
    padding-bottom: 20px;
}

/************************************************
/* ご依頼・お問い合わせバナー
*************************************************/
.link_contact {
    padding: 60px 0;
}
.link_contact a{
    display: block;
    width: 650px;
    height: 148px;
    margin: auto;
    text-align: center;
    background: #ff0000;
    box-shadow: 0 5px #D40000;
    border-radius: 10px;
}
.link_contact a img{
    width: 98%;
    margin: 5px;
    border: 2px solid #fff;
    border-radius: 8px;
    box-sizing: border-box;
}
.link_contact a:hover{
    background: #ff8888;
    margin: 2px auto -2px;
    box-shadow: 0 3px #D40000;
}
.link_contact a img:hover{
    opacity: 1;
}
.link_contact a span {
    display: none;
}

/************************************************
/* 利用規約・プライバシーポリシー・特定商取引法に基づく表記
*************************************************/
#agreement .con_agree,
#privacy .con_privacy,
#legal .con_legal{
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
}
#agreement .con_agree p,
#privacy .con_privacy p,
#legal .con_legal{
    margin: 0 auto;
    padding-bottom: 20px;
}


/************************************************
/* 会社概要
*************************************************/
#company .con_company {
    max-width: 960px;
    width: 100%;
    margin: 0 auto 60px;
}
#company .con_company p{
    margin: 0 auto;
    padding-bottom: 20px;
}
table {
margin: 20px auto;
	width: 100%;
	border-collapse: collapse;
}
th {
	border-bottom: #fff 5px solid;
	text-align: left;
	background: #f7f7f7;
	padding: 10px;
	font-weight: normal;
    vertical-align: middle;
}
td {
	border-bottom: #fff 5px solid;
	text-align: left;
	padding: 10px;
}
input[type="text"] {
    max-width: 300px;
    width: 95%;
    height: 18px;
    margin: 0 0 0 5px;
}
select{
    margin: 0 0 0 5px;
}
table textarea {
    width: 100%;
    margin: 0 0 0 5px;
}
input[type="submit"] {
    max-width: 200px;
    width: 50%;
    height: 50px;
    margin: 0 10px;
    background: red;
    color: #fff;
}
input[type="reset"],input[type="button"] {
    max-width: 100px;
    width: 30%;
    height: 50px;
    margin: 0 10px;
    background: #999;
    color: #fff;
}
input:hover {
    opacity: 0.7;
}


/************************************************
/* オリジナルCMS LaCMS
*************************************************/
.con_lacms {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
}
.con_lacms p{
    margin-bottom:6px;
}
.con_lacms > div{
    padding-bottom: 50px;
}
.con_lacms .s_box01 > div{
    float: left;
    width: 540px;
}
.con_lacms .s_box02 > div{
    float: right;
    width: 490px;
}
.con_lacms .s_box01 img{
    float: right;
    width: 350px;
}
.con_lacms .s_box02 img{
    float: left;
    width: 400px;
}
.con_lacms .s_th{
    margin-right: -42px;
}
.con_lacms .s_th div {
    float: left;
    width: 300px;
    margin-right: 34px;
    font-size: 16px;
}
.con_lacms .notes {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    border: 1px dotted #717171;
    font-size: 16px;
}
.con_lacms h4 {
    float: left;
    width: 130px;
    height: 152px;
    font-size: 16px;
    color: #fff;
    background: #717171;
    line-height: 152px;
    text-align: center;
}
.con_lacms h4.shiftbox{
    height: 176px;
}
.con_lacms .notes p {
    float: left;
    max-width: 830px;
    width: 100%;
    padding: 25px 20px;
    color: #717171;
    box-sizing: border-box;
}
.con_lacms .footer_con {
    padding-top:10px;
}
.con_lacms .footer_con .link_contact {
    padding-top:30px;
}

/************************************************
/* h2
*************************************************/
.con_top h2{
    position: relative;
    width: 100%;
    height: 65px;
    margin: 20px auto;
    background: #ED4C7B;
    color: #fff;
    text-align: center;
    line-height: 65px;
    font-size: 28px;
}
.con_top h2:after{
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    width:0;
    margin: 0 auto;
    content: "";
    border:30px solid transparent;
    border-top-color: #ED4C7B;
    border-bottom-width:0;
}
#contact h2{
    margin: 0 0 0 0;
    padding: 20px 0 10px 40px;
    font-size: 22px;
    color: #f50505;
    background: url(images/h2_r.png) no-repeat 0 70%;
    border-bottom: 1px dotted #999;
}
#agreement h2,
#privacy h2,
#company h2,
#legal h2{
    margin: 0 auto 10px;
    padding: 20px 0 10px 40px;
    font-size: 22px;
    color: #309dcf;
    background: url(images/h2_b.png) no-repeat 0 70%;
    border-bottom: 1px dotted #999;
}
.con_lacms h2{
    position: relative;
    width: 100%;
    height: 65px;
    margin: 20px auto;
    background: #f0dd39;
    color: #fff;
    text-align: center;
    line-height: 65px;
    font-size: 28px;
}
.con_lacms h2:after{
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    width:0;
    margin: 0 auto;
    content: "";
    border:30px solid transparent;
    border-top-color: #f0dd39;
    border-bottom-width:0;
}

/************************************************
/* h3
*************************************************/
.service_con h3 {
    padding: 8px 0;
    font-size: 22px;
    color: #4D7DBF;
    line-height: 26px;
}
.con_service h3 {
    position: relative;
    margin: 0 0 0 55px;
    padding: 10px 0 15px;
    color: #FC7835;
    font-size: 28px;
    line-height: 32px;
}
.con_service .s_th h3{
    margin: 10px 0;
    padding: 10px 0 5px;
    font-size: 19px;
    text-align: center;
    line-height: 28px;
}
.con_service h3:before {
    position: absolute;
    content: "";
    background: url(images/img_star.png);
    top: 18px;
    left: -55px;
    width: 45px;
    height: 45px;
}
.con_service .s_th h3:before{
    background: none;
}
#contact h3 {
    padding: 8px 0;
    font-size: 16px;
    line-height: 20px;
}
#agreement h3 {
    margin-bottom: 8px;
    padding: 8px 0;
    font-size: 16px;
    line-height: 20px;
    border-bottom: 1px dotted #999;
}
#privacy h3 {
    margin-bottom: 8px;
    padding: 8px 0;
    font-size: 16px;
    line-height: 20px;
    border-bottom: 1px dotted #999;
}
#legal h3 {
    margin-bottom: 8px;
    padding: 8px 0;
    font-size: 16px;
    line-height: 20px;
    border-bottom: 1px dotted #999;
}
.con_lacms h3 {
    position: relative;
    margin: 0 0 0 55px;
    padding: 10px 0 15px;
    color: #f0dd39;
    font-size: 28px;
    line-height: 32px;
}
.con_lacms h3:before {
    position: absolute;
    content: "";
    background: url(images/img_star2.png);
    top: 1px;
    left: -55px;
    width: 45px;
    height: 45px;
}
/************************************************
/* 記事コンテンツ
*************************************************/
.article{
    padding: 20px 0 60px;
}

.wrap{
padding:10px 10px 5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
-moz-box-shadow:0 1px 5px #dcdcdc;
-webkit-box-shadow:0 1px 5px #dcdcdc;
-o-box-shadow:0 1px 5px #dcdcdc;
box-shadow:0 1px 5px #dcdcdc;
border:1px solid #e6e6e6;
background:url(images/wrap.png);
}


#gap{
margin: 10px 0 30px 0;
}




/* --- タイトルエリア --- */
ol.flow dt {
text-align: center;
padding: 9px 10px 7px; /* タイトルエリアのパディング（上、左右、下） */
background: #ffffff url(images/flow_top.png) no-repeat top; /* タイトルエリアの背景 */
font-weight: bold;
color: #fff;
font-size:20px;
}
/* --- タイトル --- */
ol.flow dt strong {
margin-left: 3px;
color: #fff;
}

/* --- 本文エリア --- */
ol.flow dd {
font-size:15px;
text-align: center;
margin: 0;
padding: 15px 15px; /* 本文エリアのパディング（上下、左右） */
background: #ffffff url(images/flow_bottom.png) no-repeat bottom; /* 本文エリアの背景 */
color: #2b2b2b;
line-height: 150%;
}









/************************************************
/* フッター
*************************************************/
#footer .inner{
    max-width: 960px;
    width: 100%;
    margin:0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}

#footer ul{
    float:left;
    width: 230px;
    padding: 30px 0;
    overflow:hidden;
}

#footer ul li{padding:0 5px 5px 0;}

#footer ul li a{display:block;}

#footer ul li h3{
padding-bottom:3px;
margin-bottom:5px;
background:url(images/sep2.png) repeat-x 0 100%;
}

#footer a{ color: #886a20;}
#footer a:hover{ text-decoration: underline;}

address{
padding:5px;
clear:both;
text-align:center;
}

/************************************************
/* 送信確認画面
*************************************************/
#formWrap th {
	border-top: #e3e3e3 1px solid;
	border-bottom: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	background: #f7f7f7;
	padding: 10px;
	font-weight: normal;
}
#formWrap td {
	border-top: #e3e3e3 1px solid;
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
}
p.error_messe{
	margin:5px 0;
	color:red;
}

/************************************************
/* ゴーストボタン
*************************************************/
.ghost-button{
  display: inline-block;
  padding: 20px 20px;
  border: solid 2px #fff;
  border-radius: 3px;
  background: rgba(0,0,0,0.2);
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
}
.demo1:hover{
  color: #333;
  background: #fff;
}

.pc_none {
    display: none;
}

/************************************************
/* その他ボタンとか素材
*************************************************/
a.link_button {
    display: block;
    width: 350px;
    height: 70px;
    margin: 25px auto;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 70px;
    border-radius: 5px;
}
a.link_button:hover{
    margin: 27px auto 23px;
}
a.link_button.menu1 { background: #f47c90; box-shadow: 0 5px #d36c7e;}
a.link_button.menu2 { background: #FC7835; box-shadow: 0 5px #B6643C;}
a.link_button.menu3 { background: #88D345; box-shadow: 0 5px #86b562;}
a.link_button.menu4 { background: #68B8E2; box-shadow: 0 5px #6fa9c7;}
a.link_button.menu5 { background: #9573DD; box-shadow: 0 5px #8279c6;}
a.link_button.menu1:hover { background: #fc98a9; box-shadow: 0 3px #d98795;}
a.link_button.menu2:hover { background: #ff9763; box-shadow: 0 3px #c17b5a;}
a.link_button.menu3:hover { background: #abe580; box-shadow: 0 3px #a0ce7d;}
a.link_button.menu4:hover { background: #8acdf2; box-shadow: 0 3px #86b8d1;}
a.link_button.menu5:hover { background: #aaa1f0; box-shadow: 0 3px #918ac7;}

.link_button_top {
	padding-top: 1px;
}

/*--- 表示領域が767px以下の場合に適用するスタイル ---*/
@media screen and (max-width: 767px) {

body {
    min-width: 320px;
}
#wrapper {
    margin: 0 auto 5%;
}
#header {
    height: 120px;
    padding: 0;
}
p#logo{
    top: 25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-indent: 100%;
    background: url(images/logo.png) no-repeat;
    background-size: contain;
}
p#logo a{
    display:block;
    width: 100%;
}
#header h1 {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    color: #ca871e;
    background: #ffec71;
    line-height: 16px;
    text-align: center;
}
#header a.contact {
    margin: 0;
    top: 75px;
    left: 10%;
    width: 60%;
    height: 40px;
    font-size: 13px;
    line-height: 41px;
    box-shadow: 0 3px #D40000;
}
#header a.contact:before {
    top: 2px;
    left: 5%;
}
#header a.contact:hover {
    top: 77px;
    margin: 0;
    box-shadow: 0 1px #D40000;
}
#subnav {
    display: none;
}
nav{
    background: none;
}
nav label{
    display: block;
    position: absolute;
    top: 75px;
    left: 75%;
    margin: 0;
    padding: 25px 5px 0;
    color: #ca871e;
    font-size: 10px;
    border-radius: 3px;
    background: #ffec71;
    box-shadow: 0 3px #ccb625;
}
nav label:before {
    position: absolute;
    content: url(images/icon_menu.png);
    top: 5px;
    left: 13px;
}
nav label:hover{
    top: 77px;
    box-shadow: 0 1px #ccb625;
}
nav input[type="checkbox"].on-off{
    display: none;
}
nav ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}
nav ul a{
    width: 100%;
    margin: 0 auto;
    padding: 0;
    font-size: 13px;
    text-align: center;
    border-radius: 0;
}
nav ul a:after {
    position: absolute;
    top: -2px;
    right: 22%;
    content: ">";
    font-size: 20px;
}
nav ul li {
    float: none;
    padding: 0;
    text-align: center;
    margin: 0 auto;
}
nav ul a#menu1:before,
nav ul a#menu2:before,
nav ul a#menu3:before,
nav ul a#menu4:before,
nav ul a#menu5:before{
    left: 15%;
}
nav input[type="checkbox"].on-off + ul{
    margin: 10px 0;
    height: 0;
    overflow: hidden;
}
nav input[type="checkbox"].on-off:checked + ul{
    height: 250px;
}
#mainImg {
    min-width: auto;
    height: auto;
    margin: 0 auto 0;
    padding: 0;
}
.imgWaku {
    margin: 0 auto;
}
.imgWaku .top_point {
    display: none;
}
.imgWaku p {
    padding: 15px 0 0;
    color: #666;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
}
.imgWaku p strong{
    display: block;
    width: 300px;
    margin: 0 auto;
    color: #f71a5a;
    font-size: 24px;
    background: linear-gradient(transparent 50%, #ff0 0%);
}
#toppage #mainImg {
    background: none;
}   
.banner a {
    width: 90%;
    margin: 5% 5%;
}

.con_top h2 {
    height: 45px;
    line-height: 45px;
    font-size: 20px;
}
.con_top h2:after {
    top: 35px;
    border: 20px solid transparent;
    border-top-color: #ED4C7B;
    border-bottom-width: 0;
}
.nayami_con ul {
    margin: 0 auto;
    background-size: contain;
}
.nayami_con .nayami01 {
    margin-top: -50px;
    width: 280px;
    height: auto;
    padding-top: 320px;
}
.nayami_con .nayami02 {
    width: 320px;
    height: auto;
    padding-top: 320px;
}
.nayami_con .nayami03 {
    margin-top: -60px;
    width: 280px;
    height: auto;
    padding-top: 320px;
}
.nayami_con .n_q {
    font-size: 14px;
}
.nayami_con .nayami01 .n_q {
    top: 76px;
    left: 103px;
}
.nayami_con .nayami02 .n_q {
    top: 25px;
    left: 60px;
}
.nayami_con .nayami03 .n_q {
    top: 57px;
    left: 52px;
}
.nayami_con .n_a {
    font-size: 20px;
}
.nayami_con .nayami01 .n_a {
    top: 190px;
    left: 7px;
}
.nayami_con .nayami02 .n_a {
    top: 163px;
    left: 10px;
    font-size: 16px;
}
.nayami_con .nayami03 .n_a {
    top: 200px;
    left: 28px;
}
.nayami_con .nayami02 .n_a strong {
    font-size: 26px;
}
.kaiketu dl {
    margin: 70px 3% 20px 2%;
    width: 95%;
    height: 300px;
    background: none;
}
.kaiketu dl dt {
    font-size: 22px;
}
.kaiketu dl dt span{
    padding: 0 10px;
    background: linear-gradient(transparent 50%, #ff0 0%);
}
.kaiketu dl dt.kaiketu01 {
    top: 17px;
    left: 0;
    right: 0;
    text-align: center;
}
.kaiketu dl dt.kaiketu02 {
    top: 105px;
    left: 5px;
    right: 0;
    text-align: center;
}
.kaiketu dl dt.kaiketu03 {
    top: 190px;
    left: 0;
    right: 0;
    text-align: center;
}
.kaiketu dl dd {
    text-align: center;
    font-size: 12px;
    text-decoration: underline dotted #999;
}
.kaiketu dl dd.kaiketu01 {
    top: 55px;
    left: 5px;
    right: 0;
}
.kaiketu dl dd.kaiketu02 {
    top: 143px;
    left: 5px;
    right: 0;
}
.kaiketu dl dd.kaiketu03 {
    top: 230px;
    left: 5px;
    right: 0;
}
.kaiketu dl dd span {
    font-size: 11px;
}
.kaiketu a.link_service {
    width: 80%;
    height: 50px;
    margin: 25px 10%;
    font-size: 15px;
    line-height: 50px;
}
.kaiketu {
    padding-bottom: 10px;
}
.sample_con {
    margin: 0 auto 30px;
}
.sample_con > div {
    width: 50%;
    padding: 15px 0;
}
.sample_con h3 {
    font-size: 14px;
}
.sample_con img {
    width: 90%;
    box-shadow: none;
    border: 1px solid #eee;
}
.sample_con .btn_samp {
    width: 100px;
    margin: 0 auto;
    font-size: 11px;
}
.sample_con > div:nth-child(odd) {
    background: none;
}
.sample_con > div:nth-child(4) {
    padding-bottom: 13%;
}
.sample_con > div:nth-child(5) {
    clear: both;
}
.sample_con > div:nth-child(1),
.sample_con > div:nth-child(4),
.sample_con > div:nth-child(5),
.sample_con > div:nth-child(8),
.sample_con > div:nth-child(9) {
    background: #FCD2DE;
    /* -45度斜めから25%、50%、75%、100%と
    ボーダーが交互に色違いとなるように指定 */
    background-image: linear-gradient(
    -45deg,
    #ffe3eb 25%,
    #ffd6e2 25%, #ffd6e2 50%,
    #ffe3eb 50%, #ffe3eb 75%,
    #ffd6e2 75%, #ffd6e2
  );
  background-size: 12px 12px;
}
.step_con {
    margin: 20px auto 30px;
}
.step_con ol {
    margin-right: 0;
}
.step_con ol li {
    float: none;
    width: 90%;
    height: auto;
    margin: 0 5%;
    font-size: 16px;
}
.step_con ol li img {
    float: left;
    width: 50%;
}
.step_con ol li p,
.step_con ol li p.one{
    float: left;
    padding: 60px 0 0 20px;
}
.step_con ol li span {
    top: 25px;
    left: 30px;
    font-size: 40px;
}
.step_con ol li:after {
    position: inherit;
    top: 10px;
    right: 0;
    left: 0;
    width: 0;
    margin: 20px auto;
    content: "";
    border: 25px solid transparent;
    border-top-color: #ED4C7B;
    border-bottom-width: 0;
}
.service_con > div {
    padding: 2% 0;
}
.service_con > div > div {
    width: 90%;
    margin: 5%;
    padding: 10px;
    border-radius: 5px;
}
.service_con > div > div > img {
    display: block;
    float: none;
    max-width: 400px;
    width: 80%;
    margin: 0 auto;
    padding: 5% 0 2%;
    text-align: center;
}
.service_con h3 {
    font-size: 18px;
    line-height: 22px;
}
.service_con p {
    font-size: 12px;
    line-height: 20px;
}

.link_contact {
    padding: 30px 0;
}
.link_contact a {
    position: relative;
    width: 90%;
    height: auto;
    margin: 0 5%;
    border-radius: 5px;
    box-shadow: 0 3px #D40000;
}
.link_contact a img {
    display: none;
}
.link_contact a span {
    display: block;
    color: #fff;
    padding: 20px 10px 20px 55px;
    font-size: 15px;
}
.link_contact a:before {
    position: absolute;
    content: url(images/icon_mail.png);
    width: 45px;
    height: 38px;
    top: 12px;
    left: 13px;
}

#footer .inner {
    padding: 5% 5% 0;
    font-size: 12px;
}
#footer ul {
    float: none;
    width: auto;
    padding: 0;
}
#footer ul li {
    display: inline-block;
    padding: 0 10px 5px 0;
}
#footer .sp_none {
    display: none;
}

#service #mainImg {
    background: none;
}
.con_service h3 {
    margin: 0;
    padding: 0 0 3%;
    font-size: 18px;
    line-height: 22px;
}
.con_service h3:before {
    display: none;
}
.con_service .s_box01 > div,
.con_service .s_box02 > div,
.con_service .s_box03 > div{
    float: none;
    width: 90%;
    margin: 0 5%;
    font-size: 13px;
}
.con_service .s_box01 img,
.con_service .s_box02 img,
.con_service .s_box03 img {
    float: none;
    width: 70%;
    margin: 5% 15%;
}
.con_service > div {
    padding-bottom: 5%;
}
.con_service .s_th {
    width: 90%;
    margin: 0 5%;
}
.con_service .s_th div {
    float: none;
    width: 100%;
    margin: 0;
    font-size: 13px;
    padding-bottom: 10%;
}
.con_service .s_th h3 {
    margin: 0;
    padding: 0 0 3%;
    font-size: 18px;
    text-align: left;
    line-height: 22px;
}
.con_service .notes {
    width: 90%;
    margin: 0 5%;
    font-size: 13px;
}
.con_service h4 {
    float: none;
    width: 100%;
    height: auto;
    font-size: 15px;
    line-height: 30px;
}
.con_service .notes p {
    float: none;
    padding: 5%;
}

#flow #mainImg {
    background: none;
}
.con_flow ol li {
    margin: 0 0 5%;
    padding: 0 5%;
}
.con_flow ol li p {
    float: none;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    padding-top: 10px;
    color: #fff;
    background: #00CD8D;
    border-radius: 50%;
    font-size: 18px;
    line-height: 28px;
}
.con_flow ol li p span {
    font-size: 36px;
}
.con_flow ol li dt {
    padding: 0 0 1%;
    font-size: 18px;
    text-align: center;
}
.con_flow ol li dd {
    padding: 2% 0;
    font-size: 13px;
}
.con_flow ol li:nth-child(even) {
    border-radius: 10px;
}
.con_flow ol li dl {
    float: none;
    margin: 13px 0 0;
}
.con_flow ol li.two_text dl {
    margin: 13px 0 0;
}

#template #mainImg {
    background: none;
}
.con_temp .ttl {
    margin: 0 2%;
    padding: 10px 0 20px;
    font-size: 18px;
}
.con_temp .temp_box > div {
    float: left;
    width: 50%;
    padding: 10px 0 15px;
}
.con_temp .temp_box img {
    width: 90%;
    height:auto;
    margin: 5px 5%;
    box-shadow: none;
    border: 1px solid #eee;
}
.con_temp .temp_box .btn_samp {
    margin: 5px 5px 0;
    font-size: 10px;
}
.con_temp .temp_box > div:nth-child(odd) {
    background: none;
}
.con_temp .temp_box > div:nth-child(1),
.con_temp .temp_box > div:nth-child(4),
.con_temp .temp_box > div:nth-child(5),
.con_temp .temp_box > div:nth-child(8),
.con_temp .temp_box > div:nth-child(9),
.con_temp .temp_box > div:nth-child(12){
    background: #BBD9EA;
}

#faq #mainImg {
    background: none;
}
.con_faq {
    padding: 0 0 30px;
}
.con_faq dl dt {
    width: 100%;
    height: auto;
    padding: 2% 2% 2% 10%;
    margin: 10px auto;
    line-height: 20px;
    font-size: 16px;
}
.con_faq dl dt span {
    margin-left: -8%;
    padding-right: 3%;
}
.con_faq dl dt:after {
    top: initial;
    bottom: -15px;
    left: 0;
    right: 0;
    border: 16px solid transparent;
    border-top-color: #B081C6;
    border-bottom-width: 0;
}
.con_faq dl dd {
    padding: 2% 2% 2% 10%;
    font-size: 12px;
}
.con_faq dl dd span {
    font-size: 16px;
    margin-right: 2%;
    margin-left: -8%;
}

#contact h2 {
    margin: 0 0 10px;
    padding: 0px 0 5px 40px;
    font-size: 20px;
    background-size: 25px;
    background-position: 5px 3px;
}
.con_cont .article {
    width: 95%;
    margin: 0 2.5%;
    padding: 0 0 30px;
}
.con_cont p {
    font-size: 14px;
}
table th,table td{
    display: block;
    border: none; 
    margin: 5px 0;
}
input[type="text"] {
    display: block;
}

#agreement .con_agree, #privacy .con_privacy, #legal .con_legal, #company .con_company {
    width: 95%;
    margin: 0 2.5%;
}
#agreement h2, #privacy h2, #legal h2, #company h2  {
    margin: 0 0 10px;
    padding: 0px 0 5px 40px;
    font-size: 20px;
    background-size: 25px;
    background-position: 5px 3px;
}

.con_lacms h3 {
    margin: 0;
    padding: 0 0 3%;
    font-size: 18px;
    line-height: 22px;
}
.con_lacms h3:before {
    display: none;
}
.con_lacms .footer_con h3 {
    padding-left: 30px;
}
.con_lacms .s_box01 > div,
.con_lacms .s_box02 > div{
    float: none;
    width: 90%;
    margin: 0 5%;
    font-size: 13px;
}
.con_lacms .s_box01 img,
.con_lacms .s_box02 img{
    float: none;
    width: 70%;
    margin: 5% 15%;
}
.con_lacms > div {
    padding-bottom: 5%;
}
.con_lacms .s_th {
    width: 90%;
    margin: 0 5%;
}
.con_lacms .s_th div {
    float: none;
    width: 100%;
    margin: 0;
    font-size: 13px;
    padding-bottom: 10%;
}
.con_lacms .s_th h3 {
    margin: 0;
    padding: 0 0 3%;
    font-size: 18px;
    text-align: left;
    line-height: 22px;
}
.con_lacms .notes {
    width: 90%;
    margin: 0 5%;
    font-size: 13px;
}
.con_lacms h4 {
    float: none;
    width: 100%;
    height: auto;
    font-size: 15px;
    line-height: 30px;
}
.con_lacms h4.shiftbox{
    height: auto;
}
.con_lacms .notes p {
    float: none;
    padding: 5%;
}

a.link_button {
    width: 80%;
    height: 50px;
    margin: 25px 10%;
    font-size: 15px;
    line-height: 50px;
}














.pc_none {
    display: block;
}
.sp_none {
    display: none;
}

}