@charset"UTF-8";html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;list-style:none;font-style:normal;font-weight:normal}article,aside,canvas,details,figcaption,figure,header,footer,main,menu,nav,section,summary{display:block}div,h1,h2,h3,h4,h5,h6,p,blockquote,a,em,img,dl,dt,dd,ol,ul,li,form,label,table,tr,th,td{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}a img{border:none;vertical-align:bottom}img{max-width:100%;height:auto}html{height:100%;width:100%;font-size:62.5%}body{font-family:"メイリオ","Meiryo","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳＰゴシック","Osaka",sans-serif;background-color:#ea536b;height:100%;font-size:16px;line-height:1.5;color:#4f1e08}a{color:#D38B74}a:hover{color:#f19c79}a:visited,a:active{color:#D38B74}.clearfix:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}.clearfix{display:inline-block;min-height:1%}* html .clearfix{height:1%}.clearfix{display:block}.loading{    width:100%;    height:100%;    background-color:#feebed;    position:fixed;    top:0;    left:0;    z-index:9999}.loading .load_inner{position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px}.loading .load_inner p{    font-size:10px;    text-align:center;    font-family:'Gravitas One',cursive}#head{    position:relative;    width:100%;    height:110px;    border-top:solid 4px #ea536b;    background-color:#fffef9}#head::after{position:absolute;display:block;content:"";height:35px;width:100%;bottom:-35px;left:0;background-image:url(../images/nav_foot.png);background-repeat:repeat-x;z-index:5}.nav_box{ width:100%; max-width:1200px; margin:0 auto}.nav_box h1{ float:left; margin:5px 1%; width:43%}.nav_box h1 a{ transition-duration:0.5s}.nav_box h1 a:hover{ opacity:.5}#global-nav{ float:right; width:55%; margin:20px 0 0 0}#global-nav ul li{ width:23%; float:left; margin:0 1%; text-align:center}#global-nav ul li a{ display:block; overflow:hidden; border-radius:10px; padding:5px 0}#global-nav ul li a:hover{ background-color:#feebed}#nav-toggle{    display:none;    position:absolute;    right:12px;    top:15px;    width:40px;    height:40x;    cursor:pointer;    z-index:9998}#nav-toggle div{    position:relative;    width:35px;    margin:auto}#nav-toggle span{    display:block;    position:absolute;    height:4px;    width:100%;    background:#fff;    left:0;    -webkit-transition:.35s ease-in-out;    -moz-transition:.35s ease-in-out;    transition:.35s ease-in-out}#nav-toggle span:nth-child(1){    top:10px}#nav-toggle span:nth-child(2){    top:23px}#nav-toggle span:nth-child(3){    top:36px}#foot{    width:100%;    color:#fff;    text-align:center;    border-top:solid 4px #4f1e08;    position:relative}#foot .back{    position:absolute;    z-index:5;    width:172px;    height:41px;    top:-41px;    right:5px}#foot p{    margin:10px 0}#container{    width:100%;    background-image:url(../images/wp.jpg); padding:40px 0}.inner{max-width:1200px;width:100%;margin:0 auto}.top_img{   max-width:1200px;    width:98%;    margin:0 auto;    overflow:hidden}.top_text{    background-color:#fff;    border-radius:20px;    width:100%;    text-align:center;    padding:5px;    margin-bottom:20px;    word-wrap:break-word}.info{    border:double 3px #4f1e08;    background-color:#fff9ed;    background-image:url(../images/info_wp.jpg);    background-position:top right;    background-repeat:no-repeat;    position:relative;    float:right;    width:62%;    min-height:400px;    margin-bottom:200px}.info h2{    text-align:center;    margin:15px auto 10px auto}.info dl{    margin:0 3%;    width:94%}.info dl dt{    min-height:20px;    background-image:url(../images/info_mark.png); background-size:21px 20px; background-repeat:no-repeat; padding-left:25px; margin-bottom:5px; font-family:'Gravitas One',cursive; color:#cc9573}.info dl dd{ border-bottom:dotted 1px #c9a36c; padding-bottom:10px; margin-bottom:15px; word-wrap:break-word}.info_sd{ position:absolute; z-index:10; width:250px; height:250px; right:0; bottom:-200px}.side{ float:left;     width:33%}.side p{margin-bottom:10px}.sns_btn{    margin:0 0 20px 0}.sns_btn li{    float:left;    width:107px;    height:15px;    margin:0 10px 0 0}.twitter_box{    background-image:url(../images/w50.png);    box-shadow:0 0 5px #e18294;    width:100%;    padding:10px;    position:relative;    overflow:hidden;    margin:20px 0}.twitter_box h2{    text-align:center;    margin:20px auto}.twitter_box::after{    position:absolute;display:block;content:"";height:14px;width:100%;top:5px;left:0;background-image:url(../images/twitter_line.png);background-repeat:repeat-x;z-index:5}.second{    padding-bottom:200px;    position:relative}.second .sd{    position:absolute;    z-index:10;    width:250px;    height:250px;    right:0;    bottom:10px;    text-align:center}.second h2{    font-family:'Gravitas One',cursive;    font-size:30px;    margin-bottom:20px}.second h3{    padding:0 0 5px 35px;    margin-bottom:20px;    border-bottom:dashed 1px #ebd9c1;    font-weight:bold;    background:url(../images/subtitle_mark.png) 0 0 no-repeat;    background-size:27px 26px;    min-height:27px}.second h4{    font-weight:bold}.breadcrumb{    margin:0 10px 20px 10px;    clear:both;    overflow:hidden}.breadcrumb li{    float:left}.breadcrumb li:not(:last-of-type)::after{  display:inline-block;  content:'\00bb';  margin:0 .6em;  color:#4f1e08}.frame1{    background-image:url(../images/w50.png); box-shadow:0 0 5px #e18294; width:100%; padding:20px; position:relative; overflow:hidden; margin:20px auto}.frame1 p,.frame2 p{ margin-bottom:15px}.frame2{ width:100%; margin:20px auto; border:solid 1px #ebd9c1; border-radius:10px; background-color:#fff; padding:20px}.frame2:last-of-type{ margin-bottom:0}.left{ width:40%; float:left; text-align:center}.right{ width:60%; float:right}.table1{ margin:0; border-collapse:collapse; width:100%}.table1 th{ width:20%; padding:5px}.table1 td{ padding:5px; margin-bottom:10px; width:80%; word-wrap:break-word}.table2{ width:100%; border-collapse:separate; border-spacing:12px}.table2 th{ border-radius:20px; background-color:#cc9573; color:#fff; text-align:center; width:30%; padding:2px 5px}.table2 td{ padding:2px 5px; width:70%; word-wrap:break-word}.mailadress{ font-family:'Gravitas One',cursive; font-size:18px; color:#e5004f; font-weight:bold; margin:0 10px}.work_list ul{ border-left:solid 4px #ea536b; margin:10px 0 30px 0; padding-left:10px; font-size:14px}.work_list ul:last-child{ margin-bottom:0}.work_list ul li{ margin:12px 0}.work_list ul li span{ color:#ea536b; margin-right:10px; font-weight:bold}@media (max-width:1200px){ .inner{ width:96%; margin:0 2%}}@media (max-width:950px){ .nav_box h1{ margin-top:15px; width:35%} #global-nav{ margin-top:25px; width:63%}}@media (max-width:768px){  .mobile_box{ width:100%; padding:0; top:0; position:fixed; margin-top:0; z-index:9998}  .mobile_box.fixed{ padding-top:0; background:transparent}  .nav_box h1{ float:none; margin:5px 2%; width:96%} #mobile-head{ width:100%; position:relative} #global-nav{ float:none; position:absolute; top:-500px; width:100%; height:100%; text-align:center; padding:0; -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; transition:.5s ease-in-out; z-index:9998} #global-nav ul{ width:100%; border:solid 5px #4f1e08; border-radius:10px; background-color:#fffef9; overflow:hidden} #global-nav ul li{ float:none; position:static; width:100%; height:auto; border-bottom:dotted 1px #c9a36c; margin:0}  #global-nav ul li:last-child{ border-bottom:none} #global-nav ul li a{ width:100%; height:auto; padding:10px 0; border-radius:0}  #nav-toggle{ background:#4f1e08; display:block; height:50px; width:50px; border-radius:10px} .open #nav-toggle span:nth-child(1){ top:22px; -webkit-transform:rotate(315deg); -moz-transform:rotate(315deg); transform:rotate(315deg)} .open #nav-toggle span:nth-child(2){ width:0; left:50%} .open #nav-toggle span:nth-child(3){ top:22px; -webkit-transform:rotate(-315deg); -moz-transform:rotate(-315deg); transform:rotate(-315deg)} .open #global-nav{  -moz-transform:translateY(535px); -webkit-transform:translateY(535px); transform:translateY(535px)}  .info{ float:none; width:100%; min-height:400px; margin-bottom:30px}  .info_sd,.second .sd{ display:none}  .side{ float:none; width:100%}  .second{ padding-bottom:0}  .frame2{ padding:10px}  .left,.right{ width:100%; float:none}  .table2{ font-size:14px}}@media (max-width:430px){ #container{ font-size:16px}  #head{ height:100px}  .nav_box h1{ margin-top:12px; width:70%}  .table1 tr,.table2 tr{ display:block; margin-bottom:10px} .table1 th,.table2 th{ display:block; width:100%} .table1 td,.table2 td{ display:list-item; width:100%; text-align:center}  .table1 td{ border-bottom:dotted 1px #ebd9c1}  .work_list ul li span{ display:block; margin-right:0}  .mailadress{ word-wrap:break-word; margin-bottom:0}}