/* グローバルナビゲーションのグラデーションを消す */
.glovalnavi-inner {
background-image: none;
box-shadow: none;
}
.underline{ text-decoration: underline!important; }


/* サイドバーリンクを青色にする */
.sub li a, 	 	 
.sub li a:visited {
	color: #1a5a9a;
}

/* 日付けを非表示 */
.entry-meta .date {
	display: none;
}

/* サイト幅いっぱいの帯の設定 */
.ban {
	overflow: hidden;
	margin: 0 -100%;
	padding: 0 100%;
	background: #00a3eb;
}
html {
	overflow: auto;
}

body {
	overflow: hidden;
}

/* LP追加CSS */

.page-id-938 .hentry,
.page-id-1007 .hentry,
.page-id-1024 .hentry {
    margin-bottom: 0;
    padding: 0;
    border: none;
    box-shadow: none;
}
.page-id-938 .entry-content h2,
.page-id-1007 .entry-content h2, 
.page-id-1024 .entry-content h2 {
    margin:0;
    padding:0;
    text-align: inherit;
    border:none;
}
.page-id-938 .entry-content p,
.page-id-1007 .entry-content p, 
.page-id-1024 .entry-content p {
    margin: 0;
}
.page-id-938 .site-info-footer-navigation,
.page-id-1007 .site-info-footer-navigation, 
.page-id-1024 .site-info-footer-navigation {
    height: 166px;
    width: 100%;
    background-color: #ccc;  
}

.page-id-938 .site-info,
.page-id-1007 .site-info, 
.page-id-1024 .site-info {
    float: none;
    font-size: 12px;
    line-height: 1.333;
    text-align: center;
    line-height: 150px;
    bottom: 0;
    color: #666;
}
@media screen and (min-width: 769px) {

    .page-id-938 .footer-navigation,
    .page-id-1007 .footer-navigation, 
    .page-id-1024 .footer-navigation {
        display: none;
    }
}

.mgt5{margin-top:5px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgt25{margin-top:25px;}
.mgt30{margin-top:30px;}
.mgt35{margin-top:35px;}
.mgt40{margin-top:40px;}
.mgt45{margin-top:45px;}
.mgt50{margin-top:50px;}
.mgt55{margin-top:55px;}
.mgt60{margin-top:60px;}

.mgl-20{margin-left: -20px;}

.mgb24{margin-bottom:24px;}
.mgb83{margin-bottom:83px;}
.mgb95{margin-bottom:95px;}

.lpg10{padding-left:10px;}
.lpg20{padding-left:20px;}
.lpg30{padding-left:30px;}
.pd8{padding-top:8px;padding-bottom:8px; line-height:20px;}

.fs12{font-size:12px;}

#lp01-wrap .clearfix:before,
#lp01-wrap .clearfix:after {
    content: " ";
    display: table;
}
 
#lp01-wrap .clearfix:after {
    clear: both;
}
 
#lp01-wrap .clearfix {
    *zoom: 1; /* for IE 6/7 only */
}

#lp01-wrap a{
	color:#666;
	text-decoration:none;
	}		

#lp01-wrap a:hover{
	color:#999;
	}		
	
#lp01-wrap a:hover img {
    cursor:pointer;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
    opacity:0.7;
    zoom:1;
}	
	
