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

/* reset styles */
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td,
form, fieldset {
	margin: 0;
	padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* HTML5の新要素 */
section, nav, article, aside, header, footer, 
hgroup, figure, figcaption, summary {
	display: block;
	margin: 0;
	padding: 0;
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.img{
	    padding: 20px;
}
p{
font-size: 18px;
    line-height: 30px;
}


/* 続きを見るボタンcss */
.readmore-button-box a {
   background-color: #f8676f; /* ボタンの色(濃い赤) */
   color: white;              /* ボタンの文字色(白) */
   border-radius: 18px;       /* 角丸の半径 */
   padding: 0.5em 2.5em;;     /* 内側の余白 */
   display: inline-block;     /* ボタン全体をクリック可能に */
   font-weight: bold;         /* ボタンの文字を太字に */
   font-size: 1.25em;         /* ボタンの文字サイズ */
   width:600px;
}
.readmore-button-box a:hover {
   background-color: #e83e48;
   color:white;     /* ボタンにマウスが乗ったら明るい赤色に変化 */
}
.readmore-button-box {
background-image: linear-gradient( 180deg, rgba(255,255,255,0.5), white );
    position: relative;
    margin-bottom: 40px;
    text-align: center;
}
.readmore-area {
   display: none;   /* デフォルトでは非表示にしておく */
   background-color:#ffebeb;
      padding: 30px;
    text-align: center;
	 font-size: 26px !important;
	     line-height: 36px;
		     margin-bottom: 25px;
}

/*------------------------------------------------------------------
共通スタイル
-------------------------------------------------------------------*/
html,body{
    width: 100%;
	height:100%;
}
body{
	color:#000;
	background:#fff;
}
.clear{
	overflow:hidden;	
}
ul{
	list-style:none;	
}
li{
	    margin-bottom: 20px;
		    font-size: 120%;
}
img{
    vertical-align:bottom;
	border:none;
}
span.red{
	color:red;	
}
span.underline{
	text-decoration:underline;	
}
*:focus {
   outline:none;
}
a{
	color:#221815;
}
a:hover{
	color:#B5B5B5;
}
.wrap .headertop {
	width: 100%;
	margin:0 auto;
}
.inner{
	width:900px;
	margin:0 auto;
}	
.wrap .header {
    width: 100%;
    background-image: url(image/bg_03.png);
    margin: 0 auto;
    background-position: center center;
    background-size: cover;
	}
.wrap .problem {
	width: 100%;
	background-color:#eaeaea;
	margin:0 auto;
}
.wrap .problem .inner{
	padding:50px;
}

.wrap h2 {
 text-align: center;
    color: white;
    background-color: #343371;
    background-image: url(image/footer_lodyas.png);
    font-size: 230%;
    padding: 50px;
    line-height: 150%;
	    border-top: 3px solid #e8a009;
    border-bottom: 3px solid #e8a009;
    font-family: serif;
    text-shadow: 5px 5px 8px black;
		}
.contents .inner p {
	    padding: 30px;
    text-align: left;
}
.wrap .contents {
	width: 100%;
	margin:0 auto;
	background-image:url(image/back02.png);
}

.wrap .contents .inner{
	padding:30px;
}
.wrap .contents2 {
	width: 100%;
	margin:0 auto;
}
.wrap .contents2 .inner{
	padding:30px;
	text-align:justify;
}
.wrap .contents3 {
	width: 100%;
	margin:0 auto;
	background-image:url(image/sayagata-400px.png);
	    background-position: center center;
}
.wrap .contents3 .inner{
	padding:40px;
	text-align:justify;
	background-color:white;
	    box-shadow: 0px 1px 15px 4px #d0d0d0;
}
.wrap .contents4 {
	width: 100%;
	margin:0 auto;
	background-image:url(image/resolution.png);
}


.wrap .contents4 .inner .box{
box-shadow: 1px 4px 16px -1px #bbbbbb;

background-color: white;
    text-align: justify;
    line-height: 30px;
	padding:30px;
}

.inner p .box {
	    font-style: normal;
    line-height: 35px;
    text-align: justify;
}
.contents2 .inner .text {
    margin-top: -250px;
    padding: 30px;
    text-align: justify;
    line-height: 35px;
}
.rightimg {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
	}
.contents3 .inner h3 {
	    background-color: orange;
		    text-align: left;
}
.contents3 .inner .box2 {
	    border: 1px solid black;
		    background-color: white;
    padding: 30px;
    text-align: justify;
    line-height: 35px;
	margin-bottom:40px;
}
.wrap .seminarinfo{
	background-image:url(image/rockywall.png);

}
.wrap .seminarinfo .inner2 {
	width:900px;
	background-color: white;
	margin:0 auto;
	padding:50px;
	text-align:justify;
    border: 1px solid black;
}
.mark{
	 background-color: rgba(255, 255, 0, 0.28);
    font-style: normal;
}
.red{
	color:red;
    font-style: normal;
}
.seminarinfo .inner2 h4 {
	    padding: 15px;
    background-color: #764896;
    color:white;
font-weight: normal;
    line-height: 34px;
	font-size:24px;
}
.seminarinfo .inner2 .descript {
	padding: 30px;
    background-color: #e2e2e2;
	background-image:url(image/back.png);
}
.seminarinfo .inner2 .profile {
	    padding: 30px;
    border: 1px solid #e2e2e2;
    margin-bottom: 40px;
}
.seminarinfo .inner2 .midashi {
    font-weight: bold;
    border-left: 10px solid black;
    padding-left: 20px;
    margin-bottom: 30px;
	font-size:30px;
	}
.wrap .footer{
	background-color:#eaeaea;
}
.wrap .footer .inner {
	padding:30px;
}
.seminarinfo .inner2 .text {
    font-weight: bold;
    line-height: 35px;
    margin-bottom: 30px;
	}



.inner2 .descript .border {
	    background-color: #ffffff;
    text-indent: 14px;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #b1b1b1;

}
table tr td {
	    padding: 20px;
}
.inner2 .profile .border2 {
    padding: 5px;
    border-bottom: 1px solid #b1b1b1;
    font-weight: bold;
	    font-size: 27px;
}


.cv_button{
	width: 600px;
    height: 90px;
    font-size: 34px;
    background-color: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb76b+0,ffa73d+50,ff7c00+51,ff7f04+100;Orange+Gloss */ background: #ffb76b;
    background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%);
    background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
    background: linear-gradient(to bottom, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 );
    border-radius: 20px;
    margin-bottom: 30px;
    color: white;
    border: 2px solid black;
    box-shadow: 6px 12px 3px -2px #a0a0a0;
    font-weight: bold;
	}
	.cv_button:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7f04+0,ff7f04+0,ff7c00+75,ffb76b+100 */

background: #ff7f04; /* Old browsers */

background: -moz-linear-gradient(top,  #ff7f04 0%, #ff7f04 0%, #ff7c00 75%, #ffb76b 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #ff7f04 0%,#ff7f04 0%,#ff7c00 75%,#ffb76b 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #ff7f04 0%,#ff7f04 0%,#ff7c00 75%,#ffb76b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f04', endColorstr='#ffb76b',GradientType=0 ); /* IE6-9 */


box-shadow: 2px 2px 12px 0px #2b2b2b;
	}
.wrap .cv {
	    background-image: url(image/footer_lodyas.png);
    padding: 20px;
	margin-top:-30px;
	    text-align: center;
	    border-bottom: 14px solid black;
		    border-top: 3px solid #e8a009;
    border-bottom: 3px solid #e8a009;
}
}
hr{
    border: 1px dashed #a3a3a3;
    margin-bottom: 40px;
}
.contents .inner h2 {
    text-align: left;
    font-size: 200%;
    padding: 20px;
    background-color: #353841;
    color: white;
    letter-spacing: 2px;
}
.inner h2 .impact {
	    font-style: normal;
    color: #f9ac4b;
}
.seminarinfo .inner2 .box {
    padding: 20px;
    line-height: 30px;
    border: 2px solid #4853a9;
    font-weight: bold;
    background-color: #f4f5ff;
    font-size: 20px;
}
.contents .inner .box {
    box-shadow: 5px 6px 11px -1px #525252;
    background-color: rgba(255, 255, 255, 0.77);
    text-align: justify;
    line-height: 38px;
    margin-bottom: 30px;
    padding: 0px 20px 20px 20px;
	border: 1px solid #e8a009;
}
.mauticform-innerform .mauticform-page-wrapper.mauticform-page-1 .box {
	    padding: 20px;
    border: 1px solid #b7b7b7;
    line-height: 24px;
    text-align: justify;
	margin-bottom:30px;
}
p .toptext {
	padding-left:1em;
text-indent:-1em;
}
.inner2 .box .toptext {
	padding-left:1em;
text-indent:-1em;
}
.seminarinfo .inner2 .box3 {
	    padding: 30px;
		background-image:url(image/back.png);
    margin-bottom: 15px;
    border: 1px solid #bfbfbf;
    margin-top: 15px;
    background-color: #f7f7f7;
}
.inner2 .box3 .name {
	    padding: 10px;
    background-color: white;
    margin-bottom: 15px;
    border: 1px solid black;
    border-radius: 6px;
}
.contents2 .inner .box {
	    border: 1px solid white;
    background-color: white;
    margin-top: 65px;
    margin-bottom: 15px;
}
.inner .box h3 {
	padding:  70px 0px 30px 30px;
    letter-spacing: -1px;
    color: black;
    text-align: left;
    font-size: 200%;
    font-family: serif;
    margin-top: 40px;
    border-bottom: 1px solid black;
}

