@charset "utf-8";

/*-base------------------------------------------------------------------------------------------------*/
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
*:before, *:after { box-sizing: inherit; }
.grecaptcha-badge { visibility: hidden; }
/*------------------------------------------------------------*/
html {  
        width:100%;
	height:100%;
	margin:0;
	padding:0;
}
body {
        width:100%;
        min-height: 100% !important;
        height: auto;
        margin: 0;
        padding: 0;
        font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
        color:#333333;
        word-wrap:break-word;
        -webkit-text-size-adjust: 100%;
        overflow-x: hidden;
        line-height: 1.4;
}

/*------ 360px - 12px ---- 375px - 12.5px ---- 420px - 14px  ---- 600px - 20px ------*/
#lwrap {
	width:100%;
        min-height:100%;
        height:auto !important;
        height:100%;
	margin:0;
	padding:0;
	display:block;
        clear:both;
        overflow:hidden;
       /* background-color: rgba(255, 255, 255, 0.4);*/
}
#mwrap {
	width:100%;
	margin:0 auto;
	padding:0;
	display:block;
        clear:both;
       /* overflow:hidden;*/
        text-align:left;
}
#header {
       /* position: fixed;
        top: 0; */
        width: 100%;
        max-width: 1000px;
	margin:0;
        padding: 0;
        display: block;
        clear: both;
       /* overflow: hidden;*/
        z-index: 100;
}
.top-fixed {max-width: 1000px !important;}
#swrap {
        width:100%;
	margin:0 auto;
	padding:0;
	display:block;
        clear:both;
       /* overflow:hidden;*/
}
article {
        width:100%;
	margin:0 auto;
	padding:0;
	display:block;
        clear:both;
        word-wrap:break-word;
       /* overflow:hidden;*/
        background-color: rgba(255,255,255,0.8);
        float:left;
}
.content {
        width:100%;
        max-width: 750px;
	margin:45px 0 0;
	padding:0em 0.5em 0;
	display:block;
        clear:both;
        word-wrap:break-word;
       /* overflow:hidden;*/
       /* background-color: rgba(255,255,255,0.8);*/
        float:left;
}
#side1 {
        width:100%;
	margin:0;
	padding:0;
	display:block;
        word-wrap:break-word;
        float:right;
       /* overflow:hidden;*/
       /* background-color: rgba(251, 249, 244, 0.7);*/
}
#side2 {
	display:none;
}
/**********************************************************
 *  360px - 12px ---- 375px - 12.5px ---- 420px - 14px  ---- 600px - 20px *
 @media only screen and (max-width: 419px){
body{font-size: -webkit-calc(100vw / 30); font-size: calc(100vw / 30);}
}*
 **********************************************************/

@media only screen and (min-width: 420px) and (max-width: 599px) {
body { font-size:14px;}
}
/**********************************************************
 * 600px以上 PC 1column以上 *
 **********************************************************/
@media only screen and (min-width: 600px)
{
body{font-size:20px;}
/*.content{width:600px; padding-left: -webkit-calc(50vw - 300px); padding-right: -webkit-calc(50vw - 300px); padding-left: calc(50vw - 300px); padding-right: calc(50vw - 300px);}*/
}
/**********************************************************
 * 750px以上 PC 1column以上 *
 **********************************************************/
@media only screen and (min-width: 750px)
{
#mwrap {
        max-width:1000px;
      /*  max-width:1004px;*/
      /*  border-left: 2px solid #9e836e;*/
      /*  border-right: 2px solid #9e836e;*/
      /*  background-color: rgba(255, 255, 255, 0.8);*/
}
#swrap{width:750px;}
article{width:750px;}
.content{width:750px; /* padding-bottom: 32768px; margin-bottom: -32768px; */ padding-left:75px; padding-right:75px; margin-top:0px;}
}

/**********************************************************
 * 1000px以上 PC *
 **********************************************************/
@media only screen and (min-width: 1000px)
{
#mwrap{background-color:transparent;}
#swrap{width:1000px;}
article {width:1000px; /* padding-bottom: 32768px; margin-bottom: -32768px; */}
}

/**********************************************************
 * 1000px〜1500px *
 **********************************************************/
@media only screen and (min-width: 1000px) and (max-width: 1500px)
{
.full-bgc {
  background-image: url(../images/full-bg2.png); 
  background-position: center bottom; 
  background-repeat: no-repeat;   
  background-attachment: fixed;
  background-size:contain;  
}
}

/**********************************************************
 * 1500px〜 *
 **********************************************************/
@media only screen and (min-width: 1500px)
{
.full-bgb {
  background-image: url(../images/full-bg3.png); 
  background-position: center bottom; 
  background-repeat: no-repeat;   
  background-attachment: fixed;
  background-size:100% auto;  
}
}