/*******************************   

			全体設定

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

#lp01-wrap{

	}

.table {
    display: table;
    width: 100%;
}		


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

			header

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

#header{

	}

#header #head{

	}

#header #bg{

	}
	
#header #bginnner{

	}
#lp01-wrap .inner {
    width: 1020px;
    margin: 0 auto;
}
#lp01-wrap .siteTopMsg {
    font-size: 12px;
    margin-top: 1em;
    margin-bottom: 1em;
}
#lp01-wrap .siteTitle {
    font-size: 32px;
    font-weight: bold;
    color: #666;
}
#lp01-wrap .contentLeft {
    float: left;
}
#lp01-wrap .contentRight {
    float: right;
    margin: 4em 0 1em;
}
#lp01-wrap .contentRight .th {
    vertical-align: middle;
    float: left;
    line-height: 1.5em;
}
#lp01-wrap .contentRight .td {
    vertical-align: middle;
    float: right;
    padding-left: 10px;
    margin-top: 5px;
}
#lp01-wrap .telTop {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}	
#lp01-wrap .telBottom {
    font-size: 27px;
    font-weight: bold;
    text-align: center;
    color: #666;
}
	
/*******************************   

			contents

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

.mainimage{
	width:100%;
	height:500px;
    background-color: #ebeaed;
    text-align: center;
    border-bottom: 40px solid #ff6600;
	}

#contents{
	width:100%;
	margin:0 auto;
	}
	
#contents01 {
    width: 100%;
    margin: 0 auto;
    background-image:url("https://web.archive.org/web/20190608134629im_/https://writing-daiko.com/wp/wp-content/uploads/2018/06/bg_contents01.png");
    background-repeat : repeat;
    max-height: 310px;
    
}
#contents01 .inner {
    width: 1020px;
    margin: 0 auto;
    max-height: 310px;
}
#contents01 h2 {
    font-size: 40px;
    color: #333;
    font-weight: bold;
    line-height: inherit;
    padding: 40px 0;
}
#contents01 span {
    margin-left: 10px;
    font-size: 46px;
    color: #ff6600;
    font-weight: bold;
    background: linear-gradient(transparent 70%, #ff0 0%);
}
#contents01 p {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    padding-bottom: 60px;
}

#contents-cv {
    background-color: #4081ff;
}
#contents-cv .inner {
    width: 1020px;
    margin: 0 auto;
        
}
#contents-cv .contentRight {
    float: right;
    margin: 1em 0;
}
#contents-cv .contentRight .th {
    vertical-align: middle;
    float: left;
    line-height: 1.5em;
}
#contents-cv .contentRight .td {
    vertical-align: middle;
    float: right;
    padding-left: 10px;
    margin-top: 5px;
}
#contents-cv .contents-cv-box {
    text-align: center;
    margin: 0 auto;
    max-height: 230px;
}
#contents-cv .cv-title {
    margin-top: -10px;
    box-shadow: 3px 3px rgba(51,102,201,.8);
    padding: 22px 20px;
    background-color: #f3f3f3;
    color: #4081ff;
    font-size: 30px;
    text-align: center;
    letter-spacing: 0.08em;
}
#contents-cv .cv-title-fff {
    margin-top: -10px;
    box-shadow: 3px 3px rgba(51,102,201,.8);
    padding: 22px 20px;
    background-color: #fff;
    color: #4081ff;
    font-size: 30px;
    text-align: center;
    letter-spacing: 0.08em;
}
#contents-cv .contentLeft {
    color: #fff;
    text-align: center;
    margin: 28px 0 50px 113px;
}
#contents-cv .cv-p01 {
    font-size: 18px;
    text-align: center;
}
#contents-cv .cv-p02 {
    font-size: 41px;
    text-align: center;
}
#contents-cv .cv-p02 a{
	color:#fff;
	}
#contents-cv .cv-p02 a:hover{
	color:#dce8ff;
	}
#contents-cv .cv-p03 {
    font-size: 14px;
    text-align: center;
}
#contents-cv .cv-img {
    margin-top: 40px;
    margin-right: 120px;
}

#contents02 {
    background-image:url("https://web.archive.org/web/20190608134629im_/https://writing-daiko.com/wp/wp-content/uploads/2018/06/bg_contents02.png");
    background-repeat: no-repeat;
    background-position: center center; 
    background-size: 1320px 100%;
    min-height: 525px;
}

#contents02 .inner {
    width: 1020px;
    margin: 0 auto;      
}
#contents02 h2 {
    margin-top: 70px;
    margin-bottom: 30px;
    font-size: 40px;
    color: #333;
    text-shadow: 3px 3px 1px #fff;
    text-align: center;
}  
#contents02 img {
    vertical-align: middle;
}
#contents02 p {
    margin: 16px 0 ;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 50px 5px;
    font-size: 30px;
    font-weight: bold;
    color: #333;
    line-height: 40px;
    line-height: 50px;
}
#contents02 span {
    font-size: 40px;
    font-weight: bold;
    color: #ff6c00;
    float:right;
}
#contents02 .contents02img-01 {
    margin-top: -10px;
    margin-right: 30px;
}
#contents02 .contents02img-02 {
    margin-right: 20px;
}


#contents03 {
    margin-bottom: 90px;
}
#contents03 .inner {
    width: 1020px;
    margin: 0 auto;      
}
#contents03 h2 {
    font-size: 40px;
    color: #333;
    font-weight: bold;
    line-height: inherit;
    padding: 40px 0;
    letter-spacing: -0.01em;
}
#contents03 span {
    margin-left: 10px;
    font-size: 46px;
    color: #ff6600;
    font-weight: bold;
    background: linear-gradient(transparent 70%, #ff0 0%);
    letter-spacing: -0.01em;    
}
#contents03 p{
    text-align: center;
}
#contents03 .contents03img-r {
    margin-right: 20px;
}
#contents03 .contents03img-tr {
    margin-top: 20px;
    margin-right: 20px;
}

#contents04 .inner {
    width: 1020px;
    margin: 0 auto;      
}
#contents04 h2 {
    font-size: 40px;
    color: #333;
    font-weight: bold;
    line-height: inherit;
    padding: 40px 0 20px;
    text-align: center;
}
#contents04 .contents04-title-b {
    background-color: #ff8a00;
    width: 150px;
    height: 7px;
    margin: 0 auto 60px;
}
#contents04 p{
    text-align: left;
    color: #333;
    font-size: 18px;
    font-weight: bold;
}
#contents04 span {
    font-size: 16px;
    font-weight: 100;
    margin: 0 20px;
}
#contents04 a{
    color: #0033ff;
    text-decoration: underline;
}
#contents04 a:hover{
    font-size: 16px;
    color: #4369ff;
    text-decoration: underline;
}
#contents04 .contents04img-plan03 {
    width: 1020px;
    margin: 0 auto;
}

#contents05 {
    border-top: 18px solid #4573d0;
    background-color: #f2f2f2;
}
#contents05 .inner {
    width: 1020px;
    margin: 0 auto;      
}
#contents05 h2{
    font-size: 40px;
    color: #4081ff;
    font-weight: bold;
    line-height: inherit;
    padding: 40px 0 20px;
    text-align: center;    
}
#contents05 .point-wrap {
    margin-bottom: 35px;    
}
#contents05 .point-box {
    max-width:325px;
    min-height: 200px;
    margin-right: 20px;
    background-color: #fff;
    float: left; 
}
#contents05 .point-box-last {
    max-width:325px;
    min-height: 200px;
    background-color: #fff;
    float: right;
}
#contents05 p.point-p {
    background-color: #4573d0;
    padding: 5px 20px;
    width: 95px;
}
#contents05 span {
    margin: 0px 0 5px 0px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
#contents05 p.point-text {
    padding: 18px 20px 20px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.plan01 {
    padding: 20px;
    background-color: #fff;
}
.plan01 .inner {
    width: 1020px;
    margin: 0 auto;      
}
.plan01 h3 {
    border-left: 8px solid #3366cc;
    padding-left: 13px;
    color: #4081ff;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.07em;
    float: left;
}
.plan01 p{
    text-align: left;
    width: 60%;
    float: right;
    padding-right: 40px;
    font-size: 16px;
    color: #333;
}
.plan01 img {
    text-align: center;
}

.plan02 {
    padding: 20px;
    background-color: #fff;
}
.plan02 .inner {
    width: 1020px;
    margin: 0 auto;      
}
.plan02 h3 {
    border-left: 8px solid #3366cc;
    padding-left: 13px;
    color: #4081ff;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.07em;
    float: left;
}
.plan02 .plan-text {
    text-align: left;
    width: 60%;
    float: right;
    padding-right: 40px;
    font-size: 16px;
    color: #333;
}
.plan02 img {
    text-align: center;
}

#contents06 {
    margin-bottom: 50px;
}
#contents06 h2 {
    font-size: 40px;
    color: #333;
    font-weight: bold;
    line-height: inherit;
    padding: 40px 0 20px;
    text-align: center;
}
#contents06 .contents-title-b {
    background-color: #ff8a00;
    width: 150px;
    height: 7px;
    margin: 0 auto 88px;
}
#contents06 .step-box {
    width: 240px;
    min-height: 320px;
    float: left;
    margin-right: 20px;
}
#contents06 .step-box-last {
    width: 240px;
    min-height: 320px;
    float: left;
}
#contents06 h3{
    font-size: 24px;
    font-weight: bold;
    margin: 30px 0;
}
#contents06 p{
    font-size: 18px;
}

#contents07 {
    margin-bottom: 30px;
}
#contents07 h2 {
    font-size: 40px;
    color: #333;
    font-weight: bold;
    line-height: inherit;
    padding: 40px 0 20px;
    text-align: center;
}
#contents07 .contents-title-b {
    background-color: #ff8a00;
    width: 150px;
    height: 7px;
    margin: 0 auto 60px;
}
#contents07 .qa {
    text-align: center;
}
#contents07 .qa-q {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 18px;
}
#contents07 .qa-a {
    font-size: 18px;
    margin-bottom: 45px;
}
#contents07 img {
    vertical-align: middle;
    margin-right: 30px;
}

#contents08 {
    margin-bottom: 30px;
}
#contents08 h2 {
    font-size: 40px;
    color: #333;
    font-weight: bold;
    line-height: inherit;
    padding: 40px 0 20px;
    text-align: center;
}
#contents08 .contents-title-b {
    background-color: #ff8a00;
    width: 150px;
    height: 7px;
    margin: 0 auto 60px;
}
#contents08 .form {
    text-align: center;
    width: 900px;
}
#contents08 label {
    float: left;
    text-align: right;
    vertical-align: middle;
    line-height: 50px;
    clear: both;
    width: 200px;
}
#contents08 .form-control {
    border: 1px solid #666;
    padding: 15px;
    border-radius: 10px;
    width: 640px;
    margin-bottom: 20px;

}
#contents08 .form-btn {
    width: 325px;
    height: 70px;
    background-color: #fc9911;
    border-style: none;
    border-radius: 10px;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    margin-left: 120px;
    margin-bottom: 65px;
}
#contents08 p {
    margin: 10px;
    text-align: center;
}
	
#footer{
    height:166px;
    bottom:0;
	width:100%;
	background-color:#ccc;
    line-height: 166px;
	text-align:center;
}

@media screen and (min-width: 769px) {
    .sp-view {
        display: none;
    }
    #contents01 h2 br,
    #contents03 h2 br{
        display: none;
    }
}
    
@media screen and (max-width: 769px) {
    .pc-view {
        display: none;
    }
    /* 幅指定 */
    .mainimage img {
        width: 100%;
        margin-bottom: -10px;        
    }
    
    #lp01-wrap .inner {
        width: 94%;
    }
    #contents01 .inner {
        width: 94%;
        margin: 0 auto;
        max-height: 310px;
        
    }

    #contents-cv .inner {
        width: 94%;
        margin: 0 auto;
        
    }

    #contents02 .inner {
        width: 94%;
        margin: 0 auto;  
        
    }

    #contents03 .inner {
        width: 94%;
        margin: 0 auto; 
        
    }

    #contents04 .inner {
        width: 94%;
        margin: 0 auto;  
        
    }
    #contents04 img {
        width: 100%;
    }

    #contents04 .contents04img-plan03 {
        width: 100%;
        margin: 0 auto;
        
    }

    #contents05 .inner {
        width: 94%;
        margin: 0 auto; 
        
    }

    .plan01 .inner {
        width: 94%;
        margin: 0 auto; 
        
    }
    .plan01 img {
        width: 100%;
    }

    .plan02 .inner {
        width: 94%;
        margin: 0 auto;
        
    }
    .plan02 img {
        width: 100%;
    }    
    #contents08 img {
        width: 100%;
    }
    
    /* 詳細サイズ指定 */
    
    #lp01-wrap .contentLeft {
        float: none;
    }
    #lp01-wrap .siteTopMsg {
        font-size: 10px;
        margin: 1em;
        text-align: center;
    }
    #lp01-wrap .siteTitle {
        font-size: 28px;
        font-weight: bold;
        color: #666;
        text-align: center;
        margin: 10px;
    }
    #lp01-wrap .siteTitle img {
        width: 100%;
    }
    #lp01-wrap .contentRight {
        float: none;
        margin: 0 0 10px;
    }
    #lp01-wrap .contentRight img {
        width: 80%;
    }    
    #lp01-wrap .telTop {
        font-size: 12px;
        font-weight: 100;
        text-align: center;
    }
    #lp01-wrap .telBottom {
        font-size: 16px;
        }
    #lp01-wrap .contentRight .th {
        float: none;
    }
    #lp01-wrap .contentRight .td {
        padding-left: 10px;
        margin-top: 5px;
        float: none;
    }
    #lp01-wrap .contentRight .td img {
        width: 273px;
        margin-bottom: 3%;
        margin-left: 8%;
    }
    
    .mainimage {
        width: 100%;
        height: auto;
        background-color: #ebeaed;
        text-align: center;
        border-bottom: 10px solid #ff6600;
    }    

    #contents01 h2 {
        font-size: 22px;
        color: #333;
        font-weight: bold;
        line-height: inherit;
        padding: 30px 0 20px;
        text-align: center;
    }   
    #contents01 span {
        margin-left: 10px;
        font-size: 35px;
        color: #ff6600;
        font-weight: bold;
        background: linear-gradient(transparent 70%, #ff0 0%);
    }
    #contents01 p {
        font-size: 14px;
        padding-bottom: 30px;
        }


    #contents-cv .cv-img {
        margin-top: 40px;
        margin-right: 120px;
        width: 100%;
    }    
    #contents-cv .cv-title {
        margin-top: -10px;
        box-shadow: 3px 3px rgba(51,102,201,.8);
        padding: 22px 5px;
        background-color: #f3f3f3;
        color: #4081ff;
        font-size: 20px;
        text-align: center;
        letter-spacing: 0.08em;
    }
    #contents-cv .cv-title-fff {
        margin-top: -10px;
        box-shadow: 3px 3px rgba(51,102,201,.8);
        padding: 22px 5px;
        background-color: #fff;
        color: #4081ff;
        font-size: 20px;
        text-align: center;
        letter-spacing: 0.08em;
    }    
    #contents-cv .contentLeft {
        color: #fff;
        text-align: center;
        margin: 20px 0;
    }    
    #contents-cv .cv-img {
        margin-top: 0;
        margin-right: 0;
        width: 100%;
    }    

    #contents02 h2 {
        margin-top: 40px;
        margin-bottom: 20px;
        font-size: 28px;
        color: #333;
        text-shadow: 3px 3px 1px #fff;
        text-align: center;
    }
    #contents02 p {
        margin: 16px 0;
        background-color: #fff;
        border-radius: 10px;
        padding: 12px 12px 10px;
        font-size: 18px;
        font-weight: bold;
        color: #333;
        line-height: 38px;
    }
    #contents02 span {
        font-size: 30px;
        font-weight: bold;
        color: #ff6c00;
        float: right;
    }    

    #contents03 h2 {
        font-size: 22px;
        color: #333;
        font-weight: bold;
        line-height: inherit;
        padding: 30px 0 20px;
        text-align: center;
    }  
    #contents03 span {
        margin-left: 10px;
        font-size: 35px;
        color: #ff6600;
        font-weight: bold;
        background: linear-gradient(transparent 70%, #ff0 0%);
    } 
    #contents03 .contents03img-r {
        margin-right: 0;
        }
    #contents03 .contents03img-tr {
        margin-top: 0;
        margin-right: 0;
    }
    #contents03 img {
        margin-bottom: 20px;
    }

    #contents04 h2 {
        font-size: 30px;
        color: #333;
        font-weight: bold;
        line-height: inherit;
        padding: 40px 0 10px;
        text-align: center;
    }    

    #contents04 .contents-title-b {
        background-color: #ff8a00;
        width: 150px;
        height: 7px;
        margin: 0px auto 40px;
    }
    #contents04 .mgl-20 {
        margin-left: 0;
    }
    #contents04 span {
        font-size: 16px;
        font-weight: 100;
        margin: 0;
        padding: 0 20px;
    }
    #contents04 .contents04img-plan03 {
        padding: 0;
    }    


    #contents05 h2 {
        font-size: 28px;
        color: #4081ff;
        font-weight: bold;
        line-height: inherit;
        padding: 40px 0 20px;
        text-align: center;
    }    
    #contents05 .point-box {
        max-width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 20px;
        background-color: #fff;
        float: none;
    }    
    #contents05 .point-box-last {
        max-width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 20px;
        background-color: #fff;
        float: none;
    }    
    #contents05 p.point-text {
        padding: 18px 20px 20px;
        font-size: 16px;
        font-weight: bold;
        color: #333;
    }    


    .plan01 h3 {
        border-left: 8px solid #3366cc;
        padding-left: 13px;
        color: #4081ff;
        font-size: 28px;
        font-weight: bold;
        letter-spacing: 0.07em;
        float: none;
        margin-bottom: 15px;
    }    
    .plan01 p {
        text-align: left;
        width: 100%;
        float: none;
        padding-right: 0;
        font-size: 14px;
        color: #333;
    }
    .plan02 h3 {
        border-left: 8px solid #3366cc;
        padding-left: 13px;
        color: #4081ff;
        font-size: 28px;
        font-weight: bold;
        letter-spacing: 0.07em;
        float: none;
        margin-bottom: 15px;
    }    

    .plan02 .plan-text {
        text-align: left;
        width: 100%;
        float: none;
        padding-right: 0;
        font-size: 14px;
        color: #333;
    }    



    #contents06 h2 {
        font-size: 30px;
        color: #333;
        font-weight: bold;
        line-height: inherit;
        padding: 40px 0 10px;
        text-align: center;
    }    

    #contents06 .contents-title-b {
        background-color: #ff8a00;
        width: 150px;
        height: 7px;
        margin: 0px auto 40px;
    }
    #contents06 .step-box {
        width: 100%;
        min-height: auto;
        float: none;
        margin-right: 0;
        padding-bottom: 60px;
    }
    #contents06 .step-box-last {
        width: 100%;
        min-height: auto;
        float: none;
        margin-right: 0;
        padding-bottom: 60px;
    }    
    #contents06 h3 {
        font-size: 24px;
        font-weight: bold;
        margin: 20px 0 10px;
    }    
    #contents06 p {
        font-size: 16px;
    }    


    #contents07 h2 {
        font-size: 30px;
        color: #333;
        font-weight: bold;
        line-height: inherit;
        padding: 40px 0 10px;
        text-align: center;
    }    
    #contents07 .contents-title-b {
        background-color: #ff8a00;
        width: 150px;
        height: 7px;
        margin: 0px auto 40px;
    }     

    #contents07 .qa {
        text-align: left;
    }
    #contents07 .qa-q {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 18px;
        line-height: 28px;
    }
    #contents07 .qa-a {
        font-size: 16px;
        margin-bottom: 18px;
        line-height: 28px;
    } 
    #contents07 img {
        vertical-align: middle;
        margin-right: 12px;
    }    
    
    .page-id-938 .site-info-footer-navigation,
    .page-id-1007 .site-info-footer-navigation,
    .page-id-1024 .site-info-footer-navigation {
        height: auto;
        width: 100%;
        background-color: #ccc;  
    }
    .page-id-938 .site-info,
    .page-id-1007 .site-info,
    .page-id-1024 .site-info {
        float: none;
        font-size: 12px;
        line-height: 1.333;
        text-align: center;
        line-height: 20px;
        bottom: 0;
        color: #666;
    }    
    
    
}