h3 {
	padding:  0px 0px 10px 30px;
    letter-spacing: -1px;
    color: black;
    text-align: left;
    font-size: 200%;
    font-family: serif;
    margin-top: 20px;
    border-bottom: 1px solid black;
}
.contents3 .inner .box {
	text-align: justify;
	padding-top:30px;
	padding-bottom:50px;
}
.contents3 .inner .tittle {
    margin-top: 50px;
    font-size: 30px;
    border-top: 1px solid #b1b1b1;
    border-bottom: 10px solid #b1b1b1;
    padding: 28px;
    line-height: 150%;
    background-color: #f7f7f7;
	}
 .box-scrool {
	    padding: 30px;
    border: 5px solid #e6e6e6;
    background-color:#484848;
    color: white;
    position: relative;
    overflow: scroll;
    height: 300px;
}

.inner .box-scrool .miadshi {
    padding: 1px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    text-align: center;
    color: black;
    margin-bottom: 20px;
}
.inner .box .box3 {
	    padding: 20px;
    border: 1px dotted black;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: whitesmoke;
}
.impact{
	    font-style: normal;
    font-weight: bold;
    color: #7c29b7;
	}

.inner .box .box4 {
	    padding: 30px;
    border: 1px dotted black;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: bold;
    line-height: 33px;
    background-color: #ffefee;
    font-size: 120% !important;
}
.problem .inner .box {
	    padding: 30px;
    background-color: white;
	margin-bottom:30px;
}
.cv .inner h4 {
	    letter-spacing: 1px;
		    text-shadow: 5px 5px 8px black;
    color: white;
    text-align: center;
    font-size: 200%;
    font-family: serif;
}
.wrap .headertop .inner {
	    width: 900px;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
}
.inner .box table {
	    padding: 30px;
    width: 100%;
    background: white;
}
.seminarinfo .inner2 .box {
	    padding: 20px;
    line-height: 30px;
    border: 1px solid #b48e4d;
	font-weight:normal;
	font-size:16px;
    background-color: #fffcf5;
}