@charset "utf-8";

/************▼windows10+IE11.0（パララックスでマウススクロールでガタガタする）対策ＣＳＳ編*********** */
/************対策ＨＴＭＬ編は.htmlにjavascriptを追加。どちらが効いているかは未確認*********** */
html{
 overflow: hidden;
 height: 100%;
}
body{
 overflow: auto;
 height: 100%;
}
/************▲windows10+IE11.0（パララックスでマウススクロールでガタガタする）対策ＣＳＳ編*********** */

div#all_contents{
		color: #444;
	font-family: "ヒラギノ明朝 ProN W3",'Hiragino Mincho ProN',"ＭＳ Ｐ明朝",'MS PMincho',"ＭＳ 明朝",'MS Mincho',serif;
	font-size: 1rem;
	line-height: 1.5em; 
	background-image: url(../img/bg01.jpg);
	padding-top: 85px;
	margin-top: 0;
	}

a {
	color: #000;
	text-decoration: none; }

a:hover{
	text-shadow: 1px;
	}

h1 {
	font-size: 2.5em;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1; 
	text-align: center;
	}

.wrapper span {
	font-size: 3rem;
	}
	
.wrapper span.small {
	font-size: 2.2rem;
	}
	
.wrapper span#name{
	float: right;
	font-size: 1.1rem;
	}
	
.wrapper span#right{
	float: right;
	margin-right: 1rem;
	font-size: 1.05rem;
	}
	
.wrapper span#brog{
	float: right;
	font-size: 1.05rem;
	}

.wrapper {
	width: 100%;
	margin: 0 auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}

header .wrapper {
	padding: 5% 5% 5% 5%;
	}

#jikyu .wrapper {
	background:  url(../img/01.jpg) center no-repeat;
	padding: 5% 40% 5% 5%;
	background-size: 30% auto;
	background-position: 95% 50%;
	}

#india .wrapper {
	background: url(../img/02.jpg),url(../img/03.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position: 5% 50%,95% 50%;
	padding: 5% 32% 5% 25% ;
	background-size: 18% auto,25% auto; 
	}
	
#kotae .wrapper {
	background-image: url(../img/04.jpg),url(../img/05.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position: 5% 50%,95% 50%;
	padding: 5% 35% 5% 35% ;
	background-size: 25% auto,20% auto; 
	}
	
#kako .wrapper {
	background-image:url(../img/06.jpg);
	background-repeat: no-repeat;
	padding: 5% 25% 5% 5% ;
	background-size: 18% auto;
	background-position: 95% 50%;
	}

#nihon .wrapper {
	background-image: url(../img/08.jpg);
	background-repeat: no-repeat;
	padding: 5% 40% 5% 5% ;
	background-size: 30% auto;
	background-position: 95% 88%;
	}

#tuishin .wrapper {
	background: url() no-repeat;
	padding: 3% 5% 5% 5%;
	background-size: 30% auto; 
	background-position: 5% 50%;
	position: relative;
	}

section:after, header:after {
	content: "";
	display: block;
	height: 400px;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6); }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	section:after, header:after {
      background-attachment: scroll; } }

header:after {
	background-image: url(../img/img01.jpg);
	}
	
#jikyu:after {
	background-image: url(../img/img07.jpg);
	}

#india:after {
	background-image: url(../img/img03.jpg);
	}

#kotae:after {
	background-image: url(../img/img06.jpg);
	}
	
#kako:after {
	background-image: url(../img/img04.jpg);
	}
	
#nihon:after {
	background-image: url(../img/img05.jpg);	
	height: 550px;
	}
	
#tuishin:after {
	background-image: url(../img/img02.jpg);
	height: 700px;
	}
	
#modoru{
	color: #fff;
	font-size: 1.1rem;
	text-align: center;
	margin: auto;
	background-color: rgba(255,255,255,0.3);	
	padding: 5px 15px 5px 15px;
	width: 50%;
	}
	
#tuishin #logo{
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	position: absolute;
	top: 150%;
	left: 0;
	}
	
#tuishin #logo img{
	width: 600px;
	height: 125px;
	opacity: 0.4;
	}
	
.wrapper span#right br{
	display: none;
	}

/*-----６００ｐｘより小さいデバイス-----*/
@media only screen and (max-width: 600px) {
	body {
		font-size: 1.2rem;
		font-family:"Lucida Grande","segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",'メイリオ', Meiryo, Verdana, Arial, sans-serif;
		 }

	h1{
		font-size: 1.5rem;
		}

	header .wrapper {
		padding: 5% 5% 5% 5%;
		}

	#jikyu .wrapper {
		background:  url(../img/01.jpg) center no-repeat;
		padding: 115% 5% 5% 5%;
		background-size: 90% auto;
		background-position: center 5%;
		}

	#india .wrapper {
		background: url(../img/03.jpg);
		background-repeat: no-repeat;
		padding: 115% 5% 5% 5%;
		background-size: 90% auto;
		background-position: center 4%;
		}
		
	#kotae .wrapper {
		background-image: url(../img/04.jpg),url(../img/05.jpg);
		background-repeat: no-repeat,no-repeat;
		padding: 125% 5% 180% 5%;
		background-size: 90% auto,90% auto; 
		background-position: center 3%,center 97%;
		}
		
	#kako .wrapper {
		background-image:url(../img/06.jpg);
		background-repeat: no-repeat;
		padding: 230% 5% 5% 5%;
		background-size: 90% auto;
		background-position: center 3%;
		}

	#nihon .wrapper {
		background-image: url(../img/08.jpg);
		background-repeat: no-repeat;
		padding: 100% 5% 120% 5% ;
		background-size: 90% auto;
		background-position: center 98%;
		}

	#tuishin .wrapper {
		padding: 10% 5% 10% 5%;
		}
		
	#tuishin #logo{
		visibility:hidden;
		}
	
	#modoru{
		width: 90%;
		margin-top: 1rem;
		}
}
/*---------------------------------------*/

/*-----１３６０ｐｘより大きいデバイス-----*/
@media only screen and (min-width: 1360px) {
	.wrapper {
		width:1360px; }
	header .wrapper {
	  padding: 68px 68px 68px 68px; }

	#jikyu .wrapper {
	  padding: 68px 544px 68px 68px;
	 }

	#india .wrapper {
	  padding: 68px 420px 68px 350px;
	 }

	#kotae .wrapper {
	  padding: 68px 476px 68px 476px ;
	}
	
	#kako .wrapper {
	  padding: 68px 340px 68px 68px ;
	}
	
	#nihon .wrapper {
	  padding: 68px 544px 68px 68px ;
	}
	
	#tuishin .wrapper {
	  padding: 41px 68px 68px 68px ;
	}
}
/*---------------------------------------*/