@media screen and (max-width: 320px) {
    #lp01-wrap .contentRight .td img {
        width: 120px;
        margin-top: 8%;
    }
}

/*　ContactForm7のテーブル化レスポンシブ調整　*/
 
/*テーブルを親要素の幅いっぱいに伸ばす*/
#lp-form .table-res-form {
    width: 100%;
    border: none;
}
#lp-form .table-res-form th {
    background-color: #fff;
    border: none;
    padding: 10px 0;
    text-align: right;
}
#lp-form .table-res-form td {
    background-color: #fff;
    border: none;
}
/*一行ごとに上ボーダー
.table-res-form tr {
    border-top: 1px #DDD solid;
}
*/
/*一番上の行だけボーダーなし
.table-res-form tr:first-child {
    border-top: none;
}
*/
/*奇数行だけ背景色つける
.table-res-form tr:nth-child(2n+1) {
    background: #eee;
}
*/
/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
    padding: 1.5em;
}
/*th（項目欄）は30%幅、テキストを右寄せ*/
.table-res-form th {
    width: 30%;
    text-align: right;
}
/*「必須」部分のスタイリング*/
.table-res-form .requied {
    font-size: 0.8em;
    color: #FFF;
    display: inline-block;
    padding: 0.3em 0.3em 0.2em;
    background: red;
    border-radius: 2px;
}
 
