/*
SP
*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (max-width: 768px) {

	main .info {
		width: 100%;
		padding: 5px 0;
		background: #f0f0e7;
		text-align: center;
	}
	.tline {
        height: 0;
        z-index: -1;
    }

    .tline::before {
		content: "";
        display: block;
        background: url("../img/3line.png") no-repeat center;
        background-size: cover ;
        position: fixed;
        top: 42%;
        right: 0;
        z-index: -1;
        width: 30px;
        height: 100px;
    }

	/**/

	section {
		width: 100%;
	}

	#about {
		padding: 0px;
		text-align: center;
		height: calc(100vh);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#about .wrap {
		margin-top: 10px;
	}

	#about p {
		font-size: 18px;
		line-height: 200%;
	}

	#about h1 {
		margin-top: 20px;
		font-size: 48px;
	}

	#about h1 svg {
		width: 70%;
	}

/**/

	#service {
		margin-top: 50px;
		padding: 0 15px;
	}

	#service .wrap {
	padding: 20% 0% 15% 2%;
	}

	#service .bg {
		padding: 15px;
		/*background: rgba(240,240,231,0.8);*/
		background: rgba(240,240,231,1);
	}

	#service h1 {
	font-size: 3.5rem;
    line-height: 100%;
    color: #000;
    font-family: 'Bebas Neue', cursive;
	}

	#service h2 {
		margin-top: 15px;
		font-size: 24px;
		line-height: 100%;
		color: #000;
	}

	#service p {
		margin-top: 15px;
		margin-bottom: 30px;
		color: #000;
		font-size: 16px;
		line-height: 160%;
	}

	#service .more {
		margin-top: 15px;
		text-align: right;
		font-size: 16px;
		line-height: 160%;
	}

	#service .more a {
		color: #000;
	}
	
	#service .more a:hover {
		color: #004098;
	}
	
	#service .more .icon {
		margin-left: 5px;
		padding: 5px;
		border: 1px solid #000;
		border-radius: 50%;
	}
	
	#service .more a:hover .icon {
		border: 1px solid #004098;
	}

/**/

	#business {
		margin-top: 150px;
        padding: 0 15px;
	}

	#business .bg {
		padding: 20% 5% 5% 5%;
		/*background: rgba(24,63,146,0.9);*/
		background: rgba(24,63,146,1);
	}

	#business ul {
	}

	#business li {
		padding: 30px 0;
		border-top: 1px solid #fff;
		color: #fff;
	}

	#business li:nth-child(1),
	#business li:nth-child(2),
	#business li:nth-child(3) {
		border-bottom: none;
	}

	#business li h1 {
font-size: 2.2rem;
    display: flex;
    justify-content: space-between;
    font-family: 'Bebas Neue', cursive;
    letter-spacing: 0.02em;
	}

	#business li h1 .icon {
		font-size: 14px;
		margin-left: 5px;
		padding: 3px;
		border: 1px solid #fff;
		border-radius: 50%;
	}

	#business li p {
		margin-top: 10px;
	}

	#business li a {
		color: #fff;
	}

	#business li a:hover {
		color: #ffcc00;
	}

	#business li a:hover .icon {
		border: 1px solid #ffcc00;
	}

/**/

	#recruit {
   padding: 30% 5% 5% 4%;
	}

	#recruit .bg {
		padding:  10% 5% 10% 5%;
		margin-bottom: 10%;
		/*background: rgba(24,63,146,0.9);*/
		background: rgba(24,63,146,1)
	}

	#recruit a {
		color: #fff;
	}

	#recruit a:hover {
		color: #ffcc00;
	}

	#recruit a:hover .icon {
		border: 1px solid #ffcc00;
	}

	#recruit h1 {
font-size: 2.2rem;
    display: flex;
    justify-content: space-between;
    font-family: 'Bebas Neue', cursive;
    letter-spacing: 0.02rem;
	}

	#recruit h1 .icon {