/*ここから768px以下の指定*/
 
@media only screen and (max-width: 768px) {
　　　　　/*thとtdをブロック化して幅100％にして、縦積み*/
    #lp-form .table-res-form th, .table-res-form td {
        width: 100%;
        display: block;
    }
　　　　　/*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
    #lp-form .table-res-form th {
        padding-bottom: 0;
        text-align: left;
    }
　　　　　/*不要な最終行の左のthを非表示にする*/
    #lp-form .table-res-form .empty {
        display: none;
    }
}
 
/*ここまで768px以下の指定---終わり*/
 
/*ここから入力欄のスタイル指定*/
 
/*各入力フォームスタイリング*/
.table-res-form input[type="text"], input[type="tel"], input[type="email"], input[type="menu-plan"], textarea {
    border: 1px #999 solid;
    padding: 0.5em;
    border-radius: 5px;
    margin-bottom: 0.5em;
    width: 100%;
    
}
/*入力欄にフォーカスしたら変化*/
.table-res-form input[type="text"]:focus, textarea:focus {
    background: #EEFFFF;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
/*送信ボタンスタイリング*/
.table-res-form input[type="submit"] {
    padding: 0.5em 4em;
    border-radius: 10px;
    border: none;
    background: #fc9911;
    color: #fff;
    font-size: 24px;
    width: 250px;
    font-weight: bold;
}
/*送信ボタン・マウスオーバー時スタイリング*/
.table-res-form input[type="submit"]:hover {
    background: #fc6f11;
    box-shadow: none;
}

/* スライダー設定 */
@media only screen and (min-width: 768px) {
    #main-slider {
        width: 1046px;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 768px) {
    #main-slider {
        width: 100%;
    }
}
/*
     FILE ARCHIVED ON 13:46:29 Jun 08, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:51:03 Jul 01, 2020.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  PetaboxLoader3.datanode: 60.159 (4)
  LoadShardBlock: 70.099 (3)
  PetaboxLoader3.resolve: 28.148
  RedisCDXSource: 8.232
  exclusion.robots: 0.13
  load_resource: 55.527
  exclusion.robots.policy: 0.121
  captures_list: 91.862
  esindex: 0.009
  CDXLines.iter: 10.954 (3)
*/