display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
	}

	#recruit p {
		margin-top: 10px;
	}

	#recruit .icon {
		font-size: 14px;
		margin-left: 5px;
		padding: 3px;
		border: 1px solid #fff;
		border-radius: 50%;
	}

	/**/

	#onair {
	padding:10% 0% 20% 0%;
	}

}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*
PC
*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width: 769px) {

	main {
		padding-top: 50px;
		padding-bottom: 100px;
		/*margin-bottom: 700px;*/
		background-color: #fff;
		position: relative;
		z-index: 2;
		background-image: url("../img/3line.png");
		background-position: right;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}

	main .info {
		width: 100%;
		padding: 5px 0;
		background: #f0f0e7;
		text-align: center;
		font-size: 14px;
	}
	
	/**/

	section {
		width: 100%;
	}

	#about {
		padding: 0px;
		text-align: center;
		height: 100vh;
		height: calc(100vh - 70px);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#about .wrap {
		margin-top: -120px;
		width: 100%;
	}

	#about p {
		font-size: 22px;
		line-height: 400%;
	}

	#about h1 {
		margin-top: 45px;
		font-size: 80px;
		text-align: center;
	}

	#about h1 svg {
		width: 500px;
	}

	#about h1 span {
		display: inline-block;
	}

	/**/

	#service {
		margin-top: 50px;
        padding: 0 50px;
	}

	#service .bg {
		padding: 10% 10%;
		/*background: rgba(240,240,231,0.8);*//*透かす場合*/
		background: rgba(240,240,231,1);
	}

	#service .wrap {
		display: flex;
		justify-content: space-between;
	}

	#service .text {
		width: 45%;
	}

	#service .figu {
		margin-left: 20px;
		width: 50%;
	}

	#service h1 {
		font-size: 5rem;
    line-height: 100%;
    color: #000;
    font-family: 'Bebas Neue', cursive;
	}

	#service h2 {
		margin-top: 46px;
		font-size: 28px;
		line-height: 100%;
		color: #000;
	}

	#service p {
		margin-top: 38px;
		color: #000;
		font-size: 18px;
		line-height: 180%;
		letter-spacing: 0.02rem;
	}

	#service .more {
		margin-top: 15px;
		text-align: right;
		font-size: 16px;
	}

	#service .more a {
		color: #000;
	}
	
	#service .more a:hover {
		color: #004098;
	}
	
	#service .more .icon {
		margin-left: 5px;
		padding: 5px;
		border: 1px solid #000;
		border-radius: 50%;
	}
	
	#service .more a:hover .icon {
		border: 1px solid #004098;
	}

	/**/

	#business {
		margin-top: 300px;
        padding: 0 50px;
	}

	#business .bg {
		padding: 10% 10%;
		/*background: rgba(24,63,146,0.9);*//*透かす場合*/
		background: rgba(24,63,146,1);
	}

	#business ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#business li {
		width: 30%;
		padding: 40px 0;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}

	#business li:nth-child(1),
	#business li:nth-child(2),
	#business li:nth-child(3) {
		border-bottom: none;
	}

	#business li h1 {
		font-size: 26px;
		display: flex;
		justify-content: space-between;
		letter-spacing: 0.1rem;
	}

	#business li h1 .icon {
		font-size: 16px;
		margin-left: 5px;
		padding: 3px;
		border: 1px solid #fff;
		border-radius: 50%;
	}

	#business li p {
		margin-top: 15px;
		font-size: 18px;
		line-height: 180%;
		color: #fff;
		font-family: 'Avenir','Helvetica Neue','Helvetica','Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', sans-serif;
	}

	#business li * {
		color: #fff;
		font-family: 'Bebas Neue', cursive;
    font-size: 2.4rem;
	}

	#business li a {
		color: #fff;
	}

	#business li a:hover {
		color: #ffcc00;
	}

	#business li a:hover .icon {
		border: 1px solid #ffcc00;
	}

	/**/

	#recruit {
		margin-top: 100px;
        padding: 0 50px;
	}

	#recruit .bg {
		width: 50%;
		padding: 5% 5% 5% 10%;
		background: rgba(24,63,146,1);
	}

	#recruit a {
		color: #fff;
		display: flex;
		justify-content: space-between;
	}

	#recruit a:hover {
		color: #ffcc00;
	}

	#recruit a:hover .icon {
		border: 1px solid #ffcc00;
	}

	#recruit h1 {
		font-size: 2.5rem;
    width: 100px;
    font-family: 'Bebas Neue', cursive;
	}

	#recruit p.tx {
		margin: 0 0px 0 30px;
    font-size: 18px;
    line-height: 160%;
    flex: 1;
	}

	#recruit p.ic {
		width: 50px;
    margin: 0;
    text-align: right;
	}

	#recruit .icon {
		font-size: 14px;
		margin-left: 5px;
		padding: 3px;
		border: 1px solid #fff;
		border-radius: 50%;
		display: inline-block;
		flex: 1;
	}

	/**/

	#onair {
		/*padding: 0 50px;*/
		margin-top:200px;
	}

}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/